@charset "UTF-8";
body  {
font-family: "メイリオ", "Meiryo", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Osaka", "ＭＳ Ｐゴシック", "MS P Gothic", Verdana, Arial, Helvetica, sans-serif;
background-image: url(images/bg.jpg);
}
/* Simple fluid media
   Note: Fluid media requires that you remove the media's height and width attributes from the HTML
   http://www.alistapart.com/articles/fluid-images/ 
*/
img, object, embed, video {
	max-width: 100%;
}

/* IE 6 does not support max-width so default to width 100% */
.ie6 img {
	width:100%;
}

/*
	Dreamweaver Fluid Grid Properties
	----------------------------------
	dw-num-cols-mobile:		4;
	dw-num-cols-tablet:		8;
	dw-num-cols-desktop:	12;
	dw-gutter-percentage:	25;
	
	Inspiration from "Responsive Web Design" by Ethan Marcotte 
	http://www.alistapart.com/articles/responsive-web-design
	
	and Golden Grid System by Joni Korpi
	http://goldengridsystem.com/
*/

hr.style {

}

.head {
	margin-bottom: 0px;
	max-width: 100%;
		clear: none;
	float: none;
	margin-left: auto;
	margin-right: auto;
	background-color: #000;
}

p .migi {
  float: right;
  margin-left: 2em;
  margin-bottom: 1em;
}



.big {
	/* [disabled]width: 95%; */
	font-size: larger;
	font-weight: bolder;
}
.main {
	width: 95%;
	margin: 0 auto;
	text-align: left;
	padding-top: 10px;
	padding-bottom: 10px;
}

a {/*リンクされた文字*/
text-decoration:none;
color:#CD0003;
}
a:link {/*未訪問のリンク*/
text-decoration:none;
color:#CD0003;
}
a:visited {/*訪問後のリンク*/
text-decoration:none;
color:#CD0003;
}
a:hover {/*マウスをのせたとき*/
text-decoration:none;
color:#0081CD;
}
a:active.main2 {/*クリック中*/
    text-decoration:none;
}

.main2 {
	width: 95%;
	text-align: left;
	padding: 10px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	border: 2px dotted #FFAAAC;
	color: #E50003;
}




.fluid {
	clear: both;
	margin-left: 0;
	width: 100%;
	float: left;
	display: block;
}

.fluidList {
    list-style:none;
    list-style-image:none;
    margin:0;
    padding:0;        
}

/* Mobile Layout: 480px and below. */
@media screen and (max-width: 768px){
.small {
	/* [disabled]width: 95%; */

	font-size:xx-small;
}
.small2 {
	/* [disabled]width: 95%; */
	font-size: smaller;
}

	.snsPc { display:none; }
	.snsSp { display:block; padding:0 0 5px; text-align:center; clear:both; }
	.snsSp .nhk-snsbtn { margin-bottom:0; }
	.snsSp .nhksns li { display:inline; padding:0 5px; }
	.snsSp .nhksns-guide { display:block!important; width:auto; margin:0; padding:12px 0 0; font-size:12px; line-height:1.3; font-weight:normal; color:#eee; text-shadow:0 0 0px rgba(0,0,0,0.7); }
	.snsSp .nhksns-guide a { display:inline; margin:0!important; }
	.snsSp .nhksns-guide img { margin:0 3px!important; }
	
	
#return{
display: none;
}

#return2{
display: block;
}

#mtop {
	margin: auto;
	clear: none;
	float: none;
	margin-left: auto;
	
}

#mtop2 {
width: 100%;
}

#top {
width: 100%;
}

.gridContainer {
	margin-left: auto;
	margin-right: auto;
	width: 98%;
	padding-left: 0%;
	padding-right: 0%;
	clear: none;
	float: none;
}

.gridContainer2 {
	margin-left: auto;
	margin-right: auto;
	width: 100%;
	padding-left: 0%;
	padding-right: 0%;
	clear: none;
	float: none;
	
}

