/* CSS Document */


/******************** 初期設定 ********************/

*{ margin:0; padding:0;}
img{ border:0;}

html,body{
	font-family: "ＭＳ Ｐゴシック", "Osaka";
	width:100%;
	height:100%;
	color:#333333;
    font-size: 12px; /* モダンブラウザ */
    *font-size: 90%; /* IE 7 */
    *font:80%; /* IE 6以下 */
	}
a{
	color:#CC6666;
	}
a:hover{
	color:#CC6666;
	text-decoration:underline;
	}

.area_white {
	border: 1px;
	border-style: solid;
	border-color: #BBBBBB;
	background-color: #ffffff;
	margin: 10px 0;
	padding: 5px 10px;
}

/*■フォントサイズ調整*/

.CNT{ text-align:center;}
.L{ text-align:left;}
.R{ text-align:right;}

.line{
	margin: 5px 0;
	border-bottom: #FF5B33 4px solid;
	}

h4{
	font-size:14px;
	font-weight:normal;
	margin:10px;
	color: #666666;
	}

h5{
	color:#fff;
	background: #ffaaaa;
	width:362px;
	margin:5px 0;
	padding:2px 0 2px 10px;
	font-size:11px;
}
.fcf00 { color: #f00; }
.fc00f { color: #00f; }
.fc090 { color: #090; }
.fcfc0 { color: #fc0; }
.fcf90 { color: #f90; }
.fcc0c { color: #c0c; }
.fcf39 { color: #f39; }
.fc900 { color: #900; }
.fc009 { color: #009; }

#sitemap{
	margin:10px 0;
}
#sitemap_l{
	margin:0 10px 10px 0;
	float: left;
	width:220px;
}
#sitemap li, #sitemap_l li{
	list-style:none;
}
#sitemap li a,#sitemap_l li a{
	color:#000;
	background: url("img/sitemap_list.gif") no-repeat;
	float: left;
	list-style:none;
	text-decoration: none;
	margin:0 10px;
	padding:0 0 0 12px;
}
#sitemap li a:hover,#sitemap_l li a:hover {
	color:#CC6666;
	text-decoration:underline;
}


/******************** 開始 ********************/

#container{
	font-size:12px;
	width:940px;
	height:auto;
	padding: 5px 20px 10px 20px;
	margin:0 auto;
	text-align:left;
	}

#container h1{
	position:absolute;
	font-size:10px;
	font-weight:normal;
	line-height:15px;
	height:12px;
	}

/******************** パンくず ********************/

#punk{
	text-align: left;
	margin: 0 0 10px 0;
	font-size: 11px;
	color: #6F6F6F;
}
#punk a{
	color: #6F6F6F;
}

/******************** TOPページ写真メニュー ********************/

#header-menu {
	width: 940px;
	height: 340px;
	list-style:none;
	border-bottom: 3px #000 solid;
	background: url("img/main_00.png") no-repeat;
	margin: 0 0 20px 0;
}


#header-menu li {
	margin: 0;
	padding:0;
	display:block;
	float:left;
}

#header-menu li a{
	text-indent:-10000px;
	outline: none;
}


#menu01 a {
	display:block;
	width:134px;
	height:340px;
	background: url("img/main_00.png") no-repeat;
}
#menu01 a:hover    {text-decoration:none; background-position:0 -340px;}

#menu02 a {
	display:block;
	width:134px;
	height:340px;
	background:url("img/main_00.png") no-repeat;
	background-position:-134px 0;
}
#menu02 a:hover    {text-decoration:none; background-position:-134px -340px;}

#menu03 a {
	display:block;
	width:134px;
	height:340px;
	background:url("img/main_00.png") no-repeat;
	background-position:-268px 0;
}
#menu03 a:hover    {text-decoration:none; background-position:-268px -340px;}

#menu04 a {
	display:block;
	width:134px;
	height:340px;
	background:url("img/main_00.png") no-repeat;
	background-position:-402px 0;
}
#menu04 a:hover    {text-decoration:none; background-position:-402px -340px;}

#menu05 a {
	display:block;
	width:134px;
	height:340px;
	background:url("img/main_00.png") no-repeat;
	background-position:-536px 0;
}
#menu05 a:hover    {text-decoration:none; background-position:-536px -340px;}

#menu06 a {
	display:block;
	width:134px;
	height:340px;
	background:url("img/main_00.png") no-repeat;
	background-position:-670px 0;
}
#menu06 a:hover    {text-decoration:none; background-position:-670px -340px;}

#menu07 a {
	display:block;
	width:136px;
	height:340px;
	background: url("img/main_00.png") no-repeat;
	background-position:-804px 0;
}
#menu07 a:hover    {text-decoration:none; background-position:-804px -340px;}

.cl_menu{
	clear:both;
	height:0px;
	padding:0px;
	margin:0px;
}

