@charset "utf-8";
/* ===================================================================
CSS information

 file name  :style.css
 style info :コンテンツエリア関係 他
 
このスタイルシートの構成
 基本設定、レイアウト、横幅設定など
 汎用class
 #header
  #utilityNav
 #navi
  #gNav
 #footer
  #footerContents
 #page
 #mainImg
  #imgArea
  #contents
   #main
   #sub
=================================================================== */

/*----------------------------------------------------
	基本設定、リンクカラーなど
----------------------------------------------------*/
body {
}

a:link {
	color:#1c5489;
	text-decoration: none;
}
a:visited {
	color:#1c5489;
	text-decoration: none;
}
a:hover {
	color:#75adaf;
	text-decoration: none;
}
a:active {
	color:#1c5489;
	text-decoration: none;
}
a.alpha:hover img {filter:alpha(opacity=60);-moz-opacity:0.6;opacity:0.6;}





/*----------------------------------------------------
	汎用class
----------------------------------------------------*/
.imgR {
	float: right;
	margin: 0 0 0 10px;
}

.imgL {
	float: left;
	margin: 0 10px 0 0;
}

.txtR {
	float: right;

}

.txtL {
	float: left;
}

.btn {
	text-align: center;
}

/* clearfix */
.clearfix:after {
	content: "."; display: block; visibility: hidden; height: 0.1px; font-size: 0.1em; line-height: 0; clear: both;
}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */
.inLine {display:inline;}

/* margin
----------------------------------------------------------*/
/* Top */
.MG-T0 { margin-top: 0 !important; }
.MG-T5 { margin-top: 5px !important; }
.MG-T10 { margin-top: 10px !important; }
.MG-T15 { margin-top: 15px !important; }
.MG-T20 { margin-top: 20px !important; }
.MG-T25 { margin-top: 25px !important; }
.MG-T30 { margin-top: 30px !important; }
.MG-T80 { margin-top: 80px !important; }

/* Bottom */
.MG-B0 { margin-bottom: 0 !important; }
.MG-B5 { margin-bottom: 5px !important; }
.MG-B10 { margin-bottom: 10px !important; }
.MG-B15 { margin-bottom: 15px !important; }
.MG-B20 { margin-bottom: 20px !important; }
.MG-B25 { margin-bottom: 25px !important; }
.MG-B30 { margin-bottom: 30px !important; }

/* padding
----------------------------------------------------------*/
/* Left */
.PD-L5 { padding-left: 5px !important; }
.PD-L10 { padding-left: 10px !important; }
.PD-L15 { padding-left: 15px !important; }
.PD-L20 { padding-left: 20px !important; }
.PD-L25 { padding-left: 25px !important; }
.PD-L30 { padding-left: 30px !important; }
/* Right */
.PD-R5 { padding-right: 5px !important; }
.PD-R10 { padding-right: 10px !important; }
.PD-R15 { padding-right: 15px !important; }
.PD-R20 { padding-right: 20px !important; }
.PD-R25 { padding-right: 25px !important; }
.PD-R30 { padding-right: 30px !important; }

/* フォントサイズ・カラー
----------------------------------------------------------*/
.TXT-S { font-size:12px;}
.TXT-M { font-size:14px;}
.TXT-L { font-size:16px;}

.TXT-RED { color:#FF3333;}
.TXT-ORG { color:#f7931e;}


/* 幅
----------------------------------------------------------- */
.W70{width:70%;}
.W65{width:65%;}
.W60{width:60%;}
.W50{width:50%;}
.W40{width:40%;}
.W30{width:30%;}
.W35{width:35%;}
.W25{width:25%;}

/* -----------------------------------------------------------
	#header
		ヘッダー
----------------------------------------------------------- */
#header {
	width: 900px;
	margin: 0 auto;
}

#header #logo {
	clear: both;
	float: left;
	font-size: 14px;
	font-weight: bold;
	height: 73px;
	width: 900px;
	background: #fff;
	margin:0px 0px 20px 0px;
}
#headerDesc {
	color: #000;
	height: 20px;
}
#headerDescArea {
	width: 900px;
	background-color:#f6f6f6;
	margin: 0 auto;
}


