@charset "UTF-8";

/* ページ全体の構造 */

html{
	overflow-y:scroll;
}

html,body{height:100%;
}

body{
	margin:0 auto;
	font-family: Maitree, sans-serif;
	font-size:62.5%;
	color:#111;
	text-align:center;
	line-height:1.4;
}

/* ヘッダー構造 */
div#dcHeader{
	width:980px;
	height:110px;
	margin:0 auto;
	position:relative;
	z-index:1;
}

h1#titleLogo{
	position:absolute;
	left:10px;
	top:15px;
}

img#dcHeaderInfo{
	position:absolute;
	left:170px;
	top: 20px;
}

/* フッター構造 */
div#dcFooter{
	clear: both;
	height: auto;
	width: auto;
	color: #333;
	font-size: 1.2em;
	z-index: 1;
    border-top: 1px solid #000000;
}

#dcFooter .mainBox {
	width: 980px;
	height: 150px;
	margin: 0 auto;
}

#top-jimu dl,#top-jimu dl dt,#top-jimu dl dd {	
	margin:0;
	padding:0;
}
#top-jimu {
	font-size: 96%;
	line-height: 1.6;
	clear: both;
	overflow: hidden; 
	zoom: 1;
	margin:0 10px 25px;
}
#top-jimu .section {
	width: 480px;
	color: #333;
	float: left;
	display: inline; 
	text-align: left;
}
#top-jimu .section dl {
	margin: 10px 0 0 100px;
}
#top-jimu .section dl dt,
#top-jimu .section dl dd {
	margin: 0px;
	padding: 0px;
}
#top-jimu .section dl dt {
	font-size: 110%;
	margin-bottom: 3px;
}

#top-jimu .section dl dd a{
	text-decoration: underline;
	color: #000;
}

#top-jimu .section dl dd a:hover{
	text-decoration: none;
}

/* コンテンツ構造 -> メニュー*/
#dcMenu{
	width:auto;
	height: 50px;
	font-size:1.3em;
	background-color: #000;
}

#dcMenu ul{
	width:980px;
	min-width:980px;
	margin: 0 auto;
}
	
#dcMenu li{
	margin: 13px 0;
	height: 30px;
    float: left;
    border-right: 1px solid #DDD;
}

#dcMenu li:first-child{
    border-left: 1px solid #DDD;
}

#dcMenu li a{
	margin: 5px 0;
	display: block;
	color:#FFF;
	text-decoration:none;
	text-shadow:0 1px 1px #000;
}
#dcMenu li a:hover{
	color:#E10414;
	text-shadow: none;
}

#dcMenu li.now a{
	color:#E10414;
	text-shadow: none;
}

.mt4{ margin: 4px 0 0 0!important; }	

#dcMenu ul .menu1{ width:162px;}
#dcMenu ul .menu2{ width:162px;}
#dcMenu ul .menu3{ width:162px;}
#dcMenu ul .menu4{ width:162px;}
#dcMenu ul .menu5{ width:162px;}
#dcMenu ul .menu6{ width:162px;}

/* メインコンテンツ*/
div#dcContainer{
	width: auto;
	margin: 0 auto;
	height: auto!important;
	height: 100%;
	min-height:520px;
	text-align: left;
}

.mainContents {
	height:auto;
	width: 980px;
	margin: 0 auto;
	position: relative;
}

/* コンテンツ構造 */
div.dcContentsBox{
	width: 980px;
	height: auto;
}

div.dcContentsBox2{
	width: 980px;
	height: 100%;
	margin: 20px auto;
}

div.dcContentsBox2 p{
	width:860px;
	margin: 15px 60px 0;
	font-size:1.4em;
	line-height: 2.0;
}


/* コンテンツ構造 -> 右部コンテンツ -> 新着情報（TOP） */
div#dcOshirase{
	overflow: auto;   /* スクロール表示 */
	width: 445px;
	height:108px;
	position: absolute;
	left: 520px;
	top:360px;
}
	
div#dcOshirase p{
	width: 440px;
	min-height: 30px;
	margin: 0 0 0 5px;
	color: #000;
	font-size: 1.4em;
	background: url(../images/dcOshirasePBg.png) 3px 8px no-repeat;
	border-bottom: 1px dashed #CCC;
	display: inline-block;
}

div#dcOshirase p span{
	padding: 8px 0 2px;
	float: left;
    line-height:1.0;
}

div#dcOshirase p span.date{
	width: 50px;
	font-size: 80%;
	padding-left: 15px;
}

div#dcOshirase p span.info{
	width: 360px;
	padding-left: 15px;
}

div#dcOshirase p span a, dl dt a, .officeTxt a, .dcContentsBox2 ul li a,div.dcContentsBox2 p a {
	text-decoration: underline;
	color: #333;
}

