
/* --------------------------------------------------------------------------------------------
	common
--------------------------------------------------------------------------------------------*/


body{
	font: normal 12px/1.5 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', 'Meiryo', 'ＭＳ Ｐゴシック', sans-serif, 'osaka';
	letter-spacing:0;
	color:#434343;
	margin: 0;
	padding: 0;
	position:relative;
}


::-moz-selection{
	background: #e72410;
	color: #fff;
}

::selection{
	background: #e72410;
	color: #fff;
}


/* --------------------------------------------------------------------------------------------
	font
--------------------------------------------------------------------------------------------*/

.b{font-weight: bold;}
.red{color: #E40012;}
.gray{color: #636C75;}

.t11 {font-size: 11px; line-height:14px;}
.t12 {font-size: 12px; line-height:16px;}
.t13 {font-size: 13px; line-height:16px;}
.t14 {font-size: 14px; line-height:16px;}
.t15 {font-size: 15px; line-height:16px;}
.t16 {font-size: 16px; line-height:16px;}
.t17 {font-size: 17px; line-height:16px;}
.t18 {font-size: 18px; line-height:16px;}
.t19 {font-size: 19px; line-height:16px;}
.t20 {font-size: 20px; line-height:16px;}

a {
	color: #35393D;
	text-decoration: none;
}

a:hover{
	text-decoration: underline;
}

/* --------------------------------------------------------------------------------------------
	fix
--------------------------------------------------------------------------------------------*/

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


/* uty */

* { zoom:1}



/* --------------------------------------------------------------------------------------------
	div.inpage
--------------------------------------------------------------------------------------------*/


div.inpage ul#Gnavi {
	float: right;
	width: 661px;
	height: 37px;
}

div.inpage ul#Gnavi li{
	float: left;
}

div.inpage ul#Gnavi li a{
	background: url("../images/nav.gif") no-repeat 0 0;
	text-indent:-9999px;
	overflow:hidden;
	display: block;
	height: 37px;
}

div.inpage ul#Gnavi li#nav_top a{width: 62px; background-position: 0px 0;}
div.inpage ul#Gnavi li#nav_news a{width: 58px; background-position: -62px 0;}
div.inpage ul#Gnavi li#nav_about a{width: 67px; background-position: -120px 0}
div.inpage ul#Gnavi li#nav_products a{width: 94px; background-position: -187px 0;}
div.inpage ul#Gnavi li#nav_special a{width: 74px; background-position: -281px 0;}
div.inpage ul#Gnavi li#nav_shop a{width: 57px; background-position: -355px 0;}
div.inpage ul#Gnavi li#nav_contact a{width: 107px; background-position: -412px 0;}
div.inpage ul#Gnavi li#nav_coordinate a{width: 112px; background-position: -519px 0;;}
div.inpage ul#Gnavi li#nav_fb a{width: 30px; background-position: -631px 0;}

div.inpage ul#Gnavi li#nav_top a:hover{background-position: 0 -37px;}
div.inpage ul#Gnavi li#nav_news a:hover{background-position: -62px -37px;}
div.inpage ul#Gnavi li#nav_about a:hover{background-position: -120px -37px;}
div.inpage ul#Gnavi li#nav_products a:hover{background-position: -187px -37px;}
div.inpage ul#Gnavi li#nav_special a:hover{background-position: -281px -37px;}
div.inpage ul#Gnavi li#nav_shop a:hover{background-position: -355px -37px;}
div.inpage ul#Gnavi li#nav_contact a:hover{background-position: -412px -37px;}
div.inpage ul#Gnavi li#nav_coordinate a:hover{background-position: -519px -37px;}
div.inpage ul#Gnavi li#nav_fb a:hover{background-position: -631px -37px;}


/* --------------------------------------------------------------------------------------------
	contents
--------------------------------------------------------------------------------------------*/

div#wrap.inpage {
	width: 964px;
	margin: 0 auto;
	padding: 30px;
	position: relative;
}

div.inpage div#copyright img{
	clear: both;
	margin: 40px auto 20px;
	display: block;
}

div.inpage h1{
	float: left;
	width: 170px;
	height: 32px;
}

div.inpage div#sub_nav{
	margin: 25px 0;
}

div.inpage div#sub_nav h2{
	float: left;
	font-weight: normal;
}

div.inpage div#sub_nav ul#Breadcrumb {
	float: left;
	display: block;
	clear: both;
	width: 800px;
	margin: 10px 0 0 0;
	font-size:11px;
}

div.inpage div#sub_nav ul#Breadcrumb li{
	float: left;
	display: block;
}

div.inpage div#sub_nav ul#Breadcrumb li a{
	display: block;
	padding: 0 12px 0 0;
	margin: 0 4px 0 0;
	background: url(../images/breadarrow.gif) right 4px no-repeat;
}

img#comming {
	margin: 258px auto;
	display: block;
}
