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


/*
==INDEX=====================================================================

■孤山茶屋
┣基本設定
┣共通箇所
┣ナビゲーション
┣
┗

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


/*----------------------------------------
■基本設定
----------------------------------------*/

* {
	margin: 0;
	padding: 0;
}

body {
	font-size: 13px;
	line-height: 22px;
}

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


li{
	list-style-type: none;
}

img {
	border:none;
	vertical-align: bottom;/*イメージのbottomの余白を消す*/
	outline:none;
}

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

.for_top{
	margin: 20px 0px 10px auto;
	height: 30px;
	width: 95px;
}

/*詳しくはこちら*/

.com_for_btn{
	height: 29px;
	width: 101px;
	margin: 0px 0px 0px auto;
	padding: 5px 0px 0px;
	text-indent: -9999px;
}

.com_for_btn a{
	background: url(img/com_for_btn.gif) no-repeat;
	height: 29px;
	width: 101px;
	display: block;
}


.com_for_btn a:hover{
	background: url(img/com_for_btn_a.gif) no-repeat;
}



/*----------------------------------------
■共通箇所
----------------------------------------*/

#com_head{
	height: 122px;
	width: 100%;
	border-bottom: 1px solid #CCCCCC;
	background: url(img/com_head_bg.gif) repeat-x;
}

#com_head_in{
	height: 122px;
	width: 942px;
	margin: 0px auto;
}

#com_head_in_left{
	height: auto;
	width: 510px;
	float: left;
}

#com_head_in_left h1{
	font-size: 12px;
	font-weight: normal;
	line-height: 28px;
	padding: 0px 0px 8px;
}



#com_head_in_right{
	background: url(img/com_head_tel.gif) no-repeat;
	float: right;
	height: 90px;
	width: 290px;
	text-indent: -9999px;
}



#com_main_box{
	background: url(img/com_main_bg.gif) repeat-x;
	height: auto;
	width: 100%;
}

#com_main_box_in{
	margin: 0px auto;
	height: auto;
	width: 942px;
}


/*----------------------------------------
■ナビゲーション
----------------------------------------*/

#com_menu_box{
	background: url(img/com_menu_bg.gif) repeat-x;
	height: 78px;
	width: 100%;
}

#com_menu_box_bg{
	background: url(img/com_navi_bg_btm.gif) repeat-x bottom;
	height: 78px;
	width: 100%;
}

#com_menu_box_in{
	height: 71px;
	width: 942px;
	margin: 0px auto;
}

#com_menu_box_in li{
	float: left;
	display: block;
}

#com_menu_box_in li a{
	display: block;
}

#com_menu_btn_home a,
#com_menu_btn_guide a,
#com_menu_btn_dish a,
#com_menu_btn_feast a,
#com_menu_btn_catering a,
#com_menu_btn_information a{
	height: 71px;
	width: 157px;
	text-indent: -9999px;
}

/*ロールオン*/

#com_menu_btn_home{
	background: url(img/com_menu_btn_home_a.gif) no-repeat;
}

#com_menu_btn_guide{
	background: url(img/com_menu_btn_guide_a.gif) no-repeat;
}

#com_menu_btn_dish{
	background: url(img/com_menu_btn_dish_a.gif) no-repeat;
}

#com_menu_btn_feast{
	background: url(img/com_menu_btn_feast_a.gif) no-repeat;
}

#com_menu_btn_catering{
	background: url(img/com_menu_btn_catering_a.gif) no-repeat;
}

#com_menu_btn_information{
	background: url(img/com_menu_btn_information_a.gif) no-repeat;
}

/*ロールオーバー*/

#com_menu_btn_home a:hover{
	background: url(img/com_menu_btn_home.gif) no-repeat;
}

#com_menu_btn_guide a:hover{
	background: url(img/com_menu_btn_guide.gif) no-repeat;
}

#com_menu_btn_dish a:hover{
	background: url(img/com_menu_btn_dish.gif) no-repeat;
}

#com_menu_btn_feast a:hover{
	background: url(img/com_menu_btn_feast.gif) no-repeat;
}

#com_menu_btn_catering a:hover{
	background: url(img/com_menu_btn_catering.gif) no-repeat;
}

#com_menu_btn_information a:hover{
	background: url(img/com_menu_btn_information.gif) no-repeat;
}


/*----------------------------------------
■メインコンテンツ
----------------------------------------*/

#com_main_contents{
	margin: 0px auto;
	height: auto;
	width: 100%;
	background: url(img/com_maincontents_bg.gif) no-repeat;
}



#com_main_contents_in{
	margin: 0px auto;
	height: auto;
	width: 942px;
}

