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


body{ background:#e5e5e5;}

body,p,h1,h2,h3,h4,h5,h6 {  
    margin: 0px;  
    padding: 0px;
	color:#595959;
} 

a{color:#9c213f;}

a:link{ text-decoration:none;}
a:hover{ text-decoration: underline;}
a:visited{ text-decoration:none;}

.clear{ clear:both;}

#toTop{text-align:right; font-size:10px;}

#toTop a{color:#595959;}

#toTop a:link{ text-decoration:none;}
#toTop a:hover{ text-decoration:underline;}
#toTop a:visited{ text-decoration:none;}


#wrap{ background:#fff; /*border:1px solid #f00;*/}

/*----------------------------------
	HEAD
----------------------------------*/
  
#head {  
	margin-left:auto;
	margin-right:auto;
	/*margin-bottom:18px;*/
	width:900px;
}


/*----------------------------------
	foot
----------------------------------*/
 
#foot {  
    height: 102px;
	background:#e5e5e5;
} 

#foot div{
	margin-left:auto;
	margin-right:auto;
	padding-top:45px;
	width:880px;
	color:#939393;
	font-size:10px;
	font-family:"ＭＳ ゴシック", "MS Gothic", "Osaka－等幅", Osaka-mono, monospace;
	}
	

/*----------------------------------
	メニュー設定
----------------------------------*/

#menu{
	float:left;
	margin-left:20px;
	margin-top:23px;
	width:220px;
	/*border:1px solid #f00;*/
	}

#menu ul{ margin:0px; padding:0px; list-style-type:none;}
	
#menu li{ width:130px; /*border:1px solid #f00;*/}

#menu a{color:#fff;}

#menu span{display:block; margin:0px; padding:0px; height:22px; text-indent:-5000px;}
	
#menu .ctg1{width:130px; background:url(../img/btn_menu.gif) no-repeat 0px 0px;}
#menu .ctg2{width:130px; background:url(../img/btn_menu.gif) no-repeat 0px -22px;}
#menu .ctg3{width:130px; background:url(../img/btn_menu.gif) no-repeat 0px -44px;}
#menu .ctg4{width:130px; background:url(../img/btn_menu.gif) no-repeat 0px -66px;}
#menu .ctg5{width:130px; background:url(../img/btn_menu.gif) no-repeat 0px -88px;}
#menu .ctg6{width:130px; background:url(../img/btn_menu.gif) no-repeat 0px -110px;}
#menu .ctg7{width:130px; background:url(../img/btn_menu.gif) no-repeat 0px -132px;}

	
#menu a:hover .ctg1{background:url(../img/btn_menu.gif) no-repeat -130px 0px;}	
#menu a:hover .ctg2{background:url(../img/btn_menu.gif) no-repeat -130px -22px;}	
#menu a:hover .ctg3{background:url(../img/btn_menu.gif) no-repeat -130px -44px;}	
#menu a:hover .ctg4{background:url(../img/btn_menu.gif) no-repeat -130px -66px;}	
#menu a:hover .ctg5{background:url(../img/btn_menu.gif) no-repeat -130px -88px;}
#menu a:hover .ctg6{background:url(../img/btn_menu.gif) no-repeat -130px -110px;}	
#menu a:hover .ctg7{background:url(../img/btn_menu.gif) no-repeat -130px -132px;}

#menu .ctg1c{width:130px; background:url(../img/btn_menu.gif) no-repeat -130px 0px;}	
#menu .ctg2c{width:130px; background:url(../img/btn_menu.gif) no-repeat -130px -22px;}	
#menu .ctg3c{width:130px; background:url(../img/btn_menu.gif) no-repeat -130px -44px;}	
#menu .ctg4c{width:130px; background:url(../img/btn_menu.gif) no-repeat -130px -66px;}	
#menu .ctg5c{width:130px; background:url(../img/btn_menu.gif) no-repeat -130px -88px;}
#menu .ctg6c{width:130px; background:url(../img/btn_menu.gif) no-repeat -130px -110px;}	
#menu .ctg7c{width:130px; background:url(../img/btn_menu.gif) no-repeat -130px -132px;}


