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


body {
	margin: 0;
	padding: 0;
	color: #666666;
	background:#ffffff url(../img/common/bg_back.gif) repeat;
	font-size:13px;
	line-height:1.5;
	text-align: center;
}

a:link {color:#003399; text-decoration:underline;}
a:hover {text-decoration:underline;}
a:visited {color:993366; text-decoration:underline;}
a:active {color:#993366;text-decoration:underline;}
.bgRed{background-color:#990000; color: #fff; padding: 1% 2% 0.75% 2%;}

h1, h2, h3, h4, h5, h6 {
font-size:100%;
font-weight:normal;
}
.clearfix{
	clear:both;
}
.clearfix:after{
content:"";
clear:both;
display:block;
height:0;
}
.clearfix:after { content: " "; clear: both; display: block; height: 0; visibility: hidden; }
.clearfix { display: inline-block; }
.clearfix { display: block; }

img {margin:0;padding:0;display:inline;border: none;vertical-align: top;}
a:hover img {opacity: 1; filter:alpha(opacity=100); -ms-filter: "alpha( opacity=100 )";-webkit-transition: .3s ease-in-out;transition: .3s ease-in-out;}
a:hover img.over{
opacity:0.6;
filter:alpha(opacity=60);
-ms-filter: "alpha( opacity=60)";
background:none;
}
ul, li, dl , dt, dd{margin:0;padding:0;list-style:none;}
td{ vertical-align:top;}
br {margin: 0;padding: 0;height: 0;width: 0;letter-spacing: 0;}
html{height:100%;min-height:100%;}
div, p{margin:0;padding:0;}

.fontRed{color:#ff0000;}
.fontRed2{color:#cc0000;}
.fontBlue{color:#3333cc;}
/*
.blue{color:#006699;}
.blue_b{color:#003366; font-weight:bold;}
.blue_b_big{color:#003366; font-size:150%; font-weight:bold;}
.orange{color:#ff9900;}
.green{color:#339900;}
.beige{color:#b4a674;}
.fontBlack { color:#000;}
*/
.font80{font-size:80%;}
.font85{font-size:85%;}
.font90{font-size:90%;}
.font95{font-size:95%;}
.font110{font-size:110%;}
.font120{font-size:120%;}
.font150{font-size:150%;}
.fontBold{ font-weight: 700;}
.fontUnderbar{text-decoration: underline;}

.mgT05{ margin-top:5px;}
.pdT05{ padding-top:5px}.pdT10{ padding-top:10px;}

.mgT10{ margin-top:10px;}.mgT20{ margin-top:20px;}.mgT30{ margin-top:30px;}.mgT40{ margin-top:40px;}.mgT50{ margin-top:50px;}.mgT60{ margin-top:60px;}.mgT70{ margin-top:70px;}.mgT80{ margin-top:80px;}.mgT90{ margin-top:90px;}.mgT100{ margin-top:100px;}.mgT110{ margin-top:110px;}.mgT120{ margin-top:120px;}.mgT150{ margin-top:150px;}
.mgR10{ margin-right:10px;}.mgR20{ margin-right:20px;}.mgR30{ margin-right:30px;}.mgR40{ margin-right:40px;}.mgR50{ margin-right:50px;}.mgR60{ margin-right:60px;}.mgR70{ margin-right:70px;}.mgR80{ margin-right:80px;}.mgR90{ margin-right:90px;}.mgR100{ margin-right:100px;}
.mgB10{ margin-bottom:10px;}.mgB20{ margin-bottom:20px;}.mgB30{ margin-bottom:30px;}.mgB40{ margin-bottom:40px;}.mgB50{ margin-bottom:50px;}.mgB60{ margin-bottom:60px;}.mgB70{ margin-bottom:70px;}.mgB80{ margin-bottom:80px;}.mgB90{ margin-bottom:90px;}.mgB100{ margin-bottom:100px;}
.mgL10{ margin-left:10px;}.mgL20{ margin-left:20px;}.mgL30{ margin-left:30px;}.mgL40{ margin-left:40px;}.mgL50{ margin-left:50px;}.mgL60{ margin-left:60px;}.mgL70{ margin-left:70px;}.mgL80{ margin-left:80px;}.mgL90{ margin-left:90px;}.mgL100{ margin-left:100px;}

.pdT10{ padding-top:10px;}.pdT20{ padding-top:20px;}.pdT30{ padding-top:30px;}.pdT40{ padding-top:40px;}.pdT50{ padding-top:50px;}.pdT60{ padding-top:60px;}.pdT70{ padding-top:70px;}.pdT80{ padding-top:80px;}.pdT90{ padding-top:90px;}.pdT100{ padding-top:100px;}
.pdR10{ padding-right:10px;}.pdR20{ padding-right:20px;}.pdR30{ padding-right:30px;}.pdR40{ padding-right:40px;}.pdR50{ padding-right:50px;}.pdR60{ padding-right:60px;}.pdR70{ padding-right:70px;}.pdR80{ padding-right:80px;}.pdR90{ padding-right:90px;}.pdR100{ padding-right:100px;}
.pdB10{ padding-bottom:10px;}.pdB20{ padding-bottom:20px;}.pdB30{ padding-bottom:30px;}.pdB40{ padding-bottom:40px;}.pdB50{ padding-bottom:50px;}.pdB60{ padding-bottom:60px;}.pdB70{ padding-bottom:70px;}.pdB80{ padding-bottom:80px;}.pdB90{ padding-bottom:90px;}.pdB100{ padding-bottom:100px;}
.pdL10{ padding-left:10px;}.pdL20{ padding-left:20px;}.pdL30{ padding-left:30px;}.pdL40{ padding-left:40px;}.pdL50{ padding-left:50px;}.pdL60{ padding-left:60px;}.pdL70{ padding-left:70px;}.pdL80{ padding-left:80px;}.pdL90{ padding-left:90px;}.pdL100{ padding-left:100px;}

.width5{ width:5%;}.width10{ width:10%;}.width15{ width:15%;}.width20{ width:20%;}.width25{ width:25%;}.width30{ width:30%;}.width35{ width:35%;}.width40{ width:40%;}.width45{ width:45%;}.width47{ width:47%;}.width48{ width:48%;}.width50{ width:50%;}.width55{ width:55%;}.width58{ width:58%;}.width60{ width:60%;}.width65{ width:65%;}.width70{ width:70%;}.width75{ width:75%;}.width80{ width:80%;}.width85{ width:85%;}.width90{ width:90%;}.width95{ width:98%;}.width100{ width:100%;}

.alignR{ text-align:right;}
.alignL{ text-align:left;}
.alignC, .btnC{ text-align:center;}
.btnC img{ padding:0 1%;}

.fL, .floatL{ float:left;}
.fR, .floatR{ float:right;}

.bg_gray{ background-color: #e3e3e3;}
.bg_gray .padding{ padding:3% 3%;}

#header{
	width: 790px;
	margin: 0 auto;
	padding: 0;
	text-align: left;
	border-right:1px solid #999;
	border-left:1px solid #999;
}
#header h1{
width:100%;
	margin: 0;
	padding: 0;
}
#wrapper{
	width: 790px;
	margin: 0 auto;
	padding: 0;
	text-align: center;
	background: url(../img/common/wrapper.gif) repeat-y 0px 0px;
	border-right:1px solid #999;
	border-left:1px solid #999;
}
#wrapper h1{
width:96%;
	margin: 0;
	padding: 0 2%;
	text-align: left;
	background-color:#000033;
	color:#fff;
}
#wrapper h1 span{float:right;}
#navi{
	width:100%;
	background: url(../img/common/navi.jpg) repeat-x 0px 0px;
	height:30px;
}
#navi ul{
	width:100%;
}
#navi li{
	width: 131px; 
	height: 30px;
	display:inline;
	float:left;
}
#navi li.on img{ display: none;}
#navi li.navi01.on{background:#1b4c8d url(../img/common/navi01on.png) no-repeat 0px 0px;}
#navi li.navi02.on{background:#1b4c8d url(../img/common/navi02on.png) no-repeat 0px 0px;}
#navi li.navi03.on{background:#1b4c8d url(../img/common/navi03on.png) no-repeat 0px 0px;}
#navi li.navi04.on{background:#1b4c8d url(../img/common/navi04on.png) no-repeat 0px 0px;}
#navi li.navi05.on{background:#1b4c8d url(../img/common/navi05on.png) no-repeat 0px 0px;}
#navi li.navi06.on{background:#1b4c8d url(../img/common/navi06on.png) no-repeat 0px 0px;}

