@charset "utf-8";
/* ----------------------------------------------------------------------------
	Ver.1.0.1_140331Marugo共通
	----------------------------------------------------------------------------
	@ Style Name    : css/common.css
	----------------------------------------------------------------------------
	@ Style Information
		00. Reset
		01. Body,wrap
		02. bxslider
		03. Contents
		@@. Clearfix
---------------------------------------------------------------------------- */
/* =============================================================================
	00. Reset
==============================================================================*/
html {
	overflow-y: scroll;
    height: 100%;
}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {
	margin: 0;
	padding: 0;
}
address,caption,cite,code,dfn,em,strong,th,var {
	font-style: normal;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
caption,th {
	text-align: left;
}
q:before,q:after {
	content: '';
}
object,embed {
	vertical-align: top;
}
h1,h2,h3,h4,h5,h6 {
	font-size: 100%;
}
img,abbr,acronym,fieldset {
	border: 0;
}
ul,ol {
	list-style-type: none;
}
input,img {
    vertical-align: middle;
}

/* =============================================================================
	01. Body, font, Link ,wrap,header
==============================================================================*/
body {
	background-color: #FFF;
	font-size: 13px;
	color: #666;
	font-family: "メイリオ", "Meiryo", verdana, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Osaka", "ＭＳ Ｐゴシック", "MS PGothic", Sans-Serif;
	line-height: 1.4;
    *font-size: 82%; /*for IE*/
}

a:link {color: #333;text-decoration: underline;}
a:visited {color: #AAA;text-decoration:none;}
a:hover {color: #999;text-decoration: underline;}
a:active {color: #999;text-decoration: underline;}

#wrap {
	width: 100%;
	margin: 0 auto;
}

#header{
	width: 900px;
	margin: 10px auto 0px;
}
#header h1{
	float: left;
	margin: 100px 0 50px 75px;
}
#header h1 img{
	width: 750px;
	height: 400px;
}
#header h2{
	float: right;
	margin: 0;
}

@media only screen and (max-width:800px) {
#header{
	width: 480px;
	margin: 60px auto 0px;
}
#header h1{
	float: left;
	margin: 10px 0;
}
#header h1 img{
	max-width: 480px;
	height: auto;
}
#header h2 img{
	max-width: 320px;
	height: auto;
}
}

@media only screen and (max-width:640px) {
#header{
	width: 320px;
	margin: 60px auto 0px;
}
#header h1{
	float: left;
	margin: 10px 0;
}
#header h1 img{
	max-width: 320px;
	height: auto;
}
#header h2 img{
	max-width: 280px;
	height: auto;
}
}

/* =============================================================================
	02. bxslider （info画像スクロール）
==============================================================================*/

.slide {
	box-shadow: 1px 5px 15px -1px #ccc;/* 影：水平,垂直,ボカシ具合,広がり,色*/
}

@media only screen and (min-width:801px) {

div#imgslider {
	height: 550px;
	overflow: hidden;
}

.bx-viewport {
	overflow: visible!important;
	width: 1000px!important;
}

.slide {
	list-style: none;
	margin: 0;
	padding: 0;
}

.slide li {
	width: 900px!important;
	margin: 0;
	padding: 0;
}
}

/* =============================================================================
	03. Contents
==============================================================================*/

/*----------------------------------------------------------------------------------nav----------*/
#navbar{
	width: 100%;
	margin: 50px auto 0px;
}
#navbar_wrap {
	width: 100%;
	position: relative;
	float: left;
}
#nav {
	width: 100%;
	height: 45px;
	background: #fff;
	z-index: 1000;
	border-top:solid 1px #CCC;
	border-bottom:solid 1px #CCC;
	padding-top:5px;
}
.fixed {
	position: fixed;
	top: 0px;
}
div#nav ul {
	max-width:900px;
	margin: 0 auto;
}
div#nav ul li {
	float:left;
	margin: 0 0 0 60px;/*border:solid 1px #CCC;*/
}

