/** Base ***************************************************/
body {
	margin: 0px 0px;
	width: 100%;
	height: auto;
	text-align: center;
	font-size: 95%;
	background-image: url("../image/background.jpg");
	background-repeat: no-repeat;
	background-position: right bottom;
	background-attachment: fixed;
}
body#top{
	background-image: none;
}

a:hover{
  cursor: pointer;
}

img{border: 0px;}

#body{}

#frame {
	text-align: left;
	width: 780px;
	margin-left: auto;
	margin-right: auto;
}
#header{
	font-size: 14px;
	text-align: right;
}
#footer{
	margin-top: 15px;
	padding-right: 5px;
	font-size: 11px;
	text-align: right;	
	border-top: 1px solid;
	padding-bottom: 20px;
}
#container{
	min-height: 490px;
    height: auto !important;  
	height: 490px;
}
div.content{
	/*width: 550px;*/
	padding: 0px;
	margin: 0px;
}

/** Common parts *******************************************/
div.div-inner{width: 100%;}
.item_separator{
	border-width: 0px 0px 1px 0px;
	border-style: dashed;
}
.invalidlink {text-decoration: line-through;}
.nolink{text-decoration: line-through;}
.text-right{text-align: right;}
.text-center{text-align: center;}
.text-large{font-size: 120%;}
.text-bold{font-weight: bolder;}
.first-letter:first-letter{}
.float-container{
	width:100%;
	overflow: auto;
}
.float-right{float: right;width:auto;}
.float-left{float: left;width:auto;}
.float-clear{
	clear: both;
}
.image-rightside{padding: 5px;}
.ruby{}

/** Regular ************************************************/

.regular_header{
	background-image: url("../image/regular_header.jpg");
	width: 780px;
	height: 130px;
}
.content_title{
	height: 40px;
	margin-left: 30px;
	margin-right: 10px;
	background-position: left bottom;
	background-repeat: no-repeat;
	border-bottom: 1px solid;
}
.content_title_sub{
	margin-left: 30px;
	margin-right: 10px;
}
.content_body{
	padding-top: 10px;
}

.category_title{
	margin-top: 10px;
	margin-left: 30px;
	margin-right: 10px;
	padding-left: 5px;
	border-left: 2px dashed;
	font-size: 100%;
	font-weight: bolder;
}

div.entry{
	margin-left: 30px;
	margin-right: 10px;
	margin-bottom: 20px;
}
.entry_body{
	padding-left: 10px;
	padding-top: 3px;
}

.entry_title{
	width: 100%;
	margin-top: 15px;
	border-bottom: 1px dashed;
	font-weight: bolder;
	background-image: url("../image/entryicon.jpg");
	background-repeat: no-repeat;
	background-position: right bottom;
}
.entry_noicon{
	background-image: url("");
}
.entry_update{
	width: 100%;
	font-size: 80%;
}
.entry_subtitle{
	width: 100%;
	font-size: 80%;
}

/** Top ****************************************************/
#hotlink{
	height: 320px;
}
.hotlink_body{
	/*padding-left: 50px;*/
	padding-left: 42px;
	padding-top: 160px;
	/*padding-top: 230px;*/
}
#topics{
	/*padding: 340px 480px 0px 45px;*/
	padding-left: 45px;
	padding-top: 0px;
	/*float: left;*/
}

#top #header{
	background-image: url("../image/main_header.jpg");
	width: 780px;
	height: 30px;
	background-repeat: no-repeat;
}

#top .topimg{
	background-image: url("../image/main.jpg");
	width: 780px;
	height: 480px;
	background-repeat: no-repeat;
}

#left-side {
	width: 260px;
	float: left;
}

#hotcontent{
	float: right;
	/*padding-top: 300px;
	padding-right: 15px;*/
	padding-top: 350px;
	padding-right: 40px;
}

#hotcontent .movie_content_entry{
	width: 258px;
	height: 174px;
	background-image: url("../image/main_pmframe.jpg");
	background-repeat: no-repeat;
	background-position: top left;
	padding-left: 1px;
}
.information_entry{
	float: left;
	width: 440px;
	height: 125px;
	background-image: url("../image/hotinfo_base.jpg");
	background-position: left bottom;
	background-repeat: no-repeat;
}
a:hover .information_entry {
	background-image: url("../image/hotinfo_over.jpg");
}


#top .hotcontent_entry{
	font-size: 75%;
}
.hotlink_entry .movie_content{
	background-image: url("../image/hotlink_pmframe.jpg");
	background-repeat: no-repeat;
	background-position: top left;
	width: 221px;
	height: 153px;
}


.info{
	width: 205px;
	height: 155px;
	overflow: auto;
}
.info .header{
	font-family: serif;
	font-weight: bolder;
}

.info .body{
	overflow:auto;
	padding-left: 5px;
}
.info .entry{
	font-size: 80%;
	padding: 5px 10px;
	margin: 0px;
}



/** Story **************************************************/

.kiyo_speak{text-align: center;}


