/*
 基本セット
 ----------------------------------------------------------- */

* {
	margin:0px;
	padding:0px;
	text-decoration:none;
	font-family:Arial,'ＭＳ Ｐゴシック',sans-serif ;
}

img {
	border: none;
}

body {
	font-size:12px;
	color:#311200;
	line-height:1.8em;
	background:url("../img/body01.jpg");
	background-position:top center;
	background-repeat:repeat-x;
	background-color:#FFFFFF;
}


/*
 リンクカラー
 ----------------------------------------------------------- */

a{
	color:#311200;
	text-decoration:none;
}

a:hover {
	text-decoration:underline;
	color:#C63C38;
}


/*
 レイアウト
 ----------------------------------------------------------- */

#wrap{
	background:url("../img/wrap01.jpg");
	background-position:top center;
	background-repeat:repeat-y;
}

#headbg{
	background:url("../img/headbg01.jpg");
	background-position:top center;
	background-repeat:no-repeat;
}

#head{
	position:relative;
	width:900px;
	height:70px;
	margin:0px auto 0px auto;
	background:url("../img/head01.jpg");
	background-position:top center;
	background-repeat:repeat-y;
}

#glovalmenu{
	position:relative;
	margin:0px auto 5px auto;
}

#mainimage{
	width:900px;
	height:285px;
	position:relative;
	margin:0px auto 0px auto;
	padding:0px 0px 20px 0px;
}

#form{
	width:900px;
	height:20px;
	margin:0px auto 0px auto;
}

#pankuzu{
	width:900px;
	height:30px;
	margin:0px auto 0px auto;
}

#contents{
	width:900px;
	margin:0px auto 0px auto;
	padding:10px 0px 0px 0px;
}

#subcontents{
	float:left;
	width:180px;
	margin:0px 10px 0px 10px;
}

#maincontents{
	float:left;
	width:690px;
	margin:0px 0px 0px 0px;
}

#top-center{
	float:left;
	width:500px;
	margin:0px 0px 0px 0px;
}

#top-right{
	float:right;
	width:170px;
	margin:0px 0px 0px 0px;
}

#detail01{
	float:left;
	width:300px;
	margin:20px 0px 20px 10px;
}

#detail02{
	float:left;
	width:350px;
	margin:0px 0px 20px 10px;
}

#kanpacontents{
	float:left;
	width:600px;
	margin:0px 0px 0px 55px;
}

#foot{
	text-align:center;
	vertical-align:bottom;
	width:900px;
	height:100px;
	margin:0px auto 0px auto;
	padding:80px 0px 0px 0px;
	background:url("../img/footter.jpg");
	background-position:top center;
	background-repeat:no-repeat;
}

#footbg01{
	vertical-align:bottom;
	background:url("../img/footbg01.jpg");
	background-position:bottom center;
	background-repeat:no-repeat;
}

#footbg02{
	clear:both;
	padding:20px 0px 0px 0px;
	vertical-align:bottom;
	background:url("../img/footbg02.jpg");
	background-position:bottom center;
	background-repeat:repeat-x;
}


/*
 ロゴ
 ----------------------------------------------------------- */

#logo{
	position:absolute;
	top:20px;
	left:15px;
	width:240px;
	height:100px;
	display:block;
	
}

#headnavi{
	position:absolute;
	top:40px;
	left:180px;
	display:block;
}

#headnavi li{
	background:url("../img/headnavi02.jpg");
	background-repeat:no-repeat;
	display:inline;
	padding:0px 5px 0px 18px;
	background-position:0% 80%;

}


/*
 グローバルメニュー
 ----------------------------------------------------------- */

#glovalmenu ul{
	width:900px;
	height:65px;
	margin:0px auto 0px auto;
	background:url("../img/glovalmenu01.jpg");
	background-repeat:no-repeat;
}

#glovalmenu a {
	height:53px;
	display:block;
}

#glovalmenu li {
	width:150px;
	float:left;
	list-style:none;
	display:inline;
}

#glovalmenu li a{
	text-decoration:none;
	color:#311200;
	padding:12px 0px 0px 28px;
}

#m1,
#m2,
#m3,
#m4,
#m5,
#m6{
	width:150px;
}

