@chaset "UTF-8";
/*
 Share Style <
-------------------------------------------------
*/
body{
	margin:0;
	background:url(../images/background.jpg) repeat top center;
}

h1,h2,h3,h4,h5{
	margin:0;
	padding:0;
}

#page p,#page dt,#page dl{
	font-size:0.9em;
	font-family:"ＭＳ ゴシック", "MS Gothic", "Osaka－等幅", Osaka-mono, monospace;
	line-height:1.6em;
	text-align:left;
}

#page li{
	list-style-type:none;
	line-height:1.5em;
	font-size:smaller;
	margin:0;
}

#page ul{margin:0;}
#page img{border:0;}

.clear{clear:both;}
.leftArea{float:left;}
.rightArea{float:right;}

/*-- clearfix --*/
#page .cf:before,
#page .cf:after {
	content:"";
	display:table;
}
#page .cf:after {clear:both;}
#page .cf {zoom:1;}

/*---------------------------------

	#page

---------------------------------*/
#page,
#htbdfwp_contents{
	margin:0;
	padding:0;
	background:url(../images/back.jpg) repeat-x top center;
}

body{
	background-color:#141414;
	margin:0;
	padding:0;
}

/*---------------------------------

	#header

---------------------------------*/
#page #header{
	background:url(../images/headerBack.jpg) no-repeat top center;
	width:775px;
	height:319px;
	margin:0 auto;
	text-align:right;
	position:relative;
}

#page #header h1{
	padding:15px 40px 6px 20px;
}

#page #header p.headDate{
	text-align:right;
	padding:240px 0 0 66px;
	margin:0;
}

#page #subHeader{
	background:url(../images/headerSubBack.jpg) no-repeat top center;
	width:775px;
	height:198px;
	margin:0 auto;
	text-align:right;
}

#page #subHeader h1{
	padding:10px 70px 0 20px;
}

#page #subHeader p.headDate{
	text-align:right;
	padding:145px 0 0 80px;
	margin:0;
}

#page #header .sns{
	text-align:right;
	width:300px;
	*width:380px;
	margin:15px 0 0 420px;
	*margin:-38px 0 0 300px;
	padding:0;
	*padding:0 40px 0 0;
}

#page #header .sns div{
	display:inline;
	height:21px;
	overflow:hidden;
}

#page #header .sns .fb{padding: 0 10px 0 0;width:130px;}
#page #header .sns .tweet{width:110px;}
#page #header .sns .mixi{width:60px;}

iframe.twitter-share-button {
	width: 100px!important;
}

#page #header .fbBtn{
	position:absolute;
	top:120px;
	left:-31px;
	
}

/*---------------------------------

	#main

---------------------------------*/
#page #main{
	width: 775px;
	margin: 5px auto 0;
	padding:0;
	text-align: left;
}

#page p{
	margin:0;
	padding:0;
}

/*-- topContentsArea --*/
#page .topContentsArea .nextArea{
	width:420px;
	margin:9px 0 0;
}

#page .topContentsArea .oadigestListArea{
	margin:9px 0 0;
	width:340px;
}

#page .nextMovie{
	margin:15px 0 0;
	width:420px;
}

#page .nextPresident .presidentAbout{
	background:url(../images/line.png) no-repeat bottom center;
}

#page .nextMovie .date{
	margin:-30px 15px 5px 0;
	text-align:right;
	color:#ffffff;
}

#page .nextPresident h3{
	font-size:18px;
	line-height:1.3em;
	padding:30px 10px 0 0;
	width:200px;
}

#page .nextPresident h3 span{
	font-weight:normal;
	font-size:13px;
	display:block;
	line-height:1.4em;
	padding:3px 0;
}

#page #main .nextPresident p.photo{
	padding:20px;
}

#page #main .nextPresident p{
	padding:20px;
	font-size:13px;
}

#page #main .nextPresident{
	width:420px;
	background:url(../images/contentback.jpg) repeat top center;
}

#page #main .nextPresident p.date{
	margin:-30px 15px 5px 0;
	padding:0;
	text-align:right;
	color:#ffffff;
}

#page #main .oaList{
	background:url(../images/listBack.png) repeat-y top center;
	font-size:13px;
	padding:10px;
	border-bottom:1px solid #98918a;
	border-top:1px solid #fcf7f2;
}

#page #main .list{
	background:url(../images/mark.png) no-repeat right center;
}

#page #main .oaList .leftArea img{
	padding:0 10px 0 0;
}


/*#page #main .oaList{
	background:url(../images/list02Back.png) repeat-y top center;
	font-size:13px;
	padding:10px 0;
	width:387px;
	border-bottom:1px solid #98918a;
	border-top:1px solid #fcf7f2;
}*/

#page #main .oaList p{
	font-weight:normal;
	line-height:1.1em;
	font-size:16px;
	display:block;
}

