@charset "utf-8";

body {
	font-family:'メイリオ',Meiryo,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro',Verdana,arial,sans-serif;
	font-size:16px;
	line-height:1.6;
	color:#505050;
	text-align: center;
	background: url(../img/common/bg_header.gif) #fefaef center top repeat-x;
}

/**** 16px　base font size
10px:62.5%;		12px:75%;

13px:81.25%; main size

14px:87.5%;		16px:100%;
18px:112.5%;	20px:125%;
****************************/

a{	color:#0072BC;
	text-decoration:none;
}
a:link {
	color:#0072BC;
	text-decoration:none;
}
a:visited {
	color:#0072BC;
	text-decoration:none;
}
a:hover {
	color:#666666;
	text-decoration:underline;
}
a:active {
	text-decoration:none;
}

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

/* font */
.bold{font-weight:bold;}
.f_xs{font-size:11px;}
.f_small{font-size:12px;}
.f_normal{font-size:13px;}
.f_middle{font-size:18px;}
.f_big{font-size:24px;}
.f_xl{font-size:36px;}
.f_red{color:#ff3300;}

/* text-align */
.t_right{text-align:right !important;}
.t_center{text-align:center !important;}
.t_left{text-align:left !important;}

/* vertical-align */
.va_b{vertical-align:bottom !important;;}
.va_m{vertical-align:middle !important;;}
.va_t{vertical-align:top !important;;}

/* float */
.fl{float:left;display:inline;}
.fr{float:right;display:inline;}

/* bottom-margin */
.mbS{margin-bottom: 10px !important;}
.mbM{margin-bottom: 20px !important;}
.mbL{margin-bottom: 30px !important;}

.mb0{margin-bottom:0px !important;}
.mb5{margin-bottom:5px !important;}
.mb10{margin-bottom:10px !important;}
.mb15{margin-bottom:15px !important;}
.mb20{margin-bottom:20px !important;}
.mb25{margin-bottom:25px !important;}
.mb30{margin-bottom:30px !important;}
.mb35{margin-bottom:35px !important;}
.mb40{margin-bottom:40px !important;}
.mb45{margin-bottom:45px !important;}
.mb50{margin-bottom:50px !important;}
.mb60{margin-bottom:60px !important;}
.mb1em{margin-bottom: 1em;}
.mb2em{margin-bottom: 2em;}

.mt20{margin-top:20px !important;}
.mt25{margin-top:25px !important;}
.mt30{margin-top:30px !important;}
.mt35{margin-top:35px !important;}
.mt40{margin-top:40px !important;}
.mt45{margin-top:45px !important;}
.mt50{margin-top:50px !important;}
.mt60{margin-top:60px !important;}
.mt100{margin-top:100px !important;}
/* right-margin */
.mr0{margin-right:0px !important;}
.mr5{margin-right:5px !important;}
.mr10{margin-right:10px !important;}
.mr15{margin-right:15px !important;}
.mr20{margin-right:20px !important;}
.mr25{margin-right:25px !important;}
.mr30{margin-right:30px !important;}

.ml200{margin-left: 200px !important;}
/* opacity */
.opa a img{
	opacity:1;
	filter: alpha(opacity=100);
	-moz-opacity:1;
	-webkit-transition: opacity 0.3s ease;
	-moz-transition: opacity 0.3s ease;
	transition: opacity 0.3s ease;
	background:#ffffff;
	}
.opa a:hover img{
	opacity:0.8;
	filter: alpha(opacity=80);
	-moz-opacity:0.8;
	}

.non{
	margin: 0 !important;
	padding:0 !important;
}

/* 画像回り込み */
.imgR{
	float: right;
	margin: 0 0 0.6em 20px;
}
.imgL{
	float: left;
	margin: 0 20px 0.6em 0;
}
.imgSetR{
	float:right;
	margin: 0 0 0.6em 20px;
	text-align: center;
	font-size:10px;
}
.imgSetL{
	float:left;
	margin: 0 20px 0.6em 0;
	text-align: center;
	font-size:10px;
}



/*.col1of2{
	width: 620px;
	
}*/
.col1of2{
	width: 300px;
	margin-right: 20px;
	margin-bottom: 20px;
	float:left;
}

ul.inCol1of2_02{
	overflow: hidden;
	zoom: 1;
}
ul.inCol1of2_02 li{
	width: 250px;
	float: left;
	margin:0 20px;
	text-align: center;
}

ul.inCol1of3{
	overflow: hidden;
	zoom: 1;
	padding:0 !important;
}
ul.inCol1of3 li{
	width: 200px;
	margin-left: 15px;
	margin-bottom: 10px;
	float:left;
}
ul.inCol1of3 li:first-child{
	margin-left: 0;
}
/* *******************************
	basic layout	
******************************** */

/* ***** warp **** */
#wrap{
	width: 940px;
	padding: 0 10px;
	margin: 0 auto;
	text-align: left;
}

