@charset "UTF-8";

/*---------------------------------------------------------
   ここの中では全体のレイアウトで使用するCSSを定義する
----------------------------------------------------------*/

html{
	height:100%;
}

body{
	height:100%;
	color:#000;
}

.clearfix:after{  
	content: ".";
	display: block;
	visibility: hidden;
	height: 0.1px;
	font-size: 0.1em;
	line-height: 0;
	clear: both;
 }
 
.clearfix{
	zoom:100%;
}

.clear{
	clear:both;
}


/*---------------------------------------------------------
     list
----------------------------------------------------------*/

.list li{ 
	padding-left:1em;
	font-size:85%;
	text-indent:-1em;
}


/*---------------------------------------------------------
     txt size
----------------------------------------------------------*/

.txtSmaller1{
	font-size:85%;
}
.txtLarger1{
	font-size:116%;
}
.txtLarger2{
	font-size:130%;
}

/*---------------------------------------------------------
     link
----------------------------------------------------------*/

a:link{
	color:#333333;
	text-decoration:underline;
}

a:visited{
	color:#333333;
	text-decoration:underline;
}

a:hover{
	color:#0083be;
	text-decoration:none;
}

a:active{
	color:#0083be;
	text-decoration:none;
}


a.arrow{
	margin:0;
	padding:0 0 0 10px;
	display:inline;
	background:url(../img/icon_arrow.gif) 0 center no-repeat;
}



/*---------------------------------------------------------
    wrap
----------------------------------------------------------*/

#wrap{
	width:960px;
	min-height:100%;
	margin:0 auto;
}

* html #wrap{
	height:100%;
}


/*---------------------------------------------------------
    container
----------------------------------------------------------*/

#container{
	padding:0;
	margin:0;
	width:960px;
}

#cont_wrap{
	padding:0;
	margin:0;
	width:960px;
}



/*---------------------------------------------------------
    header
----------------------------------------------------------*/

#header{
	padding:0;
	width:960px;
}


div#header h1.logo {
	display: table-cell;
	vertical-align: middle;
	margin: 0;
	width:262px;
}

* html #header h1.logo {
	display: inline;
	zoom: 1;
}

*:first-child+html #header h1.logo {
	display: inline;
	zoom: 1;
}

div#header p.logo {
	display: table-cell;
	vertical-align: middle;
	margin: 0;
	width:262px;
}

* html #header p.logo {
	display: inline;
	zoom: 1;
}

*:first-child+html #header p.logo {
	display: inline;
	zoom: 1;
}

div#header p.caption {
	display: table-cell;
	vertical-align: middle;
	margin: 0;
	width:193px;
	line-height:1.4;
	font-size:70%;
}

* html #header p.caption {
	display: inline;
	zoom: 1;
}

*:first-child+html #header p.caption {
	display: inline;
	zoom: 1;
}

div#header p.inquiry {
	display: table-cell;
	vertical-align: middle;
	margin: 0;
	width:505px;
}

* html #header p.inquiry {
	display: inline;
	zoom: 1;
}

*:first-child+html #header p.inquiry {
	display: inline;
	zoom: 1;
}


/*---------------------------------------------------------
    gNavi
----------------------------------------------------------*/

#gNavi{
	padding:0;
	margin:0 0 10px 0;
	width:960px;
	border-bottom:#0066cc 2px solid;
}

#gNavi ul#main{
	padding:0;
	margin:0 0 0 10px;
	width:466px;
	float:left;
	display:inline;
	height:28px;
	overflow:hidden;
}

#gNavi ul#main li{
	padding:0;
	margin:0 2px 0 0;
	width:115px;
	float:left;
	display:inline;
}
#gNavi ul#main li.last{
	margin:0;
}


#gNavi div#sub{
	padding:0;
	margin:5px 0 0 0;
	width:484px;
	float:left;
	display:inline;
	text-align:right;
	
}

#gNavi #sub ul{
	padding:0;
	margin:0;
	height:20px;
	overflow:hidden;
}

* html #gNavi #sub ul{
	height:22px;
}

#gNavi #sub ul li{
	padding:0;
	margin:0 5px 0 0;
	display:inline;
	font-size:85%;
	line-height:100%;
}
#gNavi #sub ul li.last{
	margin:0;
}

#gNavi #sub ul li a.sub1{
	margin:0;
	padding:2px 0 2px 13px;
	background:url(../img/icon_qa.gif) 0 center no-repeat;
}

#gNavi #sub ul li a.sub2{
	margin:0;
	padding:2px 0 2px 13px;
	background:url(../img/icon_guide.gif) 0 center no-repeat;
}
#gNavi #sub ul li a.sub3{
	margin:0;
	padding:2px 0 2px 13px;
	background:url(../img/icon_login.gif) 0 center no-repeat;
}
#gNavi #sub ul li a.sub4{
	margin:0;
	padding:2px 0 2px 13px;
	background:url(../img/icon_touroku.gif) 0 center no-repeat;
}
#gNavi #sub ul li a.sub5{
	margin:0;
	padding:2px 0 2px 13px;
	background:url(../img/icon_cart.gif) 0 center no-repeat;
}

* html #gNavi #sub ul li a{
	padding:4px 0 4px 13px !important;
	line-height:100%;
}




/*---------------------------------------------------------
    crumbNavi
----------------------------------------------------------*/

#crumbNavi{
	padding:0 10px 10px 10px;
	clear:both;
	width:960px;
	font-size:85%;
}


/*-------------------------------------
    pagetop
--------------------------------------*/

#pagetop{
	padding-bottom:8px;
	border-bottom:#ccc 1px solid;
	width:950px;
}

/*---------------------------------------------------------
    footer
----------------------------------------------------------*/

#footer{
	margin:0;
	padding:0;
	width:960px;
	position:relative;
}

#footer p.inquiry{
	margin:0;
	padding:0;
	position:absolute;
	top:-80px;
}

#footer p.notation{
        margin-top:10px;
		border-bottom:1px dotted #0066cc;
		padding-bottom:3px;
        position:absolute;

}

#footer ul.main{
	margin:0px;
	padding:40px 0 10px 0;
	width:960px;
	border-bottom:2px solid #0066cc;
	position:absolute;
	top:30px;
}



#footer ul li{
	margin:0;
	padding:0 10px 0 0;
	display:inline;
	line-height:100%;
	font-size:85%;
}

#footer ul li a{
	margin:0;
	padding:0 0 0 10px;
	display:inline;
	background:url(../img/icon_arrow.gif) 0 center no-repeat;
	color:#333333;
}

#footer .sub{
	margin:0;
	padding:0;
	width:960px;
	position:absolute;
	top:50px;
}


#footer p.copy{
	padding-bottom:40px;
	margin-top:40px;
	width:354px;
	float:left;
	display:inline;
	position:absolute;
	top:70px;
}

#footer .right{
	padding:0;
	margin-top:40px;
	width:600px;
	float:left;
	display:inline;
	text-align:right;
	position:absolute;
	top:70px;
	right:0;
}
/*---------------------------------------------------------
    margin
----------------------------------------------------------*/

.mg5{margin-bottom:5px;}
.mg10{margin-bottom:10px;}
.mg15{margin-bottom:15px;}
.mg20{margin-bottom:20px;}
.mg25{margin-bottom:25px;}
.mg30{margin-bottom:30px;}
.mg35{margin-bottom:35px;}