@charset "UTF-8";

html
{
	margin: 0;
	padding: 0;
	
}
body
{
	margin: 0;
	padding: 0;
	color: #2E2A1F;
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	text-align: center;
	background-image: url(com-images/bakground.gif);
	display: block;
}
h1,h2,h3,h4,h5,h6,p,blockquote
{
	margin: 0;
	padding: 0;
	font-size: 100%;
	line-height: 1;
}

a
{
	color: #FF2727;
	text-decoration: none;
	outline:0;
}
a:hover
{
	color: #034802;

}
img
{
	border: 0;
}

span
{
}
strong
{
}


ul,li,dl,dt,dd
{
	margin: 0;
	padding: 0;
	list-style-type: none;
	line-height: 1;
}

address
{
	font-style: normal;
}

.clr:after
{
content:".";
clear:both;
display:block;
height:0;
visibility:hidden;
}
.pagetop
{
	text-align: right;
}

.red
{
	color: #D72A56;
}
.blue
{
	color: #69A81E;
}
.bold
{
}
.large
{
	font-size: 130%;
}
.small
{
	font-size: 10px;
}
.center
{
	text-align: center;
}
.right
{
	text-align: right;
}
.box
{
}
.box-left
{
	float: left;
}
.box-right
{
	float: right;
}
.padding-top
{
	margin: 1em 0 0 0;
}
.padding-bottom
{
margin: 0 0 1.5em 0;
}
.line
{
	border-bottom:solid #FF9900 1px;
}
.info
{
	margin: 0 0 1em 0;
	line-height: 1.4;
}
.stock
{

text-align:center;
font-size:14px;
font-weight:bold;
padding:10px 0;
color: #D72A56;

}

