* {
	margin: 0;
	padding: 0;
	font-size: 12px ;
	line-height: 1.4em;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}


html, body {
	background: #a1c7ea;
	color: #000;
	height: 100%;
}	
* html body {
	font-size: 100%;
}
*:first child+html body {
	font-size: 100%;
}


a {
	outline: 0;
}


a:link,
a:visited {
	font-weight: bold;
	font-size: inherit;
	color: #03c;
	}
a:hover {
	font-weight: bold;
	font-size: inherit;
	color:#8893b4;
	}
a:active {
	font-weight: bold;
	font-size: inherit;
	text-decoration: none;
	color: #6d2ea2;
	}


img {
    border: 0;
}



h1 {
	background: url(../template/h1.gif) repeat-x left bottom;
	line-height: 1.2;
	font-size: 160%;
	font-weight: bold;
	margin: 1em 0 0.3em 0;
	padding: 4px 3px;
}

h2 {
	background: url(../template/h2.gif) repeat-x left bottom;
	font-size: 120%;
	font-weight: bold;
	margin: 0.5em 0 0.4em 0;
	padding: 2px 3px;
	border-bottom: 1px solid #c1c3e4;
	border-left: 1px solid #c1c3e4;
	border-top: 1px solid #dae9f7;
	border-right: 1px solid #dae9f7;
}
h3 {
	font-size: 120%;
	font-weight: bold;
	line-height: 130%;
	color: #af4fa5;
	margin: 1em 0 6px 0;
	border-bottom: 4px double #999;
	padding: 0 2px;
}
h4 {
	font-size: 90%;
	margin: 1em 0 6px 0;
	border-bottom: 1px dotted #a1c7ea;
}
h1 .normal {
	margin: 0 0 2px 0;
	color: #4a559b;
	font-size: 60%;
}
.aka {
	color: #d31781;
	font-size: inherit;
	line-height: inherit;
	font-weight: inherit;
}
b {
	font-weight: bold;
}

hr {
	height: 0;
	border: 0;
	width: auto;
	display: block;
	clear: both;
	visibility: hidden;
}
hr.em {
	height: 1em;
}

p {
	margin: 0.5em 0 2em 0;
	font-size: inherit;
	line-height: inherit;
	font-weight: inherit;
}

.hidari {
	float: left;
	margin: 0 1em 0 0;
}
.migi{
	margin: 0 0 0 1em;
	float: right;
}


#wrapp {
	width: 978px;
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -141px;
}
#content {
	background: url(../template/whiteBG.gif) repeat-y center top;
	width: 978px;
	margin: 0 auto;
}
#header {
	background: url(../template/menuHeader.jpg) no-repeat center top;
	width: 970px;
	height: 310px;
	margin: 0 auto;
	position: relative;
}
#index {
	background: url(../template/header.jpg) no-repeat center top;
	width: 970px;
	height: 666px;
	margin: 0 auto;
	position: relative;
}
#index #flash {
	width: 970px;
	height: 666px;
	position: absolute;
	top: 0;
	left: 0;
}
#indexmenu {
	mardin: 0 auto;
	height: 33px;
	padding: 0 0 30px 0;
}
#indexmenu #menu {
	position: relative;
	top: 4px;
	left: -3px;
}

dl#whatsnew {
	width: 410px;
}
dl#whatsnew dt {
	margin: 0 0 0.5em 0;
	padding: 1em 0 0 0;
}
dl#whatsnew dd {
	margin: -2.1em 0 0 0;
	padding: 0.2em 0 0.2em 7em;
	border-bottom: #ccc dashed 1px;
}



#header img.headerLogo {
	position: absolute;
	top: 20px;
	right: 10px;
}



