@charset "utf-8";


/* === body ========================================= */

html {
	width:100%;
	height:100%;
	background-color:#fff;
}

body {
	width:100%;
	min-width:320px;
	max-width:640px;
	margin: 0 auto;
	color: #ffffff;
	background-color:#fff;
	/*background: #E0DAC2;*/
	font-family: "メイリオ", Meiryo, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif;
	/*text-shadow: 1px 1px 0 #fff;*/
	font-size: 0.75em;
	line-height: 1.8;
	text-align: left;
	-webkit-text-size-adjust: none;
	word-wrap: break-word;
	word-break:break-all;
}
* input, * textarea {
	font-size: 1em;
}


.p12 { font-size:12px; line-height:1.3; color:#555555; }
.p10 { font-size:10px; line-height:1.3; color:#555555; }
.p08 { font-size:8px; line-height:1.3; color:#777777; }
.p11 { font-size:1.1em;}

.cautioncolor {
	color: #F03;
}



/* --- link --- */
a {
	color: #006699;
	text-decoration: none;
	outline:none;
}
a:visited {
	color: #4C6A88;
	text-decoration: none;
}
a:hover {
	color: #FF9933;
	text-decoration: underline;
}

a:active {
	color: #FF9933;
	text-decoration: underline;
}


a:hover img.linkimg {
	filter:alpha(opacity=50);
	-moz-opacity: 0.5; 
	opacity: 0.5; 
}

/* --- general --- */
h1 {
}

h2 {
}

h3 {
}

h4 {
}

.btn1 {
	margin:0 auto 0 auto;
	background: -moz-linear-gradient(top,#BFD9E5, #3D95B7 50%,#0080B3 50%,#0099CC);
	background: -webkit-gradient(linear, left top, left bottom, from(#BFD9E5), color-stop(0.5,#3D95B7), color-stop(0.5,#0080B3), to(#0099CC));

	background: linear-gradient(to bottom, #BFD9E5, #3D95B7 50%,#0080B3 50%,#0099CC);

	color: #FFF;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border: 1px solid #0099CC;
	-moz-box-shadow: 1px 1px 1px rgba(000,000,000,0.3),inset 0px 0px 3px rgba(255,255,255,0.5);
	-webkit-box-shadow: 1px 1px 1px rgba(000,000,000,0.3),inset 0px 0px 3px rgba(255,255,255,0.5);
	text-shadow: 0px 0px 3px rgba(0,0,0,0.5);
	width: 150px;
	text-align:center;
}
.btn1 a {
	display:block;
	padding: 10px 0;
	color:#FFF;
	text-decoration:none;
}
.btn1 a:hover {
	display:block;
	opacity:0.7;
	color:#FFF;
	filter: alpha(opacity=70);
	text-decoration:none;
}


.btn2 {
	width: 150px;
	margin:0 auto 0 auto;
	background: -moz-linear-gradient(top, #70B8B6,#70B8B6 10%, #159489); /* Firefox用 */
	background: -webkit-gradient(linear, left top, left bottom, from(#70B8B6),color-stop(0.1, #70B8B6), to(#159489)); /* Safari,Google Chrome用 */
	background: linear-gradient(to bottom, #70B8B6,#70B8B6 10%, #159489);
	border: 2px solid #FFF;
	color: #FFF;
	border-radius: 7px;
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
	text-shadow: 0px 0px 3px rgba(0,0,0,0.5);
	text-align:center;
	padding: 10px 0;
	display:block;
}
.btn2 a {
	display:block;
	color:#FFF;
}
.btn2 a:hover {
	display:block;
	opacity:0.7;
	color:#FFF;
	filter: alpha(opacity=70);
	text-decoration:none;
}



/* === header ========================================= */
#headbox {
	width:100%;
	min-width:320px;
	margin:0 0 10px 0;
	padding:0;
}


#headbox-top {
	width:100%;
	margin:0;
	padding:0 10px 0 5px;
	background-color:#0E4473;
}

.htop-left {
	margin:0;
	padding:0;
	width:190px;
	float:left;
}

.htop-left h1 {
	margin:0;
	padding:0;
}

.htop-right {
	width:70px;
	padding:0;
	float:right;
	text-align:right;
}

.toi {
	width:70px;
	margin:6px 4px 0 0;
	height:44px;
	min-height:44px;
	border-radius: 5px;
	-webkit-border-radius: 5px; /* Safari,Google Chrome用 */
	-moz-border-radius: 5px; /* Firefox用 */
	font-size:10px;
	text-align:center;
	color:#FFF;
	background: url(../images/i-mail.png) no-repeat center 6px;
	background-size: auto 16px;
	-webkit-background-size: auto 16px; /* Safari,Google Chrome用 */
	-moz-background-size: auto 16px; /* Firefox用 */
	-o-background-size: auto 16px; /* Opera用 */
	background-color:#092B48;
}
.toi a {
	padding-top:26px;
	display:block;
	color:#FFF;
	text-decoration:none;
}
.toi a:hover {
	display:block;
	opacity:0.7;
	color:#FFF;
	filter: alpha(opacity=70);
	text-decoration:none;
}




#headmenu {
}


/*- headermenu rollover setting */
#headmenu ul {
	margin:0;
	padding:0;
	list-style: none;
	list-style-image:none;
	background: -moz-linear-gradient(top, #1565AD,#1565AD 10%, #0E4473); /* Firefox用 */
	background: -webkit-gradient(linear, left top, left bottom, from(#1565AD),color-stop(0.1, #1565AD), to(#0E4473)); /* Safari,Google Chrome用 */

	background: linear-gradient(to bottom, #1565AD,#1565AD 10%, #0E4473);

	border-bottom:2px #FFCC00 solid;
	-moz-box-shadow: 0px 0px 3px #666; /* Firefox用 */
	-webkit-box-shadow: 0px 0px 3px #666; /* Safari,Google Chrome用 */
	box-shadow: 0px 0px 3px #666;
}

#headmenu li {
	float:left;
	width:25%;
	height:36px;
	min-height:36px;
	margin: 0;
	border-left:1px #5B91C2 solid;
	border-right:1px #0B355B solid;
	text-align:center;
	font-size:11px;
	color:#FFF;
}

#headmenu li.first {
	border-left:none;
}
#headmenu li.last {
	border-right:none;
}


#headmenu li a {
	padding:12px 0 0 0;
	height:36px;
	display: block;
	color:#FFF;
	text-shadow: 0px 0px 3px #0E4473;
	line-height:1.1;
}
#headmenu li a:hover {
	color: #1461A6;
	text-shadow: none;
	background: -moz-linear-gradient(top, #84BDF0,#84BDF0 10%, #499DE9); /* Firefox用 */
	background: -webkit-gradient(linear, left top, left bottom, from(#84BDF0),color-stop(0.1, #84BDF0), to(#499DE9)); /* Safari,Google Chrome用 */

	background: linear-gradient(to bottom, #84BDF0, #499DE9);

	text-decoration: none;
}


/* === maincontents ========================================= */
#maincontents {
	width:100%;
	margin:0 auto 0 auto;
	padding-bottom:20px;
}

#maincontents .t-news {
	padding:8px 0 5px 34px;
	color:#FFF;
	background:url(../images/i-news.png) no-repeat 10px center;
	background-size: auto 16px;
	-webkit-background-size: auto 16px; /* Safari,Google Chrome用 */
	-moz-background-size: auto 16px; /* Firefox用 */
	-o-background-size: auto 16px; /* Opera用 */
	background-color:#5B91C2;
	border-bottom:2px #0F4A7E solid;
	line-height:1;
}

#maincontents .t-event {
	padding:8px 0 5px 34px;
	color:#FFF;
	background:url(../images/i-event.png) no-repeat 10px center;
	background-size: auto 16px;
	-webkit-background-size: auto 16px; /* Safari,Google Chrome用 */
	-moz-background-size: auto 16px; /* Firefox用 */
	-o-background-size: auto 16px; /* Opera用 */
	background-color:#5B91C2;
	border-bottom:2px #0F4A7E solid;
	line-height:1;
}

#maincontents .t-sch {
	margin-bottom:10px;
	padding:8px 0 5px 34px;
	color:#FFF;
	background:url(../images/i-sch.png) no-repeat 10px center;
	background-size: auto 16px;
	-webkit-background-size: auto 16px; /* Safari,Google Chrome用 */
	-moz-background-size: auto 16px; /* Firefox用 */
	-o-background-size: auto 16px; /* Opera用 */
	background-color:#5B91C2;
	border-bottom:2px #0F4A7E solid;
	line-height:1;
}

#maincontents .t-contact {
	margin-bottom:10px;
	padding:8px 0 5px 40px;
	color:#FFF;
	background:url(../images/i-mail2.png) no-repeat 10px center;
	background-size: auto 16px;
	-webkit-background-size: auto 16px; /* Safari,Google Chrome用 */
	-moz-background-size: auto 16px; /* Firefox用 */
	-o-background-size: auto 16px; /* Opera用 */
	background-color:#5B91C2;
	border-bottom:2px #0F4A7E solid;
	line-height:1;
}

#maincontents .t-oshirase {
	padding:8px 0 5px 34px;
	color:#FFF;
	background:url(../images/i-oshirase.png) no-repeat 10px center;
	background-size: auto 16px;
	-webkit-background-size: auto 16px; /* Safari,Google Chrome用 */
	-moz-background-size: auto 16px; /* Firefox用 */
	-o-background-size: auto 16px; /* Opera用 */
	background-color:#5B91C2;
	border-bottom:2px #0F4A7E solid;
	line-height:1;
}

#maincontents .t-intro {
	padding:8px 0 5px 32px;
	color:#FFF;
	background:url(../images/i-circle.png) no-repeat 10px center;
	background-size: auto 16px;
	-webkit-background-size: auto 16px; /* Safari,Google Chrome用 */
	-moz-background-size: auto 16px; /* Firefox用 */
	-o-background-size: auto 16px; /* Opera用 */
	background-color:#5B91C2;
	border-bottom:2px #0F4A7E solid;
	line-height:1;
}

#maincontents .newslist {
	margin:0 0 10px 0;
}

#maincontents .newslist ul {
	margin:0;
	padding:0;
	list-style: none;
	list-style-image:none;
}

#maincontents .newslist li {
	margin:0;
	padding:5px 10px 5px 10px;
	background: -moz-linear-gradient(top, #ffffff,#ffffff 10%, #eeeeee); /* Firefox用 */
	background: -webkit-gradient(linear, left top, left bottom, from(#ffffff),color-stop(0.1, #ffffff), to(#eeeeee)); /* Safari,Google Chrome用 */
	border-bottom:1px #CCC solid;
}

#maincontents .date {
	font-family:Tahoma, Geneva, sans-serif;
	font-size:10px;
	line-height:1;
}



#mainimg {
	margin:0 auto 0 auto;
	text-align:center;
	background-color:#eeeeee;
}
#mainimg img {
	width:100%;
}