#mmmtop {
	max-width:768px;
	background: url(img/btop2.jpg) center center;
	height:96px;
	margin: auto;
	clear: none;
	float: none;
	margin-left: auto;
	
}


#div0 {
width: 98%;
background: url(img/bg2.jpg);
}
.div02 {

}
#time {
	background-image: url(img/ue.png);
	background-repeat: repeat-x;
}


#div222 {
	padding-top:10px;
	padding-left: 10px;
	padding-right: 0%;
	margin: auto;
	float: none;
	margin-left: auto;
	max-width:1000px;
	font-size: 1.1em;
	color:#fff;
	position: relative;
}





#g0 {
	width: 98%;
	padding-left: 0%;
	padding-right: 0%;
	margin: auto;
	clear: none;
	float: none;
	margin-left: auto;
}

#guest {
	width: 100%;
	margin-left: auto;
	background-color: #FFFFFF;
}

#g1 {
width: 99%;
margin-left: 0.5%;
margin-bottom: 0.5%;
}
#g2 {
width: 99%;
text-align: left;
margin-left: 0.5%;
margin-bottom: 0.5%;
clear: none;
}
#g3 {
width: 99%;
text-align: left;
margin-left: 0.5%;
margin-bottom: 0.5%;
clear: none;
}



#bt0 {
	width: 98%;
	padding-left: 0%;
	padding-right: 0%;
	margin: auto;
	clear: none;
	float: none;
	margin-left: auto;
}
#bt {
	width: 100%;
	margin-left: auto;
	background-color: #FFFFFF;
}
#bt2 {
width: 100%;
margin: 0 auto;
position: relative;
z-index: 2;
}



#div1 {
}
#div2 {
	width: 100%;
	margin: 0 auto;
	color: #7A4718;
	font-size: 0.9em;
}
#div22{
width: 100%;
margin: 0 auto;

}

#div23 {
	width: 100%;
	margin: 0 auto;
	font-size: 1em;
	color: #000;
	position: relative;
	 padding:0px;
	 position: relative;
z-index: 4;

}

#div24 {
	width: 100%;
	margin: 0 auto;
	font-size: 1em;
	color: #F9F6EB;
	position: relative;
	 padding:0px;
	 position: relative;
z-index: 4;
}


#div25 {
	width: 100%;
	margin: 0 auto;
	background-color:#FFFFFF;
	margin: 0 auto;
	font-size: 0.9em;
	color:#000000;
	position: relative;
	 padding-top:10px;
	 padding-bottom:10px;
}


#div3 {
width: 100%;
margin: 0 auto;
}
#div4 {
width: 100%;
margin: 0 auto;
}


#p0 {
width: 100%;

}
#p0 a {
display:block;
width: 100%;

}
#p0 a:hover{
text-decoration: none;
opacity: 0.5;  /* 要素を透明にするタグ */
}
#p1 {
width: 100%;
}
#p2 {
	width: 100%;
	background-color: #000000;
	color: #FFFFFF;
	font-weight: bold;
	font-size: 1.2em;
	text-align:center;
}
#p3 {
width: 100%;
}
#p4 {
width: 100%;
color: #000;
font-size: 0.8em;
font-weight: bold;
background-color: #FFF;
opacity: 0.8;
line-height:20px;
white-space: nowrap;
}
#p5 {
	line-height: 0px;
	width: 100%;
	
}







#k1 {
width: 99%;
margin-left: 0.5%;
margin-bottom: 0.5%;
background-color:#F5CBCC;
background-image:url(img/bga.jpg);
margin-top:10px;
margin-bottom:10px;
padding-bottom:10px;
border-radius:10px;
clear: none;
line-height:30px;
}
#k2 {
width: 100%;
/*margin-left: 0.5%;*/
/*margin-bottom: 0.5%;*/
/*background-color:#FFF;*/
/*margin-top:10px;
margin-bottom:10px;
padding-bottom:10px;
border-radius:10px;
line-height:30px;*/
clear: none;
}





