@charset "UTF-8";
/* CSS Document for dress */

@import url(../css/sub_content.css);

/* ------------------------------------------------------ sub_menu */

div#container div#content div#side_area {
	clear:both;
	width: 220px;
	height: 543px;
	background: url(../common/images/sub_menu_bg.gif) no-repeat;
}

div#container div#content div#side_area ul#menu_dress {
	margin:60px 10px;
}

div#container div#content div#side_area ul#menu_dress li {
	clear:both;
}

div#container div#content div#side_area ul#menu_dress li.bar {
	height: 50px;
	background: url(../common/images/sub_menu_bar.gif) bottom no-repeat;
}

div#container div#content div#side_area ul#menu_dress li a {
	width: 200px;
	height: 25px;
	display: block;
	text-decoration: none;
	background-position: 0 0;
}

div#container div#content div#side_area ul#menu_dress li#index a {
	background-image: url(../dress/images/menu_index.gif);
}

div#container div#content div#side_area ul#menu_dress li#naoco a {
	background-image: url(../dress/images/menu_naoco.gif);
}

div#container div#content div#side_area ul#menu_dress li#taxido a {
	background-image: url(../dress/images/menu_taxido.gif);
}


div#container div#content div#side_area ul#menu_dress li a:link,
div#container div#content div#side_area ul#menu_dress li a:visited {
	background-position: 0 0;
}

div#container div#content div#side_area ul#menu_dress li a:hover,
div#container div#content div#side_area ul#menu_dress li a:active {
	background-position: -200px 0;
}

div#container div#content div#side_area ul#menu_dress li a.active {
	background-position: -400px 0 !important;
}


/* ------------------------------------------------------ common */
div#container div#content div#main_area p.about {
	width:580px;
	margin:20px 0 20px 40px;
}


/* ------------------------------------------------------ index */
div#container div#content div#main_area h3#index {
	background-image:url(../dress/images/index_h3.gif);
}

div#container div#content div#main_area img#index_main_img {
	width:640px;
	height:229px;
	padding:0;
	margin:0;
	vertical-align:bottom;
}

div#container div#content div#main_area div#index_main_txt {
	width:640px;
	min-height:200px;
	margin:0;
	text-align:right;
	background:url(../dress/images/index_main_txt.jpg) top left no-repeat;
}

div#container div#content div#main_area p#index_main_p {
	width:350px;
	margin:  0 40px 20px 20px;
	float:right;
	color:#362e2b;
	display:inline;
}

div#container div#content div#main_area div.index_pickup {
	width:610px;
	height:280px;
	margin: 20px 20px 10px 20px;
}

div#container div#content div#main_area div.index_pick_left {
	width:295px;
	height:280px;
	border-right:#CCCCCC 1px solid;
	border-bottom:#CCCCCC 1px solid;
	float:left;
}

div#container div#content div#main_area div.index_pick_right {
	width:295px;
	height:280px;
	border-right:#CCCCCC 1px solid;
	border-bottom:#CCCCCC 1px solid;
	float:right;
}

div#container div#content div#main_area div.index_pickup div p.pick_txt_left {
	width:160px;
	margin: 50px 40px 10px 5px;
	float:left;
	font-size:1.2em;
	color:#7e6b5a;
}

div#container div#content div#main_area div.index_pickup div p.pick_txt_right {
	width:160px;
	margin: 50px 5px 10px 40px;
	float:right;
	font-size:1.2em;
	color:#7e6b5a;
}

div#container div#content div#main_area div.index_pickup div#cute {
	background:url(../dress/images/index_cute.jpg) right bottom no-repeat;
}

div#container div#content div#main_area div.index_pickup div#cute h5 {
	width:295px;
	height:30px;
	margin:0;
	background:url(../dress/images/index_cute_h5.gif) left top no-repeat;
}

div#container div#content div#main_area div.index_pickup div#stylish {
	background:url(../dress/images/index_stylish.jpg) right bottom no-repeat;
}

div#container div#content div#main_area div.index_pickup div#stylish h5 {
	width:295px;
	height:30px;
	margin:0;
	background:url(../dress/images/index_stylish_h5.gif) left top no-repeat;
}

div#container div#content div#main_area div.index_pickup div#high_waist {
	background:url(../dress/images/index_high_waist.jpg) left bottom no-repeat;
}

div#container div#content div#main_area div.index_pickup div#high_waist h5 {
	width:295px;
	height:30px;
	margin:0;
	background:url(../dress/images/index_high_waist_h5.gif) left top no-repeat;
}

div#container div#content div#main_area div.index_pickup div#gorgeous {
	background:url(../dress/images/index_gorgeous.jpg) left bottom no-repeat;
}

div#container div#content div#main_area div.index_pickup div#gorgeous h5 {
	width:295px;
	height:30px;
	margin:0;
	background:url(../dress/images/index_gorgeous_h5.gif) left top no-repeat;
}

div#container div#content div#main_area div.dress_list {
	width:610px;
	margin: 20px 20px 10px 40px;
}

/* ------------------------------------------------------ taxido */
div#container div#content div#main_area h3#taxido {
	background-image:url(../dress/images/taxido_h3.gif);
}

div#container div#content div#main_area img#taxido_main_img {
	width:640px;
	height:229px;
	padding:0;
	margin:0;
	vertical-align:bottom;
}

div#container div#content div#main_area div#taxido_main_txt {
	width:640px;
	min-height:200px;
	margin:0;
	text-align:right;
	background:url(../dress/images/taxido_main_txt.jpg) top left no-repeat;
}

div#container div#content div#main_area p#taxido_main_p {
	width:280px;
	margin:  10px 20px 20px 40px;
	float:left;
	color:#000;
	display:inline;
}

div#container div#content div.taxido_wrapper {
	clear:both;
	margin: 10px 20px 20px 40px;
	padding-bottom:20px;
	border-bottom:#ccc 1px solid;
	min-height: 300px;
	height: auto !important;
	height: 300px;	
}

div#container div#content div.taxido_wrapper div.right{
	width:360px;
	float:right;
}


div#container div#content div.taxido_wrapper div.left{
	width:220px;
	float:left;
	position:relative;
}

div#container div#content div.taxido_wrapper div.icon{
	position:absolute;
	left:-30px;
	top:-10px;
}

div#container div#content div.taxido_wrapper h5 {
	padding: 10px 0 10px 10px;
	border-bottom:#ccc 3px double;
}

div#container div#content div.taxido_wrapper p.price{
	width:auto;
	float:right;
	padding: 0 15px;
	border-bottom:#ccc 3px double;
}

div#container div#content div.taxido_wrapper div.right a{
	clear:both;
	float:right;
	font-size:1.1em;
}

div#container div#content div#main_area p.jp_yen{
	float:right;
	font-size:1.2em;
	margin: 0 0 30px 0;
	overflow:hidden;
}

/* ------------------------------------------------------ naoco */
div#container div#content div#main_area h3#naoco {
	background-image:url(../dress/images/naoco_h3.gif);
}

div#container div#content div#main_area h4#pick_dress {
	border:none;
	width:400px;
	height:100px;
	margin: 0;
	background-image:url(../dress/images/naoco_pick_dress.gif);
	background-repeat:no-repeat;
	
}