/* === second page ========================================= */
#contentbox {
	float:left;
	width:720px;
	margin:20px 20px 20px 0;
	padding:20px 20px 10px 25px;
	background-color:#FFF;
	border-radius: 5px;
	-webkit-border-radius: 5px; /* Safari,Google Chrome用 */
	-moz-border-radius: 5px; /* Firefox用 */
	-moz-box-shadow: 0px 0px 3px #666; /* Firefox用 */
	-webkit-box-shadow: 0px 0px 3px #666; /* Safari,Google Chrome用 */
	box-shadow: 0px 0px 3px #666;
}


#contentbox .info {
	margin-bottom:20px;
}
#contentbox .info2 {
	margin-bottom:10px;
}




.schedule table {
	width:94%;
	margin:0 auto 10px auto;
	border-spacing: 0;
	border-collapse: collapse;
	box-shadow: 0px 1px 1px rgba(255,255,255,0.3) inset;
}
.schedule table th {
	width:20%;
	padding: 10px 5px 10px 5px;
	border:1px #CCC solid;
	background: #eeeeee;
	text-align:center;
	line-height:1.5;
}
.schedule table td {
	width:40%;
	padding: 10px 5px 10px 5px;
	border:1px #CCC solid;
	line-height:1.5;
}


.eventbox {
	margin:10px;
	padding:10px;
	background-color:#eeeeee;
	border-radius: 5px;
	-webkit-border-radius: 5px; /* Safari,Google Chrome用 */
	-moz-border-radius: 5px; /* Firefox用 */
}
.eventbox .titletxt {
	margin-bottom:5px;
	color:#0E4473;
	border-bottom:1px #ccc solid;
}


