@charset "utf-8";
/*****************************************************
Title: common.css
Created: 2014‒1‒23
Last Modified: 2014‒1‒23
******************************************************/

/* Table Of Contents
----------------------------------------
# General Elements
# Font
# Common Class
# Layout
# Header
# Content
# Footer
----------------------------------------*/

/*--------------------------------------------------------------------
General Elements

--------------------------------------------------------------------*/
body {
	margin: 0;
	padding: 0;
	font-family: "メイリオ","Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","ＭＳ Ｐゴシック",sans-serif;
	position: relative;
	font-size: 12px;
	letter-spacing: 0;
	line-height:1.6;
	-webkit-text-size-adjust: 100%;
	text-size-adjust: 100%;
	background: url(/img/common/bg.gif) repeat;
}
/* for IE6 */
* html body {
    font-size: 75%;
}
/* for IE7 */
*:first-child+html body {
    font-size: 75%;
}

.clear,
.clearBoth{
	clear: both;
}
div.clear{
	visibility: hidden;
	height: 0;
}

ul {
	zoom:100%
}

ul:after {
	content:"";
	clear:both;
	height:0;
	display:block;
	visibility:hidden
}

li {
	list-style-image:none;
	list-style-type:none;
	list-style:none;
	margin:0;
	padding:0
}

a {
	outline:none;
	text-decoration: underline;
}

a:link,
a:visited,
a:active,
a:hover {
	color: #373734;
	text-decoration: underline;
	-webkit-tap-highlight-color: rgba(0,0,0,0.3);
}
a:hover{
	color: #e60012;
	text-decoration: none;
}




/*--------------------------------------------------------------------
Font
表示したいサイズ / 基本サイズ * 100
--------------------------------------------------------------------*/
.font8{
	font-size:67%;
}

.font9{
	font-size:75%;
}

.font10{
	font-size:84%;
}

.font11{
	font-size:92%;
}

.font12{
	font-size:100%;
}

.font13{
	font-size:109%;
}

.font14{
	font-size:117%;
}

.font15{
	font-size:125%;
}

.font16{
	font-size:134%;
}

.font17{
	font-size:142%;
}

.font18{
	font-size:150%;
}

.font19{
	font-size:159%;
}

.font20{
	font-size:167%;
}

.font21{
	font-size:175%;
}

.font22{
	font-size:184%;
}

.font23{
	font-size:192%;
}

.font24{
	font-size:200%;
}

.font25{
	font-size:209%;
}

.font26{
	font-size:217%;
}

.font30{
	font-size:250%
}

.font35{
	font-size:291%
}

.font62{
	font-size:516%
}

.bold{
	font-weight: bold;
}

.fontGray{
	color: #6c6f74 !important;
}
.fontNavy{
	color: #001631 !important;
}

/*--------------------------------------------------------------------
Common Class

--------------------------------------------------------------------*/
.none{
	display: none;
}

.reInner{
	position: relative;
	top:0;
	left:0;
}

.alignCenter{
	text-align: center;
}
.alignRight{
	text-align: right;
}

.fleft{
	float: left;
}

.fright{
	float: right;
}

.centerList {
    overflow: hidden;
    position: relative;
}
.centerList ul {
    list-style: none outside none;
    float: left;
    margin: 0 0 0 0;
    padding: 0;
    position: relative;
    left: 50%;
}
.centerList ul li {
    float: left;
    position: relative;
    left: -50%;
}
.minWid{
	min-width: 980px;
}
.lh0,
.lh0 *{
	line-height: 0;
	font-size: 0;
}
.lh1,
.lh1 *{
	line-height: 1;
}
.ovh{
	overflow: hidden
}

.mt0{margin-top:0px !important;}
.mt5{margin-top:5px !important;}
.mt10{margin-top:10px !important;}
.mt15{margin-top:15px !important;}
.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;}
.mt55{margin-top:55px !important;}
.mt60{margin-top:60px !important;}

.ml0{margin-left:0px !important;}
.ml5{margin-left:5px !important;}
.ml10{margin-left:10px !important;}
.ml15{margin-left:15px !important;}
.ml20{margin-left:20px !important;}
.ml25{margin-left:25px !important;}
.ml30{margin-left:30px !important;}
.ml35{margin-left:35px !important;}
.ml40{margin-left:40px !important;}
.ml45{margin-left:45px !important;}
.ml50{margin-left:50px !important;}
.ml55{margin-left:55px !important;}
.ml60{margin-left:60px !important;}

.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;}
.mr35{margin-right:35px !important;}
.mr40{margin-right:40px !important;}
.mr45{margin-right:45px !important;}
.mr50{margin-right:50px !important;}
.mr55{margin-right:55px !important;}
.mr60{margin-right:60px !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;}
.mb55{margin-bottom:55px !important;}
.mb60{margin-bottom:60px !important;}

