@charset "UTF-8";
@media only screen and (max-width:600px){

/* =Reset default browser CSS.
Based on work by Eric Meyer: http://meyerweb.com/eric/tools/css/reset/index.html
-------------------------------------------------------------- */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table.table, caption, tbody, tfoot, thead, tr, th, td {border: 0;font-family: inherit;font-size: 100%;font-style: inherit;font-weight: inherit;margin: 0;outline: 0;padding: 0;vertical-align: baseline;}
:focus {outline: 0;}

ol, ul {list-style: none;}
table.table {border-collapse: separate;border-spacing: 0;}
caption, th, td {font-weight: normal;text-align: left;}
blockquote:before, blockquote:after,q:before, q:after {content: "";}
blockquote, q {quotes: "" "";}
a img{border: 0;}
figure{margin:0}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;}
/* -------------------------------------------------------------- */

body {
font-size:16px;
font-family:verdana,"ヒラギノ角ゴ ProN W4","Hiragino kaku Gothic ProN","メイリオ","Meiryo","ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
-webkit-text-size-adjust: none;
}

/* @font-face {
    font-family: 'boku';
    src: url('font/yasasisago.otf');
}
*/

/* リンク設定
------------------------------------------------------------*/
a{color:#333;text-decoration:none;}
a:hover{color:#f39800;}
a:active, a:focus {outline:0;}
a:hover img{
	opacity:0.8;filter:alpha(opacity=80);-ms-filter: "alpha( opacity=70 )";
	}


/* 全体
------------------------------------------------------------*/
#page{
background-color:#fff;
}

#wrapper{
margin:0 auto;
padding:0 0;
width:960px;
position:relative;

}

.inner{
margin:0 auto;
	width: 100%;
	padding:0;
}


.MGB_10{margin-bottom:10px;}
.MGB_20{margin-bottom:20px;}
.MGB_30{margin-bottom:30px;}
.MGB_50{margin-bottom:50px;}
.MGB_80{margin-bottom:80px;}
.MGB_100{margin-bottom:100px;}

.MGT_3{margin-top:3px;}
.MGT_5{margin-top:5px}
.MGT_10{margin-top:10px}
.MGT_30{margin-top:30px}
.MGT_50{margin-top:50px}

.MGT_-100{
margin-top:-100px
}

.MGL_5{margin-left:5px;}
.MGL_10{margin-left:10px;}
.MGL_15{margin-left:15px;}
.MGL_17{margin-left:17px;}
.MGL_20{margin-left:20px;}

/*************
/* ヘッダーデスク
*************/
#honyaku{
	width:100%;
	background-color:#000000;
	text-align:right;	
	}

#honyaku-white{
	width:100%;
	background-color:#fff;
	text-align:right;	
	}

#headerDesc {
height: 0px;
text-align:left;
}

#headerDescArea {
width: 960px;
margin: 0 auto;
}

#headerDesc h1{
padding:6px 0 0px 0px;
font-size:12px;
font-weight:normal;
color:#000;
}

/*************
/* ヘッダー
*************/
#header-back{
	background-image: url(img/navi-back.png);
	padding:20px 0px 0px 0px;
	}
	
#header-tatsumoto-back{
	margin-top: -300px;
	background-image: url(kuranomachi-assets/bgi-01.jpg);
	padding:20px 0px 70px 0px;
	background-position:top  center;
	background-repeat:repeat-x;
	}

#header{
	width:100%;
	position:relative;
	z-index: 5;
	margin:0px auto 0px auto;
}

#header-tatsumoto-other{
	top:0;
	width:100%;
	position:relative;
	margin:20px auto 20px auto;
	background-color:#fff;
}

#header-other{
background:#fff;
	top:0;
	width:1300px;
	position:relative;
	margin:0 auto 20px auto;
}

ul.headnav{
float:right;
padding:22px 0px 0px 0px;
text-align:right;
margin:0px 0px 0px 0px;
}

ul.headnav li{
float:left;
margin-bottom:20px;
padding:10px 15px 10px 28px;
font-size:11px;	
border:1px solid #fff;
background-image:url(img/icon_navy.png);
background-repeat:no-repeat;
background-position:10px 11px;
background-color:#f8f8f8;
}



/*************
/* ロゴ
*************/
.logo-genkicafe{
position:relative;
display:block;
text-align:center;
margin:0px auto 0px auto;
padding:0px 0px 15px 0px;
float: none;
z-index:2;
}

.logo-genkicafe img{
	width:20%;
	height:auto;
}

.logo-genkicafe-other-p{
position:relative;
margin:0px auto 0px auto;
padding:0px 0px 15px 0px;
float: none;
z-index:2;
width:80%;
text-align:center;
}

.logo-genkicafe-other-p img{
	width:70%;
	height:auto;
}



.logo{
position:relative;
margin:5px 0px 0px 0px;
padding:0px 0px 15px 20px;
float:left;
z-index:2;
}

.logo img{
	max-width:60%;
	height:auto;
}

/*************
/* 電話番号
*************/
.info{
margin:0px auto 5px auto;
padding:20px 0px 0px 0px;
	float: right;
	margin:0px 0px 0px 0px;
width:60%;
}

	
.tel{
float: left;
padding:5px 0px 0px 0px;
margin:0px 0px 0px 0px;
width:50%;
}

.add{
	float: left;
	margin-right:0px;
	margin-bottom:5px;
	font-size:11px;
	width:50%;
}

.add img{
	max-width:90%;
	height:auto;
}

.tel img{
	max-width:90%;
	height:auto;
}

/**************************
/* メイン画像（トップページ+サブページ）
**************************/
#mainBanner{
	position:relative;
	z-index:1;
}

#mainBanner img{
	width:100%;
	height:auto;
}

.content-goaisatsu img{
	max-width:700px;
	height:auto;
}

/*================================================
 *  スライドショー
 ================================================*/
.slide {
	overflow:hidden;
	position:relative;
}
.slideInner {
	list-style:none;
	margin:0;
	padding:0;
}
.slideInner li {
	position:absolute;
	width:100%;
	margin:0;
	padding:0;
	background-color:#fff;
	background-position:50% 0;
	background-repeat:no-repeat;
}

