@charset "utf-8";

/*==============================
  Common style
------------------------------*/

*{
	margin:0;
	padding:0;
}
a{outline:0;}
a:hover img.alp {
	-moz-opacity:0.8;
	opacity:0.8;
	filter: alpha(opacity=70);
}
img{border:none;}
li {list-style: none; }
li img{display:block;}

form{
	display:inline;
	margin:0px;
	padding:0px;
}


/* clearfix */
.cf:before,.cf:after {content:"";display:table;}
.cf:after {clear:both;}
.cf {zoom:1;}

.block {display: block;}
.clear{clear:both;}
.right{float:right;}
.left{float:left;}
.center{text-align:center;}
.aright {text-align: right;}


.f10{font-size:10px;}
.f11 {font-size: 11px;}
.f14{font-size:14px;}
.f16{font-size:16px;}
.f18{font-size:18px;}


.red {color: #CC3300;}
.gray{color:#666666;}
.blue {color: #229CFD;}
.strike {text-decoration: line-through;}
.uline {text-decoration: underline;}
.greenb {color: #31776C; font-weight:bold;}
.redb {color: #CC0000; font-weight:bold;}
.bold{font-weight:bold;}


.pt5{padding-top:5px;}
.pr5{padding-right:5px;}
.pb5{padding-bottom:5px;}
.pl5{padding-left:5px;}

.pt10{padding-top:10px;}
.pr10{padding-right:10px;}
.pb10{padding-bottom:10px;}
.pl10{padding-left:10px;}

.pt15{padding-top:15px;}
.pr15{padding-right:15px;}
.pb15{padding-bottom:15px;}
.pl15{padding-left:15px;}

.pt20{padding-top:20px;}
.pt23{margin: 5px; padding-top:23px;}
.pr20{padding-right:20px;}
.pb20{padding-bottom:20px;}
.pl20{padding-left:20px;}

.pt30{padding-top:30px;}
.pr30{padding-right:30px;}
.pb30{padding-bottom:30px;}
.pl30{padding-left:30px;}

.pb40{padding-bottom:40px;}
.pl40{padding-left:40px;}

.mt5{margin-top:5px;}
.mr5{margin-right:5px;}
.mb5{margin-bottom:5px;}
.ml5{margin-left:5px;}

.mt10{margin-top:10px;}
.mr10{margin-right:10px;}
.mb10{margin-bottom:10px;}
.mb40{margin-bottom:40px;}
.ml10{margin-left:10px;}

.mt20{margin-top:20px;}
.mr20{margin-right:20px;}
.mb20{margin-bottom:20px;}
.ml20{margin-left:20px;}

.mt30{margin-top:30px;}
.mt40{margin-top:40px;}
.mt50{margin-top:50px;}
.mt80{margin-top:80px;}


.mg0{margin:0px;}

.none{display:none;}

.w10{
	width:10px;
}
.w20{
	width:20px;
}
.w30{
	width:30px;
}
.w40{
	width:40px;
}
.w50{
	width:50px;
}
.w60{
	width:60px;
}
.w70{
	width:70px;
}
.w80{
	width:80px;
}
.w90{
	width:90px;
}
.w100{
	width:100px;
}
.w120{
	width:120px;
}
.w150{
	width:150px;
}
.w200{
	width:200px;
}
.w250{
	width:250px;
}
.w300{
	width:300px;
}
.w400{
	width:400px;
}
.w95p{
	width:95%;
}
.w100p{
	width:100%;
}


.lineDot{
	border-bottom:dotted 1px #CCCCCC;
}
.lineSolid{
	border-bottom:solid 1px #CCCCCC;
}
.lineNone{
	border:none;
}

a:link,a:visited {
	color: #336699;
	text-decoration: underline;
}
a:hover{
	color: #588FC7;
	text-decoration: none;
}

.commonTbl {
	background: #DEDEDE;
}
.commonTbl th {
	width: 150px;
	font-weight: normal;
	text-align: left;
	background: #F5F5F5;
	padding: 10px;
}
.commonTbl td {
	background: #FFF;
	padding: 10px;
}
.errorMessage {
	background: #fff3f3;
	border: solid 1px #ffecec;
	margin: 5px 5px 10px 5px;
	padding: 8px;
}


#require {
	display: block;
	line-height: normal;
	padding-bottom: 10px;
}
.require {
	color: #F00;
}
.changeBtn:hover {
	cursor: pointer;
}
.arr {
	display: block;
	background: url(/common/img/arrow_yellow.gif) no-repeat left center;
	padding-left: 10px;
	padding-bottom:0px !important;
}



body {
	width: 100%;
	font: 13px/1.7 "メイリオ", "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", "Hiragino Kaku Gothic Pro", Osaka;
	clear: both;
	background-color: #FFFFFF;	
}


#header {
	width: 100%;
	padding-bottom: 30px;
}

#header #headerBox {
	margin: 0 auto 0;
	width: 950px;
}

#header #headerBox h1 {
	float: left;
	margin-top:20px;
}


#header #headerBox #headerRight {
	float: right;
	width: 380px;
	text-align: right;
}


#header #headerBox #headerRight #english {
	margin: 0px;
}


#header #headerBox #headerRight ul.headLink {
	margin-top: 36px;
	
}

#header #headerBox #headerRight ul.headLink li {
	float:right;
	margin-left:20px;
}



#fontsize {
	width: 85px;
	float: right;
	display: block;
	height: 20px;
	background: url(../img/fontsize.jpg) no-repeat 4px top;
	padding-top: 25px;
	padding-left: 15px;
}
#fontsize li {
	float: left;
	margin-right: 5px;
}

#gNavi {
	width: 100%;
	height: 46px;
	margin-bottom: 30px;
	background-color: #e3f3c6;
}

