@charset "utf-8";
/* CSS Document */

* {
margin: 0;
padding: 0;
}

p {
line-height: 1.5em;
}

img {
border: none;
vertical-align: top;
}

ul,li {
list-style: none;
}

a {
color: #0000FF;
text-decoration: none;
} 

a:hover {
color: #0000FF;
text-decoration: underline;
}

.clear hr{
clear: both;
border: 1px solid #ffffff;
}


hr.clear {
clear: both;
border: 1px solid #ffffff;
}

body{
	font-size: 0.8em;
	text-align: center;
	background-color: #000000;
}

#all{
	width: 980px;
	margin: 0px auto;
	background-color: #ffffff;
	text-align:left;
}






/*---------------------------------
header
----------------------------------*/

#header{
	width: 945px;
	margin: 0px 17px;
	height: 65px;
	overflow: hidden;
}

#catch{
	margin: 0px 0px 0px 20px;
	padding: 0px;
}

#header h1 a{
	margin: 4px 0px 0px 6px;
	height: 54px;
	width: 317px;
	float: left;
	background: url(../images/common/logo.gif) no-repeat;
	text-indent: -999em;
}

#header #infomation{
	float: right;
}

#header ul{
	margin: 7px 0 5px;
}

#header ul li{
	display: inline;
	color: #f31588;
}

#header ul li a{
	text-decoration: none;
	color: #f31588;
}

#header #reserve {
	width: 278px;
	float: right;
	overflow: hidden;
}
#header .btn {
	float: left;
}

#header .tel {
	float: right;
	line-height: 16px;
	letter-spacing: 1px;
}
#header .tel span {
	font-size: 14px;
}

#header p span{
	color: #e5007f;
	background-color:#ffffff;
	margin: 0px 3px 0px 0px;
	padding: 2px 2px 2px 2px;
}


/*---------------------------------
g_navi
----------------------------------*/

#g_navi {
	width: 943px;
	height: 40px;
	margin: 0 auto 17px;
	border: solid 1px #b01c2a;
	background: url(../images/common/menu_bg.gif) repeat-x;
}

ul.menu {
	list-style: none;
	display: block;
}
ul.menu a {
	display: block;
}

ul.menu li {
	position: relative;
	float: left;
	list-style: none;
	z-index:10;
}
ul.menu ul {
	position: absolute;
	left: 0;
	display: none;
	opacity:0;
	list-style:none
}
ul.menu ul a {
	zoom: 1;
} /* IE6/7 fix */

ul.menu ul li {
	position: relative;
	width: 100%;
	line-height: 24px;
	border: solid 1px #f73097;
	border-bottom: dotted 1px #ffffff;
}
ul.menu ul li a:link, ul.menu ul li a:visited, ul.menu ul li a:active {
	display: block;
	color: #ffffff;
	padding: 0px 0px 0px 13px;
	background: url(../images/common/icon_menu.gif) no-repeat 3px center #f73097;
}
ul.menu ul li a:hover {
	color: #f73097;
	background: url(../images/common/icon_menu_over.gif) no-repeat 3px center #ffffff;
}

ul.menu li.top {
	width: 155px;
}
ul.menu li.top ul {
	width: 153px;
}
ul.menu li.dress {
	width: 159px;
}
 ul.menu li.dress ul {
 	width: 157px;
}
ul.menu li.goods {
	width: 157px;
}
ul.menu li.goods ul {
	width: 155px;
}
ul.menu li.system {
	width: 158px;
}
ul.menu li.system ul {
	width: 156px;
}
ul.menu li.shop {
	width: 159px;
}
ul.menu li.shop ul  {
	width: 157px;
}
ul.menu li.contact {
	width: 155px;
}
ul.menu li.contact ul {
	width: 153px;
}




/*---------------------------------
banner_area
----------------------------------*/
#banner_area{
	clear: both;
	background: url(../images/bg_head_bnr.gif);
	padding: 5px 5px 3px 5px;
	margin: 0px 17px 17px 17px;
}