/** Character **********************************************/
#character .character-intro .entry_title{
	width: 213px;height: 40px;
	border-bottom: 0px dashed;
}
#character .character-intro .entry_title .name_common{background-repeat: no-repeat;float:left;width: 213px;height: 40px;}
#character .character-intro .entry_title .kiyoname{background-image: url("../image/chara/kiyoname.jpg");}
#character .character-intro .entry_title .bername{background-image: url("../image/chara/bername.jpg");}
#character .character-intro .entry_body .charaimage_common{background-repeat: no-repeat;width: 450px;height: 315px;}
#character .character-intro .entry_body .kiyoimage{background-image: url("../image/chara/kiyoimage.jpg");}
#character .character-intro .entry_body .berimage{background-image: url("../image/chara/berimage.jpg");}
#character .character-intro .entry_body{border-bottom: 1px dashed;}
#character .character-intro .kiyo_speak{text-align: center;}

/** item *******************************************/

#item .auth-list dt{
	float: left;
	width: 80px;
	clear: both;
}

/** Event *******************************************/
#event .auth-list dt{
	float: left;
	width: 80px;
	clear: both;
	padding-left: 10px;
}
#event .cast-list dt{
	float: left;
	width: 200px;
	clear: both;
	padding-left: 10px;
}
#event .attention{
	font-size: smaller;
	margin-left: 5px;
	margin-right: 5px;
}

#event .pickup{
/**	background-color: #FFFFDD;*/
	background-image: url("../image/newitem.jpg");
	background-repeat: no-repeat;
	background-position: right top;
}

/** Link ********************************************/
#link .owner_name{
	font-weight: normal;
}

/** Product *****************************************/
#product div.content{
	width: 100%;
}
#product .maincast dt, #product .maincast dd, #product dt.maincast, #product dd.maincast{
	font-weight: bolder;
}
#product .cast-list dt{
	float: left;
	width: 200px;
	clear: both;
}

#product .story-list dt{
	font-weight: bolder;
	padding-top: 5px;
}

/** Special **********************************************/
#special .auth-list{
	margin-top: 5px;
}
#special .auth-list dt{
	float: left;
	width: 80px;
	clear: both;
}

#special .movie_content{}


/** ContentsTitle Area *************************************/
#story .content_title{background-image: url("../image/fonts/story.jpg");}
#character .content_title{background-image: url("../image/fonts/character.jpg");}
#event .content_title{background-image: url("../image/fonts/event.jpg");}
#item .content_title{background-image: url("../image/fonts/item.jpg");}
#special .content_title{background-image: url("../image/fonts/special.jpg");}
#link .content_title{background-image: url("../image/fonts/link.jpg");}
#product .content_title{background-image: url("../image/fonts/product.jpg");}
#c79information .content_title{background-image: url("../image/fonts/c79information.jpg");}
#campaign .content_title{background-image: url("../image/fonts/campaign.jpg");}
#ss-valentin .content_title{background-image: url("../image/fonts/ss-valentin.jpg");}

/*** Bannar ***********************************************/
div.banner_entry{
	/* padding: 3px 10px; */
}
div.banner_message{
	font-size: 70%;
}
div.banner_title{
	font-size: 80%;
}
div.banner_info{
	margin-bottom: 10px;
	padding-left: 5px;
	border-left: 2px dashed;
	font-size: 100%;
	font-weight: bolder;
}
div.banner_url{
	font-size: 70%;
}

div.adbanner{}
div.banner_html{
	margin: 0px;
	margin-bottom: 10px;
	padding: 0px;
	border-width: 1px 1px 1px 1px;
	border-style: dashed;
	font-size: 80%;
}
div.banner_html textarea{
	width: 100%;
	height: auto !important;
	height: 7.5em;
	border: 0px;
	margin: 0px;
	padding: 0px;
	font-size: 80%;
}

.kiyoad_banner{
	padding-top: 5px;
	text-align: center;
}

.float-container div.banner_entry{
	padding-right: 15px;
}

/** Navication Area ****************************************/
#navigation{
	background-image: url("../image/navigation/navi_base.jpg");
	width: 780px;
	height: 50px;
}

.menu{
	margin: 0px 0px 0px 40px;
}

.menu a{text-decoration: none;} /* Unvalid underline for IE*/
.menu_common{
	float: left;
	width: 100px;
	height: 50px;
	background-repeat: no-repeat;
	border: 0px;margin: 0px;padding: 0px;
}

a:hover span.menu_top{background-image: url("../image/navigation/navi_top_on.jpg");}
a:hover span.menu_story{background-image: url("../image/navigation/navi_story_on.jpg");}
a:hover span.menu_character{background-image: url("../image/navigation/navi_character_on.jpg");}
a:hover span.menu_event{background-image: url("../image/navigation/navi_event_on.jpg");}
a:hover span.menu_item{background-image: url("../image/navigation/navi_item_on.jpg");}
a:hover span.menu_special{background-image: url("../image/navigation/navi_special_on.jpg");}
a:hover span.menu_link{background-image: url("../image/navigation/navi_link_on.jpg");}


/** Shinobi ************************************************/
.shinobi{
	/** visibility: hidden; */
}

/** Coloring ***********************************************/
.content_title{border-color: #AAAAAA;}
#footer{border-color: #AAAAAA;}
.entry{border-color: #AAAAAA;}
.entry_title{border-color: #AAAAAA;}
.first-letter:first-letter{color:#FFAA33;}
.category_title{border-color:#AAAAAA;}
#character .character-intro .entry_body{border-color:#AAAAAA;}
textarea{border-color:#000000;}