@charset "Shift_JIS";


/*
	* Copyright (C) 2008 CREATIVE-WEB All rights reserved.
	* URL : http://www.ladies-haruyama.com/
	* 最終更新日 2008年6月18日
*/


/*
	* 1.基本レイアウト
	* 2.基本設定
	* 3.ヘッダー（header）
	* 4.サイド（left）
	* 5.メイン（maincol）
	* 6.サイド（right）
	* 7.フッター（footer）
*/

/*　フォント　*/
@import url("http://www.haruyama-co.jp/common/css/font.css");


/********************************************************************************************************************************
**	1.基本レイアウト
********************************************************************************************************************************/

html{
	overflow-y:scroll;/*for FF*/
}

body {
	margin:0;
	padding:0;
	font-size:13px; /* 12px (92%)  10px(77%) */
	color:#333333;	
	font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
}



#container {
	width:100%;
	line-height:1.4;
	color:#333333;
}

#header {
	width:100%;
	margin:0 0 15px 0;
	background:url(../img/h_bg.jpg) repeat-x top;
	height:185px;

}

#headerInner {
	width:950px;
	margin:0 auto;	
	position:relative;
	height:185px;
}

#content {
	width:950px;
	margin:0 auto;	
}

#contentInner {

}

#mainCol {
	float:left;
	width:680px;
}


#rightCol {
	float:right;
	width:250px;

}

#footer {
	width:100%;
	background:#EEEEEE;
	border-top:#CCCCCC solid 1px;
	height:24px;
	padding:6px 0 0 0;
	margin:30px 0 0 0;
}

#footerInner {
	width:950px;
	margin:0 auto;
	
}


/********************************************************************************************************************************
**	2.基本設定
********************************************************************************************************************************/

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,table,td,th,form,fieldset,legend,input,textarea,p,th,td{
	margin:0;
	padding:0;
}

h1,h2,h3,h4,h5,h6{
	font-weight:normal;
}

table{
	border-collapse:collapse;
	border-spacing:0;
}

caption,th {
	text-align:left;
}

address,caption,em,strong,th{
	font-style:normal;
	font-weight:normal;
}

li {
	list-style:none;
}

fieldset,img{
	border:0;
}

input, textarea, select{
	font-family:inherit;
	font-size:inherit;
	font-weight:inherit;
}

img {
	vertical-align:bottom;
}

.clear {
	clear:both;
}

.none{
	margin:0 0 0 0;
	padding:0 0 0 0;
}

.pTop10{padding:10px 0 0 0;}
.pTop20{padding:20px 0 0 0;}
.pTop30{padding:30px 0 0 0;}
.pTop50{padding:50px 0 0 0;}

.pBtm10{padding:0 0 10px 0;}
.pBtm20{padding:0 0 20px 0;}
.pBtm30{padding:0 0 30px 0;}
.pBtm50{padding:0 0 50px 0;}

/* section
----------------------------------------------------------------------------------------------------------------------------- */
.section{
	padding:20px 0 0 0;
}
.sectionNone{
	padding:0 0 0 0;
}

.section .ttlSub{
	color:#0099CC;
	padding:0 0 10px 0;
}
.section .txtArea{
	padding:0 0 40px 0;
}
.section h4.sub{
	padding:0 0 30px 0;
}
.section h5.sub{
	padding:0 0 10px 0;
}

.section dl.txtList02 dt{
	width:140px;
	height:26px;
	padding:10px 0 0 5px;
	color:#0099CC;
}

.section dl.txtList02 dd{
	background:url(../img/line_bg.gif) bottom repeat-x;
	width:515px;
	margin:-26px 0 0 0;
	padding:0 0 10px 155px;
}






.bg_black{
	background:#000000;
	color:#FFFFFF;
	padding:2px 5px;
	margin:0 10px 0 0;
}

.under_10{
	margin:0 0 10px 0;
	padding:0;
}	