#owl-demo .item img{
    display: block;
    width: 100%;
    height: auto;
	border-bottom:#ededed 1px solid;
}


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

section.content02{
width:700px;
padding:0;
margin:0 auto;
overflow:auto;
line-height:35px;
overflow : hidden;
}

section.content-info{
width:960px;
padding:0;
margin:0 auto;
overflow:auto;
line-height:35px;
text-align: center;
}


section.content_boder{
	width:960px;
	padding:20px 0px 40px 0px;
	margin:0 auto;
margin-bottom:30px;
overflow:auto;
border-bottom:#FFF solid 1px;
}

section.content_boder-left{
	width:450px;
	padding:20px 0px 40px 0px;
margin-bottom:30px;
overflow:auto;
border-bottom:#FFF solid 1px;
float:left;
}

section.content_boder-right{
	width:450px;
	padding:20px 0px 40px 0px;
margin-bottom:30px;
overflow:auto;
border-bottom:#FFF solid 1px;
}

section.content-box{
width:600px;
padding:0px;
margin:0 auto;
margin-bottom:20px;
line-height:35px;
border-bottom:#ededed dotted 2px;
overflow : hidden;
background-color:#fff;
}

section.content-box02{
width:90%;
padding:30px;
margin:40px auto 0px auto;
line-height:35px;
border:#1477d5 solid 5px;
overflow : hidden;
background-color:#fff;
}

section.content p{margin-bottom:5px;}

section.content img{
max-width:100%;
height:auto;
}

.alignleft{
float: none;
clear:left;
margin:0px 0px 0px 0px;
}

.alignright{
float: none;
clear:right;
margin:0px 0px 0px 0px;
}


	
.pagetop {
	display: none;
	position: fixed;
	bottom: 30px;
	right: 55px;
}
.pagetop a {
	display: block;
	width: 50px;
	height: 50px;
	background-color:#666;
	text-align: center;
	color: #fff;
	font-size: 24px;
	text-decoration: none;
	line-height: 50px;
	-webkit-border-radius:50px;
	-moz-border-radius:50px;
}

.lead-a{
	font-size:25px;
	font-weight:bold;
	margin:0px 0px 20px 0px;
	}

.clear{
	clear:both;
	}

.headline-midashi{
	font-size:25px;
	color:#333;
	font-weight:bold;
	margin-top:0px;
	margin-bottom:30px;
	letter-spacing: -0.1px;
	padding:50px 0px 10px 0px;
	text-align:center;
	}

.headline-midashi span{
	border-bottom:#666 solid 1px;
	}
	
	
.headline-a{
	font-size:25px;
	color:#a01323;
	margin-top:0px;
	margin-bottom:10px;
	letter-spacing: -0.1px;
	padding:30px 0px 10px 0px;
font-family:"ＭＳ 明朝",serif;	
	}

.headline-service{
	font-size:30px;
	color:#1477d5;
	font-weight:bold;
	text-align:center;
	margin-top:0px;
	margin-bottom:10px;
	letter-spacing: -0.1px;
	padding:0px 0px 0px 0px;
	}

	
.headline-a span {
	border-bottom:3px solid #7ecef4;
	padding:10px 0;
	display:inline-block;
}
	

/* -----------------------------------------------------------
	　ブロック要素
----------------------------------------------------------- */
.block-card{
	clear:both;
	margin:0px auto 0px auto;
	display:block;
	text-align:center;
	width:100%;
	}

.block-card li{
	display:block;
	float: none;
	margin-bottom:20px;
	text-align:center;
	}
.block-card-basic{
	clear:both;
	margin:0px auto 0px auto;
	display:block;
	text-align:center;
	width:100%;
	}

.block-card-basic li{
	display:block;
	float: left;
	margin-bottom:20px;
	text-align:center;
		width:32%;
	height:auto;
	}

.block-card li.photo-2-left{
	margin-right:0px;
	}

.block-card li.photo-2-left25{
	margin-right:25px;
	}

.block-card li.photo-3-left{
	margin-right:15px;
	}
	
.block-card-jiseki li{
	float:left;
	margin-bottom:20px;
	padding:0px;
	background-color:#fff;
	border:#d8d8d8 1px solid;
	margin-left:20px;
	margin-bottom:40px;
	}

/* -----------------------------------------------------------
	　ブロック要素
----------------------------------------------------------- */
.block-card1200{
	overflow:hidden;
	clear:both;
	margin:30px auto 0px auto;
	display:block;
	text-align:center;
	max-width: 1500px;
	}

.block-card1200 li{
	float:left;
	margin-bottom:20px;
	text-align:center;
	}
	
.block-card1200 li.photo-2-left{
	margin-right:40px;
	}

.block-card1200 li.photo-2-left25{
	margin-right:5px;
	}

.block-card1200 li.photo-3-left{
	margin-right:15px;
	}
	
.block-card-jiseki li{
	float:left;
	margin-bottom:20px;
	padding:0px;
	background-color:#fff;
	border:#d8d8d8 1px solid;
	margin-left:20px;
	margin-bottom:40px;
	}
/* -----------------------------------------------------------
	　写真一つ　センターと価格
----------------------------------------------------------- */
.block-card-one{
	clear:both;
	margin:30px auto 0px auto;
	display:block;
	text-align:center;
	width:980px;
	}

.block-card-one li{
	margin-bottom:20px;
	text-align:center;
	}
/* -------------------------------------------------------- */

/* -----------------------------------------------------------
	　写真の左右揃え
----------------------------------------------------------- */
.ph-left{
	text-align:left;
	}
	
.ph-left img{
	width:100%;
	height:auto;
	}
.ph-right{
	text-align:right;
	}
	
.ph-right img{
	width:100%;
	height:auto;
	}
	
/* -------------------------------------------------------- */


.block-card-staff{
	display:block;
	width:300px;
	margin:0px auto 60px auto;
	}

.block-card-staff li{
	float: none;
	height: 100%;
	margin-bottom:20px;
	padding:0px;
	background-color:#fff;
	border:#d8d8d8 1px solid;
	margin-left:0px;
	margin-bottom:40px;
	}
	
.staff-name{
	text-align:center;
	font-weight:bold;
	}

.staff-katagaki{
	text-align:center;
	font-weight:bold;
	font-size:13px;
	}