.pad0{padding:0px !important;}
.pad5{padding:5px !important;}
.pad10{padding:10px !important;}
.pad15{padding:15px !important;}
.pad20{padding:20px !important;}
.pad25{padding:25px !important;}
.pad30{padding:30px !important;}
.pad35{padding:35px !important;}
.pad40{padding:40px !important;}
.pad45{padding:45px !important;}
.pad50{padding:50px !important;}

.pt0{margin-top:0px !important;}
.pt5{padding-top:5px !important;}
.pt10{padding-top:10px !important;}
.pt15{padding-top:15px !important;}
.pt20{padding-top:20px !important;}
.pt25{padding-top:25px !important;}
.pt30{padding-top:30px !important;}
.pt35{padding-top:35px !important;}
.pt40{padding-top:40px !important;}
.pt45{padding-top:45px !important;}
.pt50{padding-top:50px !important;}
.pt55{padding-top:55px !important;}
.pt60{padding-top:60px !important;}

.pl0{padding-left:0px !important;}
.pl5{padding-left:5px !important;}
.pl10{padding-left:10px !important;}
.pl15{padding-left:15px !important;}
.pl20{padding-left:20px !important;}
.pl25{padding-left:25px !important;}
.pl30{padding-left:30px !important;}
.pl35{padding-left:35px !important;}
.pl40{padding-left:40px !important;}
.pl45{padding-left:45px !important;}
.pl50{padding-left:50px !important;}
.pl55{padding-left:55px !important;}
.pl60{padding-left:60px !important;}
.pl65{padding-left:65px !important;}
.pl70{padding-left:70px !important;}
.pl140{padding-left:140px !important;}

.pr0{padding-right:0px !important;}
.pr5{padding-right:5px !important;}
.pr10{padding-right:10px !important;}
.pr15{padding-right:15px !important;}
.pr20{padding-right:20px !important;}
.pr25{padding-right:25px !important;}
.pr30{padding-right:30px !important;}
.pr35{padding-right:35px !important;}
.pr40{padding-right:40px !important;}
.pr45{padding-right:45px !important;}
.pr50{padding-right:50px !important;}
.pr55{padding-right:55px !important;}
.pr60{padding-right:60px !important;}

.pb0{padding-bottom:0px !important;}
.pb5{padding-bottom:5px !important;}
.pb10{padding-bottom:10px !important;}
.pb15{padding-bottom:15px !important;}
.pb20{padding-bottom:20px !important;}
.pb25{padding-bottom:25px !important;}
.pb30{padding-bottom:30px !important;}
.pb35{padding-bottom:35px !important;}
.pb40{padding-bottom:40px !important;}
.pb45{padding-bottom:45px !important;}
.pb50{padding-bottom:50px !important;}
.pb55{padding-bottom:55px !important;}
.pb60{padding-bottom:60px !important;}

.mmt0{margin-top:-0px !important;}
.mmt5{margin-top:-5px !important;}
.mmt10{margin-top:-10px !important;}
.mmt15{margin-top:-15px !important;}
.mmt20{margin-top:-20px !important;}
.mmt25{margin-top:-25px !important;}
.mmt30{margin-top:-30px !important;}
.mmt35{margin-top:-35px !important;}
.mmt40{margin-top:-40px !important;}
.mmt45{margin-top:-45px !important;}
.mmt50{margin-top:-50px !important;}
.mmt55{margin-top:-55px !important;}
.mmt60{margin-top:-60px !important;}
.mmt65{margin-top:-65px !important;}
.mmt70{margin-top:-70px !important;}
.mmt75{margin-top:-75px !important;}
.mmt80{margin-top:-80px !important;}
.mmt85{margin-top:-85px !important;}
.mmt90{margin-top:-90px !important;}
.mmt95{margin-top:-95px !important;}
.mmt100{margin-top:-100px !important;}

.subtitle{
	font-weight: normal;
	font-size: 15px;
}

.bottom_banner a:hover img{
	opacity:0.7;
	filter: alpha(opacity=70);
	-ms-filter: "alpha(opacity=70)";
	-moz-opacity:0.7;
	-khtml-opacity: 0.7;
}
.free_html a:hover img{
	opacity:0.7;
	filter: alpha(opacity=70);
	-ms-filter: "alpha(opacity=70)";
	-moz-opacity:0.7;
	-khtml-opacity: 0.7;
}



/*--------------------------------------------------------------------
Layout

--------------------------------------------------------------------*/
body , html {   
    height: 100%;
}
/*----------------------------------------------------
	header
----------------------------------------------------*/
header{
	background: url(/img/common/slide_shadow.png) repeat;
	height: 113px;
	width: 100%;
	position: relative;
	top: 0;
	left: 0;
	z-index: 10;
	min-width: 960px;
}
header .logo{
	padding-top: 20px;
	margin-top:4px;
}
.headerIn{
	width: 960px;
	margin: 0 auto;
	position: relative;
	height: 113px;
}

.gb a {
	color: #828282;
   text-decoration:none;

   }
/*----------------------------------------------------
	gnavi
----------------------------------------------------*/
nav{
	position: absolute;
	right: 0;
	bottom: 5px;
}
nav li{
	float: left;
	height: 27px;
	overflow: hidden;
}

