/* CSS Document */
body{
	margin:0px;
	padding:0px;
	text-align: center;
	line-height:140%;
	font-size:100%;
	_font-size: 14px;
	margin: 0;
	padding: 0px;
	_padding:15px auto;
	background:url(../images/sitetop_bg.jpg) repeat;
/*	background-color:#ed7c20;
	background-color:#e77000;
	background-color:#f06900;
	background-color:#f7b72a;*/
	
	-webkit-text-size-adjust: none;　/* iPhoneで文字が大きくなるのを防ぐ */
}

div#bodyContent{
	font-family:"ヒラギノ角ゴ Pro W3","平成角ゴシック","Hiragino Kaku Gothic Pro","メイリオ","ＭＳ Ｐゴシック",Osaka,sans-serif;
	width:760px;
	background-color:#ffffff;
	margin: 15px auto 5px auto;
	padding: 0px;
	text-align:center;
}

div#bodyContent div#maincontent {
	width:758px;
/*	height:488px;
*/	margin: 0;
	padding: 0;
	text-align:left;
	background-color:#f7b72a;
	border:1px solid #ffffff;
}

div#bodyContent div#maincontent div#rooster{
	float: left;
	margin:5px auto 15px 25px;
	_margin:24px auto 15px 20px;
	padding:10px;
	width:315px;
	border:3px double #ffffff;
	background-color:#e77000;
	
}
div#bodyContent div#maincontent div#north{
	float: right;
	margin:5px 25px 15px auto;
	_margin:24px 20px 15px auto;
	padding:10px;
	width:315px;
	border:3px double #ffffff;
	background-color:#e77000;
}

div#rooster a:link{color:#ffffff;}
div#rooster a:visited{color:#ffffff;}
div#rooster a:hover{color:#cc0000;}
div#rooster a:active{color:#ffff00;}
div#north a:link{color:#ffffff;}
div#north a:visited{color:#ffffff;}
div#north a:hover{color:#006600;}
div#north a:active{color:#ffff00;}

h1{
text-indent: -9999px;
background:url(../images/com_title.png) no-repeat 0 0;
_background:url(../images/com_title.gif) no-repeat 0 0;
width:640px;
height:120px;
margin:-15px 10px 0px -20px;
}
h2{
margin:0;
padding:0;
}

h2 a{
display:block;
text-indent:-9999px;
margin:0;
padding:0;
/*\*/
   overflow: hidden; /*点線枠とか防止*/
/**/
}
div#rooster h2 a{
background:url(../images/com_logo_main.png) 0 0 no-repeat;
_background:url(../images/com_logo_main.gif) 0 0 no-repeat;
width:219px;
height:50px;
}
div#rooster h2 a:hover{
background:url(../images/com_logo_main.png) 0 -50px no-repeat;
_background:url(../images/com_logo_main.gif) 0 -50px no-repeat;
}
div#rooster h2 a:active{
background:url(../images/com_logo_main.png) 0 -100px no-repeat;
_background:url(../images/com_logo_main.gif) 0 -100px no-repeat;
}
div#north h2 a{
background:url(../images/com_logo_north.png) 0 0 no-repeat;
_background:url(../images/com_logo_north.gif) 0 0 no-repeat;
width:89px;
height:50px;
color:#ffffff;
}
div#north h2 a:hover{
background:url(../images/com_logo_north.png) 0 -50px no-repeat;
_background:url(../images/com_logo_north.gif) 0 -50px no-repeat;
}
div#north h2 a:active{
background:url(../images/com_logo_north.png) 0 -100px no-repeat;
_background:url(../images/com_logo_north.gif) 0 -100px no-repeat;
}

/* スライドショーnoscript */
noscript p a {
	position:relative;
	width:100%;
	height:auto;
	overflow: hidden;
}

noscript p a img {
	top:0px;
	left:0px;
	width:100%;
	margin:10px 0 10px 0;
}


.small{
font-size:0.8em;
color:#ffffff;
}
.smaller{
font-size:0.7em;
color:#ffffff;
line-height:1.1em;
}
#ad{
font-size:1px;
height:4px;
border: 1px solid #ffffff;
margin:0;
padding:0;
}

address{
clear:both;
margin:0px auto;
width:760px;
text-align:right;
font-size:14px;
color:#ffffff;
display: block;
}


/* floatが親ボックスの外にはみ出す現象を回避（ここから） */
div#bodyContent #maincontent:after {
 content:".";
 height:0px;
 clear:both;
 display: block;
 visibility:hidden;
}
div#bodyContent #maincontent #rooster:after {
 content:".";
 height:0px;
 clear:both;
 display: block;
 visibility:hidden;
}
div#bodyContent #maincontent #north:after {
 content:".";
 height:0px;
 clear:both;
 display: block;
 visibility:hidden;
}
div#bodyContent #maincontent #twitterbox:after {
 content:".";
 height:0px;
 clear:both;
 display: block;
 visibility:hidden;
}

