/* リセット */
html {
	overflow-y: scroll;
	color: #000;
}
 
body {
	margin: 0;
	padding: 0;
	font: 13px/1 verdana, "ＭＳ Ｐゴシック", "MS PGothic", Sans-Serif;
	*font-size: small;
	*font: x-small;
	-webkit-text-size-adjust:none;
}
 
h1, h2, h3, h4, h5, h6 {
	font-size: 100%;
	font-weight: normal;
}
 
div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td {
	margin:0;
	padding:0;
}


 
select, input, button, textarea {
	font: 99% verdana, "ＭＳ Ｐゴシック", "MS PGothic", Sans-Serif;
	*font-size: 100%;
}
 
table {
	border-collapse: collapse;
	border-spacing :0;
	font-size: inherit;
	font: 100%;
}
 
address, caption, cite, code, dfn, em, strong, th, var {
	font-style: normal;
	font-weight: normal;
}
 
pre, code, kbd, samp, tt {
	font-family: monospace;
	*font-size: 108%;
	line-height: 100%;
}
 
abbr, acronym {
	border: 0;
	font-variant: normal;
}
 
ol, ul {list-style: none;}
 
caption, th {text-align: left;}
 
fieldset, img {border: 0;}
 
legend {color: #000;}
 
sup {vertical-align: text-top;}
 
sub {vertical-align: text-bottom;}
 
q:before, q:after {content: '';}

img, div { behavior:url(../../js/iepngfix/iepngfix.htc); }


/* for SmartPhone */
@media print, screen and (max-width:719px) {

.only-pc { display:none; }
.only-sp { }



/*カスタマイズ*/

body {
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", Osaka, verdana, arial, clean, sans-serif;
	font-size: 13px;
	line-height:1;
	font-weight:normal;
	font-style:normal;
	margin: 0px 0px 0px 0px;
	padding: 0;
	-webkit-text-size-adjust:none;
	background-color:#EEEEEE;
}

html,body { height:100%; }

select,
input,
button,
textarea {
font:100%;
}

table {
font-size:inherit;
font:100%;
}

textarea { 
font-size: 100%; 
}



#contents {
	width:100%; background-color:#FFFFFF; color:#666666;
	top:0; left:0; right:0; bottom:0;
	margin:auto;
	padding-bottom:0px;
}

#contents .header { width:100%; overflow:hidden; position:relative; border-bottom:1px solid #DDDDDD; }
#contents .header .logo { margin:11px 0px 4px 10px; float:left; }
#contents .header .logo img { height:32px; }


#contents .title-block { margin:15px 10px 0px 10px; }
#contents .title-block .shoulder { font-size:12px; font-weight:bold; color:#666666; line-height:120%; }
#contents .title-block h1 { margin:3px 0px 0px 0px; font-size:20px; font-weight:bold; color:#000000; line-height:120%; }
#contents .title-block h1 span { font-size:12px; font-weight:normal; }

#contents .title-A { display:table; margin:10px 10px 0px 10px; }
#contents .title-A .left {
	display:table-cell; width:5px;
	background-color:#1D7400;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
}
#contents .title-A .right {
	display:table-cell; padding:0px 0px 0px 4px;
	font-size:18px; font-weight:bold; line-height:120%; color:#333333;
}
#contents .title-A .right .red { font-size:12px; margin:2px 0px 0px 0px; font-weight:normal; color:#CC0000; line-height:120%; padding-left:1em; text-indent:-1em; }