.under_15{
	margin:0 0 15px 0;
	padding:0;
}

.under_20{
	margin:0 0 20px 0;
	padding:0;
}

.under_30{
	margin:0 0 30px 0;
	padding:0;
}

.under_50{
	margin:0 0 50px 0;
	padding:0;
}

.color_pink{
	color:#FF0099;
	font-size:12px;
	line-height:120%;
}

.color_red{
	color:#CC0000;
}

.font_size12_b{
	font-size:12px;
	font-weight:bold;
	margin:0 0 10px 0;
	color:#FF0099;
	line-height:120%;
}

.under_10_dot{
	background:url(../img/dot_line.gif) repeat-x bottom;
	margin:0 0 10px 0;
	padding:0 0 10px 0;
	line-height:120%;
}

.back_grey{
	background:#F0F0F0;
	padding:5px 5px 5px 10px;
	line-height:150%;
	margin:0 0 20px 0;
}

.img_right{
	float:right;
}

.border_box{
	border:#666666 solid 1px;
	padding:3px;
	margin:0 0 10px 0;
}			

		

/* link
----------------------------------------------------------------------------------------------------------------------------- */

a:link {
	color:#001A3F;
	text-decoration:none;
}
a:visited {
	color:#001A3F;
	text-decoration:none;	
}
a:hover {
	color:#FF6699;
	text-decoration:none;	
}


/********************************************************************************************************************************
**	3.ヘッダー
********************************************************************************************************************************/



h1{
	position:absolute;
	left:0;
	top:55px;
	width:230px;
}

h1 a{
	text-indent:-9999px;
	display:block;
	height:24px;
	background:url(../img/logo.gif) no-repeat;
}

#h_text{
	position:absolute;
	left:0;
	width:700px;
	top:7px;
	font-size:92%;
}	

#main_hp{
	position:absolute;
	right:0;
	width:245px;
	top:7px;
	font-size:77%;
	text-align:right;

}


ul#h_menu{
	width:331px;
	height:16px;
	right:0;
	top:50px;
	padding:7px;
	margin:0;
	position:absolute;
	background:#F0F0F0;
	border:#FF0099 1px solid;
	font-size:77%;
}

ul#h_menu li{
	list-style:none;
	margin:0 8px 0 0;
	float:left;
}
	
ul#h_menu li.privacy{
	width:115px;
	height:15px;
	display:block;
	background:url(../img/icon_privacy.gif) no-repeat;
	padding:0 0 0 20px;
}	
ul#h_menu li.sitemap{
	width:70px;
	height:15px;
	display:block;
	background:url(../img/icon_sitemap.gif) no-repeat;
	padding:0 0 0 20px;
	margin:0;
}		

ul#h_menu li.company a{
	width:70px;
	height:15px;
	display:block;
	background:url(../img/icon_company.gif) no-repeat;
	padding:0 0 0 20px;
}


ul#g_menu{
	top:100px;
	position:absolute;
	width:950px;
	margin:0;
	padding:0;
	list-style:none;
	display:inline-block;/* For IE7 */
}

ul#g_menu li{
	margin:0;
	padding:0;
	float:left;
}	
				
ul#g_menu li a{
	display:block;
	width:134px;
	height:40px;
	outline:none;/* For FF */
}

ul#g_menu li#g_menu01 a{width:146px;}
ul#g_menu li#g_menu01 {background:url(../img/g_menu01_mo.gif) no-repeat;}
ul#g_menu li#g_menu02 {background:url(../img/g_menu02_mo.gif) no-repeat;}
ul#g_menu li#g_menu03 {background:url(../img/g_menu03_mo.gif) no-repeat;}
ul#g_menu li#g_menu04 {background:url(../img/g_menu04_mo.gif) no-repeat;}
ul#g_menu li#g_menu05 {background:url(../img/g_menu05_mo.gif) no-repeat;}
ul#g_menu li#g_menu06 {background:url(../img/g_menu06_mo.gif) no-repeat;}
ul#g_menu li#g_menu07 {background:url(../img/g_menu07_mo.gif) no-repeat;}


