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

/*---------------------------------------------
フォントのサイズ表
|px|%|
|10|77|
|11|85|
|12|93|
|13|100|
|14|108|
|15|116|
|16|123.1|
|17|131|
|18|138.5|
|19|146.5|
|20|153.9|
|21|161.6|
|22|167|
|23|174|
|24|182|
|25|189|
|26|197|

16pxで表示させたかったら、123.1%と設定すること。
------------------------------------------------*/
* {
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
         -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
            box-sizing: border-box;
}
/*--p------------------------------------------------------------------*/
p{
	margin-bottom:1.5em;
}

/*--ul------------------------------------------------------------------*/


/*--h1------------------------------------------------------------------*/
h1{
}

/*--h2------------------------------------------------------------------*/
h2{
	display: block;
	font-weight: bold;
	color: #000;
	font-size: 123.1%;
	/*border-bottom: 1px solid #8bb5db;*/
	margin-bottom: 5px;
}

/*--h3------------------------------------------------------------------*/
h3{
	display: block;
	font-weight: bold;
	color: #335c98;
	font-size: 123.1%;
	border-bottom: 1px solid #8bb5db;
	background: url(../img/common/arrow.gif) no-repeat;
	background-position: 0 5px;
	padding:3px 3px 3px 20px;
	margin-bottom: 5px;
}

/*--h4------------------------------------------------------------------*/
h4{
	font-weight: bold;
}

/*--h5------------------------------------------------------------------*/
h5{
}

/*--hr------------------------------------------------------------------*/
hr{
	size:1px;
}

/*--link------------------------------------------------------------------*/
a:link{
	text-decoration:none;
	color:#396b95;
}

a:visited{
	text-decoration:none;
	color:#396b95;
}

a:hover{
	text-decoration:underline;
	color:#396b95;
}

/*--header------------------------------------------------------------------*/
/*--------------------------------------------------------------------------*/
/*ヘッダー*/
#headerwrap{
	width:100%;
	background:url(../img/common/hdbg.gif) repeat-x;
}

header{
	width:1000px;
	margin:0 auto;
	position:relative;
	height:100px;
}

.logo{
	width:194px;
	height:51px;
	padding:25px 0 0 20px;
}
/*--nav------------------------------------------------------------------*/
/*-----------------------------------------------------------------------*/
/*ナビゲーション*/
nav{
	width:1000px;
	height: 73px;
	margin:0 auto;
}
nav li{
	display:inline;
}

/*サブナビ*/
#snav{
	position:absolute;
	top:0;
	right:0;
}

#snav li{
	display:inline;
}

#navwrap{
	background:url(../img/common/navbg.gif) repeat-x;
	height:68px;
}

/*--mainbx------------------------------------------------------------------*/
/*TOPメイン画像*/
#mainbx{
	width:100%;
	text-align:center;
	background:url(../img/mainbg.jpg) repeat-x;
}

/*--fbtn------------------------------------------------------------------*/
/*TOP4個大きいボタン*/
#fbtn{
	width:960px;
	margin:-50px auto -50px auto;
	clear:both;
	z-index:999;
}


/*--contents------------------------------------------------------------------*/
/*----------------------------------------------------------------------------*/
#contents{
	width:1000px;
	margin:10px auto 20px auto;
	clear:both;
	z-index:0;
	padding:40px 20px 20px 20px;
	text-align:left;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	-webkit-box-shadow: #b6b6b6 0px 2px 3px;
	-moz-box-shadow: #b6b6b6 0px 2px 3px;
	box-shadow: #b6b6b6 0px 2px 3px;
}

#information dt{
background:url(../img/arrow.gif) no-repeat;
background-position:left 5px;
padding-left:1.5em;
}

#information dd{
border-bottom:1px dashed #ccc;
margin-bottom:10px;
color:#666;
padding-left:1.5em;
}
/*--画像ドロップシャドウ------------------------------------*/
.shdw{
	-webkit-box-shadow: #b6b6b6 0px 2px 3px;
	-moz-box-shadow: #b6b6b6 0px 2px 3px;
	box-shadow: #b6b6b6 0px 2px 3px;
	margin-bottom:5px;
}

/*--2個並びBOX------------------------------------*/
.cntbx{
	width:455px;
	float: left;
	margin-right:50px;
}
.cntbx2{
	width:455px;
	float: left;
	margin-right:50px;
	padding:10px;
}
/*--右マージン相殺------------------------------------*/
.mr50{
	margin-right:-50px;
}

/*--3個横並びBOX------------------------------------*/
.threebx{
	width:300px;
	margin-right: 10px;
	float: left;
}
.kome{
	font-size: 93%;
}
.cntbx table{
	margin-bottom: 5px;
	font-size: 93%;
}

.cntbx td{
	padding: 10px;
	border-bottom: 1px solid #ccc;
	border-right: 1px solid #ccc;
	border-left: 1px solid #ccc;
	border-top: 1px solid #ccc;
}

