/* リセット */
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: "メイリオ", "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:#FFFFFF;
}

html,body { height:100%; }

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

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

textarea { 
font-size: 100%; 
}


.body { width:100%; height:100%; }

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

#contents .main { width:100%; }
#contents .main img { width:100%;}

#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:14px 10px 0px 10px; }
#contents .title-block .inner { width:100%; display:table; overflow:hidden; position:relative; margin:0px 10px 0px 0px; }
#contents .title-block .inner .head { 
	display:table-cell; width:9px; height:23px;
	background-color:#1D7400;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
}
#contents .title-block .inner h1 { padding:3px 0px 0px 6px; display:table-cell; vertical-align:middle; color:#000000; font-weight:bold; font-size:20px; line-height:130%; }
#contents .title-body { margin:14px 10px 0px 10px; font-size:15px; line-height:140%; padding-bottom:10px;  }
#contents .title-body br { }
#contents .title-body span { color:#FF0000; }


#contents .text-A { margin:10px 8px 0px 8px; font-size:13px; line-height:130%; }

#contents .box-A { margin:8px 8px 0px 8px; font-size:13px; line-height:130%; background-color:#FCF9EC; padding:10px; }
#contents .box-A .text-1 { font-weight:bold; color:#333; font-size:13px; }
#contents .box-A .text-2 { margin:6px 0px 0px 0px; color:#333; }
#contents .box-A .text-2 br { display:none; }
#contents .box-A .text-3 { margin:6px 0px 0px 0px; font-size:10px; line-height:110%; }


#contents h2 {
	padding:0px 0px 0px 0px; margin:12px 8px 0px 8px;
	font-size:15px; font-weight:bold; color:#000000; line-height:120%;

}
#contents h2 span { color:#C00; margin-right:4px; }


#contents .text-A { margin:6px 10px 0px 10px; font-size:15px; line-height:130%; }
#contents .text-A b { font-weight: bold; color: #000; }
#contents .text-A a { color: #C00; text-decoration: underline; }
#contents .text-B { margin:20px 10px 0px 10px; font-size:18px; line-height:130%; font-weight: bold; color: #C00; }


#contents .tabular { margin:4px 10px 20px 10px; font-size:12px; }
#contents .tabular table { width:100%; background-color:#CCCCCC; }
#contents .tabular tr { background-color:#FFFFFF; }
#contents .tabular tr:nth-child(odd){ /*background:#EDF5FB;*/ }
#contents .tabular td { padding:10px 8px 8px 10px; line-height:100%; width: ; text-align: center; }
#contents .tabular td p { line-height:130%; }
#contents .tabular .head { background-color:#EEEEEE; text-align:center; font-size:12px; font-weight:bold; color:#000000; white-space:nowrap;  }
#contents .tabular .subject { white-space:nowrap; background:#EDF5FB; }
#contents .tabular .subject p { font-size:12px; font-weight:bold; color:#000; }
#contents .tabular .theme { }

#contents .photo { margin:10px 10px 0px 10px; }
#contents .photo img { width: 100%; }

#contents .list-none { margin:6px 10px 0px 10px;  font-size:13px; color:#000000; }
#contents .list-none  ul { margin:0px 0px 0px 0px; line-height:135%; }
#contents .list-none  li { list-style-type:none; margin:0px 0px 4px 0px; padding-left:1em; text-indent:-1em; }
#contents .list-none  li a { color:#CC0000; font-weight:bold; font-size:13px; font-weight:bold; text-decoration:underline; }
#contents .list-none  li a:hover { text-decoration:underline; }
#contents .list-none  li br { }
#contents .list-none  .min { font-size: 11px; }

#contents .block-1 { margin:30px 12px 0px 10px; padding-bottom: 10px; }
#contents .block-1 h2 { margin:0px 0px 4px 0px; color:#FF0000; font-size:13px; line-height:130%; text-align:center; }
#contents .block-1 .event-name { border-top:1px solid #AAAAAA; padding:10px 0px 10px 0px; text-align:center; color:#000000; font-size:15px; background-color:#EEEEEE; line-height: 140%; }
#contents .block-1 .days { font-size:24px; letter-spacing:-1px; font-weight:bold; color:#CC0000; padding:14px 0px 14px 0px; border-bottom:1px solid #AAAAAA; border-top:1px dotted #AAAAAA; text-align:center; }
#contents .block-1 .days a { color:#CC0000; }
#contents .block-1 .info { margin:6px 0px 0px 0px; font-size:11px; text-align:center; }