ul#g_menu li a:hover img{visibility:hidden;}
ul#g_menu li a:hover{background-color:transparent;}



#h_contents_menu{
	position:absolute;
	top:140px;
	width:948px;
	height:43px;
	padding:0;
	border-bottom:#FF0099 1px solid;
	border-left:#FF0099 1px solid;
	border-right:#FF0099 1px solid;
	margin:0 0 15px 0;
	background:#F0F0F0;
	font-size:92%;
}

#h_contents_left{
	width:454px;
	height:18px;
	padding:15px 10px 10px 10px;
	float:left;
}

#h_contents_right{
	width:470px;
	float:right;
	padding:2px;
}

ul#h_contents_list{
	width:454px;
	margin:0;
	padding:0;
	list-style:none;
}

ul#h_contents_list li{
	margin:0 15px 0 0;
	padding:0 0 0 15px;
	background:url(../img/icon_black.jpg) 0 3px no-repeat;
	float:left;
	
}	


		




/********************************************************************************************************************************
**	4.サイド（left）
********************************************************************************************************************************/




/********************************************************************************************************************************
**	5.メイン（main）
********************************************************************************************************************************/
#flash{
	margin:0 0 20px 0;
}	


#main_style{
	width:680px;
	margin:0 0 25px 0;
}

#main_suit{
	margin:0 16px 0 0;
	padding:100px 0 10px 100px;
	float:left;
	width:116px;
	height:240px;
	background:url(../img/bg_suit.jpg)
}

#main_formal{
	margin:0 16px 0 0;
	padding:100px 0 0 100px;
	float:left;
	width:116px;
	height:250px;
	background:url(../img/bg_formal.jpg)
}

#main_goods{
	margin:0;
	padding:100px 0 0 100px;
	float:left;
	width:116px;
	height:250px;
	background:url(../img/bg_goods.jpg)
}

ul.main_list{
	margin:0;
	padding:0;
}

ul.main_list li{
	margin:0 0 10px 0;
	list-style:none;
	width:105px;
	height:25px;
}

.btn_all01{
	margin:50px 0 0 0;
}

.btn_all02{
	margin:155px 0 0 0;
}

.btn_all03{
	margin:155px 0 0 0;
}	
	

ul#pickup{
	width:680px;
	margin:0 0 20px 0;
	padding:0;
}

ul#pickup h3{

	margin:0 0 20px 0;
}

ul#pickup li{
	float:left;
	margin:0 0 30px 0;
	padding:0;
	list-style:none;
	width:170px;
}	

.pickup_comment{
	padding:5px 5px 0 5px;
	margin:0 0 10px 0;
	width:160px;
	font-size:10px;
	line-height:120%;
	height:140px;
}



	


/********************************************************************************************************************************
**	6.サイド（right）
********************************************************************************************************************************/

#topics{
	width:248px;
	border:1px #FF0099 solid;
	margin:0 0 15px 0;

}

#topics p{
	text-indent:-9999px;
	margin:0;
	padding:0;
	width:248px;
	height:25px;
	background:url(../img/sidebar_news.gif) no-repeat;
}

#topics dl{
	margin:0;
	padding:10px 0 0 5px;
	background:url(../img/topics_bg.gif) repeat-y;
	list-style:none;
}

#topics dl dt{
	margin:0 0 0 10px;
	padding:0 0 0 20px;
	color:#FF0099;
	font-size:10px;
	background:url(../img/icon_topics.jpg) 0 3px no-repeat;
}


#topics dl dd {
	margin:0 0 0 0;
	padding: 0 0 0 30px;
	font-size:11px;
	background:url(../img/dot_line.gif) no-repeat bottom;
}


#topics dl dd.none {
	padding: 0 0 3px 30px;
	background:none;
}