#header #menu {
	position: relative;
	top: 182px;
	left: 13px;
	height: 27px;
}
#menu img.news {
	position: absolute;
	top: 0px;
	left: 79px;
}
#menu img.onair {
	position: absolute;
	top: 0px;
	left: 155px;
}
#menu img.story {
	position: absolute;
	top: 0px;
	left: 277px;
}
#menu img.chara {
	position: absolute;
	top: 0px;
	left: 403px;
}
#menu img.staff {
	position: absolute;
	top: 0px;
	left: 549px;
}
#menu img.item {
	position: absolute;
	top: 0px;
	left: 622px;
}
#menu img.linkpage {
	position: absolute;
	top: 0px;
	left: 735px;
}

.tooltip {
	display: none;
	background: transparent url(../template/arrow_bottom.png) no-repeat;
	font-size: 12px;
	height: 41px;
	width: 144px;
	padding: 18px 0 0 0;
	color: #fff;
	font-weight: bold;
	text-align: center;
}
#menu img {
	border:0;
	cursor:pointer;
}

#pageTitle {
	position: absolute;
	top: 247px;
	left: 26px;
}
/*mainContent ----------------------------------*/


#mainContent {
	width: 919px;
	margin: 0 0 0 31px;
}

#mainContent2 {
	width: 500px;
	margin: 0 0 0 20px;
}

#indexContent {
	background: url(../template/indexBottombg.jpg) no-repeat center top;
	padding: 0 20px 0 20px;
}


#leftContent {
	width: 700px;
	float: left;
}
#indexContent #leftContent {
	width: 277px;
	float: left;
}
#centerContent {
	width: 428px;
	margin: 0 16px 0 10px;
	float: left;
}


#rightContent {
	float: right;
	width: 200px;
}
#indexContent #rightContent {
	float: left;
}


ul#rightBanner {
	list-style: none;
	text-align: center;
}
ul#rightBanner li {
}
#mainContentBottom {
	background: url(../template/bottomBg.gif) no-repeat center bottom;
	width: 978px;
	height: 40px;
	margin: 0 auto;
}
ul#footBanner {
	background: #a1c7ea;
	width: 978px;
	margin: 20px auto;
	list-style: none;
	text-align: center;
}
ul#footBanner li {
	display: inline;
}



#footer {
	background: url(../template/footerBg.jpg) no-repeat;
	width: 978px;
	margin: 0 auto;
	font-size: 90%;
	position: relative;
}
#footer, .push {
	height: 141px;
}

#footer img.footerLogo {
	position: absolute;
	top: 7px;
	left: 10px;
}

#footerMenu {
	position: absolute;
	top: 18px;
	left: 295px;
}
#footerMenu ul {
	list-style: disc;
	float: left;
	margin: 0 0 0 10px;
}
#footerMenu ul li {
	margin: 0 auto;
	margin: 0 0 0.2em 1.5em;
}
* html #footerMenu{
	left: 285px;
}



#copyright {
	font-size: 90%;
	position: absolute;
	bottom: 15px;
	left: 14px;
}
#return {
	position: absolute;
	bottom: 15px;
	right: 160px;
}
#return a {
	font-size: 90%;
	font-weight: normal;
}
/*----------------------------------*/

ul.news {
	list-style-type: none;
}
ul.news li {
	clear: right;
	display: block;
	padding: 20px 0 0 0;
}
*:first child+html ul.news li {
	padding: 0;
}
* html ul.news li {
	padding: 0;
}
.itemTitle {
	margin: 10px 0;
}
.return {
	border-top: 1px solid #a1c7ea;
	padding: 5px 0 0 0;
	font-size: 90%;
	text-align: right;
}

/*放送情報-----------------------------------------------------------------*/
ul.onair {
	list-style: none;
}
ul.onair li {
	padding: 0.3em 0 0.3em 4em;
}

