@charset "utf-8";

/* -----------------------------------------------
FileName: style.css
----------------------------------------------- */


/*** TOP PAGE  **********************************************/

#mainimageArea {
    float: left;
	width: 630px;
	height: 380px;
	background: url(../images/mainimage.jpg) no-repeat 0 0;
}
#mainimageArea h2 { visibility:hidden; height: 100px;}
#mainimageArea h5 { visibility:hidden; height: 160px;}

#mainimageArea #topnavi {
	background: url(../images/mainnavi.jpg) no-repeat 0 0;
	height: 110px;
	text-align: right;
}
#mainimageArea #topnavi em {display: block;visibility:hidden; height: 67px;}
#mainimageArea #topnavi p { margin-right: 35px;}

#logoarea {
     float: right;
     width: 225px;
     background: url(../images/m&vlogo_top.jpg) no-repeat 0 0;
}
#logoarea h1 {visibility:hidden; height: 115px;}
#logoarea dl { width: 196px; margin: 0 auto; text-align:center;}
#logoarea dl.tryon { background: url(../images/dotbar.gif) repeat-x 0 -5px; padding-top: 10px; margin-top: 5px;}


/** ▼List_Accordion **/
dl#accordion { width: 860px; margin: 0 auto;}
dl#accordion dt { clear:both;}
.accordion_toggle {
			display: block;
			height: 30px;
			width: 820px;
			background: url(../images/listtitle_off.gif) no-repeat top left;
			padding: 0px;
			cursor: pointer;
			margin: 0 0 0 0;
			border-bottom: 1px solid #7F1917;
			padding: 6px 0 0 40px;
		}
.accordion_toggle_active {
			background: url(../images/listtitle_on.gif) no-repeat top left;
			color: #ffffff;
			border-bottom: 1px solid #7F1917;
		}
.accordion_content {
			background: #F9F7F0 url(../images/listcont_bg.jpg) repeat-x left top;
			overflow: hidden;
		}
.accordion_content .listcontainer {display: block;width: 800px;margin: 0 auto;}
.accordion_content .topbtn {
	text-align: right;
	background: url(../images/listcont_bar.gif) repeat-x left bottom;
	padding-bottom: 8px;
	margin: 15px 0;
}
.accordion_content .comment {float: left;width: 400px;margin: 0 0 20px 20px;}
* html .accordion_content .comment {margin-left: 10px;}

.accordion_content .listimage {float: right;width: 350px;margin: 0 20px 20px 0;}* html .accordion_content .listimage {margin-right: 10px;}
.accordion_content .comment .contbtn {display: block; margin-top: 15px;}
.accordion_content .comment .contbtn img {margin-right: 10px;}

/** ▼Bottom Contact Plate **/
#contact {
	background: url(../images/contact_bg.gif) no-repeat center top;
	margin-top: 10px;
	padding: 30px;
}
#contact #shopname {
	background: url(../images/contact_logo.gif) no-repeat 5px 10px;
	float: left;
	width: 420px;
}
#contact #shopname h4 {
	position: absolute;
	width: 195px;
	height: 90px;
	visibility:hidden;
}
#contact #shopname h5 {
	position: relative;
	left: 200px;
	width: 225px;
	margin-top: 5px;
	text-align:center;
}
#contact #shopname h5 a {
	background: url(../images/allow.gif) no-repeat 0 3px;
	padding: 0 0 3px 17px;
	font-weight: normal;
	font-size: 100%;
	display:inline-block;
}
#contact #shopname h5 a, x:-moz-read-only {background-position: 0 0;}
*:first-child+html #contact #shopname h5 a { background-position: 0 4px; }

#contact #contactnavi { float: right; width: 370px;}
#contact #contactnavi p { margin-bottom: 10px;}
#contact #contactnavi #tryon {
	clear: both;
	background: url(../images/contact_tryon.gif) no-repeat 0 5px;
        /background: url(../images/contact_tryon.gif) no-repeat 0 12px;
	border-top: 1px dotted #CCCCCC ; 
	padding: 5px 0 0 140px;
}
#contact #contactnavi #tryon em { visibility:hidden;}
/** ▲Bottom Contact Plate **/