.side_bnr{
	width:248px;
	border:1px #FF0099 solid;
	margin:0 0 15px 0;	
}

.side_bnr p{
	padding:0;
	margin:0;		
}

#s_area{
	padding:0 10px 10px 10px;
	width:228px;
}	
#s_area p{
	font-size:10px;
}





/********************************************************************************************************************************
**	7.フッター（footer）
********************************************************************************************************************************/

address{
	float:right;
	}
	
#footer ul{
	width:400px;
	list-style:none;
	padding:0;
	margin:0;
	float:left;
}

#footer ul li{
	margin:0 15px 0 0;
	font-size:10px;
		display:inline;
}


/********************************************************************************************************************************
**	8.サブ（sub）
********************************************************************************************************************************/

#pankuzu{
	background:url(../img/h_logo_mini.jpg) 0 2px no-repeat;
	padding:0 0 0 20px;
	margin:0 0 10px 0;
	font-size:10px;
	}
	
/* sitemap
----------------------------------------------------------------------------------------------------------------------------- */

ul.sitemap li{
	list-style:none;
	margin:0 15px 5px 0;
	padding:0 0 0 15px;
	background:url(../img/icon_pink.jpg) 0 1px no-repeat;
}

/* sitemap
----------------------------------------------------------------------------------------------------------------------------- */
.left180{
	width:180px;
	float:left;
}

.right490{
	width:490px;
	float:right;
}		
	





/* coordinate
----------------------------------------------------------------------------------------------------------------------------- */
.coordinate_box{
	width:580px;
	margin:0 0 25px 50px;
	padding:0;
}

.botan3{
	background:url(../img/coordinate_l_img3.jpg) no-repeat;
	margin:0;
	padding:230px 10px 10px 10px;
	float:left;
	width:230px;
	height:60px;
}

.botan2{
	background:url(../img/coordinate_l_img4.jpg) no-repeat;
	margin:0;
	padding:230px 10px 10px 10px;
	float:right;
	width:230px;
	height:60px;
}
.black{
	background:url(../img/coordinate_l_img6.jpg) no-repeat;
	margin:0;
	padding:170px 10px 10px 10px;
	float:left;
	width:230px;
	height:60px;
}

.grey{
	background:url(../img/coordinate_l_img7.jpg) no-repeat;
	margin:0;
	padding:170px 10px 10px 10px;
	float:right;
	width:230px;
	height:60px;
}	

.skart{
	background:url(../img/coordinate_l_img9.jpg) no-repeat;
	margin:0;
	padding:210px 10px 10px 10px;
	height:65px;
	float:left;
	width:230px;
}

.pants{
	background:url(../img/coordinate_l_img10.jpg) no-repeat;
	margin:0;
	padding:210px 10px 10px 10px;
	height:65px;
	float:right;
	width:230px;
}

.regular{
	background: url(../img/coordinate_l_img12.jpg) no-repeat;
	margin:0;
	padding:210px 10px 10px 10px;
	height:65px;
	float:left;
	width:230px;
}

.skipper{
	background:url(../img/coordinate_l_img13.jpg) no-repeat;
	margin:0;
	padding:210px 10px 10px 10px;
	height:65px;
	float:right;
	width:230px;
}
.white{
	background:url(../img/coordinate_l_img14.jpg) no-repeat;
	margin:0;
	padding:150px 10px 10px 10px;
	height:55px;
	float:left;
	width:230px;
}

.color{
	background:url(../img/coordinate_l_img15.jpg) no-repeat;
	margin:0;
	padding:150px 10px 10px 10px;
	height:55px;
	float:right;
	width:230px;
}


#ana_1{
	width:280px;
	height:100px;
	padding:0 10px 10px 40px;
	margin:0 0 30px 0;
	background:url(../img/ana_img5.gif) no-repeat;
	float:left;
}

	
#ana_2{
	width:280px;
	height:100px;
	padding:0 10px 10px 40px;
	margin:0 0 30px 0;
	background:url(../img/ana_img6.gif) no-repeat;
	float:right;
}	

