@charset "UTF-8";

/*========================================

	yoshinogari common.css
	Since: 2010.01
	Editor: kiml
	Customize:

=========================================*/
/*========================================
	
		TOC(Table Of Contents)
	
		[1]:browser default
		[2]:common
		[3]:layout
		[4]:header
		[5]:glovalmenu, sidemenu
		[6]:footer

=========================================*/



/* [1]:browser default
=========================================*/
body,h1,h2,h3,h4,h5,h6,div,li,ul,dl,dt,dd,form,input,textarea,p{
	margin:0 ;
	padding:0; 
}
li{
	list-style:none;
}
img {
	border:0;
	vertical-align:top;
}
/*table{
	border-collapse:collapse;
	border-spacing:0;
}*/
strong,em{
	font-style:normal;
}
p{
	padding:0.5em 0;
}

/* [2]:common
=========================================*/
/* clear */
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	line-height: 0;
}
.clearfix {
	display: inline-block;
	min-height: 1%;
}
/*¥*/
* html .clearfix { height: 1%;}
.clearfix { display: block;}
/**/

.clear{
	clear: both;
}

/* base link */
a:link{color:#2B556C;}
a:visited{color:#2B556C;}
a:hover{text-decoration:none; color:#2B556C;}

div hr{display:none;}

/*backToTop*/
div#backToTop{
	clear:both;
	width:1000px;
	height:20px;
	margin:0 auto;
	padding:5px 0;
	text-align:right;
}
div.backToTop{
	padding:5px 0 15px;
	text-align:right;
}

/* textLink */
.textLink{
	padding:5px 0 5px 16px;
	background:url(../img_cmn/ico_arrow_r.gif) no-repeat 0 8px;
}







/* [3]:layout
=========================================*/
body{
	background:url(../img_cmn/bg.gif) repeat 0 0;
	text-align:center;
}
#header_area{
	width:1000px;
	height:79px;
	margin:0 auto;
	background:url(../img_cmn/header_bg.gif) no-repeat 0 0;
	text-align:left;
}
#main_area{
	width:1000px;
	height:167px;
	margin:0 auto;
	padding-bottom:18px;
	_padding-bottom:8px;/* for IE6 */
	background:url(../img_cmn/main_bg.jpg) no-repeat 0 0;
	text-align:left;
}
#contents_area{
	width:1000px;
	margin:0 auto;
	padding-bottom:20px;
	text-align:left;
}


/*========================================
	body:layout
	
	body_colmun1 : left
	body_colmun2 : center = whatsnew, infomation
	body_colmun3 : right
=========================================*/
#body_column1{
	width:240px;
	padding-right:20px;
	float:left;
}
#body_column2{
	width:562px;
	padding-right:19px;
	float:left;
}
#body_column3{
	width:158px;
	float:left;
}

/*========================================
	body:layout
	
	body_colmun1 : left
	body_colmun4 : right
=========================================*/
#body_column4{
	width:740px;
	float:left;
}


/*========================================
	body:layout
	
	body_colmun5 : center
=========================================*/
#body_column5{
	width:1000px;
	margin:0 auto;
	background:url(../img_cmn/mainbox_bg.gif) repeat-y 0 0;
	text-align:left;
}
.body_column5_top{
	width:1000px;
	margin:0 auto;
	padding-top:20px;
	background:url(../img_cmn/mainbox_top.gif) no-repeat 0 0;
}
.body_column5_bottom{
	width:1000px;
	margin:0 auto;
	padding-bottom:20px;
	background:url(../img_cmn/mainbox_bottom.gif) no-repeat 0 100%;
}
.body_column5_inner{
	width:960px;
	margin:0 auto;
	text-align:left;
}


/*========================================
	body:layout
	
	body_colmun6 : center
=========================================*/
.body_column6_inner{
	width:950px;
	margin:-5px auto 0;
	text-align:left;
}

/*========================================
	body:layout
	
	body_colmun7 : center
=========================================*/
.body_column7_inner{
	width:870px;
	margin:0 auto;
	text-align:left;
}
.body_column_line{
	width:1000px;
	height:4px;
	margin:0 auto;
	padding:20px 0 0;
	background:url(../img_cmn/mainbox_line.gif) no-repeat 0 0;
}






/* 中ページ　2カラム*/
#main_area_sub{
	width:1000px;
	height:92px;
	margin:0 auto;
	font-weight:normal;
	background:url(../img_cmn/h2_ttl.gif) no-repeat 0 0;
}
body#blog #main_area_sub{
	width:1000px;
	height:92px;
	margin:0 auto;
	background:url(../blog/img/h2_ttl.jpg) no-repeat 0 0;
	text-indent:-9999px;
	font-size:1px;
	overflow:hidden;
}