#contents .link { margin:20px 0px 0px 10px; padding:0px 0px 0px 0px; font-size:18px; }
#contents .link h2 {
	border-left:3px solid #1D7400;
	padding:2px 0px 2px 10px; margin:20px 0px 8px 0px;
	font-size:14px; font-weight:bold; color:#000000; line-height:120%;

}
#contents .link a { text-decoration:none; color:#BC2540; }
#contents .link .gray { text-decoration:none; color:#666666; }
#contents .link .black { text-decoration:none; color:#000000; }
#contents .link a:hover { text-decoration:underline; }
#contents .link .table { display:table; border-spacing:0px; margin:0px 10px 20px 0px; }
#contents .link .table .left { display:table-cell; vertical-align:top; width:14px; }
#contents .link .table .left p {
	width:19px;
    height:19px;
    background:#BC2540;
    border-radius: 100px;
    -webkit-border-radius: 100px;
    -moz-border-radius: 100px;
	display:block; float:right;
}
#contents .link .table .left p span {
	display:block; margin:5px 0px 0px 8px;
	width:0;
	height:0px;
	border-style: solid;
	border-width: 4px 0px 4px 4px;
	border-color: transparent transparent transparent #FFFFFF;
}
#contents .link .table .right {
	display:table-cell; vertical-align:middle;
	font-size:15px; color:#BC2540; padding:0px 0px 0px 5px; line-height:130%; font-weight: bold;
}
#contents .link .table .right:hover {  }

#contents .link .table .left .gray { background:#666666; }
#contents .link .table .right .gray:hover { text-decoration:none; color:#666666; }

#contents .link .table .left .black { background:#000000; }
#contents .link .table .right .black:hover { text-decoration:underline; color:#000000; }


#page-top { margin:20px 0px 0px 0px; width:100%; }
#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; margin:0px 10px 0px 12px; }
#page-top .inner .copyright { display:table-cell; padding:0px 0px 12px 10px; color:#B2B2B2; vertical-align:middle; vertical-align:bottom; font-size:7px; }



}

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



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

/* カスタマイズ */

body {
	font-family: "メイリオ", "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%; 
}


.body {
	height:100%;
	background-color:#FFFFFF; color:#666666;
	-webkit-box-shadow: #333 0px 0px 10px;
	-moz-box-shadow: #333 0px 0px 10px;
	box-shadow: #333 0px 0px 10px;
}


#contents { }

#contents .main { }
#contents .main img { }

#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 10px 0px 20px; }
#contents .title-block .inner { width:100%; display:table; overflow:hidden; position:relative; margin:0px 10px 0px 0px; }
#contents .title-block .inner .head { 
	display:table-cell; width:9px; height:23px;
	background-color:#1D7400;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
}
#contents .title-block .inner h1 { padding:3px 0px 0px 6px; display:table-cell; vertical-align:middle; color:#000000; font-weight:bold; font-size:160%; line-height:140%; }
#contents .title-body { margin:25px 20px 0px 20px; font-size:16px; line-height:150%; padding-bottom:20px;  }
#contents .title-body span { color:#FF0000; }

#contents h2 {
	padding:0px 0px 0px 0px; margin:20px 18px 0px 18px;
	font-size:16px; font-weight:bold; color:#000000; line-height:120%;

}
#contents h2 span { color:#C00; margin-right:4px; }


#contents .text-A { margin:6px 18px 0px 18px; font-size:16px; line-height:150%; }
#contents .text-A b { font-weight: bold; color: #000; }
#contents .text-A a { color: #C00; text-decoration: underline; }
#contents .text-B { margin:20px 18px 0px 18px; font-size:24px; line-height:150%; font-weight: bold; color: #C00; }

#contents .box-A { margin:10px 18px 0px 18px; font-size:12px; line-height:150%; background-color:#FCF9EC; padding:10px; }
#contents .box-A .text-1 { font-weight:bold; color:#333; font-size:14px; }
#contents .box-A .text-2 { margin:6px 0px 0px 0px; color:#333; }
#contents .box-A .text-3 { margin:2px 0px 0px 0px; font-size:11px; }