@media only screen and (max-width:800px) {
#navbar{
	width: 100%;
	margin: 20px auto 0px;
}
#nav {
	width: 100%;
	height:55px;
	background: #FFF;
	z-index: 1000;
	border-top:solid 1px #FFF;
	border-bottom:solid 1px #FFF;
}
div#nav ul {
	width: 600px;
	margin: 0px auto;
	border-bottom:solid 1px #FFF;
}
div#nav ul li {
	margin: 2px;
	padding:2px 5px;
	border:solid 1px #CCC;background: #fff;
}
}
@media only screen and (max-width:640px) {
#navbar{
	display:none;/*sp用非表示*/
}
}

div#nav ul li a {
	display:block;
	text-indent:-9999px;
}
div#nav ul li a.info {
	width: 100px;
	height: 40px;
	background: url(../images/nav.png) no-repeat top left;
	background-position: 0px 0px;
}
div#nav ul li a.concept {
	width: 100px;
	height: 40px;
	background: url(../images/nav.png) no-repeat top left;
	background-position: -100px 0px;
}
div#nav ul li a.menu {
	width: 100px;
	height: 40px;
	background: url(../images/nav.png) no-repeat top left;
	background-position: -200px 0px;
}
div#nav ul li a.interior {
	width: 100px;
	height: 40px;
	background: url(../images/nav.png) no-repeat top left;
	background-position: -300px 0px;
}
div#nav ul li a.marugos {
	width: 100px;
	height: 40px;
	background: url(../images/nav.png) no-repeat top left;
	background-position: -400px 0px;
}
div#nav ul li a:hover.info,div#nav ul li a:hover.concept,div#nav ul li a:hover.menu,div#nav ul li a:hover.interior,div#nav ul li a:hover.marugos {
    filter:alpha(opacity=70);
    -moz-opacity: 0.7;
    opacity: 0.7;
}

/*----------------------------------------------------------------------------------sp用ナビ*/
ul.accordion { display:none;}

@media only screen and (max-width:800px) {
ul.accordion { display:none;}
}
@media only screen and (max-width:640px) {
ul.accordion { width:100%;display:block;background:#666;position:fixed;bottom: 0;z-index:1000;text-align:center;}
ul.accordion span { display:block; padding:8px;}
ul.accordion ul { display:none;}
ul.accordion > li > p { background:#580422;cursor:pointer;}
ul.accordion > li > ul > li { background:#000;margin: 0px;padding:2px 5px;border-top:solid 1px #666;}
}
ul.accordion li ul li a {
	display:block;
	text-indent:-9999px;
}
ul.accordion li ul li a.info {
	width: 640px;
	height: 40px;
	background: url(../images/nav_sp.png) no-repeat top left;
	background-position: 0px 0px;
}
ul.accordion li ul li a.concept {
	width: 640px;
	height: 40px;
	background: url(../images/nav_sp.png) no-repeat top left;
	background-position: 0px -40px;
}
ul.accordion li ul li a.menu {
	width: 640px;
	height: 40px;
	background: url(../images/nav_sp.png) no-repeat top left;
	background-position: 0px -80px;
}
ul.accordion li ul li a.interior {
	width: 640px;
	height: 40px;
	background: url(../images/nav_sp.png) no-repeat top left;
	background-position: 0px -120px;
}
ul.accordion li ul li a.marugos {
	width: 640px;
	height: 40px;
	background: url(../images/nav_sp.png) no-repeat top left;
	background-position: 0px -160px;
}
ul.accordion p:hover,ul.accordion li ul li a:hover.info,ul.accordion li ul li a:hover.concept,ul.accordion li ul li a:hover.menu,ul.accordion li ul li a:hover.interior,ul.accordion li ul li a:hover.marugos {
    filter:alpha(opacity=70);
    -moz-opacity: 0.7;
    opacity: 0.7;
}

/*------------------------------------------------------------------------------teaser-info----------*/
#teaser-info{
	width: 900px;
	margin: 50px auto 50px;
}
@media only screen and (max-width:800px) {
#teaser-info{
	width: 700px;
	margin: 50px auto 50px;
}
}
@media only screen and (max-width:640px) {
#teaser-info{
	width: 330px;
	margin: 50px auto 50px;
}
}
#teaser-info h1{
	float: left;
	margin: 0;
}
#teaser-info h1 img{
	width: 100%;
}
#teaser-info h2{
	float: left;
	margin: 0;
}
#teaser-info h2 img{
	width: 100%;
}