/* パンクズ */
p#topicpass{
	width:980px;
	margin:0 auto;
	padding-bottom:5px;
	font-size:84%;
	text-align:left;
}

#body_column5 p#topicpass{
	width:100%;
	padding-bottom:5px;
	font-size:84%;
	text-align:left;
}





/* [4]:header
=========================================*/
/* logo */
#header_area h1{
	margin-top:18px;
	float:left;
}

/* right --- sub-menu */
#header_area ul#head_smenu{
	float:right;
	width:268px;
	height:12px;
	margin:14px 0 17px 0;
}
#header_area ul#head_smenu li{
	float:left;
}

/* right */
#header_area #header_right_control{
	width:380px;
	float:right;
}

/* right --- font-size select Button */
#header_area #fontsize{
	clear:both;
	float:right;
	width:160px;
}
#header_area #fontsize p{
	float:left;
	padding:0 4px 0 20px;
}
#header_area #fontsize li{
	float:left;
	width:21px;
	height:21px;
	margin-left:6px;
	text-align:left;
	text-indent:-9999px;
	overflow:hidden;
	text-decoration:none;
}
#header_area #fontsize li a{
	display:block;
	width:21px;
	height:21px;
}
#header_area #fontsize li#sizeswitch1 a{
	background:url(../img_cmn/btn_fontsmall.gif) no-repeat;
}
#header_area #fontsize li#sizeswitch2 a{
	background:url(../img_cmn/btn_fontmedium.gif) no-repeat;
}
#header_area #fontsize li#sizeswitch3 a{
	background:url(../img_cmn/btn_fontlarge.gif) no-repeat;
}

/* right --- serach */
#header_area form#cse-search-box{
	float:right;
	width:220px;
	text-align:left;
	padding-top:2px;
}
#header_area form#cse-search-box #as_q{
	width:150px;
	height:18px;
	/height:14px;
	border:1px solid #ACBBBE;
}
#header_area form#cse-search-box #searchbtn{
	vertical-align:top;
	margin-left:5px;
}

/* main-area */
#main_area_inner{
	width:988px;
	height:161px;
	padding-top:17px;
	margin:0 auto;
	background:url(../img_cmn/main_ph.jpg) no-repeat 100% 6px;
}
.main_area_control_btn02{
	width:214px;
	height:134px;
	margin:0;
	padding:11px 0 0 18px;
	background:url(../img_cmn/t_total_bg01.gif) no-repeat 9px 0;
}
.main_area_control_btn02 p.date{
	padding:3px 0 6px;
	font-size:11px;
	line-height:100%;
}
.main_area_control_btn02_box{
	width:95px;
	height:64px;
	background:url(../img_cmn/t_total_bg02.gif) no-repeat 0 100%;
	text-align:center;
	float:left;
	padding:5px 6px 0 0;
}
.main_area_control_btn02_box p{
	font-size:12px;
	line-height:100%;
	padding-top:12px;
}





/* [5]:glovalmenu, sidemenu
=========================================*/
#gmenu_box_bottom{
	width:240px;
	margin:0 auto;
	background:transparent url(../img_cmn/gmenu_bottom.gif) no-repeat 0 100%;
	padding-bottom:1px;
}
ul#gmenu_box{
	width:240px;
	margin:0 auto;
	background:transparent url(../img_cmn/gmenu_bg.gif) repeat-y 0 0;
}
ul#gmenu_box li a{
	width:190px;
	margin-bottom:3px;
	padding:15px 10px 10px 40px;
	display:block;
	background:transparent url(../img_cmn/gmenu02.gif) no-repeat 0 0;
}
ul#gmenu_box li a:hover{
	background:transparent url(../img_cmn/gmenu02_over.gif) no-repeat 0 0;
}
ul#gmenu_box li a.crr{
	margin-bottom:0;
	background:transparent url(../img_cmn/gmenu02_over.gif) no-repeat 0 0;
}
ul#gmenu_box li.first a{
	width:190px;
	margin-bottom:3px;
	padding:15px 10px 10px 40px;
	display:block;
	background:transparent url(../img_cmn/gmenu01.gif) no-repeat 0 0;
}
ul#gmenu_box li.first a:hover{
	background:transparent url(../img_cmn/gmenu01_over.gif) no-repeat 0 0;
}
ul#gmenu_box li.first a.crr{
	margin-bottom:0;
	background:transparent url(../img_cmn/gmenu01_over.gif) no-repeat 0 0;
}