.parent{
    border: 0px solid #aaa;
    position: relative;
    height: 200px;
    width: 98%;
	background-image:url(img/cbg2.jpg);
}

.parent2{
      
    width: 90%;
    height: 140px;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
}

.inner{
   background-color:#E9C5A7;
   background-image:url(img/bgc.jpg);
   color: #630C0D;
font-size: 0.9em;
   padding:10px;
border-radius:10px;
    width: 90%;
    height: 140px;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
}

.parent2 a {
display:block;
width: 100%;

}

.parent2 a:hover{
text-decoration: none;
opacity: 0.5;  /* 要素を透明にするタグ */
}









#m1 {
width: 48%;
clear: none;
margin-bottom: 1%;
margin-left: 1%;
}
#m2 {
width:48%;
clear: none;
margin-bottom: 1%;
margin-left: 1%;
}
#m3 {
width: 98%;
clear: none;
margin-bottom: 0%;
margin-left: 0%;
}
#m4 {
width: 98%;
clear: none;
margin-bottom: 0%;
margin-left: 0%;
}
#m5 {
width: 98%;
clear: none;
margin-bottom: 0%;
margin-left: 0%;
}
#m6 {
width: 65%;
clear: both;
margin-bottom: 0%;
margin-left: 3%;
clear: none;
}
#m7 {
width: 99%;
clear: both;
margin-bottom: 0%;
margin-left: 0%;
text-align:center;
}
#m8 {
width: 99%;
clear: both;
margin-bottom: 0%;
margin-left: 0%;
text-align:center;
}
#m9 {
width: 100%;
clear: none;
margin-bottom: 1%;
}
#m10 {
width: 100%;
clear: both;
margin-bottom: 1%;
}

#header {
display: block;
}
.main {
}
#shead {
clear: both;
margin-left: 0;
display: block;
}

#div6 {
width: 100%;
float: right;
}
#div7 {
width: 100%;
float: left;
}
#button {
}
#div8 {
clear: both;
margin-left: 0;
}
.mokuji {
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
	border: 0px solid #0067CC;
	background-color: #FFF693;
	border-radius: 6px;
}
#div10 {
	margin-top: 5px;
	margin-right: 0px;
	margin-left: 5px;
	margin-bottom: 5px;
	width: 94%;
	border-radius: 10px;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
	border: 2px solid #AEAEAE;


	background-color: #EBEBEB;
}
#div33 {
width: 100%;
margin: 0 auto;
text-align:center;
}
#div111 {
	margin-top: 10px;
	margin-right: 0px;
	margin-left: 0px;
	margin-bottom: 10px;
	width: 90%;
	border-radius: 30px;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	border: 0px solid #FFB6B6;
	text-align: left;
	background-color: #FFF;
}
#div11 {
	margin-top: 10px;
	margin-right: 0px;
	margin-left: 0px;
	margin-bottom: 10px;
	width: 90%;
	border-radius: 30px;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	border: 2px solid #FFB6B6;
	text-align: left;
	background-color: #FFE4FC;
}
#div12 {
width: 100%;
margin: 0 auto;
text-align:center;
}

#div21 {
	width: 100%;
	margin: 0 auto;
	font-size: 1em;
	color: #B40003;
	position: relative;
	background-color:#FFF;
		 padding-top:10px;
	 padding-bottom:30px;

}
#divsm {
display: block;
}
.zeroMargin_mobile {
margin-left: 0;
}
.hide_mobile {
display: none;
}

}
/* Tablet Layout: 481px to 768px. Inherits styles from: Mobile Layout. */



/* Desktop Layout: 769px to a max of 1232px.  Inherits styles from: Mobile Layout and Tablet Layout. */