#banner_area ul li{
	display: inline;
	margin: 0px 3px 0px 0px;
}







/*---------------------------------
main
----------------------------------*/

#wrapper_top {
	width: 945px;
	margin: 0 auto;
	overflow: hidden;
}
#wrapper_top h2 {
	padding: 5px;
	line-height: 20px;
	font-size: 14px;
	font-weight: normal;
	letter-spacing: 1px;
	background: url(../images/common/bg_h2.gif) repeat-x left bottom;
}


#main_topics{
	width: 945px;
	overflow: hidden;
	margin: 0 auto 17px;
}

#main_topics #main_image{
	float: left;
	width: 710px;
	overflow: hidden;
}
#main_topics #main_image #nijikai{
	float: left;
	height: 235px;
}
#main_topics #main_image #party{
	float: right;
	height: 235px;
}
#main_topics #sub_contents{
	float: right;
	width: 235px;
}
#main_topics #sub_contents ul li{
	list-style: none;
	display: inline;
	width: 235px;
}

#wrapper_top #top_main_select .main_select_item {
	width: 162px;
	float: left;
	margin: 0px 33px 0px 0px;
}
#wrapper_top #top_main_select .main_select_item_last{
	width: 162px;
	float: left;
	margin: 0px 0px 0px 0px;
}

#wrapper_top #btns {
	width: 945px;
	overflow: hidden;
	margin: 17px 0;
}

#wrapper_top #btns ul li {
	float:left;
	margin: 0 16px 0 0;
}
#wrapper_top #btns ul li.right {
	float:left;
	margin: 0;
}

#top_main {
	width: 560px;
	float: left;
}
#top_main .main_select {
	margin: 0 0 30px;
}

#top_sidebar {
	width: 360px;
	float: right;
}
#top_sidebar #main_topics_news h2{
	color: #e5007f;
	margin: 0 0 2px;
}
#top_sidebar #main_topics_news dl{
	width: 337px;
	height: 248px;
	padding: 10px;
	overflow: auto;
	border: 1px solid #cccccc;
}
#top_sidebar #main_topics_news dt{
	float: left;
	width: 65px;
	margin: 0 0 15px;
}
#top_sidebar #main_topics_news dd{
	float: right;
	width: 245px;
}
#top_sidebar #main_topics_news hr.clear {
	border-bottom: dotted 1px #b9b9b9;
	margin: 0 0 10px;
}
#top_sidebar #ranking {
	margin: 30px 0 0;
}
#top_sidebar #ranking .ranking {
	background: #ebebeb;
	width: 360px;
	overflow: hidden;
	margin: 5px 0 7px;
}
#top_sidebar #ranking .ranking img {
	float: left;
}
#top_sidebar #ranking .ranking .text {
	float: right;
	width: 170px;
	margin: 5px 14px 0 0;
}
#top_sidebar #ranking .ranking .text p {
	font-size: 14px;
	margin: 0 0 10px 0;
}
#top_sidebar #banners {
	width: 360px;
	overflow: hidden;
	margin: 5px 0 10px;
}
#top_sidebar #banners a {
	color: #e5007f;
}
#top_sidebar #banners .left {
	float: left;
}
#top_sidebar #banners .right {
	float: right;
}


#wrapper_main{
	width: 757px;
	float: left;
	margin: 0px 0px 17px 17px;
}


#main_select{
	clear: both;
	padding: 13px 0px 0px 0px;
}

#main_select h3.subtitle {
	padding: 3px 7px;
	margin: 30px 0px 0px 0px;
	line-height: 18px;
	background: #FD6967;
	color: #ffffff;
}
#main_select h3.subtitle span {
	margin: 0 0 0 20px;
	font-size: 12px;
	font-weight: normal;
}

.main_select_item{
	width: 163px;
	float: left;
	margin: 20px 35px 0px 0px;
}

