@charset "utf-8";

body { background: url(../images/bgimg.gif) repeat; } /* 全体の背景指定 */

/* anchor */
#wrapper a,
#wrapper .article{
	-webkit-transition: all 0.2s 0s ease;
	-moz-transition: all 0.2s 0s ease;
	transition: all 0.2s 0s ease;
}
#wrapper a:hover {
	text-decoration: none;
	/*filter: alpha(opacity=50);*/
	-moz-opacity:0.5;
	opacity:0.5;
}


/* #side */
#side { padding: 10px 0px 0px; }

#side .box{
	/* border-radius */
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

#wrapper #contents #side .box .title {
	background: rgb(218,225,229); /* Old browsers */
	background: -moz-linear-gradient(top, rgba(246,248,249,1) 0%,rgba(229,235,238,1) 50%, rgba(218,225,229,1) 51%,rgba(238,241,244,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(246,248,249,1)), color-stop(50%,rgba(229,235,238,1)), color-stop(51%,rgba(218,225,229,1)), color-stop(100%,rgba(238,241,244,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, rgba(246,248,249,1) 0%,rgba(229,235,238,1) 50%, rgba(218,225,229,1) 51%,rgba(238,241,244,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, rgba(246,248,249,1) 0%,rgba(229,235,238,1) 50%, rgba(218,225,229,1) 51%,rgba(238,241,244,1) 100%); /* Opera11.10+ */
	background: -ms-linear-gradient(top, rgba(246,248,249,1) 0%,rgba(229,235,238,1) 50%, rgba(218,225,229,1) 51%,rgba(238,241,244,1) 100%); /* IE10+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f6f8f9', endColorstr='#dce2e6',GradientType=0 ); /* IE6-9 */
	background: linear-gradient(top, rgba(246,248,249,1) 0%,rgba(229,235,238,1) 50%, rgba(218,225,229,1) 51%,rgba(238,241,244,1) 100%); /* W3C */
}

#wrapper #contents #side #oa .info a,
#wrapper #contents #side #blog .info a{
	background-color: rgba(153,153,153,0.5);
	/* box-shadow */
    box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2) inset;
    -moz-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2) inset;
    -webkit-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2) inset;
}


/* #btn-sbm */
ul#btn-sbm {
	text-align: left;
	width:360px;
	margin:10px auto -3px 0;
}
*:first-child+html ul#btn-sbm  { margin-bottom:50px;}/* IE7 */

ul#btn-sbm li {
	display: inline;
	margin-left: 0px;
	padding: 0px;
	line-height: normal;
	list-style: none;
}

ul#btn-sbm li a { margin: 0px; }

ul#btn-sbm .btnTwitter { width: 70px; }
ul#btn-sbm .btnFaceBook { margin:0 5px;}
ul#btn-sbm .btnHatenaBookmark { margin-left:20px; }




/* #main */
#wrapper { background:url(../images/bgimag_header.png) center top repeat-x;}
#wrapper #contents { width:1000px; }
#wrapper #main { width:675px; }
#wrapper #article { }

/* #header */
div#header {}
div#header h1 { background:url(../images/logo.png) top center no-repeat; height:445px; width:630px; text-indent: -9999em; margin:5px;}

/* FaceBook */
body#top div#article p.bnr_fb { position:absolute;}
body#top div#article p.bnr_fb a { display:block; background: url(../images/bnr_fb.gif) top left no-repeat; width:260px; height:65px; text-indent: -9999em; position: relative; left:381px; bottom:40px;}

*:first-child+html p.bnr_fb a { margin-top:-50px;}/* IE7 */


/* twitter */
body#top div#article div#twitter {
	background:url(../images/tw_bg.png) left top no-repeat transparent;
	color:#FFFFFF;
	width:640px;
	height:155px;
	margin:50px 0 10px 0;
}

body#top div#article div#twitter .twtr-hd { display: none;}
body#top div#article div#twitter .twtr-ft { display: none;}
body#top div#article div#twitter .twtr-avatar { display: none;}
body#top div#article div#twitter .twtr-doc { height:80px; position:absolute; left:175px; top:55px;}
body#top div#article div#twitter .twtr-tweet { display:block; height:80px; overflow: hidden; border-bottom: none; }