#top_contents_left{
	float: left;
	height: auto;
	width: 628px;
	padding: 30px 0px 0px;
}

#top_contents_right{
	float: right;
	height: auto;
	width: 291px;
	padding: 30px 0px 0px;
}

#top_contents_left_info{
	height: auto;
	width: 628px;
	background: url(img/top_main_pic_main.jpg) no-repeat right top;
}





/*トップページメニュー*/

.top_list_table{

}

.table_all_line{
	border: 1px solid #CCCCCC;
}

.table_bottom_line{
	border-bottom: 1px solid #CCCCCC;
}

.table_right_line{
	border-right: 1px solid #CCCCCC;
}

.table_all_left_line{
	border-right: 1px solid #CCCCCC;
}

.table_top_line{
	border-top: 1px solid #CCCCCC;
}


.top_list_text_boxleft{
	padding: 20px 0px 0px;
	height: auto;
	width: 295px;
}

.top_list_text_boxright{
	padding: 20px 0px 0px 10px;
	height: auto;
	width: 295px;
}

.top_list_text{
	padding: 10px 0px 0px;
}



#top_infobox_eigyou_box{
	height: auto;
	width: 628px;
	border-bottom: 1px solid #CCCCCC;
	margin: 20px 0px;
	background: url(img/top_infobox_eigyou_bg.jpg) no-repeat;
}

#top_infobox_eigyou_box_in{
	padding: 61px 0px 15px 217px;
	height: auto;
	width: 395px;
}

#top_infobox_eigyou_box_in p{
	padding: 0px 0px 0px 8px;
}

#top_infobox_eigyou_box_in td{
	padding: 6px 0px;
}

/*トップページライトコンテンツ*/



.top_right_itiran_box{
	background: url(img/top_right_cintents_bg.gif) no-repeat left bottom;
	height: auto;
	width: 291px;
	margin: 20px 0px 0px;
}

.top_right_itiran_box_in{
	margin: 0px auto;
	padding: 5px 0px 10px;
	height: auto;
	width: 265px;
}

.top_right_itiran_list li{
	background: url(img/com_kome01.gif) no-repeat 0px 7px;
	padding: 0px 0px 8px;
}

.top_right_itiran_list li a{
	padding: 0px 0px 0px 15px;	
}

#top_mobaile_box{
	height: auto;
	width: 275px;
	margin: 0px auto;
}

#top_mobaile_box p{
	font-size: 11px;
	line-height: 13px;
}



/*----------------------------------------
■フッター
----------------------------------------*/

#com_footer_bg{
	margin: 0px auto;
	height: 243px;
	width: 100%;
	background: url(img/com_footer_bg.gif) repeat-x bottom;
}

#com_footer_bg_in{
	margin: 0px auto;
	height: 243px;
	width: 942px;
	background: url(img/com_footer_pic.gif) no-repeat;
}

#com_footer_menu{
	text-align: center;
	padding: 65px 0px 0px 30px;
}

#com_footer_menu li{
	display: inline;
}

.com_footer_jyuusyo{
	text-align: right;
	height: auto;
	width: 100%;
}



/*----------------------------------------
■お料理
----------------------------------------*/

#dish_main_pic{

}

#dish_menu_box{

}

.dish_list_text_boxright{
	border-left: 4px solid #2e5b02;
	margin: 20px 0px 0px 10px;
	height: auto;
	width: 295px;
	padding-left: 7px;
}

.dish_list_text_boxleft{
	border-left: 4px solid #2e5b02;
	margin: 20px 0px 0px;
	height: auto;
	width: 295px;
	padding-left: 7px;
}



/*----------------------------------------
■店舗案内
----------------------------------------*/

#infomation_box{
	padding: 20px 0px 0px;
	height: auto;
	width: 942px;
}


#infomation_table_box,
#infomation_koshitsu_box{
	padding-bottom: 45px;
}

#infomation_nekai_box{
	padding-bottom: 5px;
}


#infomation_table_left{
	background: url(img/infomation_table_left.jpg) no-repeat;
	height: 487px;
	width: 391px;
}

#infomation_table_left_text{
	padding: 45px 0px 0px 20px;
}


#infomation_koshitsu_right{
	background: url(img/infomation_koshitsu_right.jpg) no-repeat;
	height: 486px;
	width: 391px;
}

#infomation_koshitsu_right_text{
	padding: 45px 0px 0px 28px;
}

#infomation_nekai_top{
	background: url(img/infomation_nekai_top.jpg) no-repeat;
	height: 59px;
	width: 942px;
	padding: 0px 0px 0px 135px;
	margin: 0px 0px 10px;
}

