@charset "utf-8";
    /**
    * Eric Meyer's Reset CSS v2.0 (http://meyerweb.com/eric/tools/css/reset/)
    * http://cssreset.com
    */
    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, img, ins, kbd, q, s, samp,
    small, strike, strong, sub, sup, tt, var,
    b, u, i, center,
    dl, dt, dd, ol, ul, li,
    fieldset, form, label, legend,
    table, caption, tbody, tfoot, thead, tr, th, td,
    article, aside, canvas, details, embed,
    figure, figcaption, footer, header, hgroup,
    menu, nav, output, ruby, section, summary,
    time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
    }
    /* HTML5 display-role reset for older browsers */
    article, aside, details, figcaption, figure,
    footer, header, hgroup, menu, nav, section {
    display: block;
    }
    body {
    line-height: 1;
	font-family:Helvetica, Arial,
	Meiryo, メイリオ, sans-serif;
	color:#6d6250;
	background:url(../images/bg.png) repeat;
    }
    ol, ul {
    list-style: none;
    }
    blockquote, q {
    quotes: none;
    }
    blockquote:before, blockquote:after,
    q:before, q:after {
    content: '';
    content: none;
    }
    table {
    border-collapse: collapse;
    border-spacing: 0;
    }
	/*reset.css*/
	
	img,a{border:0;}
	a{outline:none;}
	a:hover{}

	a.bukken {color:#666666; }
	a.bukken:hover{text-decoration: none;}
	
	a:link{color:#80c28b;}
	a:visited{color:#80c28b}
	a:hover{color:#8bd397;}
	
	.fL{float:left;}
	.fR{float:right;}
	.clear{float:none;}
	
	.txtL{text-align:left;}
	.txtC{text-align:center;}
	.txtR{text-align:right;}
	
	.mgb5{
		margin-bottom:5px;
		}
	.mgb20{
		margin-bottom:20px;
		}
	.mgb10{
		margin-bottom:10px;
		}
	.mgb30{
		margin-bottom:30px;
		}
	.mgb40{
		margin-bottom:40px;
		}
	.mgb50{
		margin-bottom:50px;
		}
	.mgb60{
		margin-bottom:60px;
		}
	.mgb70{
		margin-bottom:70px;
		}
		
	.mgt5{
		margin-top:5px;
		}
	.mgt20{
		margin-top:20px;
		}
	.mgt10{
		margin-top:10px;
		}
	.mgt30{
		margin-top:30px;
		}
	.mgt40{
		margin-top:40px;
		}
	.mgt50{
		margin-top:50px;
		}
	.mgt60{
		margin-top:60px;
		}
	.mgt70{
		margin-top:70px;
		}
	
	img{
		vertical-align:bottom;
	}


/*-----------------------------------------------------
						clearfix
-----------------------------------------------------*/
	.clearfix:after {
		  content: ".";  /* 新しい要素を作る */
		  display: block;  /* ブロックレベル要素に */
		  clear: both;
		  height: 0;
		  visibility: hidden;
		}
		
	.clearfix{
		  min-height: 1px;
		}
		
	* html .clearfix {
		  height: 1px;
		}

	
		
		
/* ------------------------------------------------------------
										header
------------------------------------------------------------ */
	body{
		background-color:#FFF;
	}
	
	#wrap{
		margin:0 auto;
	}
	
	.head_area{
		width:100%;
		height:105px;
		background-color:#FFF;
	}
	
	.header_block{
		width:100%;
		height:105px;
		margin:0 auto;
		background-color:#FFF;
		position:relative;
		}
		
	.header_block h1{
		position:absolute;
		top:20px;
		left:20px;
		}
		
	.header_block h2{
		font-size:0.7rem;
		color:#333;
		line-height:1.0rem;
		position:absolute;
		top:5px;
		right:10px;
		text-align:right;
	}
		
	.header_block h1 a{
		outline:none;
		}
		
	.header_block p.reserve{
		position:absolute;
		top:53px;
		right:185px;
	}
	
	.header_block p.map{
		position:absolute;
		top:53px;
		right:20px;
	}
		
	.header_block p.request{
		position:absolute;
		top:53px;
		right:350px;
	}
	
/* ------------------------------------------------------------
										topimage
------------------------------------------------------------ */

	div.main{
		width:100%;
		height:auto;
		margin:0 auto;
	}
	
	div.main img{
		width:100%;
		height:auto;
		display:block;
	}


/* ------------------------------------------------------------
										Contents
------------------------------------------------------------ */

	#contents{
		width:980px;
		margin:0 auto;
		background-color:#FFF;
		padding-top:40px;
		}
	#contents p.content_text img{
		display:block;
		margin:0 auto;
	}
	
	#contents div.info{
		width:803px;
		margin:0 auto;
	}
	
	#contents dl.info_inner{
		min-height:60px;
		border-top:1px solid #968a69;
		border-bottom:1px solid #968a69;
		margin-top:5px;
		margin-bottom:30px;
	}
	
	dl.info_inner dt{
		width:110px;
		padding:8px 10px;
		line-height:1.4;
		border-bottom:1px dotted #808080;
	}
	
	dl.info_inner dt:nth-last-child(2){
		width:110px;
		padding:10px;
		border-bottom:none;
	}

	dl.info_inner dd{
		width:653px;
		padding:8px 10px;
		border-bottom:1px dotted #808080;
		line-height:1.4;
	}
	
	dl.info_inner dd:last-child{
		width:653px;
		padding:10px;
		border-bottom:none;
	}
	
	.btn{
		width:803px;
		margin:0 auto;
		padding-bottom:40px;
	}

	.Request_plan{
		width:803px;
		margin:0 auto;
		padding-bottom:40px;
	}
	
	
