@import url(common.css);
@import url(bubble.css);


#wrap {background: url(../images/bg.gif) repeat-x;}
#head {background: url(../images/title_bg.gif) no-repeat center top;}
#title {background: url(../images/title.jpg) no-repeat top;}
#ad_cont {background: url(../images/ad_bg.gif) no-repeat top;}
p#ad_top {background: url(../images/ad_top-trans.png) no-repeat top;}
#flashcontent{background: url(../images/ad_flash.gif) no-repeat top;}


#wrap h1 {
width:495px;
padding:65px 0 0 0;
margin:45px 0 0 70px;
}
#wrap div#main {
width:970px;
margin:0 auto;
padding:15px 10px;
}


/* head */

#title {
	height:525px;
}
#ad_cont {
	float:left;
	width:300px;
	height:525px;
	margin:0;
	padding:0;
	position:relative;
}
p#ad_top {
	position:absolute;
	z-index:100;
	top:0;
	left:0;
	width:300px;
	height:34px;
	margin:0;
	padding:0;
	display:block;
}
#ad {
margin:0 0 0 10px;
height:394px;
}
#flashcontent{
margin:0 0 0 0;
padding:2px 0 0 10px;
width:290px;
height:131px;
}
#flashcontent p{
width:274px;
height:70;
margin:10px 0 0 10px;
text-align:center;
line-height:1.2em;
}
#top_ana {
float:left;
width:604px;
height:525px;
position:relative;
}


/* new_diary */

#new_diary {
float:left;
width:594px;
height:274px;
}

#new_diary h2 {
background: url(../images/newdiary_t-trans.png) no-repeat top;
width:594px;
padding:98px 0 0 0;
margin:0;
}
#new_diary div#new_diary_list {
background: url(../images/newdiary_bg-trans.png) no-repeat top;
width:564px;
height:133px;
margin:0;
padding:0 30px 30px 0;
}
#new_diary ul {
width:555px;
height:129px;
margin:0;
padding-right:4px;
overflow-x:hidden;
overflow-y:auto;
scrollbar-face-color: #90D2C1;
scrollbar-track-color: #fff;
scrollbar-arrow-color: #fff;
scrollbar-highlight-color: #A3D5C8;
scrollbar-shadow-color: #649D8F;
scrollbar-3dlight-color: #74AEA0;
scrollbar-darkshadow-color: #85C1B2;
}
#new_diary ul li {
list-style:none;
background: url(../images/newdiary_arrow.gif) no-repeat left 5px;
padding: 0 0 0 75px;
margin:0 0 0 60px;
font-size:1.2em;
text-indent:-55px;
}
#new_diary ul li a {
color:#F60;
font-weight:bold;
}
#new_diary ul li a:hover {
color:#F96;
}

/* mobile */

#mobile {
float:right;
width:360px;
height:272px;
}
#mobile h2 {
background: url(../images/mobile_t-trans.png) no-repeat top;
width:360px;
padding:98px 0 0 0;
margin:0;
}
#mobile dl {
background: url(../images/mobile_bg-trans.png) no-repeat top;
width:360px;
height:163px;
}
#mobile dl dt {
padding:15px 0 0 50px;
float:left;
width:145px;
font-size:1.2em;
line-height:1.8em;
}
#mobile dl dd {
padding:0 15px 0 0px;
float:left;
width:113px;
height:113px;
}


/* diary_list */

#diary {
background: url(../images/diarylist_bg-trans.png) no-repeat top;
width:946px;
height:228px;
clear:both;
margin:0 auto;
padding:20px 0 0 18px;
}
#diary div.diary_list{
background: url(../images/diarylist_listbg.gif) no-repeat top;
width:308px;
height:100px;
margin-bottom:5px;
float:left;
}
.diary_list p{
float:left;
width:102px;
height:79px;
text-align:right;
padding-top:9px;
margin:0;
}
.diary_list dl{
float:left;
width:192px;
height:100px;
}
.diary_list dl dt{
float:left;
height:25px;
padding:16px 0 0 7px;
width:113px;
margin:0 0 5px 0;
}
.diary_list dl dd.diary_date{
float:right;
color:#FFF;
padding-right:2px;
width:70px;
height:26px;
padding-top:15px;
text-align:center;
}
.diary_list dd.diary_title{
font-size:1.2em;
font-weight:bold;
clear:both;
min-height:21px;
_height:21px;
padding:5px 0 0 25px;
line-height:1.2em;
}
.diary_list dl.list_l dt{
background: url(../images/diarylist_tbg_l.gif) no-repeat top;
}
.diary_list dl.list_l dd.diary_date{
background: url(../images/diarylist_date_l.gif) no-repeat top;
}
.diary_list dl.list_l dd.diary_title{
background: url(../images/diarylist_arrow_l.gif) no-repeat top left;
}
.diary_list dl.list_l dd.diary_title a{
color:#D2273E;
text-decoration:none;
}
.diary_list dl.list_l dd.diary_title a:hover{
color: #FF6699;
}
.diary_list dl.list_m dt{
background: url(../images/diarylist_tbg_m.gif) no-repeat top;
}
.diary_list dl.list_m dd.diary_date{
background: url(../images/diarylist_date_m.gif) no-repeat top;
}
.diary_list dl.list_m dd.diary_title{
background: url(../images/diarylist_arrow_m.gif) no-repeat top left;
}
.diary_list dl.list_m dd.diary_title a{
color:#136E95;
text-decoration:none;
}
.diary_list dl.list_m dd.diary_title a:hover{
color: #3399CC;
}

/* news */
ul#news {
background: url(../images/news-trans.png) no-repeat;
width:738px;
margin:0 auto 30px auto;
height:55px;
padding:42px 0 0 200px;
/*height:65px;
padding:32px 0 0 200px;*/
}
ul#news li {
list-style:none;
background: url(../images/newdiary_arrow.gif) no-repeat left 5px;
padding: 0 0 0 20px;
margin:0;
font-size:1.2em;
}
ul#news li a {
color:#F60;
font-weight:bold;
}
ul#news li a:hover {
color:#F96;
}
p#attention{
background:#FFF;
padding:2px 0;
width:70%;
text-align:center;
margin:0 auto;
font-size:1.2em;
}
p#attention2{
background:#FFF;
padding:2px 0;
width:45%;
text-align:center;
margin:0 auto;
font-size:1.2em;
margin-top:7px;
}
p#attention2 a {
color:#F60;
font-weight:bold;
}
p#attention2 a:hover {color:#F96;}


/* foot */

#banner {
width:100%;
background: url(../images/bnr_bg.gif) repeat;
height:78px;
}
#banner ul {
width:830px;
height:56px;
margin:5px auto;
padding:14px 0 0 150px;
}

#banner ul li {
float:left;
list-style:none;
}
#banner ul li img {
width:159px;
height:56px;
margin:0 5px;
}