#m_reserve {
	border:1px solid #DBC999;
	margin:0 0 10px 0;
	font-size:11px;
	color: #666666;
	text-align: center;
}

/******************** TOP ********************/

#top {
	width:100%;
	margin: 0 0 0 0 ;
	}
#top h2{
	background:url(img/circle.gif) no-repeat;
	font-size:14px;
	color:#000000;
	padding: 0 0 5px 25px;
	}
#top h3{
	font-size:18px;
	color:#663300;
	}

#top div#contents-top{
	float:left;
	margin:0;
	background:url(img/content_bg_head.gif);
	width:940px;
	height:20px;
}
#top div#contents{
	float:left;
	padding: 0 20px;
	background: url(img/content_bg.gif) repeat-y;
	width:900px;
	height:auto;
}
#top div#contents-news{
	float:left;
	padding: 0 20px;
	background: url(img/content_bg.gif) repeat-y;
	width:940px;
	height:auto;
}
#top div#contents-bottom{
	float:left;
	margin:0 0 0 0;
	background:url(img/content_bg_bottom.gif);
	width:940px;
	height:20px;
}
#top div#left{
	display:block;
	background:url(img/top_info.gif) no-repeat;
	float:left;
	width:520px;
	height:300px;
	}
#top div#left h4{
	font-size:11px;
	margin:10px 0 0 10px;
	color: #E8959B;
	}
#top div#left .backnumber a{
	display:block;
	width:99px;
	height: 14px;
	margin-left: 420px;
	background:url(img/backnumber.gif) no-repeat;
	text-indent:-9999px;
	}
#top div#left .backnumber a:hover{
	text-decoration:none;
	background:url(img/backnumber_ov.gif) no-repeat;
	outline: none;
}

#top div#left .line{
	font-size:12px;
	width:520px;
	height:10px;
	border-bottom: #FF5B33 4px solid;
	}
#top div#left a{
	font-size:12px;
	padding: 0 0 0 10px;
	font-weight:normal;
	color: #663300;
	text-decoration: none;
	}
#top div#left a:hover{
	font-size:12px;
	text-decoration: underline;
	}

#top div#left .underline{
	font-size:12px;
	width:495px;
	border-bottom: 1px dotted #663300;
	padding:0 0 5px 0;
	margin:5px 0;
	}

#top div#catalog{
	float:right;
	display:block;
	width:360px;
	height:120px;
	text-indent:-9999px;
	outline: none;
	background: #FEE1DD url(img/top_catalog_btn.jpg) no-repeat;
	}
#top div#catalog a{
	float:right;
	display:block;
	width:360px;
	height:120px;
	text-indent:-9999px;
	outline: none;
	background: #FEE1DD url(img/top_catalog_btn.jpg) no-repeat;
	}
#top div#catalog a:hover{
	text-decoration:none;
	background-position: 0px -120px;
	}


#top div#qr{
	margin:0;
	padding: 20px 0 0 0;
	float:right;
	width:360px;
	}
#top div#qr_bottom{
	float:right;
	width:360px;
	height:20px;
	background: #FEE1DD url(img/qr_bottom.gif) no-repeat;
	}

#top:after{
    content: "";
    clear: both;
    height: 0;
    display: block;
    visibility: hidden;	
	}

/******************** ニュースサイドバー ********************/

#top div#newsside{
	float:left;
	width:190px;
	height:auto;
	margin:0 0 0 20px;
	}

#top div#newsside img{
	margin:1px 0;
	}

/******************** 他ページ：TOP ********************/

#top div#left2{
	float:left;
	width:690px;
	}
#top div#left3{
	float:left;
	width:620px;
	}


/******************** 他ページ：サブメニュー ********************/

ul#submenu{
	margin:100px 0 0 20px;
    list-style:none;
    width:160px;
}
ul#submenu li{
    list-style:none;
    float:left;
    width:160px;
}
ul#submenu a{
    display:block;
    width:160px;
    height:40px;
    text-indent:-9999px;
    background-image:url(img/submenu_bcbg.png);
    overflow:hidden;
}
a.top{
    background-position:0px 0px;
}
a:hover.top{
    background-position:-160px 0px;
}
a.menu{
    background-position:0px -40px;
}
a:hover.menu{
    background-position:-160px -40px;
}
a.staff{
    background-position:0px -80px;
}
a:hover.staff{
    background-position:-160px -80px;
}
a.catalog{
    background-position:0px -120px;
}
a:hover.catalog{
    background-position:-160px -120px;
}


/******************** 他ページ：ヘッダ画像 ********************/