*:first-child+html #maincontent/*IE7用*/{
 display:inline-block;
}
*:first-child+html #rooster/*IE7用*/{
 display:inline-block;
}
*:first-child+html #north/*IE7用*/{
 display:inline-block;
}
*:first-child+html #twitterbox/*IE7用*/{
 display:inline-block;
}
/* floatが親ボックスの外にはみ出す現象を回避（ここまで） */

/*バナー
-----------------------------------------------------*/

div#bodyContent div#maincontent ul#banner {
	margin:20px auto 10px auto;
	_margin:9px;
	padding:0;
	height:86px;
	width:740px;
	_width:738px;
	background:url(../images/banner_sitetop.gif) -1px -172px no-repeat;
	list-style-type:none;
	clear:both;
}

div#bodyContent div#maincontent ul#banner li  {
	margin:0;
	padding:0;
	display: inline;/* duplicated for IE 5/Win */
	list-style-type: none;/* duplicated for IE 5/Win */
	float: left;
}
div#bodyContent div#maincontent ul#banner a {
	text-decoration:none;
	text-indent: -9999px;
	display: block;
	height: 86px;
	font-size:9px;
	line-height:1em;
/*\*/
   overflow: hidden; /*点線枠とか防止*/
/**/
}
div#bodyContent div#maincontent ul#banner li a#podcast {
	left: 1px;
	width: 187px;
	height: 86px;
}
div#bodyContent div#maincontent ul#banner li a#promusician {
	left: 192px;
	width: 187px;
	height: 86px;
	margin-left:4px;
}
div#bodyContent div#maincontent ul#banner li a#books {
	left: 383px;
	width: 187px;
	height: 86px;
	margin-left:4px;
}
div#bodyContent div#maincontent ul#banner li a#twitter {
	left: 574px;
	width: 80px;
	height: 86px;
	margin-left:4px;
}
div#bodyContent div#maincontent ul#banner li a#facebook {
	left: 659px;
	width: 80px;
	height: 86px;
	margin-left:5px;
}
div#bodyContent div#maincontent ul#banner li a#podcast:hover {
	background: url(../images/banner_sitetop.gif) -1px -86px no-repeat;
}
div#bodyContent div#maincontent ul#banner li a#promusician:hover {
	background: url(../images/banner_sitetop.gif) -192px -86px no-repeat;
}
div#bodyContent div#maincontent ul#banner li a#books:hover {
	background: url(../images/banner_sitetop.gif) -383px -86px no-repeat;
}
div#bodyContent div#maincontent ul#banner li a#twitter:hover {
	background: url(../images/banner_sitetop.gif) -574px -86px no-repeat;
}
div#bodyContent div#maincontent ul#banner li a#facebook:hover {
	background: url(../images/banner_sitetop.gif) -659px -86px no-repeat;
}
div#bodyContent div#maincontent ul#banner li a#podcast:active {
	background: url(../images/banner_sitetop.gif) -1px 0px no-repeat;
}
div#bodyContent div#maincontent ul#banner li a#promusician:active {
	background: url(../images/banner_sitetop.gif) -192px 0px no-repeat;
}
div#bodyContent div#maincontent ul#banner li a#books:active {
	background: url(../images/banner_sitetop.gif) -383px 0px no-repeat;
}
div#bodyContent div#maincontent ul#banner li a#twitter:active {
	background: url(../images/banner_sitetop.gif) -574px 0px no-repeat;
}
div#bodyContent div#maincontent ul#banner li a#facebook:active {
	background: url(../images/banner_sitetop.gif) -659px 0px no-repeat;
}
div#bodyContent div#maincontent div#twitterbox{
	clear:both;
	float:left;
	margin-left:9px;
	margin-bottom:10px;
	width:366px;
	padding:0;
}
div#bodyContent div#maincontent div#fbbox{
	float:left;
	margin-left:4px;
	margin-bottom:10px;
	width:366px;
	padding:0;
	background-color:#ffffff;
	height:500px;
}


div#bodyContent div#maincontent div#jishin{
clear:both;
border:2px solid #cc0000;
padding:0 10px;
margin:0px auto;
width:680px;
text-align:left;
font-size:14px;
color:#663300;
display: block;
}

div#bodyContent div#maincontent div.disaster{
clear:both;
border:2px solid #cc0000;
background-color:#FFFFFF;
padding:0 10px;
margin:0px auto;
width:680px;
text-align:left;
font-size:14px;
color:#663300;
display: block;
}