#contents .table-A { margin:5px 10px 30px 10px; }
#contents .table-A table { background-color:#CCCCCC; font-size:12px; color:#666666; line-height:130%; margin:5px 0px 0px 0px; width:100%; }
#contents .table-A table tr th { background-color:#FFFFFF; color:#000000; font-size:14px; font-weight:bold; padding:3px 6px 3px 6px; /*white-space:nowrap;*/ }
#contents .table-A table tr th p {
	color:#CC0000; font-size:11px; font-weight:normal;
	padding-left:1em; text-indent:-1em; line-height:120%;
}
#contents .table-A table tr th p br { display:none; }
#contents .table-A table tr td { background-color:#FFFFFF; padding:6px 6px 6px 6px; font-size:12px; }
#contents .table-A table tr td p br { display:none; }
#contents .table-A table tr td strong { font-weight:bold; margin:4px 0px 0px 0px; }
#contents .table-A table tr td .red {
	color:#CC0000; font-size:12px; font-weight:normal;
	padding-left:1em; text-indent:-1em; line-height:120%;
}
#contents .table-A table tr .day { /*width:140px;*/ }
#contents .table-A table .header td { background-color:#666666; color:#FFFFFF; font-weight:bold; text-align:center; }
#contents .table-A table tr td .type-A { font-size:10px; width:20px; background-color:#E0F1F7; text-align:center; padding:5px 5px 5px 5px; }
#contents .table-A table tr td .type-B { font-size:10px; width:20px; background-color:#E0F0C8; text-align:center; padding:5px 5px 5px 5px; margin:5px 0px 0px 0px; }


#contents .block-A { margin:10px 10px 0px 10px; }
#contents .block-A .title-text { font-size:14px; font-weight:bold; color:#000000; margin:0px 0px 5px 0px; line-height:120%; }
#contents .block-A .list-text {
	font-size:12px; color:#333333; line-height:130%;
	padding-left:1em; text-indent:-1em;
	margin:0px 0px 4px 0px;
}
#contents .block-A .list-text br { display:none; }
#contents .block-A .margin-A { margin-top:10px; }

#contents .block-A .link-A { }
#contents .block-A .link-A { overflow:hidden; position:relative; margin:6px 0px 2px 14px; padding:0; }
#contents .block-A .link-A li { float:left; padding:4px 4px 4px 6px; margin:0px 6px 6px 0px; background-color:#EE7C7A; border-radius:3px; }
#contents .block-A .link-A li:hover { }
#contents .block-A .link-A li a { font-size:12px; color:#FFFFFF; text-decoration:none; }

#contents .block-A .caution-text {
	font-size:12px; color:#666666; line-height:130%;
	padding-left:1em; text-indent:-1em;
	margin:0px 0px 2px 8px;
}

#contents .button-A { margin:20px 10px 0px 10px; }
#contents .button-A ul { overflow:hidden; position:relative; margin:0; padding:0; }
#contents .button-A ul li { margin:0px 0px 10px 0px; }
#contents .button-A ul li a { display:block; background-color:#CC0000; border-radius:5px; text-decoration:none; padding:16px 6px 16px 6px; }
#contents .button-A ul li a:hover { }
#contents .button-A ul li a .small { font-size:11px; color:#FFFFFF; line-height:120%; text-align:center; }
#contents .button-A ul li a .large { font-size:16px; color:#FFFFFF; line-height:120%; text-align:center; font-weight:bold; margin:0px 0px 0px 0px; }

#contents .button-B { margin:20px 10px 0px 10px; }
#contents .button-B ul { overflow:hidden; position:relative; margin:0; padding:0; }
#contents .button-B ul li { margin:0px 0px 10px 0px; }
#contents .button-B ul li a { display:block; background-color:#CC0000; border-radius:5px; text-decoration:none; padding:6px 6px 6px 6px; }
#contents .button-B ul li a:hover { }
#contents .button-B ul li a .small { font-size:11px; color:#FFFFFF; line-height:120%; text-align:center; }
#contents .button-B ul li a .large { font-size:14px; color:#FFFFFF; line-height:120%; text-align:center; font-weight:bold; margin:0px 0px 0px 0px; }


#contents .text-A { margin:15px 10px 0px 10px; font-size:15px; line-height:130%; }
#contents .text-A strong { font-weight:bold; color:#CC0000; }
#contents .text-A br { display:none; }
#contents .text-A .red { font-weight:bold; color:#CC0000; }
#contents .text-A .clear { display:block; }

#contents .img-A { margin:20px 0px 0px 0px;  }
#contents .img-A img { width:100%; }