/*----------------------------------------------------------------------------------info----------*/
#info{
	width: 900px;
	margin: 50px auto;
}
@media only screen and (max-width:800px) {
#info{
	width: 700px;
	margin: 50px auto;
}
}
@media only screen and (max-width:640px) {
#info{
	width: 330px;
	margin: 50px auto;
}
}
#info div.info_left{
	width: 500px;
	float:left;
	margin: 0 0 50px;
}
#info div.info_right{
	width: 400px;
	float:left;
	margin: 0 0 50px;
}
#info div.info_center{
	width: 900px;
	float:left;
	margin: 0 0 50px;
}
#info h2{
	max-width: 417px;
	margin: 30px auto;
}
@media only screen and (max-width:800px) {
#info div.info_left{
	width: 700px;
	float:left;
	margin: 0 0 20px;
}
#info div.info_right{
	width: 700px;
	float:left;
	margin: 0 0 20px;
}
#info div.info_center{
	width: 700px;
	float:left;
	margin: 0 0 20px;
}
#info h2{
	max-width: 400px;
	margin: 0 auto;
}
#info h2 img{
	max-width: 400px;
	height: auto;
}
}
@media only screen and (max-width:640px) {
#info div.info_left{
	width: 330px;
	float:left;
	margin: 0 0 20px;
}
#info div.info_right{
	width: 330px;
	float:left;
	margin: 0 0 20px;
}
#info div.info_center{
	width: 330px;
	float:left;
	margin: 0 0 20px;
}
#info h2{
	max-width: 320px;
	margin: 0 auto;
}
#info h2 img{
	max-width: 320px;
	height: auto;
}
}
#info p{
	text-align:center;
	margin: 20px 0;
}
#info p span{
	border-bottom:solid 1px #C00;
}
#info h3{
	max-width: 320px;
	margin: 40px auto;
	font-size: 200%;
	text-align:center;
    color:#000;
}
#info h4{
	text-align:center;
	margin: 30px auto 20px;
	font-weight:normal;
	text-align:center;
}

.t_btn{
	display:none;
}
.g_btn{
	display:block;
	max-width: 320px;
	margin: 0 auto 20px;
}
.g_btn a:hover{
    filter:alpha(opacity=70);
    -moz-opacity: 0.7;
    opacity: 0.7;
}
.w_btn{
	display:block;
	max-width: 320px;
	margin: 0 auto 20px;
}
.w_btn a:hover{
    filter:alpha(opacity=70);
    -moz-opacity: 0.7;
    opacity: 0.7;
}
.gnavi_btn{
	display:block;
	max-width: 320px;
	margin: 0 auto 20px;
}
.gnavi_btn a:hover{
    filter:alpha(opacity=70);
    -moz-opacity: 0.7;
    opacity: 0.7;
}

.sns_btn{
	display:block;
	max-width: 320px;
	margin: 0 auto 30px;
}

.sns_btn h4{
	margin: 0 auto;
}

.sns_fb{
	float:left;
	margin: 0 30px 0 0;
}

.sns_ins{
	float:left;
	margin: 0 0 0 30px;
}

.sns_fb a:hover, .sns_in a:hover{
    filter:alpha(opacity=70);
    -moz-opacity: 0.7;
    opacity: 0.7;
}


@media only screen and (max-width:800px) {
#info p{
	margin: 20px 50px;
	line-height: 1.8;
}
#info h3{
	margin: 20px auto;
}

.t_btn{
	display:block;
	max-width: 320px;
	margin: 0 auto 50px;
}
.t_btn a:hover{
    filter:alpha(opacity=70);
    -moz-opacity: 0.7;
    opacity: 0.7;
}
.g_btn{
	display:block;
	max-width: 320px;
	margin: 0 auto 50px;
}
.gnavi_btn{
	display:block;
	max-width: 320px;
	margin: 0 auto 50px;
}
}

/*----------------------------------------------------------------------------------fb----------*/
#fb{
	width: 300px;/*background: #ffc;*/
	display:block;
	margin: 0 auto 50px;
}
@media only screen and (max-width:800px) {
#fb{
	width: 300px;
	display:block;
	margin: 0 auto 50px;
}
}

