/* CSS Document */

@charset "UTF-8";

/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
+
+　CSS for HTML5
+
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
/* --------------------------------------------------------------------------------------
 VL 標準コンポーネント ver.2.2
--------------------------------------------------------------------------------------- */

/* フロート -------------------- */

.fltR { float: right; }
.fltL { float: left; }

/* 回り込み解除 -------------------- */

.clrL { clear: left; }
.clrR { clear: right; }

/* フロート（画像＋テキスト） -------------------- */

.fltRImg { float: right; margin: 0 0 10px 20px; }
.fltLImg { float: left; margin: 0 20px 10px 0; }

/* テキスト -------------------- */

.bold {	font-weight: bold; }
.marker { background: #FFFF99; padding: 2px 5px 1px 5px; }

/* テキストカラー -------------------- */

.txtRed    { color: #AE0000; }
.txtPink   { color: #FF0066; }
.txtBlue   { color: #003366; }
.txtGreen  { color: #87B924; }
.txtOrange { color: #FF6600; }
.txtBrown  { color: #504030; }
.txtGray   { color: #666666; }

/* テキストサイズ -------------------- */

.fontS08 { font-size: 80% ;}
.fontS12 { font-size: 120% ;}
.fontS14 { font-size: 140% ;}
.fontS16 { font-size: 160% ;}

/* テキスト高 -------------------- */

.fontH20 { line-height: 2.0em ;}
.fontH30 { line-height: 3.0em ;}

/* 背景カラー -------------------- */

.bgPink   { background: #CC3366; }
.bgBlue   { background: #C1E0FF; }
.bgGreen  { background: #339966; }
.bgOrange { background: #FF6600; }
.bgGray   { background: #EEEEEE; }

/* マージン・余白 -------------------- */

.mgT05 { margin-top: 5px; }
.mgT10 { margin-top: 10px; }
.mgT15 { margin-top: 15px; }
.mgT20 { margin-top: 20px; }
.mgT25 { margin-top: 25px; }
.mgT30 { margin-top: 30px; }

.mgL05 { margin-left: 5px; }
.mgL10 { margin-left: 10px; }
.mgL20 { margin-left: 20px; }
.mgL40 { margin-left: 40px; }

.mgR05 { margin-right: 5px; }
.mgR10 { margin-right: 10px; }
.mgR20 { margin-right: 20px; }



/* --------------------------------------------------------------------------------------
 VL 追加コンポーネント ver.2.2
--------------------------------------------------------------------------------------- */

/* Copyright  -------------------- */

/**/

/* Hx  -------------------- */

/**/

/* Arrow  -------------------- */

ul.module_typeA {
	margin:0 0 10px;
	padding:20px 20px 10px;
	border:5px solid #ECEEF1;
	background:url(/wp/post/typeA_bg.png);
	font-size:107%;
	color:#666;
}
ul.module_typeA li {
	margin:0 0 10px;
	padding:0 0 0 22px;
	background:url(/wp/post/typeA.png) no-repeat 0 0.7em;
	list-style: none;
}
ul.module_typeB {
	margin:0 0 40px;
	width:100%;
}
ul.module_typeB li {
	margin:0 0 5px;
	padding:0 0 0 30px;
	background:url(/wp/post/typeB.png) no-repeat 0.3em 0.7em;
	color:#1a4d97;
	font-size:121%;
	list-style: none;
}

/* Font  -------------------- */

em {font-style:normal; color:#555; font-weight:bold;}
cite {font-weight:bold; font-style:normal; font-size:115%; margin-top:30px;}
q {color:#777;}

#article .post_content a {color:#777; font-weight:bold;}
#article .post_content a:hover {color:#BBB;}



/* --------------------------------------------------------------------------------------
 static , customize
--------------------------------------------------------------------------------------- */

/* プリロードイメージ -------------------- */

#image-preload {}

/* よくあるご質問 -------------------- */

.section_faq {
	margin:0 0 13px;
	padding:0 22px 0 55px;
	border:5px solid #EEE;
}

.section_faq p {
	padding:0 0 0 30px;
}
.section_faq .faq_question {
	margin:5px -30px 0 -45px;
	padding:9px 0 9px 50px;
	background:url(/images/icon_question.png) no-repeat 0 7px;
	font-size:107%;
	line-height:1.2;
}

.section_faq .faq_answer {
	padding:0 0 10px 40px;
	background:url(/images/icon_answer.png) no-repeat 0 0;
}