/* ------------------------------------------------------------
									TOP
------------------------------------------------------------ */
	div.main{
	}
		

	

/* ------------------------------------------------------------
									グローバルメニュー
------------------------------------------------------------ */

	div.header{
		width:100%;
		height:58px;
		background-color:#FFF;
		border-top:1px solid #CCC;
		border-bottom:1px solid #CCC;
	}
	
	
	ul.Gnavi{
		width:inherit;
		display:table;
		table-layout:fixed;
		height:58px;
		margin:0 auto;
	}
	
	ul.Gnavi li{
		display:table-cell;
		text-align:center;
	}
	
	ul.Gnavi li span.menu_bg{
		font-size:13px;
		color:#555;
		font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
		letter-spacing:0.1rem;
		line-height:0.7rem;
	}
	
	ul.Gnavi li span.menu_sm{
		font-size:11px;
		color:#555;
	}


/*--------------------------非活性メニュー状態----------------------*/	
	ul.Gnavi li span.menu_bg_off{
		font-size:13px;
		color:#DBDBDB;
		font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
		letter-spacing:0.1rem;
		line-height:0.7rem;
	}
	
	ul.Gnavi li span.menu_sm_off{
		font-size:11px;
		color:#DBDBDB;
	}
	
/*--------------------------------------------------------------*/	

	ul.Gnavi .active{
		background-color:#acacac;
	}
	
	ul.Gnavi li a.active span{
		color:#FFF;
	}
	
	
	
	ul.Gnavi li{
		display:table-cell;
		text-align:center;
	}
	
	ul.Gnavi li span.menu_bg{
		font-size:13px;
		color:#555;
		font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
		letter-spacing:0.1rem;
		line-height:0.7rem;
	}
	
	ul.Gnavi li span.menu_sm{
		font-size:11px;
		color:#555;
	}
	
	ul.Gnavi li a{
		display:block;
		height:46px;
		text-decoration:none;
		padding-top:12px;
	}
	
	ul.Gnavi li a:hover{
		display:block;
		background-color:#acacac;
		color:#FFF;
	}
		
	ul.Gnavi li a:hover span{
		color:#FFF;
	}
	
/* ------------------------------------------------------------
										フッター
------------------------------------------------------------ */
	div.footer_block{
		width:100%;
		min-height:100px;
		border-top:1px solid #cccccc;
		background-color:#eee;
	}
	
	div.footer{
		width:1200px;
		margin:0 auto;
	}
	
	div.ft_inner{
		width:1200px;
		min-height:100px;
		margin:0 auto;
		position:relative;
	}
	
	p.tel{
		position:absolute;
		top:20px;
		left:0;
	}
	
	p.bellflotz_logo{
		position:absolute;
		top:20px;
		left:300px;
	}
	
	p.mitsubishi_logo{
		position:absolute;
		top:20px;
		left:670px;
	}
	
	p.bellwork{
		position:absolute;
		top:25px;
		right:0;
	}
	
	p.copy{
		text-align:center;
		font-size:12px;
		padding-top:10px;
		padding-bottom:10px;
	}
	
	#page-top_js {
		position: fixed;
		bottom: 20px;
		right: 20px;
		font-size: 77%;
	}
	
	#page-top_js a {
		background: #666;
		text-decoration: none;
		color: #fff;
		width: 100px;
		padding: 30px 0;
		text-align: center;
		display: block;
		border-radius: 5px;
	}	


