@charset "utf-8";
/*===================================================

目次
1:リセット
2:共通スタイル
3:グローバルレイアウト
4:ヘッター
5:フッター
6:初めのCSS 
7:共通下層タイトル

=====================================================*/


/* 1:リセット ---------------------------------------*/ 
* {
	margin: 0px;
	padding:0px;
	font-size: 12px;
	line-height: 20px;
	color: #666;
}

body {
	font-family: Verdana, "ＭＳ Ｐゴシック", sans-serif;
	background: url(../img/common/bg/all.gif);
}
a {
	text-decoration: none;
}
/* 2:共通スタイル -----------------------------------*/

img {
	vertical-align: bottom;
	border: none;
}

.clr {
	clear: both;
}

.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
	font-size: 0;
	line-height: 0;
}

.clearfix {
	display: inline-block;
}

* html .clearfix {
	height: 1%;
}

.clearfix {
	display: block;
}

ul {
	list-style-type: none;	
}

ul li a {
	text-decoration: none;
}
.clr {
	clear: both;	
}

.iepngfix {  
     behavior: expression(IEPNGFIX.fix(this));
}  

/* 3:グローバルレイアウト ---------------------------*/
#allContainer {
	width: 913px;
	margin: 0px auto;
	background: url(../img/common/bg/frill.gif) repeat-y;
}
#blockInnerContainer {
	width: 800px;
	margin: 0px auto;
}
#top #blockInnerContainer {
	width: 800px;	
}
#top #blockContent,#top #footerBannerBox,#top #blockCommonFooter {
	width: 763px;
	margin: 0px auto;
}
#blockLeftContent {
	width: 575px;
	float: left;
}
#blockRightContent {
	width: 188px;
	float: right;
}
#blockLeftContent #firstColumn {
	width: 220px;
	float: left;
}

#blockLeftContent #secondColumn {
	width: 355px;
	float: right;
}
#blockEachContent {
	position: relative;
	width: 761px;
	margin: 45px auto 20px;
}

#contentsInner {
	background: url(../img/waku/up.png) left top no-repeat;
	padding-top: 64px;
}

#contents {
	width: 761px;
	background: url(../img/waku/repeatwaku.gif) repeat-y;
}

#sideWakuWrapper {
	background: url(../img/waku/bottom.png) left bottom no-repeat;
	padding-bottom: 44px;
}

#no_block span {
	display: none;
}
/* 4:ヘッター ---------------------------------------*/

h1 {
	width: 	347px;
	height: 71px;
	background: url(../img/common/logo.png) no-repeat;
	float: left;
}
h1 a {
	width: 	347px;
	height: 71px;
	display: block;
}
h1 a span {
	display: none;	
}
#blockHeader {
	padding-top: 5px;
	width: 754px;
	margin: 0px auto;
}

#personinfo {
	background: url(../img/common/bg/headertitle_long.png) no-repeat;
	width: 355px;
	height: 28px;
	float: right;
	margin-top: 30px;
	padding-top: 4px;
	padding-left: 10px;
	
}

#blockHeaderEachFlash {
	width: 754px;
	margin: 0px auto;
}

/* 5:フッター ---------------------------------------*/


#footerBannerInner li {
	display: inline;
	background: url(../img/top/bg/bottom_link_arrow1.gif) left 5px no-repeat;
}

#footerBannerInner li a {
	line-height: 20px;
/*	font-size: 11px;*/
	color: #3e3a39;
	margin: 0 8px 0px 12px;
}
#blockCommonFooter {
	background: url(../img/top/bg/bottomLink.gif) left top no-repeat;	
	padding-top: 16px;
	width: 744px;
	margin: 0px auto;
}
#footerBannerInner {
	background: url(../img/top/bg/bottomLink.gif) left bottom no-repeat;
	padding-bottom: 16px;

}
#footerBannerBox {
	width: 744px;
	margin: 0px auto;
}
#footerBannerInner ul {
	padding-bottom: 8px;
	margin: 0px 5px;

	padding-left: 10px;
}
address {
	font-style: normal;
	text-align: center;
	font-size: 9px;
	line-height: 9px;
	padding-bottom: 20px;
	margin: 0px 5px;
}
/* 6:初めのCSS --------------------------------------------*/
h1, h2, h3, h4, h5, h6 {
	font-weight: normal;
	margin: 0;
	padding: 0;
} 

#alpha {
	width: 205px;
	margin: 0;
	padding: 0;
	background-color: #fff;
}

#beta {
	width: 392px;
	margin: 0;
	padding: 0;
	background-color: #fff;
}

#gamma {
	width: 203px;
	margin: 0;
	padding: 0;
	background-color: #fff;
}

.button {
	padding: 0;
	margin: 0;
	overflow: hidden;
}

.new_area {
	margin: 0 21px 20px 19px;
	width: 380px;
	background: #fff673;
}

.new_txt {
	font-size: 12px;
	color: #6a51a3;
	line-height: 1.5em;
	width: 300px;
	height: 70px;
	overflow: auto;
	/*margin-top: 20px;*/
	padding: 0 10px 10px 10px;
}

.new_banner {
	padding-bottom: 20px;
}

.new_banner2 {
	padding:0 25px 20px 15px;
}

#new_banners_masa {
	background: url(../img/new_banner/new_banner_bg.gif); 
	width: 782px; 
	height: 70px;
	padding-top: 18px;
	padding-left: 18px;
	list-syle-type: none;
	margin: 0px;
}
#new_banners_masa li {
	float :left;
}

/* 7:共通下層タイトル -------------------------------------*/
#titleBox {
	position: absolute;
	left: 109px;
	top: -45px;
	width: 537px;
	
}
/* キャラ図鑑バックグラウンド */
#chara #blockEachContent {
	background: url(../img/bg/chara.gif);
}

/* プロフバックグラウンド */
#prof #blockEachContent {
	background: url(../img/bg/prof.gif);
}

/* 星バックグラウンド1 */
.star #blockEachContent {
	background: url(../img/bg/about_site.gif);
}
/* 星バックグラウンド2 */
.star2 #blockEachContent {
	background: url(../img/bg/star2.gif);
}
/* 星バックグラウンド3 */
.star3 #blockEachContent {
	background: url(../img/bg/bg_star_pink.gif);
}
/* タイルバックグラウンド */
.tile #blockEachContent {
	background: url(../img/bg/tile.gif);
}
/* ホームルームバックグラウンド */
#hr #blockEachContent {
	background: url(../img/bg/bg_star2.gif);
}

/* 最新号バックグラウンド */
#magazine #blockEachContent {
	background: url(../img/bg/thismonth.gif);
}
/* インフォー＆お便り募集バックグラウンド */
#letter #blockEachContent {
	background: url(../img/bg/letter.gif);
}

#waiting #blockEachContent {
	background: url(../img/bg/waiting.jpg);
}
/* 裏ムービーバックグラウンド */
#ura_movie #blockEachContent {
	background: url(../img/bg/bg_00.gif);
}