nav li.gnavi1{width: 114px;}
nav li.gnavi2{width: 86px;}
nav li.gnavi3{width: 138px;}
nav li.gnavi4{width: 112px;}
nav li.gnavi5{width: 112px;}

nav li a{
	display: block;
	background: url(/img/common/gnavi.png) no-repeat;
	height: 27px;
}
nav li.gnavi1 a{background-position: 0 top;}
nav li.gnavi2 a{background-position: -114px top;}
nav li.gnavi3 a{background-position: -200px top;}
nav li.gnavi4 a{background-position: -338px top;}
nav li.gnavi5 a{background-position: -450px top;}

nav li.gnavi1 a:hover{background-position: 0 bottom;}
nav li.gnavi2 a:hover{background-position: -114px bottom;}
nav li.gnavi3 a:hover{background-position: -200px bottom;}
nav li.gnavi4 a:hover{background-position: -338px bottom;}
nav li.gnavi5 a:hover{background-position: -450px bottom;}

nav li.gnavi1.now a{background-position: 0 bottom;}
nav li.gnavi2.now a{background-position: -114px bottom;}
nav li.gnavi3.now a{background-position: -200px bottom;}
nav li.gnavi4.now a{background-position: -338px bottom;}
nav li.gnavi5.now a{background-position: -450px bottom;}


/*----------------------------------------------------
	パンくず
----------------------------------------------------*/
.breadcrumb{
	height: 65px;
	line-height: 65px;
}
.breadcrumb .current{
	color: #e60012;
}

.topicpath {
	list-style: none;
	font-size: 88%;
	width: 960px;
}
.topicpath li {
	display: inline-block;
	*display: inline;
	*zoom: 1;
	background: url(/img/common/icon_path.gif) no-repeat left center;
	padding-left: 14px;
	padding-right: 4px;
}
.topicpath li.first {
	background: none;
	padding-left: 0;
	text-decoration: none;
}
.topicpath li a{
/* 	text-decoration: none; */
}
.topicpath li.current strong{
	color: #e60012;
/* 	text-decoration: underline; */
}
.topicpath li.current a:hover{
	text-decoration: none;
}

/*----------------------------------------------------
	side navigation
----------------------------------------------------*/
.product_category{
	border: 1px solid #d9dbdf;
	margin-bottom: 14px;
}

.nav_category{
	width: 200px;
	float: left;
}
.nav_category h2{
	background: url(/img/common/bg_categoryHead.gif) repeat left top;
	color: #fff;
	padding: 6px 8px 3px;
	border-top: 1px solid #fff;
	border-left: 1px solid #fff;
	border-right: 1px solid #fff;
	font-size: 13px;
	letter-spacing: 0.25em;
}
.nav_category ul{
}
.nav_category li{
	font-size: 12px;
	background: #f2f4f7;
	border-top: 1px solid #fff;
	border-left: 1px solid #fff;
	border-right: 1px solid #fff;
}
.nav_category li.last{
	border-bottom: 1px solid #fff;
}
.nav_category li a{
	display: block;
	padding: 7px 0 6px;
	padding-left: 30px;
	color: #3f5869;
	text-decoration: none;
	font-weight: bold;
	background: url(/img/common/icon_category.gif) no-repeat 10px 9px;
}
.nav_category li a:hover{
	color: #e60012;
	background: url(/img/common/icon_category_on2.gif) no-repeat 10px 9px;
}
.nav_category li.current a{
	color: #e60012;
	text-decoration: none;
	background: url(/img/common/icon_category_on.gif) no-repeat 10px 9px;
}
.nav_category li.current li a{
	background: none;
	color: #748596;
}
.nav_category li.current2 a,
.nav_category li.current2 a:hover{
	color: #e60012;
	text-decoration: none;
	background: url(/img/common/icon_category_on2.gif) no-repeat 10px 9px;
}

.nav_category li ul li{
	background: #fff;
	font-size: 10px;
}
.nav_category li ul li a{
	background: none;
	color: #748596;
	font-weight: 400;
}
.nav_category li ul li a:hover{
	color: #001631;
	background: url(/img/common/icon_naviArrow.gif) no-repeat 20px center;
}
.nav_category li ul li.current a{
	color: #001631;
	background: url(/img/common/icon_naviArrow.gif) no-repeat 20px center;
	text-decoration: none;
}

/*----------------------------------------------------
	footer
----------------------------------------------------*/
footer{
	margin-top: 35px;
	width: 410px;
	position: absolute;
	left: 50%;
	margin-left: -205px;
	bottom: 0;
}
footer ul{
	text-align: center;
	padding-top: 40px;
}
footer li{
	font-size: 11px;
	display: inline-block;
	margin: 0 20px;
	*display: inline;
	*zoom:1;
}
footer li.last{
	margin-right: 0;
}
footer a{
/* 	text-decoration: none !important; */
}

.copyright{
	padding-bottom: 15px;
	text-align: center;
}