@charset "utf-8";

/*------------------------------------------------
index.css
2010/04/13
今昔道
------------------------------------------------*/

/* default style reset
------------------------------------------------*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,
pre,form,fieldset,input,textarea,p,blockquote,th,td,hr {
	margin: 0;
	padding: 0;
}
html {
	overflow-y: scroll;
}
h1,h2,h3,h4,h5,h6 {
	font-size: 100%;
	font-weight: normal;
}

p {
	margin: 0 0 1.0 0;
}
ol,ul {
	list-style: none;
}
fieldset,
img,
abbr,
acronym {
	border: 0;
}
/*table {
	border-collapse: collapse;
	border-spacing: 0;
}*/
caption,th {
	text-align: left;
}
address,caption,cite,code,dfn,em,strong,th,var {
	font-style: normal;
	font-weight: normal;
}
q:before,
q:after {
	content:'';
}
hr {
	display: none;
}


/* common
------------------------------------------------*/
body {
	color:#222;
	background-color: #f0e0b4;
}

div#container {
	margin: 0 auto;
	text-align: center;
	background-color: #f0e0b4;
	background:url(../images/bg.jpg) repeat-y center top;
	padding:15px 0 15px 0;
}

div#flashArea {
	margin: 0;
}

#topmenu {
	width:990px;
	padding-bottom:25px;
	margin:0 auto;
}

#topmenu ul{
	background:url(../images/topmenu.jpg) no-repeat;
	margin:10px 0 0 25px;
	height:53px;
	clear:both;
	position: relative;
}
#topmenu li{
	position: absolute;
}
#topmenu li a{
	display:block;
	height:53px;
	text-indent:-9999px;
	overflow:hidden;
}


#topmenu li.menu01{width:228px;left:0px;}	
#topmenu li.menu02{width:228px;left:232px;}	
#topmenu li.menu03{width:228px;left:464px;}	
#topmenu li.menu04{width:228px;left:697px;}	


#topmenu li.menu01 a:hover,#topmenu li.menu01 a.crr{
	background:url(../images/topmemu01.jpg) no-repeat;
	}
#topmenu li.menu02 a:hover,#topmenu li.menu02 a.crr{	
	background:url(../images/topmemu02.jpg) no-repeat;
	}
#topmenu li.menu03 a:hover,#topmenu li.menu03 a.crr{
	background:url(../images/topmemu03.jpg) no-repeat;
	}
#topmenu li.menu04 a:hover,#topmenu li.menu04 a.crr{
	background:url(../images/topmemu04.jpg) no-repeat;
	}






div#container h1 {
	position: absolute;
	top: 0; left: 0;
	width: 100%;
	font-size: 0.66em;
	text-align: center;
	text-indent: -9999px;
}
div#container h2 {
	margin-bottom: 26px;
}
div#container h3 {
	margin-bottom: 13px;
	line-height:1.6em;
	padding-left:10px;
}

div#container p {
	color: #222;
	font-size: 14px;
	text-align: left;
	line-height: 1.5;
}

.back2 p {
	padding-bottom:1.5em;
}

div#container div.mainBlock {
	width: 903px;
	margin: 0 auto 28px;
	background:url(../images/yokoku_bg.jpg) repeat-y top left;
	text-align: center;
}
div#container div.innerBlock1st {
	background:url(../images/yokoku_ttl.jpg) no-repeat top left;
}
div#container div.innerBlock2nd {
	padding: 35px 0 0 20px;
	background:url(../images/yokoku_footer.jpg) no-repeat bottom left;
	text-align: left;
}
div#container div.innerBlock2nd ul {
}
div#container div.innerBlock2nd ul li {
    display:table-cell; 	/* for Modern Browser */
    *display:inline; 	/* for IE */
    *zoom:1; 	/* for IE */
	vertical-align: top;
}
div#container div.innerBlock2nd li img.first {
	margin-left: 0;
}
div#container div.innerBlock2nd li img {
	vertical-align: top;
	margin-left: 13px;
}

div#container div.innerBlock2nd div.mainTxtIndex,
div#container div.innerBlock2nd div.mainTxt {
	width:653px;
}
div#container div.innerBlock2nd div.mainTxtIndex {
	position: relative; top:-72px; left:0;
}
div#container div.innerBlock2nd div.mainTxt {
	position: relative; top:-72px; left:148px;
}

div#container div.innerBlock2nd div.mainTxt02 {
	width:603px;
}
div#container div.innerBlock2nd div.mainTxt02 {
	position: relative; top:-90px; left:208px;
}

div#container div.innerBlock2nd div.mainTxt05 {
	width:800px;
}
div#container div.innerBlock2nd div.mainTxt05 {
	position: relative; top:15px; left:0;
	padding-bottom: 45px;
}