.block-card-staff li p{
	width:280px;
	line-height:20px;
	margin:10px;
	font-size:13px;
	}

/*************
/* 商品名と価格
*************/
.syouhin-negumi{
	line-height:25px;
	}
	
.syouhin-negumi li{
	font-size:20px;
	font-weight:bold;
	}

.syouhin-negumi li.hinmei{
	float:left;
	padding-left:20px;
	text-align:left;
	}
	
.syouhin-negumi li.kakaku{
	float:right;
	color:#A40000;
	padding-right:10px;
	}
	
.syouhin-negumi li.hinmei3{
	float:none;
	text-align:left;
	padding-left:10px;
	}
	
.syouhin-negumi li.kakaku3{
	float:none;
	color:#A40000;
	padding-right:20px;
	text-align:right;
	}

.syouhin-negumi02{
	line-height:20px;
	}
.syouhin-negumi02 li{
	font-size:17px;
	}
.syouhin-negumi02 li.hinmei{
	float:left;
	padding-left:10px;
	text-align:left;
	}
.syouhin-negumi02 li.kakaku{
	float:right;
	color:#A40000;
	padding-right:10px;
	}

/*************
/* 価格　商品名と価格センター揃え
*************/
.syouhin-negumi-center{
	line-height:25px;
	font-size:20px;
	font-weight:bold;
	}
.syouhin-negumi-center span{
	color:#A40000;
	margin-left:10px;
	}
	

/*************
/* 商品名と価格　価格のみ
*************/
.kakaku-kumi-left{
	float: none;
	margin:0px auto;
	width:90%;
	}

.kakaku-underline{
	overflow:hidden;
	border-bottom:#666 1px dotted;
	margin-bottom:20px;
	padding-bottom:15px;
	}
	
.kakaku-kumi-right{
	float: none;
	width:90%;
	margin:0px auto;
	}

.txt-bg-f3d6c8{
	background-color:#f3d6c8;
	margin-bottom:20px;
	}

.txt-bg-000{
	background-color:#000;
	margin-bottom:20px;
	color:#fff;
	}

/*************
/* 表組み
*************/
.hyou-underline{
	overflow:hidden;
	border-bottom:#666 1px dotted;
	margin-bottom:20px;
	}

.hyou{
	line-height:25px;
	font-size:20px;
	font-weight:bold;
	}
	
.hyou-koumoku{
	float:left;
	padding-left:10px;
	text-align:left;
	}
	
.hyou-naiyou{
	font-weight:normal;
	font-size:18px;
	padding-left:10px;
	text-align:left;
	margin-left:100px;
	}

.service-midashi{
	text-align:center;
	color:#fff;
	font-weight:bold;
	background-color:#72aad6;
	width:100px;
	}
	

.block-card-jiseki li p{
	width:200px;
		line-height:35px;
		margin-left:20px;
	}
	


.footer_spec{
	float:left;
	margin-right:80px;
	margin-top:50px;
	}
	
.footer_spec li{
	margin-bottom:5px;
	}

.fukidashi{
	background-image:url(img/tsurumi_fukidashi.png);
	background-repeat:no-repeat;
	background-position:-10px -10px;
	height:120px;
	padding:70px 0px 0px 40px;
	font-size:28px;
	color:#CC0000;
	font-weight: 100;
	}

.fukidashi2{
	background-image:url(img/tsurumi_fukidashi.png);
	background-repeat:no-repeat;
	background-position:-10px -10px;
	height:140px;
	padding:70px 0px 0px 90px;
	font-size:28px;
	color:#CC0000;
	font-weight: 100;
	}
	
.fukidashi_shita{
	padding:0px 0px 30px 120px;
	font-size:28px;
	color:#CC0000;
	font-weight: 100;
	}
	
.katsudon{
	margin:-50px -10px 0px 0px;
	}
	
.maintext{
	line-height:30px;
	margin:0px 0px 30px 0px;
	}

.maintext span{
	color:#E34322;
	font-weight:bold;
	}
	
.maintext-white{
	line-height:30px;
	margin:0px 0px 30px 0px;
	color:#fff;
	}
	
.maintext-sekino{
	line-height:30px;
	margin:60px 40px 20px 0px;
	}
	
.maintext-sekino span{
	font-size:25px;
	color:#1477d5;
	font-weight:bold;
	}

.check-list{
	margin:20px 0px 50px 0px;
	}

.check-list li{
	padding:5px 0px 5px 40px;
	font-size:20px;
	color:#CC0000;
	font-weight:bold;
	background-image:url(img/check_icon.png);
	background-repeat:no-repeat;
	background-position:3px 10px;
	border-bottom: 1px dashed #ddd;
	width: 450px;
	line-height:45px;
	}
	
.syousai_box{
	clear:both;
	text-align:center;
	margin:50px 0px 0px 0px;
	}
	
.syousai_box-l{
	text-align:left;
	margin:30px 0px 0px 0px;
	}

.syousai_box-r{
	text-align:right;
	margin:5px 0px 0px 0px;
	}
.infiniteslide1 li {
	float: left;
}

/*************
テーブル
*************/
table.table{
border-collapse:collapse;
margin:0 auto;
width:90%;
}

table.table td{
	display: block;
border-collapse:collapse;
text-align:left;
padding:20px;
border:1px solid #D6D6D6;
line-height:20px;
font-weight:normal;
background-color:#fff;
}

table.table th{
	display: block;
vertical-align: middle;
background-color:#f8f8f8;
text-align:center;
padding:20px;
white-space:nowrap;
color: #151515;
border-top:1px solid #D4D4D4;
border-right:1px solid #D4D4D4;
border-bottom:1px solid #D4D4D4;
border-left:1px solid #D4D4D4;
letter-spacing:1px;
background-repeat:repeat-x;
background-position:top;
}

.hissu {
	color: #FF0000;
	margin:20px 0px 20px 0px;
}

.submit{
	width:70%;
	margin:30px auto;
	text-align:center;
	border:3px solid #D4D4D4;
	background-color:#f8f8f8;
	padding:15px 0px;
	}
	
/*************
/* サイドバー
*************/
#sidebar{
	margin-top:8px;
	}
#sidebar ul{padding:0px;}

#sidebar li{
margin-bottom:10px;
padding-bottom:0px;
list-style:none;
}

