@charset "UTF-8";
/*--------------------------------------------------
スタイルリセット
--------------------------------------------------*/
html{
    overflow-y:scroll;
}

html, body, div, span, object, iframe, 
h1, h2, h3, h4, h5, h6, 
p, a, em, img, q, dl, dt, dd, ol, ul, li, 
form, label, 
table, caption, tr, th, td{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	font-size:100%;
	list-style-type: none;
	line-height:130%;
}

textarea{
	/*\*//*/
	font-family:Osaka,Verdana,Arial;
	/**/
}

img , a img{ border: none;}
img{ vertical-align:top;}

hr { display:none;}

h1{font-weight:normal;}

/*--------------------------------------------------
フロート関係
--------------------------------------------------*/

.floatleft{float:left;}
.floatright{float:right;}
.clr{
	clear: both;
	font-size:0px;
	line-height:0px;
	margin: 0px;
	padding: 0px;
}
.clear{
	clear: both;
}

.clearfix:after {/* IE以外のモダンWebブラウザ向け */
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
}
.clearfix {/* WinIE7、MacIE5対策 */
	display: inline-block;
}
/* Hides from IE-mac \*/
* html .clearfix {/* WinIE4～6、MacIE4～5対策 */
	height: 1%;
}
.clearfix {
	display: block;
	/*\*//*/
	height: auto;
	overflow: hidden;
	/**/
/* End hide from IE-mac */

}


/*--------------------------------------------------
サイト共通
--------------------------------------------------*/
body{
	font-family: "ＭＳ Ｐゴシック" ,"MS UI Gothic" , Osaka, "ヒラギノ角ゴ Pro W3" , verdana, 'trebuchet ms', sans-serif;
	font-size: small;
	background-color: #ffffff;
	color:#333333;
	font-size: 12px;
	line-height: 150%;
	margin: 0px auto; 0px auto;
	text-align: center;
}
p{line-height: 150%;}
a{color: #8A664A; text-decoration: none;}
a:link{color: #8A664A; text-decoration: none;}
a:visited{color: #8A664A; text-decoration: none;}
a:hover{color: #8A664A; text-decoration: underline;}
a:active{color: #8A664A; text-decoration: none;}

/* テキストそろえ */
.txtcenter{ text-align:center;}
.txtright{ text-align:right;}
.txtleft{ text-align:left;}

/* 文字おおきさ */
.xs{ font-size:10px;}
.s{ font-size:11px;}
.xm{ font-size:12px;}
.m{ font-size:14px;}
.l{ font-size:16px;}

/* 文字色 */
.c01{ color:#8A664A;} /* 茶色 */
.c02{ color:#DB5D25;} /* 橙色 */
.c03{ color:#CA5D5D;} /* 赤色 */
.color01{ color:#CC0000;font-weight:bold;} /* お問い合わせアスタリスク */
}
	
.m_10{margin-bottom:10px;}
.m_20{margin-bottom:20px;}
.m_30{margin-bottom:30px;}
.m_40{margin-bottom:40px;}
.mt_20{margin-top:20px;}
.p_10{margin-bottom:10px;}
.center{text-align: center;}

/*--------------------------------------------------
wrap
--------------------------------------------------*/
#wrap{
	background: url(../images/bg.gif) repeat-y center;
	width: 990px;
	margin: 0px auto; 0px auto;
	text-align: left;
}
#wrap_in{
	width: 970px;
	margin: 0px 0px 0px 10px;
}


/*--------------------------------------------------
breadcrumb
--------------------------------------------------*/
#breadcrumb{
	font-size: 11px;
	color: #666666;
	margin: 0px 0px 15px 0px;
}
#breadcrumb a{color: #666666; text-decoration: underline;}
#breadcrumb a:link{color: #666666; text-decoration: underline;}
#breadcrumb a:visited{color: #666666; text-decoration: underline;}
#breadcrumb a:hover{color: #666666; text-decoration: none;}
#breadcrumb a:active{color: #666666; text-decoration: underline;}


/*--------------------------------------------------
header
--------------------------------------------------*/
#header{
	width: 970px;
	background: url(../images/header_bg.jpg) no-repeat left top;
	text-align: left;
	padding: 0px;
	margin: 0px 0px 0px 0px;
}
#header .logo{
	padding: 12px 0px 0px 20px;
	width:190px;
}
#header li{
	float:left;
}

#header .list{
	margin-top: 10px;
}
#header .icon_01{
	background: url(../images/arrow_01.jpg) no-repeat left center;
	background-repeat:no-repeat;
	font-size:11px;
	line-height:160%;
	padding:0px 10px 0 15px;
}
.icon_cart1{
	background: url(../images/cart1.gif) no-repeat left center;
	background-repeat:no-repeat;
	font-size:11px;
	line-height:160%;
	padding:0px 10px 0 20px;
}
.icon_02{
	background: url(../images/icon_01.gif) no-repeat left center;
	background-repeat:no-repeat;
	font-size:11px;
	line-height:160%;
	padding:0px 10px 0 20px;
}