#pagetop
{
	visibility: hidden;
	position: absolute;
	top: 0;
}
#wrapper
{
	width: 870px;
	text-align: left;
	overflow: hidden;
	background: #FFFFFF;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}
#header
{
	height: 93px;
	width: 870px;
	background-image: url(com-images/header-back.jpg);
	background-repeat: repeat-x;
}
#header h1
{
	width: 180px;
	float: left;
	height: 85px;
	margin: 8px 0 0 14px;
}
#header h1 a
{
	width: 180px;
	display: block;
	height: 85px;
	background-image: url(common/logo.gif);
	
}
#header h1 a:hover
{
}
#header h2
{
	width: 300px;
	float: right;
	margin: 14px 14px 8px 0;
	text-align: right;
	color: #EA2332;
}

ul#header-menu
{
	float: right;
	height:30px;
	width:380px;
	margi: 0 14px 0 0;
}
ul#header-menu li
{
	float: left;
	margin: 0 14px 0 0;
	height: 30px;
	
}
ul#header-menu li a
{
	display:block;
	height:30px;
}
ul#header-menu li a:hover
{
}

li#header-menu1
{
	width:116px;
	background-image: url(com-images/header-menu1on.gif);
}
li#header-menu1 a
{
	width:116px;
	background-image: url(com-images/header-menu1.gif);
	text-indent: -9999px;
}
li#header-menu1 a:hover
{
	background-image: url(com-images/header-menu1on.gif);	
}
li#header-menu2
{
	width:113px;
	background-image: url(com-images/header-menu2on.gif);	
}
li#header-menu2 a
{
	width:113px;
	background-image: url(com-images/header-menu2.gif);
	text-indent: -9999px;
}
li#header-menu2 a:hover
{
	background-image: url(com-images/header-menu2on.gif);	
}
li#header-menu3
{
	width:104px;
	background-image: url(com-images/header-menu3on.gif);	
}
li#header-menu3 a
{
	width:104px;
	background-image: url(com-images/header-menu3.gif);
	text-indent: -9999px;
}
li#header-menu3 a:hover
{
	background-image: url(com-images/header-menu3on.gif);	
}

#tab
{
	height: 42px;
	width: 856px;
	background: url(com-images/topmenu-back.gif) no-repeat;
	margin-left: 7px;
}

#button-top
{
	width: 120px;
	float: left;
	height: 20px;
	background-image: url(com-images/button-top-on.gif);
	margin-top: 8px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 35px;
	
}
#button-top a
{
	display:block;
	width: 120px;
	height: 20px;
	background-image: url(com-images/button-top.gif);
	text-indent: -9999px;
}
#button-top a:hover
{
background-image: url(com-images/button-top-on.gif);
}

ul#tab-menu
{
	float:right;
	width:640px;
	margin-top: 11px;
	clear: right;
	padding-left: 7px;
}
ul#tab-menu li
{
	float:left;
	height:13px;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 14px;
	
}
ul#tab-menu li a
{
	display:block;
	height:13px;
	text-indent: -9999px;
}
ul#tab-menu lia:hover
{
}

li#tab-menu1
{
	width:71px;
	background: url(com-images/tab-menu1on.gif) no-repeat;
}
li#tab-menu1 a
{
	width:71px;
	background: url(com-images/tab-menu1.gif) no-repeat;
}
li#tab-menu1 a:hover
{
	background: url(com-images/tab-menu1on.gif) no-repeat;
}
li#tab-menu2
{
	width:84px;
	background: url(com-images/tab-menu2on.gif)no-repeat;
}
li#tab-menu2 a
{
	width:84px;
	background: url(com-images/tab-menu2.gif) no-repeat;
}
li#tab-menu2 a:hover
{
	background: url(com-images/tab-menu2on.gif) no-repeat;
}
li#tab-menu3
{
	width:59px;
	background: url(com-images/tab-menu3on.gif)no-repeat;
}
li#tab-menu3 a
{
	width:59px;
	background: url(com-images/tab-menu3.gif) no-repeat;
}
li#tab-menu3 a:hover
{
	background: url(com-images/tab-menu3on.gif) no-repeat;
}
li#tab-menu4
{
	width:70px;
	background: url(com-images/tab-menu4on.gif)no-repeat;
}
li#tab-menu4 a
{
	width:70px;
	background: url(com-images/tab-menu4.gif) no-repeat;
}
li#tab-menu4 a:hover
{
	background: url(com-images/tab-menu4on.gif) no-repeat;
}
li#tab-menu5
{
	width:82px;
	background: url(com-images/tab-menu5on.gif)no-repeat;
}
li#tab-menu5 a
{
	width:82px;
	background: url(com-images/tab-menu5.gif) no-repeat;
}
li#tab-menu5 a:hover
{
	background: url(com-images/tab-menu5on.gif) no-repeat;
}
li#tab-menu6
{
	width:71px;
	background: url(com-images/tab-menu6on.gif)no-repeat;
}
li#tab-menu6 a
{
	width:71px;
	background: url(com-images/tab-menu6.gif) no-repeat;
}
li#tab-menu6 a:hover
{
	background: url(com-images/tab-menu6on.gif) no-repeat;
}
li#tab-menu7
{
	width:66px;
	background: url(com-images/tab-menu7on.gif)no-repeat;
}
li#tab-menu7 a
{
	width:66px;
	background: url(com-images/tab-menu7.gif) no-repeat;
}
li#tab-menu7 a:hover
{
	background: url(com-images/tab-menu7on.gif) no-repeat;
}

#content
{
	width: 856px;
	margin-top: 0;
	margin-bottom: 0;
	padding-top: 0;
	padding-bottom: 0;
	background: url(com-images/content-back.gif) repeat-y;
	margin-left: 7px;
	margin-right: 0px;
	padding-right: 0px;
	padding-left: 10px;
	height: 1080pt;
}

#mainimage
{
	width:836px;
	height:207px;
	margin:0 0 1px 0;
	background-image: url(com-images/main-image1.jpg);
	background-position: left;
	
}

#mainflash
{

width:836px;
	height:207px;
	margin:0 0 1px 0;
	background-image: url(com-images/main-image1.jpg);
}

ul#cat-menu
{
	border-top:solid #EA2332 1px;
	border-bottom:solid #EA2332 1px;
	height:50px;
	display: inline-block;
	width: 836px;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 10px;
	margin-left: 0;
	padding-top: 1px;
	padding-right: 0;
	padding-bottom: 1px;
	padding-left: 0;
	clear: both;
	float: left;
}
ul#cat-menu li
{
	width:92px;
	height:50px;
	float:left;
	margin:0 1px 0 0;
	
}
ul#cat-menu li a
{
	width:92px;
	height:50px;
	display:block;
}
ul#cat-menu li a:hover
{
}

li#cat-menu1,li#cat-menu1 a:hover
{
	background-image: url(com-images/cat-menu1on.jpg);
	float: left;
}
li#cat-menu1 a
{
	background-image: url(com-images/cat-menu1.jpg);
	text-indent: -9999px;
}
li#cat-menu2,li#cat-menu2 a:hover
{
	background-image: url(com-images/cat-menu2on.jpg);
	float: left;
}
li#cat-menu2 a
{
	background-image: url(com-images/cat-menu2.jpg);
	clear: right;
	float: left;
	width: 92px;
	text-indent: -9999px;
}
li#cat-menu3,li#cat-menu3 a:hover
{
	background-image: url(com-images/cat-menu3on.jpg);	
}
li#cat-menu3 a
{
	background-image: url(com-images/cat-menu3.jpg);
	clear: right;
	float: left;
	width: 92px;
	text-indent: -9999px;
}
li#cat-menu4,li#cat-menu4 a:hover
{
	background-image: url(com-images/cat-menu4on.jpg);	
}
li#cat-menu4 a
{
	background-image: url(com-images/cat-menu4.jpg);
	clear: right;
	float: left;
	width: 92px;
	text-indent: -9999px;
}
li#cat-menu5,li#cat-menu5 a:hover
{
	background-image: url(com-images/cat-menu5on.jpg);	
}
li#cat-menu5 a
{
	background-image: url(com-images/cat-menu5.jpg);
	clear: right;
	float: left;
	width: 92px;
	text-indent: -9999px;
}
li#cat-menu6,li#cat-menu6 a:hover
{
	background-image: url(com-images/cat-menu6on.jpg);	
}
li#cat-menu6 a
{
	background-image: url(com-images/cat-menu6.jpg);
	clear: right;
	float: left;
	width: 92px;
	text-indent: -9999px;
}
li#cat-menu7,li#cat-menu7 a:hover
{
	background-image: url(com-images/cat-menu7on.jpg);	
}
li#cat-menu7 a
{
	background-image: url(com-images/cat-menu7.jpg);
	clear: right;
	float: left;
	width: 92px;
	text-indent: -9999px;
}
li#cat-menu8,li#cat-menu8 a:hover
{
	background-image: url(com-images/cat-menu8on.jpg);	
}
li#cat-menu8 a
{
	background-image: url(com-images/cat-menu8.jpg);
	clear: right;
	float: left;
	width: 92px;
	text-indent: -9999px;
}
ul#cat-menu li#cat-menu9
{
	background-image: url(com-images/cat-menu9on.jpg);	
	margin:0;
}
li#cat-menu9 a
{
	background-image: url(com-images/cat-menu9.jpg);
	clear: right;
	float: left;
	width: 92px;
	text-indent: -9999px;
}
li#cat-menu9 a:hover
{
	background-image: url(com-images/cat-menu9on.jpg);
}


#main
{
	width:645px;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 20px;
	padding-left: 0;
	float: left;
	right: 0px;
	margin-left: 5px;
	clear: right;
}
#cont9 {
	width: 836px;
}