.main_select_item_last{
	width: 163px;
	float: left;
	margin: 20px 0px 0px 0px;
}

.main_select_item p,
.main_select_item_last p{
	background-color: #ebebeb;
	padding: 10px;
	font-size:0.9em;
}
.main_select_item p.recommend,
.main_select_item_last p.recommend{
	font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	background: url(../images/bg_recommend.jpg) #ffffff no-repeat;
	padding: 25px 5px 0 5px;
	height: 135px;
	font-size:0.9em;
}
.hairset a{
	background-color: #e50077;
	padding: 0px 2px 0px 2px;
	color: #ffffff;
	font-size:0.75em;
	text-decoration: none;
}

.icon_new{
	font-family: Arial;
	border: 1px solid #e50077;
	padding: 0px 2px 0px 2px;
	color: #e50077;
	font-size:0.75em;
	text-decoration: none;
	margin: 0px 0px 0px 2px;
}


/*---------------------------------
item
----------------------------------*/
#item_main{
	width: 757px;
	margin: 0px 0px 30px 0px;
	overflow: auto;
}

#item_main .item_name {
font-size: 1.1em;
line-height: 16px;
padding: 0px 0px 5px 20px;
margin: 0px 0px 20px 0px;
background: url(../images/h2_bg.gif) no-repeat;
border-bottom: 1px solid #ff0066;
}

.item_main_image{
	width: 395px;
	float: left;
}

.item_main_text{
	width: 340px;
	float: right;
}

.item_main_text p{
	margin: 0px 0 30px 0;
}

.item_main_text table {
	margin: 0px 0 30px 0;
	width: 100%;
	border-collapse: collapse;
	border: 1px solid #d3d3d3;
	text-align: left;
}

.item_main_text table th{
	width: 30%;
}

.item_main_text table td{
	width: 70%;
}

.item_main_text table th,
.item_main_text table td {
	padding: 5px 10px;
	line-height: 14px;
}

span.price{
	font-size: 1.1em;
	font-weight: bold;
	color: #e5004f;
}





/*---------------------------------
sidebar
----------------------------------*/
#sidebar{
	width: 172px;
	float: right;
	margin: 0px 17px 17px 0px;
}

#sidebar_main_menu{
	background: url(../images/title_sidebar_mainmenu.gif) no-repeat top left;
	padding: 38px 0px 0px 0px;
	margin: 0px 0px 17px 0px;
}

#sidebar_main_menu ul{
	background-color: #666666;
	padding: 5px 5px 0px 5px;
	border-top: 1px solid #ffffff;
}

#sidebar_main_menu ul li{
	background-color: #ffffff;
	padding: 7px;
	border-bottom: 5px solid #666666;
}

#sidebar_main_menu ul li a{
	color: #e5007f;
	border-left: 2px solid #e5007f;
	text-decoration: none;
	padding: 5px;
}

.sidebar_bnr p{
	margin: 0px 0px 7px 0px;
}

.sidebar_bnr p a{
	color: #e5007f;
	text-decoration: none;
}








/*---------------------------------
footer
----------------------------------*/
#footer{
	clear: both;
	margin: 0px 17px 0px 17px;
	background-color:#333333;
	padding: 20px;
	color: #ffffff;
	text-align: center;
}

#footer ul{
	margin: 0px 0px 10px 0px;
}

#footer ul li{
	display: inline;
}

#footer ul a{
	color: #ffffff;
	text-decoration: none;
}










































/*-----------plan-------------*/

.plan {
margin: 10px 0 20px 0;
color:#000000;
}

.plan h3 {
border-bottom: 2px solid #ad9e5b;
font-weight: bold;
font-size: 14px;
text-indent: 15px;
line-height: 20px;
background: url(../images/common_ico.jpg) left center no-repeat;
}

.plan dl {
border: 1px solid #666666;
width: 330px;
}