#page #main .oaList p span{
	font-size:11px;
	display:block;
	line-height:1.2em;
	padding:3px 0;
}


/*-- oaDigestArea --*/
#page .contentsArea .oaDigestArea{
	background:url(../images/contentback.jpg) repeat top center;
	margin:9px 0 0;
	width:775px;
}

#page .presidentArea .date{
	margin:-40px 15px 5px 0;
	text-align:right;
	color:#ffffff;
}

#page .contentsArea .presidentArea .rightArea{
	width:430px;
	padding:20px 15px 0 0;
}

#page .contentsArea .presidentArea .leftArea{
	padding:20px 0 0 15px;
}

#page .contentsArea .presidentArea .leftArea p{
	padding:0 0 10px 0;
}

#page .contentsArea .presidentArea .leftArea img{
	border:1px solid #98918a;
}

#page .contentsArea .presidentArea h3{
	background:url(../images/infoBack.png) repeat top center;
	padding:10px;
	font-weight:normal;
	font-size:22px;
	text-shadow:0 1px 0 #000000;
	line-height:1.4em;
	color:#ffffff;
}

#page .contentsArea .presidentArea h3 span{
	font-size:14px;
	line-height:1.5em;
}

#page .contentsArea .presidentArea p{
	font-size:13px;
	padding:10px 0;
}

#page .contentsArea .presidentArea .preabaut{
	margin:10px 0 0;
	padding:10px 0;
	background:url(../images/line.png) repeat-x top center;
}

#page .contentsArea .bangohanArea .leftArea{
	width:430px;
	padding:20px 0 0 15px;
}

#page .contentsArea .bangohanArea .leftArea p{
	padding:15px 0;
}

#page .contentsArea .bangohanArea .rightArea{
	width:300px;
	padding:20px 15px 20px 0;
	margin: 0;
}

#page .contentsArea .bangohanArea .rightArea img{
	border:2px solid #ffffff;
}

#page .contentsArea ul.bangohan{
	background:url(../images/infoBack.png) repeat top center;
	width:400px;
	padding:10px;
	font-weight:normal;
	font-size:22px;
	text-shadow:0 1px 0 #000000;
	line-height:1.4em;
	color:#ffffff;
}

#page .contentsArea ul.bangohan li{
	list-style-position:inside;
	list-style-type:circle;
}


/*-- oaDigestArea --*/
#page #main .oadigestListArea02{
	margin:0;
	width:775px;
}

#page #main .oadigestListArea02 .oaList{
	background:url(../images/list02Back.png) repeat-y top center;
	font-size:13px;
	padding:10px 0;
	width:387px;
	border-bottom:1px solid #98918a;
	border-top:1px solid #fcf7f2;
}

#page #main .oadigestListArea02 .list{
	background:url(../images/mark.png) no-repeat right center;
}


#page #main .oadigestListArea02 .oaList p{
	font-weight:normal;
	line-height:1.1em;
	font-size:16px;
	margin:0 10px;
}

#page #main .oadigestListArea02 .oaList p span{
	font-size:11px;
}

#page #main .oadigestListArea02 .oaList .leftArea img{
	padding:0 10px 0 0;
}


#page .contentsArea .presidentArea .sns{
	width:300px;
	*width:340px;
	margin:15px 0 0 0;
	*margin:15px 0 0 0;
	padding:0;
}

#page .contentsArea .presidentArea .sns div{
	display:inline;
	height:21px;
	overflow:hidden;
}

#page .contentsArea .presidentArea .sns .fb{padding: 0 10px 0 0;width:130px;}
#page .contentsArea .presidentArea .sns .tweet{width:110px;}
#page .contentsArea .presidentArea .sns .mixi{width:60px;}

#page #footer{
	margin:30px 0;
	text-align:center;
	font-size:13px;
}

/*---------------------------------

	Link Style

---------------------------------*/
#page a:link,
#page a:visited{
	color:#be0101;
	text-decoration:none;
}

#page a:hover{
	color:#deacac;
}

#page #footer a:link,
#page #footer a:visited{
	color:#ffffff;
	text-decoration:underline;
}

#page #footer a:hover{
	color:#cccccc;
}


#page #acBtn{
	text-align:center;
	background-color:#e7c250;
	border:1px solid #000000;

	margin: 5px 0;
	padding: 12px 10px;
	font-size:15px;
	font-weight:bold;
	text-shadow:none;
	text-decoration:none;
	display:block;
	color:#000000;
}



#displayPC{
    display: block;
}
#displaySP{
    display: none;
}



@media screen and (max-width:750px){
    #displayPC{
        display: none;
    }
    #displaySP{
        display: block;
    }
    