#m1 a:hover{
	background:url("../img/glovalmenu02.jpg") 0px 0px no-repeat;
	z-index:2;
}

#m2 a:hover{
	background:url("../img/glovalmenu02.jpg") -150px 0px no-repeat;
	z-index:2;
}

#m3 a:hover{
	background:url("../img/glovalmenu02.jpg") -300px 0px no-repeat;
	z-index:2;
}

#m4 a:hover{
	background:url("../img/glovalmenu02.jpg") -450px 0px no-repeat;
	z-index:2;
}

#m5 a:hover{
	background:url("../img/glovalmenu02.jpg") -600px 0px no-repeat;
	z-index:2;
}

#m6 a:hover{
	background:url("../img/glovalmenu02.jpg") -750px 0px no-repeat;
	z-index:2;
}


/*
 トップイメージ
 ----------------------------------------------------------- */

.top-main{
	position:relative;
	width:900px;
	height:280px;
	z-index:2;
}

.top-line{
	position:relative;
	width:900px;
	height:15px;
	margin:0px 0px 0px 0px;
	z-index:1;
}


/* 
 検索
 ----------------------------------------------------------- */

#search{
	position:relative;
	margin:10px 0px 0px 20px;
}

.searchbox{
	width:100px;
	height:12px;
	margin:0px 5px 0px 0px;
	padding:5px 0px 0px 0px;
}


/* 
 パンくず
 ----------------------------------------------------------- */

#pankuzu ul{
	margin:0px 0px 0px 20px;
	padding:5px 0px 0px 0px;
}

#pankuzu ul li{
	list-style:none;
	display:inline;
	font-size:10px;
}


/*
 サイドメニュー

 ----------------------------------------------------------- */

.sidetitle,
.sidetitle01{
	width:170px;
	height:38px;
	margin:0px 0px 0px 0px;
	padding:12px 0px 0px 0px;
	background:url("../img/sidetitle01.jpg");
	background-repeat:no-repeat;
	text-align:center;
	font-size:14px;
	font-weight:bold;
}

.sidemenu,
.sidemenu01{
	width:170px;
	margin:0px 0px 0px 0px;
	padding:0px 0px 30px 0px;
	background:url("../img/sidemenu01a.jpg");
	background-position:0% 100%;
	background-repeat:no-repeat;
}

.sidemenu ul,
.sidemenu01 ul{
	border-style:solid;
	border-width:0px 1px 0px 1px;
	border-color:#CCCCCC;
	padding:0px 0px 5px 0px;
}

.sidemenu li,
.sidemenu01 li{
	list-style:none;
	padding:0px 5px 5px 25px;
	background:url("../img/sidemenu01b.jpg");
	background-position:5% 0%;
	background-repeat:no-repeat;
	line-height:1.2em;
	margin:0px 0px 5px 0px;
}


.sidemenu02{
	width:170px;
	height:225px;
	background:url("../img/sidebn01.jpg");
	background-repeat:no-repeat;
}

.sidemenu02 a {
	height:44px;
	display:block;
}

.sidemenu02 li {
	width:170px;
	list-style:none;
}

.sidemenu02 li a{
	text-decoration:none;
	color:#311200;
	padding:7px 0px 0px 20px;
}

#s1,
#s2,
#s3,
#s4,
#s5,
#s6{
	width:170px;
}

#s1 a:hover{
	background:url("../img/sidebn02.jpg") 0px 0px no-repeat;
	z-index:2;
}

#s2 a:hover{
	background:url("../img/sidebn02.jpg") 0px -51px no-repeat;
	z-index:2;
}

#s3 a:hover{
	background:url("../img/sidebn02.jpg") 0px -102px no-repeat;
	z-index:2;
}

#s4 a:hover{
	background:url("../img/sidebn02.jpg") 0px -153px no-repeat;
	z-index:2;
}




/*
 メインコンテンツ
 ----------------------------------------------------------- */

.float01{
	float:right;
	margin:12px 10px 0px 10px;
}

.float02{
	float:right;
	margin:140px 10px 0px 10px;
}

.float03{
	float:left;
	margin:0px 5px 0px 10px;
}

.float04{
	float:right;
	margin:0px 0px 0px 5px;
}

