@charset "Shift_JIS";

/* 一括で全ての要素の余白をゼロに指定 */
*{
	padding:0;
	margin:0;
}

html{
	overflow-y:scroll;
}

a:link,a:visited{
	color:#006600;
}

a:hover{
	color:#99cc66;
}

img{
	border:none;
	display:block;
}

/*---------- ページ全体の指定 ----------*/
body{
	font-size:1em;
	text-align:center;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	padding:0;
	margin:0;
	color:#333333;
	background-color:#ffffff;
}

/*---------- 全体サイズ ----------*/
#wrapper{
  text-align:left;
  margin:0 auto;
  width:950px;
  border:1px solid #cccccc;
  background-color:#ffffff;
}


/*---------- ヘッダー ----------*/
#header{
  padding:3px;
  border-bottom:2px solid #cccccc;
  height:75px;
}

#header h1{
  margin:0;
  padding:2px 0 0 10px;
  text-align:left;
  font-size:0.7em;
  color:#006600;
}

#header h1 a{
	display:block;
	height:60px;
	background-repeat:no-repeat;
}

#header h1 a.h1link{
	background-image:url(img/logo.gif);
	width:930px;
}

#header h1 a span{
	display:none;
}

/*---------- パン屑リスト ----------*/
#wrapper .bread{
  margin:10px;
  font-size:0.85em;
}

/*---------- コンテナ領域 ----------*/
#container{
	margin:0 10px;
}

/*---------- メイン領域 ----------*/
#main{
	width:710px;
	float:left;
}

#main h2{
	padding:10px 0 8px 20px;
	line-height:1.3em;
	font-size:1em;
	background-image:url(img/mainbar.gif);
	background-repeat:no-repeat;
}

#main h3{
	padding:8px 0 20px 30px;
	font-size:0.95em;
	background-image:url(img/h3_mainbar.gif);
	background-repeat:no-repeat;
	background-position:10px 0;
}

#main h4{
	border-left:8px #99cc99 solid;
	border-bottom:2px #99cc99 solid;
	margin-left:10px;
	line-height:150%;
	font-size:0.9em;
	text-indent:0.5em;
}

#main h5{
	padding:5px 0 20px 40px;
	font-size:1em;
	background-image:url(img/arrow_main.gif);
	background-repeat:no-repeat;
	background-position:20px 7px;
	color:#006600;
}

#main p{
	margin:10px;
	line-height:150%;
}

#main div{
	line-height:130%;
	margin:0px 10px 10px 20px;
}

.arrow{
	list-style:none;
	line-height:150%;
	padding-left:20px;
	background-image:url(img/arrow_main.gif);
	background-repeat:no-repeat;
	background-position:0 1px;
}

.arrow_sub{
	list-style:none;
	padding-left:20px;
	background-image:url(img/arrow_sub.gif);
	background-repeat:no-repeat;
	background-position:3px 5px;
	font-size:0.95em;
	display:block;
}

ol{
	line-height:130%;
	margin:0 10px 10px 40px;
}

#main table{
	width:650px;
	margin:10px 0 0 20px;
	padding:5px;
}

#main table,th,td{
	border:1px #cccccc solid;
	border-collapse: collapse;
	padding:5px;
	}

#main th{
	width:150px;
	font-weight:normal;
	background-color:#eeeeee;
	text-align:center;
}

#main td{
	width:500px;
}

dl{
	width:230px;
	float:left;
	margin:10px 0 20px 3px;
	border:1px solid #cccccc;
}

dd{
	margin:5px 5px 5px 10px;
}

#main div.bg_yellow{
	background-color:#ffffcc;
	padding:5px;
	color:#006600;
	margin:10px 0 0 0;
}

#main div.border_green{
	padding:5px;
	margin:0 0 10px 0;
	border:1px solid #006600;
}

/*---------- Q&A ----------*/
.img_q{
	background-image:url(img/img_q.gif);
	background-repeat:no-repeat;
	background-position:0 1px;
}

.img_a{
	background-image:url(img/img_a.gif);
	background-repeat:no-repeat;
	background-position:9px 5px;
}