#sidebar li:last-child{
border:0;
margin-bottom:0px;
}

#sidebar li a{
display:block;
}

.annai{
	width:230px;
	background:#FFF;
	margin-bottom:30px;
	}

.annai p{
	width:205px;
	border-left: 5px solid #1477d5;
	padding:5px 10px 5px 10px;
	margin-bottom:10px;
	color: #1477d5;
	background-color:#f8f8f8;
	}

.annai ul li{
	font-size:13px;
	border-bottom: #CCC dotted 1px;
	padding:0px 10px 20px 20px;
	}

/*************
/* フッター
*************/
#footer{
clear:both;
overflow:hidden;
padding:0px 10px 20px 10px;
background:#d5d5d5;
}

* html #footer{height:1%;}

ul.footnav{
padding:30px 0;
text-align:center;
margin:0 auto;
width:510px;
}

ul.footnav li{
float:left;
margin-bottom:10px;
padding:0px 7px 0px 7px;
font-size:13px;	
border-left:1px solid #00164b;
}

ul.footnav li.footerlast{
float:left;
margin-bottom:10px;
padding:0px 7px 0px 7px;
font-size:13px;	
border-right:1px solid #00164b;
border-left:1px solid #00164b;
}

#footer a{color:#00164b;}
#footer a:hover{color:#888;}

address{
clear:both;
padding:10px 0 0 5px;
height:30px;
margin-top:10px;
margin-bottom:10px;
text-align:center;
	font-size:13px;	
}

#footer2{
clear:both;
overflow:hidden;
padding:0px 0px 0px 0px;
background:#fff;
}

#footer-spc{
	background:#000;
	padding:40px 0px 40px 0px;
	width:100%;
	overflow:hidden;
}

.footer-add{
	width:100%;
	margin:0 auto;
	color:#fff;
}

.footer-addmap{
	float: none;
	width:90%;
	padding:20px 0px 0px 0px;
	margin:0 auto;
}

.footer-add iframe{
	width:100%;
}

.footer-logo-img{
	text-align:center;
	}
.footer-logo-img img{
	width:100%;
	height:auto;
	}
	
.footer-area{
	margin-top:20px;
	}
	
.footer-area span{
	font-size:14px;
	line-height:30px;
	}
	
.footer-inq{
	margin:20px auto;
	padding:10px;
	border:#fff 1px solid;
	width:80%;
	text-align:center;
	}

.footer-inq a{
	margin-top:20px;
	padding:10px;
	width:50%;
	text-align:center;
	color:#fff;
	}
	
.footer-inq a:hover{
	margin-top:20px;
	padding:10px;
	width:50%;
	text-align:center;
	color:#999;
	}

.footer-link{
	margin:20px 0px 10px 0px;
	font-size:14px;
	}

.footer-link a{
	color:#FFFFFF;
	}

#page-title-s{
	background:#d8d2c4;
	width:100%;
	height:10px;
}

#page-title{
	background:#333;
	padding:60px 0px 60px 0px;
	width:100%;
	height:auto;
}

#page-title span{
	display:block;
	text-align:center;
	font-size:24px;
	font-weight:bold;
	color:#fff;
}


#page-title-tatsumoto{
	background:#a40035;
	padding:60px 0px 60px 0px;
	width:100%;
	height:auto;
}

#page-title-tatsumoto span{
	display:block;
	text-align:center;
	font-size:24px;
	font-weight:bold;
	color:#fff;
}


/* -----------------------------------------------------------
	センター揃え　テキスト文　（挨拶など）　
----------------------------------------------------------- */
.txt-center-A{
	margin:10px auto 30px auto;
	line-height:50px;
	width:95%;
}

.goaisatsu-cafe-top-txt{
	width:90%;
	margin:10px auto 30px auto;
	line-height:30px;
}

.goaisatsu-lunch-txt{
	font-family:"ＭＳ 明朝",serif;
	margin:10px auto 0px auto ;
	width: 95%;
	text-align: left;
}


/*************
/* ブログ　ウィジェット
*************/
	
	
/*************
/* お知らせトップ見出し
*************/

	
/* お問い合わせ
----------------------------------------------------------- */

.info_news{
	width:90%;
	padding:10px;
}

.info_news li{
	padding: 15px 0px 13px 10px;
	font-size: 16px;
	font-weight: normal;
	line-height:20px;
}

.day{
	float: none;
	color:#C30;
	margin-right:30px;
	text-align:left;
	}

.category{
	float:left;
	font-size:10px;
	background-color:#fff;
	width:100px;
	text-align:center;
	border-radius: 5px;
	}
	
	


/* -----------------------------------------------------------
	Contact Form7 
	設定
----------------------------------------------------------- */
dd {
	background-color:#FFF;
	padding:20px 30px 20px 30px;
}

dd {
	background-color:#FFF;
	padding:20px 20px 20px 20px;
}

dl#form1 dt {
	border-top: 1px solid #ddd;
	border-right: 1px solid #ddd;
	clear: left;
	float: left;
	width:250px;
}

.inq_tel{
	font-size:24px;
	font-weight:bold;
	text-align:center;
	margin-bottom:30px;
	margin-top:50px;
	}

.inq_time{
	font-size:18px;
	font-weight:bold;
	text-align:center;
	margin-bottom:70px;
	margin-top:30px;
	}

/* PC用
------------------------------------------------------------
@media only screen and (min-width: 601px){*/
	
section.content{
width: 100%;
padding:0;
margin:0 auto;
overflow:auto;
line-height:35px;
overflow:hidden;
}
	
section.content-center{
width: 100%;
padding:0;
margin:100px auto 0px auto;
overflow:auto;
line-height:35px;
overflow:hidden;
text-align:center;
}

section.content-center img{
width:90%;
height:auto;
}

section.content-center-genki-other-p{
width:100%;
padding:0;
margin:0px auto 0px auto;
overflow:auto;
line-height:35px;
overflow:hidden;
text-align:center;
}

section.content-center-genki-other-p img{
width:90%;
height:auto;
}

/* -----------------------------------------------------------
	コンテンツ　980px　ベーシック
----------------------------------------------------------- */
section.content-basic{
width: 100%;
padding:0;
margin:0px auto 0px auto;
line-height:35px;
overflow:hidden;
text-align:center;
}
/* -------------------------------------------------------- */

