
/*-----ヘッダに入っていたスタイル-----*/

<!--
.book_txt {
	margin:10px 10px 10px 10px;
}
-->
table.msg04 {
	margin:auto;
	border-collapse:collapse;
	text-align:center;
}
table.msg04 th {
	border:solid black 1px;
	width: 100px;
}
table.msg04 td {
	vertical-align: top;
	border:solid black 1px;
}


/*-----おたよりlayout-----*/
.read{
	margin-left:40px;
	margin-right:40px;
	text-align:left;
}

.letter{
	padding:10px;
	background-color:#ffffcc;
	line-height:150%;
}

.letter div.sub{
	padding:15px 0 0 0;
	text-align:right;
	overflow:hidden;
}

.yokoku{
	background:url(image/yokoku.jpg) 0 0 no-repeat;
	width:530px;
	height:475px;
	text-align:center;
}

.yokoku_textbox01{
	padding-top:2px;
	margin-left:150px;
	margin-right:60px;
	text-align:left;
	font-size:12px;
}

.yokoku_textbox02{
	margin-left:5px;
	margin-right:40px;
	text-align:left;
	font-size:16px;
	color:#C60000;
	font-weight:bold;
}

.yokoku_textbox03{
	margin-left:5px;
	margin-right:30px;
	text-align:left;
	font-size:18px;
	color:#000000;
	font-weight:bold;
}

.yokoku_textbox04{
	margin-left:5px;
	margin-right:215px;
	text-align:left;
	font-size:12px;
	color:#000000;
	line-height:120%;
}

.yokoku_textbox05{
	margin-left:75px;
	margin-right:150px;
	text-align:left;
	font-size:12px;
}

.ans{
	margin-left:10px;
	line-height:150%;
}

.cmt_hensyu{
	color:#0066cc;
	line-height:150%;
}


.sukima1{
	margin-left:20px;
}

.sukima2{
	margin-right:20px;
}
.henji{
	line-height:150%;
}

/*----nazoページ-----*/
.chara dt{
	float:left;
	padding:0 0 0 0px;
	width:350px;
}

.chara dd{
	float:left;
	margin:10px 0 0 0;
}

.move{
	position:relative;
	top:10px;
}


.move01{
	position:relative;
	top:0px;
}

.move02{
	position:relative;
	top:12px;
}

.fushigi{
	float:right;
}


*html .fushigi{
	float:right;
}


.bookarea{
	background:url(image/bookback.gif) 0 0 no-repeat;
	margin:20px 0; 
	width:580px;
}

.bookarea {
	text-align:left;
}

.area01{
	width:550px;
	margin:40px auto 0;
	height:420px;
}



.area02{
	width:550px;
	margin:50px 0 0 0;
	height:180px;
}

.area03{
	width:550px;
	margin:0 auto;
	text-align:center;
}


*html .area01{
	width:550px;
	margin:70px 0 0 10px;
	height:220px;
}

*html .area02{
	width:550px;
	margin:10px 10px 0 0;
	height:180px;
}

*html .area03{
	width:550px;
	margin:0 0 0 10px;
	text-align:center;
}

*html .move01{
	position:relative;
	top:10px;
}

*:first-child+html .move01{
	position:relative;
	top:10px;
}

.area p{
	margin:0 10px 0 10px;
}

.images{
	width:78px;
	vertical-align:top;
}

.charestyle{
	margin:0 0 20px 0;
}

.image001{
	float:left;
	margin:0 10px 0 20px;
}

.miniep{
	color:#0033FF;
	marign:100px 0 0 0;
}

.miniep ul{
	list-style-type : none;
	line-height:25px;
}

.miniep h4{
	font-size:14px;
}

#default-close2 div td,
#default-close3 div td,
#default-close4 div td,
#default-close5 div td,
#default-close6 div td,
#default-close7 div td,
#default-close8 div td{
text-align: left;
}






*html .imgbook{
	float:left;
	margin:0 0 0 20px;
}


.imgbook{
	float:left;
	margin:0 0 0 30px;
}

div.yosyuu{
	background:url(image/bg_yosyuu.jpg) 0 0 no-repeat;
	width:580px;
	text-align:center;
	background-color:#4E4771;
}

.yosyuu_waku{
	padding:10px;
	width:540px;
	background-color:#ffffff;
}

.yosyuu_text{
	text-align:left;
	font-size:12px;
	line-height:120%;
}

.text_violet_b{
	text-align:left;
	font-size:14px;
	line-height:120%;
	color:#660066;
}

.text_violet_12b{
	text-align:left;
	font-size:12px;
	font-weight:bold;
	line-height:150%;
	color:#9933cc;
}

.text_waku01 {
	padding:5px;
	font-size:12px;
	line-height:120%;
	border:solid 1px;
	border-color:#666699;
	background-color:#ffffff;
	text-align:left;
}

.text_violet {
	text-align:left;
	font-size:12px;
	line-height:120%;
	color:#660066;
}

.event {
	background:url(image/new_story_bg.gif) 0 0 repeat;
	width:580px;
	text-align:center;
}

.event_chara {
	background:url(image/event_chara.gif) 0 0 no-repeat;
	width:580px;
	height:187px;
	text-align:center;
}

.event_txt {
	padding-top:25px;
	margin-left:115px;
	margin-right:115px;
	font-size:12px;
	line-height:160%;
	text-align:left;
}

.event_bot {
	font-size:12px;
	line-height:160%;
	text-align:center;
}


.event_txt02 {
	margin:20px;
	font-size:12px;
	line-height:150%;
	text-align:left;
}

