@charset "shift-jis";

/*
 * 全体的な設定
 */
*{
margin:0;
padding:0;
}
body{
margin:0 auto;
color:#333;
font-size:0.8em;
line-height:1.6;
}
h1{
margin:6px auto 0 auto;
padding:0;
font-size:12px;
font-weight:normal;
text-align:right;
}
img{
border:0;
}
a{
color:#333;
text-decoration:underline;
}
a:hover{
text-decoration:none;
}
.clearfix:after{
content: url("../image/space.png");
display: block;
clear: both;
height: 0;
}
.clearfix{
zoom:1;
display:inline-table;
}
* html .clearfix{
height:1%;
}
.clearfix{
display:block;
}
.wrap{
margin:0 auto;
width:1000px;
}
.myimage{
margin:6px auto;
text-align:center;
}

.header{
width:100%;
height:140px;
}

.header_l{
float:left;
width:50%;
}
.header_r{
float:right;
width:40%;
padding-top:40px;
padding-right:40px;
text-align:right;
}

ul.hmenu{
padding-left:20px;
}

.hmenu li{
	list-style-type:none;
	width:240px;
	height:40px;
	float:left;
}
.hmenu a{
	display:block;
	height:100%;
}
li.mPen a{
	background:url("../image/menu_pen.png") no-repeat 0px 0px;
	width:240px;
	height:40px;
}
li.mPen a:hover{
	background:url("../image/menu_pen.png") no-repeat 0px -40px;
}
li.mGum a{
	background:url("../image/menu_gum.png") no-repeat 0px 0px;
	width:240px;
	height:40px;
}
li.mGum a:hover{
	background:url("../image/menu_gum.png") no-repeat 0px -40px;
}
li.mKey a{
	background:url("../image/menu_key.png") no-repeat 0px 0px;
	width:240px;
	height:40px;
}
li.mKey a:hover{
	background:url("../image/menu_key.png") no-repeat 0px -40px;
}
li.mIpod a{
	background:url("../image/menu_ipod.png") no-repeat 0px 0px;
	width:240px;
	height:40px;
}
li.mIpod a:hover{
	background:url("../image/menu_ipod.png") no-repeat 0px -40px;
}
.mainarea{
margin:0 auto;
width:940px;
}
.leftarea{
float:left;
padding-top:20px;
width:220px;
}
.rightarea{
float:right;
padding-top:20px;
width:720px;
}
.toplist{
margin-bottom:30px;
}
.topitem{
float:left;
margin:0 10px;
padding-top:10px;
width:220px;
height:360px;
background:#fff url("../image/top_item.png") 0 0 no-repeat;
}
.footer{
margin:20px auto;
text-align:center;
}
.t_name{
margin:8px;
padding:8px 0;
border-top:1px solid #999;
border-bottom:1px solid #999;
}
.t_price{
margin:6px 8px;
color:red;
font-size:20px;
font-weight:bold;
font-family: Arial, 'ＭＳ Ｐゴシック', sans-serif;
}
.t_detail{
width:100%;
height:30px;

background-color:#ccc;
}
.vMenu ul{
list-style:none;
margin:10px 0;
margin-left:10px;
width:210px;
}
.vMenu li{
padding:10px 5px;
border:1px solid #999;
border-bottom:none;
width:190px;
}
.vMenu li.last{
border-bottom:1px solid #999;
}
.vMenu a{
color:blue;
}
.picArea table{
margin:10px auto;
}
.textArea{
width:700px;
margin:0 auto;
}
.textArea h2, .textArea h3{
height:30px;
margin-bottom:10px;
padding-left:14px;
padding-top:4px;
font-size:14px;
font-weight:bold;
background:#fff url("../image/label_back.png") 0 0 no-repeat;
color:black;
}
.textArea p.label {
margin-bottom:10px;
padding:6px;
border-bottom:1px solid #999999;
color:red;
font-size:14px;
font-weight:bold;

}
.textArea p.text {
margin-bottom:20px;
}
p.man{
margin-bottom:10px;
padding:6px 0;
padding-left:30px;
background:#fff url("../image/man.gif") 0 0 no-repeat;
font-weight:bold;
border-bottom:1px solid #999999;

}
p.woman{
margin-bottom:10px;
padding:6px 0;
padding-left:30px;
background:#fff url("../image/woman.gif") 0 0 no-repeat;
font-weight:bold;
border-bottom:1px solid #999999;
}

table.spec{
margin:10px auto;
border-collapse:collapse;
border:1px solid #999999;
}
.spec td{
padding:6px;
border:1px solid #999999;
}
.specName{
width:160px;
}
.specComment{
width:400px;

}
.specBg{
background-color:#FFE5CB;
}

.itemName{
margin:4px 0;
font-size:16px;
font-weight:bold;
}
.itemPrice{
margin-top:4px;
margin-bottom:20px;
color:red;
font-size:20px;
font-weight:bold;
font-family: Arial, 'ＭＳ Ｐゴシック', sans-serif;
}
.itemInfo{
width:500px;
margin:20px auto;
border:2px solid #999999;
padding:10px;
}

.itemLast{
margin:20px 0;
border:2px solid #999999;
}

.itemLastLeft{
float:left;
width:340px;
padding:10px;
}

.itemLastRight{
float:right;
width:320px;
padding-top:20px;
}