@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:600px;
	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 table#taxido{
	width:600px;
	margin-left:40px;
	margin-right:20px;
}

div#container div#content div#main_area table#taxido td{
	height:120px;
}

div#container div#content div#main_area table#taxido td ul.taxido_text{
	font-size:1.2em;
}

div#container div#content div#main_area table#taxido td ul.taxido_text li.title{
	color: #7e6b5a;
	font-weight:bold;
}

/* ------------------------------------------------------ taxido */
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;
	
}