.plan dt {
background: #FF7473;
text-align: center;
font-weight: bold;
color:#FFFFFF;
line-height: 25px;
}

.plan dd {
border-bottom: 1px dashed #cccccc;
padding: 0 0 0 10px;
line-height: 25px;
}

.plan_inner {
margin: 15px 0 0 0;
}

.plan_inner_l {
width: 300px;
float: left;
}

.plan_inner_l p {
text-align: center;
}

.plan_inner_r {
width: 360px;
float: right;
text-align: left;
}

.plan_inner_r table {
margin: 0 0 15px 0;
border-collapse: collapse;
border: 1px solid #ffffff;
width: 100%;
}

.plan_inner_r th {
padding: 5px 0;
color: #000000;
font-weight:bold;
text-align: left;
background: #ffffff;
}

.plan_inner_r td {
padding: 3px 5px;
vertical-align: top;
line-height: 18px;
}

.plan_f_box {
width: 650px;
padding:720px 10px 0 10px;
text-align: left;
}
.plan_f_box p {
font-size: 10px;
line-height: 12px;
margin-bottom: 3px;
}

/*-----------event-------------*/

.event_box {
width: 662px;
}

.event_box table {
margin: 1px 0 0 0;
text-align: center;
background:#ffffff;
width: 661px;
vertical-align: top;
}
.event_box table table {
margin: 0;
border: 0;
width: auto;
vertical-align: top;
}

.event_box td {
padding: 10px 5px;
vertical-align: top;
}

.event_box td td {
padding: 0;
vertical-align: top;
}

/*-----------shop-------------*/

#shop_bnr li {
display: inline;
}

#shop h3 {
margin: 15px 0 0 0;
}

.shop_inner {
padding: 10px;

}

.shop_inner h4 {
width: 647px;
border-bottom: 2px solid #ad9e5b;
font-weight: bold;
font-size: 14px;
text-indent: 15px;
line-height: 20px;
background: url(../images/common_ico.jpg) left center no-repeat;
}

.shop_inner table {
margin: 10px 0 0 0;
border-collapse: collapse;
width: 100%;
text-align: left;
}

.shop_inner table table {
margin: 0;
}

.shop_inner td {
width: 50%;
padding: 0 0 10px 0;
vertical-align: top;
line-height: 18px;
}

.shop_inner td td {
width: 0;
padding: 5px;
}

/*-----------policy-------------*/

.policy {
margin: 15px 0 0 0;
padding: 0 10px;
}

.policy h3 {
width: 650px;
border-bottom: 2px solid #ad9e5b;
font-weight: bold;
font-size: 14px;
text-indent: 15px;
line-height: 20px;
background: url(../images/common_ico.jpg) left center no-repeat;
}

.policy table {
margin: 10px 0 0 0;
width: 100%;
}

.policy table table {
margin: 0;
}

.policy td {
padding: 3px;
line-height: 16px;
vertical-align: top;
}

.policy ul {
margin: 10px 0 10px 25px;
}

.policy li {
list-style: circle;
}

/*-----------sitemap-------------*/

#sitemap {
margin: 0 0 0 0px;
}

#sitemap dt {
margin: 0 0 5px 0;
width: 670px;
border-bottom: 1px solid #998F72;
text-indent: 15px;
line-height: 30px;
background: url(../images/common_ico.jpg) left center no-repeat;
}

#sitemap dd {
margin: 0 0 5px 0;
text-indent: 1.5em;
line-height: 20px;
}

#sitemap a {
color: #333333;
text-decoration: none;
}

/*-----------Dress-------------*/

.main_inner {
margin: 15px 0 0 0;
width: 670px;
}

.main_inner .table1 {
width: 100%;
}

.main_inner .table2 {
height: 337px;
}

.main_inner table table {
height: auto;
}

.table1 th {
padding: 5px;
color: #ff3364;
background: url(../images/th_bg.gif) repeat-x left center;
text-align: left;
vertical-align: middle;
}