/*----------------------------------------------------------------------------------gmap----------*/
#gmap{
margin: 0 0 50px 0;
height:440px;
width:100%;
}
@media only screen and (max-width:800px) {
#gmap{
	display:none;
}
}

/*----------------------------------------------------------------------------------concept----------*/
#concept{
	width:100%;
	background:url(../images/bg_concept.jpg) no-repeat center center;
	background-size: cover;
	padding:20px 0 20px;
}
.concept_txt_wrap{
	width:100%;
	padding:30px 0;
	background:url(../images/bg_alpha.png) repeat 0 0;
}
#concept h2{
	max-width: 350px;
	margin: 0 auto 50px;
}
#concept .concept_txt{
	text-align:center;
	margin: 0 auto;
	color:#FFFFFF;
	padding: 0 0 30px;
}
#concept .concept_txt h3{
	font-size: 18px;
	font-weight:bold;
	padding: 30px 0;
}
@media only screen and (max-width:800px) {
#concept h2{
	max-width: 300px;
	margin: 0 auto 20px;
}
#concept h2 img{
	max-width: 300px;
}
#concept .concept_txt{
	text-align:center;
	margin: 0 auto;
	color:#FFFFFF;
	background:url(../images/bg_alpha.png) repeat 0 0;
	padding: 0 30px 30px;
	font-size: 11px;
}
}

/*----------------------------------------------------------------------------------menu----------*/
#menu{
	width: 900px;
	margin: 50px auto;
}
#menu h2{
	max-width: 320px;
	margin: 0 auto 40px;
}
#nav_menu {
	text-align:center;
	margin: 50px 0 auto;
	border-bottom:solid 1px #CCC;
}
#nav_menu_inner{
	display:inline-block;
	*display:inline;
	zoom:1;
	text-align:left;
}
#nav_menu ul {
	margin: 0 0 0 -60px;
}
#nav_menu ul li {
	margin: 0 0 0 60px;
	float:left;
}
div#nav_menu ul li a {
	display:block;
	text-indent:-9999px;
}
@media only screen and (max-width:800px) {
#menu{
	width: 600px;
	margin: 50px auto;
}
#menu h2{
	max-width: 280px;
	margin: 0 auto 10px;
}
#menu h2 img{
	max-width: 280px;
}
div#nav_menu {
	text-align:center;
	margin: 50px 0 auto;
	border-bottom:solid 1px #FFF;
}
div#nav_menu ul {
	margin: 0 0 0 -5px;
}
div#nav_menu ul li {
	margin: 0 0 0 3px;
	float:left;
	padding:2px 5px;
	border:solid 1px #CCC;background: #fff;
}
}
@media only screen and (max-width:640px) {
#menu{
	width: 350px;
	margin: 50px auto;
}
#menu h2{
	max-width: 280px;
	margin: 0 auto 10px;
}
#menu h2 img{
	max-width: 280px;
}
div#nav_menu {
	text-align:center;
	margin: 50px 0 auto;
	border-bottom:solid 1px #FFF;
}
div#nav_menu ul {
	margin: 0 0 0 -2px;
}
div#nav_menu ul li {
	margin: 0 0 3px 3px;
	float:left;
	padding:2px 5px;
	border:solid 1px #CCC;background: #fff;
}
}

div#nav_menu ul li a.lunch {
	width: 100px;
	height: 40px;
	background: url(../images/nav_menu.png) no-repeat top left;
	background-position: 0px 0px;
}
div#nav_menu ul li a.cafe {
	width: 100px;
	height: 40px;
	background: url(../images/nav_menu.png) no-repeat top left;
	background-position: -100px 0px;
}
div#nav_menu ul li a.dinner {
	width: 100px;
	height: 40px;
	background: url(../images/nav_menu.png) no-repeat top left;
	background-position: -200px 0px;
}
div#nav_menu ul li a.drink {
	width: 100px;
	height: 40px;
	background: url(../images/nav_menu.png) no-repeat top left;
	background-position: -300px 0px;
}
div#nav_menu ul li a.party {
	width: 100px;
	height: 40px;
	background: url(../images/nav_menu.png) no-repeat top left;
	background-position: -400px 0px;
}
div#nav_menu ul li a.food {
	width: 100px;
	height: 40px;
	background: url(../images/nav_menu.png) no-repeat top left;
	background-position: -500px 0px;
}

