@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:Avenir , "Open Sans" , "Helvetica Neue" , Helvetica , Arial , Verdana , Roboto , "游ゴシック" , "Yu Gothic" , "游ゴシック体" , "YuGothic" , "ヒラギノ角ゴ Pro W3" , "Hiragino Kaku Gothic Pro" , "Meiryo UI" , "メイリオ" , Meiryo , "ＭＳ Ｐゴシック" , "MS PGothic" , sans-serif;
	color:#FFF;
    }
    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:#f4f0e3;
	}
	
	#wrap{
		margin:0 auto;
	}
	
	.header_area{
		/* width:100%; */
		width:1200px;
		height:100px;
		/*background-color:#fff;*/
		margin:0 auto;
	}
	
	.header_block{
		width:100%;
		height:100px;
		margin:0 auto;
		position:relative;
	}
		
	.header_block h1{
		position:absolute;
		top:25px;
	}
		
	.header_block h2{
		font-size:1.0rem;
		color:rgba(0,0,0,1.00);
		line-height:1.0rem;
		position:absolute;
		top:10px;
		right:-5px;
		text-align:right;
		line-height:1.4rem;
	}
	
	.right_text{
		font-size:70% !important;
		line-height:1.4em !important;
		letter-spacing:-0.03em;
		
	}
		
	.header_block h1 a{
		outline:none;
		}
		
	.header_block p.reserve{
		position:absolute;
		top:45px;
		right:221px;
	}
	
	.header_block p.map{
		position:absolute;
		top:45px;
		right:0;
	}
	
	.header_block p.map a:hover{
		background: url(../images/gentiannai.png) no-repeat 0 -34px;
 	}
	
	.header_block p.map a{
		display:block;
		background: url(../images/gentiannai.png) no-repeat 0 0; 
		width:97px;
		height:34px;
		text-indent:-9999px;
	}
		
	.header_block p.request{
		position:absolute;
		top:45px;
		right:110px;
	}
	
	.header_block p.request a:hover{
		/*opacity: 0.8 ;
		filter: alpha(opacity=80) ;*/
		background: url(../images/siryoseikyu.png) no-repeat 0 -34px;
	}
	
	.header_block p.request a{
		display:block;
		background: url(../images/siryoseikyu.png) no-repeat 0 0; 
		width:97px;
		height:34px;
		text-indent:-9999px;
	}
	
	
	.header_block p.reserve a{
		display:block;
		background: url(../images/raizyoyoyaku.png) no-repeat 0 0; 
		width:163px;
		height:34px;
		text-indent:-9999px;
	}
	
	.header_block p.reserve a:hover{
		background: url(../images/raizyoyoyaku.png) no-repeat 0 -34px; 
	}
	
	br.br_sp{
		display:none;
	}
	
/* ------------------------------------------------------------
										topimage
------------------------------------------------------------ */
ul.main {
  width: 100%;
  position: relative;
  margin: 0 auto;
}

ul.main li {
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

ul.main li.first {
  position: relative;
}

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

	#contents{
		width:1200px;
		margin:0 auto;
		padding-top:40px;
		background:url(../images/background.png) no-repeat;
		margin-top:-39px;
	}
	
	.btn_block{
		width:1022px;
		margin:0 auto;
	}
		
	
	.Request{
		width:495px;
		margin-top:60px;
		padding-bottom:60px;
	}
	