.table2 th {
padding: 0 0 0 5px;
color: #ff3364;
background: url(../images/th_bg.gif) repeat-x left center;
text-align: left;
height: 25px;
vertical-align: middle;
}

.main_inner td {
padding: 5px;
line-height: 18px;
vertical-align: top;
}

/*-----------Detail-------------*/

#lower {
margin: 0 auto;
padding: 0 0 20px 50px;
} 

#lower #main{
width: 670px;
}

#lower .item_name {
height: 24px;
font-size: 14px;
line-height: 16px;
text-indent: 27px;
margin: 0px 0px 20px 0px;
background: url(../images/h2_bg.jpg) no-repeat;
}

#lower #main #detail_table1 {
width: 670px;
border-collapse: collapse;
border: 1px solid #d3d3d3;
text-align: center;
background: #ebe7db;
}

#lower #main #detail_table1 td {
width: 50%;
padding: 15px 0;
}

#lower #main #detail_table2 {
margin: 30px 0;
border-collapse: collapse;
}

#lower #main #detail_table2 td {
width: 50%;
vertical-align: top;
line-height: 24px;
}

#lower #main #detail_table2 table {
width: 100%;
border-collapse: collapse;
border: 1px solid #d3d3d3;
text-align: left;
}

#lower #main #detail_table2 table th,
#lower #main #detail_table2 table td {
padding: 5px 10px;
line-height: 14px;
}

#lower #main #detail_table2 td.btn {
	padding: 15px 0 0 0;
	vertical-align: bottom;
	width: 330px;
}

#lower #main #detail_table3 {
margin: 15px 0 40px 40px;
width: 590px;
border-collapse: collapse;
border: 1px solid #d3d3d3;
background: #ebe7db;
}

#lower #main #detail_table3 td {
padding: 15px 32px;
width: 33%;
line-height: 24px;
vertical-align: top;
}


#lower ul#select {
margin: 15px 0 10px 0;
width: 210px;
height: 130px;
padding: 50px 0 0 5px;
background: url(../images/lower_side_bg.jpg) no-repeat;
}

#lower ul#select li {
line-height: 28px;
padding: 5px 0 5px 2px;
/*
background: url(../images/common_ico.jpg) left center no-repeat;*/
}

#lower ul#select li a {
color: #333333;
}

#lower ul#menu {
margin: 15px 0 0 0;
}

#lower ul#menu li {
margin: 0 0 15px 0;
}

#lower #new {
padding: 0 0 5px 0;
background: #d3d3d3;
}

#lower #new {
width: 215px;
height: 285px;
padding: 0 0 5px 0;
background: #d3d3d3;
}

#lower #new dl {
margin: 5px 5px 0 5px;
width: 195px;
height: 235px;
padding: 5px;
font-size: 11px;
background: #FFFFFF;
overflow: auto;
}

#lower #new dt {
display: inline;
padding: 0 2px;
background: #000000;
color: #889b95;
font-weight: bold;
}

#lower #new dd {
border-bottom: 1px dashed #000000;
margin: 0 0 8px 0;
padding: 0 0 7px 0;
text-indent: 20px;
line-height: 17px;
background: url(../images/arrow_ico.gif) 5px 5px no-repeat;
}

.item_box {
padding: 15px 0 0 0;
}

.item_box .item {
border: 1px solid #b6cbc4;
width: 207px;
padding: 4px;
font-size: 11px;
float: left;
}

.item_box .heading {
color: #e50150;
font-weight: bold;
text-indent: 15px;
line-height: 16px;
background: url(../images/common_ico.jpg) left center no-repeat;
}

.item_box .comment {
margin: 3px 3px 3px 0px;
}

.item_box .price {
color: #e50150;
font-weight: bold;
}

.item_box .space {
margin: 0 8px;
}