#use_nagare{
	width:564px;
	margin:10px auto 10px auto;
	font-size:10px;
}

#use_nagare td{
	vertical-align:top;
	line-height:1.6em;
}

#use_step{
	width:566px;
	height:310px;
	margin:10px auto 10px auto;
	padding:28px 0px 0px 5px;
	font-size:10px;
	background:url("../img/use_step01.jpg");
	background-repeat:no-repeat;
}

#use_step td{
	vertical-align:top;
	line-height:1.2em;
	padding:0px 5px 0px 5px;
}

.goodsguide{
	margin:0px 0px 20px 0px;
}

.goodsguide li{
	display:inline;
	list-style:none;
	padding:0px 10px 0px 10px;
}

.qalist{
	list-style:none;
	padding:0px 0px 0px 5px;
}

#haisouryou{
	text-align:center;
	border:solid 2px #333333;
	border-collapse:collapse;
	margin:0px 0px 20px 20px;
}

#haisouryou tr{
	border:solid 2px #333333;
}

#haisouryou td{
	width:120px;
	border:solid 2px #333333;
}

.bg-color{
	background-color:#DDDDDD;
}

#haisounichiji{
	text-align:center;
	border:solid 2px #333333;
	border-collapse:collapse;
	margin:0px 0px 20px 20px;
}

#haisounichiji tr{
	border:solid 2px #333333;
}

#haisounichiji td{
	width:80px;
	border:solid 2px #333333;
}

#credit{
	width:540px;
	text-align:center;
	border:solid 2px #333333;
	border-collapse:collapse;
	margin:0px 0px 20px 20px;
}

#credit tr,
#credit td{
	border:solid 2px #333333;
}

#profile{
	width:500px;
	text-align:left;
	border:none;
	margin:20px auto 0px auto;
}

.goodslist{
	width:660px;
	text-align:left;
	border:none;
	margin:20px auto 20px auto;
}

.goodslist tr{
	height:22px;
}

.detailto{
	width:540px;
	text-align:right;
	padding:0px 20px 0px 0px;
}

#detail01 table td{
	text-align:center;
}

#detail02 p{
	padding:0px 0px 0px 10px;
}

.kakaku{
	margin:0px 0px 10px 0px;
	padding:0px 0px 0px 10px;
}

.kakaku li{
	display:inline;
	margin:0px 0px 0px 10px;
}

.tejun{
	width:540px;
	margin:0px auto 0px auto;
}

.icon{
	margin:20px 0px 0px 55px;
}

#kanpamenu ul{
	width:560px;
	height:60px;
	margin:30px auto 0px auto;
}

#kanpamenu a{
	height:60px;
	width:78px;
	display:block;
}

#kanpamenu li.now{
	background:url("../img/ka_menu02.jpg");
	background-repeat:no-repeat;
}

#kanpamenu li{
	width:90px;
	text-align:center;
	float:left;
	list-style:none;
	display:inline;
	background:url("../img/ka_menu01.jpg");
	background-repeat:no-repeat;
}

#kanpamenu li a{
	text-decoration:none;
	color:#311200;
	padding:15px 0px 0px 0px;
	line-height:1.2em;
}

#kanpamenu li a:hover{
	background:url("../img/ka_menu02.jpg");
	background-repeat:no-repeat;
}

#voice tr td{
	width:566px;
	height:80px;
	margin:10px 0px 0px 0px;
	padding:16px 0px 0px 10px;
}

.w40{
	background:url("../img/ka_okya03.gif");
	background-repeat:no-repeat;
}

.m50{
	background:url("../img/ka_okya04.gif");
	background-repeat:no-repeat;
}

.m60{
	background:url("../img/ka_okya05.gif");
	background-repeat:no-repeat;
}


/*
 テキスト
 ----------------------------------------------------------- */

h2{
	font-size:18px;
}

h3{
	font-size:16px;
}

h4{
	font-size:14px;
}

h5{
	font-size:13px;
}

.text-center{
	text-align:center;
}

.text01{
	background:url("../img/line01.jpg");
	background-repeat:no-repeat;
	margin:10px 0px 10px 0px;
	padding:20px 0px 10px 5px;
}

.text02{
	padding:0px 0px 0px 5px;
}