/*-------------outline---------------*/

.contents_inner{
	width:980px;
	margin:0 auto;
	background-color:#FFF;
}

.outline_title{
	width:860px;
	font-size:1.2rem;
	border-bottom:1px solid #555;
	padding:30px 0 5px 0;
	margin:0 auto;
	margin-bottom:10px;
	color:#555;
}

.outline_table{
	width:860px;
	border:1px solid #403837;
	margin:0 auto;
	margin-bottom:40px;
	font-size:15px;
	font-family: "ヒラギノ明朝 Pro W3","HG明朝E","ＭＳ Ｐ明朝","MS PMincho", "ＭＳ 明朝",serif;
	color:#555;
}

.outline_table tr th{
	width:186px;
	background-color:#f2f0e6;
	color:#555;
	text-align:center;
	border:1px solid #403837;
	padding:8px 0;
}

.kotobuki tr th{
	background-color:#f2e5df;
}

.outline_table tr td{
	padding:8px 18px;
	background-color:#FFF;
	border:1px solid #403837;
	line-height:1.3em;
}


/*-------------concept---------------*/
.concept_main{
	width:100%;
	margin-bottom:100px;
}


	#contents_plan{
		width:100%;
		margin:0 auto;
		background-color:#000;
		padding-top:40px;
		}
		
/*-------------plan---------------*/

	div.plan_sm_block{
		width:100%;
		background-color:#000;
	}
	
	div.plan_sm_block ul{
		width:1200px;
		margin:0 auto;
	}
	
	div.plan_sm_block ul li{
		margin-left:20px;
		margin-bottom:20px;
	}
	
	p.premium_view{
		width:1160px;
		margin:0 auto;
		padding-bottom:30px;
		padding-top:50px;
	}
	
	
/*-------------equipment---------------*/
	.equipment{
		width:1200px;
		margin:0 auto;
	}
	
	.equipment li.tab{
		float:left;
		margin:50px 20px 50px 0;
	}
	
	.equipment li:last-child{
		margin-right:0;
	}
	
	.equ_title{
		margin-bottom:50px;
	}
	
	.equ_main{
		margin-bottom:50px;
	}
	
	.equ_main_last{
		margin-bottom:100px;
	}
	
	
	
	
	
	
	

@media(max-width:1200px){
	div.footer_block{
		width:100%;
		min-height:200px;
		border-top:1px solid #cccccc;
		background-color:#eee;
	}
	
	div.footer{
		width:980px;
		margin:0 auto;
	}
	
	div.ft_inner{
		width:980px;
		min-height:200px;
		margin:0 auto;
		position:relative;
	}
	
	p.tel{
		position:absolute;
		top:20px;
		left:150px;
	}
	
	p.bellflotz_logo{
		position:absolute;
		top:120px;
		left:100px;
	}
	
	p.mitsubishi_logo{
		position:absolute;
		top:120px;
		left:500px;
	}
	
	p.bellwork{
		position:absolute;
		top:30px;
		right:260px;
	}

}


@media(max-width:900px){
	h2 span{
		display:none;
	}

	ul.Gnavi li span.menu_bg{
		font-size:10px;
		color:#555;
		font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
		letter-spacing:0.1rem;
		line-height:0.7rem;
	}
	
	ul.Gnavi li span.menu_sm{
		font-size:9px;
		color:#555;
	}

	
	ul.Gnavi li span.menu_bg_off{
		font-size:10px;
		color:#DBDBDB;
		font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
		letter-spacing:0.1rem;
		line-height:0.7rem;
	}
	
	ul.Gnavi li span.menu_sm_off{
		font-size:9px;
		color:#DBDBDB;
	}
}