section table{
	margin-bottom: 5px;
	font-size: 93%;
	margin-bottom: 20px;
}

.tac{
	text-align:center;
}

section dt{
	font-weight: bold;
}

section dd{
	margin-bottom: 10px;
}


.dctr dt{
font-weight:bold;
font-size:93%;
margin-top:5px;
}
.dctr dd{
margin-bottom:4px;
}
.dctr2 dt{
font-weight:bold;
font-size:93%;
margin-top:2px;
}

.dctr2 dd{
margin-bottom:2px;
}
section td{
	padding: 10px;
	border-bottom: 1px solid #ccc;
	border-right: 1px solid #ccc;
	border-left: 1px solid #ccc;
	border-top: 1px solid #ccc;
}
section th{
	padding: 10px;
	border-bottom: 1px solid #ccc;
	border-right: 1px solid #ccc;
	border-left: 1px solid #ccc;
	border-top: 1px solid #ccc;
}

.tdc{
background:#efefef;
text-align:center;
}
.tdl{
background:#efefef;
text-align:left;
}
/*テーブル*/

/*
section tr:nth-child(even){
	border-collapse:collapse;
	background:#efefef;
} /*tr要素の奇数行を背景色cccにする。奇数nth-child(odd)偶数の場合はtr:nth-child(even)*/

.tdul{
	border-bottom: 1px solid #ccc;
}

#yoko div:first-child{
	margin-left: 0px;
}
.orng{
	border: 1px solid #f3ae3a;
	padding: 10px;
	color: #f3ae3a;
	font-weight: bold;
}

#contents div{
	margin-bottom: 50px;
}

#contents ul{
	margin-bottom: 20px;
}

#contents li{
	list-style: disc;
	margin: 0 0 3px 40px;
}

.bnavl{
	float: left;
}
.bnavr{
	float: right;
	margin-right: 50px;
}
/*角丸ボックス*/
/*TOPページ左BOX*/
.rndbx	{
	border: 3px solid #fff;
	padding:10px;
	text-align:left;
	width: 470px;
	height:267px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	-webkit-box-shadow: #b6b6b6 0px 2px 3px;
	-moz-box-shadow: #b6b6b6 0px 2px 3px;
	box-shadow: #b6b6b6 0px 2px 3px;
	background: #fff;
	float:left;/*
	background: -webkit-gradient(linear, 0 0, 0 bottom, from(#f1f1f1), to(#fcfcfc));
	background: -webkit-linear-gradient(#f1f1f1, #fcfcfc);
	background: -moz-linear-gradient(#f1f1f1, #fcfcfc);
	background: -ms-linear-gradient(#f1f1f1, #fcfcfc); 
	background: -o-linear-gradient(#f1f1f1, #fcfcfc);
	background: linear-gradient(#f1f1f1, #fcfcfc);
	-pie-background: linear-gradient(#f1f1f1, #fcfcfc);*/
    behavior:url(/js/PIE.htc);
}
.hbx{
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	-webkit-box-shadow: #b6b6b6 0px 2px 3px;
	-moz-box-shadow: #b6b6b6 0px 2px 3px;
	box-shadow: #b6b6b6 0px 2px 3px;
	background: #fff;
}
/*TOPページ右BOX*/
.rbx{
	float:left;
	margin:0 0 0 10px;
}

/*--footer------------------------------------------------------------------*/
/*--------------------------------------------------------------------------*/
#footerwrap{
	width:100%;
	height:216px;
	clear:both;
	background:url(../img/common/footerbg.gif) repeat-x;
}

footer{
	width:1000px;
	margin:0 auto;
	text-align:center;
}

footer ul{
	border-top: 1px solid #fff;
	padding-top: 5px;
}

footer li{
	display:inline;
}

footer p small{
	font-size:smaller;
	color:#8b807a;
	display: block;
	margin: 10px 0;
}

footer p{
	clear:both;
	text-align:center;
}

footer dt{
	font-weight:bold;
}

footer dd{
	margin:0 0 0 1em;
}

footer a:link{
	text-decoration:none;
	color:#8b807a;
}

footer a:visited{
	text-decoration:none;
	color:#8b807a;
}

footer a:hover{
	text-decoration:underline;
	color:#396b95;
}



.bigmaru{
font-size:161.6%;
font-weight:bold;
}

/*--TOPに戻る------------------------------------------------------------------*/
#bcktp{
	position:fixed;
	bottom:0;
	right:0;
	padding:10px 0 0 0;
	background:#efefef;
	width:100px;
	height:40px;
	text-align:center;
}


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

.clearfix{
	display:inline-block;
}

/*Hides from IE-mac*/
*html .clearfix{height:1%;}
.clearfix{display:block;}
/*End hide from IE-mac*/

.fl_r{
	float:right;
}
.fl_l{
	float:left;
}
.clear{
	clear:both;
}