#main p.height28{
	line-height:28px;
}

/*---------- 商品ページ ----------*/
#main h4.goods{
	border-left:8px #99cc99 solid;
	border-bottom:2px #99cc99 solid;
	width:340px;
	float:left;
	margin-left:10px;
	line-height:150%;
	font-size:0.95em;
	text-indent:0.5em;
}

/*--
.price{
	font-weight:bold;
	color:#666666;
}
--*/

#main .goods_arrow{
	list-style:none;
	line-height:150%;
	padding-left:20px;
	margin:0;
	background-image:url(img/arrow_main.gif);
	background-repeat:no-repeat;
	background-position:0 5px;
	font-size:1em;
}

#main table.goods{
	width:330px;
	margin:10px 0 0 10px;
	padding:5px;
}

#main table.goods,th,td{
	border:1px #cccccc solid;
	border-collapse: collapse;
	padding:5px 0 5px 5px;
}

#main table.goods th{
	width:100px;
	font-weight:normal;
	background-color:#eeeeee;
	text-align:center;
}

#main table.goods td{
	width:210px;
}

#main div.goods{
	margin:0;
	font-size:1em;
}

#main div.goods span{
	float:left;
	font-size:0.8em;
	width:245px;
	margin-top:45px;
	line-height:1.3em;
}

#main div.goods span span{
	font-size:1em;
	font-weight:bold;
	margin:0;
}

ol.goods{
	line-height:130%;
	margin:10px 0 10px 40px;
	float:left;
}


/*---------- サイドバー領域 ----------*/
#side{
	width:200px;
	float:right;
	padding:0 5px 5px 5px;
	margin-bottom:10px;
}

#side p{
	color:#ffffcc;
	font-weight:bold;
	line-height:35px;
	width:180px;
	margin:0 5px 5px 5px;
	padding-left:10px;
	background-image:url(img/sidebar.gif);
}

#side ul{
	list-style:none;
	width:190px;
	padding-left:5px;
}

#side li{
	border:1px solid #cccccc;
	background-color:#eeeeee;
}

#side a{
	text-decoration:none;
	display:block;
	padding:8px 5px;
	color:#006600;
	border-left:3px solid #eeeeee;
}

#side a:hover{
	background-color:#ffffff;
	color:#006600;
	border-left:3px solid #ff0000;
}

#side a.none{
	text-decoration:none;
	display:block;
	padding:0;
	border-left:none;
}

#side a:hover.none{
	background-color:#ffffff;
	border-left:none;
}

#side ul ul{
	font-size:0.9em;
	width:173px;
	padding-left:15px;
}

#side ul ul li{
	border:none;
	border-top:1px dotted #cccccc;
}

#side div{
	margin:5px;
	font-size:0.75em;
}

/*---------- sitemap.html ----------*/
ul.sitemap li{
	list-style:none;
	line-height:150%;
	margin-left:15px;
	padding-left:20px;
	background-image:url(img/arrow_main.gif);
	background-repeat:no-repeat;
	background-position:0 5px;
}

ul.sitemap ul li{
	font-size:0.9em;
	background-image:url(img/arrow_sub.gif);
	background-repeat:no-repeat;
	background-position:3px 3px;
}

/*---------- フッター ----------*/
#footer{
	clear:both;
	text-align:center;
	padding:0.5em ;
	border-top:1px solid #cccccc;
	font-size:0.8em;
}

#footer div{
	margin-top:10px;
}

/*---------- 装飾 ----------*/
br{
	clear:both;
}

.orange{
	color:#ff9900;
}

.green{
	color:#006600;
}

.bold{
	font-weight:bold;
}

.small{
	font-size:0.9em;
}

.center{
	text-align:center
}

.left{
	float:left;
}

.right{
	float:right;
}

.left20{
	margin-left:20px;
}

.left35{
	margin-left:35px;
}

.p_left30{
	padding-left:30px;
}

.top10{
	margin-top:10px;
}

.bottom20{
	margin-bottom:20px;
}

.block{
	display:block;
}