/*---------------------------------

 style info:ResetStyle

---------------------------------*/
html,body,
#page h1, #page h2, #page h3, #page h4, #page h5, #page h6 {
	line-height:1;
	margin:0;
	padding:0;
	border:0;
	outline:0;
	font-size:100%;
	vertical-align:baseline;
	background:transparent;
}

#page nav ul {
	list-style:none;
}

#page a {
	margin:0;
	padding:0;
	border:0;
	font-size:100%;
	vertical-align:baseline;
	background:transparent;
}

#page hr {
    display:block;
    height:1px;
    border:0;
    border-top:1px solid #cccccc;
    margin:1em 0;
    padding:0;
}
/**/
#page iframe{
	width:272px;
	height:153px;
}

/*---------------------------------

 style info:CommonStyle

---------------------------------*/
#page ol,#page ul {list-style: none;}

#page {
	width: auto;
	margin: 0 auto;
	color: #666666;/*
	text-shadow:0 1px 0 #f8f1e8;*/
	background: #f2f2f2;
	-webkit-text-size-adjust: none;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	line-height: 1.2;
}

.clear{clear:both;}
.leftArea{float:left;}
.rightArea{float:right;}

/*-- clearfix --*/
#page .cf:before,
#page .cf:after {
	content:"";
	display:table;
}
#page .cf:after {clear:both;}
#page .cf {zoom:1;}

/*---------------------------------

 header

---------------------------------*/
#page header{
	width: auto;
	text-align:center;
	padding:0;
	margin: 0;
}

#page header h1{
	padding:0;
	margin:0 auto;
	line-height:0;
}

#page header .headDate{
	padding:0;
	margin:0;
	line-height:0;
}

#page header .headDate span{
	color:#fff100;
}

/*---------------------------------

 Section

---------------------------------*/

#page section{
	padding:5px 0;
	background:url(../sp/images/bg.jpg) repeat;
}

#page #nextSection .nextDate{
	margin:-31px 15px 21px 0;
	text-align:right;
	color:#ffffff;
	font-size:13px;
}

#page #nextSection .nextName{
	line-height:1.2em;
	font-size:15px;
	padding:3px 0 10px;
}

#page #nextSection .nextName span{
	font-size:11px;
	display:block;
	padding:3px 0;
	margin:0;
}

#page #syatyoulist .listnameArea{
	line-height:1em;
}

#page #syatyoulist .leftArea{
	margin:5px 10px 0;
}

#page #syatyoulist span{
	font-size:10px;
	display:block;
	padding:0 0 3px 0;
	margin:0;
}

#page #syatyoulist .listDate{
	padding: 0 0 0 5px;
	margin:0;
	background-color:#a39a92;
	text-shadow:none;
	color:#ffffff;
	font-size:11px;
}

#page #syatyoulist div{
	display:block;
	background:url(../sp/images/ar.png) no-repeat center right;
}

#page section article{/*
	background-color:#dfdfdf;*/
	background:url(../sp/images/mainBack.png) repeat;
	color:#000000;
	padding: 5px;
	margin:5px;
	border:1px solid #ffffff;
}

#page .oadate{
	padding:0 0 5px;
	font-size:12px;
	color:#894743;
}

#page #oaSection p{
	padding:5px 0;
}

#page #oaSection .oaDate{
	margin:-33px 15px 15px 0;
	text-align:right;
	color:#ffffff;
	font-size:13px;
}

#page #oaSection p.oaName{
	background:url(../sp/images/infoBack.png) repeat;
	color:#ffffff;
	padding:10px;
	margin:0 0 15px;
	font-size:16px;
}

#page #oaSection p.oaName span{
	font-size:12px;
	display:block;
	line-height:1.4em;
}

#page #oaSection ul.bangohan{
	background:url(../sp/images/infoBack.png) repeat top center;
	padding:10px;
	font-weight:normal;
	font-size:14px;
	text-shadow:0 1px 0 #000000;
	line-height:1.4em;
	color:#ffffff;
}

#page #oaSection ul.bangohan li{
	list-style-position:inside;
	list-style-type:circle;
}

#page section h1{
	background:url(../sp/images/titleBack.png) repeat;
	-webkit-background-size:44px 17px;
	margin:0;
	padding:10px;
	font-size:24px;
	font-weight:bold;
	font-family: Helvetica,Arial,sans-serif;
	text-shadow: 0 1px 0 #000000;
	color:#ffffff;
}

#page section h2{
	color:#ffffff;
	background:url(../sp/images/titleBack.png) repeat;
	font-size:15px;
	text-shadow: 0 1px 0 #000000;
	padding:7px 10px 5px;
	margin:0;
}

#page section h3{
	font-size:13px;
	padding:10px 0 5px;
	margin:0 10px;
	color:#91150d;
}

#page section article .nextDate{
	color:#894743;
	font-size:12px;
}

#page section article p{
	margin:5px 10px;
	padding:0;
	font-size:13px;
	line-height:1.5em;
}

