body {	color:#000;	font-family:Verdana, Arial, Helvetica, sans-serif;	}
body {	background-image:url(./img/background.jpg);	margin:0px;	}
a {					color:#660033;	text-decoration: none;	}
a:hover {			color:#993366;	text-decoration: none;	}
h1,h2,h3,h4,h5,h6{	color:#993366;	margin:0px;}

.baseRoot{	margin:0px auto 12px auto;padding:0px;	}
.baseHead{	margin:0px;padding:0px;	}
.baseNav {	margin:0px;padding:0px;	}
.baseMain{	margin:0px;padding:0px;	}

.baseRoot {	background-color:#FFF;		}
.baseFoot {	background-color:#eee;color:#666; text-align:center;	}
.baseNav {	background-color:#F9F9F7;			Xbackground-color:#f00;	}
.zoneMenu{	padding:8px 0px 8px 8px;}
.zoneMenu ul, .zoneMenu li{	margin:0px 0px 0em 0px; padding:0px;list-style:none;	}	.zoneMenu li a{margin-bottom:0.4em;	}	.zoneMenu ul ul {		padding-left:8px;	}
.zoneMenu a{	display:block; padding:2px 2px 2px 0px;	border-bottom:1px dotted #660033;	}
.zoneMenu a:hover {										border-bottom:2px solid  #993366;	}
.zoneMenu #menu_mine{	font-weight:bold;background-color:#fff;	}
.zoneMenu .btnO, .zoneMenu .btnC{	cursor:pointer;width:1em;float:right;text-align:center;color:#666;	border-radius:0.3em;	background-color:#e9e9e7;	}
.zoneMenu .btnO:hover, .zoneMenu .btnC:hover{color:#000;	}
.zoneMenu .btnBtm{			cursor:pointer;text-align:center;padding:0.5em 0em 1em 0em;}
.zoneMenu .btnBtm:hover{	font-weight:bold;}

.baseMain .main{	margin:4px;	margin-bottom:1.5em;}
.baseMain .main h3.mainTitle{color:#660033; padding-bottom:8px;	}	
.baseMain .main .thfDoc{}		.baseMain .main .siteMap{}		.baseMain .main .thfNews{}		.baseMain .main .pblcnGllry{}	.baseMain .main .dwnldGllry{}	.baseMain .main .imageGllry{}	
.main img	{	max-width:100%;	margin-bottom:0.5em;	}
.main figure img {				margin-bottom:0em;		}	.main img.topImg, .main img.topTmb{}
.main img.rghtImg, .main img.rghtTmb	{	float:right;	margin:0px 0px 8px 8px;		}
.main img.leftImg, .main img.leftTmb	{	float:left;		margin:0px 8px 8px 0px;		}
.main img.btmImg, .main img.btmTmb{}
.main figure.rghtImg	{	float:right;margin:0px 0px 8px 8px;	}	.main figure.leftImg	{	float:left;	margin:0px 8px 8px 0px;	}	.main figure			{	text-align:center;font-size:88%;	}	
.main .photoBox{	display:-ms-flexbox; 	display:flex;			XXXjustify-content:space-around;
					-ms-flex-direction:row;	flex-direction:row;
					-ms-flex-wrap:wrap;		flex-wrap:wrap;			
					align-items:baseline;							XXXbackground-color:#afa;	}	.main .photoBox0{	-ms-flex-wrap:nowrap;	flex-wrap:nowrap;	}
.main .photoBox figure {	margin-block-start:0em;margin-block-end:0em;margin-inline-start:0px;margin-inline-end:0px;	}	.main .photoBox figure {	margin:0.5em 1% 0.5em 2.0%;	padding:0px;	XXXbackground-color:#faa;	}
.main .photoBox1 figure{	max-width:96%;		}
.main .photoBox2 figure{	max-width:47%;		}	
.main .photoBox3 figure{	max-width:30%;		}
.main .photoBox0 figure{		}
.main .photoBox figure img{	display:block;margin:0 auto;	width:100%;}	
.main video{	max-width:96%;	}
.main .RBOX{	text-align:center;	}
.main .myList{	padding-left:3em;text-indent:-1em;	margin-bottom:-0.8em;}
.main .myList::before{ content: '\02022';}	
.main .listBoxBase{width:100%; display:flex;flex-direction:row;flex-wrap:wrap;}
.main .listBox{	margin-bottom:1em;	padding:0px;}
.main .listBox div{padding:0px 8px;}
.pblcnGllry .eachBox{ width:75%;margin-left:auto;margin-right:auto;}
.pblcnGllry .eachBox .ttl{	font-weight:bold;}
.pblcnGllry .hrefBack{	text-align:center; margin:2em;	}
.imageGllry .eachBox{ width:100%;margin:1em auto 1em auto; text-align:center;}
.imageGllry .hrefBack{	text-align:center; margin:2em;	}
.thfNews .hrefBack{	text-align:center; margin:2em;	}
.dwnldGllry .hrefBack{	text-align:center; margin:2em;	}

.mobileHeadImg{width:100%;height:64px;background-image:url(./img/header730.jpg);background-position: right top;	background-size:180%;}	.mobileHeadImg{top:0px;	z-index:91001;	}		.mobileMenuBtn{width:64px;height:64px;	background-color: rgba(128,128,128,0.5);background-image:url(./img/mobail_memu.png);}
.mobileMenuBtn{display:block;background-size: cover;}	.baseNav{	position:absolute;width:77%;opacity:0.95;	z-index:9999;	}
.baseNav{	max-width:186px;}	.baseNav{	display:none;}

.main img.rghtImg, .main img.leftImg		{	max-width:60%;	}
	.main figure.rghtImg, .main figure.leftImg	{	width:60%;	}	.main img.rghtTmb, .main img.leftTmb		{	max-width:30%;	}
.main .listBox{width:50%;}
.main .RBOX{}

@media only screen and (min-width:330px){	.mobileHeadImg{background-size:170%;}	}
@media only screen and (min-width:380px){	.mobileHeadImg{background-size:160%;}	}
@media only screen and (min-width:420px){	.mobileHeadImg{background-size:auto;}	}

#hiddenInput:checked ~ .baseNav{	display:block;	}
.zoneMenu .btnO, .zoneMenu .btnC{	font-size:114%;	}

@media only screen and (min-width:737px)	{	.mobileHeadImg{display:none;}
	.baseNav{position:static;opacity:1.0;display:block;}
	.main .listBox{width:33%;}
		
			.baseRoot .flexContainer{}
	.baseRoot .flexContainer{			display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;		}
	.baseRoot .flexContainer .baseNav{	-ms-flex-wrap: wrap;flex-wrap: wrap;flex-wrap:wrap;	}
	.baseRoot .flexContainer .baseMain{	-ms-flex-wrap: wrap;flex-wrap: wrap;flex-wrap:wrap;	}
		
	body {	font-size:12px;}
	.baseRoot{	width:730px;	}
	.baseHead{	width:730px;height:150px;	}		.baseNav {	width:140px;	}
	.baseNav{	max-width:none;}	.baseMain{	width:590px;	}
	.baseFoot{	width:730px;	}
	.baseHead{	background-image:url(./img/header730.jpg);		}
	.main img.rghtImg, .main img.leftImg	{	max-width:320px;	}
		.main figure.rghtImg, .main figure.leftImg{	width:320px;	}		.main img.rghtTmb, .main img.leftTmb	{	max-width:128px;	}
	
	.main .RBOX{	width:320px;float:right;	}
}
@media only screen and (min-width:860px) 
{	body {	font-size:14px;}
	.baseRoot{	width:856px;	}
	.baseHead{	width:856px;height:174px;	}		.baseNav {	width:166px;	}
	.baseMain{	width:690px; 	}
	.baseFoot{	width:856px;	}
	.baseHead{	background-image:url(./img/header856.jpg);		}
	.main img.rghtImg, .main img.leftImg	{	max-width:350px;	}
		.main figure.rghtImg, .main figure.leftImg{	width:350px;	}		.main img.rghtTmb, .main img.leftTmb	{	max-width:144px;	}
}
@media only screen and (min-width:980px) 
{	body {	font-size:16px;}
	.baseRoot{	width:976px;	}
	.baseHead{	width:976px;height:200px;	}		.baseNav {	width:186px;	}
	.baseMain{	width:790px; 	}
	.baseFoot{	width:976px;	}
	.baseHead{	background-image:url(./img/header976.jpg);		}
	.main img.rghtImg, .main img.leftImg	{	max-width:392px;	}
		.main figure.rghtImg, .main figure.leftImg{	width:392px;	}		.main img.rghtTmb, .main img.leftTmb	{	max-width:160px;	}
}