@import url(common.css);

/*
interface
*/

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

img{
	vertical-align:middle;
	}

#lfarea{
	width:250px;
	margin:0 15px 0 0;
	padding:0 0 0 0;
	float:left;
	}

#lfarea p{
	margin:0 0 10px 0 ;
	}

.lfmenu_box{
	width:248px;
	margin:0 0 10px 0;
	padding:0;
	border:solid 1px #CCCCCC;
	}

.lfmenu_box p{
	margin:0 5px 5px 5px !important;
	line-height:150%;
	}

#lfarea ul{
	width:250px;
	margin:0;
	padding:0;
	}

#lfarea li{
	margin:0 0 5px 0;
	padding:0;
	list-style:none;
	width:250px;
	text-indent:-9999px;
	display:block;
	}
#lfarea li a{
	margin:0;
	padding:0;
	list-style:none;
	width:250px;
	text-indent:-9999px;
	display:block;
	outline:none;
	}

#lfarea li#lfmenu01, #lfarea li#lfmenu01 a{background:url(../img/index/banner_skin.jpg) no-repeat; height:65px;}
#lfarea li#lfmenu02, #lfarea li#lfmenu02 a{background:url(../img/index/banner_kokoro.jpg) no-repeat; height:45px;}
#lfarea li#lfmenu03, #lfarea li#lfmenu03 a{background:url(../img/index/banner_stress.jpg) no-repeat; height:65px;}

#lfarea li#lfmenu04, #lfarea li#lfmenu04 a{background:url(../img/index/banner_cafe.jpg) no-repeat; height:461px;}

#lfarea li#lfmenu00, #lfarea li#lfmenu00 a{
	background:url(../img/index/banner_enquete.jpg) no-repeat; 
	height:116px; 
}

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

#mainarea{
	width:495px;
	margin:0;
	padding:0;
	float:left;
	}

#mainarea p{
	font-size:12px;
	color:#555555;
	line-height:145%;
	margin:0 0 10px 0;
	}

#flasharea{
	width:760px;
	margin:0 0 10px 0;
	padding:0;
	}

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


h2#lfm01, h2#lfm02, h2#lfm03{
	margin:0 0 0px 0;
	text-indent:-9999px;
	height:40px;
	width:248px;
}

h2#lfm01{background:url(../img/index/bt_lf01.jpg) no-repeat;}
h2#lfm02{background:url(../img/index/bt_lf02.jpg) no-repeat;}
h2#lfm03{background:url(../img/index/bt_lf03.jpg) no-repeat;}

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

#dicbox{
	width:475px;
	background:url(../img/index/dicbox_bg.jpg) no-repeat;
	background-color:#F4DDDD;
	margin:0 0 10px 0;
	padding:40px 10px 5px 10px;
	float:left
	}
	
#dicbox .ttx{
	color:#800000;
	width:380px;
	margin:0 0 5px 0;
	padding:0;
	}

#dicnewbox{
	width:224px;
	border:solid 1px #FFFFFF;
	background:#FFFFFF;
	padding:2px;
	text-align:left;
	float:left;
	margin:0 15px 0 0;
	}
	
#dicnewttlarea{
	width:218px;
	background:url(../img/index/dicnewbox_tbg.gif) repeat;
	padding:3px;
	margin:0 0 3px 0;
	float:left;
	}

#dicnewbox #dicnewttl{
	color:#800000 !important;
	width:150px !important;
	float:left;
	font-size:12px !important;
	padding:0 !important;
	margin:0 0 0 0 !important;
	}
#dicnewbox #dicnewdate{
	color:#800000 !important;
	width:68px;
	float:left;
	font-size:10px;
	text-align:right;
	margin:0 !important;
	padding:0 !important;
	}
#dicnewbox #dicnewtx{
	color:#666666;
	font-size:10px;
	margin:0;
	padding:0;
	width:224px;
	text-align:left;
	}

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

#bnarea{
	width:230px;
	background:url(../img/index/bn_ttl.gif) no-repeat;
	float:left;
	padding:25px 0 0 0 !important;
	margin:0 !important;
	}

#bnarea p{
	font-size:10px;
	margin:0 !important;
	padding:0 !important;
	}
	
.bnbox{
	width:218px;
	border:solid 1px #C9AFA0;
	padding:5px;
	background:#FFFFFF;
	font-size:10px;
	margin:0 0 5px 0;
	}

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

#search_area{
	width:495px;
	background:url(../img/index/search_foot.gif) no-repeat bottom;
	float:left;
	margin:0 0 10px 0;
	padding:0px 0 10px 0px;
	}

#search_area p{
	color:#800000;
	margin:0 0 3px 0;
	padding:0 0 0 20px;
	}