/* ------------------------------------------------------------
									TOP
------------------------------------------------------------ */
	#contents .point{
		width:1033px;
		margin:0 auto;
		position: relative;
	}
	
	#contents p.useful{
		margin-top:37px;
		
	}
		
	#contents p span.value{
		/*margin-top:10px;*/
		margin-left:35px;
	
	}

	#contents p span.yokoku{
		/*margin-top:50px;*/
		margin-left:35px;
	
	}

	#contents p span.open_modelroom{
		/*margin-top:100px;*/
		margin-left:35px;
	
	}
	
	#contents p span.seculity{
		/*margin-top:100px;*/
		margin-left:35px;
	}

	#catch{
		margin:50px 0 70px 0;
	}
	
	.yokouku{
		width:1022px;
		margin:45px auto;
	}
	
	
	#contents p span.main_text{
		width:45%;
		line-height:1.2rem;
	}
	
	
	#contents p.content_text img{
		display:block;
		margin:0 auto;
	}
	
	#contents .info{
		width:1020px;
		/* height:172px; */
		height:220px;
		background-color:rgba(0,0,0,1.00);
		margin:0 auto;
	}
	
	#contents .content_info{
		width:960px;
		margin:0 auto;
		/*margin-top:45px;
		margin-bottom:150px;*/
	}
	
	#contents div.info p.content_info{
		padding-bottom:10px;
		padding-top:20px;
		border-bottom:1px solid #FFF;
		width:994px;
		margin:45px auto 0;
		/*margin-top:45px;*/
		/*margin-bottom:150px;*/
	}
	
	#contents dl.info_inner{
		min-height:60px;
		margin-top:5px 11px 0 0;
		margin-bottom:30px;
	}
	
	dl.info_inner dt{
		width:110px;
		padding-top:10px;
		padding-left:15px;
	}

	dl.info_inner dd{
		width:800px;
		padding-top:10px;
	}
	

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

	div.header{
		width:100%;
		height:54px;
		background-image:url(../images/b_repeat.png);
		background-repeat:repeat-x;
		margin:0 auto;
	}
	
	ul.Gnavi{
		width:1200px;
		height:54px;
		margin:0 auto;
		font-size:1.0rem;
	}
	
	ul.Gnavi li a span.menu_bg{
		color:#FFF;
	}
	


/*--------------------------非活性メニュー状態----------------------*/	

	ul.Gnavi li span.menu_bg_off{
		font-size:1.0rem;
		color:#4e3d34;
	}
	
/*--------------------------------------------------------------*/	
	ul.Gnavi li {
  		float: left;
	}
	
	ul.Gnavi li a{
		display:block;
		text-indent: -9999px;
		height:54px;
		width:150px;
		overflow: hidden;
		transition:0.3s;
	}
	
	ul.Gnavi li span{
		display:block;
		text-indent: -9999px;
		height:54px;
		width:150px;
	}
	
	ul.Gnavi li.m1 a{
		background:url(../images/top.png) no-repeat 0 0;
	}
	
	ul.Gnavi li.m2 a{
		background:url(../images/concept.png) no-repeat 0 0;
	}
	
	ul.Gnavi li.m3 a{
		background:url(../images/location.png) no-repeat 0 0;
	}
	
	ul.Gnavi li.m4 a{
		background:url(../images/access.png) no-repeat 0 0;
	}
	
	ul.Gnavi li.m5 a{
		background:url(../images/plan.png) no-repeat 0 0;
	}
	
	ul.Gnavi li.m6 a{
		background:url(../images/equipment.png) no-repeat 0 0;
	}
	
	ul.Gnavi li.m7 a{
		background:url(../images/model_room.png) no-repeat 0 0;
	}
	
	ul.Gnavi li.m8 a{
		background:url(../images/outline.png) no-repeat 0 0;
	}
		
	ul.Gnavi li.m3 span{
		background:url(../images/location.png) no-repeat 0 0;
	}
	
	ul.Gnavi li.m4 span{
		background:url(../images/access.png) no-repeat 0 0;
	}
	
	ul.Gnavi li.m5 span{
		background:url(../images/plan.png) no-repeat 0 0;
	}
	
	ul.Gnavi li.m6 span{
		background:url(../images/equipment_off.png) no-repeat 0 0;
	}
	
	ul.Gnavi li.m7 span{
		background:url(../images/model_room.png) no-repeat 0 0;
	}
	
	ul.Gnavi li a:hover, ul.Gnavi li a.active {
  		background-position: 0 -54px;
	}
	
	
	/* link style
	--------------------*/
	.alpha:hover {
	  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60);
	  opacity: 0.6;
	}
		
	/* ------------------------------------------------------------
										コンセプト
------------------------------------------------------------ */
	
	div.concept_main{
		width:1200px;
		margin:0 auto;
		margin-top:17px;	
	}
	
	#poc{
		width:1200px;
		background-image:url(../images/cloud_bk_2.png);
		background-repeat:no-repeat;
		margin:0 auto;
		
	}
	
	.c1{
		width:1017px;
		margin:0 auto;
		padding-top:32px;
	}
	
	.c2{
		width:1022px;
		margin:0 auto;
		margin-top:7px;
		
	}
	
	.c3{
		width:1022px;
		padding-top:44px;
		margin:0 auto;
	}
	
	.c4{
		width:1022px;
		margin:0 auto;
		padding-top:44px;
	}
		