#page section article p.textP{
	padding:5px 0 0;
	border-top:1px solid #b5b5b5;
}

#page section article p.textC{
	text-align:center;
}

#page section .link {
	padding:0;
	margin:0;
}

#page section .link a{
	color:#ffffff;
	border:1px solid #a40000;
	padding:5px 10px;
	margin:10px;
	display:block;
	font-size:14px;
	width:auto;
	text-shadow: 0 1px 0 #000000;
	background: -moz-linear-gradient(top,  rgba(223,14,14,1) 0%, rgba(164,0,0,1) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(223,14,14,1)), color-stop(100%,rgba(164,0,0,1)));	
	background: linear-gradient(top,  rgba(223,14,14,1) 0%,rgba(164,0,0,1) 100%);
}

#page section article .photo{
	text-align:center;
	margin:15px 0 0;
	padding:0;
}

#page section article .photoLeft{
	float:left;
	padding:0;
	margin:0 0 0 12px;
}

#page section p.ticketTxt{
	margin:0;
	padding:0 10px;
	font-size:15px;
	font-weight:bold;
	color:#bf0000;
	background:none;
}

/*---  < nav >  ---*/
#page nav ul{
	width:auto;
	margin:0 auto;
	padding:0;
	border-top:1px solid #adada8;
	border-bottom:1px solid #adada8;
	border-right:1px solid #adada8;
	display:block;
	background: -moz-linear-gradient(top, #fff, #ccc);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(220,220,220,1)));
}

#page nav ul:after{content: "."; display: block; visibility: hidden; height: 0.1px; font-size: 0.1em; line-height: 0; clear: both;}

#page nav ul li{
	vertical-align:middle;
	border-left:1px solid #adada8;
	float:left;
	display:block;
	width:33%;
}

#page nav li a:link{
	padding:15px 0;
	text-align:center;
	text-shadow: 1px 1px 0 #ffffff;
	font-size:14px;
	font-weight:bold;
	display:block;
	color:#707160;
}

#page nav li a:visited{
	padding:15px 0;
	text-align:center;
	text-shadow: 2px 2px 0 #3d362f;
	font-size:14px;
	font-weight:bold;
	display:block;
	color:#707160;
}

/*---------------------------------

 archiveList

---------------------------------*/

#archiveList{
	margin:0 0 10px;
}

#archiveList ul {
	margin:10px 0 0;
	padding:0;
	border-top:1px solid #CCC;
	border-right:1px solid #CCC;
	border-left:1px solid #CCC;
}

#archiveList ul li{
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(47%,rgba(246,246,246,1)), color-stop(100%,rgba(237,237,237,1)));
	background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(246,246,246,1) 47%,rgba(237,237,237,1) 100%);
	background: linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(246,246,246,1) 47%,rgba(237,237,237,1) 100%);
}

#archiveList ul li a{
	padding:10px 30px 10px 10px;
	background:url(../sp/images/ar.png) no-repeat center right;
	-webkit-background-size:25px 20px;
	display:block;
	font-size:15px;
	line-height:1.5em;
	text-shadow: 1px 1px 0 #ffffff;
	border-bottom:1px solid #CCC;
}
/*---------------------------------

 #footer

---------------------------------*/
#page #info{
	padding:0;
	margin:0;
}

#page #info p{
	padding:0;
	margin:0;
	line-height:0;
}


#page .footer{
	background-color:#111111;
	border-top:1px solid #000000;
	padding:10px;
	margin:0;
	color:#ffffff;
	font-size:10px;
	text-shadow:none;
	line-height:1.5em;
}
#page .pc_site, #page .backTop{
	margin: 0 auto;
    padding: 10px 0;
}

#page .pc_site a, #page .backTop a{
	display:block;
	margin: 5px 15px;
	padding: 8px 6px;
	border:1px solid #c4c4c4;
	font-size:17px;
	text-shadow: 1px 1px 0 #ffffff;
	text-decoration:none;
	text-align:center;
	
	background: -moz-linear-gradient(top, rgba(242,242,242,1) 1%, rgba(255,255,255,1) 50%, rgba(244,244,244,1) 51%, rgba(255,255,255,1) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,rgba(242,242,242,1)), color-stop(50%,rgba(255,255,255,1)), color-stop(51%,rgba(244,244,244,1)), color-stop(100%,rgba(255,255,255,1)));
	background: linear-gradient(top, rgba(242,242,242,1) 1%,rgba(255,255,255,1) 50%,rgba(244,244,244,1) 51%,rgba(255,255,255,1) 100%);
}

.hod{
	text-align:center;
	margin:0 0 10px;
}

/*---------------------------------

 LINK

---------------------------------*/
#page a:link, #page a:visited {
	color: #000000;
	text-decoration: none;
}

#page a:hover {
	color: #333333;
	text-decoration: none;
}
}