div#dcOshirase p span a:hover, dl dt a:hover, div.dcContentsBox2 p a:hover, .officeTxt a:hover, .dcContentsBox2 ul li a:hover{
	text-decoration: none;
}

.floatLeft{float:left!important;}
.floatRight{float:right!important;}
.floatClear{clear:both!important;}
.tCenterm{	text-align: center!important;	vertical-align: middle!important;}
.f18C{ font-size:1.6em!important; text-align:center; padding-top:30px;}
.f20C{ font-size:2.2em; text-align:center; font-weight:bold; padding:30px 0 15px; line-height:1.8; }
.mtl{margin: -30px 60px 0!important;}
.f16C{ font-size:1.6em!important; text-align:center; padding-top:30px!important;}
.sT{ color:#FA4D00!important; font-weight:bold!important;}
.red{ color:red!important;}
.f110{font-size: 150%!important; font-weight:bold!important;}
.f80{font-size: 80%!important;}
.fB{ font-weight:bold!important;}
.mt30 { margin: 30px auto 15px!important; }
.china { font-weight:bold; color:#742E9E;}
.japan { font-weight:bold; color:#33339B;}
.mb20 {margin-bottom:20px!important;}
.mb30 {margin-bottom:30px!important;}

.f20{ font-size:20px!important;}

/* 2ページ目 -> 右部コンテンツ -> */
.dcContentsBox2 h3.ttl2{
	color: #FFF;
	font-size: 2.8em;
	font-weight: normal;
	text-shadow: 0px 2px 2px #660007;
	padding: 6px 0  0 40px;
}


.dcContentsBox2 h4 {
	height: 30px;
	margin: 15px 50px 0;
	font-size: 2.0em;
	font-weight: normal;
	line-height: 16px;
	padding: 5px 0 0 20px;
	background: url(../images/h4Bg.png) no-repeat;
}

/* タイトルのスタイル */
.ttl2{
	position: relative;
	color: #111;
	line-height: 1;
	margin: 20px 60px 10px 60px;
	padding: 10px 5px 10px 20px;
	font-size:110%;
	color:#ffffff;
	zoom: 1;
	height:36px;
}
.ttl2{
	background: #D60E19;
	background: -webkit-gradient(linear, left top, left bottom, from(#D60E19), to(#F11621));
	background: -moz-linear-gradient(top, #D60E19, #F11621);
	background: -o-linear-gradient(top, #D60E19, #F11621);
	background: -ms-linear-gradient(top, #D60E19, #F11621);
	background: linear-gradient(top, #D60E19, #F11621);
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#D60E19', endColorstr='#F11621');
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#D60E19', endColorstr='#F11621')";
	-pie-background: linear-gradient(top,#D60E19, #F11621);
	box-shadow:0 1px 2px #91434e;
	behavior: url(PIE.htc);
	margin-bottom:35px;
}

.ttl2:before,.ttl2:after {
	content: "";
	position: absolute;
	top: 0;
	top:10px;
	height: 0;
	width: 0;
	border: 20px solid #D60E19;
	z-index:-1;
}
.ttl2:before {
	right: -22px;
	border-right-color: transparent;
}
.ttl2:after {
	left: -22px;
	border-left-color: transparent;
}

/*開催概要*/
.kaisaiInfo {
	width: 740px;
	height:auto;
	margin: 15px auto 30px;
	font-size:14px;
	background: #ccc;
	border-collapse: separate;
	border-spacing: 1px;
    -webkit-box-shadow: 0 10px 6px -6px #777;
    -moz-box-shadow: 0 10px 6px -6px #777;
    box-shadow: 0 3px 3px 3px #F4F4F4;}

table.kaisaiInfo th {
	width: 20%;
	background: #F2F2F2;
	padding: 20px 15px;
	font-weight: normal;
}
table.kaisaiInfo td {
	background: #FFF;
	padding: 20px 20px;
}
.kaisaiInfo tr td a {
	text-decoration: underline;
	color: #111;
}
.kaisaiInfo tr td a:hover {
	text-decoration: none;
}

/*会長挨拶*/
.presidentBox {
	width: 95%;
	height: 236px;
	padding:0 15px 30px;
	margin:0 0 10px;
	border-bottom:1px solid #ccc;
	position:relative;
}
.presidentBox img {
	float:left;
	margin-left:110px;
}
.presidentBox p {
	text-align:left;
	position:absolute;
	bottom:20px;
	left:300px;
	line-height:2.0!important;
}
.presidentBox p span {
	font-size:1.1em;
	font-weight:bold;
}

.presidentT p {
line-height:2.2!important; margin: 0 50px!important;
	
}

/*アクセスgMap*/
.dcContentsBox2 #gMap {
	width:600px;
	height:400px;
	margin: 5px 30px 15px;
	border: 1px solid #999;
}

/*関連リンク*/
.link {
	margin: 30px 60px;
}

.link ul li a{
	font-size: 1.0em!important;
	display: inline-block;
	padding: 2px 0 0 30px;
	background: url(../images/linkBg.png) no-repeat 4px 3px;
	color:#000;
	line-height: 1.4;
}

.link ul li a:hover{
	color:#000;
	text-decoration:none;
}

/*トップページ*/
#topMain{
	width:100%;
	text-align:center;
}

/*program*/
#tInfo {
	width: 740px;
	height:auto;
	margin: 15px auto 30px;
	font-size:14px;
	background: #ccc;
	border-collapse: separate;
	border-spacing: 1px;
	display: box; 
    box-shadow: 0 3px 3px 3px #F4F4F4;
}

table#tInfo th {
	background: #F4F4F4;
	padding: 15px 15px;
	font-weight: normal;
	text-align:center;
}

table#tInfo td {
	background: #FFF;
	padding: 15px 30px;
	text-align:left;
}


#tInfo tr td a, .dcContentsBox2 dl dd a {
	text-decoration: underline;
	color: #000;
}

#tInfo tr td a:hover, .dcContentsBox2 dl dd a:hover {
	text-decoration: none;
}
caption{
	font-size:16px;
	font-weight:bold;
	text-align:left;
	padding: 5px 0 3px 2px;
}

/*プログラム、ご案内*/
.prg_nav　{
	width: 860px;
	height: auto;
}
.prg_nav ul {
	margin: 20px auto 5px;
	width:200px;	
}
.prg_nav ul li {
	padding:10px 0 5px;
}
.prg_nav ul li a:hover, .formCon ul li a:hover {
	opacity:0.7;
	filter:alpha(opacity=70);
	-ms-filter: “alpha( opacity=70 )”;
}
.dcContentsBox2 dl {
	width: 860px;
	font-size: 1.4em;
	padding: 15px 60px;
	line-height:1.8;
}

.dcContentsBox2 dl dt{
	font-weight: bold;
}
.dcContentsBox2 dl dd{
	padding-left:1em;
}

/*welcome*/
.welcomeInfo {
	width:90%;
	height:auto;
	margin: 0 auto;
	font-size:20px;
	text-align:center;
}
.welcomeInfo.mt30 tr td img:hover {
	box-shadow:0 1px 1px #888;}

/*welcome*/
.formCon {
	padding: 10px auto 80px;
}

.formCon ul li{
	float: left;
	padding:30px 0 10px 100px;
}

/*プログラム*/
.prg_nav {
	width: 980px;
	height: auto;
}
.prg_nav ul {
	margin: 0 auto;
	width:150px;	
}
.prg_nav ul li {
	padding: 10px 0	0;
}
.prg_nav ul li a:hover {
	opacity:0.7;
	filter:alpha(opacity=70);
	-ms-filter: “alpha( opacity=70 )”;
}

.p_btn {

    color:#fff;
    display: inline-block;
    padding: 10px 20px;
	margin: 5px 0;
    border-radius: 6px;
    text-decoration: none !important;
    font-size: 16px;
	width:220px;
}

.p_btn:hover {
    opacity: 0.8;
	 color: #FFF !important;
}

.p_btn ul li a{
	color:#fff;
	text-decoration:none;
}

.p_btn.btn_p {
    color: #fff;
	background: #D4B571;
}

.p_btn.btn_pdf::after {
    content: " ";
    display: inline-block;
    width: 27px;
	height: 27px;
    background:url(../images/PDFicon.png);
    background-size: contain;
    background-repeat: no-repeat;
    vertical-align: middle;
    margin-left: 10px;
    position: relative;
    bottom: 3px;
}
.Tcentera{ text-align:center!important;}

.albumdBox {
	position:absolute;
	top:160px;
	left:320px;
	width:310px;
	font-size:2.6em;
	font-weight:bold;
}
.albumdBox a{
	box-sizing:border-box;
	display:block;
	margin:0.5em 0 0 2em;
	padding:1em;
	background:rgb(212, 181, 113);
	border:solid 1px rgb(255,255,255);
	border-radius:4px;
	box-shadow:0 0 4px rgba(0,0,0,.5);
	color:rgb(255,255,255)!important;
	text-decoration:none;
	transition:.2s ease-out;
	transition-property:background,color;
}

.albumdBox a::after{
	content: " ▶";
}

.albumdBox a:hover{
	background:rgb(255,255,255);
	color:rgb(212, 181, 113)!important;
}