.event_imgbox {
	width:200px;
	margin:15px;
	text-align:right;
	float:left;
}

.event_infobox {
	width:300px;
	margin:15px;
	text-align:left;
	float:right;
	font-size:12px;
	line-height:180%; 
}

.rank_read {
	background:url(image/c_rank_read.jpg) 0 0 no-repeat;
	width:580px;
	height:185px;
	text-align:center;
}

.rank_read_text {
	padding-top:90px;
	margin-left:90px;
	margin-right:95px;
	font-size:12px;
	line-height:150%;
	text-align:left;
	color:#0066ff;
}

.rank_bg {
	background:url(image/c_rank_bg.jpg) repeat;
	width:580px;
	text-align:center;
}

.rank_face_frm {
	width:130px;
	padding-left:20px;
	text-align:center;
	float:left;
}

.rank_text_frm {
	width:420px;
	padding-right:10px;
	padding-left:20px;
	font-size:12px;
	line-height:150%; 
	text-align: left;
	color:#006699;
	vertical-align:middle;
	float:left;
}

.frm_end
{
	float:none;
	clear: both;
}

.rank_message
{
	border:solid 1px #ff9900;
	background-color:#FFFFE8;
	margin:10px 20px;
	padding:10px;
	font-size:12px;
	line-height:130%; 
	text-align: left;
}

.rank_font14oreb
{
	font-size:14px;
	color:#ff6600;
	font-weight:bold;
	line-height:100%; 
	text-align: center;
}

.rank_font12ore
{
	font-size:12px;
	color:#ff6600;
	line-height:120%; 
	text-align: center;
}

.rank_font14greenb
{
	font-size:14px;
	color:#339900;
	font-weight:bold;
	line-height:100%; 
	text-align: center;
}

.rank_font12green
{
	font-size:12px;
	color:#339900;
	line-height:120%; 
	text-align: center;
}

.rank_comm
{
	border:solid 1px #009900;
	background-color:#E8FFE8;
	margin:10px 20px;
	padding:10px;
	font-size:12px;
	line-height:130%; 
	text-align: left;
}

.rank_commimg_frm {
	width:90px;
	text-align:centert;
	float:left;
}

.rank_commtext_frm {
	width:420px;
	font-size:12px;
	line-height:140%; 
	text-align: left;
	float:left;
}

.soonbook_bg {
	background:url(image/soonbook_bg.png) repeat;
	width:576px;
	text-align:center;
	margin:0 0 10px 0;
	border:solid 2px;
	border-color:#999933;
}

.soonbook_infoimg {
	padding:10px 0 0 10px;
	float:left;
	width:260px;
}

.soonbook_info {
	padding:10px 15px 0 0;
	text-align:left;
	font-size:12px;
	line-height:140%;
	float:right;
	width:285px;
}

.soonbook_link {
	padding:10px 15px 0 25px;
	text-align:left;
	font-size:12px;
	line-height:140%;
}

.soonbook_news {
	padding:10px 15px 0 25px;
	text-align:left;
	font-size:12px;
	line-height:150%;
}

.soonbook_news .infotxt {
	font-weight:bold;
	color:#0066cc;
}

/*--------------------------
	eventrepo_2011115
--------------------------*/
#eventrepo{
	width:580px;
	margin:0 auto;
}

#eventrepo h1 {
	background:url(./image/head_ayakashi_eventttl.png) left top no-repeat;
	position:relative;
	height:0px; 
	padding-top:90px;
	overflow:hidden;
	margin:0;
}
#eventrepo .contents {
	width:580px;
	background:url(./image/bg_ayakashi_event.png) left top repeat-y;
}
#eventrepo .contents .inner{
	width:530px;
	text-align:left;
	margin:0 auto;
}
#eventrepo .contents p{
	margin:0;
	padding:0;
	line-height:1.5;
}
#eventrepo .contents p.info{
	margin:10px 0;
}
#eventrepo .contents p.line {
	width:530px;
	border-bottom:dashed  2px #db4d4d;
	text-align:center;
	margin:10px 0 20px 0;
}
#eventrepo .contents p.q{
	margin:10px 0;
}
#eventrepo .contents .imgR {
	float:right;
	margin:0 0 0 5px;
	width:200px;
	text-align:center;
}
#eventrepo .contents .imgR span {
	display:block;
	font-size:85%;
	text-align:left;
	margin:3px 0 0 0;

}
#eventrepo .contents .imgL {
	float:left;
	margin:0 5px;
	width:300px;
	text-align:center;
	overflow:hidden;
	zoom:1;
}
#eventrepo .contents p.txt{
	overflow:hidden;
	zoom:1;
}
#eventrepo .contents ul,
#eventrepo .contents li {
	margin:0;
	padding:0;
	list-style:none;
	line-height:1.5;
}
#eventrepo .contents ul li.name01 {
	color:#ff00ff;
	float:left;
	width:4em; 
}
#eventrepo .contents ul li.name02 {
	color:#0008ff;
	float:left;
	width:4em; 
}
#eventrepo .contents ul li.line {
	color:#000;
	float:left;
	width:4em; 
}
#eventrepo .contents ul li.txt {
	margin-left:4em;
}
#eventrepo .contents .message{
	border:solid 1px #2f4c03;
	height:102px;
	padding:5px;
	margin:5px;
}
#eventrepo h3 {
	font-size:120%;
}
#eventrepo h3.pre {
	color:#a12e65;
}

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


.news_1201{
	width:530px;
	color:#0099ff;
	line-height:130%;
	margin:0 0 0 5px;
	text-align:left;
}