body#top div#article div#twitter p.btn_follow { position: absolute; }
body#top div#article div#twitter p.btn_follow a { display:block; position: absolute; background: url(../images/btn_follow.png) top left no-repeat; width:130px; height:28px; text-indent: -9999em; left:503px; top:8px; }


/* text */
div#wrapper div.wrap { border: solid 6px #01265a; background-color:#FFF; padding:10px 20px 20px 10px; }

/* text section */
div#wrapper div.section { margin-bottom:30px; padding:0 10px 0 20px; }

div#wrapper div.section h3 { font-weight: bold; font-size:22px; color:#600; margin-bottom:5px; text-align:center;}
div#wrapper div.section h4 { font-size:24px; font-weight: bold; color:#009; text-align:center; }
	div#wrapper div.section h4 span.date { padding-left:20px; color:#000;}
div#wrapper div.section h5 { color:#01265a; font-weight: bold; font-size:20px; border-bottom:3px solid; margin:20px 0 10px 0; }
div#wrapper div.section h6 { color: #600; font-weight: bold; font-size:16px;  }

div#wrapper div.section p {  }
div#wrapper div.section strong { font-weight: bold; color:#F00;  }

div#wrapper div.wrap_lead { overflow:hidden; }
div#wrapper div.wrap_lead div.lead { width:320px; float:left;}
div#wrapper div.wrap_lead img.photo { float:right; margin-bottom: }

div#wrapper div.lead.NoImage p { font-size:16px; font-weight: bold; margin-bottom:10px;}


div#wrapper table.cast { width:100%; }
	div#wrapper table.cast th,
	div#wrapper table.cast td { padding:5px; border-collapse: collapse; border:#CCC solid 1px; font-size:13px; font-weight: bold;}
	div#wrapper table.cast th { white-space: nowrap; color:#300; text-align: right; vertical-align:top; background-color:#f0f0f0; }
	div#wrapper table.cast td {}

div#wrapper table.program { width:100%; margin-bottom:15px; }
	div#wrapper table.program th,
	div#wrapper table.program td { padding:5px; border-collapse: collapse; border:#CCC solid 1px; font-size:15px; font-weight: bold; background-color: #FFC; color:#600;}
	div#wrapper table.program th { white-space: nowrap; color: #C60; text-align: center; vertical-align:top; width:20px; background-color: #FC6; }
	div#wrapper table.program td {}
	div#wrapper table.program tr.even th { background-color: #9CC; color:#066;}
	div#wrapper table.program tr.even td { background-color: #E2F2EF;}

div#wrapper p.btn_backnumber a { display:block; background:url(../images/btn_backnumber.png) top right no-repeat; width:180px; height:40px; text-indent: -9999em; margin:0 0 0 auto}


/* text section #next */
div#wrapper div#next { }
div#wrapper div#next h2 { background:url(../images/tit01.png) top left no-repeat; height:70px; text-indent: -9999em; }

/* text section #introduction */
div#wrapper div#introduction { }
div#wrapper div#introduction h2 { background:url(../images/tit02.png) top left no-repeat; height:70px; text-indent: -9999em; }


/* text present */
div#wrapper div.present { margin:15px; padding:20px; border: solid 8px #d7b700; background:url(../images/dvd.png) right top no-repeat #fbf9dc; }

div#wrapper div.present div.head { position:relative;}
div#wrapper div.present div.head h2 { background:url(../images/ribon.png) top left no-repeat ; height:110px; text-indent: -9999em; position: relative; left:-15px; top:-15px;}
div#wrapper div.present div.head h3 { background:url(../images/tit_present.png) top left no-repeat; height:110px; text-indent: -9999em; position: relative; top:-40px; }
div#wrapper div.present div.head p { text-align:center; margin:0 0 20px 0; font-weight: bold; }


div#wrapper div.present div.apply { padding:13px; background-color:#FFF; border:solid 3px #f0f0f0;}
div#wrapper div.present div.apply h3 { font-size:22px; font-weight: bold; color:#600; text-align:center;}
div#wrapper div.present div.apply span.address { display: inline-block; padding:8px 10px 8px 20px; margin:5px 5px 5px 0; background-color:#FFC;}