.header-txt
{
	width:647px;
	height:49px;
	margin:0 0 10px 0;
	text-indent: -9999px;

}
.header-txt2
{
	width:319px;
	height:49px;
	margin:0 0 10px 0;
	text-indent: -9999px;
}

#new
{
	width: 645px;
	float: right;
}

#new h3
{
	background-image: url(com-images/header-new.gif);
}

#recommend
{
	float: right;
	width: 645px;
	clear: both;
}

#recommend h3
{
	background-image: url(com-images/header-recommned.gif);
}

#button-newlist
{
	width: 120px;
	height: 20px;
	margin: 0 263px 20px 264px;
	background-image: url(com-images/button-newlist-on.gif);
}
#button-newlist a
{
	display:block;
	width: 120px;
	height: 20px;
	background-image: url(com-images/button-newlist.gif);
	text-indent: -9999px;
}
#button-newlist a:hover
{
background-image: url(com-images/button-newlist-on.gif);
}

#button-recommendlist
{
	width: 120px;
	height: 20px;
	margin: 0 263px 20px 264px;
	background-image: url(com-images/button-reccomnedlist.gif);
	
}
#button-recommendlist a
{
	display:block;
	width: 120px;
	height: 20px;
	background-image: url(com-images/button-reccomnedlist.gif);
	text-indent: -9999px;
}
#button-recommendlist a:hover
{
background-image: url(com-images/button-reccomnedlist-on.gif);
}

.padd {
	margin:0px;
	padding: 0;
}



.txt {
	font-size: 12px;
	line-height: 140%;
	overflow: hidden;
	word-break: break-all;
}



.date {
	text-align: left;
	font-size: 10px;
	font-weight: none;
	color:#8EC323;
}

.item_wrapper{

padding:0 0 0 5px;

}



.at_item,.new_item{

width:100px;

float:left;

padding:3px;


}



.atimg,.newimg{

text-align:center;

}



.attxt,.newtxt{

padding:5px;

height:45
px;

line-height:140%;

text-align:center;

}



.attxt a:hover,.newtxt a:hover{
text-decoration:underline;
}



.footer_txt{
	clear:both;
	text-align:right;
	padding-top:2px;		/*3px→2pxに変更*/
	padding-bottom:5px;
	padding-right:10px;
}

.footer_txt a{
	background:#FFFFFF;
	padding-left:9px;
	padding-right:6px;
	color: #C73101;
}

