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

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,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{
	margin:0;
	padding:0;
	border:0;
	outline:0;
	background:transparent;
}

body{
	line-height:1;
}

article,aside,canvas,details,figcaption,figure,
footer,header,hgroup,menu,nav,section,summary{
	display:block;
}

a img,img{
	border:0;
}

table{
    border-collapse:collapse;
   	border-spacing:0;
}

ul,li,ol,li{
	list-style:none;
}

a{
	color:#066296;
}

a:hover{
	text-decoration:none;
}

blockquote, q{
	quotes:none;
}

:focus{
	outline:0;
}

ins{
	text-decoration:none;
}

del{
	text-decoration:line-through;
}

address{
	font-style:normal;
}

html{
    -webkit-text-size-adjust:none;
}



/* clearfix
------------------------*/

.clearfix:after{
	content:'';
	/*content: ".";*/
	display:block;
	clear:both;
	height:0;
}



/* layout
------------------------*/

body{
	color:#444;
	font-family:"メイリオ", Meiryo, Osaka, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	margin:0 auto;
	background:#292929;
}

#wrapper{
	width:100%;
	background:url(img/wrapper_bg.gif) repeat-x 0 0;
}

#index #wrapper{
	width:100%;
	background:url(img/wrapper_bg_index.gif) repeat-x 0 0;
}

#contents{
	width:100%;
	padding:20px 0;
	background:url(img/comtents_bg.gif) repeat 0 0;
}

.top_img{
	width:960px;
	margin:0 auto 20px auto;
}

#container{
	width:100%;
}

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

#index #main{
	width:auto;	
}

.column #main{
	width:700px;
	float:right;
}

#side{
	width:190px;
	float:left;
}



/* common
------------------------*/

.rlnk{
	float:right;
	margin:0 10px 10px 0;
}

.rlnk a{
	font-size:75%;
	padding:0 0 0 15px;
	background:url(img/icon_arrow.gif) no-repeat 0 50%;
}

.lnk a{
	font-size:75%;
	padding:0 0 0 15px;
	background:url(img/icon_arrow.gif) no-repeat 0 50%;
}

h2.title{
	width:960px;
	height:130px;
	margin:0 auto;
}

.ex{
	font-size:75%;
	line-height:160%;
	margin:0 0 10px 0;
}

.note{
	color:#666;
	display:block;
	margin:10px 0;
}

/*______ table ______*/

table.common{
	width:100%;
	table-layout:fixed;
	border-collapse:separate;
	border-spacing:1px;
	background:#ccc;
}

table.common th,
table.common td{
	font-size:75%;
	line-height:160%;
	padding:7px;
	background:#fff;
}

table.common .even th,
table.common .even td{
	background:#f8f8f8;
}

table.common th{
	color:#292929;
	width:30%;
}



/* head
------------------------*/

header{
	max-width:1680px;
	min-width:960px;
	height:80px;
	padding:0 5px;
	margin:0 auto;
	position:relative;
}

/*------- logo -------*/

#logo{
	float:left;
	margin:15px 0 0 0;
}

#logo a{
	width:220px;
	height:50px;
	text-indent:-9999px;
	overflow:hidden;
	display:block;
	background: url(img/logo.gif) no-repeat 0 0;
}

#logo a:hover{
	filter:alpha(opacity=50);
	opacity:0.5;
}



/* global navi
------------------------*/

#g_navi{
	width:550px;
	float:right;
	margin:40px 0 0 0;
}

#g_navi ul{}

#g_navi li{
	float:left;
	position:relative;
	_zoom:1;
}

#g_navi li a{
	width:110px;
	height:40px;
	display:inline-block;
	/display:inline; /*IE5～7*/
	/zoom:1; /*IE5～7*/
	background:url(img/g_navi_bg.gif) no-repeat left top;
}

#g_navi li.g_home a{
	background-position:0 0;
}

#g_navi li.g_01 a{
	background-position:-110px 0;
}