#wrapper #index #leftslot,
#wrapper #second #leftslot{
	width: 480px;
	margin-left:40px;
	float:left;
}

#wrapper #index #rightslot{
	width: 180px;
	float:right;
	margin-right:20px;
	padding-top:160px;
}
#wrapper #second #rightslot{
	width: 180px;
	float:right;
	margin-right:20px;
	padding-top:40px;
}
#wrapper #index #rightslot h2{
	margin-bottom:10px;
	text-align: left;
}
#wrapper #index #rightslot ul,
#wrapper #second #rightslot ul{
	text-align: left;
	margin-bottom:20px;
}
#wrapper #index #rightslot li,
#wrapper #second #rightslot li{
	display:block;
	margin-bottom:10px;
}
#wrapper #jcs{
	width:92%;
	padding:0.5% 4%;
	background:#fff;
	text-align: left;
} 
#wrapper #jcs h3{
	font-weight:700;
	font-family:sans-serif;
	font-size:14px;
	margin-bottom:10px;
}
#wrapper #jcs dl{
	margin-bottom:10px;
}
#wrapper #jcs dt{
	font-size:14px;
	font-weight:700;
	margin-bottom:10px;
}
#wrapper #jcs dd{
	font-size:12px;
}

.box {
	width: 100%;
clear:both;
}