#contents .tabular { margin:7px 20px 40px 20px; font-size:12px; }
#contents .tabular table { width:100%; background-color:#CCCCCC; }
#contents .tabular tr { background-color:#FFFFFF; }
#contents .tabular tr:nth-child(odd){ /*background:#EDF5FB;*/ }
#contents .tabular td { padding:10px 8px 8px 10px; line-height:100%; width: ; text-align: center; }
#contents .tabular td p { line-height:130%; }
#contents .tabular .head { background-color:#EEEEEE; text-align:center; font-size:13px; font-weight:bold; color:#000000; white-space:nowrap;  }
#contents .tabular .subject { white-space:nowrap; background:#EDF5FB; }
#contents .tabular .subject p { font-size:12px; font-weight:bold; color:#000; }
#contents .tabular .theme { }

#contents .photo { margin:10px 20px 0px 20px; text-align: center; }
#contents .photo img { width: 600px; }

#contents .list-none { margin:10px 20px 0px 20px; display:table; width:100%; font-size:13px; color: #000; }
#contents .list-none  ul { margin:0px 0px 0px 0px; line-height:130%; }
#contents .list-none  li { list-style-type:none; margin:0px 0px 6px 0px; padding-left:1em; text-indent:-1em; }
#contents .list-none  li a { color:#CC0000; font-weight:bold; font-size:13px; font-weight:normal; text-decoration:underline; font-weight: bold;}
#contents .list-none  li a:hover { text-decoration:underline; }
#contents .list-none  li br { }
#contents .list-none  .min { font-size: 12px; }

#contents .block-1 { margin:30px 20px 0px 20px; padding-bottom: 20px; }
#contents .block-1 h2 { margin:0px 0px 4px 0px; color:#FF0000; font-size:14px; text-align:center; }
#contents .block-1 .event-name { border-top:1px solid #AAAAAA; padding:13px 0px 12px 0px; line-height: 150%; text-align:center; color:#000000; font-size:18px; background-color:#EEEEEE; }
#contents .block-1 .days { font-size:28px; font-weight:bold; color:#CC0000; padding:15px 0px 16px 0px; border-bottom:1px solid #AAAAAA; border-top:1px dotted #AAAAAA; text-align:center; }
#contents .block-1 .days a { color:#CC0000; }
#contents .block-1 .info { margin:6px 0px 0px 0px; text-align:center; }


#contents .link { margin:20px 0px 0px 10px; padding:0px 0px 0px 0px; font-size:18px; }
#contents .link h2 {
	border-left:3px solid #1D7400;
	padding:2px 0px 2px 10px; margin:10px 0px 16px 10px;
	font-size:16px; font-weight:bold; color:#000000; line-height:120%;

}
#contents .link a { text-decoration:none; color:#BC2540; }
#contents .link .gray { text-decoration:none; color:#666666; }
#contents .link .black { text-decoration:none; color:#000000; }
#contents .link a:hover { text-decoration:underline; }
#contents .link .table { display:table; border-spacing:0px; margin:0px 0px 14px 0px; }
#contents .link .table .left { display:table-cell; vertical-align:middle; width:31px; }
#contents .link .table .left p {
	width:23px;
    height:23px;
    background:#BC2540;
    border-radius: 100px;
    -webkit-border-radius: 100px;
    -moz-border-radius: 100px;
	display:block; float:right;
}
#contents .link .table .left p span {
	display:block; margin:6px 0px 0px 10px;
	width:0;
	height:0px;
	border-style: solid;
	border-width: 5px 0px 5px 5px;
	border-color: transparent transparent transparent #FFFFFF;
}
#contents .link .table .right {
	display:table-cell; vertical-align:middle;
	font-size:18px; color:#BC2540; padding:0px 0px 0px 10px; line-height:110%; font-weight: bold;
}
#contents .link .table .right:hover { }

#contents .link .table .left .gray { background:#666666; }
#contents .link .table .right .gray:hover { text-decoration:none; color:#666666; }

#contents .link .table .left .black { background:#000000; }
#contents .link .table .right .black:hover { text-decoration:underline; color:#000000; }


#page-top { border-bottom:1px solid #EDEDED; margin:30px 20px 0px 20px; width:680px; }
#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; }


}