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

html {
font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
line-height:1.5;}

body{ background:#f2f1ec;}

h1{ margin-bottom:0;}
h2{ display:none;}
h3,h4,h5,h6 { margin-bottom:12px;}
h1 {
font-size:48px; 
line-height:1;} /* 48px */
h2 {
font-size:24px;
line-height:1.3333;} /* 48px */
h3{
font-size:24px;
line-height:1;} /* 24px */
h4{
font-size:18px;
line-height:1;
}
hgroup h2,h5,h6 {
font-size:16px;
line-height:1.5;} /* 24px */

/* Fluid Image */
/*モダンブラウザ用*/
img, iframe, object { max-width:100%; }
/*IE7用*/
.ie7 img,
.ie7 object/ { width:100%; }
/*IE8用*/
.ie8 img,
.ie8 object { width:auto\9; }
/* //Fluid Image */


header { text-align:center; padding-top:0; }
header h1 { margin-bottom:0; }
header h2 { color:#F90;}

nav {
margin-bottom : 12px;
}
nav ul { overflow:hidden; width:100%; display:table; table-layout:fixed;
background-color: #000;
background: -moz-linear-gradient(top, rgba(50,50,50,0.71) 0%, rgba(0,0,0,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(50,50,50,0.71)), color-stop(100%,rgba(0,0,0,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(50,50,50,0.71) 0%,rgba(0,0,0,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(50,50,50,0.71) 0%,rgba(0,0,0,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, rgba(50,50,50,0.71) 0%,rgba(0,0,0,1) 100%); /* IE10+ */
background: linear-gradient(top, rgba(50,50,50,0.71) 0%,rgba(0,0,0,1) 100%); /* W3C */
 }
nav ul li { text-shadow: 2px 2px 3px #000; font-size:0.8em; line-height:1.5; display:table-cell; vertical-align:middle; }
nav ul li a { display: block; padding:12px 0; color:#FFF; text-decoration:none; outline:none;}
nav ul li a:hover { display: block; color:#FF9;}
nav ul li a:active { display: block; color:#FC0;}
nav li:not(:last-child){ border-right:1px #999 dotted;}

footer {
color : white;
text-align : center;
padding : 0;
background : #ff0000;}
footer p{ padding : 24px 0;
}

h3{ border-top:#ff0000 5px solid; color:#ff0000; padding:12px 0 24px 0; }
h4{ width:100%; margin:5% 0; color:#fff; background:#000; font-weight:bold; padding:1em 0 ; text-align:left; text-indent:2em; }
/*
h4{ width:90%; margin:5% 0 5% 5%; border-left:5px #333 solid; color:#333; font-weight:bold; padding:1em 0 1em 0.5em; text-align:left; }
*/
h5{ width:80%; border-left:#ff0000 5px solid; color:#333; padding:0 0 0.2em 0.5em; text-align:left; margin:0 0 2% 5%; }

section{ margin-bottom:48px; padding-bottom:24px; background-color:#FFF; line-height:1.5; }
section p{ width:95%; text-align:left; padding:0 5% 2% 5%; clear:both;}
aside{ margin:0;}


.info { width:90%; margin:0 auto 12px auto; border:#666 1px solid;}
.info ul{ margin:0 0 24px 0;}
.info ul li{ margin:0;}
.info li{ list-style:none; margin:0; padding:3% 5%; text-align:left;}


#f_nav { margin-bottom : 0;}
#f_nav ul { overflow:hidden; width:100%; display:table; table-layout:fixed;
background-color: #000;
 }
#f_nav ul li { text-shadow: 2px 2px 3px #000; font-size:0.8em; line-height:1.2; display:table-cell; vertical-align:middle; }
#f_nav ul li a { display: block; padding:5px 0; color:#FFF; text-decoration:none; outline:none;}
#f_nav ul li a:hover { display: block; color:#FF9;}
#f_nav ul li a:active { display: block; color:#FC0;}
#f_nav li:not(:last-child){ border-right:1px #999 dotted;}

/* PC用ナビボタン */
#pc_nav{ display:none;}

/* Google Map */
#map_container{ width:90%; margin:10px auto;}
#map_container a{ color:#ff0000; text-decoration:none; text-align:center; }
#map_container a:hover{ color:#F90; text-decoration:none; }
.map_mobile{ display:block;}
.map_tablet{ display:none;}
.map_screen{ display:none;}


/* フォームボタン */
#go_form{ width:80%; height:auto; margin:0 auto;}
#go_form a{
	display:block;
	color:#FFF;
	padding:10px;
	background-color:#ff0000;
	text-align:center;
	text-decoration:none;
	border-radius: 10px 10px 10px 10px;        /* CSS3草案 */  
    -webkit-border-radius: 10px 10px 10px 10px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 10px 10px 10px 10px;   /* Firefox用 */
}
#go_form a:hover{
	color:#000;
	padding:10px;
	background-color:#FC0;
	text-decoration:none;
	border-radius: 10px 10px 10px 10px;        /* CSS3草案 */  
    -webkit-border-radius: 10px 10px 10px 10px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 10px 10px 10px 10px;   /* Firefox用 */
}
.edge02{
	border-radius: 10px 10px 10px 10px;        /* CSS3草案 */  
    -webkit-border-radius: 10px 10px 10px 10px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 10px 10px 10px 10px;   /* Firefox用 */
	}

.postcard{width:70%; text-align:left;}


/* 全ページ共通 */

#tab{ width:100%; background:#FFF; display:none;}
#contents {
width:90%;
margin:0 auto;
text-align:center;
clear: both;}
#contents p {
margin-bottom:24px;
text-align:left;}
#contents img {
margin-bottom:24px;}
#adv{ display:none;}

/* 上スクロール */
.totop{ display:none;}


/* 480px - 767px */
@media screen and (min-width : 480px){

.postcard{width:30%; text-align:left; margin:0 0 0 5%; float:left;}

.info { width:90%; margin:0 auto 12px auto; border:#666 1px solid;}
.info ul li{ margin:0;}
.info li{ list-style:none; margin:0; padding:5px; text-align:left; font-size:0.9em;}


}

/* 768px - 1023px */
@media screen and (min-width : 768px){

h4{ width:100%; margin:5% 0; color:#fff; background: url(../img/logo_red.gif) right center no-repeat #000; font-weight:bold; padding:1em 0 ; text-align:left; text-indent:2em; }
	
nav {
margin-bottom : 12px;
}
nav ul { overflow:hidden; width:100%; display:table; table-layout:fixed;
background-color: #000;
background: -moz-linear-gradient(top, rgba(50,50,50,0.71) 0%, rgba(0,0,0,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(50,50,50,0.71)), color-stop(100%,rgba(0,0,0,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(50,50,50,0.71) 0%,rgba(0,0,0,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(50,50,50,0.71) 0%,rgba(0,0,0,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, rgba(50,50,50,0.71) 0%,rgba(0,0,0,1) 100%); /* IE10+ */
background: linear-gradient(top, rgba(50,50,50,0.71) 0%,rgba(0,0,0,1) 100%); /* W3C */
 }
nav ul li { text-shadow: 2px 2px 3px #000; font-size:0.9em; line-height:1.5; display:table-cell; vertical-align:middle;}
nav ul li a { display: block; padding:12px 0; color:#FFF; text-decoration:none;}
nav ul li a:hover { display: block; color:#FF9;}
nav ul li a:active { display: block; color:#FC0;}
nav li:not(:last-child){ border-right:1px #999 dotted;}

section li{ list-style:none; margin:0; padding:1% 5%; text-align:left;}

#mainv{ width:100%;}


/* Google Map */
#map_container{ width:90%; margin:10px auto;}
.map_mobile{ display:none;}
.map_tablet{ display:block;}
.map_screen{ display:none;}

.map{ margin:0 auto; text-align:center; color:#ff0000; font-size:0.9em; line-height:150%; border:#333333 1px solid; background-color:#FFF;}
.map a{ color:#ff0000; text-decoration:none; text-align:center; }
.map a:hover{ color:#F90; text-decoration:none; }



/* フォームボタン */
#go_form{ width:30%; height:auto; margin:0 auto;}
#go_form a{ display:block; color:#FFF; font-size:1.2em; padding:10px; background-color:#ff0000; text-align:center; text-decoration:none;
	border-radius: 10px 10px 10px 10px;        /* CSS3草案 */  
    -webkit-border-radius: 10px 10px 10px 10px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 10px 10px 10px 10px;   /* Firefox用 */
}
#go_form a:hover{ color:#000; padding:10px; background-color:#FC0; text-decoration:none;
	border-radius: 10px 10px 10px 10px;        /* CSS3草案 */  
    -webkit-border-radius: 10px 10px 10px 10px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 10px 10px 10px 10px;   /* Firefox用 */
}

.postcard{width:30%; text-align:left; margin:0 0 0 5%; float:left;}


.info { width:90%; margin:0 auto 12px auto; border:#666 1px solid;}
.info ul li{ margin:0;}
.info li{ list-style:none; margin:0; padding:5px; text-align:left; font-size:0.9em;}

}



/* 1024px以上 */ 
@media screen and (min-width : 1024px) {
header { text-align:center; padding-top:0; margin-bottom:24px; }

nav { width:640px; height:40px; margin-bottom:0; margin-top:0; background:url(../img/menu.gif) 0 bottom no-repeat; display:block; }
nav ul { height:40px; margin:0; background-color:#000; }
nav li,nav ul li a  { height:40px; display:block; outline:none; }
nav ul li { float:left; list-style:none; display: inline; padding:0; border:0 !important; line-height:1; }
nav ul li span{ display:none;}

.nav01{ width:86px; margin:0;}
.nav01 a{ background:url(../img/menu.gif) 0 -40px;}
.nav01 a:hover{ background-position:0 top;}
.nav02{ width:134px; margin:0;}
.nav02 a{ background:url(../img/menu.gif) -86px -40px;}
.nav02 a:hover{ background-position:-86px top;}
.nav03{ width:179px; margin:0;}
.nav03 a{ background:url(../img/menu.gif) -220px -40px;}
.nav03 a:hover{ background-position:-220px top;}
.nav04{ width:241px; margin:0;}
.nav04 a{ background:url(../img/menu.gif) -399px -40px;}
.nav04 a:hover{ background-position:-399px top;}


footer {
width:960px; /*940/1024*/
padding: 0;
margin:30px auto 0 auto;
background:url(../img/footer_bg.gif) bottom right no-repeat #ff0000;}
footer p{ padding : 24px 0 60px 0;
}

h3{ margin:0; font-size:24px; }
h4{ width:100%; margin:5% 0; color:#fff; background: url(../img/logo_red.gif) right center no-repeat #000; font-weight:bold; padding:1em 0 ; text-align:left; text-indent:2em; }
h5{ width:800px; padding:0 0 0.2em 0; text-indent:0.5em; text-align:left; margin:0 auto 2% auto; }


section{ margin-bottom:0px; padding-bottom:0px; background-color: transparent; }
section li{ list-style:none; margin:0; padding:0; text-align:left;}
section p{ width:800px; margin:12px auto;}

#contents {
overflow:hidden;
width:960px;} /* 960/1024 */


#contents #main,
#contents #sub {
float : left;
margin : 0 0 0 20px; } /*10/960*/
#contents #main { width : 960px; margin:12px 0 0 0; padding:0 0 36px 0; } /*620/960*/
#contents #sub { width : 470px; } /*300/960*/
#main{ background-color:#fff;}

#mainv_container{ width:100%; overflow:auto;}
#mainv{ width : 640px; float:left;}

#tab{ width:100%; background:#FFF; display: block;}
#adv{ display: block; width:300px; float:right;}
#adv p{ text-align:right; font-size:0.8em; padding:0 5px 0 0; margin:0;}


/* Google Map */
#map_container{ width:90%; margin:10px auto; overflow:hidden;}
.map_mobile{ display:none;}
.map_tablet{ display:none;}
.map_screen{ display:block; margin:0; text-align:center; float:left;}


/* フォームボタン */
#go_form{ width:40%; height:auto; margin:20px auto 0 auto;}
#go_form a{ display:block; color:#FFF; font-size:1.2em; padding:10px; background-color:#ff0000; text-align:center; text-decoration:none;
	border-radius: 10px 10px 10px 10px;        /* CSS3草案 */  
    -webkit-border-radius: 10px 10px 10px 10px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 10px 10px 10px 10px;   /* Firefox用 */
}
#go_form a:hover{ color:#000; padding:10px; background-color:#FC0; text-decoration:none;
	border-radius: 10px 10px 10px 10px;        /* CSS3草案 */  
    -webkit-border-radius: 10px 10px 10px 10px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 10px 10px 10px 10px;   /* Firefox用 */
}

.postcard{width:25%; text-align:left; margin:0 24px 24px 0; }



.info { width:90%; margin:0 auto 5% auto; border:#666 1px solid;}
.info ul li{ margin:0;}
.info li{ list-style:none; margin:0; padding:5px; text-align:left; font-size:0.9em;}


/* PC用ナビボタン */
#pc_nav{ display:block; margin:12px 0 0 0; clear:both; overflow:auto;}
#pc_nav ul{ margin:0 0 20px 0;}
#pc_nav ul li{ margin:0; list-style:none; float:left; display:inline;}
#pc_nav img{ margin:0 0 10px 0; padding:0;}
.nav_r{ margin:0 0 0 4.255319148936% !important;}


/* フッターメニュー */
#f_nav { width:600px; height:30px; margin-bottom:0; margin-top:0; background:url(../img/menu.gif) 0 bottom no-repeat #ff0000; display:block; overflow:hidden; text-align:left;}
#f_nav ul { height:30px; margin:0; background-color:transparent; }
#f_nav li,#f_nav ul li a  { height:30px; display:block; outline:none;  }
#f_nav ul li { float:left; list-style:none; display: inline; padding:0; border:0 !important; line-height:1; }

.f_nav01{ width:86px; margin:0;}
.f_nav01 a{ background:url(../img/menu_f.gif) 0 -30px; padding-top:40px !important;}
.f_nav01 a:hover{ background-position:0 top;}
.f_nav02{ width:94px; margin:0;}
.f_nav02 a{ background:url(../img/menu_f.gif) -86px -30px; padding-top:40px !important;}
.f_nav02 a:hover{ background-position:-86px top;}
.f_nav03{ width:178px; margin:0;}
.f_nav03 a{ background:url(../img/menu_f.gif) -180px -30px; padding-top:40px !important;}
.f_nav03 a:hover{ background-position:-180px top;}
.f_nav04{ width:242px; margin:0;}
.f_nav04 a{ background:url(../img/menu_f.gif) -358px -30px; padding-top:40px !important;}
.f_nav04 a:hover{ background-position:-358px top;}






/* エフェクト */
.shadow{ box-shadow:5px 5px 5px rgba(0,0,0,0.4);}

/* 上スクロール */
.totop{ width:20%; margin:0 10px 0 0; float:right; padding:50px 0 0 0; clear:both; display:block; }
.totop a{ display:block; width:40px; height:40px; background:url(../img/totop.gif) center bottom no-repeat; text-indent:-9999em; margin:0 auto ;}
.totop a:hover{ background-position: top center;}

}