/*----------------------------------
　メインコンテンツエリア 共通設定
----------------------------------*/


#container {
	margin-left:auto;
	margin-right:auto;
	padding-bottom:60px;
	width:900px;
	
}

/*#container p{margin:0px; padding:0px;}*/

#container .bt_line{margin-top:16px;}

#container .tolist{text-align:right; font-size:10px; font-family:"ＭＳ ゴシック", "MS Gothic", "Osaka－等幅", Osaka-mono, monospace;}

#container .tolist a{color:#595959;}
#container .tolist a:link{ text-decoration:none;}
#container .tolist a:hover{ text-decoration:underline;}
#container .tolist a:visited{ text-decoration:none;}

#content {
	float:right;
	margin-left:auto;
	margin-right:auto;
	width:647px;
	color:#595959;
	font-size:12px;
	line-height:18px;
	/*border:1px solid #f00;*/
}


/*----------------------------------
	NEWS 設定
----------------------------------*/

#news {
	margin-top:18px;
	padding-top:16px;
	background:url(../img/line.gif) no-repeat 0px 0px;
	/*border:1px solid #f00;*/
	}
	
#news .box{}
	

#news .cell_l{
	float:left;
	width:217px;
	}

#news .cell_r{
	float:left;
	padding-left:34px;
	width:380px;
	/*border:1px solid #f00;*/
	}

#news .clear_news{
	clear:both;
	height:31px;
	background:url(../img/line.gif) no-repeat 0px 14px;}

/*----------------------------------
	BRAND 設定
----------------------------------*/


#brand_list{ margin-left:41px;}

#brand_list ul{ margin:0px; padding:0px; list-style-type:none;}
	
#brand_list li{ float:left; width:188px; margin-right:6px; margin-bottom:16px; /*border:1px solid #f00;*/}

#brand_list a{color:#fff;}

#brand_list span{display:block; margin:0px; padding:0px; height:203px; text-indent:-5000px;}
	
#brand_list .brand1{width:188px; background:url(../brand/img/btn_brand_1.gif) no-repeat 0px 0px;}
#brand_list .brand2{width:188px; background:url(../brand/img/btn_brand_2.gif) no-repeat 0px 0px;}
#brand_list .brand3{width:188px; background:url(../brand/img/btn_brand_3.gif) no-repeat 0px 0px;}
#brand_list .brand4{width:188px; background:url(../brand/img/btn_brand_4.gif) no-repeat 0px 0px;}
#brand_list .brand5{width:188px; background:url(../brand/img/btn_brand_5.gif) no-repeat 0px 0px;}
#brand_list .brand6{width:188px; background:url(../brand/img/btn_brand_cs.gif) no-repeat 0px 0px;}


	
#brand_list a:hover .brand1{background:url(../brand/img/btn_brand_1_ov.gif) no-repeat 0px 0px;}	
#brand_list a:hover .brand2{background:url(../brand/img/btn_brand_2_ov.gif) no-repeat 0px 0px;}
#brand_list a:hover .brand3{background:url(../brand/img/btn_brand_3_ov.gif) no-repeat 0px 0px;}	
#brand_list a:hover .brand4{background:url(../brand/img/btn_brand_4_ov.gif) no-repeat 0px 0px;}
#brand_list a:hover .brand5{background:url(../brand/img/btn_brand_5_ov.gif) no-repeat 0px 0px;}
#brand_list a:hover .brand6{background:url(../brand/img/btn_brand_cs_ov.gif) no-repeat 0px 0px;}

#brand_list .brand1c{width:188px; background:url(../brand/img/btn_brand_1.gif) no-repeat 0px 0px;}
#brand_list .brand2c{width:188px; background:url(../brand/img/btn_brand_2.gif) no-repeat 0px 0px;}
#brand_list .brand3c{width:188px; background:url(../brand/img/btn_brand_3.gif) no-repeat 0px 0px;}
#brand_list .brand4c{width:188px; background:url(../brand/img/btn_brand_4.gif) no-repeat 0px 0px;}
#brand_list .brand5c{width:188px; background:url(../brand/img/btn_brand_5.gif) no-repeat 0px 0px;}
#brand_list .brand6c{width:188px; background:url(../brand/img/btn_brand_cs.gif) no-repeat 0px 0px;}


