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


/* 全体 */

* {
	margin: 0;
	padding: 0;
}

html {
	text-align:center;
	height:100%;
	background-color:#fff;
}

body {
    margin: 0;
    padding: 0;
	font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
	letter-spacing: 0.03em;
	font-size:1em;
	behavior:url("/csshover3.htc");
	height:100%;
    color:#333;
	min-width: 1000px;
}

@media screen and (max-width: 600px) {
* {
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
         -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
            box-sizing: border-box;
}

body {
    font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
	-webkit-text-size-adjust: 90%;
	min-width: 100%;
}
}

/* IE6*/
* html body {
	font-size:1.1em;
}

/*IE7*/
:first-child+html body (font-size:1.25em;)


h1, h2, h3, h4, h5, h6,
p, pre, blockquote,
ul, ol, dl, address {
    margin: 0;
    padding: 0;
}

/*リンク関連*/
a { color: #191970; text-decoration: underline; }
a:visited { color: #191970; text-decoration: none; }
a:hover { color: #cc0000; text-decoration: underline; }
a.white { color: #fff; text-decoration: none; }
a.white:visited { color:#fff; }
a.white:hover { color: #fff; text-decoration: underline; }

img { border:none; }
a.effect:hover img { opacity:0.7;filter: alpha(opacity=70);-ms-filter: "alpha( opacity=80 )"; background: none; }

a[href $='#'] { 
cursor: default;
}

a[href $='#']:hover　{ 
text-decoration: none;
}


/*クリア*/
.clear:after { visibility: hidden; content : ""; display : block; height : 0; clear : both; }

/*余白指定*/
.tm20 { margin-top:20px; }
.bm20 { margin-bottom:20px; }
.w200 { width:200px; }
.lm20 { margin-left:20px; }
.rm20 { margin-right:20px; }

/*文字関連*/
h1 { padding:0; margin:0; height:80px; font-weight:normal; display:table; }
h1 img { display:table-cell; vertical-align:middle; float:left; }
h2 { padding:0; margin:0; clear:both; text-align:left; width:1000px; }
h3 { padding:0; margin:0 auto; font-size:1.35em; line-height:1.3; text-align:center; clear:both; }
h4 { font-size:1.1em; line-height:1.3; padding:0; margin:0 0 20px 0; text-align:left; clear:both; }
h5 { font-size:1.1em; line-height:1.3; margin:20px 0 10px 45px; color:#987c52; }
h6 { font-size:1em; line-height:1.3; margin:10px 0; }

  
.red { color:#F00; }
.small { font-size:0.8em; line-height:1.3;  }
.large { font-size:1.3em; font-weight:bold; }

 
/*本文基本文字サイズ*/
p { font-size:1em; line-height:1.5; margin:0 0 15px 0; text-align:left; }
p.right { font-size:1em; line-height:1.5; margin:0 0 15px 0; text-align:right; }
hr { clear:both; margin-bottom:20px; }

@media screen and (max-width: 600px) {
p { font-size:0.9em; line-height:1.3; margin:0; text-align:left; }	
p.right { width:100%; font-size:0.9; line-height:1.5; margin:0; text-align:left; }
h1 { padding:0; margin:0 auto; font-weight:normal; width:100%; text-align:center;}
h1 img { margin:0 auto; width:75%; height:auto; text-align:center;  float:none;}
h2 { padding:0 0 1% 0; margin:2% auto; clear:both; text-align:left; width:100%; }
h2 img { width:100%; height:auto; }
h3 { padding:0; margin:0 auto 15px auto; font-size:1em; line-height:1.3; color:#fff; width:100%; clear:both; }
h3 img { width:98%; height:auto; }
h3 img.com { width:30%; height:auto; margin:3% 0 0 0; }
}


/*全体レイアウト関連*/
#wrapper {
	width:100%;
	margin:0 auto;
	text-align:left;
	position:relative;
	height:100%;
	min-height:100%;
	background-color:#fff;
	border-top:10px solid #40135f;
}

body > #wrapper { height:auto; }

#allblock { 
height:auto; 
padding-bottom:250px; 
text-align:left;
width:100%;
margin:0 auto;
}
/*#allblock内の回り込みを解除*/
div#allblock:after {
	visibility: hidden;
	content : "";
	display : block;
	height : 0;
	clear : both;
}

@media screen and (max-width: 600px) {
#wrapper {
	width:99%;
	margin:0 auto;
	text-align:left;
	padding:0.5%;
	display:block;
	border-top:6px solid #40135f;
}

#allblock { 
padding:0; 
text-align:left;
width:100%;
margin:0 auto;
}


}

/*ヘッダー*/
.headbar { background-color:#fdde89; padding:10px; }
.headbar ul { width:950px; margin:0 auto; list-style:none; }
.headbar ul li { display:inline; margin:0 20px 0 0; }
.headbar ul li:last-child { display:inline; margin:0; }

#header {
	width:1000px;
	margin:0 auto;
	padding:10px 0;
	/*overflow:hidden;*/
}

.header_left { float:left; margin:0 0 10px 0; width:430px; }
.header_right { float:right; margin:10px 0; width:570px; text-align:right; }
.header_right ul { width:500px; margin:0 auto; list-style:none; margin:0 0 0 70px; }
.header_right ul li:nth-child(1) { display:table; float:left; margin:0 2px 0 0; width:146px; border:1px solid #F90; height:40px; text-align:center; padding:8px 0 0 0; }
.header_right ul li:nth-child(2) { display:table; float:left; margin:0 2px 0 0; width:146px; border:1px solid #F90; height:40px; text-align:center; padding:8px 0 0 0; }
.header_right ul li:nth-child(3) { display:table; float:left; margin:0; width:198px; border:1px solid #F90; height:40px; text-align:center; padding:8px 0 0 0; }
.account { width:490px; padding:5px; text-align:center; color:#FFF; background-color:#493627; margin:0 0 2px 70px; }
.kakomi { 
    -webkit-border-radius:10px 10px 10px 10px;
    -moz-border-radius:10px 10px 10px 10px; 
    border-radius:10px 10px 10px 10px;
	border:solid 1px #333;
	width:958px;
	padding:10px 20px;
	background-image:none;
} 


@media screen and (max-width: 600px) {
.headbar { background-color:#fdde89; padding:1%; }
.headbar ul { width:100%; margin:0 auto; list-style:none; }
.headbar ul li { display:inline; margin:0; }
.headbar ul li:last-child { display:inline; margin:0; }
.headbar ul li img { width:95%; height:auto; }
#header {
	width:100%;
	margin:0 auto;
	padding:1% 0;
	text-align:center;
}
.account { clear:both; width:100%; padding:2%; text-align:center; color:#FFF; background-color:#493627; margin:0 0 2px 0; font-size:0.85em;}
.header_left { float:none; margin:1% 0 2% 0; width:100%; text-align:center; }
.header_right { float:none; width:100%; margin:0; text-align:center; }
.header_right ul { width:100%; margin:0 auto; list-style:none; margin:0; }
.header_right ul li:nth-child(1) { display:table; float:none; margin:0; width:100%; border-bottom:1px solid #F90; text-align:center; padding:2%; }
.header_right ul li:nth-child(2) { display:table; float:none; margin:0; width:100%; border-bottom:1px solid #F90; text-align:center; padding:2%; }
.header_right ul li:nth-child(3) { display:table; float:none; margin:0; width:100%; border-bottom:1px solid #F90; text-align:center; padding:2%; }

.kakomi { 
    -webkit-border-radius:10px 10px 10px 10px;
    -moz-border-radius:10px 10px 10px 10px; 
    border-radius:10px 10px 10px 10px;
	border:solid 1px #333;
	width:100%;
	padding:1% 2%;
	margin:3% 0; 
	background-image:none;
} 

.kakomi span.red { font-size:0.9em; line-height:1.3;}
}

/*ナビゲーション*/
.nav { width:1000px; height:40px; background-color:#40135f; clear:both; margin:15px auto; padding:0; }

ul#gnavi {
	list-style:none;
	margin:0 auto;
	padding:0;
	text-align:left;
	height:40px; 
	overflow:hidden;
	width:920px;
}
  
ul#gnavi li {
	margin: 0;
	padding:0 ;
	font-size:0.95em;
	line-height:40px;
	display:block;
	padding:0; 
	width:120px;
	text-align:center;
	float:left; 
   }
   
@media screen and (max-width: 600px) {
.nav { width:100%; padding:2%;}
ul#gnavi {
	list-style:none;
	margin:0 auto;
	padding:0;
	text-align:left;
	height:auto; 
	overflow:hidden;
	width:95%;
}
  
ul#gnavi li {
	margin: 0;
	padding:0 ;
	font-size:0.95em;
	line-height:30px;
	width:30%;
	padding:0; 
	text-align:center;
	float:left;
   }
.tpath { display:none; }
}
   
/*トピックパス*/
.tpath { font-size:0.9em; line-height:1.3; margin:15px auto; width:1000px; }

/*本文*/
.content { width:1000px; margin:0 auto; padding:0; }
.content a:after { display:inline; }
.content span:after { display:inline; }
.block01{ width:960px; clear:both; padding:20px; }
.block01 p { width:850px; margin:20px auto 0 auto; font-size:1.1em; line-height:1.8em; text-align:left; }
.block01 p.right { width:850px; margin:20px auto 0 auto; font-size:1.1em; line-height:1.8em; text-align:right; }
.block02 { width:960px; clear:both; padding:20px; background-color:#40135f; }
.block02 p { width:850px; margin:20px auto 0 auto; font-size:1.1em; line-height:1.8em; text-align:left; color:#FFF; }
.block02 p img { float:left; margin:0 15px 0 0; }
.block03 { width:960px; clear:both; padding:20px; background-color:#ccccff; }
.block03 p { width:850px; margin:20px auto 0 auto; font-size:1.1em; line-height:1.8em; text-align:left; }
.block03 p img { float:right; margin:0 0 0 15px; }

/*右ブロック*/
#main { float:right; width:690px; margin:0; padding:0; text-align:left; background-color:#FFF; }


@media screen and (max-width: 600px) {
.content { width:100%; margin:0 auto; padding:0; }
.block01 { width:100%; clear:both; padding:0; }
.block01 p {width:100%; font-size:0.9em; line-height:1.3;}
.block01 p.right {width:100%; font-size:0.9em; line-height:1.3;}
.block02 { width:100%; clear:both; padding:2%; margin:3% 0 0 0;}
.block02 p { width:100%; font-size:0.9em; clear:both; }
.block02 p img { clear:both; margin:0 auto; width:100%; height:auto; }
.block03 { width:100%; clear:both; padding:2%; }
.block03 p { width:100%; font-size:0.9em; }
.block03 p img { clear:both; margin:0 auto; width:100%; height:auto; }
#main { float:none; width:100%; margin:0; padding:0; text-align:left; background-color:#FFF; }	

}

/*角丸*/
.radius {
	-moz-border-radius: 10px; /* Firefox */
	-webkit-border-radius: 10px; /* Safari and Chrome */
	border-radius: 10px;
	behavior: url(/border-radius-ie8.htc); /* IE */
}

/*フローティング*/
div#floating-menu {
    position: fixed;
    bottom: 20px;
    right: 20px;
    z-index: 9999;
}


/*フッターリンク*/
#footer {
	clear:both;
	height:210px;
	width:100%;
	text-align:center;
	margin:0 auto;
	padding:0;
	position:absolute;
	bottom: 0px;
	overflow:hidden;
	left: 0px;
}

/*#footer内の回り込みを解除*/
div#footer:after { visibility: hidden; content : ""; display : block; height : 0; clear : both; }

.ft_menu { width:100%; height:180px; text-align:left; padding:0; margin:0 auto; clear:both; background-color:#ccccff; }
.ft_menu ul { list-style:none; margin:0 auto; padding:10px 0 0 0; text-align:left; width:920px; }
.ft_menu ul li { margin:0 10px 0 0; padding:0 10px 0 0; font-size:0.8em; color:#fff; line-height:1.3; display:inline; border-right:1px solid #fff; }
.ft_menu ul li:last-child { margin:0 10px 0 0; padding:0 10px 0 0; font-size:0.8em; color:#fff; line-height:1.3; display:inline; border-right:none; }

.copy { width:100%; height:20px; margin:0 auto; padding:5px 0;  background-color:#ccccff; }
.copy p { width:980px; margin:0 auto; text-align:right; color:#333; }
.copybody { color:#fff; margin:0 auto; padding:25px 0 0 0; text-align:left; }


@media screen and (max-width: 600px) {
#footer { clear:both; height:auto; width:100%; text-align:center; margin:0 auto; padding:0; position:relative; overflow:hidden; }

.ft_menu { width:100%; text-align:left; padding:2%; margin:0 auto; clear:both; background-color:#ccccff; }
.ft_menu ul { list-style:none; margin:0 auto; padding:1%; text-align:left; width:100%; }
.ft_menu ul li { margin:0 10px 0 0; padding:0 10px 0 0; font-size:0.8em; color:#fff; line-height:1.3; display:inline; border-right:1px solid #fff; }
.ft_menu ul li:last-child { margin:0 10px 0 0; padding:0 10px 0 0; font-size:0.8em; color:#fff; line-height:1.3; display:inline; border-right:none; }

.copy { width:100%; height:auto; margin:0 auto; padding:0;  background-color:#ccccff; }
.copy p { width:100%; margin:0 auto; text-align:center; color:#FFF; }
.copybody { color:#fff; margin:0 auto; padding:3% 0 0 0; text-align:left; }


}

/*ページナビ*/
.wp-pagenavi { width:700px; text-align:right; font-size:0.5em; line-height:1.3; margin:10px 0; clear:both; }
.pagenation {margin:30px auto 0 auto; text-align:center; font-size:0.85em; line-height:1.3; }

@media screen and (max-width: 600px) {
.wp-pagenavi { width:95%; text-align:right; font-size:0.5em; line-height:1.3; margin:10px 0; clear:both; }
}



.pagetop { width:100%; margin:40px auto 0 auto; font-size:0.85em; line-height:1.3; text-align:right; clear:both; }
.map { float:left; width:550px; margin:15px 15px 0 0; border:solid 1px #666; }
.face { float:left; width:265px; height:500px; margin:25px 20px 0 0; }
.btn { clear:both; width:504px; margin:20px auto; text-align:center; }
.poster { text-align:center; }

@media screen and (max-width: 600px) {
.map {
width:100%;
position: relative;
padding-bottom: 56.25%;
padding-top: 30px;
height: 0;
overflow: hidden;
margin:0 0 2% 0;
}

.map iframe {
position: absolute;
top: 0;
left: 0;
width: 100% !important;
height: 100% !important;
}

.face { float:none; width:100%; text-align:center; height:auto; margin:0 0 3% 0; }
.btn { clear:both; width:100%; margin:5% auto; text-align:center; }
.btn img { width:100%; height:auto; margin:0 0 2% 0; }
.poster img{ width:95%; height:auto; }
}