/* ------------------------------------------------------------
										アクセス
------------------------------------------------------------ */

	.access_main{
		width:1200px;
		margin:0 auto;
		margin-top:17px;	
	}
	
	.acc1{
		width:1200px;
		margin:0 auto;
		margin-top:45px;
	}
	
	.acc2{
		width:1022px;
		margin:0 auto;
		margin-top:45px;
	}
	
	.acc3{
		width:1200px;
		margin:0 auto;
		margin-top:45px;
	}

	
/* ------------------------------------------------------------
										フッター
------------------------------------------------------------ */
	div.footer_block{
		width:100%;
		min-height:100px;
	}
	
	div.footer{
		/* ↓2016/04/06 taku修正 */
		/* 920pxになっているので1200pxに修正 */
		width:100%;
		/* ↑2016/04/06 taku修正 */
		
		margin:0 auto;
	}
	
	div.ft_inner{
		width:1200px;
		/*min-height:100px;*/
		margin:0 auto;
		/* ↓2016/04/06 taku修正 */
		/* これより下のタグでposition:absolute(絶対値)は使っていなのでコメント */
		/* position:relative; */
		/* ↑2016/04/06 taku修正 */
	}
	
	p.tel{
		width:312px;
		/* ↓2016/04/06 taku修正 */
		/* margin:0 auto; */
		margin-left:130px;
		/* ↑2016/04/06 taku修正 */
		margin-right:60px;
	}
	
	p.bellflotz_logo{
	}
	
	p.ft_bell_work{
		margin-left:60px;
		
	}
	
	p.bellwork{
		position:absolute;
		top:30px;
		right:60px;
	}
	
	p.copy{
		text-align:center;
		font-size:12px;
		padding-top:25px;
		padding-bottom:10px;
		color:rgba(0,0,0,1.00);
	}
	
	#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:1200px;
	margin:0 auto;
	background-color:#f4f0e3;
}

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

.outline_table{
	width:960px;
	border:1px solid #fefefe;
	margin:0 auto;
	margin-bottom:40px;
	font-size:15px;
	color:#24150a;
}

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

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

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

.outoline_yokoku{
	padding-left:10px;
}

.yokoku{
	width:1022px;
	margin:0 auto;
}


	.Request a.btn_02:hover{
		background: url(../images/btn_sekyu.png) no-repeat 0 -131px;
	}
	
	.Request a.btn_02{
		display:block;
		background: url(../images/btn_sekyu.png) no-repeat 0 0; 
		width:495px;
		height:131px;
		text-indent:-9999px;
	}
	
	.Request a.btn_01:hover{
		background: url(../images/btn_raijo.png) no-repeat 0 -131px;
	}
	
	.Request a.btn_01{
		display:block;
		background: url(../images/btn_raijo.png) no-repeat 0 0; 
		width:495px;
		height:131px;
		text-indent:-9999px;
	}



/*-------------map---------------*/

	.header_map{
		margin-left:50px;
	}
	
	.map_img{
		width:1000px;
		margin:0 auto;
	}
	
	.walktime{
		width:1000px;
		margin:20px auto;
	}

	.print_btn a{
		width:161px;
		height:86px;
		display:block;
		margin:20px auto;
		background: url(../images/btn_print.png) no-repeat 0 0; 
	}
	
	.print_btn a:hover{
		background:  url(../images/btn_print.png) no-repeat 0 -86px; 
	}