/* -----------------------------------------------------------
	コンテンツ　1200px　ベーシック
----------------------------------------------------------- */
section.content-basic1200{
width:100%;
padding:0;
margin:0px auto 0px auto;
line-height:35px;
overflow:hidden;
text-align:center;
}

section.content-basic1200 p{
width: 95%;
margin:0px auto 0px auto;
}
/* -------------------------------------------------------- */

/* -----------------------------------------------------------
	コンテンツ　940px　ベーシック
----------------------------------------------------------- */
section.content-basic940{
width: 100%;
padding:0;
margin:0px auto 0px auto;
line-height:35px;
overflow:hidden;
text-align:center;
}

.map-tatsumoto img{
width: 100%;
height:auto;
}

section.content-basic940 p{
width: 95%;
margin:0px auto 0px auto;
}
/* -------------------------------------------------------- */

/* -----------------------------------------------------------
	コンテンツ　940px　写真と文字組
----------------------------------------------------------- */
section.content-L_photo-R_text{
width:100%;
overflow:hidden;
padding:0;
margin:50px auto 15px auto;
line-height:35px;
}

.photo-left{
	float: none;
	margin-right:0px;
	}
	
.block-card img{
	max-width:100%;
	height:auto;
	}


/* -------------------------------------------------------- */
section.content-goaisatsu{
width:100%;
padding:0;
margin:0px auto 0px auto;
overflow:auto;
line-height:35px;
overflow:hidden;
}

section.content-goaisatsu img{
	display:block;
width:90%;
padding:0;
margin:0px auto 0px auto;
}

section.content-gozen{
width:100%;
padding:0;
margin:0px auto 0px auto;
overflow:auto;
line-height:35px;
overflow:hidden;
text-align:center;
}

section.content-gozen img{
width:90%;
height:auto;
}

section.content-white-waku{
width:100%;
background-color:#fff;
padding:0;
margin:0px auto 0px auto;
overflow:auto;
line-height:35px;
overflow:hidden;
text-align:center;
}

section.content-akimatsuri{
width:95%;
padding:0;
margin:0px auto 0px auto;
overflow:auto;
line-height:35px;
overflow:hidden;
text-align:center;
}


section.content-akimatsuri img{
width:95%;
height:auto;
}

section.content-reason{
width:100%;
padding:0;
margin:0px auto 0px auto;
overflow:auto;
line-height:35px;
overflow:hidden;
text-align:center;
}

section.content-reason img{
width:95%;
height:auto;
}

section.content-reason .reason3{
width:140%;
height:auto;
margin-left:-100px;
}

section.content-top-service{
width:600px;
padding:0;
margin:0 auto;
overflow:auto;
line-height:35px;
overflow:hidden;
}

section.content-top-service-left{
width:650px;
padding:0;
margin:0 auto 0 51%;
overflow:auto;
line-height:35px;
overflow:hidden;
}

section.content-bussiness{
width:100%;
overflow:hidden;
padding:0;
margin:50px auto 0px auto;
line-height:35px;
}

section.content-bussiness img{
	width:100%;
height:auto;
}


section.content-link-banner{
width: 100%;
overflow:hidden;
padding:0px 0px 10px 0px;
margin:0px auto 0px auto;
}

section.content-req{
width:100%;
padding:0;
margin:20px auto 0px auto;
overflow:auto;
line-height:35px;
overflow:hidden;
text-align:center;
}
section.content-map{
width:980px;
padding:0;
margin:0px auto 80px auto;
overflow:auto;
overflow:hidden;
text-align:center;
}

section.content-news{
width:100%;
padding:0;
margin:0px auto 0px auto;
overflow:auto;
line-height:35px;
overflow:hidden;
text-align:center;
}
	

#wrapper_logo{
	margin:-40px auto 20px auto;
	background-image:url(hirama-assets/hirama-logo-center.png);
	background-repeat:no-repeat;
	background-position:center top;
	padding-top:100px;
	}
	
	#wrapper_yellow{
	background-color:#ededed;
	padding:10px 0px 50px 0px;
	border-top:1px solid #e2e2e2;
	}
	
	#wrapper_blue{
	background-color:#f0f8ff;
	padding:10px 0px 50px 0px;
	background-image:url(img/back2pxwhite.png);
	}
	
	#wrapper_01{
	background-color:#E1DBBB;
	padding:30px 0px 80px 0px;
	background-image:url(img/wood.png);
	}
	
	#wrapper_02{
	background-color:#F8B62D;
	padding:30px 0px 80px 0px;
	background-image:url(img/tsurumi_patan.png);
	}
	
	#wrapper_akimatsuri{
	padding:80px 0px 80px 0px;
	background-image: url(kuranomachi-assets/bgi-03.jpg);
	background-repeat: repeat-x;
	}
	
	#wrapper_erabareru{
	padding:10px 0px 10px 0px;
	background-image: url(kuranomachi-assets/bgi-04.jpg);
	background-repeat: repeat-x;
	}
	
	#wrapper_koshitsu{
	padding:0px 0px 20px 0px;
	background-image: url(kuranomachi-assets/bgi-07.jpg);
	}
	
	#wrapper_nankin{
	padding:10px 0px 10px 0px;
	background-image: url(tatsumoto-assets/whatsback.png);
	background-position:top center;
	background-repeat: repeat-x;
	}
	
	#wrapper_access{
	padding:10px 0px 20px 0px;
	background-image: url(kuranomachi-assets/bgi-06.jpg);
	background-position:top center;
	background-repeat: repeat-x;
	}
	
	#wrapper_link-banner{
	padding:10px 0px 10px 0px;
	background-image: url(kuranomachi-assets/bgi-07.jpg);
	}
	
	#wrapper_gc-news{
	padding:0px 0px 0px 0px;
	background-image: url(tatsumoto-assets/genkicafe_news_back.png);
	background-position:top left;
	background-repeat:no-repeat;
	background-size: auto 40%;
	}
	
/* -----------------------------------------------------------
	バックの和紙柄　ベージュ
----------------------------------------------------------- */
	#wrapper_basic-A{
	padding:80px 0px 60px 0px;
	background-image: url(img/bgi.png);
	}