div#container div.mainBlock2 {
	width: 903px;
	margin: 0 auto 28px;
	text-align: center;
	background:transparent url(../images/bg02.gif) repeat-y 0 0;
}

div#container div.innerBlocknaiyo {
	background:url(../images/naiyo.jpg) no-repeat top left;
}
div#container div.innerBlocknaiyo2 {
	padding: 0;
	background:url(../images/footer02.jpg) no-repeat bottom left;
	text-align: left;
}

/*概要部分*/

div#container div.mainBlock3 {
	width: 903px;
	margin: 0 auto 28px;
	text-align: center;
	background:transparent url(../images/bg02.gif) repeat-y 0 0;
}

div#container div.innerBlockgaiyo {
	background:url(../images/gaiyo.jpg) no-repeat top left;
}
div#container div.innerBlockgaiyo2 {
	padding: 0;
	background:url(../images/footer02.jpg) no-repeat bottom left;
	text-align: left;
}


/*バックナンバー*/

div#container div.mainBlock4 {
	width: 903px;
	margin: 0 auto 28px;
	text-align: center;
	background:transparent url(../images/bg02.gif) repeat-y 0 0;
}

div#container div.innerBlockback {
	background:url(../images/backnumber.jpg) no-repeat top left;
}
div#container div.innerBlockback2 {
	padding: 0;
	background:url(../images/footer02.jpg) no-repeat bottom left;
	text-align: left;
}

/*放送予定*/

div#container div.mainBlock5 {
	width: 903px;
	margin: 0 auto 28px;
	text-align: center;
	background:transparent url(../images/bg02.gif) repeat-y 0 0;
}

div#container div.innerBlockyotei {
	background:url(../images/yotei.jpg) no-repeat top left;
}
div#container div.innerBlockyotei2 {
	padding: 0;
	background:url(../images/footer02.jpg) no-repeat bottom left;
	text-align: left;
}

/*放送予定*/

div#container div.mainBlock6 {
	width: 903px;
	margin: 0 auto 28px;
	text-align: center;
	background:transparent url(../images/bg02.gif) repeat-y 0 0;
}

div#container div.innerBlockkeijiban {
	background:url(../images/keijiban.jpg) no-repeat top left;
}
div#container div.innerBlockkeijiban2 {
	padding: 0;
	background:url(../images/footer02.jpg) no-repeat bottom left;
	text-align: left;
}



div#container div.c-area{
	width:800px;
	height:195px;
	margin:0 auto;
	padding:15px 0 0 0;
}

div#container div.banner{
	width:860px;
	margin:0 auto;
	padding:10px 0 15px 0;
	text-align:left;
}	
	

div#container div.yokoku_ph{
	float: left;
	width:205px;
	padding-top:5px;
}

div#container div.yokoku_ttl{
	float:right;
	width:565px;
	padding-left: 15px;
	padding-top:5px;
}

div#container div.yokoku_ttl h3{
	font-weight:bold;
	font-size:18px;
	background:transparent url(../images/line_ttl.gif) no-repeat 0 bottom;
}


div#container div.yokoku_ttl p{
	font-size:16px;
	margin:0 auto;
}

div#container div.yokoku_btn{
	float:right;
	padding-right:15px;
	margin-top:15px;
}

div#container div.yokoku_btn img{
	padding-right:10px;
}


div#container div.naiyo{
	width:800px;
	margin:0 auto;
	padding:80px 0 0 0;
}	


div#container div.naiyo h3{
	padding-bottom:5px;
	font-weight:bold;
	font-size:18px;
	background:transparent url(../images/line_ttl2.gif) no-repeat 0 bottom;
}


div#container div.naiyo p{
	font-size:16px;
	margin:0 auto;
	line-height: 1.5;
	padding:10px 0 0 15px;
}

div#container div.naiyo_btn{
	float:right;
	padding-right:80px;
	padding-top:70px;
}

div#container div.gaiyo{
	width:800px;
	margin:0 auto;
	padding:80px 0 0 0;
}

div#container div.gaiyo p{
	font-size:17px;
	font-weight:bold;
	margin:0 auto;
	line-height: 1.6;
	padding:10px 0 0 15px;
}

#container div.gaiyo_eharaphoto{
	width:120px;
	float:left;
	margin-left:25px;
}

div#container div.gaiyo_ehara{
	width:640px;
	float:right;
	font-size:18px;
	font-weight:bold;
	color:#660000;
	margin-top:5px;
}

div#container div.back{
	width:800px;
	margin:0 auto;
	padding:80px 0 0 0;
}	