#g_navi li.g_02 a{
	background-position:-220px 0;
}

#g_navi li.g_03 a{
	background-position:-330px 0;
}

#g_navi li.g_04 a{
	background-position:-440px 0;
}

#g_navi li.g_05 a{
	background-position:-550px 0;
}

#g_navi li a:hover{
	height:40px;
	position:static;
}

#g_navi li a:hover img,
#g_navi li#current a img{
	position:relative;
	z-index:-1;
}

#g_navi li#current a{
	height:40px;
}


/* local navi
------------------------*/

.l_navi li{
	margin:0 0 1px 0;
}

.l_navi li a{
	color:#292929;
	font-size:75%;
	line-height:160%;
	display:block;
	text-decoration:none;
	padding:7px;
	background:#f8f8f8 url(img/l_navi_bg.png) no-repeat 98% center;
}

.l_navi li span{
	font-size:80%;
	color:#666;
	display:block;
}

.l_navi li a:hover,
.l_navi li#l_current a{
	background:#fff url(img/l_navi_bg_over.png) no-repeat 98% center;
}



/* foot
------------------------*/

footer{
	max-width:1680px;
	min-width:960px;
	margin:0 auto;
	padding:0 5px 50px 5px;
}

footer #f_navi{
	margin:10px 0;
}

footer #f_navi li a{
	color:#fff;
}

footer #f_navi li{
	font-size:75%;
	padding:0 10px 0 0;
	margin:0 10px 0 0;
	border-right:1px solid #fff;
	float:left;
}

.name{
	color:#fff;
	font-size:75%;
	font-weight:bold;
	margin:10px 0;
}

.copyright{
	color:#fff;
	padding:10px 0 0 0;
	border-top:1px solid #333;
	background:#292929;
	clear:both;
}

/* topicpath
------------------------*/

#topicpath{
	max-width:1680px;
	min-width:960px;
	height:25px;
	padding:10px 5px 0 5px;
	margin:0 auto;
}

#topicpath li{
	font-size:75%;
	display:inline;
	padding:0 15px 0 0;
	background:url(img/icon_next.png) no-repeat right 50%;
	background-size:10px 10px;
	white-space:pre;
}

#topicpath li:last-child{
	background:none;
	padding:0;
}

#topicpath li a{
	color:#666;
}

#topicpath li strong{
	color:#292929;
}

#topicpath li span{
	color:#878787;
}


/* page-top
------------------------*/

#page-top{
	width:100%;
	position:fixed;
    bottom:0;
    right:0;
}

#page-top a{
	color:#fff;
	text-align:center;
	text-decoration:none;
	font-size:87.5%;
	padding:12px 0;
	display:block;
	text-shadow:1px 1px #000;
	border:1px solid #000;
	background-color:#000;
	opacity:0.8;
}


/* index grid
------------------------*/

#grid-content{
	max-width:1680px;
	min-width:960px;
	margin:20px auto;
}

#grid-content div{
	margin:5px;
	box-shadow:0 0 5px #ccc;
	background:#fff;
}

#grid-content div a:hover{
	filter:alpha(opacity=80);
	opacity:0.8;
}

.g_box_470x470{
	width:470px;
	height:470px;
}

.g_box_470x230{
	width:470px;
	height:230px;
}

.g_box_230x230{
	width:230px;
	height:230px;
}

.g_box_230x470{
	width:230px;
	height:470px;
}

#grid-content ul.top_info{
	height:180px;
	padding:10px;
	overflow:auto;
	clear:both;
}

#grid-content ul.top_info li{
	font-size:75%;
	line-height:160%;
	padding:0 0 5px 0;
	margin:0 0 5px 0;
	border-bottom:1px dotted #bbb;
}

#grid-content ul.top_info li span{
	display:block;
}


/* brand
------------------------*/

.brand{
	padding:20px;
	background:#fff;
	box-shadow:0 0 2px #ccc;
}