.ana_bg_blue{
	background:#000000;
	padding:3px ;
	margin:0 0 15px 0;
	margin:0 0 20px 0;
	font-size:14px;
	font-weight:bold;
	color:#FFFFFF;
}

#magazine_left{
	width:440px;
	float:left;
}

#magazine_right{
	width:200px;
	float:right;
}

.magazine_right02{
	width:320px;
	float:right;
}				

.magazine_left02{
	width:320px;
	float:left;
}

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

#shop{
	width:680px;
	float:left;
}

#shop h4{
	text-indent:-9999px;
	width:680px;
	height:40px;
	margin:0 0 20px 0;
	background:url(../img/bar_oprt.gif) no-repeat;
}

#shop ul{
	padding:0 0 0 0;
}

#shop ul li{
	width:223px;
	height:70px;
	float:left;
	margin:0 0 0 0;
}

#shop ul li .shopImg{
	width:50px;
	float:left;
}

#shop ul li .shopName{
	width:160px;
	float:right;
}

#shop ul li .shopOutline{
	margin:5px 0 0 0;
	padding:0 10px 0 0;
	width:150px;
	font-size:10px;
	float:right;
}

/* shoplist
----------------------------------------------------------------------------------------------------------------------------- */
#shoplist{
	width:678px;
	margin:0 0 15px 0;
	border:#CCCCCC 1px solid;

}

#shoplist p{
	text-indent:-9999px;
	margin:0;
	padding:0;
	width:680px;
	height:33px;
	background:url(../img/listbar_new.jpg) no-repeat;
}

#shoplist dl{
	margin:0;
	padding:10px 0 0 5px;
	background:url(../img/topics_bg.gif) repeat-y;
	list-style:none;
}

#shoplist dl dt{
	margin:0 0 0 10px;
	padding:0 0 0 20px;
	color:#FF0099;
	font-size:10px;
	background:url(../img/icon_topics.jpg) 0 3px no-repeat;
}


#shoplist dl dd {
	margin:0 0 0 0;
	padding: 0 0 0 30px;
	font-size:11px;
	background:url(../img/dot_line.gif) repeat-x bottom;
}


#shoplist dl dd.none {
	padding: 0 0 3px 30px;
	background:none;
}


#shopSearch{
	width:680px;
	}
	
	
	
	
.tbl tr{
	background:url(../img/dot_line.gif) repeat-x;
}


.tbl tr.dot_none{
background:none;
border-top:2px solid #CCCCCC;

}

.tbl tr.title{
	background:none;
		
}

.tbl th{
	text-align:left;
	vertical-align:top;
	font-weight:normal;
	width:150px;
	padding:5px 0 5px 20px;
	background:url(../img/icon_topics.jpg) 5px 9px no-repeat;
	
		
}

.tbl th.none{
	background:none;
	background:url(../img/shoplist_icon.jpg) 8px 10px no-repeat;
	padding:10px 0 10px 18px;
}	


.tbl td{
	padding:5px 0 5px 0;
	font-size:12px;
	color:#333333;
}

.tbl td.time{
	padding:5px 0 20px 0;
	font-size:12px;
	color:#333333;
	width:100px;
}

.tbl td.item{
	padding:5px 0 20px 0;
	font-size:12px;
	color:#333333;
	width:180px;
}	
	
.tbl td.none{
	background:none;
	background:url(../img/shoplist_icon.jpg) 0 10px no-repeat;
	padding:10px 0 10px 10px;
	
}


/* クーポン-------------------------------------------------------------------------------------------------------------- */	

ul#couponList{
	width:660px;
	margin:0;
	padding:0 20px 0 20px;
	list-style:none;
}