.headimage1{
	background: url(img/shop_title_1.jpg);
	float:left;
	width: 940px;
	height:300px;
	margin: 0 0 20px 0;
}
.headimage2{
	background: url(img/shop_title_2.jpg);
	float:left;
	width: 940px;
	height:300px;
	margin: 0 0 20px 0;
}
.headimage3{
	background: url(img/shop_title_3.jpg);
	float:left;
	width: 940px;
	height:300px;
	margin: 0 0 20px 0;
}
.headimage4{
	background: url(img/shop_title_4.jpg);
	float:left;
	width: 940px;
	height:300px;
	margin: 0 0 20px 0;
}
.headimage5{
	background: url(img/shop_title_5.jpg);
	float:left;
	width: 940px;
	height:300px;
	margin: 0 0 20px 0;
}
.headimage6{
	background: url(img/shop_title_6.jpg);
	float:left;
	width: 940px;
	height:300px;
	margin: 0 0 20px 0;
}
.headimage7{
	background: url(img/shop_title_7.jpg);
	float:left;
	width: 940px;
	height:300px;
	margin: 0 0 20px 0;
}

.staff_top{
	margin:20px 0 0 0;
	width:690px;
	height:43px;
	background: url(img/bg_staff_top.gif) no-repeat center;
}

#left2 .staff{
	background: url(img/bg_staff_middle.gif) repeat-y center;
	padding:0 0 0 25px;
	line-height:28px;
}
.staff_bottom{
	margin:0;
	width:690px;
	height:43px;
	background: url(img/bg_staff_bottom.gif) no-repeat center;
}

/******************** ニュース ********************/

.news{
	margin:10px;
	font-size:13px;
	font-weight:normal;
	color:#663300;
	line-height:18px;
}
.news a{
	margin-left:10px;
	text-decoration: none;
	color: #663300;
	font-weight:normal;
}
.news a:hover{
	text-decoration: underline;
	}


.newstable{
	height:10px;
}


.newsborder{
	margin:5px 0;
	border-bottom: 1px dotted #CCCCCC;
}

.list-table{
		font-size:13px;
}

.page-sent {
	font-size: 13px;
	padding: 0 0 0 300px;
	width: 100%;
}

	.page-sent ul {
		float: center;
	}
	
	.page-sent li {
		float: left;
		list-style-type: none;
		padding: 0 1px 0 1px;
	}
	
	.page-sent li a {
		display: block;
		border: 1px solid #ff5b33;
		padding: 0 3px 0 3px;
		font-size: 90%;
		text-decoration: none;
		background-color: #fff;
	}
	
	.page-sent li strong {
		display: block;
		border: 1px solid #ff5b33;
		padding: 0 3px 0 3px;
		font-size: 90%;
		font-weight: bold;
		color: #fff;
		background-color: #ff5b33;
	}
	
	.page-sent li a:hover {
		background-color: #fdd671;
	}
	
	.page-sent li.prev a {
		border: 0;
		padding: 0 10px 0 16px;
		background: url(../mgimg/ic_prev.gif) left 3px no-repeat;
	}
	.page-sent li.prev a:hover { background-color: #fff; }
	.page-sent li.next a {
		border: 0;
		padding: 0 16px 0 10px;
		background: url(../mgimg/ic_next.gif) right 3px no-repeat;
	}
	.page-sent li.next a:hover { background-color: #fff; }


/******************** カタログ ********************/

#target{
	color:#666666;
	line-height:150%;
}

#target .title{
	display:block;
	font-weight: bold;
	color: #F087A7;
	padding:0 0 2px 0;
	width:300px;
}

#target .detail{
	display:block;
	margin:5px 0 0 0;
}

#target .salon{
	text-align:right;
	font-weight: bold;
	color:#97846B;
	display:block;
	margin:5px 0 0 0;
}

/******************** スクロール ********************/

.scroller{
	float:right;
	text-align:right;
	padding: 20px 20px 0 20px;
	width:900px;
	height:20px;
	background:url(img/content_bg.gif);
}

/******************** フッター ********************/

#copy{
	clear:left;
	background:url(img/bg_footer.png) no-repeat;
	height: 40px;
	font-size:10px;
	text-align:center;
	color:#ffffff;
	padding:10px;
	}
#copy a{
	color:#FFFFFF;
	text-decoration:none;
	font-size:10px;
	}
#copy a:hover{
	color:#FFFFFF;
	}


.area_red {
	margin: 5px 0;
	padding: 5px;
	border: 1px solid #ff0000;
	background-color: #ffdddd;
	width: 100%;
}

.area_blue {
	margin: 5px 0;
	padding: 5px;
	border: 1px solid #336699;
	background-color: #E3F4FF;
	width: 100%;
}


/******************** モバイル機能 ********************/
#mobilepreview{
	float:left;
	margin: 0 0 0 20px;
	width:250px;
	height:415px;
	background: #fff url(img/bg_mobile.gif) no-repeat;
}
.monitor{
	float:left;
	display:block;
	margin:50px 0 0 18px;
	width:210px;
	height:295px;
	background:#fff;
}