.brand h3{
	font-size:125%;
	padding:0 0 15px 0;
	margin:0 0 15px 0;
	border-bottom:1px dotted #bbb;
}

.brand h3 span{
	font-size:80%;
	font-weight:normal;
	display:block;
	margin:10px 0 0 0;
}

.brand h4{
	font-size:87.5%;
	color:#fff;
	background:#292929;
	padding:7px;
	margin:10px 0;
}

.brand .rlnk{
	margin:10px 0 0 0;
}

ul.brand_list li{
	padding:0 0 20px 0;
	margin:0 0 20px 0;
	border-bottom:1px dashed #bbb;
}

ul.brand_list li:last-child{
	padding:0;
	margin:0;
	border-bottom:none;
}

ul.brand_list li .left{
	width:254px;
	padding:15px;
	background:#f8f8f8;
	float:left;
}

ul.brand_list li .right{
	width:615px;
	float:right;
}

ul.brand_list li .logo{
	margin:0 0 10px 0;
}

ul.brand_list li .catch{
	font-size:75%;
	line-height:160%;
	margin:0 0 20px 0;
}

ul.brand_list li .detail dt,
ul.brand_list li .detail dd{
	font-size:75%;
	line-height:140%;
	padding:5px 0;
}

ul.brand_list li .detail dt{
	width:45px;
	float:left;
}

ul.brand_list li .detail dd{
	width:200px;
	float:right;
	word-wrap:break-word;
}

ul.manage_list{
	margin:0 -5px 0 0;
}

ul.manage_list li{
	width:150px;
	padding:0;
	margin:0 5px 2px 0;
	border-bottom:none;
	float:left;
}

ul.manage_list li a:hover{
	filter:alpha(opacity=80);
	opacity:0.8;
}


/* management info
------------------------*/

.manage_info{
	padding:20px;
	background:#fff;
	box-shadow:0 0 2px #ccc;
}

.top_info{
	margin:0 0 20px 0;
}

.top_info h4{
	font-size:87.5%;
	color:#fff;
	background:#292929;
	padding:7px;
	margin:0 0 20px 0;
}

.top_info .logo{
	width:250px;
	height:250px;
	padding:15px;
	background:url(img/logo_bg.jpg) repeat 0 0;
	float:left;
}

.top_info .logo h3{
	width:250px;
	height:170px;
	margin:0 0 15px 0;
}

.top_info .logo p{
	color:#202020;
	font-size:75%;
	font-weight:bold;
	line-height:160%;
}

.top_info .logo p span{
	display:block;
}

.top_info #gmap_canvas{
	width:620px;
	height:280px;
	float:right;
}

.manage_info .about{
	padding:20px;
	margin:0 0 20px 0;
	background:#f8f8f8;
}

.manage_info .about h3{
	font-size:87.5%;
	color:#fff;
	background:#292929;
	padding:7px;
	margin:0 0 20px 0;
}

.manage_info .about h4{
	font-size:120%;
	color:#ff9933;
	margin:0 0 20px 0;
}

.manage_info .about p{
	font-size:75%;
	line-height:160%;
}

/*______ タブ ______*/

.manage_info ul.tabs li a{
	width:200px;
}

.shop li{
	padding:0 0 10px 0;
	margin:0 0 10px 0;
	border-bottom:1px dashed #bbb;
}

.shop li:last-child{
	padding:0;
	margin:0;
	border-bottom:none;
}

.shop li .thumb{
	width:140px;
	height:105px;
	float:left;
}

.shop li .detail{
	width:700px;
	float:right;
}

.shop li .detail h3{
	font-size:87.5%;
	margin:0 0 10px 0;
}

.shop li .detail h3 span{
	color:red;
	font-size:80%;
}

.shop li .detail p{
	font-size:75%;
	line-height:160%;
}

.private,
.charter,
.no_private,
.no_charter{
	width:56px;
	height:17px;
	text-indent:-9999px;
	overflow:hidden;
	display:inline-block;
	margin:0 5px 0 0;
}

