@charset "utf-8";
/* CSS Document */

/*前回までのCSS不要かも？*/
ul.firstNavigation{
	list-style:none;
	margin:0 -20px 0 0 ;
	zoom:1;
}

ul.firstNavigation:after{
clear:both;
content:".";
display:block;
height:0;
visibility:hidden;
}

ul.firstNavigation li{
	float:left;
	margin:0 10px 10px 0;
}

div.section-lv1 h3{
	background-image:url(../common/img/h3_bg01_blue.gif);
	border-bottom-color:#0068b6;
	font-size:180%;
	font-weight:bold;
}
div.section-lv1 h4{
	font-weight:bold;
}

/* =========================================================
 * 201111リニューアル　汎用
 * ====================================================== */
/* マージン ------------------------------ */
.mgt5  {margin-top: 5px !important;}
.mgt10 {margin-top: 10px !important;}
.mgt15 {margin-top: 15px !important;}
.mgt20 {margin-top: 20px !important;}
.mgt25 {margin-top: 25px !important;}
.mgt30 {margin-top: 30px !important;}
.mgb0  {margin-bottom: 0 !important;}
.mgb10 {margin-bottom:10px !important;}
.mgr4  {margin-right:4px !important;}
.mgl10 {margin-left:10px !important;}
.mgl20 {margin-left:20px !important;}

/* パディング ------------------------------ */
.pd10{padding:10px !important;}
/* アライン ------------------------- */
.t-center {text-align: center !important;}
.t-right  {text-align: right !important;}
.t-left   {text-align: left !important;}

/* 揃い ----------------------------- */
.v-top    {vertical-align:top !important;}
.v-middle {vertical-align:middle !important;}
.v-bottom {vertical-align:bottom !important;}
/* table の場合 --------------------- */
table.v-middle th,
table.v-middle td {
	vertical-align:middle !important;
}
/* table の場合 --------------------- */
table.v-top th,
table.v-top td {
	vertical-align:top !important;
}

/* フォント ------------------------- */
.bold   {font-weight: bold !important;}
.normal {font-weight: normal !important;}
.fs80{font-size:80%;}
.fs90{font-size:90%;}
.fs120{font-size:120%;}
.fs135{font-size:135%;}
.w-316{width:316px !important;}
/* 折り返し ------------------------- */
.nowrap {white-space: nowrap !important;}

/* 色 ------------------------- */
.red {color: red !important;}

/* =========================================================
 * リストスタイル
 * ====================================================== */

ol.none , ul.none{
	list-style:none !important;
	padding-left:0 !important;
}

/* =========================================================
 * 配置
 * ====================================================== */

/* -----------------------------------------------
 * 回り込み
 * -------------------------------------------- */
.f-l {float: left !important;}
.f-r {float: right !important;}
/* -----------------------------------------------
 * クリアフィックス
 * -------------------------------------------- */
.c-fix:after {
	content: ".";
	display: block;
	clear: both;
	line-height: 0;
	font-size: 0;
	height: 0;
	visibility: hidden;
}
.c-fix {
	display: inline-block;
}
/* Mac版IEを除外 \*/
.c-fix {
	display: block;
}

/* =========================================================
 * 区切り線
 * ====================================================== */

hr.dotted{
	margin:10px 0;
	height: 1px;
	border:none;
	border-top: 1px dashed #C3C3C3 !important;
}
.boano {border: none !important;}
/* =========================================================
 * 201111リニューアル　コンテンツ
 * ====================================================== */

#read-text{
	padding:20px 10px 10px;
	line-height:1.8;
}

#cont01 a ,#cont02 a ,#cont03 a ,#cont04 a ,#cont05 a ,#cont06 a{
	color:#015ca0;
}

	
#cont01 .value-area{
	padding:10px;
}

#cont01 .value-area p{
	border-bottom:1px dotted #c3c3c3;
	padding:3px 0;
}
#cont02 .support-area{
	padding:15px;
}

#cont02 .intro-text{
	width:410px;
}
#cont02 .intro-text h4{
	background:url(img/checked.gif) no-repeat;
	padding-left:20px;
	font-weight:bold;
	color:#015ca0;
	font-size:120%;
	margin-bottom:5px;
}

#cont03 .contents-area{
	padding:10px;
}
#cont03 .contents-area h4{
	background:url(img/sq_icon.gif) no-repeat 0 5px;;
	padding-left:20px;
	font-weight:bold;
	color:#000;
	font-size:130%;
	border-bottom:2px solid #0a0e72;
}
#cont03 .contents-area table{
	margin:15px;
	width:100%;
}

#cont03 .contents-area table td{
	width:50%;
	padding:5px;
}

#cont03 .contents-area .link-area{
	line-height:2;
}

#cont03 .contents-area ul li{
	background:url(img/q_icon.gif) no-repeat 0 3px;
	padding-left:20px;
}

div.section-note h3#index_hl01:before {
	content: url("img/index_hl01.gif");
}

.profilelink{text-align: right;}

.section-note p,.read-text p{font-size:14px;}