#map_box{
	padding: 3px 0px;
	height: auto;
	width: 942px;
	background: #CCCCCC;
	margin: 0px 0px 45px;
}

#map_box_in{
	margin: 0px 0px 0px 3px;
	height: auto;
	width: 986px;
}



#infomation_gaikan_box{
	background: url(img/infomation_gaikan_bg.jpg) no-repeat;
	height: 324px;
	width: 942px;
}


#infomation_gaikan_box_in{
	padding: 30px 0px 0px 20px;
	height: auto;
	width: 362px;
}



/*----------------------------------------
■仕出し
----------------------------------------*/

#catering_jyuji_list{
	padding: 20px 0px 20px 510px;
}

#catering_glupe_list{
	padding: 20px 0px 20px 390px;
}


/*----------------------------------------
■今月のおすすめ
----------------------------------------*/

#write_list_box{
	background-image: url(img/news_write_bg_btm.gif);
	background-repeat: no-repeat;
	background-position: center bottom;
}

#write_list_box_in{
	height: auto;
	width: 820px;
	margin: 0px auto;
}

.write_box_list{
	padding: 0px 0px 30px;
	height: auto;
	width: 820px;
}

.write_box_list .title{
	background: url(img/news_list_bar.gif) no-repeat;
	height: 37px;
	width: 820px;
}

.write_box_list .title span{
	font-size: 15px;
	color: #FFFFFF;
	padding: 8px 0px 0px 25px;
	display: block;
}

.write_box_in{
	padding: 15px 0px 0px;
	height: auto;
	width: 760px;
	margin: 0px auto;
}





/*--------------------------------------------------------------
	●CLEARFIX
----------------------------------------------------------------*/

.clearfix:after{
display:block;
clear:both;
height:0;
visibility:hidden;
content:".";
line-height:0;
}

.clearfix{
display:inline-table;
min-height:1%;
}

/* FOR MAC IE \*/
* html .clearfix{
height:1%;
}

.clearfix{
display: block;
}
/* END OF FOR MAC IE */







/*--------------------------------------------------------------
	●リンク
--------------------------------------------------------------*/

/*

a:link {
color: #000000;
text-decoration:none;
}

a:active {
color: #000000;
text-decoration:none;
}

a:visited {
color: #000000;
text-decoration:none;
}

a:hover {
color: #000000;
text-decoration:underline;
}

*/


/*--------------------------------------------------------------
	●マージン/パディング
--------------------------------------------------------------*/


.pt05 { padding-top: 05px;}
.pt10 { padding-top: 10px;}
.pt15 { padding-top: 15px;}
.pt20 { padding-top: 20px;}
.pt25 { padding-top: 25px;}
.pt30 { padding-top: 30px;}
.pt35 { padding-top: 35px;}
.pt40 { padding-top: 40px;}

.pb05 { padding-bottom: 05px;}
.pb10 { padding-bottom: 10px;}
.pb15 { padding-bottom: 15px;}
.pb20 { padding-bottom: 20px;}
.pb25 { padding-bottom: 25px;}
.pb30 { padding-bottom: 30px;}
.pb35 { padding-bottom: 35px;}
.pb40 { padding-bottom: 40px;}

.ml05 { margin-left: 05px;}
.ml10 { margin-left: 10px;}
.ml15 { margin-left: 15px;}
.ml20 { margin-left: 20px;}
.ml25 { margin-left: 25px;}
.ml30 { margin-left: 30px;}
.ml35 { margin-left: 35px;}
.ml40 { margin-left: 40px;}

.mr05 { margin-right: 05px;}
.mr10 { margin-right: 10px;}
.mr15 { margin-right: 15px;}
.mr20 { margin-right: 20px;}
.mr25 { margin-right: 25px;}
.mr30 { margin-right: 30px;}
.mr35 { margin-right: 35px;}
.mr40 { margin-right: 40px;}



/*--------------------------------------------------------------
	●フォント関連
--------------------------------------------------------------*/

.font10-15 {
	FONT-SIZE: 10px;
	LINE-HEIGHT: 15px;
}
.font12-18 {
	FONT-SIZE: 12px;
	LINE-HEIGHT: 18px;
}

.font13-22 {
	FONT-SIZE: 12px;
	LINE-HEIGHT: 18px;
}

.font14-20 {
	FONT-SIZE: 14px;
	LINE-HEIGHT: 20px;
}
.font20-24 {
	FONT-SIZE: 20px;
	LINE-HEIGHT: 24px;
}

.red{
	color: #FF0000;
}

.center{
	background: center;
}

.indent{
	text-indent: 5px;
}