/* IMPORT RESET */
@import url("reset.css");

/* IMPORT 12 COLUMN RESPONSIVE GS */
@import url("responsive.gs.12col.css");


/* common
---------------------------------------------------- */
html{background: #fff;}
body {
	margin: 0;
	padding: 0;
	font-family:ヒラギノ角ゴ Pro W3, Hiragino Kaku Gothic Pro, Arial, Helvetica, sans-serif;
	font-size: 13px;
	line-height: 1.8em;
	color: #444444;
	background: #fff;
}
p {
	line-height: 1.7;
}
a img {
	border: none;
}
a:link,
a:visited{
	color:#720803;
	text-decoration:none;
	font-weight:bold;
}
ul.gnvlist li a.hover,
a:active,
a:hover{
	color:#720803;
	text-decoration:none;
	font-weight:bold;
}
a:hover img {
	opacity:0.6;
	filter:alpha(opacity=60);
	-ms-filter:"alpha( opacity=60 )";
}

.left { text-align:left;}
.right { text-align:right;}
.center { text-align:center;}
.floatL { float:left;}
.floatR { float:right;}
.clear { clear:both;}

.mb10 { margin-bottom:10px;}
.mb20 { margin-bottom:20px;}
.mb25 { margin-bottom:25px!important;;}
.mb30 { margin-bottom:30px;}
.mb40 { margin-bottom:40px;}

.F80{font-size:86%;}

strong, .bold{ font-weight:bold;}


/*
 SP View 
*/

/* ページの枠組み
---------------------------------------------------- */
header,
main{padding:0 10px;}

/* header
---------------------------------------------------- */
.inner{
	position:relative;
	min-height:48px;
}
a#logo {
	position:absolute;
	top:10px;
	left:0;
    display: block;
    width: 95px;
    height: 30px;
    background: url(/images/logo-02.png) no-repeat;
	-webkit-background-size: 100% auto;
	-o-background-size: 100% auto;
	background-size: 100% auto;
    text-indent: -9999em;
}
.snsNavi{
	position:absolute;
	top:8px;
	right:102px;
	margin:0;
	width:auto;
}
.snsNavi li {
	position:relative;
    display: block;
    float: left;
	text-align: center;
	padding:0 0 0 5px;
}
.snsNavi li a {
	font-size:2.1em;
    display: block;
    color: #000;
    text-decoration: none;
	line-height:1em;
}
.snsNavi li i{
	vertical-align:bottom;
}
.btnEng{
	position:absolute;
	top:10px;
	right:70px;
	margin:0;
	width:auto;
}
#normal{position:relative;}
p.dropmenu{
	*zoom: 1;
	position:absolute;
	top:10px;
	right:0px;
}
ul.gnvlist{
	position:absolute;
	top:48px;
	left:0;
	z-index: 9999;
	margin: 0;
	padding: 0;
	background: url(/images/bg_footer_01.gif) left top repeat-x;
	width: 100%;
	background-color:#fff;
}
ul.gnvlist li{
	width: 100%;
	position:relative;
    background: url(/images/bg_footer_01.gif) left bottom repeat-x;
}
ul.gnvlist li a{
	display:block;
	color: #000;
	padding:8px 10px 8px 25px;
	text-decoration:none;
}
#normal ul.gnvlist li.close a{
	padding:10px 10px 10px 0;
	text-align:center;
}
#normal ul,
#normal ul.gnvlist li.close:hover{
	display: none;
}
#normal .dropmenu:hover,
#normal:hover ul.gnvlist {
	display: block;
}


/* main
---------------------------------------------------- */
main {
	max-width: 780px;
    margin: 0 auto;
}
main h1,
main h2{
	margin-bottom:5px;
	color:#981d1d;
	font-weight: bold;
}
main h1,
main h2 {font-size: 124%;}
main h3{
	font-size:116%;
	font-weight:bold;
}

main .contentBox01{
	margin:15px 0 0 0 ;
	padding-bottom:5px;
	background: url(/images/bg_line-01.png) left bottom repeat-x;
}
main .contentBox01 p,
main .contentBox01 ul{margin-bottom:10px;}
main .contentBox01 dl{margin-bottom:10px;}
main .contentBox01 dt{font-weight:bold;}
main div.last{background:none;}