/* gmenu_sub2 */
ul#gmenu_box li ul li a,
ul#gmenu_box li.first ul li a{
	width:190px;
	display:block;
	padding:7px 10px 5px 34px;
	background:transparent url(../img_cmn/gmenu_sub.gif) no-repeat 0 0;
}
ul#gmenu_box li ul li.first a,
ul#gmenu_box li.first ul li.first a{
	width:190px;
	display:block;
	padding:7px 10px 5px 34px;
	background:transparent url(../img_cmn/gmenu_sub_first.gif) no-repeat 0 -3px;
}
ul#gmenu_box li ul li a:hover,
ul#gmenu_box li.first ul li a:hover{
	background:transparent url(../img_cmn/gmenu_sub.gif) no-repeat 0 0;
}
ul#gmenu_box li ul li.first a:hover,
ul#gmenu_box li.first ul li.first a:hover{
	width:190px;
	display:block;
	padding:7px 10px 5px 34px;
	background:transparent url(../img_cmn/gmenu_sub_first.gif) no-repeat 0 -3px;
}
ul#gmenu_box li ul li a.crr,
ul#gmenu_box li.first ul li a.crr,
ul#gmenu_box li ul li a:hover.crr,
ul#gmenu_box li.first ul li a:hover.crr{
	margin-bottom:3px;
	background:transparent url(../img_cmn/gmenu_sub_over.gif) no-repeat 0 0;
}
ul#gmenu_box li ul li.first a.crr,
ul#gmenu_box li.first ul li.first a.crr,
ul#gmenu_box li ul li.first a:hover.crr,
ul#gmenu_box li.first ul li.first a:hover.crr{
	margin-bottom:3px;
	background:transparent url(../img_cmn/gmenu_sub_first_over.gif) no-repeat 0 -3px;
}



/* gmenu_sub3 */
ul#gmenu_box li ul li ul li a,
ul#gmenu_box li.first ul li ul li a,
ul#gmenu_box li ul li.first ul li a,
ul#gmenu_box li.first ul li.first ul li a,
ul#gmenu_box li ul li ul li a:hover,
ul#gmenu_box li.first ul li ul li a:hover,
ul#gmenu_box li ul li.first ul li a:hover,
ul#gmenu_box li.first ul li.first ul li a:hover{
	width:170px;
	display:block;
	padding:7px 10px 5px 48px;
	background:transparent url(../img_cmn/gmenu_sub02.gif) no-repeat 0 0;
}





/* gmenu_bnr */
#gmenu_bnr_box{
	width:240px;
	margin:0 auto;
	padding-top:7px;
}
ul.gmenu_bnr{
	width:240px;
	margin-bottom:3px;
	padding-bottom:2px;
	background:transparent url(../img_cmn/right_bnr02.gif) no-repeat 0 100%;
}
ul.gmenu_bnr li{
	width:240px;
	background:transparent url(../img_cmn/right_bnr01.gif) no-repeat 0 0;
}
ul.gmenu_bnr li ul li a{
	width:150px;
	padding:8px 10px 7px 40px;
	display:block;
}
ul.gmenu_bnr li ul li.room{
	width:240px;
	background:transparent url(../img_cmn/icon_room.gif) no-repeat 95% 5px;
}
ul.gmenu_bnr li ul li.gikai{
	width:240px;
	background:transparent url(../img_cmn/icon_gikai.gif) no-repeat 95% 5px;
}
ul.gmenu_bnr li ul li.reiki{
	width:240px;
	background:transparent url(../img_cmn/icon_reiki.gif) no-repeat 95% 1px;
}



/* [6]:footer
=========================================*/
#footer{
	width:1000px;
	margin:0 auto;
	padding-bottom:10px;
	text-align:left;
}
#footer_name{
	width:1000px;
	height:41px;
	margin:0 auto;
	background:transparent url(../img_cmn/footer_bg.gif) no-repeat 0 0;
	text-align:center;
}
#footer_name p{
	font-weight:bold;
	padding-top:12px;
}
#footer_group dl{
	padding-top:5px;
	text-align:left;
}
#footer_group dl dt{
	font-weight:bold;
	float:left;
}
#footer_group dl dd{
	float:left;
}
#footer_group dl dd img{
	width:37px;
	padding:0 20px 0 10px;
}
#footer address{
	width:1000px;
	margin:0 auto;
	padding:10px 0;
	font-size:70%;
	text-align:center;
	font-style:normal;
	letter-spacing:0.2em;
	color:#666666;
}