.item_box .cation {
width: 647px;
border-bottom: 2px solid #ad9e5b;
font-weight: bold;
font-size: 14px;
text-indent: 15px;
line-height: 20px;
background: url(../images/common_ico.jpg) left center no-repeat;
}


.sidebar_rank {
border: 1px solid #f7becd;
width: 205px;
padding: 4px;
font-size: 11px;
background: #fff;
margin: 0px 0 5px 0px;
}

.sidebar_rank .number {
margin: 0px 0 5px 0px;
}


.sidebar_rank .image {
text-align: center;
padding: 5px 0 5px 0;
background: url(../images/rank_bg.gif);
}

.sidebar_rank .heading {
color: #e50150;
font-weight: bold;
text-indent: 15px;
line-height: 16px;
background: url(../images/common_ico.jpg) left center no-repeat;
}

.sidebar_rank .comment {
line-height: 14px;
}

.sidebar_rank .price {
color: #e50150;
font-weight: bold;
text-align: right;
}

.sidebar_rank .more {
margin: 5px 0 0 0;
text-align: right;
}

/*-----------------------

recruit

-----------------------*/

#recruit {
padding: 0 10px;
}

#recruit h3 {
margin-top: 10px;
line-height: 20px;
}

#recruit table {
border-collapse: separate;
margin-top: 10px;
width: 100%;
}

#recruit th {
background: #ffdfeb;
padding: 7px;
width: 20%;
text-align: left;
color: #af0041;
}

#recruit td {
border-bottom: 1px dashed #cccccc;
padding: 7px;
width: 80%;
}




.gallery01{
background: url(../images/gallery_menu_01.jpg) left top no-repeat;
width: 50%;
}

.gallery02{
background: url(../images/gallery_menu_02.jpg) left top no-repeat;
width: 50%;
}

.gallery03{
background: url(../images/gallery_menu_03.jpg) left top no-repeat;
width: 50%;
}

.gallery04{
background: url(../images/gallery_menu_04.jpg) left top no-repeat;
width: 50%;
}


.gallery01 p,
.gallery02 p,
.gallery03 p,
.gallery04 p{
width: 120px;
padding: 50px 0px 30px 30px;
}

p.gallery_bt{
width: 72px;
padding: 0px 0px 30px 30px;
}

.gallery02 p{
width: 120px;
padding: 50px 0px 10px 30px;
}

.gallery02 ul{
padding: 0px 0px 30px 30px;
}



div.page_nav2{
float: left;
margin: 30px 0px 10px 0px;
}

div.page_nav{
float: right;
text-align: right;
}

div.page_nav ul{
margin: 30px 0px 10px 0px;
}

div.page_nav ul li, div.page_nav2 ul li{
display: inline;
font-family:Arial, Helvetica, sans-serif
}

div.page_nav ul li a, div.page_nav2 ul li a{
padding: 3px 5px 2px 5px;
border: 1px solid #666666;
font-weight: bold;
margin: 0px 5px 0px 0px;
}

div.page_nav ul li.active, div.page_nav2 ul li.active{
padding: 5px;
border: none;
font-weight: bold;
}



#qa dl{
	border: none;
	width: 100%;
}

#qa dt{
	color: #cc0000;
	background-color: #ffffff;
	text-align: left;
	margin: 10px 0px 0px 0px;
}

#qa dd{
	color: #cc0000;
	background-color: #ffffff;
	text-align: left;
	margin: 5px 0px 10px 0px;
	padding: 0px;
}



/*-----マナー-----*/
#manner  {
margin: 0 auto;
padding: 0 0 20px 0;
}
#manner h2 {
	margin: 0 0 4px;
}
#manner h3 {
	margin: 0 0 15px;
}
#manner h4 {
	margin: 0 0 3px 8px;
}

#manner p {
	font-size: 1.2em;
	margin: 10px 0 14px 8px;
}
#manner p.lead {
	font-size: 1.2em;
	margin: 10px 0 14px 0px;
}

#manner .red {
	color: #ff0000;
}