/*-------------------
	ieri episodeo
-------------------*/

#brand{
	margin-top:18px;
	background:url(../img/line.gif) no-repeat 0px 0px;
	}
	
#brand strong{ display:block;}

#brand .cell_l{
	float:left;
	width:254px;
	font-size:12px;
	line-height:1.4em;
	}

#brand .cell_r{float:right;}

#brand .logo{ margin-top:1px;}

#brand .image{ margin-top:1px; width:385px;}


#brand .txt_equa{ margin-left:20px; width:193px; /*border:1px solid #f00;*/ }

#brand .txt_episodeo{ margin-left:22px; width:193px; /*border:1px solid #f00;*/ }

#brand .txt_micherim{ margin-left:54px; width:198px; /*border:1px solid #f00;*/ }

#brand .txt_lately{ margin-left:54px; width:198px; /*border:1px solid #f00;*/ }

#brand .txt_lilypicot{ margin-left:54px; width:198px; /*border:1px solid #f00;*/ }


/*----------------------------------
	SHOP 設定
----------------------------------*/

#shop{
	margin-top:18px;
	background:url(../img/line.gif) no-repeat 0px 0px;
	}
	
/*---------------------
 マップ切り替え設定
---------------------*/

#map_area div{
	float:left;
	margin-top:1px;
	margin-right:40px;
	height: 360px;
	width: 341px;
	}
	
#map_area .area1{background-image: url(../shop/img/map_area1.gif);}
#map_area .area2{background-image: url(../shop/img/map_area2.gif);}
#map_area .area3{background-image: url(../shop/img/map_area3.gif);}
#map_area .area4{background-image: url(../shop/img/map_area4.gif);}
#map_area .area5{background-image: url(../shop/img/map_area5.gif);}
	
#map_area div.no1 {background-image: url(../shop/img/map_area1.gif);}
#map_area div.no2 {background-image: url(../shop/img/map_area2.gif);}
#map_area div.no3 {background-image: url(../shop/img/map_area3.gif);}
#map_area div.no4 {background-image: url(../shop/img/map_area4.gif);}
#map_area div.no5 {background-image: url(../shop/img/map_area5.gif);}
#map_area div.no6 {background-image: url(../shop/img/map_area6.gif);}

#map_area a{color:#fff;}
#map_area a:link{color:#fff;}	
#map_area a:hover{color:#fff;}	
#map_area a:visited{color:#fff;}	

#shop .shop_list{
	float:left;
	width:240px;
	padding-top:16px;
	/*border:1px solid #f00;*/
	}

#shop .shop_list ul{margin:0px; padding:0px;}

#shop .shop_list li{
	margin-bottom:14px;
	line-height:1.4em;
	list-style-type:none;
	}
	
#shop .shop_list strong { display:block;  /*color:#828282;*/ line-height:1.8em;}


/*----------------------------------
	COMPANY 設定
----------------------------------*/

#company{
	margin-top:18px;
	background:url(../img/line.gif) no-repeat 0px 0px;
	}

#company ul{
	margin:0px 0px 0px 0px; padding:26px 0px 0px 0px;
	list-style-type:none;
	}
	
#company li{
	margin-bottom:14px;
	line-height:16px;
	}
	
#company .map{
	padding-top:1px;
	margin:0px auto;
	width:507px;
	/*border:1px solid #f00;*/
	}
	
	
	
/*----------------------------------
	RECRUIT 設定
----------------------------------*/

#recruit{
	margin-top:18px;
	padding-top: 28px;
	background:url(../img/line.gif) no-repeat 0px 0px;
	}
	
#recruit .txt1{
	margin:34px 0px 0px 11px;
	line-height:18px;
	}
	
#recruit .txt2{
	margin:24px 0px 0px 17px;
	line-height:18px;
	}

#recruit .txt3{
	margin:24px 0px 170px 17px;
	line-height:18px;
	}