/*ストーリー-----------------------------------------------------------------*/
p#story {
	line-height: 2;
	margin: 2em 0 2em 3em;
}
ul.storyIndex {
	list-style: none;
	height: 200px;
	margin: 0 0 10px 0;
}
*html ul.storyIndex {
	margin: 0;
}
ul.storyIndex li {
	float: left;
	width: 210px;
	height: 200px;
	clear: right;
	border: #ccc solid 1px;
	margin: 0 10px 0 0;
	padding: 0 0 0 1em;
	position: relative;
}
ul.storyIndex li.noMargin {
	margin: 0;
}
ul.storyIndex li.coming {
	background: url(../story/images/coming.gif) no-repeat center center;
}

ul.storyIndex div.photo {
	position: absolute;
	right: 2px;
	top: 2px;
	z-index: 1;
}
ul.storyIndex div.title {
	position: absolute;
	left: 2px;
	top: 136px;
	z-index: 2;
}
ul.storyIndex li a {
	width: 220px;
	height: 200px;
	display: block;
	position: absolute;
	right: 0px;
	top: 0px;
	z-index: 100;
	background: url(../images/blank.gif);
	cursor: pointer;
}
.storyClear {
	height: 1px;
	clear: both;
}





ul#capture {
	list-style: none;
}
ul#capture li {
	float: left;
}

dl.storyStaff {
	border-top: #ccc dotted 1px;
	margin: 0 0 3em 0;
}
dl.storyStaff dt {
	margin: 0 0 0.3em 0;
	padding: 0.5em 0 0 0;
	text-align: right;
	width: 8em;
}
dl.storyStaff dd {
	margin: -2.2em 0 0 0;
	padding: 0.4em 0 0 8em;
	border-bottom: #ccc dotted 1px;
}



#navbar {
	text-align: left;
	line-height: 28px;
	color: #8a93ae;
	font-weight: bold;
	background: url(../template/navbar.jpg);
	margin: 20px 0; 
	width: 698px;
	height: 33px;
}

#navbar dl {
	clear: right;
	margin: 0; 
}
#navbar dt {
	height: 28px;
	padding: 0 0 0 10px;
	line-height: 28px;
}
#navbar dd {
	float: right;
	margin: -28px 0 0 320px;
	text-align: right;
	padding: 0 10px 0 0;
	line-height: 28px;
}




/*スタッフキャスト-----------------------------------------------------------------*/
dl.staffcast {
	margin: 0 0 1.5em 0;
}
dl.staffcast dt {
	margin: 0 0 0.3em 0;
	padding: 0.5em 0 0 0;
	text-align: right;
	width: 17.5em;
}
dl.staffcast dd {
	margin: -2.2em 0 0 0;
	padding: 0.4em 0 0 17.5em;
	border-bottom: #ccc dotted 1px;
}
.kaigyo {
	padding: 0 0 0 1em;
}

/*商品情報-----------------------------------------------------------------*/
table.products {
	margin: 0 0 10px 0;
	padding: 0;
	width: 640px;
	border-top: 1px solid #ada1a2;
	border-left: 1px solid #ada1a2;
	border-collapse: collapse;
}
table.products tr,
table.products th,
table.products td {
	vertical-align: top;
	background: #fff;
	border-bottom: 1px solid #ada1a2;
	border-right: 1px solid #ada1a2;
	padding-left: 0.5em;
}
table.products .blue {
	background: #00CCFF;
}
table.products .pink {
	background: #FF99FF;
}
table.products .orange {
	background: #FFAA00;
}
table.products .row {
	vertical-align: middle;
	text-indent: 0em;
	padding-left: 0.5em;
}



/*リンク-----------------------------------------------------------------*/
ul.linkbanner {
	list-style: none;
}
ul.linkbanner li {
	clear: right;
	border-bottom: #ccc solid 1px;
	margin: 0 0 1em 0;
	padding: 1em 0;
}
ul.linkbanner li h3 {
	border: none;
	background: #e8e3f3;
	padding: 5px 0 2px 2px;
	margin: 0;
}
ul.linkbanner li .banner {
	margin: 0 0 0 1em;
	float: right;
}