/* -------------------------------------------------------- */
	
/* -----------------------------------------------------------
	バックの和紙柄　ベージュ　濃い方
----------------------------------------------------------- */
	#wrapper_basic-B{
	padding:80px 0px 60px 0px;
	background-image: url(kuranomachi-assets/bgi-07.jpg);
	}
/* -------------------------------------------------------- */
/* -----------------------------------------------------------
	バックの木目柄
----------------------------------------------------------- */
	#wrapper_wood{
	padding:80px 0px 60px 0px;
	background-image: url(about-assets/wood-back.png);
	}
/* -------------------------------------------------------- */
	
	#wrapper_white{
	background-color:#fafafa;
	padding:10px 0px 40px 0px;
	background-image: url(image/shikiri-shadow.png);
	background-repeat: repeat-x;
	border-top:1px solid #e2e2e2;
	}
	
	#wrapper_house{
	background-color:#fff;
	padding:10px 0px 60px 0px;
	background-image: url(hikarisouken-assets/footer-house.png);
	background-repeat: repeat-x;
	background-position:bottom;
	}
	
	#wrapper_gray{
		clear:both;
	background-color:#ededed;
	padding:50px 0px 50px 0px;
	}
	
	#wrapper_white2{
	background-color:#fff;
	padding:0px 0px 60px 0px;
	}
	
	#wrapper_white3{
	background-color:#fff;
	padding:100px 0px 100px 0px;
	}
	
	#wrapper_nline{
	background-color:#fff;
	padding:25px 0px 40px 0px;
	background-image: url(backimg/hikari-back03.jpg);
	background-repeat: repeat-x;
	}
	
	#wrapper_04{
	background-color:#E1DBBB;
	padding:30px 0px 80px 0px;
	}
	
	#wrapper_photoimg01{
	padding:30px 0px 0px 0px;
	background-image:url(img/tochigisyoudoku_backimg02.png);
	}

	#wrapper_photoimg02{
	padding:30px 0px 30px 0px;
		background-image:url(img/tochigisyoudoku_backimg02.png);
	}
	
	#wrapper_sement{
	background-image:url(sugita-assets/sement-back.png);
	background-position:center center;
	background-repeat:no-repeat;
	padding:120px 0px 120px 0px;
	border-top:1px solid #333;
	background-size:100% auto;
	}
	
	#wrapper_sement-50{
	background-image: url(bussiness-assets/sement-back.jpg);
	background-position:left center;
	background-repeat:no-repeat;
	padding:120px 0px 120px 0px;
	border-top:1px solid #666;
	background-size:100% auto;
	background-color:#666;
	}
	
	#wrapper_namakon{
	background-image: url(sugita-assets/namakon-back.png);
	background-position:center center;
	background-repeat:no-repeat;
	padding:120px 0px 120px 0px;
	border-top:1px solid #333;
	background-size:100% auto;
	}
	
	#wrapper_namakon-50{
	background-image: url(bussiness-assets/namakon-back.jpg);
	background-position:center center;
	background-repeat:no-repeat;
	padding:120px 0px 120px 0px;
	border-top:1px solid #666;
	background-size:100% auto;
	}
	
	#gozen-back{
	background-image:url(kuranomachi-assets/bgi-02.jpg);
	background-position:top center;
	background-repeat:no-repeat;
	padding:0px 0px 100px 0px;
	}
	
	#wrapper_human-50{
	background-image: url(strong-assets/human-back2.jpg);
	background-position:left center;
	background-repeat:no-repeat;
	padding:100px 0px 100px 0px;
	background-size:100% auto;
	background-color:#fabe00;
	}
	
	#wrapper_object-50{
	background-image: url(strong-assets/object-back2.jpg);
	background-position:left center;
	background-repeat:no-repeat;
	padding:100px 0px 100px 0px;
	background-size:100% auto;
	background-color:#92ab23;
	}
	
	
	#wrapper_thing-50{
	background-image: url(strong-assets/thing-back2.jpg);
	background-position:left center;
	background-repeat:no-repeat;
	padding:100px 0px 100px 0px;
	background-size:100% auto;
	background-color:#0099d9;
	}
	
	#wrapper_souko{
	background-image: url(sugita-assets/kasisouko-back.png);
	background-position:center center;
	background-repeat:no-repeat;
	padding:120px 0px 120px 0px;
	border-top:1px solid #333;
	background-size:100% auto;
	}
	
	#wrapper_souko-50{
	background-image: url(bussiness-assets/kasisouko-back.jpg);
	background-position:center center;
	background-repeat:no-repeat;
	padding:120px 0px 120px 0px;
	border-top:1px solid #666;
	background-size:100% auto;
	}
	
	#wrapper_washroom{
	background-image: url(service-assets/hirama-wash-back.png);
	background-repeat:no-repeat;
	padding:30px 0px 60px 0px;
	border-top:1px solid #333;
	}
	
	#wrapper_top{
	padding:20px 0px 0px 0px;
	border-top:1px solid #666;
	background-size:cover;
	}
	
	#wrapper_about{
	background-image: url(about-assets/about-topimg.jpg);
	background-position:center center;
	background-repeat:no-repeat;
	padding:0px 0px 100px 0px;
	border-top:1px solid #666;
	background-size:cover;
	}
	
	#wrapper_bussiness{
	background-image: url(kuranomachi-assets/tatsumoto-top-img.png);
	background-position:top center;
	background-repeat:no-repeat;
	height:752px;

	}
	
	#wrapper_strong{
	background-image: url(strong-assets/strong_top_img.jpg);
	background-position:center center;
	background-repeat:no-repeat;
	padding:0px 0px 100px 0px;
	border-top:1px solid #666;
	background-size:cover;
	}
	
	#wrapper_inq{
	background-image: url(inq-assets/inq-topimg.jpg);
	background-position:center center;
	background-repeat:no-repeat;
	padding:0px 0px 100px 0px;
	border-top:1px solid #666;
	background-size:cover;
	}
	
	#wrapper_privacy{
	padding:0px 0px 0px 0px;
	border-top:1px solid #666;
	}
	
	#globalPankuzu{
	background:#242424;
	}
	#globalPankuzu .pankuzuBase .pankuzu .link,#globalPankuzu .pankuzuBase .pankuzu .link a{
	color:#fff;
	font-size:11px;
	}
	#globalPankuzu .pankuzuBase{
	width:100%;
	margin:0 auto;
	}
	#globalPankuzu .pankuzuBase .pankuzu{
	padding:10px;
	}
	#globalPankuzu .pankuzuBase .pankuzu .link{
	display:inline-block;
	vertical-align:middle;
	*vertical-align:auto;
	*zoom:1;
	*display:inline;
	}
	#globalPankuzu .pankuzuBase .pankuzu .link:after{
	content:">";
	margin:0 8px;
	}
	#globalPankuzu .pankuzuBase .pankuzu .link:last-child:after{
	content:"";
	}
	#globalPankuzu .pankuzuBase .pankuzu .link a:hover{
	text-decoration:underline;
	}
	#globalPankuzu .pankuzuBase .pankuzu .link span{
	font-weight:bold;
	}
	
	
	#arrow_white{
	background-color:#ededed;
	text-align:center;
	background-image:url(img/tochigisyoudoku_top_arrow_white.png);
	background-position:center -2px ;
	background-repeat:no-repeat;
	height:32px;
	border-bottom: 1px solid #e2e2e2;
	}
	
	#arrow_gray{
	background-color:#e8e8e8;
	text-align:center;
	background-image:url(img/tochigisyoudoku_top_arrow_gray.png);
	background-position:center -2px ;
	background-repeat:no-repeat;
	height:32px;
	border-bottom: 1px solid #e2e2e2;
	}
	
	#arrow_blue{
	background-color:#e8e8e8;
	text-align:center;
	background-image:url(img/tochigisyoudoku_top_arrow_blue.png);
	background-position:center -2px ;
	background-repeat:no-repeat;
	height:32px;
	border-bottom: 1px solid #e2e2e2;
	}
	
	.headline-b{
	font-size:25px;
	color:#00164b;
	font-weight:bold;
	text-align:center;
	margin-top:40px;
	margin-bottom:30px;
	letter-spacing: -0.1px;
	border-bottom:1px solid #00164b;
	padding:20px 0px 10px 0px;
	}
	
	#shikiri-shadow{
	text-align:center;
	background-image: url(image/shikiri-shadow.png);
	background-repeat: repeat-x;
	height:10px;
	border-top:1px solid #e2e2e2;
	}
	
	
	.fixed {
	background-color: #fff;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 10000;
	filter:alpha(opacity=70);
	-moz-opacity: 0.7;
	opacity: 0.7;
}

	#main{
	float:left;
	width:700px;
	padding:0px 0px 0px 0px;
	background:#fff;
	}
	
	#sidebar{
	float:right;
	width:230px;
	padding:40px 0px 0 0px;
	overflow:hidden;
	color:#999;
	}
	
	.main-othertop-text{
		margin:30px auto 30px auto;
		width:980px;
		text-align:center;
		line-height:30px;
		color:#fff;
		}
	
	.main-goaisatsu-text{
		margin:30px auto 30px auto;
		width: 100%;
		text-align:left;
		line-height:30px;
		}
		
	.strong_basic{
		margin:30px auto 30px auto;
		width:700px;
		text-align:center;
		line-height:30px;
		}
	
	nav#mainNav-m{
	clear:both;
	width:100%;
	margin:0 auto;
	padding:0;
	background:#000;
  border-bottom:1px solid #e4e4e4;
	}
	