div#nav_menu ul li a:hover.lunch,div#nav_menu ul li a:hover.cafe,div#nav_menu ul li a:hover.dinner,div#nav_menu ul li a:hover.drink,div#nav_menu ul li a:hover.party,div#nav_menu ul li a:hover.food {
    filter:alpha(opacity=70);
    -moz-opacity: 0.7;
    opacity: 0.7;
}

/*----------------------------------------------------------------------------------menu-box----------*/
div.box_l,div.box_r,div.box_c{
	width: 900px;
	margin: 50px 0 0;
	float:left;
}
@media only screen and (max-width:800px) {
div.box_l,div.box_r,div.box_c{
	width: 400px;
	margin: 20px 100px;
}
}
@media only screen and (max-width:640px) {
div.box_l,div.box_r,div.box_c{
	width: 350px;
	margin: 20px auto;
}
}

/*----------------------------------------------------------------------------------menu画像ー左----------*/
div.box_l .menuPhoto{
	float:left;
	margin: 20px 0;
}
div.box_l .menuTxt{
	float:right;
	width: 350px;
	margin: 30px 0 0 5px;
}
@media only screen and (max-width:800px) {
div.box_l .menuPhoto img{
	max-width:300px;
	margin: 0 0 0 60px;
}
div.box_l .menuTxt{
	float:left;
	width: 390px;
	margin: 10px 0 0 20px;
}
}
@media only screen and (max-width:640px) {
div.box_l .menuPhoto img{
	max-width:300px;
	margin: 0 0 0 30px;
}
div.box_l .menuTxt{
	float:left;
	width: 330px;
	margin: 10px 0 0 20px;
}
}

/*----------------------------------------------------------------------------------menu画像ー右----------*/
div.box_r .menuPhoto{
	float:right;
	margin: 20px 0
}
div.box_r .menuTxt{
	float:left;
	width: 350px;
	margin: 20px 0 0 0;
}
@media only screen and (max-width:800px) {
div.box_r .menuPhoto{
	float:left;
	margin: 20px 0;
}
div.box_r .menuPhoto img{
	max-width:300px;
	margin: 0 0 0 60px;
}
div.box_r .menuTxt{
	width: 390px;
	margin: 10px 0 0 20px;
}
}
@media only screen and (max-width:640px) {
div.box_r .menuPhoto{
	float:left;
	margin: 20px 0;
}
div.box_r .menuPhoto img{
	max-width:300px;
	margin: 0 0 0 30px;
}
div.box_r .menuTxt{
	width: 330px;
	margin: 10px 0 0 20px;
}
}

/*----------------------------------------------------------------------------------menu画像ー中央----------*/
div.box_c .menuPhoto{
	float:left;
	margin: 20px 0;
}
div.box_c .menuTxt{
	float:left;
	width: 900px;
	margin: 20px 0;
}
@media only screen and (max-width:800px) {
div.box_c .menuPhoto img{
	width:400px;
	margin: 0 0 0 20px;
}
div.box_c .menuTxt{
	width: 390px;
}
div.box_c .menuTxt img{
	margin: 0 0 10px 130px;
}
div.box_c .menuTxt dl{
	clear:left;
	padding: 40px 0 10px;
}
}
@media only screen and (max-width:640px) {
div.box_c .menuPhoto img{
	width:320px;
	margin: 0 0 0 20px;
}
div.box_c .menuTxt{
	width: 320px;
}
div.box_c .menuTxt img{
	margin: 0 0 10px 110px;
}
div.box_c .menuTxt dl{
	clear:left;
	padding: 40px 0 10px;
}
}