main #content img{
	width: 100%;
    max-width: 100%;
    height: auto;
    font-size: 0px;
    vertical-align: middle;
}

/*-- Table -- */
h4.TableH{
	border-bottom: 1px dotted #333;
	font-size:100%;
	font-weight:bold;
}
.layoutTable01 *{
	font-size:100%;
}
.layoutTable01{
	margin:0 auto 15px;
	width:100%;
	table-layout: fixed;
  	text-align:center;
}
.layoutTable01 th,
.layoutTable01 td{
	padding:0;
}
.layoutTable01 th{
	border-bottom:2px #333 solid;
}
.layoutTable01 tbody th {
	border-bottom:1px #333 solid;
}
.layoutTable01 th{
	text-align:left;
}
.layoutTable01 td{
	padding:3px 0 5px 0;
	border-bottom:1px #333 solid;
	text-align:left;
}


/* footer
---------------------------------------------------- */
footer {
	max-width: 780px;
    margin: 0 auto;
	background-color:#1b1b1b;
}
footer ul{
	margin:0 0 25px 0;
	width:auto;
}
footer ul li{
	max-width: 780px;
    background: url(/images/bg_footer_01.gif) left bottom repeat-x;
}
footer ul li a{
    display: block;
	color:#ccc;
    padding: 8px 20px 8px 20px;
    font-weight: bold;
    text-decoration: none;
}
footer ul li a:link,
footer ul li a:visited{
	color:#ccc;
}
footer ul li a.hover,
footer ul li a:active,
footer ul li a:hover{
	color:#720803;
}
footer ul li a i{vertical-align:baseline;}
footer h3,
footer p{
	text-align:center;
	font-size:77%;
    color: #ccc;
}
footer h3{
	font-weight:bold;
	line-height:1.2em;
}
footer p a {color:#fff600;}
footer p.copy{
	padding:15px 0;
	font-size:61%;
}


/*-- TOP -- */
.topImgSP img{
	width: 100%;
    max-width: 100%;
    height: auto;
    font-size: 0px;
    vertical-align: middle;
}

/*-- Information -- */
.media p{margin-bottom:5px;}
.media p img{border:1px solid #999;}

/*-- Gallary -- */
div.gallary h3{
	margin-bottom:5px;
	font-size:100%;
	font-weight:normal;
	color:#981d1d;
}
.gBox01{width:100%;}
.gBox01-01,
.gBox01-02{
	margin-bottom:10px;
	width:100%
}
main div.gBox01-01 ul,
main div.gBox01-02 ul{
	margin:0;
	width:100%
}
.gBox01-01 ul li,
.gBox01-02 ul li{
	margin:0;
	padding:0;
	float:left;
	width:50%;
}
.gBox01-01 ul li.last,
.gBox01-02 ul li.last{
	float:right;
}
.gBox01-01 ul li{padding:0 1% 0 0}
.gBox01-01 ul li.last{padding:0 0 0 1%}
.gBox01-02 ul li{padding:0 1% 0 0;}
.gBox01-02 ul li.last{padding:0 0 0 1%;}

/*-- access -- */
.ggmap {
	position: relative;
	padding-bottom: 56.25%;
	padding-top: 30px;
	height: 0;
	overflow: hidden;
}
.ggmap iframe,
.ggmap object,
.ggmap embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}


/* and more
---------------------------------------------------- */
/* Display none */
main .span_4{display:none !important;}

/*	SELF CLEARING FLOATS - CLEARFIX METHOD */
.gBox01-01 ul:after,
.gBox01-02 ul:after,
.snsList:after,
.snsNavi:after,
footer ul:after{ 
	content: ""; 
	display: table; 
	clear: both; 
}


/*
 PC View 
*/

@media ( min-width : 768px ) {
	
body {
	font-size:11px;
    background: url(/images/bg_body-01.png) center top repeat-x;
}
header,
main{padding:0;}

/* header 
---------------------------------------------------- */
header{
    background: url(/images/bg_head-01.png) left top no-repeat;
}
.inner{
	position:relative;
	min-height:93px;
}

a#logo {
	position:absolute;
	top:19px;
	left:47px;
    display: block;
    width: 193px;
    height: 63px;
    background: url(/images/logo.png) no-repeat;
	-webkit-background-size: 100% auto;
	-o-background-size: 100% auto;
	background-size: 100% auto;
    text-indent: -9999em;
}
p.topImgSP,
ul.snsNavi,
p.btnEng,
div#normal{
	display:none !important;
}