nav#mainNav-m a.menu{
	width:100%;
	display:block;
	height:50px;
	line-height:50px;
	font-weight: bold;
	text-align:left;
	color:#FFF;
	font-size:15px;
	padding-left:10px;
	}

	nav#mainNav-m a#menu span{padding-left:10px;}
	nav#mainNav-m a.menu span:before{content: "▶ ";	}
	nav#mainNav-m a.menuOpen span:before{content: "▼ ";}

	nav#mainNav-m a#menu:hover{cursor:pointer;}

	nav .panel{
	display: none;
	width:100%;
	position: relative;
	right: 0;
	top:0;
	z-index: 1;
	}

	nav#mainNav-m ul li{
	float: none;
	clear:both;
	width:100%;
	height:auto;
	line-height:1.2;
	background-color:#fff;
	font-size:15px;
	}

	nav#mainNav-m ul li a,nav#mainNav-m ul li.current-menu-item li a{
	display: block;
	padding:15px 10px;
	text-align:left;
	border-bottom:1px dotted #ccc;
	color:#000;
	}
	
	nav#mainNav-m li.active a, nav#mainNav-m li a:hover{
	color:#999;
  	background:#fff;
	padding-top:15px;
	padding-left:30px;
	}
	
	nav#mainNav-m ul li a span{padding-left:10px;}
	
	nav#mainNav-m ul li:first-child a{
	border-top:1px solid #e4e4e4;
	}
	
	nav#mainNav-m ul li:last-child a{border:0;}
	
	nav#mainNav-m ul li.active a{color:#000;}

	nav div.panel{float:none;}
	
	
/**************************
/* 下層ページ用共通
**************************/
#sub-mainimg{
margin:0px auto 0px auto;
background-color:#f0f8ff;
border-bottom:1px solid #ebebeb;
background-image:url(img/back2pxwhite.png);

}

#sub-mainimg img{
width:960px;
height: auto;
}

#sub-mainimg-text{
margin:0px auto 0px auto;
padding:0px 0px 0 30px;
width:930px;
height: 80px;
font-size:30px;
color:#1477d5;
font-weight:bold;
line-height:80px;
}

#sub-mainimg-text a{
color:#1477d5;
}

#pans-inner {
	color: #666;
	margin-top: 20px;
	margin-bottom: -20px;
	padding-left:30px;
		font-size:12px;
}

.headline-c{
	font-size:30px;
	color:#1477d5;
	font-weight:bold;
	text-align:center;
	margin-top:20px;
	margin-bottom:30px;
	letter-spacing: -0.1px;
	border-top:2px solid #1477d5;
	border-bottom:2px solid #1477d5;
	padding:20px 0px 20px 0px;
	}
	
h3{
	font-size:20px;
	font-weight:bold;
	margin:10px auto 0px auto;
	padding:10px 20px 10px 0px;
	color:#0068b7;
	}


