@charset   "Shift_JIS";
body {
 background-color:#FFFFDF;
 text-align:center;
 margin-top:0px;
 margin:0 auto;
 padding: 0;
 font-size: 100%;
 color: #333333;
}
h1,h2,h3,h4,p,ul,li{
	margin: 0px;
	padding: 0px;
}

ul{
	list-style-type: none;
}
A:link {
 color:blue;
}
A:visited {
 color:#FC7CEC;
}
A:active { color: #FF9900; }
A:hover { color: #FF9900; }
td,th {
	font-size: 0.8em;
}
/*border {
 border-color:#FF0000;
}*/
#site {
 width:796px;
 text-align:left;
 margin:0 auto;
 border-left:1px solid #004000;
 border-right:1px solid #004000;
 background-color:#004000;
} 
/*コンテナー（HP全体の枠）
------------------------------------------------------------------------*/
#container {
 width: 796px;
 border:0px solid #808080;
 /*HPを囲む枠の色と幅*/
text-align: left;
 margin:0 auto; 
 background-color:#FFFFFF;
}
#header1 {
 width:795px;
 height:105px;
 color:#FFFFFF;
 background-image:url('../image/head_green.jpg');
 background-repeat:no-repeat;
 padding:20px;
} 
#toptxt {
 text-align:left;
 color:white;
 font-size: 0.7em;
 margin:0 auto; 
}
#toptxt a {
 color:white;
 text-decoration: none;
} 
#topline1 {
 height:10px;
 font-size:6;
 background-color:#FFA4A4;
} 

/*左コンテンツ
------------------------------------------------------------------------*/
#left {
 background-color:#BBFFBB;
 /*背景色*/
width: 168px;
 vertical-align: top;
 padding: 3px 5px;
}
#left h4 {
 background-color:#BAD622;
 border: 1px solid #f99403;
 font-size: 120%;
 text-align: center;
}
#center h4 {
 background: #BAD622;
 border:1px solid #f99403;
 font-size: 120%;
 text-align: center;
}
#left h4 a{
	text-decoration: none;
}
#left h4 a:hover{
	text-decoration: underline;
}



/*中央コンテンツ
------------------------------------------------------------------------*/
#center {
 width: 600px;
 vertical-align: top;
 /*背景色*/
padding: 0px 5px;
 background-color:#FFFBC4;
}
#center p {
	padding: 0.5em 18px 1em;
}
#center h2 {
	border-left: 5px solid #333333;	/*左に5pxの直線を入れる設定*/
	font-size: 100%;
	background: url(images/h2_bg.gif) no-repeat left bottom;	/*背景のグラデーション画像指定箇所*/
	padding-left: 10px;
	line-height: 40px;
	margin-bottom: 0.5em;
}

/*左右コンテンツのh2,h3とリンク設定
------------------------------------------------------------------------*/
#left h2,#right h3 {
	background: #BAD622;
	border: 1px solid #FFFFFF;
	font-size: 100%;
	text-align: center;
}
#left h2 a,#right h3 a {
	text-decoration: none;
}
#left h2 a:hover,#right h3 a:hover{
	text-decoration: underline;
}



/*左コンテンツ内の商品メニュー
------------------------------------------------------------------------*/
#left ul.menu {
 margin-bottom: 1em;
 text-align:left;
 padding-left:5px;
 background-color:#00BD00;
 line-height:20px;
}
#left ul.menu li a {
 color: #FFFFFF;
 /*メニューの文字色*/
text-decoration: none;
 /*リンクの初期設定の下線を外す設定*/
border-bottom: 1px dotted #ffffff;
 /*メニュー下に1pxの点線を入れる設定*/
display: block;
 width: 170px;
}
#left ul.menu a:hover {
	color: #333333;	/*カーソルオーバー時の文字色*/
	text-decoration: underline;	/*オーバー時に消していた下線を表示させる設定。不要なら１行丸ごと外す。*/
}



/*左右コンテンツ内の商品写真を囲んでいるボックス設定（上のラインなし）
------------------------------------------------------------------------*/
.box1 {
 border-right: 1px solid #ffffff;
 /*右のライン設定*/
border-bottom: 1px solid #ffffff;
 /*下のライン設定*/
border-left: 1px solid #ffffff;
 /*左のライン設定*/
padding: 5px;
 font-size: 85%;
 /*文字サイズを全体より少し小さく設定。同じがいいなら丸ごと１行削除*/
background: #FFFFFF;
 text-align:center;
}






#date {
 text-align: right;
 font-size: 1.3em;
 color:#FFFFCE;
}
#info1 {
 text-align:center;
 color:black;
 padding:5px;
 background-image:url('../image/botton001.jpg');
 background-repeat:no-repeat;
 background-position:center;
 border:0px solid #808080;
}
#info2 {
 text-align:left;
 font-size: 0.8em;
 color:black;
 border:0px solid #808080;
 padding-left:90px;
 padding-top:12px;
 padding-right:20px;
}
#info3 {
 width:210px;
 height:210px;
 text-align:right;
 font-size: 0.8em;
 color:blue;
 border:0px solid #808080;
}
#info4 {
 text-align:left;
 font-size: 0.5em;
 color:#9797FF;
 padding-top:15px;
 padding-left:100px;
 padding-bottom:10px;
 padding-right:50px;
}
#info5 {
 text-align:left;
 font-size: 0.7em;
 color:black;
 padding-top:0px;
 padding-left:10px;
 padding-bottom:5px;
}
#info6 {
 text-align:center;
 font-size: 0.7em;
 color:blue;
 padding:20px;
}
.rank {
 text-align:center;
 font-size: 0.7em;
 background-color:#E8FDFF;
 width:140px;
 color:red;
 font-weight:bold;
}
.price {
 text-align:center;
 font-size: 0.6em;
 color:black;
 background-color:#E8FDFF;
}
.itemname {
 text-align:center;
 font-size: 0.6em;
 color:black;
 background-color:#E8FDFF;
 vertical-align:top;
}
#inner2 {
 width:795px;
 text-align:left;
 margin-top:0px;
 border:0px solid #FF9900;
}  
#footer {
 width:795px;
 height:12px;
 text-align:center;
 margin:0px;
 border:0px solid #FF9900;
 background-color:#00BD00;
 color:white;
}  
#link {
 width:795px;
 text-align:left;
 font-size: 0.6em;
 color:blue;
 background-color:#FFFFFF;
 padding:20px;
}
border{ 1px solid #FF9900;}
.clear { clear:both; }   
.clear hr { display:none; }