#page-top { margin:20px 10px 0px 10px; }
#page-top .inner { display:table; width:100%; margin:0px 0px 0px 0px; overflow:hidden; position:relative; bakcground-color:#DDDDDD; }
#page-top .inner .right { display:table-cell; overflow:hidden; position:relative; text-align:right; vertical-align:bottom; }
#page-top .inner .right img { float:right; height:30px; }
#page-top .inner .copyright { display:table-cell; color:#B2B2B2; vertical-align:middle; vertical-align:bottom; font-size:7px; padding-bottom:12px; }


#f-banner {
	position: fixed;
	width:100%;
	bottom: 10px;
	z-index:9999;
	display:block;
	overflow:hidden;
	background-color:rgba(255,255,255,0.4); padding:10px 0px 5px 0px;
}

#f-banner ul {
	display:table;
	top:0; left:0; right:0; bottom:0;
	margin:auto;
	overflow:hidden; position:relative;
}
#f-banner ul li { display:table-cell;  width:100px; text-align:center; vertical-align:bottom; }
#f-banner ul .only-pc { display:none; }
#f-banner ul li a { outline:none; }
#f-banner ul li img { width:100%; }


}

/* for PC&TABLET */
@media print, screen and (min-width: 720px) {



.only-pc { }
.only-sp { display:none; }

/* カスタマイズ */

body {
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", Osaka, verdana, arial, clean, sans-serif;
	font-size: 13px;
	line-height:1;
	font-weight:normal;
	font-style:normal;
	margin: 0px 0px 0px 0px;
	padding: 0;
	-webkit-text-size-adjust:none;
	background-color:#EEE;
}

html,body { height:100%; }

select,
input,
button,
textarea {
font:100%;
}

table {
font-size:inherit;
font:100%;
}

textarea { 
font-size: 100%; 
}


#contents {
	width:720px; background-color:#FFFFFF; color:#666666;
	top:0; left:0; right:0; bottom:0;
	margin:auto;
	-webkit-box-shadow: #333 0px 0px 10px;
	-moz-box-shadow: #333 0px 0px 10px;
	box-shadow: #333 0px 0px 10px;
}

#contents .header { width:100%; overflow:hidden; position:relative; border-bottom:1px solid #DDDDDD; }
#contents .header .logo { margin:14px 0px 4px 20px; float:left; }
#contents .header .logo img { height:40px; }

#contents .title-block { margin:20px 20px 0px 20px; }
#contents .title-block .shoulder { font-size:16px; font-weight:bold; color:#666666; line-height:130%; }
#contents .title-block h1 { margin:4px 0px 0px 0px; font-size:40px; font-weight:bold; color:#000000; line-height:130%; }
#contents .title-block h1 span { font-size:14px; font-weight:normal; }


#contents .title-A { display:table; margin:6px 20px 0px 20px; }
#contents .title-A .left {
	display:table-cell; width:10px;
	background-color:#1D7400;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
}
#contents .title-A .right {
	display:table-cell; padding:3px 0px 0px 6px;
	font-size:22px; font-weight:bold; line-height:130%; color:#333333;
}
#contents .title-A .right .red { font-size:14px; font-weight:normal; color:#CC0000; }


#contents .table-A { margin:10px 20px 30px 20px; }
#contents .table-A table { background-color:#CCCCCC; font-size:14px; color:#666666; line-height:130%; margin:5px 0px 0px 0px; width:100%; }
#contents .table-A table tr th { background-color:#FFFFFF; color:#000000; font-size:16px; font-weight:bold; padding:6px 10px 6px 10px; white-space: nowrap; }
#contents .table-A table tr th p {
	color:#CC0000; font-size:12px; font-weight:normal;
	padding-left:1em; text-indent:-1em; line-height:120%;
}
#contents .table-A table tr td { background-color:#FFFFFF; padding:6px 6px 6px 6px; font-size:12px; }
#contents .table-A table tr td strong { font-weight:bold; margin:4px 0px 0px 0px; }
#contents .table-A table tr td .red {
	color:#CC0000; font-size:12px; font-weight:normal;
	padding-left:1em; text-indent:-1em; line-height:120%;
}
#contents .table-A table tr .day { width:140px; }
#contents .table-A table .header td { background-color:#666666; color:#FFFFFF; font-weight:bold; text-align:center; }
#contents .table-A table tr td .type-A { width:40px; background-color:#E0F1F7; text-align:center; padding:5px 5px 5px 5px; }
#contents .table-A table tr td .type-B { width:40px; background-color:#E0F0C8; text-align:center; padding:5px 5px 5px 5px; margin:10px 0px 0px 0px; }