/* main 
---------------------------------------------------- */
main .span_4{display:block !important;}

main .menu_list{
	min-height:375px;
    background: url(/images/bg_nav-01.png) left top no-repeat;
}
main .menu_list ul {
	list-style-type: none;
	margin-left:46px;
	padding: 0;
	width: 213px;
}
main .menu_list li a {
	display: block;
	min-height:33px;
	padding: 8px 0 0 41px;
	color: #1B1B1B;
	background: url(/images/menu_button.gif) left top no-repeat;
}
nav.menu_list ul li a.hover,
main .menu_list li a:hover {color: #a81407;}

main .menu_list .navSns{
	margin:20px 0 0 66px;
}
main .menu_list .navSns li {
	float:left;
	padding-right:15px;
}
main .menu_list .navSns li a{
	padding:0;
	display:inline;
	background:none;
	font-size:351%;
}
main #content{
	background: url(/images/bg_cont-01.jpg) left top no-repeat;
	padding-top:183px;
}
main h1,
main h2{
	margin-bottom:10px;
}
main h1 {font-size: 163%;}
main h2 {font-size: 145%;}

main .contentBox01{
	margin:20px 40px 0 40px;
}
main .contentBox01 p{margin-bottom:15px;}
main .contentBox01 dl{margin-bottom:15px;}

main div.last{
	background: url(/images/bg_line-01.png) left bottom repeat-x;
}



/* footer
---------------------------------------------------- */
footer ul li a i{display:none !important;}

footer {
	max-width: 780px;
    margin: 10px auto 0;
	border-top:1px solid #ccc;
	background-color:#fff;
}
footer ul{
	margin:0 0 25px 30px;
	width:auto;
	position:relative;
}
footer ul li{
    float: left;
    padding: 20px 0 0 0;
	text-align: center;
	background:none;
}
footer ul li a{
    display: block;
	color:#444;
    padding: 0 20px 0px 20px;
	font-size:100%;
    font-weight: bold;
    text-decoration: none;
}
footer ul li a:link,
footer ul li a:visited{
	color:#1B1B1B;
}
footer ul li a.hover,
footer ul li a:active,
footer ul li a:hover{
	color:#a81407;
}

footer h3,
footer p{
	text-align:center;
	font-size:83%;
	color: #444444;
}
footer h3{
	font-weight:bold;
	line-height:1.2em;
}
footer p.copy{
	padding:5px 0;
	font-size:65%;
}

/*-- gallery -- */
.gBox01{
	margin:0 0 15px 0;
	width:100%;
}
.gBox01-01,
.gBox01-02{
	margin:0;
	float:left;
	width:50%;
}
main div.gBox01-01 ul,
main div.gBox01-02 ul{
	margin:0;
	width:100%
}
.gBox01-01 ul li,
.gBox01-02 ul li{
	margin:0;
	padding:0;
	float:left;
	width:48%;
}
.gBox01-01 ul li.last,
.gBox01-02 ul li.last{
	float:right;
}
.gBox01-01 ul li{padding:0 3% 0 0}
.gBox01-01 ul li.last{padding:0 3% 0 0}
.gBox01-02 ul li{padding:0 0 0 3%;}
.gBox01-02 ul li.last{padding:0 0 0 3%;}

/*	SELF CLEARING FLOATS - CLEARFIX METHOD */
.gBox01:after,
main .navSns:after{ 
	content: ""; 
	display: table; 
	clear: both; 
}

}