.footer_txt a:hover{
text-decoration:underline;
color: #FF4F23;
}


#column
{
	width: 319px;
	float: left;
}

#attention
{
}
#attention h3
{
	background-image: url(com-images/header-attention.gif);
}

#attention ul
{
margin:0 0 20px 50px;
}
#attention ul li
{
	background-image: url(com-images/mark-attention.gif);
	background-repeat: no-repeat;
	background-position: 0;
	padding:10px 5px 10px 32px;
	border-bottom:solid #DDD 1px;
}


#ranking
{
}
#ranking h3
{
	background-image: url(com-images/header-rank.gif);
	
}
#ranking ul
{
margin:0 0 20px 50px;
}
#ranking ul li
{
	background-repeat: no-repeat;
	background-position: 0;
	padding:10px 5px 10px 32px;
	border-bottom:solid #DDD 1px;
}
.rank1
{
	background-image: url(com-images/rank1.gif);
}
.rank2
{
	background-image: url(com-images/rank2.gif);
}
.rank3
{
	background-image: url(com-images/rank3.gif);
}
.rank4
{
	background-image: url(com-images/rank4.gif);
}
.rank5
{
	background-image: url(com-images/rank5.gif);
}

#inquiry
{
	width: 319px;
	float: left;
	clear: right;
	margin-left: 7px;
}
#inquiry h3
{
background-image: url(com-images/header-inquiry.gif);
}
#inquiry p
{

margin:0 5px 10px 30px;
line-height:130%;

}

div#quest{
margin:0 5px 10px 30px;
width:284px;
}


#quest dt{
	margin:5px 0;
	padding-left:15px;
	background-image: url(com-images/mark-inq.gif);
	background-repeat: no-repeat;
	background-position: left;
}



.quest_submit{

text-align:center;

margin-top:5px;

}



.submit{

padding:3px;

}



.frm_name{
	width:260px;
	border:1px #666666 solid;
	padding-left:3px;
	padding-right:3px;
	background-color: #FFFFFF;
}
.frm_mail{

	width:260px;
	border:1px #666666 solid;
	padding-left:3px;
	padding-right:3px;
	background-color: #FFFFFF;
}
.frm_item{

	width:260px;
	border:1px #666666 solid;
	padding-left:3px;
	padding-right:3px;
	background-color: #FFFFFF;
}
.frm_text{
	width:260px;
	background:#FFFFFF;
	border:1px #666666 solid;
	padding-left:3px;
	padding-right:3px;
}


#sub
{
	width:180px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 20px;
	padding-left: 0px;
	float: left;
	margin: 0px;
}
.sub-header
{
	width:180px;
	height:48px;
	margin:0;
	text-indent: -9999px;
}

#default_item,#owner_item,#payment_box,#site_info
{
	float: left;
	width: 180px;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 10px;
	margin-left: 0;
	clear: left;
}
#default_item h3
{
	background-image: url(com-images/subheader-category.gif);
}
#owner_item h3
{
	background-image: url(com-images/subheader-feature.gif);
}
#payment_box h3
{
background-image: url(com-images/subheader-payment.gif);
}
#site_info h3
{
background-image: url(com-images/subheader-info.gif);
}
#default_item ul,#owner_item ul,#site_info ul
{
	float: left;
	width: 180px;
}
#default_item ul li,#owner_item ul li,#site_info ul li
{
	background-repeat: no-repeat;
	background-position: 0;
	padding:10px 5px 10px 20px;
	border-bottom:solid #DDD 1px;
	background-image: url(com-images/arrow1.gif);
}
#payment_box dl
{
	clear: left;
	float: left;
	width: 180px;
	padding-top: 10px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0;
}
#payment_box dt
{
	width: 180px;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 5px;
	margin-left: 0;
	clear: left;
}
#payment_box dd
{
	margin: 0 0 10px 0;
	text-align: center;
}

#content-footer
{
	background-image: url(com-images/footer-back.gif);
	height: 50px;
	width: 856px;
	margin-top: 0;
	margin-right: 7px;
	margin-left: 7px;
	padding: 0;
	margin-bottom: 20px;
}
#content-footer ul
{
	text-align: center;
	padding-top: 20px;
}
#content-footer ul li
{
	display: inline;
	margin: 0 1em;
	font-size: 11px;
}
#content-footer ul li a
{
	color: #FFFFFF;
}
#content-footer ul li a:hover
{
	color: #000000;
}

#footer
{
	width: 870px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	clear: both;

}
#footer address
{
	text-align:center;
	color: #666666;
	padding-right: 0;
	padding-bottom: 20px;
	padding-left: 0;
}