#header .bannerarea .h1{
	margin-top:35px;
	width:590px;
}


#header .bannerarea img{
	padding-top:10px;
	padding-right:5px;
}


/*--------------------------------------------------
main
--------------------------------------------------*/
#main{
	width: 930px;
	text-align: left;
	margin: 35px 20px 60px 20px;
}

/*--------------------------------------------------
pagetop
--------------------------------------------------*/
.pagetop{
	text-align: right;
}
.pagetop a{color: #666666; text-decoration: none;}
.pagetop a:link{color: #666666; text-decoration: none;}
.pagetop a:visited{color: #666666; text-decoration: none;}
.pagetop a:hover{color: #666666; text-decoration: underline;}
.pagetop a:active{color: #666666; text-decoration: none;}


/*--------------------------------------------------
footer
--------------------------------------------------*/
#footer{
	text-align:right;
	font-size: 10px;
	margin: 0px 0px 0px 0px;
	background-color:#EBEBEB;
	border-top: 1px solid #CCCCCC;
	padding: 20px 10px 50px 0px;
}
#footer li{
	display:inline;
	color:#999999;
}
#footer .list{
	margin: 0px 0px 10px 0px;
}
#footer .icon_01{
	background: url(../images/arrow_02.gif) no-repeat left center;
	background-repeat:no-repeat;
	font-size:11px;
	line-height:160%;
	padding:0px 10px 0 15px;
}
#footer .icon_cart1{
	background: url(../images/cart2.gif) no-repeat left center;
	background-repeat:no-repeat;
	font-size:11px;
	line-height:160%;
	padding:0px 0px 0 20px;
}


/*--------------------------------------------------
top
--------------------------------------------------*/
#topmain{
	width: 960px;
	text-align: left;
	margin: 5px 5px 20px 5px;
}

#topmain .nv{
	width: 960px;
	height: 101px;
	background: url(../../images/menu_bg.gif) repeat-x left center;
	background-repeat:repeat-x;
	padding:0px 0px 0px 0px;
	border-bottom : 3px solid #000000;
}

.nvin{
	width: 310px;
	height: 80px;
	float:left;
	padding:10px 0px 0px 15px;
	margin:0px 5px 0px 0px;
}

.nvin2{
	width: 310px;
	height: 80px;
	float:left;
	padding:10px 0px 0px 0px;
	margin:0px 5px 0px 0px;
}

#bnarea{
	width: 444px;
	text-align: left;
	margin: 26px 0px 0px 16px;
}

#bnarea h3,
#infoarea h3{
	margin: 0px 0px 12px 0px;
}

#bnarea p{
	margin: 0px 0px 10px 0px;
}

#infoarea{
	width: 480px;
	text-align: left;
	margin: 26px 0px 0px 0px;
}

#infoarea .frameset{
	margin: 0px 0px 0px 0px;
}