h4{
	font-size:20px;
	margin:10px auto 0px auto;
	padding:10px 20px 10px 20px;
	background-color:#ededed;
	width:90%;
	border-bottom:1px solid #fff;
	}

h4.blue{
	font-size:20px;
	margin:10px auto 0px auto;
	padding:10px 20px 10px 20px;
	background-color:#bbdffb;
	width:90%;
	border-top:1px solid #1477d5;
	border-left:3px solid #1477d5;
	}

h4 span{
	color:#1477d5;
	font-weight:bold;
	margin-right:5px;
	}
	
section.content02 ul{
width:90%;
padding:20px;
margin:0 auto;
background-color:#f8f8f8;
border-top:1px solid #ccc;
border-bottom:1px solid #ccc;
z-index:1;
}

section.content02 ul li{
list-style-type:square;
margin-left:20px;
}

.other-table{
border-collapse:collapse;
width:95%;
margin:5px auto 50px auto;
}

.other-table td{
text-align:right;
padding:10px 30px 10px 	10px;
border:1px solid #D4D4D4;
}

.other-table th{
width:40%;
vertical-align:top;
background-color:#f8f8f8;
text-align:left;
padding:10px 10px 10px 30px;
border-top:1px solid #D4D4D4;
border-bottom:1px solid #D4D4D4;
border-left:1px solid #D4D4D4;
background-repeat:no-repeat;
background-position:19px 23px;
background-image:url(img/ecalic002_036.png);
}

.menutext{
	margin:0px 0px 0px 40px;
	}
	
#arrow_gray2{
	text-align:center;
	background-image:url(img/tochigisyoudoku_top_arrow_gray.png);
	background-position:center -10px ;
	background-repeat:no-repeat;
	height:20px;
	}
	
.other-table td.about{
text-align:left;
padding:10px 30px 10px 	20px;
border:1px solid #D4D4D4;
}

.gaccessmap{
	margin:0px auto 0px auto;
	width:660px;
	}
		
.side-navi {
  list-style-type: none;
  margin: 0 0 2em;
  padding: 0;
}
.side-navi li { 
　display: inline;
}
.side-navi li  a {
  margin-bottom: 10px;
  padding: 30px 0 30px 20px;
  display: block;
  width: 205px;
  text-decoration: none;
  border-left: 5px solid #ededed;
  color: #1477d5;
}

.side-navi li.sekou{
background-image:url(img/s-sekou.png);
background-position:right 0px ;
background-repeat:no-repeat;
background-color: #fff;
}

.side-navi li.sekou a:hover {
background-color: #f8f8f8;
color: #1477d5;
border-left: 5px solid #1477d5;
background-image:url(img/s-sekou-a.png);
background-position:right 0px ;
background-repeat:no-repeat;
}

.side-navi li.koe{
background-image:url(img/s-koe.png);
background-position:right 0px ;
background-repeat:no-repeat;
background-color: #fff;
}

.side-navi li.koe a:hover {
background-color: #f8f8f8;
color: #1477d5;
border-left: 5px solid #1477d5;
background-image:url(img/s-koe-a.png);
background-position:right 0px ;
background-repeat:no-repeat;
}

.side-navi li.faq{
background-image:url(img/s-faq.png);
background-position:right 0px ;
background-repeat:no-repeat;
background-color: #fff;
}

.side-navi li.faq a:hover {
background-color: #f8f8f8;
color: #1477d5;
border-left: 5px solid #1477d5;
background-image:url(img/s-faq-a.png);
background-position:right 0px ;
background-repeat:no-repeat;
}


.syozoku{
	background-image:url(img/syoukoumark.png);
	background-position:420px 15px ;
	background-repeat:no-repeat;
	}
	
table.side{
border-collapse:collapse;
margin-bottom:30px;
}

table.side td{
font-size:13px;
border-collapse:collapse;
text-align:left;
padding:5px;
border-top:1px dotted #D4D4D4;
border-bottom:1px dotted #D4D4D4;
}

table.side th{
	font-size:13px;
	vertical-align: middle;
background-color:#f8f8f8;
text-align:center;
padding:20px;
white-space:nowrap;
border-top:1px dotted #D4D4D4;
border-bottom:1px dotted #D4D4D4;
letter-spacing:1px;
}
nav#mainNav{
		display:none;
	}

	/* 施工の流れ
---------------- */
.checkbox{
	background-image:url(imge/checkbox.png);
	background-position: left center;
	background-repeat:no-repeat;
	padding:3px 0px 0px 18px;
	margin-left:30px;
	}
.nagare{
	border-bottom:#999 dotted 1px;
	background-color:#fff;
	height: auto;
	padding:40px;
	overflow:hidden;
	}
.nagare-l{
	width:100%;
	float:left;
	}
.nagare-r{
	width:100%;
	float:right;
	}
.yajirushi{
	display:block;
text-align:center;
margin:-15px auto 0px auto;
	}
	
/* サイトマップ
----------------------------------------------------------- */
.bus-navi {
  list-style-type: none;
  padding: 0;
  background-color:#f8f8f8;
}
.bus-navi li { display: inline; }
.bus-navi li a {
  padding: 10px 0 10px 20px;
  display: block;
  width: 100%;
  text-decoration: none;
  border-top: 1px solid #ededed;
  color: #666;
  font-size:18px;
}
.bus-navi li a:hover {
  background-color: #eee;
  color: #666;
  border-top: 1px solid #ededed;
  font-size:18px;
}

.side-menu{
	width:100%;
 position:fixed;
 top:0px;
 filter:alpha(opacity=80);
	-moz-opacity: 0.8;
	opacity: 0.8;
}

.side-menu ul li{
	float:left;
	position: relative;
	width:20%;
	line-height:40px;
	background-color:#a40035;
	margin-bottom:1px;
	}

	.side-menu li a:hover{
		background-color:#fff;
		color:#a40035;
	}
	
	.side-menu ul li a{
	display: block;
	text-align: center;
	_float:left;
	font-size:10px;
	height:40px;
	color: #fff;
	}

.side-menu-top{
	display:none;
}

	.gnav {
display: none;
}
	
section.content-req img,.content-basic img{
width:100%;
	height: auto}
}