#headerDescArea h1 {
	font-size: 12px;
	font-weight: normal;
	float: left;
	margin: 10px 0 0 7px;
	height: 20px;
}

/* #utilityNav
----------------------------------------------------------- */
#header #utilityNav {
	float: right;
	text-align: right;
	padding-top: 60px;
}

#header #utilityNav li {
	display: inline;
	list-style-type: none;
	margin-right: 5px;
	padding:0 0 5px 8px;
	background: url(../image/list-arw.png) no-repeat;
	background-position:0% 30%;
}


/* -----------------------------------------------------------
	#navi
		ナビ
----------------------------------------------------------- */
#navi {
	clear: both;
	height: 60px;
	background:url(../image/navi_background.png) repeat-x;
}

/* #gNav
----------------------------------------------------------- */
#navi #gNav {
	clear: both;
	overflow: hidden;
}

* html #navi #gNav {
	height: 1%;
}

#naviArea {
	width: 900px;
	margin: 0 auto;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #ddd;
}

#naviArea_n {
	width: 900px;
	margin: 0 auto;
}

#navi #gNav li {
	float: left;
	text-align: center;
}

#navi #gNav li a:link,
#navi #gNav li a:visited,
#navi #gNav li a:active {
	color:#369;
	font-size: 14px;
	text-decoration:none;
	display:block;
	width: 220px;
	height:45px;
	padding-top: 10px;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #ddd;
}

#navi #gNav span {
		color:#fff;
	font-size: 10px;
}

#navi #gNav li a:hover{
	color:#fff;
	background-position:0 -60px;
	text-decoration:none;
	font-weight:bold;
	letter-spacing: 0.2em;
}

/* -----------------------------------------------------------
	#footer
		フッター
----------------------------------------------------------- */
#footer {
	clear: both;
	background: #f6f6f6;
	padding: 15px 0 0 0;
}

#footer .copyright {
	color: #fff;
	background:#076FB8;
	text-align: center;
	margin-top: 20px;
	padding: 15px 0 0 0;
	height: 30px;
}

#footerContents ul {
	text-align: center;
	padding: 10px 0 0 0;
}

#footerContents ul li {
	display: inline;
	border-right: solid 1px #d4d4d4;
	padding: 0 10px 0 10px;
}
#footerContents ul li.end {
	display: inline;
	border: none;
	padding: 0 10px 0 10px;
}

#footerContents .box {
	width: 280px;
	float: left;
	border: none;
	margin-right: 10px;
	padding: 10px;
}

#footerContents h3 {
	font-weight: normal;
}

/* -----------------------------------------------------------
	#footerContents
		フッターコンテンツ
----------------------------------------------------------- */
#footerContents {
	width: 960px;
	margin: 0 auto;
}


/*----------------------------------------------------
	#page
----------------------------------------------------*/
#page {
}


/*----------------------------------------------------
	#トップImg
----------------------------------------------------*/

#imgArea {
	width: 960px;
	margin: 0 auto;
}
/*----------------------------------------------------
	#下層Img
----------------------------------------------------*/

#imgArea02 {
	width: 900px;
	margin: 0 auto;
}

/*----------------------------------------------------
	#contents
----------------------------------------------------*/
#contents {
	width: 900px;
	background-color:#E1F7FF;
	margin: auto;
	text-align: left;
}

#contents .pageTop {
	clear: both;
	text-align: right;
}


/*.contentsBox
----------------------------------------------------*/
.contentsBox {
	margin:auto;
	width:900px;
}

.contentsBox .box {
	font-size: 12px;
	color: #FFF;
	width: 200px;
	float: left;
	margin-right: 10px;
	padding: 10px;
	
}

.con_block_n {width:680px;margin: 10px 0px;padding: 0px;}


/*----------------------------------------------------
	#main
		メイン
----------------------------------------------------*/
#main {
	float: right;
	width: 690px;

	background-color:#FFF;
	padding-left:10px;
	padding-top:5px;

	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;


}

#main h2{
	font-size: 16px;
	font-weight: 100;
	width: 680px;
	text-indent:2em;
	height: 40px;
	background: url(../image/h2Bar.gif) no-repeat;
	padding: 10px 0px;
}