@media only screen and (min-width: 769px) {
.small {
	/* [disabled]width: 95%; */
	font-size: 0.75em;
}
.small2 {
font-size: smaller;
}
.gridContainer {
	width: 100%;
	max-width: 1129px;
	padding-left: 0%;
	padding-right: 0%;
	margin: auto;
	clear: none;
	float: none;
	margin-left: auto;
	text-align: center;
	background-size: 100%;
	background-repeat:no-repeat;
	
}

.gridContainer2 {
width: 100%;
	max-width: 1129px;
	padding-left: 0%;
	padding-right: 0%;
	margin: auto;
	clear: none;
	float: none;
	margin-left: auto;
	text-align: center;
	background-size: 100%;
	background-repeat:no-repeat;

	

}

#div0 {
background: url(img/bg2.jpg) ;
}

#div02 {
background-image:url(img/bg2.jpg);

}



/*------------  sns  ------------*/
.snsPc { position:fixed; top:50px; right:10px; width:44px; padding:4px 0; background-color:rgba(255,255,255,0.4); text-align:center; z-index:100; }
.snsPc .nhk-snsbtn { margin-bottom:0; }
.snsPc .nhksns li { display:block; padding:0 0 3px; }
.snsPc .nhksns-guide { position:relative; display:block; width:14px; padding:4px 15px 28px; margin-left:0!important; -ms-writing-mode:tb-rl; -webkit-writing-mode:vertical-rl; writing-mode:vertical-rl; font-size:12px; line-height:1.3; font-weight:normal; color:#000; text-align:center; text-shadow:0 0 0px rgba(0,0,0,0.7); }
.snsPc .nhksns-guide a { position:absolute; bottom:0; left:13px; display:block; margin:0!important; }
.snsPc .nhksns-guide img { margin:0!important; }
.snsSp { display:none; }


#return{
	position:fixed;
	top:40px;
	right:10px;
	width:40px;
	font-size:0.7em;
	background-color: rgba( 204, 255, 204, 0.55 );
	text-align: center;
    display: block;
	z-index:3;
}

#return2{
display: none;
}


#time {
	background-image: url(img/ue.png);
	background-repeat: repeat-x;
	z-index: 2;
}



#mtop {
	width:100%;
	background: url(img/top.jpg) center center;
	/*height:541px;*/
	margin: auto;
	clear: none;
	float: none;
	margin-left: auto;
	
}
#mmtop {
	padding-top:10px;
	max-width:1000px;
	margin: auto;
	clear: none;
	float: none;
	margin-left: auto;
}
#mmmtop {
	max-width:1440px;
	background: url(img/btop.jpg) center center;
	height:250px;
	margin: auto;
	clear: none;
	float: none;
	margin-left: auto;
	
}

#div23 {
	width: 90%;
	margin: 0 auto;
	font-size: 1em;
	color: #F9F6EB;
	position: relative;
	 padding-top:10px;
	 padding-bottom:10px;
}

#mtop2 {
display: none;
}

#top {
	width: 100%;
position: relative;
    z-index: 2;
}



#g0 {
	width: 100%;
	max-width: 825px;
	padding-left: 0%;
	padding-right: 0%;
	margin: auto;
	clear: none;
	float: none;
	margin-left: auto;
}

#guest {
	width: 100%;
	margin: 0 auto;
	max-width: 800px;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 10px;
	padding-bottom: 10px;
	border-radius: 30px;
	background-image:url(img/comebg2.jpg);
	background-color: #FFFFFF;
}

#g1 {
width: 38%;
margin-left: 0.5%;
margin-bottom: 0.5%;
}
#g2 {
width: 59%;
text-align: left;
margin-left: 0.5%;
margin-bottom: 0.5%;
clear: none;
}
#g3 {
width: 99%;
text-align: left;
margin-left: 0.5%;
margin-bottom: 0.5%;
clear: none;
}



#bt0 {
	width: 100%;
	max-width: 720px;
	padding-left: 0%;
	padding-right: 0%;
	margin: auto;
	clear: none;
	float: none;
	margin-left: auto;
}
#bt {
	width: 100%;
	margin: 0 auto;
	max-width: 700px;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 10px;
	padding-bottom: 10px;
	border-radius: 30px;
	background-color: #FFFFFF;
	border: 10px solid #B20002;
}
#bt2 {
width: 100%;
margin: 0 auto;
position: relative;
z-index: 2;
}

