@charset "utf-8";


/*		[00] reset
--------------------------------------------------------------------------------------*/
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr,
address, cite, code, del, dfn, em, img, a, ins, kbd, q, samp, small, strong, sub, sup, 
var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody,
tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, 
header, hgroup, menu, nav, section, summary, time, mark, audio, video {
margin:0;
padding:0;
border:0;
outline:0;
font-size:100%;
vertical-align:baseline;
background:transparent;

}

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

#wrapper {
min-width:320px;
-webkit-text-size-adjust: none;
line-height:1.2;
font-size:10px;
text-align:center;
font-family:"ＭＳ Ｐゴシック","Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", Osaka, "Meiryo","メイリオ","Helvetica","Arial";
}

a, a:link {text-decoration:none; color:#000;}
a:visited {}
a:hover { text-decoration:none; outline:none; }
a:active { outline:none; }
a:focus{outline:none;}
a, a img{
outline:none;	
border:0;
}

img {
vertical-align:top;
font-size:1px;
line-height:0;
border:0;
}

ul { list-style:none; }

sub, sup { font-size:75%; line-height:0; position:relative; }
sup { top:-0.5em; }
sub { bottom:-0.25em }

.clear { clear:both; }

.clearfix:after {
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
}
object {
	z-index: 10;
}

/* -------------------------------------------------

	全体のレイアウト

--------------------------------------------------*/
body {
	-webkit-background-size: 100% auto;
	-moz-background-size: 100% auto;
	-o-background-size: 100% auto;
	-ms-background-size: 100% auto;
	background-size: 100% auto;
	word-wrap:break-word;
	word-break:break-all;
}

/* header */
header {
	background:url(../img/index/header_bg.jpg) no-repeat left top;
}
header h1 ,
header h1 a{
	display: block;
	float: left;
	width: 180px;
	height: 59px;
	text-indent: -9999px;
	overflow: hidden;
	background: url(../img/index/head_logo.png) top left no-repeat;
	-webkit-background-size: auto 59px;
	-moz-background-size: auto 59px;
	-o-background-size: auto 59px;
	-ms-background-size: auto 59px;
	background-size: auto 59px;
}
header h1 {
	float: left;
	margin: 8px 0 8px 13px;
}
header .pc_site ,
header .pc_site a{
	width: 91px;
	height: 25px;
	text-indent: -9999px;
	overflow: hidden;
	background: url(../img/index/btn_pc.gif) top left no-repeat;
	-webkit-background-size: auto 25px;
	-moz-background-size: auto 25px;
	-o-background-size: auto 25px;
	-ms-background-size: auto 25px;
	background-size: auto 25px;
}
header .pc_site {
	float: right;
	margin: 8px 6px 6px 0;
}
header .pc_site a {
	float:left;
}/*==================

/* cotnents */

#contents {
	background:url(../img/index/index_bg.jpg) repeat-y left top;
	-webkit-background-size: 100% auto;
	-moz-background-size: 100% auto;
	-o-background-size: 100% auto;
	-ms-background-size: 100% auto;
	background-size: 100% auto;
	min-width: 320px;
	width: 100%;
	position: relative;
}/*==========================*/



/* -------------------------------------------------

	index

--------------------------------------------------*/
/* navi */
ul#top_navi  {
	display:table;
	table-layout:fixed;
	width:100%;
	height:auto;
	background:url(../img/index/navi_btn_bg.gif) left top;
	-webkit-background-size: auto 100%;
	-moz-background-size: auto 100%;
	-o-background-size: auto 100%;
	-ms-background-size: auto 100%;
	background-size: auto 100%;
}
ul#top_navi li {
	display:table-cell;
	text-align:center;
}
ul#top_navi li a {
	display:block;
}
ul#top_navi li a img {
	width:100%;
	max-width:100%;
}/*==========================*/

/* gnavi */
ul#gnavi1 {
	padding:0 ;
}
ul#gnavi2 {
	padding:0 ;
}


ul#gnavi1,
ul#gnavi2 {
	width:100%;
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-ms-box-sizing:border-box;
	-o-box-sizing:border-box;
	padding: 0px;
}
ul#gnavi3 {
	background:url(../img/index/gnavi_bg_03.png) no-repeat left top;
	margin-bottom:5px;
}
ul#gnavi4 {
	background:url(../img/index/gnavi_bg_04.png) no-repeat left top;
	margin-bottom:14px;
}
ul#gnavi3,
ul#gnavi4 {
	display:table;
	table-layout:fixed;
	width:100%;
	height:auto;
	-webkit-background-size: 100% auto;
	-moz-background-size: 100% auto;
	-o-background-size: 100% auto;
	-ms-background-size: 100% auto;
	background-size: 100% auto;
}


ul#gnavi1 li{
	margin-right:0%;
	padding-top:10px;
}

ul#gnavi2 li {
	margin-right:0%;
	padding-top:5px;
}