.private{
	background:url(img/icon_private.gif) no-repeat 0 0;
}

.no_private{
	background:url(img/icon_no_private.gif) no-repeat 0 0;
}

.charter{
	background:url(img/icon_charter.gif) no-repeat 0 0;
}

.no_charter{
	background:url(img/icon_no_charter.gif) no-repeat 0 0;
}


/*______ マーカー ______*/

.m01,.m02,.m03,.m04,.m05,.m06,.m07,.m08,.m09,.m10,
.m11,.m12,.m13,.m14,.m15,.m16,.m17,.m18,.m19,.m20,
.m21,.m22{
	padding:5px 0 3px 25px;
	background-position:0 0;
	background-repeat:no-repeat;
}

.m01{
	background-image:url(img/marker01.gif);
}

.m02{
	background-image:url(img/marker02.gif);
}

.m03{
	background-image:url(img/marker03.gif);
}

.m04{
	background-image:url(img/marker04.gif);
}

.m05{
	background-image:url(img/marker05.gif);
}

.m06{
	background-image:url(img/marker06.gif);
}

.m07{
	background-image:url(img/marker07.gif);
}

.m08{
	background-image:url(img/marker08.gif);
}

.m09{
	background-image:url(img/marker09.gif);
}

.m10{
	background-image:url(img/marker10.gif);
}

.m11{
	background-image:url(img/marker11.gif);
}

.m12{
	background-image:url(img/marker12.gif);
}

.m13{
	background-image:url(img/marker13.gif);
}

.m14{
	background-image:url(img/marker14.gif);
}

.m15{
	background-image:url(img/marker15.gif);
}

.m16{
	background-image:url(img/marker16.gif);
}

.m17{
	background-image:url(img/marker17.gif);
}

.m18{
	background-image:url(img/marker18.gif);
}

.m19{
	background-image:url(img/marker19.gif);
}

.m20{
	background-image:url(img/marker20.gif);
}

.m21{
	background-image:url(img/marker21.gif);
}

.m22{
	background-image:url(img/marker22.gif);
}


/* company
------------------------*/

.company{
	width:920px;
	padding:20px;
	margin:0 auto;
	background:#fff;
	box-shadow:0 0 2px #ccc;
}

.company h3{
	font-size:87.5%;
	color:#fff;
	background:#292929;
	padding:7px;
	margin:0 0 20px 0;
}

div#greeting,
div#outline,
div#philosophy,
div#policy,
div#history,
div#slogan,
div#result,
div#intro,
div#media{
	margin:0 0 30px 0;
}

.company .img{
	margin:20px 0 0 0;
}


/*______ ごあいさつ ______*/

.company .message{
	font-size:87.5%;
	line-height:160%;
	margin:20px 0;
}

.company .sign{
	font-size:75%;
	height:38px;
	padding:20px 100px 0 0;
	background:url(img/sign.gif) no-repeat right center;
	float:right;
}

/*______ スローガン ______*/

.slogan{
	margin:0 0 20px 0;
}

/*
.photo{
	margin:20px 0;
}

.photo ul{
	margin:0 -8px -8px 0;
}

.photo li{
	width:218px;
	height:161px;
	padding:5px;
	margin:0 8px 8px 0;
	background:#e0e0e0;
	float:left;
}

/*______ 沿革 ______*/

dl.history{
	width:100%;
}

dl.history dt{
	width:100px;
	font-size:75%;
	line-height:160%;
	font-weight:bold;
	padding:0 0 10px 0;
	margin:0 0 10px 0;
	float:left;
	clear:left;
}

dl.history dd{
	width:600px;
	font-size:75%;
	line-height:160%;
	padding:0 0 10px 0;
	margin:0 0 10px 0;
	float:left;
}

/*______ 紹介 ______*/

div#intro .photo{
	width:150px;
	margin:0 30px 0 0;
	float:left;
}

