@import "layout.css";
@import "common.css";
@import "u_custom_main.css";
#topImage {
float:left;
height:130px;
margin:0 20px 0 0;
position:relative;
width:650px;
}
#topImage h2 {
padding-top:15px;
}
#topImage img {
left:0;
position:absolute;
top:0;
width:650px;
}
.top_bannerArea {
float:left;
width:210px;
}
.top_bannerArea .banner_top img {
margin-bottom:10px;
}
.top_bannerArea .banner_bottom img {
margin:0;
}
#topPage {
padding-top:0;
}
.topMainArea {
float:left;
width:640px;
}
.topMainArea .sideBar {
margin-top:10px;
}
.topMainArea .contents {
float:right;
padding-right:10px;
width:400px;
}
.topMainArea .contents h3 {
-x-system-font:none;
font-family:"ＭＳ Ｐゴシック","Osaka－等幅",sans-serif;
font-size:90%;
font-size-adjust:none;
font-stretch:normal;
font-style:normal;
font-variant:normal;
font-weight:normal;
height:30px;
line-height:100%;
padding:8px 10px 2px;
visibility:hidden;
width:380px;
}
.topMainArea .contents h4 {
font-size:90%;
height:30px;
padding:5px;
visibility:hidden;
width:190px;
}
.topSideArea {
float:right;
font-size:80%;
line-height:130%;
}
#keywordSearch {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:#FFFFFF url(../images/u_content/top/stitle_search_keyword.gif) no-repeat scroll 0 0;
color:#444444;
margin-top:10px;
position:relative;
width:400px;
}
#keywordSearch h3 a.help {
left:180px;
position:absolute;
top:7px;
visibility:visible !important;
}
#keywordSearch dl {
margin:0 10px;
padding:3px 0;
width:380px;
}
#keywordSearch dt, #keywordSearch input {
float:left;
margin:7px 5px 0 0;
}
#keywordSearch button {
float:left;
}
#keywordSearch p {
background-color:transparent;
clear:both;
color:#444444;
font-size:80%;
line-height:130%;
margin:0 10px;
}
#keywordSearch p.notes {
background-color:transparent;
color:#999999;
}
#genreSearch {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:#FFFFFF url(../images/u_content/top/stitle_seach_genre.gif) no-repeat scroll 0 0;
color:#444444;
margin-top:10px;
width:400px;
}
#genreSearch ul {
line-height:100%;
margin:0;
padding:0 0 0 4px;
}
#genreSearch li {
display:inline;
list-style-type:none;
margin:0 0 0 -1px;
padding:2px 0;
}
/* matayoshi add ensen search */
#ensenSearch{
	width: 400px;
	margin-top: 10px;
	color: #444;
	background: #fff url(../images/u_content/top/stitle_search_ensen.gif) no-repeat 0 0;
	font-size: 80%;
	line-height: 150%;
}
#newSchool {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:#FFFFFF url(../images/u_content/top/stitle_new_school.gif) no-repeat scroll 0 0;
color:#444444;
float:left;
overflow:hidden;
white-space:nowrap;
width:195px;
}
#newSchool ul {
font-size:80%;
line-height:150%;
list-style-type:none;
padding:0 4px 8px 8px;
}
#newSchool li {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:#FFFFFF url(../images/common/marker_square_arrow_green.gif) no-repeat scroll left center;
color:#444444;
padding-left:18px;
}
#genreRank {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:#FFFFFF url(../images/u_content/top/stitle_genre_ranking.gif) no-repeat scroll 0 0;
color:#444444;
float:right;
overflow:hidden;
white-space:nowrap;
width:195px;
}
#genreRank ol {
font-size:80%;
line-height:150%;
list-style-type:none;
padding:0 4px 8px;
}
#newGallery {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:#FFFFFF url(../images/u_content/top/stitle_new_gallery.gif) no-repeat scroll 0 0;
color:#444444;
margin-top:10px;
padding-bottom:5px;
width:400px;
}
#newGallery ul {
padding:0 2px;
}
#newGallery li {
float:left;
list-style-type:none;
padding:0;
width:66px;
}
#newGallery li img {
border:1px solid #D6D6D6;
margin:2px;
}
#reports {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:#FFFFFF url(../reports/img/stitle_report.gif) no-repeat scroll 0 0;
color:#444444;
font-size:90%;
margin-top:10px;
padding-bottom:10px;
width:400px;
}
#reports .class_img {
float:left;
font-size:70%;
padding-right:10px;
width:170px;
}
#reports .class_img img {
padding-bottom:5px;
}
#reports .class_txt {
display:block;
float:right;
width:220px;
}
#reports .class_txt img {
padding-top:5px;
}
#reports h4 {
display:block;
font-size:110%;
height:auto;
padding:0 0 10px;
visibility:visible;
width:220px;
}
#areaSearch {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:#FFFFFF url(../images/u_content/top/stitle_serach_area.gif) no-repeat scroll 0 0;
color:#444444;
font-size:80%;
line-height:150%;
margin-top:10px;
width:400px;
}
#areaSearch ul {
list-style-type:none;
margin:0 10px;
padding:0;
}
#areaSearch li {
border-right:1px solid #444444;
display:inline;
margin-left:3px;
padding:0 3px 0 0;
}
.topSideArea .sideBar {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:transparent url(../images/common/sidebar_bg_body.gif) repeat-y scroll center top;
color:#000000;
float:none !important;
margin:0 0 10px;
}
.topSideArea .banner {
padding-top:10px;
}
#newBlog {
background-color:#EFEFEF;
color:#444444;
}
#newBlog div.blog {
background-color:#FFFFFF;
border-bottom:1px solid #D6D6D6;
border-left:1px solid #D6D6D6;
border-right:1px solid #D6D6D6;
color:#444444;
margin:0 auto;
padding:8px 12px;
width:174px;
}
#newBlog div.bgCol {
background-color:#FFF6E9 !important;
color:#444444;
}
#newBlog h3 {
font-weight:normal;
}
#shumiblogRank {
background-color:#EFEFEF;
color:#444444;
margin-top:5px;
}
#shumiblogRank ol {
background-color:#FFFFFF;
border-bottom:1px solid #D6D6D6;
border-left:1px solid #D6D6D6;
border-right:1px solid #D6D6D6;
color:#444444;
list-style-type:none;
margin:0 auto;
padding:6px;
width:186px;
}
#shumiblogRank li {
background-color:transparent;
background-position:left top;
background-repeat:no-repeat;
color:#444444;
padding-left:42px;
}
.singleBar {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:transparent url(../images/common/u_singlebar_bg.gif) no-repeat scroll 0 0;
color:#444444;
height:23px;
margin:5px 0;
padding:6px 25px 0;
width:160px;
}
.singleBar_pmark {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:transparent url(../images/common/u_singlebar_pmark_d.gif) no-repeat scroll center bottom;
margin:10px 0;
width:210px;
}
.pmark_u {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:transparent url(../images/common/u_singlebar_pmark_u.gif) no-repeat scroll 0 0;
height:5px;
width:210px;
}
.pmark_u hr, .qr_u hr {
clear:both;
display:none;
visibility:hidden;
}
.pmark_image {
padding:19px 60px 0 70px;
}
.pmark_d {
padding:19px;
}
#go_mobile {
background-color:#EFEFEF;
color:#444444;
margin-top:10px;
}
.singleBar_qr {
background-color:#FFFFFF;
border-left:1px solid #D6D6D6;
border-right:1px solid #D6D6D6;
color:#444444;
margin:0 0 0 5px;
padding:0;
width:198px;
}
.qr_u {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:transparent url(../images/common/sidebar_bg_foot_round.gif) no-repeat scroll left bottom;
height:20px;
width:210px;
}
.singleBar_qr dl {
float:left;
}
.singleBar_qr dt {
float:left;
margin:10px 5px 0;
}
.singleBar_qr dd {
display:block;
float:left;
margin:10px 0 0;
width:111px;
}