div#container div.back h3{
	font-weight:bold;
	font-size:18px;
	padding-bottom:5px;
	background:transparent url(../images/line_ttl2.gif) no-repeat 0 bottom;
	padding-left:20px;
}

div#container div.back2 {
	width:800px;
	margin:0 auto;
	padding:80px 0;
}
	
div#container div.back2 h3{
	font-weight:bold;
	font-size:18px;
	padding-bottom:10px;
	background:transparent url(../images/line_ttl2.gif) no-repeat 0 bottom;
	padding-left:20px;
}

div#container div.back2_btn{
	float:right;
	padding-right:20px;
	padding-bottom:10px;
}







/* backnumber
------------------------------------------------*/

body#backnumber dl,
dl.backList {
	width: 775px;
	height: 31px;
	margin: 18px 0 0 0;
	border-bottom:1px solid #826a2c;
	background: url(../images/icon_backnumber.jpg) no-repeat top left;
	color: #f3ffa4;
	font-size: 18px;
}
body#backnumber dl.top {
	margin: 0 0 0 0;
}

body#backnumber dl dt {
}
body#backnumber dl dd {
	margin-left: 3.0em;
	line-height: 1.6em;
}
dl.backList dt {
	float: left;
	padding-left: 46px;
	line-height: 1.6em;
}
dl.backList dd {
	margin-left: 16.0em;
	line-height: 1.6em;
}

body#backnumber div#container div.innerBlock2nd {
	padding-bottom: 150px;
}

body#backnumber dl a,
dl.backList a {
	color: #f3ffa4;
}

body#backnumber dl a:hover,
dl.backList a:hover {
	color:#dcb04a;
	text-decoration:underline;
}


div.backDetailBtn {
	position: relative;
	top: -35px;
	margin-right: 55px;
	text-align: right;
}
div.backDetailBtnLow {
	text-align: right;
	position: relative;
	top: -20px;
}
div.backDetailBtnLow02 {
	text-align: right;
}

/* backnumber ad krym
------------------------------------------------*/
dl.backnumberList {
	clear: both;
	margin: 10px 0 0 0;
	padding: 0 0 0 0;
	height: 36px;
	background: url(../images/line_ttl2.gif) no-repeat bottom left;
	font-size: 18px;
}
dl.backnumberList dt {
	float: left;
}
dl.backnumberList dd {
	float: right;
}
dl.backnumberList span {
	margin-right: 2.0em;
	font-weight: bold;
}
dl.backnumberList span.spacing02 {
	margin-right: 2.6em;
}

/* header
------------------------------------------------*/

#wrapper{
		width:100%;
}

/* 中ページメニュー
------------------------------------------------*/

#header {
	width:1000px;
	height:197px;
	margin:0 auto;
	background:url(../images/title.jpg) center top no-repeat;
}

#header h1 {
	position: absolute;
	top: 0; left: 0;
	width: 100%;
	font-size: 0.66em;
	text-align: center;
	text-indent: -9999px;
}

#header ul{
	height:44px;
	clear:both;
	position: relative;
}

#header li{
	position: absolute;
}
#header li a{
	display:block;
	height:44px;
	text-indent:-9999px;
	overflow:hidden;
}


#header li.menu01{width:182px;left:38px; top:153px;}	
#header li.menu02{width:182px;left:223px; top:153px;}	
#header li.menu03{width:182px;left:408px; top:153px;}	
#header li.menu04{width:182px;left:593px; top:153px;}	
#header li.menu05{width:182px;left:778px; top:153px;}	

#header li.menu01 a:hover,#header li.menu01 a.crr{
	background:url(../images/menu01.jpg) no-repeat;
	}
#header li.menu02 a:hover,#header li.menu02 a.crr{	
	background:url(../images/menu02.jpg) no-repeat;
	}
#header li.menu03 a:hover,#header li.menu03 a.crr{
	background:url(../images/menu03.jpg) no-repeat;
	}
#header li.menu04 a:hover,#header li.menu04 a.crr{
	background:url(../images/menu04.jpg) no-repeat;
	}
#header li.menu05 a:hover,#header li.menu05 a.crr{
	background:url(../images/menu05.jpg) no-repeat;
	}

/* footer
------------------------------------------------*/
div#footer {
	padding-bottom: 8px;
	margin-top:15px;
}

table#footer-col-btm_02 a {
	color: #333;
}

/* clearfix
------------------------------------------------*/
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.clearfix {
	display: inline-table;
	min-height: 1%;
}
/* Hides from IE-mac \*/
* html .clearfix {
	height: 1%;
}
.clearfix {
	display: block;
}
/* End hide from IE-Mac */