#gNavi #gNaviBox {
	margin: 0 auto 0;
	width:950px;
	display: block;
	clear: both;
	height: 46px;
	margin-top: 0px;	
}

#gNavi #gNaviBox li {
	display: block;
	float: left;
}


#main {
	width: 950px;
	background-color: #FFF;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	padding: 0px;
}

#main #mainBox {
	width:680px;
	float:right;	
}

#main #fullBox {
	border: 1px solid #CCC;
	padding: 100px;
}

#main #sidebar {
	width: 250px;
	float: left;	
}

#main #sidebar #sideButton {
	width: 240px;
	margin: 0;
	background-image: url(../img/side_bk.gif);
	background-repeat: repeat-y;
	padding: 5px;
}

#main #sidebar #sideButton li {
	display: block;
	margin: 0px;
	height: 49px;
	width: 240px;	
}

#main #sidebar #proButton {
	width: 240px;
	margin: 0;
	background-image: url(../img/pro_bk.gif);
	background-repeat: repeat-y;
	padding: 5px;
}

#main #sidebar #proButton li {
	display: block;
	margin: 0px;
	height: 49px;
	width: 240px;	
}

#main #sidebar .fBook {
	margin-top:10px;
}



#footer {
	width: 100%;
	margin-top: 30px;
	margin-bottom: 0;
	padding-top: 0px;
}

#footer #footGoto {
	width: 950px;
	text-align: right;
	margin: 0 auto 0;
}

#footer #footTop {
	width: 100%;
	background-color: #e3f3c6;
	margin-top:5px;
}

#footer #footTop .tBox {
	padding-top:20px;
	padding-bottom:15px;
	width: 950px;
	margin:0 auto 0;
		
}

#footer #footTop .tBox .footLogo {
	padding-top:10px;
	float:left;
}

#footer #footTop .tBox .adBox {
	float: left;
	margin-left: 25px;
	padding-left: 25px;
	border-left-width: 1px;
	border-left-style: dotted;
	border-left-color: #FFF;
}

#footer #footTop .tBox .adBox p{
	font-size: 13px;
	line-height: 1em;
	color: #006400;
	margin-top: 0px;
	margin-bottom: 5px;	
}

#footer #mid {
	width: 950px;
	margin-top: 20px;
	margin-bottom: 10px;
	margin-right: auto;
	margin-left: auto;	
	
}

#footer #mid ul.linkDetail {
	margin-top:0px;
}

#footer #mid ul.linkDetail li {
	display: block;
	background-image: url(../img/foot_arr.gif);
	padding-left: 8px;
	background-repeat: no-repeat;
	line-height: 1em;
	font-size: 13px;
	background-position: left center;
	float: left;
	margin-right: 10px;
}

#footer #mid ul.linkDetail li a:link {
	color: #333;
	text-decoration: none;
}

#footer #mid ul.linkDetail li a:visited{
	color:#333;
	text-decoration: none;
}

#footer #mid ul.linkDetail li a:hover{
	color:#666;
	text-decoration: underline;
}

#footer #mid ul.linkDetail li a:active{
	color:#333;
	text-decoration: underline;
}


#footer #copyright {
	width:100%;
	padding-top: 10px;
	padding-bottom: 60px;
	background-color: #FFF;
}

#footer #copyright .copyBox {
	width:950px;
	margin:0 auto;
	
	}


#footer #copyright .copyBox p {
	font-size: 10px;
	margin: 0px auto;
	color: #666666;
}

#infoBox {
	margin-top:80px;
	
}

/*くも*/

#breadMenu {
	color: #666666;
	font-size: 90%;
	line-height: 140%;
	margin-bottom: 0;
	width: 950px;
	margin-top: 20px;
	margin-right: auto;
	margin-left: auto;
}
#breadMenu span.next {
    color: #999999;
    padding: 0 3px;
}
#breadMenu span.current {
	font-weight: normal;
}

.text_mormal1 {
	font-size: 13px;
	line-height: 1.7em;
	color: #333;
	padding-left: 23px;	
	margin-bottom:40px;
}

.text_mormal2 {
	font-size: 13px;
	line-height: 1.7em;
	color: #333;
	padding-left: 23px;	
	margin-bottom:20px;
}

.text_mormal3 {
	font-size: 13px;
	line-height: 1.7em;
	color: #333;
	padding-left: 0px;	
	margin-bottom:10px;
}

.text_error {
	font-size: 13px;
	line-height: 1.7em;
	color: #C00;
	padding-left: 23px;
	margin-bottom: 20px;
}

#errorBox {
	padding-top: 20px;
	padding-bottom: 20px;
	margin-bottom: 30px;
	text-align: center;
	line-height: 1.7em;
	color: #333;
}
.construction {
	margin-top:180px;
	text-align:center;
}

.allTanks {
	width:100%;
	margin-top:0px;
}

.allTanks .coment{
	text-align:center;
	margin-top:50px;
	margin-bottom:50px;
}

.allTanks p{
	text-align: center;
	margin-top: 20px;
	font-size: 13px;
	line-height: 1.7em;
	color: #333;
}


.allTanks .toTop{
	text-align:center;
	margin-top:40px;
}

#gNaviBox{
	position:relative;
}
#gNaviBox li .hMInner {
	width: 166px;
	display: none;
	background: #FFF;
	position: absolute;
	padding: 0px;
	z-index: 1000;
	left: 170px;
	padding-top: 1px;
}
#gNaviBox li .hMInner2 {
	width: 169px;
	display: none;
	background: #FFF;
	position: absolute;
	padding: 0px;
	z-index: 1000;
	left: 276px;
	padding-top: 1px;
}
.s_icon{
	margin-top:10px;
	margin-right:15px;
}