/* CSS Document 
@charset "shift_jis";*/


html{
	height:100%;
}

body {
	margin: 0 auto;
	padding: 0px;
	line-height: 18px;
	background-image:url(../img/bg_st.jpg);
	background-repeat:repeat;
    width: 800px;  
	font-size: 12px;
	color: #666666;
	height:100%;
}


/*body > #box{
	height:auto;
}*/

p {
	font-size: 11px;
}

img {
	border: none;
}

a:link {
	color: #FF9999;
	text-decoration: none;
}

a:visited {
	color: #FF9999;
	text-decoration: none;
}

a:hover {
	color: #33CCCC;
}

#content{
	margin: 0px;
	padding: 0px;
	width: 800px;
	background-image: url(../img/bg_box.gif);
	background-repeat: repeat-y;
}


/*ヘッダー*/
#header{
	width:800px;
	height: 90px;
	background-image: url(../img/header.gif);
	background-repeat: no-repeat;
	}
	

/*メニュー*/

#mein_menu{
	margin: 0px;
	padding: 0px;
	background-image: url(../img/menu_00.gif);
	width: 800px;
	height: 56px;
}

#mein_menu ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

#mein_menu li {
	margin: 0px;
	padding: 0px;
	float: left;
	width: 800px;
	height: 56px;
	text-indent: -9999px;
	overflow:hidden;
}

#mein_menu #menu01{
	width: 134px;
	height: 56px;
	}
	
#mein_menu #menu01 a {
	display: block;
	width: 134px;
	height: 56px;
}

#menu01 a:hover{
	background: url(../img/menu_h_1_1.gif) no-repeat;
	display: block;
	width: 134px;
	height: 56px;
}

#mein_menu #menu02{
	width: 133px;
	height: 56px;
}
	
#mein_menu #menu02 a {
	display: block;
	width: 133px;
	height: 56px;
}

#menu02 a:hover{
	background: url(../img/menu_h_2_2.gif) no-repeat;
	display: block;
	width: 133px;
	height: 56px;
}

#mein_menu #menu03{
	width: 133px;
	height: 56px;
}
	
#mein_menu #menu03 a {
	display: block;
	width: 133px;
	height: 56px;
}

#menu03 a:hover{
	background: url(../img/menu_h_3_3.gif) no-repeat;
	display: block;
	width: 133px;
	height: 56px;
}

#mein_menu #menu04{
	width: 133px;
	height: 56px;
}
	
#mein_menu #menu04 a {
	display: block;
	width: 133px;
	height: 56px;
}

#menu04 a:hover{
	background: url(../img/menu_h_4_4.gif) no-repeat;
	display: block;
	width: 133px;
	height: 56px;
}

#mein_menu #menu05{
	width: 133px;
	height: 56px;
}
	
#mein_menu #menu05 a {
	display: block;
	width: 133px;
	height: 56px;
}

#menu05 a:hover{
	background: url(../img/menu_h_5_5.gif) no-repeat;
	display: block;
	width: 133px;
	height: 56px;
}

#mein_menu #menu06{
	width: 133px;
	height: 56px;
}
	
#mein_menu #menu06 a {
	display: block;
	width: 133px;
	height: 56px;
}

#menu06 a:hover{
	background: url(../img/menu_h_6_6.gif) no-repeat;
	display: block;
	width: 133px;
	height: 56px;
}

/*トップ画像*/
#topimg{
	width: 800px;
	height: 280px;
}

/*左ボックス*/
#left_box{
	width: 170px;
	background-color: #fff;
	background-repeat:repeat;
	float: left;
	height: 100%;
	
}

#left_box a{
	color: #0099CC;
	text-decoration: none;
}

.left{
	width: 170px;
	height: 17px;
	background-image: url(../img/span_left_2.jpg);
	background-repeat: no-repeat;
	font-size: 12px;
}


/*フッター*/
#footer{
	background-image: url(../img/footer.gif);
	width: 800px;
	height: 60px;
	clear: both;
}

#footer p{
	text-align: center;
	letter-spacing: 2px;
	font-size: 10px;
	padding: 30px 0 0 0;
	display: block;
	margin: 0;
}



/*テンプレートここまで！*/


/*------------------------------------------------
------------------------------------------------トップページ*/

#mein_box{
	background-image: url(../img/bg.gif);
	background-repeat:repeat;
	width: 610px;
	padding: 0 10px 0 10px;
	float: left;
}
.new{
	background-image:url(../img/h2_new.gif);
	width: 591px;
	height: 44px;
}

.pickup{
	background-image: url(../img/h2_pick.gif);
	width: 591px;
	height: 44px;
}

#new_box{
	width:
}

#top_box .photo {
	float: left;
	list-style-type: none;
	padding: 0 5px 0 0;
	width: 185px;
	display: block;
}

#top_box ul {
	width: 590px;
	padding: 0;
	margin: auto;
}

/*------------------------------------------------
------------------------------------------------商品ページ*/
#pan{
	background-image: url(../img/bg.gif);
	background-repeat:repeat;
	float: left;
	width: 610px;
	height: 30px;
	padding: 0 10px 0 10px;
}

#shohin_box{
	float: left;
	width: 590px;
	height: auot;
	background-image: url(../img/bg.gif);
	background-repeat:repeat;
}

#shohin_box img {
	margin: 0;
	padding: 0;
	display: block;
}

#mein_box h2 .orignal{
	background-image:url(../img/h2_orignal.gif);
	width: 590px;
	height:43px;
}

#content #mein_box .photo {
	float: left;
	list-style-type: none;
	padding: 0 5px 0 0;
	width: 180px;
	display: block;
}

#content #mein_box ul {
	width: 590px;
	margin: auto;
}


#content #mein_box .photo p {
	display: block;
	float: left;
	height: 60px;
	width: 180px;
	margin: 0;
	padding: 0 5px 0 0;
	
}

#content #mein_box .midashi p {
	padding: 25px 0 0 15px;
}

#content #mein_box table{
   border-left: solid 1px #999999;
   border-bottom: solid 1px #999999;
}

#content #mein_box th,td{
   border-top: solid 1px #999999;
   border-right: solid 1px #999999;
}

#content #mein_box th {
	background-color: #FFE2EC;
	height: 25px;
	width:150px;
}

#content #mein_box td {
	background-color: #FFFFFF;
}

#content #mein_box #shohin_box table {
	width: 390px;
}

#content #mein_box #cart {
	padding: 10px 0 0 0;
	text-align: center;
	width: 590px;
}

#content #mein_box #cntbx {
	text-align:center;
	width: 590px;
	height: auot;
	background-image: url(../img/bg.gif);
	background-repeat:repeat;
	padding: 10px 0 0 0;
}

/*-----------------------------------------見出し系*/

/*商品ページで、上に文字のせるとき用*/
#content #shohin_box .midashi {
	background:url(../img/h2_midashi_2.png) no-repeat;
	width: 590px;
	height:59px;
	font-size: 12px;	
}

/*h3用*/
#content #mein_box .midashi{
	background-image:url(../img/h3.png);
	width: 590px;
	height: 23px;
	font-size: 11px;
	padding: 0 0 0 30px;
	background-repeat: no-repeat;
}

#content #shohin_box .midashi{
	background-image:url(../img/h3.png);
	width: 590px;
	height: 23px;
	padding: 0 0 0 30px;
}


/*-----------------------------------------clearfix*/
.clearfix:after{
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.clearfix { display: inline-table;}
	/*mac ieには適応しない*/
	*html .clearfix { height: 1%; }
	*+html .clearfix { height: 1%; }
	.clearfix{ display: block;}
	/**/