/*----------------------------------------------------------------------------------menu画像ー左右ー文章揃え----------*/
div.box_l .menuTxt h3,div.box_r .menuTxt h3{
	float:left;
	margin: 10px 0;
	font-size: 120%;
}
div.box_l .menuTxt p,div.box_r .menuTxt p{
	float:left;
	font-size: 90%;
	margin: 10px 0;
}
div.box_l .menuTxt dl,div.box_r .menuTxt dl{
	float:left;
	width: 390px;
	margin: 20px 0 0;
}
div.box_l .menuTxt dt,div.box_r .menuTxt dt{
	width: 330px;
	float:left;
	font-size: 90%;
}
div.box_l .menuTxt dd,div.box_r .menuTxt dd{
	width: 60px;
	float:left;
	font-size: 90%;
}
div.box_l .menuTxt span,div.box_r .menuTxt span{
	width: 400px;
	float:left;
	font-size: 80%;
	margin: 20px 0;
}
@media only screen and (max-width:800px) {
div.box_l .menuTxt dl,div.box_r .menuTxt dl{
	width: 390px;
	margin: 10px 0 0;
}
div.box_l .menuTxt dt,div.box_r .menuTxt dt{
	width: 330px;
	font-size: 90%;
}
div.box_l .menuTxt dd,div.box_r .menuTxt dd{
	width: 60px;
	font-size: 90%;
}
div.box_l .menuTxt span,div.box_r .menuTxt span{
	width: 400px;
}
}
@media only screen and (max-width:640px) {
div.box_l .menuTxt dl,div.box_r .menuTxt dl{
	width: 330px;
	margin: 10px 0 0;
}
div.box_l .menuTxt dt,div.box_r .menuTxt dt{
	width: 280px;
	font-size: 80%;
}
div.box_l .menuTxt dd,div.box_r .menuTxt dd{
	width: 50px;
	font-size: 80%;
}
div.box_l .menuTxt span,div.box_r .menuTxt span{
	width: 320px;
}
}

/*----------------------------------------------------------------------------------menu画像ー中央ー文章揃え----------*/
div.box_c .menuTxt h3{
	float:left;
	width: 450px;
	font-size: 120%;
}
div.box_c .menuTxt p{
	float:left;
	width: 450px;
	font-size: 90%;
	margin: 10px 0;
}
div.box_c .txtbox_l{
	float:left;
	width: 400px;
	margin: 10px 0;
}
div.box_c .txtbox_r{
	float:right;
	width: 400px;
	margin: 10px 0;
}

div.box_c .menuTxt dl{
	float:left;
	width: 400px;
}
div.box_c .menuTxt dt{
	width: 330px;
	float:left;
	font-size: 90%;
}
div.box_c .menuTxt dd{
	width: 70px;
	float:left;
	font-size: 90%;
}
div.box_c .menuTxt span{
	width: 400px;
	float:left;
	font-size: 80%;
	margin: 20px 0;
}
@media only screen and (max-width:800px) {
div.box_c .menuTxt h3{
	width: 330px;
	margin: 20px 20px 0;
}
div.box_c .menuTxt p{
	width: 390px;
	margin: 10px 20px 0;
}
div.box_c .txtbox_l{
	width: 390px;
}
div.box_c .txtbox_r{
	width: 390px;
	float:left;
}
div.box_c .menuTxt dl{
	float:left;
	width: 400px;
}
div.box_c .menuTxt dt{
　width: 330px;
	font-size: 90%;
}
div.box_c .menuTxt dd{
	width: 60px;
	font-size: 90%;
}
div.box_c .menuTxt span{
	width: 370px;
}
}
@media only screen and (max-width:640px) {
div.box_c .menuTxt h3{
	width: 330px;
	margin: 10px 0 0;
}
div.box_c .menuTxt p{
	width: 320px;
	margin: 10px 5px 0;
}
div.box_c .txtbox_l{
	width: 330px;
	margin: 10px 5px 0;
}
div.box_c .txtbox_r{
	width: 330px;
	float:left;
	margin: 10px 5px 0;
}
div.box_c .menuTxt dl{
	float:left;
	width: 330px;
}
div.box_c .menuTxt dt{
	width: 280px;
	font-size: 80%;
}
div.box_c .menuTxt dd{
	width: 50px;
	font-size: 80%;
}
div.box_c .menuTxt span{
	width: 320px;
}
}