div#wrapper div.present div.apply ul { margin-left:1em; text-indent:-1em; }
	div#wrapper div.present div.apply ul li { margin-bottom:0.5em;}

/* #backnumber */
body#backnumber p.btn_top {  text-align:right; margin:10px 0;}
body#backnumber p.btn_top a {  color:#01265a; }

body#backnumber p.btn_backnumber_old { width:320px; margin:0 0 0 auto; text-align:center; padding:6px; background-color:#f0f0f0; border:solid 2px #01265a; font-weight: bold;}
body#backnumber p.btn_backnumber_old a { text-decoration: none; color:#01265a; padding-left:6px;  }

body#backnumber div#backnumber h2 { background:url(../images/tit_backnumber.png) top left no-repeat; height:70px; text-indent: -9999em; }

body#backnumber div#backnumber div.section { border-bottom: dotted 2px #CCCCCC; padding-bottom:10px; margin-bottom:10px;}
body#backnumber div#backnumber div.section h3 { text-align:left; font-size:13px; margin:0;}
body#backnumber div#backnumber div.section h4 { text-align:left; font-size:16px; margin:0;}
body#backnumber div#backnumber div.section h5 { text-align:left; font-size:13px; margin:0; border-bottom: none;}
body#backnumber div#backnumber div.section h6 { text-align:left; font-size:13px; margin:0;}
body#backnumber div#backnumber div.section p { text-align:left; font-size:13px; margin:0;}

body#backnumber div#backnumber div.section table.program { margin:5px 0; }
body#backnumber div#backnumber div.section table.program th { font-size:13px;}
body#backnumber div#backnumber div.section table.program ul { font-size:12px; color:#000000; font-weight: normal; }



/* テキスト指定 */
div#article {
	padding: 0px 20px 20px;
	font-size: 120%;
	line-height: 1.5;
}
div#article h2 {
	font-weight: bold;
	font-size: 120%;
	margin: 0px 0px 10px;
}
div#article h3 {
	font-weight: bold;
	font-size: 100%;
}
div#article p {
	margin-bottom: 10px;
}

p.innerlink-head {
	margin-top: 10px;
	margin-left:15px;
}
p.innerlink-head a {
	font-size: 11px;
	color: #000;
}


.f-s {
	color: #2E2E2E;
	font-weight: normal;
}






@media screen and (max-width: 480px){
/* #header */
#top #main #header {
	-moz-box-ordinal-group:1;
	-webkit-box-ordinal-group:1;
	box-ordinal-group:1;
}

#top #main #article p { font-size: 16px; }

/* #nav */
#top #nav {
	display: block;
	letter-spacing: 0em; /* hack */
	text-align: left;
	width: auto;
	height: auto;
	padding: 0;
	-moz-box-ordinal-group:4;
	-webkit-box-ordinal-group:4;
	box-ordinal-group:4;
	border-top: 1px solid rgba(150, 150, 150, 0.5);
}

#top #nav li {
	display: block;
	margin: 0px;
	padding: 0px;
	border-top: 1px solid rgba(255, 255, 255, 0.5);
	border-bottom: 1px solid rgba(150, 150, 150, 0.5);
}
#top #nav li:first-child {
}

#top #nav ul li a,
#top #nav ul li span {
	color: #333;
	font-size: 16px;
	line-height: 44px;
	text-align: left;
	text-indent: 0;
	text-decoration: none;
	font-weight: bold;
	display: block;
	width: auto;
	height: 44px;
	padding: 0 10px;
	background: rgba(246,246,242,1);
	border: none;
	overflow: hidden;
	background-image: none;
}



#top #main #btn-sbm {
	display: block;
	-moz-box-ordinal-group:2;
	-webkit-box-ordinal-group:2;
	box-ordinal-group:2;
}

#top #main #article {
	width: auto;
	padding: 0 10px;
	-moz-box-ordinal-group:3;
	-webkit-box-ordinal-group:3;
	box-ordinal-group:3;
}

/* ページの先頭へ */
#top #main .innerlink-head {
	display: none;
}

.structure {
	-moz-box-orient: vertical;
	-webkit-box-orient: vertical;
	-o-box-orient: vertical;
	-ms-box-orient: vertical;
	box-orient: vertical;
}

#sectionD { margin-left: 0px; }

}