#main .section{
	width:680px;

}

#main .sectionBorder{

	width:680px;
	border: solid #ccc 1px;
}

.text-aisatu{	
	line-height: 200%;
	padding:15px;
	padding-top:10px;
	font-size: 16px;
}



#main .sectionService{
   padding: 10px 0px;
}

#main .box {
	width: 190px;
	float: left;
	border-right: solid #CCC 1px;
	margin-right: 5px;
	padding: 0 15px 0 10px;
}

#main .box-end {
	width: 190px;
	float: left;
	margin-right: 5px;
	padding: 0 0 0 10px;
}

#main .btn {
	width: 226px;
	float: left;

}

#main .btn50 {
	width: 113px;
	float: left;

}

#main .btn-end {
	width: 226px;
	float: left;

}

#main .section ul li{
	list-style-image:url(../image/cirBK.gif);
	list-style-position:inside;
}

/* 親子ボックス
----------------------------------------------------------- */


#oya_sodan {
	position: relative;
	width: 680px;
}
#k_sodan {
	position: absolute;
	left: 13px;
	top: 68px;
	width: 430px;
}
#k_sodanBtn {
	position: absolute;
	left: 13px;
	top: 147px;
}

#oya_keiyaku {
	position: relative;
	width: 680px;
}
#k_kei01 {
	position: absolute;
	left: 12px;
	top: 192px;
	width: 190px;
}
#k_kei02 {
	position: absolute;
	left: 237px;
	top: 192px;
	width: 190px;
}
#k_kei03 {
	position: absolute;
	left: 464px;
	top: 192px;
	width: 190px;
}

#oya_mail {
	position: relative;
	width: 680px;
}
#k_mailBtn {
	position: absolute;
	left: 361px;
	top: 11px;
}

 /* ------ */

.button{	
    text-align: center;
    padding: 5px; 
	margin-top:15px;
	margin-bottom:10px;
}


.button input{	
	width:120px;
	height:25px;

}









 /* ------ */

 /* ------ */

/* テーブル装飾
----------------------------------------------------------- */
div.table_block {margin: 0px;padding: 15px 0px;}
div.table_block table {clear: both;width: 100%;margin:0px auto;padding: 0px;border-collapse: collapse;font-size:100%;}
div.table_block th {width:180px;padding: 15px;border: 1px solid #fff;text-align:left;background: #076FB8;vertical-align: middle;color:#fff;}
div.table_block td {padding: 15px;border: 1px solid #fff;text-align:left;background: #f6f6f6;vertical-align: middle;}

#btnBox {
	background-color: #f6f6f6;
	width: 680px;
	padding-top: 20px;
	padding-bottom: 20px;
	border: 1px solid #CCC;
}


/* -----------------------------------------------------------
	#sub
		サイドバー、サブ
----------------------------------------------------------- */
#sub {
	float: left;
	width: 200px;
	padding-top:20px;
}



#sub .box {
	border-bottom: solid #CCC 1px;
	padding: 5px;
}

#sub .box-end {
	padding: 5px;
}
/*サイドの親子ボックス
----------------------------------------------------------- */


#oya_wm {
	position: relative;
	width: 180px;
	padding:5px 10px;
}
#k_wm_k {
	position: absolute;
	left: 21px;
	top: 48px;
	width:72px;
}
#k_wm_i {
	position: absolute;
	left: 109px;
	top: 48px;
	width:72px;
}
#k_jp_k {
	position: absolute;
	left: 24px;
	top: 45px;
	width:153px;
}
#k_jp_i {
	position: absolute;
	left: 24px;
	top: 86px;
	width:153px;
}
#k_jp_m {
	position: absolute;
	left: 23px;
	top: 125px;
	width:153px;
}

/*横並びリスト
----------------------------------------------------------- */

dl.List {  
        overflow: hidden;  
        zoom: 1;  
}  
dl.List dt {  
        margin-bottom: 5px;  
        padding:0px 0px 5px 10px;  
        width: 100px;  
        float: left;  
        clear: both;  
        font-weight: bold;  
}  
dl.List dd {  
        margin-bottom: 5px;  
        padding: 0 0 5px 120px;  
        border-bottom: 1px dotted #999;  
}