/* ***** header ***** */
#header{
	position: relative;
	margin-bottom: 40px;
	height:114px;
	/z-index: 1;
}

/* ***** contents ***** */
#colMain{
	width: 660px;
	font-size:81.25%;	/* 13px */
}

#colSide{
	width: 250px;	
	font-size:81.25%;	/* 13px */
}
/* メインカラムが右 */

#contentsMainRight #colSide{
	float: left;display: inline;
}
#contentsMainRight #colMain{
	float: right;display: inline;
}

/* メインカラムが左 */
#contentsMainLeft #colMain{
	float: left;display: inline;
}
#contentsMainLeft #colSide{
	float: right;display: inline;
}

/* 1カラム */
#contentsMainCenter #colMain{
	width: 100%;
}
/* メインカラム内が2カラム */
.colMain1of2{	
	width: 320px;
	float: left;
}

/* メインカラム内が4カラム */
.colMain1of4{	
	width: 150px;
	float: left;
}

aside{
	margin-bottom: 20px;
}
/* ***** gotop ***** */
#gotop{
	padding:20px 0;
	overflow: hidden;
}
#gotop p{
	float: right;
	padding-left: 20px;
	font-size: 10px;
	background: url(../img/common/arrow_gotop.gif) left center no-repeat;	
}
#gotop p:hover{
	background: url(../img/common/arrow_gotop.gif) left top no-repeat;	
}
#gotop p a{
	color:#333;
}
/* ********** footer ********** */
#footer{
	background: url(../img/common/bg_footer.gif) #191919 center top repeat-x;
	margin-bottom: 0;
/*	height:120px;*/
}
#footerInner{
	width: 950px;
	margin: 0 auto;	
	text-align: left;
	padding:15px 0;
	color:#ccc;
	font-size:12px;
	line-height: 1.6;
}

/* *******************************
	header layout	
******************************** */
#header h1#logo{
	position: absolute;
	top:0;
	left: 14px;
	border:0;
	padding:0;
	margin:0;
	z-index:21;
}
#helpNavi ul{
	position: absolute;
	top: 7px;
	left: 550px;
	overflow: hidden;
	font-size:10px;
}
#helpNavi li{	
	float: left;display: inline;
	margin-right: 15px;
}
#helpNavi li a{
	color:#505050;
}

#sizeNavi ul{
	position: absolute;
	top: 3px;
	left: 844px;
	overflow: hidden;
}
#sizeNavi li{
	float: left;display: inline;
	margin-left: 4px;
}

#globalNavi ul{
	position: absolute;
	top: 36px;
	left: 224px;
	overflow: hidden;
}
#globalNavi li{
	float: left;display: inline;
	margin-left: 4px;
}
#globalNavi li:first-child{
	margin-left:0;
}

#subNav ul{
	position: absolute;
	top: 80px;
	left: 225px;
	overflow: hidden;
}
#subNav li{
	float: left;display: inline;
	margin-left: 10px;
}
#subNav li:first-child{
	margin-left:0;
}

/* rbox 内のカラム */


/* imgL width180 と */
.innerCol_01R{
	width: 430px;
	float: right;
}

.w40{ width: 40px; }
.w50{ width: 50px; }
.w60{ width: 60px; }
.w80{ width: 80px; }
.w100{ width: 100px; }
.w110{ width: 110px; }
.w120{ width: 120px; }
.w130{ width: 130px; }
.w140{ width: 140px; }
.w150{ width: 150px; }
.w160{ width: 160px; }
.w170{ width: 170px; }
.w180{ width: 180px; }
.w190{ width: 190px; }
.w200{ width: 200px; }
.w300{ width: 300px; }
.w1of2{width: 50%;}

.bor_non{
	border:0 !important;
}