@charset "UTF-8";

body
{
	margin-top: 8px;
}

h1
{
	color: #005aff;
	font-weight: bold;
	font-size: 16px;
	margin: 0px 0px 0.5em
}

h2
{
	color: white;
	font-weight: bold;
	font-size: 14px;
	background-color: #005aff;
	margin: 0px 0px 0.5em;
	padding: 0px 0px 0px 4px
}

h2:first-letter
{
	color: #005aff;
	font-size: 32px;
	line-height: 28px;
	font-family: "Arial Black", "メイリオ";
	background-color: white;
	margin-right: 8px;
	margin-left: 12px;
	padding: 0 8px 0 8px;
	vertical-align: text-bottom;
}

h3
{
	color: #005aff;
	font-size: 13px;
	font-weight: bold;
}

form
{
	margin: 0px;
	padding: 0px;
}

#ribbon
{
	margin: 0 auto;
	width: 728px;
	font-size: 12px;
/*	border-collapse:separate;
	border-spacing:2px;*/
}

#ribbon .header
{
	background-color: #005aff;
	padding: 4px 16px;
	text-align: center;
	color: white;
	white-space: nowrap;
}

#ribbon .normal
{
	background-color: #daf6ff;
	padding: 4px 8px;
	text-align: center;
	border-left: 8px solid #005aff;
	vertical-align: middle;
}

#ribbon .separator
{
	background-color: white;
	width: 4px;
}

/*タイトル画像の反射部分のテーブル。*/
#title
{
	margin: 0px auto;
	padding-bottom: 4px;
	border-bottom: 1px solid #005aff;
	background-image: url(images/mmail480_02.png);
	background-position: center;
	background-repeat: no-repeat;
	text-align: center;
	width: 728px;
}

#title td
{
	padding: 0px 12px;
}

#layoutWhole
{
	margin: 0 auto;
	width: 728px;
}

#layoutWhole #layoutContent
{
	float: left;
	width: 552px;
	margin-right: 16px; 
}

/*使い方のページなどの章*/
#layoutWhole #layoutContent .chapter
{
	margin-bottom: 4.0em;
}

#layoutWhole #layoutContent .chapter p
{
	line-height: 150%;
	margin: 0px 0px 1.4em 0px;
}


#layoutWhole #layoutSidebar
{
	float: left;
	width: 160px;
	margin-bottom: 16px;
}

/*サイドバーの各段落。*/
#layoutWhole #layoutSidebar .sideBarBox
{
	background-color: #daf6ff;
	margin: 8px 0px 0px 0px;
	padding: 1em 4px 1em 4px;
	font-size: 10px;
	text-align: center;
	line-height: 150%;
	border: solid 1px #005aff
}

/*履歴、ランキングなどのサムネイル。*/
.thumbnail
{
	border: 0px none;
	margin: 4px 8px;
}

#urlInputArea
{
	background-color: #daf6ff;
	margin: 8px auto;
	padding: 0.5em;
	text-align: center;
}

#urlInputArea #url
{
	width: 520px;
}

.impactText
{
	color: #005aff;
	margin: 0.5em auto;
	width: 100%;
	text-align: center;
}

/*文中に右寄せで表示する挿絵など。*/
.figRight
{
	float: right;
	margin-left: 4px;
	font-size: 9px;
}

#steps
{
	width: 600px;
	margin: 0 auto;
	margin-bottom: 1em;
	text-align: center;
	font-size: smaller;
}

#steps th
{
	font-size: 20px;
}

#steps img
{
	margin: 8px 32px;
}

/*
 ******************************************************************************
 *
 * common
 *
 ******************************************************************************
 */

/*メニュー下のリンクユニット。*/
#linkunitUnderMenu
{
	width: 728px;
	margin-top: 4px;
	margin-bottom: 16px;
	margin-left: auto;
	margin-right: auto;
}

/*JavaScriptがエラーの場合の警告部分。*/
#noscript
{
	margin: 2em auto;
	padding: 1em;
	background-color: #fff0f5;
	color: red;
	font-size: 15px;
	font-weight: bold;
	text-align: center;
}