table.one{
	width: 100%;
	text-align: left;
	font-size: 100%;
	border-collapse: collapse;
	border: 1px solid #666666;
}
table.one th{
	width: 20%;
	white-space: nowrap;
	padding: 5px;
	border-bottom: 1px solid #666;
	border-right: 1px solid #666;
	font-weight: 400;
}
table.one td{
	padding: 5px 8px;
	border-bottom: 1px solid #666;
}

table.two{
	width: 100%;
	text-align: left;
	font-size: 100%;
	border-collapse: collapse;
}
table.two th{
	width: 5%;
	white-space: nowrap;
	padding: 10px ;
	border-bottom: 10px solid #fff;
	
	vertical-align: middle;
	background-color: #F2F2F2;
	text-align: center;
	font-weight: 700;
	color: #000;
}

table.two th.bg{
	background-color: #BAD0FE;
}
table.two td{
	padding: 10px;
	border-bottom: 10px solid #fff;
	vertical-align: middle;
}

/*footer*/	
#footer{
	width:100%;
	clear:both;
	margin:0;
	background-color:#fff;
	border-top:1px solid #999;
}

#footer p{
	padding: 10px 0 10px 0;
	font-size:11px;
	text-align:center;
}


ol{
	text-align:left;
  padding: 0;
}
ol.olDot{
list-style-type: none;
margin-left: 1.25em;
}

.olDot li:before {
  content: counter(cnt) ".";
  display:inline-block;
  margin-left:-1.25em;
  width: 1.25em;
}

.olDot li{
counter-increment: cnt;
}


ul.lists{
text-align: left;
}
.lists li{
width: auto;
margin: 0 0 5px 0;
display: block;
}
.lists li.dot{background: url(../img/common/square.png) 4px 8px no-repeat;background-size: 4px 4px; padding-left: 16px;}
.lists li.kome{background: url(../img/common/kome.png) 0px 4px no-repeat;background-size: 13px 13px; padding-left: 16px;}