/*----------------------------------------------------------------------------------menu画像ー左／右／中央ー共通----------*/
.menuTxt img{
	display:block;
	margin:0 auto 10px;
}
.menuTxt dt.txtr{
	text-align:right;
}
.menuTxt dt.mt10,.menuTxt dd.mt10{
	margin-top:10px;
}

/*----------------------------------------------------------------------------------interior----------*/
#interior{
	width:100%;
	background-size: cover;
	padding:50px 0 0px;
	margin: 50px 0;
}
.interior_txt_wrap{
	width:100%;
	padding:30px 0;
}
#interior h2{
	max-width: 350px;
	margin: 0 auto 50px;
}
.txtbox_interior{
	width: 900px;
	margin: 50px auto;
}

@media only screen and (max-width:800px) {
#interior{
	padding:10px 0 0px;
	margin: 10px 0;
}
#interior h2{
	max-width: 300px;
	margin: 0 auto 20px;
}
#interior h2 img{
	max-width: 300px;
}
.txtbox_interior{
	width: 330px;
	font-size: 90%;
}
}

/*----------------------------------------------------------------------------------recruit----------*/
#recruit{
	width: 900px;
	margin: 50px auto;
}
.recruit_txt_wrap{
	width:100%;
	padding:30px 0;
}
#recruit h2{
	max-width: 350px;
	margin: 0 auto 50px;
}
div #recruit .txtbox_l{
	float:left;
	width: 400px;
	margin: 10px 0;
}
div #recruit .txtbox_r{
	float:right;
	width: 400px;
	margin: 10px 0;
}
div .staffimg{
	width: 600px;
	margin: 10px 0 50px 150px;
	float:left;
}

@media only screen and (max-width:800px) {
#recruit{
	width: 330px;
	margin: 50px auto;
}
#recruit h2{
	max-width: 300px;
	margin: 0 auto 20px;
}
#recruit h2 img{
	max-width: 300px;
}
div #recruit .txtbox_l{
	width: 330px;
	font-size: 90%;
}
div #recruit .txtbox_r{
	width: 330px;
	font-size: 90%;
}
div .staffimg{
	max-width: 300px;
	margin: 10px 0 30px 15px;
}
div .staffimg img{
	max-width: 300px;
}
}


/*----------------------------------------------------------------------------------marugo-s----------*/
#marugos{
	width:100%;
	background:url(../images/bg_marugos.jpg) no-repeat center center;
	background-size: cover;
	padding:50px 0 0px;
	margin: 50px 0 5px;
}
.marugos_txt_wrap{
	width:100%;
	padding:30px 0;
}
#marugos h2{
	max-width: 370px;
	margin: 0 auto 40px;
}
#marugos h3{
	max-width: 500px;
	margin: 0 auto 20px;
	text-align:center;
    color:#FFF;
	font-weight: normal;
}
#marugos h4{
	max-width: 320px;
	margin: 0 auto 10px;
}
#marugos h4 a:hover{
    filter:alpha(opacity=90);
    -moz-opacity: 0.9;
    opacity: 0.9;
}
@media only screen and (max-width:800px) {
#marugos{
	padding:30px 0 0px;
	margin: 0px 0 5px;
}
.marugos_txt_wrap{
	width:100%;
	padding:10px 0;
}
#marugos h2{
	max-width: 320px;
	margin: 0 auto 20px;
}
#marugos h2 img{
	max-width: 320px;
}
#marugos h3{
	max-width: 300px;
	font-weight: normal;
}
}

/* --------------------------------------------------------------------------------------------------
	footer
--------------------------------------------------------------------------------------------------*/
#copyright {
	height:10px;
	text-align:center;
	font-size: 80%;
	margin: 10px auto 100px;
}
/* =============================================================================
	@@. Clearfix
==============================================================================*/
.clearfix:after {
    content: ".";
    display: block;
    clear: both;
    height: 0;
    visibility: hidden;
}
.clear {clear: both;}
.fl {float: left;}
.fr {float: right;}

hr.hr01 {
	border:none;
    border-top:solid 1px #CCC;
    height:1px;
    color:#FFF;
    margin: 10;
}
hr.hr02 {
	border:none;
    border-top:solid 1px #CCC;
    height:1px;
    color:#FFF;
    margin: 30px;
}