#formarea {
	margin:10px;
}

#formarea .titlearea {
	padding:10px;
	background-color:#EBEADC;
	border:1px #CCC solid;
}
#formarea .inputarea {
	padding:10px;
	background-color:#ffffff;
	border-left:1px #CCC solid;
	border-right:1px #CCC solid;
}
#formarea .inputarea2 {
	padding:10px;
	background-color:#ffffff;
	border-left:1px #CCC solid;
	border-right:1px #CCC solid;
	border-bottom:1px #CCC solid;
}


#formarea .inputsize {
	width:100%;
}


#formarea .required {
	color:#F00;
	font-size:1em;
}

.error_coution {
	color:#FF0000;
}

.question_submit {
	width:100%;
	margin:20px auto 0 auto;
	padding:0 0 20px 0;
	text-align:center;
}

.question_submit img {
	margin:0;
	padding:0;
}


.teltxt {
	color:#F00;
	font-weight:bold;
}




/* === footer box ========================================= */

#footbox {
	width:100%;
	margin:0 0 10px 0;
	padding:5px 10px 5px 0;
	font-family:"Times New Roman", Times, serif;
	font-size:10px;
	background-color:#0E4473;
	color:#FFF;
	text-align:right;
	border-top:2px #000 solid;
}

.pcsite {
	width:106px;
	margin:0 auto 10px auto;
	height:32px;
	min-height:32px;
	border-radius: 5px;
	-webkit-border-radius: 5px; /* Safari,Google Chrome用 */
	-moz-border-radius: 5px; /* Firefox用 */
	font-size:10px;
	text-align:left;
	color:#FFF;
	background: url(../images/i-pcsite.png) no-repeat 8px 7px;
	background-size: auto 19px; 
	-webkit-background-size: auto 19px; /* Safari,Google Chrome用 */
	-moz-background-size: auto 19px; /* Firefox用 */
	-o-background-size: auto 19px; /* Opera用 */
	background-color:#092B48;
}
.pcsite a {
	padding:8px 0 0 40px;
	display:block;
	color:#FFF;
	text-decoration:none;
}
.pcsite a:hover {
	display:block;
	opacity:0.7;
	color:#FFF;
	filter: alpha(opacity=70);
	text-decoration:none;
}


td {
}




.ichiran {
	margin:5px 20px 0 0;
	text-align:right;
}

.caption {
	margin-top:2px;
}

.caution {
	color:#F03;
}

.cautionarea {
	margin-bottom:20px;
	padding:10px;
	background:#F4F4F4;
}


.cautiondetail {
	margin:0 0 30px;
}




a:hover img.hover{
	opacity:0.7;
	filter: alpha(opacity=70);
}




/* -- to top ----------------------- */
.backtotop {
position: fixed;
right: 30px;
bottom: 30px;
z-index: 9000;
display: none;
} 

.backtotop a {
display: block;
color: #777777;
padding: 14px 6px;
margin: 0;
background-color: #DDDDDD;
border-radius: 5px;
text-decoration: none;
font-weight: bold;
font-size: 12px;
}

.backtotop a:hover {
background: #666666;
color: #FFFFFF;
}


/* -- clearfix ----------------------- */
.clearfix:after{
    content: ".";
    display: block;
    height: 0;
    font-size:0;
    clear: both;
	visibility:hidden;
}
.clearfix{
	display: inline-block;
}
/* Hides from IE Mac */
* html .clearfix{
	height: 1%;
}
.clearfix{
	display:block;
}
/* End Hack */