/** ▼Room to Read Box **/
#rtrbox {
     background: url(../images/rtr_bg.gif) no-repeat center bottom;
	 width: 842px;
	 margin: 0 auto;
}
#rtrbox #rtrlogo {
    float: right;
	background: url(../images/rtr_mark.gif) no-repeat right top;
	width: 256px;
	height: 100px;
	padding: 180px 0 0 0;
	margin: 20px 20px 0;
}
#rtrbox #rtrlogo a {
    background: url(../images/allow2.gif) no-repeat 0 3px;
	padding: 0 0 0 15px;
	font-weight: normal;
        font-size: 100%;
	display:inline-block;
	width : 185px;
	margin-left: 25px;
}

#rtrbox #rtrlogo a, x:-moz-read-only {padding-bottom: 5px; display:block;}

/** ▲Room to Read Box **/

/** ▼PageTop **/
.pagetop {
	clear: both;
	background: url(../images/dotbar.gif) repeat-x left bottom;
	text-align: right;
	padding-bottom: 8px;
	margin: 20px 0;
}
.pagetop a {
	background: url(../images/allowup.gif) no-repeat 0 3px;
	padding-left: 15px;
	display:inline-block;
	font-size: 100%;
}
.pagetop a:hover { text-decoration:none;}




/*** ITEM LIST PAGE  **********************************************/

/** Header_GlobalMenu START **/

#listhead {
	background: url(../images/contact_bg.gif) no-repeat 0 0;
	padding: 25px;
}

#listhead ul {background: url(../images/list_listmenu_top.gif) no-repeat center top; width:820px; margin: 0 auto; padding-top: 1px;}
#listhead ul li {
    float:left;
	height: 50px;
	margin-bottom: 20px;
}
#listhead ul li a {
    display:block;
	overflow: hidden;
	width :100%;
	height: 0 !important;
	padding-top: 50px;
	background: url(../images/list_listmenu.gif) no-repeat 0 0;
}

/* OFF MOUSE */
#listhead ul li#navi01 a { background-position: 0 0; width: 91px;}
#listhead ul li#navi02 a { background-position: -91px 0; width: 170px;}
#listhead ul li#navi03 a { background-position: -261px 0; width: 170px;}
#listhead ul li#navi04 a { background-position: -431px 0; width: 170px;}
#listhead ul li#navi05 a { background-position: -601px 0; width: 170px;}

/* ON MOUSE */
#listhead ul li#navi01 a:hover { background-position: 0 -51px;}
#listhead ul li#navi02 a:hover { background-position: -91px -51px;}
#listhead ul li#navi03 a:hover { background-position: -261px -51px;}
#listhead ul li#navi04 a:hover { background-position: -431px -51px;}
#listhead ul li#navi05 a:hover { background-position: -601px -51px;}

/** Header_GlobalMenu END **/

#listarea {width: 860px; margin: 0 auto;}
#listarea h3 { clear:both;}
#listarea .listcontainer2 {background: #F9F7F0 url(../images/listcont_bg.jpg) repeat-x left top;padding: 29px;}
#listarea ul {background: #F9F7F0 url(../images/list_border.gif) repeat-y center top;}
#listarea li {
     float: left;
	 width: 160px;
	 
}
#listarea li p {width: 130px; margin: 0 auto 5px;}
#listarea .thumb img {border: 1px solid #DDDDDD;}
#listarea p.brand { background-color:#66A47D; width: 120px; padding: 4px 5px; color:#FFFFFF; line-height: 1;}

#listarea .size {
	background: url(../images/list_head_size.gif) no-repeat 0 0;
        /background-position: 0 0;
	padding: 0 0 0 25px;
	margin-right: 5px;
}
#listarea .type {
	background: url(../images/list_head_type.gif) no-repeat 0 0;
        /background-position: 0 0;
	padding: 0 0 0 30px;
	margin-right: 3px;
}