@charset "utf-8";
/*------------------------------------------------------------
	書式設定
------------------------------------------------------------*/
/* テキストの位置 */
.taLeft { text-align: left !important; }
.taCenter { text-align: center !important; }
.taRight { text-align: right !important; }
.vaTop { vertical-align: top !important; }
.vaMiddle { vertical-align: middle !important; }

/* フォントの大きさ（プラス） */
.fsP1 { font-size: 1.08em !important; }
.fsP2 { font-size: 1.16em !important; }
.fsP3 { font-size: 1.24em !important; }
.fsP4 { font-size: 1.32em !important; }
.fsP5 { font-size: 1.4em !important; }

/* フォントの大きさ（マイナス） */
.fsM1 { font-size: 0.92em !important; }
.fsM2 { font-size: 0.84em !important; }
.fsM3 { font-size: 0.76em !important; }
.fsM4 { font-size: 0.68em !important; }
.fsM5 { font-size: 0.6em !important; }

/* フォントの太さ */
.fwNormal { font-weight: normal !important; }
.fwBold { font-weight: bold !important; }

/*------------------------------------------------------------
	微調整用クラス（※多用しないこと）
------------------------------------------------------------*/
.mt0 { margin-top: 0 !important; }
.mb0 { margin-bottom: 0 !important; }
.mt20{margin-top:20px;}
.pt30{ padding-top: 30px;}

/*------------------------------------------------------------
	汎用スタイル
------------------------------------------------------------*/
	* html .clearfix {
		zoom: 1;
	}

	*+html .clearfix {
		zoom: 1;
	}

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

.floatL {
	float: left!important; 
}

.floatR {
	float: right!important; 
}

h3 {
	text-align: center;
}

/*------------------------------------------------------------
	mainImg
------------------------------------------------------------*/
.mainImg {
	padding: 100px 0 107px;
	height: 70px; 
	text-align: center;
	background: url(../images/main_img.jpg) no-repeat center top;
	background-size: cover;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='common/images/main_img.jpg',sizingMethod='scale');
	zoom: 1;
}

/*------------------------------------------------------------
	comTtl
------------------------------------------------------------*/
#main .comTtl {
	margin-bottom: 26px;
	border-bottom:1px solid #000;
}

#main .comTtl p {
	margin: 0 !important;
	padding-bottom: 0 6px 0 0;
	width: 400px !important;
	font-size: 2.3em !important;
	font-weight: bold;
	border-bottom:1px solid #000;
}

/*------------------------------------------------------------
	comTable
------------------------------------------------------------*/
#main .comTable {
	margin-bottom: 109px;
	width: 100%;
	border-collapse: collapse;
}

#main .comTable th,
#main .comTable td {
	padding: 12px 33px 7px;
	width: 80%;
	color: #242424;
	font-size: 1.4em;
	text-align: left;
	vertical-align: top;
	border-bottom: 1px solid #E9E9E9;
}

#main .comTable th {
	padding: 12px 0 6px 21px;
	width: 23%;
	color: #0a1973;
	font-size: 1.6em;
}

#main .comTable .odd th,
#main .comTable .odd td {
	background: #F6F7FA;
}

#main .comTable .even th,
#main .comTable .even td {
	background: #FFF;
}

/*------------------------------------------------------------
	comInner
------------------------------------------------------------*/
#main .comInner {
	margin-bottom: 46px;
	padding: 44px 0 50px;
	background: url(../images/com_inner_bg.gif) repeat left top;
	zoom: 1;
}

#main .comInner .subBox {
	margin: 0 auto;
	padding-right: 10px;
	width: 980px;
}

/*------------------------------------------------------------
	comLink
------------------------------------------------------------*/
#main .comLink {
	margin: 0 auto 83px;
	width: 650px;
}
#main .comLink2 {
	width: 700px !important;
}
#main .comLink li {
	margin-right: 20px;
	float: left;
	text-align: center;
}

#main .comLink .none {
	margin-right: 0 !important;
}

#main .comLink li a {
	padding-bottom: 8px;
	display: block;
	font-size: 1.5em;
	font-weight: bold;
	text-decoration: none;
}

#main .comLink li a span {
	padding: 7px 0; 
	width: 196px;
	display: block;
	border: 3px solid #D2D2D2;
	color: #22497f;
	background-color: #FFF;
}
#main .comLink2 li a span {
	width: 154px !important;
}
#main .comLink .on a,
#main .comLink li a:hover {
	background: url(../images/com_link_bg.png) no-repeat center bottom;
}

#main .comLink .on a span,
#main .comLink li a:hover span {
	border: 3px solid #193775;
	background-color: #FFF;
}

/*------------------------------------------------------------
	comBorUl
------------------------------------------------------------*/
#main .comBorUl {
	margin: 0 auto;
	padding: 10px 5px 10px 28px;
	width: 623px;
	border: 3px solid #D2D2D2;
}

#main .comBorUl li {
	margin-right: 30px;
	display: inline;
}

#main .comBorUl li a {
	padding-left: 21px;
	padding-top:3px;
	padding-bottom:2px;
	font-size: 1.5em;
	font-weight: bold;
	line-height: 2.3;
	background: url(../../images/service/icon01.gif) no-repeat left center;
	zoom: 1;
}

/*------------------------------------------------------------
	comBtmBox
------------------------------------------------------------*/
#main .comBtmBox {
	margin: 0 auto;
	width: 1000px;
}

#main .comBtmBox .ttl {
	margin-bottom: 25px !important;
	position: relative;
}

#main .comBtmBox .ttl a {
	position: absolute;
	right: 0;
	bottom: 8px;
}

#main .comBtmBox li {
	padding-left: 28px;
	float: left;
}

#main .comBtmBox li:first-child {
	padding-left: 0;
}