ul#couponList li{
	float:left;
	width:300px;
	margin:0 60px 20px 0;
	padding:0;
	}
	
ul#couponList li.none{
	margin:0 0 20px 0;
}	

/********************************************************************************************************************************
**	5.店舗検索
********************************************************************************************************************************/

.pBtm10{padding:0 0 10px 0;}
.pBtm20{padding:0 0 20px 0;}
.pBtm30{padding:0 0 30px 0;}
.pBtm50{padding:0 0 50px 0;}

.hitNum{
	margin:0 0 10px 0;
}
.hitNum span{
	color:#0099CC;
	font-size:150%;
}

/* 店舗詳細ページ
-------------------------------------------------------------------------------------------------------------- */

#shop_container{
	width:700px;
	margin:0 auto;	
}

#shop_header{
	position:relative;
	margin:0 0 20px 0;
	padding:0 0 10px 0;
	background:url(../img/h_bg.gif) bottom repeat-x;
	height:60px;
}

#shop_logo{
	position:absolute;
	top:10px;
	left:0;
}

#shop_name_box{
	background:url(../img/dot_line.gif) bottom repeat-x;
	font-size:18px;
	height:40px;
	padding:0 0 0 0;
}	
		
#shop_name{
	float:left;
	margin:0;
	width:540px;
	padding:10px 0 0 10px;
}

#shop_print{
	float:right;
	margin:0;
	width:150px;
}
dl#shopList01{
	width:495px;
	float:left;
	margin:10px 5px 0 0;
}

dl#shopList01 dt{

	width:100px;
	height:26px;
	color:#0099CC;
	padding:7px 0 0 5px;
}


dl#shopList01 dd{
	background:url(../img/dot_line.gif) bottom repeat-x;
	width:345px;
	margin:-28px 0 0 0;
	padding:0 0 10px 150px;
}

#shop_member{
	float:right;
	width:190px;
	padding:10px 0 0 10px;
}

/* table
----------------------------------------------------------------------------------------------------------------------------- */


table.tblShopList {
	border-spacing:0pt;
}

table.tblShopList th{
	text-align:left;
	font-size:10px;
	background:url(../img/shoplist_icon.jpg) 2px 9px no-repeat;
	padding:10px 0 10px 18px;
	
}
table.tblShopList th img{
	vertical-align: baseline;	
}


table.tblShopList td{
	padding:5px;
}

table.tblShopList .shopName{
	padding:0 0 0 10px;
	background:url(../img/icon01.gif) 0 0.5em no-repeat;
}
table.tblShopList tr{
	background:url(../img/dot_line.gif) bottom repeat-x;
}

/* table Condition
----------------------------------------------------------------------------------------------------------------------------- */


table.tblCondition {
	border-left:1px solid #CCCCCC;
	border-spacing:0pt;
	border-top:1px solid #CCCCCC;
}

table.tblCondition th{
	font-size:10px;
	padding:1px 5px;
	border-bottom:1px solid #CCCCCC;
	border-right:1px solid #CCCCCC;
	text-align:center;
	background:#EEEEEE;
}

table.tblCondition td{
	border-bottom:1px solid #CCCCCC;
	border-right:1px solid #CCCCCC;
	padding:5px;
}

table.tblCondition .bgGray{
	background:#EEEEEE;
}

/* company
--------------------------------------------------------------------------------------------------------------------------*/




table.tblcom {
	border-left:1px solid #CCCCCC;
	border-spacing:0pt;
	border-top:1px solid #CCCCCC;
}

table.tblcom th{
	font-size:77%;
	padding:1px 5px;
	border-bottom:1px solid #CCCCCC;
	border-right:1px solid #CCCCCC;
	text-align:center;
	background:#EEEEEE;
}

table.tblcom td{
	border-bottom:1px solid #CCCCCC;
	border-right:1px solid #CCCCCC;
	padding:5px;
}

table.tblcom .bgGray{
	background:#EEEEEE;
}