#div1 {
}
#div222 {
	padding:10px;
	padding-left:40px;
	letter-spacing: 0.1em;
	line-height: 150%;
	/*margin: auto;
	float: none;
	margin-left: auto;*/
	max-width:1000px;
	font-size: 1em;
	text-align:left;
	color:#fff;
	position: relative;
}
#div21 {
	width: 100%;
	margin: 0 auto;
	font-size: 1em;
	color: #B40003;
	position: relative;
    padding-top:10px;
	padding-bottom:10px;

}


#div24 {
	width: 100%;
	margin: 0 auto;
	font-size: 1.2em;
	color: #F9F6EB;
	background-image:url(img/bgd.png);
	background-color:#FFF25C;
	position: relative;
	 padding-top:10px;
	 padding-bottom:10px;
}

#div25 {
	width: 50%;
	background-color:#FFF;
	margin: 0 auto;
	font-size: 0.9em;
	color:#000000;
	position: relative;
	 padding-top:10px;
	 padding-bottom:10px;
}


#div22 {
padding:0 px;
width: 100%;
margin: 0 auto;
margin: 0 auto;
position: relative;
z-index: 4;
}
#div4 {
width: 100%;

margin: 0 auto;
}



#p0 {
width: 100%;
max-width: 382px;
border-radius:0px;

padding:0px;

}
#p3 a {
display:block;
width: 100%;

}
#p3 a:hover{
text-decoration: none;
opacity: 1;  /* 要素を透明にするタグ */
}
#p1 {
width: 100%;
}
#p2 {
	width: 100%;
	background-color: #000000;
	color: #FFFFFF;
	font-weight: bold;
	font-size: 1.4em;
	max-width: 230px;
	margin: 0 auto; 
}
#p3 {
	padding-top:0px;
width: 100%;
}
#p4 {
width: 100%;
background-color:#FFF;
opacity: 0.85; 
color: #450909;
font-size: 1em;
max-width: 230px;
padding-top:5px;
line-height:20px;
margin: 0 auto; 
}

#p5 {
	width: 100%;
}




#k1 {
width: 49%;
margin-left: 0.5%;
margin-bottom: 0.5%;
background-color:#F5CBCC;
background-image:url(img/bga.jpg);
margin-top:10px;
margin-bottom:10px;
padding-bottom:10px;
border-radius:10px;
clear: none;
line-height:30px;
}
#k2 {
	width: 100%;
	margin-left: 0%;
	margin-bottom: 0%;
	/*background-color:#D6FFCB;
background-image:url(img/bgb.jpg);*/
	margin-top: 0px;
	margin-bottom: 0px;
	padding-bottom: 0px;
	border-radius: 0px;
	line-height: 30px;
	clear: none;
}



.parent{
    border: 0px solid #aaa;
    position: relative;
    height: 200px;
    width: 98%;
}

.parent2{
      
    width: 400px;
    height: 140px;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
}

.inner{
   background-color:#E9C5A7;
   background-image:url(img/bgc.jpg);
   color: #630C0D;
font-size: 1em;
   padding:10px;
border-radius:10px;
    width: 400px;
    height: 140px;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
}

.parent2 a {
display:block;
width: 100%;

}

.parent2 a:hover{
text-decoration: none;
opacity: 0.5;  /* 要素を透明にするタグ */
}