ul#gnavi1 li:last-child,
ul#gnavi2 li:last-child {
	margin-right:0;
	padding-bottom: 5px;
}
ul#gnavi3 li,
ul#gnavi4 li {
	display:table-cell;
	text-align:center;
}
ul#gnavi3 li a,
ul#gnavi4 li a {
	display:block;
}
ul#gnavi1 li a img,
ul#gnavi2 li a img {
	width:100%;
	height:auto;
}
ul#gnavi3 li a img,
ul#gnavi4 li a img {
	width:100%;
	max-width:100%;
}
p.list a {
	display:block;
	margin-bottom:0px;
}
p.list a img {
	width:100%;
	max-width:100%;
}/*==========================*/

/* tab */
ul.tab {
	display:table;
	table-layout:fixed;
	width:100%;
	height:auto;
	background:url(../img/index/tab_bg.gif) no-repeat left top;
	-webkit-background-size: auto 100%;
	-moz-background-size: auto 100%;
	-o-background-size: auto 100%;
	-ms-background-size: auto 100%;
	background-size: auto 100%;
	margin-bottom:10px;
}
ul.tab li,
ul.tab li.select {
	width:100%;
	height:auto;
	-webkit-background-size: 100% auto;
	-moz-background-size: 100% auto;
	-o-background-size: 100% auto;
	-ms-background-size: 100% auto;
	background-size: 100% auto;
}
ul.tab li {
	display:table-cell;
	text-align:center;
	background-image:url(../img/index/tab_01_off.gif);
}
ul.tab li:nth-of-type(2) {
	background-image:url(../img/index/tab_02_off.gif);
}
ul.tab li:last-child {
	background-image:url(../img/index/tab_03_off.gif);
}
ul.tab li.select {
	background-image:url(../img/index/tab_01_on.gif);
}
ul.tab li:nth-of-type(2).select {
	background-image:url(../img/index/tab_02_on.gif);
}
ul.tab li:last-child.select {
	background-image:url(../img/index/tab_03_on.gif);
}
ul.tab li img {
	display:block;
	width:100%;
	max-width:100%;
	height:auto;
}
#tab01 {
	width:100%;
	
	
}


#tab01 div.topics {
	height:auto;
	margin:0 10px;
	padding:8px 11px;
	background:#ffffff;
	border-top:1px solid #b79476;
	border-left:1px solid #b79476;
	overflow:auto;
	overflow-x:hidden;
	-webkit-overflow-scrolling:touch;
	-moz-overflow-scrolling:touch;
	-o-overflow-scrolling:touch;
	-ms-overflow-scrolling:touch;
	margin-bottom:8px;
}
#tab01 div.topics dl {
	width:100%;
	padding:14px 0 5px;
	border-bottom:1px dotted #9e9f9f;
}
#tab01 div.topics dl dt,
#tab01 div.topics dl dd {
	width:100%;
	color:#000000;
	word-wrap:normal;
}
#tab01 div.topics dl dd a {
	text-decoration:underline;
}
.visible {
	display:none;
}
#tab01 ul,
#tab02 ul,
#tab03 ul {
	display:table;
	table-layout:fixed;
	width:100%;
	height:auto;
	padding:0 10px;

}
#tab02 ul:first-child,
#tab03 ul:first-child {
	margin-bottom:8px;
}
#tab01 ul li,
#tab02 ul li,
#tab03 ul li {
	display:table-cell;
	text-align:center;
}
#tab01 ul li a,
#tab02 ul li a,
#tab03 ul li a {
	display:block;
}
#tab01 ul li a img,
#tab02 ul li a img,
#tab03 ul li a img {
	width:100%;
}/*==========================*/

/* h2-bnr */
h2 {
	display:block;
	margin:17px 0 10px;
}
h2 img {
	width:100%;
}
#bnr {
	padding:0 10px 10px;
}
#bnr li {
	float:left;
	width:48.5%;
	padding:0 10px 5px 0;
}
#bnr li.right {
	padding-right:0;
}
#bnr li a {
	display:block;
}
#bnr li a img {
	width:100%;
	max-width:100%;

}





/* -------------------------------------------------

	下層ページ共通パーツ

--------------------------------------------------*/
/* contents_txt */
p.contents_txt {
margin:0 3% 15px;
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-ms-box-sizing:border-box;
	-o-box-sizing:border-box;
}
p.contents_txt img {
	width:100%;
	max-width:100%;
}
/* btn_list */
#btn_list {
	margin-bottom:10px;
	padding:0 3%;
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-ms-box-sizing:border-box;
	-o-box-sizing:border-box;
}
#btn_list li {
	margin-bottom:5px;
	box-shadow: 0px 2px 4px #e3b783;
	-moz-box-shadow: 0px 2px 4px #e3b783;
	-webkit-box-shadow: 0px 2px 4px #e3b783;
	-ms-box-shadow: 0px 2px 4px #e3b783;
	-o-box-shadow: 0px 2px 4px #e3b783;
}
#btn_list li a {
	display:block;
}
#btn_list li a img {
	width:100%;
	max-width:100%;
}/*==========================*/


/* -------------------------------------------------

	museum

--------------------------------------------------*/
/* btn_list_m */
#btn_list_m {
	width:100%;
	margin-bottom:15px;
	padding:0 3%;
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-ms-box-sizing:border-box;
	-o-box-sizing:border-box;
}
#btn_list_m li a {
	display:block;
}
#btn_list_m li a img {
	width:100%;
	max-width:100%;
}/*==========================*/

.ecbtn img {
	width:100%;
	height:100%;
}