.text03{
	text-align:right;
	padding:0px 70px 0px 0px;
}

.text04{
	height:36px;
	margin:0px 0px 10px 0px;
	padding:15px 0px 10px 15px;
	background:url("../img/text04.jpg");
	background-repeat:no-repeat;
}

.text05{
	background:url("../img/line03.jpg");
	background-repeat:no-repeat;
	margin:10px 0px 10px 0px;
	padding:20px 0px 10px 5px;
}

.text06{
	padding:0px 0px 20px 5px;
}

.text07{
	margin:0px 0px 10px 0px;
	padding:0px 0px 0px 5px;
	color:#F95C71;
}

.text08{
	margin:0px 0px 20px 0px;
	padding:0px 0px 0px 5px;
	color:#C63C38;
	font-size:16px;
}

.text09{
	background:url("../img/line04.jpg");
	background-repeat:no-repeat;
	margin:10px 0px 10px 0px;
	padding:20px 0px 10px 5px;
}



.text10{
	background:url("../img/line01.jpg");
	background-repeat:no-repeat;
	margin:0px 0px 0px 0px;
	padding:20px 0px 10px 5px;
}


.text11{
	margin:10px 0px 10px 0px;
	padding:20px 0px 10px 5px;
	border-bottom:solid 1px #cccccc;
}

.text12{
	text-align:left;
	padding:0px 0px 0px 100px;
}

/*
 スライダー
 ----------------------------------------------------------- */


#slider{}	
#slider ul, #slider li{
	margin:0;
	padding:0;
	list-style:none;
	}
#slider li{ 
	width:900px;
	height:285px;
	overflow:hidden; 
	}	
#prevBtn, #nextBtn{ 
	display:block;
	width:30px;
	height:77px;
	position:absolute;
	left:-30px;
	top:71px;
	text-indent:-99999px;
	}	
#nextBtn{ 
	left:900px;
	}														
#prevBtn a, #nextBtn a{  
	display:block;
	width:30px;
	height:77px;
	background:url(../images/btn_prev.gif) no-repeat 0 0;
	outline:none;
	}	
#nextBtn a{ 
	background:url(../images/btn_next.gif) no-repeat 0 0;	
	}

#mainnavi{
	position:absolute;
	top:10px;
	left:620px;
	z-index:1;
}
/*
 フッター
 ----------------------------------------------------------- */

.foot02{
	text-align:right;
	padding:0px 20px 0px 0px;
}


/*
 トピックス
 ----------------------------------------------------------- */

.topics01{
	border:solid 3px #EC7A74;
	padding:10px 10px 25px 10px;
	margin:0px 0px 10px 0px;
	width:654px;
	text-align:center;
}


.topics02{
	text-align:left;
	clear:both;
	border-bottom:solid 1px #EC7A74;
	padding:10px;
}

.topics02 img{
	float:left;
}

.topics02 b{
	display:block;
	padding:10px 0px 5px 0px;
	font-size:14px;
}

.topics02 a{
	color:#0000ff;
}


.topics03{
	border:solid 3px #EC7A74;
	padding:10px 10px 25px 10px;
	margin:0px 0px 10px 0px;
	width:654px;
}


.topics03 p{
	padding:10px 0px 10px 20px;
}

.topics03 b{
	display:block;
	padding:10px 0px 10px 0px;
	font-size:14px;
	color:#EC7A74;
}

.topics03 p img{
	border: 1px #cccccc solid;
}

/*
 テーブル
 ----------------------------------------------------------- */


.tenpotable {
	width: 680px;
	border: 1px #F95C71 solid;
	border-collapse: collapse;
	border-spacing: 0;
	margin:0px 0px 20px 0px;
}

.tenpotable th {
	padding: 5px;
	height:40px;
	border: #F95C71 solid;
	border-width: 0 0 1px 1px;
	background: #FDE6E6;
	font-weight: bold;
	line-height: 120%;
	text-align: center;
	color:#F95C71;
}

.tenpotable td {
	padding: 5px;
	border: 1px #F95C71 solid;
	border-width: 0 0 1px 1px;
}


.scrollarea{
	width:500px;
	height:100px;
	padding:5px;
	overflow-y:scroll;
}