#m1 {
width: 47.5%;
margin-left: 1.5%;
margin-bottom: 0.1%;
}
#m2 {
width: 47.5%;
margin-left: 2%;
margin-right: 1.5%;
margin-bottom: 0.1%;
clear: none;
}
#m3 {
width: 33.3%;
margin-left: 0%;
margin-bottom: 0.1%;
clear: none;
}
#m4 {
width: 33.3%;
margin-left: 0%;
margin-bottom: 0.1%;
clear: none;
}
#m5 {
width: 33.3%;
clear: none;
margin-bottom: 0%;
margin-left: 0%;

}
#m52 {
width: 33%;
clear: none;
margin-bottom: 0%;
margin-left: 0%;
text-align:center;
}
#m6 {
width: 65%;
clear: none;
margin-bottom: 0%;
margin-left: 2%;
text-align:left;
}
#m7 {
width: 49%;
margin-left: 0.5%;
margin-bottom: 0.5%;
clear: both;
}
#m8 {
width: 49%;
margin-left: 0.5%;
margin-bottom: 0.5%;
clear: none;
}
#m9 {
width: 49%;
margin-left: 0.5%;
margin-bottom: 0.5%;
clear: none;
text-align:right;
position: relative;
z-index:5;
}
#m10 {
width: 49%;
margin-left: 0.5%;
margin-bottom: 0.5%;
clear:none;
text-align:left;
position: relative;
z-index:6;
}

#header {
	clear: both;
	margin-left: 0;
	font-size: 12px;
	background-color: #FFFFFF;
	background-image: url(img/hbg2.jpg);
	background-repeat: repeat-x;
}

.main {
	margin-bottom: 0px;
}
#shead {
margin-left: 1.6949%;
clear: none;
display: none;
}
#div6 {
width: 80%;
margin: 0 auto;
float: right;
}
#div7 {
width: 90%;
margin: 0 auto;
float: left;
}
#button {
}
#div8 {
	width: 98%;
	margin-left: 20px;
	clear: both;
	margin-top: 5px;
	margin-right: 5px;
	margin-bottom: 5px;
	text-align: left;
}
#div10 {
	margin-top: 10px;
	margin-right: 30px;
	margin-left: 30px;
	margin-bottom: 10px;
	width: 93%;
	border-radius: 10px;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
	border: 2px solid #AEAEAE;
	float: left;
	background-color: #E4E4E4;
}
#div33 {
width: 100%;
margin: 0 auto;
text-align:center;
}
#div111 {
	margin-top: 10px;
	margin-right: 60px;
	margin-left: 80px;
	margin-bottom: 10px;
	width: 80%;
	border-radius: 30px;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	border: 0px solid #FFE5E5;
	text-align: left;
	background-color: #FFF;

}
#div11 {
	margin-top: 10px;
	margin-right: 60px;
	margin-left: 80px;
	margin-bottom: 10px;
	width: 80%;
	border-radius: 30px;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	border: 2px solid #FFE5E5;
	text-align: left;
	background-color: #FFE4FC;

}
#div12 {
width: 100%;
margin: 0 auto;
text-align:center;
}
#divsm {
display: none;
}
#form1 {
	width: 48.7179%;
	text-align: left;
	float: left;
}
#form2 {
	width: 48.7179%;
clear: none;
margin-left: 2.5641%;
text-align: left;
float: left;
}
.zeroMargin_desktop {
margin-left: 0;
}
.hide_desktop {
display: none;
}
.zeroMargin_tablet {
margin-left: 0;
}




/*--- go_to_top ---*/
#go_to_top,
body#top #go_to_top{
	height:24px;
	background:none;
	text-align:right;
	position:relative;
	z-index:90;
}
body#top #go_to_top{
	background:#f7f4f2 url(../img/footer_dash.gif) repeat-x;
}
#go_to_top a,
body#top #go_to_top a{
	display:inline-block;
	display:inline;
	zoom: 1;
	width:130px;
	height:27px;
	padding:5px 0 0 0;
	background-color:#FFF;
	text-align:center;
	color:#333;
	font-size:12px;
	border-top-left-radius:5px;
	border-top-right-radius:5px;
}
body#top #go_to_top a{
	background-color:#1d68af;
	color:#FFF;
}
#go_to_top a:focus,
body#top #go_to_top a:focus{
	outline:0;
}
#div1{
}
.zeroMargin_desktop{
margin-left: 0;
}