#searchttl{
	background:url(../img/index/search_ttl.jpg) no-repeat;
	width:495px;
	height:36px;
	margin:0 !important;
	padding:0 !important;
	text-indent:-9999px;
	}

#search_foot{
	width:495px;
	height:5px;
	margin: 0 0px 10px 0px !important;
	padding: 0px 0px 0 0px !important;
	font-size:0;
	float:left;
	}	

#keywordbox{
	margin:0 10px 0 0 !important;
	padding:0 0 0 20px !important;
	float:left;
	}
#searchbuttun{
	width:50px;
	margin:0 0 0 0;
	padding:0;
	float:left;
	}

input#search_button{
	width:53px;
	height:22px;
	}

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

#linkarea{
	width:495px;
	text-align:right;
	margin:25px 0 0 0;
	padding:0;
	float:left;
	}

#linkarea p{
	/*
	margin:0 10px 0 0;
	*/
	margin:0 9px 0 0;
	padding:0;
	float:right;
	}

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

#rankarea{
	width:240px;
	background:url(../img/index/rank_ft.gif) no-repeat bottom;
	background-color:#EADDDD;
	margin:0 10px 10px 0;
	padding:0px 0 0 0px;
	float:left;
	}

#rankarea .ranktx{
	margin:0 0 5px 0;
	padding:0 0 0 10px !important;
	font-size:10px;
	}

#rankarea p{
	margin:0 0 3px 0;
	padding:0;
	font-size:10px;
	}

#rankttl{
	background:url(../img/index/rank_ttl.gif) no-repeat;
	width:240px;
	height:36px;
	margin:0;
	padding:0;
	text-indent:-9999px;
	}

#mark1{
	font-size:14px !important;
	font-weight:bold;
	color:#800000 !important;
	padding:0 0 0 15px !important;
	margin:0 0 5px 0 !important;
	}

.mark2{
	font-size:12px !important;
	font-weight:bold;
	color:#800000 !important;
	padding:0 0 0 15px !important;
	margin:0 0 4px 0 !important;
	}

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

#quickarea{
	width:245px;
	height:120px;
	background:url(../img/index/quick_bg.jpg) no-repeat;
	float:left;
	margin:0 0px 10px 0;
	padding:0px 0 0 0px;
	}

#quickarea p{
	font-size:10px;
	margin:0;
	padding:65px 0 0 10px;
	width:120px;
	}

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

#shopnews{
	border-bottom:solid 1px #CCCCCC;
	border-right:solid 1px #CCCCCC;
	border-left:solid 1px #CCCCCC;
	width:491px;
	margin:0;
	padding:1px 1px 6px 1px;
	float:left;
	}

h3#newsttl{
	margin:0;
	padding:0;
	text-indent:-9999px;
	background:url(../img/index/shop_ttl.jpg) no-repeat;
	width:495px;
	height:31px;
	float:left;
	}
h3#infottl{
	margin:0;
	padding:0;
	text-indent:-9999px;
	background:url(../img/index/info_ttl.jpg) no-repeat;
	width:495px;
	height:31px;
	float:left;
	}

h4{
	margin:0;
	padding:6px 0 0 20px;
	font-weight:normal;
	font-size:14px;
	color:#333333;
	width:470px;
	height:23px;
	}

h4#nihonbashi{
	background:url(../img/index/shop_bg01.jpg) no-repeat;
	}
h4#harajyuku{
	background:url(../img/index/shop_bg02.jpg) no-repeat;
	margin-top:5px;
	}
h4#nakano{
	background:url(../img/index/shop_bg03.jpg) no-repeat;
	margin-top:5px;
	}
h4#peking{
	background:url(../img/index/shop_bg04.jpg) no-repeat;
	margin-top:5px;
	}

#shopnews p{
	font-size:12px;
	color:#666666;
	line-height:140%;
	margin:0;
	padding:0 0 0 5px;
	}

#infobox{
	border-bottom:solid 1px #CCCCCC;
	border-right:solid 1px #CCCCCC;
	border-left:solid 1px #CCCCCC;
	width:491px;
	margin:0 0 15px 0;
	padding:5px 1px 6px 1px;
	float:left;
	}

img{
	vertical-align:middle;
	}

#infobox ul{
	margin:0;
	padding:0;
	}
#infobox li{
	font-size:12px;
	color:#666666;
	line-height:145%;
	margin:0 0 5px 3px;
	padding:0 0 3px 15px;
	border-bottom:dotted 1px #CCCCCC;
	background:url(../shoplist/img/common/img_icon_bn.gif) 3px 5px no-repeat;
	list-style:none;
	}