div#intro .detail{
	width:520px;
	float:right;
}

div#intro .detail p{
	font-size:75%;
	line-height:160%;
	margin:0 0 10px 0;

}

/*______ メディア ______*/

div#media ul{
	margin:0 -20px -20px 0;
}

div#media li{
	width:198px;
	padding:10px;
	margin:0 20px 20px 0;
	float:left;
	border:1px solid #ccc;
}

div#media li img{
	display:block;
	margin:0 0 15px 0;
}

div#media li h4{
	font-size:87.5%;
	line-height:150%;
	margin:0 0 5px 0;
}

div#media li p{
	font-size:75%;
	line-height:150%;
}

/*______ 社是 ______*/

#policy .catch{
	font-size:125%;
	font-weight:bold;
	margin:0 0 20px 0;
}


/*______ 運営実績 ______*/

.company #gmap_canvas{
	width:700px;
	height:400px;
	margin:0 0 20px 0;
}

.shop_list ul{
	text-align:center;
}

.shop_list li{
	width:46%;
	font-size:75%;
	font-weight:bold;
	line-height:160%;
	border-bottom:1px dotted #bbb;
	padding:0 0 5px 0;
	margin:0 10px 5px 10px;
	display:inline-block;
	/display:inherit;
	_zoom:1;
}

.shop_list li span{
	font-size:90%;
	font-weight:normal;
	color:#666;
	display:block;
}


/* recruit
------------------------*/

.recruit{
	padding:20px;
	background:#fff;
	box-shadow:0 0 2px #ccc;
}

.recruit table.common{
	margin:20px 0 30px 0;
}

.recruit ul li{
	text-align:left;
	list-style: disc;
	margin:0 0 0 20px;
}

.recruit_form{
	width:920px;
	height:1400px;
	border:none;
}

.recruit_box{
	width:940px;
	height:700px;
	padding:10px;
	margin:0 0 20px 0;
	box-shadow:0 0 2px #ccc;
}


/* contact
------------------------*/

.contact{
	padding:20px;
	background:#fff;
	box-shadow:0 0 2px #ccc;
}

.contact_form{
	width:920px;
	height:900px;
	border:none;
}


/* access map
------------------------*/
.access{
	padding:20px;
	background:#fff;
	box-shadow:0 0 2px #ccc;
}

.access h3{
	font-size:87.5%;
	color:#fff;
	background:#292929;
	padding:7px;
	margin:0 0 20px 0;
}

.access #gmap_canvas{
	width:920px;
	height:400px;
	margin:0 0 20px 0;
}

.access table.common{
	margin:0 0 30px 0;
}



/* information
------------------------*/

.info{
	padding:20px;
	background:#fff;
	box-shadow:0 0 2px #ccc;
}

.info dl{
	width:100%;
}

.info dt{
	width:100px;
	font-size:75%;
	line-height:160%;
	font-weight:bold;
	padding:0 0 10px 0;
	margin:0 0 10px 0;
	border-bottom:1px dashed #bbb;
	float:left;
	clear:left;
}

.info dd{
	width:820px;
	font-size:75%;
	line-height:160%;
	padding:0 0 10px 0;
	margin:0 0 10px 0;
	border-bottom:1px dashed #bbb;
	float:left;
}



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

.sitemap{
	width:920px;
	padding:20px;
	margin:0 auto;
	background:#fff;
	box-shadow:0 0 2px #ccc;
}

.sitemap ul{
	margin:0 0 30px 0;
}

.sitemap li.title{
	width:100%;
	color:#292929;
	font-size:87.5%;
	font-weight:bold;
	padding:0 0 5px 0;
	margin:0 0 15px 0;
	border-bottom:1px solid #292929;
	background:none;
	float:none;
}

.sitemap li{
	width:30%;
	font-size:75%;
	padding:0 0 10px 17px;
	margin:0 10px 10px 0;
	background:url(img/icon_arrow.gif) no-repeat 0 0;
	float:left;
}