#contents .block-A { margin:20px 20px 0px 20px; }
#contents .block-A .title-text { font-size:16px; font-weight:bold; color:#000000; margin:0px 0px 5px 0px; }
#contents .block-A .list-text {
	font-size:14px; color:#333333; line-height:130%;
	padding-left:1em; text-indent:-1em;
	margin:0px 0px 2px 0px;
}
#contents .block-A .margin-A { margin-top:10px; }

#contents .block-A .link-A { }
#contents .block-A .link-A { overflow:hidden; position:relative; margin:6px 0px 10px 14px; padding:0; }
#contents .block-A .link-A li { float:left; padding:6px 6px 6px 8px; margin:0px 10px 0px 0px; background-color:#EE7C7A; border-radius:3px; }
#contents .block-A .link-A li:hover { opacity:0.7; }
#contents .block-A .link-A li a { font-size:14px; color:#FFFFFF; text-decoration:none; }

#contents .block-A .caution-text {
	font-size:14px; color:#666666; line-height:130%;
	padding-left:1em; text-indent:-1em;
	margin:0px 0px 2px 14px;
}

#contents .button-A { margin:20px 0px 0px 30px; }
#contents .button-A ul { overflow:hidden; position:relative; margin:0; padding:0; }
#contents .button-A ul li {
	float:left; width:320px; /*width: 655px;*/
	margin:0px 15px 0px 0px;
}
#contents .button-A ul li a { display:block; background-color:#CC0000; border-radius:5px; text-decoration:none; padding:15px 0px 15px 0px; }
#contents .button-A ul li a:hover { opacity:0.7; }
#contents .button-A ul li a .small { font-size:12px; color:#FFFFFF; line-height:130%; text-align:center; }
#contents .button-A ul li a .large { font-size:20px; color:#FFFFFF; line-height:130%; text-align:center; font-weight:bold; margin:0px 0px 0px 0px; }

#contents .button-B { margin:40px 0px 0px 30px; }
#contents .button-B ul { overflow:hidden; position:relative; margin:0; padding:0; }
#contents .button-B ul li {
	float:left; width:208px;
	margin:0px 15px 0px 0px;
}
#contents .button-B ul li a { display:block; background-color:#CC0000; border-radius:5px; text-decoration:none; padding:15px 0px 15px 0px; }
#contents .button-B ul li a:hover { opacity:0.7; }
#contents .button-B ul li a .small { font-size:12px; color:#FFFFFF; line-height:130%; text-align:center; }
#contents .button-B ul li a .large { font-size:16px; color:#FFFFFF; line-height:130%; text-align:center; font-weight:bold; margin:0px 0px 0px 0px; }


#contents .text-A { margin:10px 20px 0px 20px; font-size:16px; line-height:130%; }
#contents .text-A strong { font-weight:bold; color:#CC0000; }
#contents .text-A .red { font-weight:bold; color:#CC0000; }

#contents .img-A { margin:30px 0px 0px 0px;  }




#page-top { border-bottom:1px solid #EDEDED; margin:60px 20px 0px 20px; }
#page-top .inner { display:table; width:100%; margin:0px 0px 0px 0px; overflow:hidden; position:relative; bakcground-color:#DDDDDD; }
#page-top .inner .right { display:table-cell; overflow:hidden; position:relative; text-align:right; vertical-align:bottom; }
#page-top .inner .right img { float:right; }
#page-top .inner .copyright { display:table-cell; color:#B2B2B2; vertical-align:middle; vertical-align:bottom; font-size:80%; padding-bottom:12px; }


#f-banner {
	position: fixed;
	bottom: 10px;
	right: 8px;
	z-index:9999;
	display:block;
}
#f-banner ul li a { overflow:hidden; outline:none; }
#f-banner ul li a img:hover { opacity:0.7; }
#f-banner .inner-SP { display:none; }


}