#side_bar_left{
    width:160px;
    float:left;
}

#main{
    float:left;
    width:640px;
}

#side{
    float:right;
    width:300px;
}

/* top_message_space */

.top_message_space {
    padding-top:0.5em;
}


.top_message_space img{
    clear:both;
    float:left;
    padding-left:1em;
}

.top_message_space a{
}

p.a_line_news {
    margin:0 0.7em;
    font-size:90%;
    width:500px;
    float:left;
}

/* search box */
#search_box {
    margin-top:11px;
}

#search_box h3{
    background:transparent 
               url(/img/top_logo_find_search.png)
               repeat-x scroll 0 0;
    height:21px;
}

#search_box h3 span{
    display:block;
    text-indent:-1450px;
}

#search_box span#title{
    padding:5px 0 5px 5px;
}

#search_box form{
    text-align:center;
    border-right: 1px solid #7d7d7d;
    border-left: 1px solid #7d7d7d;
}


#search_box p.boxFooter{
    border:none;
    background:transparent 
               url(/img/top_logo_find_footer.png)
               repeat-x scroll
               center
               bottom;
    height:16px;
    padding-right:10px;
    text-align:right;
    font-size:0px;
}

#search_box form{
    padding-top:0.5em;
}

#search_box input.inputText{
     font-size:120%;
     width:250px;
     border-color:#ACACAC #DFDFDF #DFDFDF #ACACAC;
     border-style:solid;
}

#search_box span,img,input{
    vertical-align:middle;
}

#search_box p.total_counts {
    text-align:center;
    padding-top:0.5em;
    color:#555;
    font-size:80%;
    border-right: 1px solid #7d7d7d;
    border-left: 1px solid #7d7d7d;
}

/* rankign banner */
img#top_ranking_banner {
    margin-top:1em;
}

/* magazine box */
ul#top_big_menu {
    margin-top:10px;
    height:145px;
}

ul#top_big_menu li{
    float:left;
    list-style-type:none;
    padding-left:7px;
    padding-right:7px;
}

ul#top_big_menu li a{
    outline-style:none;
    display:block;
    width:145px;
    height:145px;
    text-indent:-9999px;
    background:transparent 
               url(/img/top_big_menu.png)
               no-repeat
               scroll
               left
               top;
}

/* --- */

ul#top_big_menu li#ranking a{
    background-position: 0px 0px;
}

ul#top_big_menu li#ranking a:hover {
    background-position: 0px -145px;
}
/* --- */

ul#top_big_menu li#syonen a{
    background-position: -145px 0px;
}

ul#top_big_menu li#syonen a:hover {
    background-position: -145px -145px;
}

/* --- */

ul#top_big_menu li#seinen a{
    background-position: -290px 0px;
}

ul#top_big_menu li#seinen a:hover {
    background-position: -290px -145px;
}

/* --- */

ul#top_big_menu li#syojo a{
    background-position: -435px 0px;
}

ul#top_big_menu li#syojo a:hover {
    background-position: -435px -145px;
}




/* genre box */
#genre_box {
    margin-top:11px;
}

#genre_box h3{
    background:transparent 
               url(/img/top_logo_find_genre.png)
               repeat-x scroll 0 0;
    height:22px;
}

#genre_box h3 span{
    display:block;
    text-indent:-1450px;
}

#genre_box_content {
    padding-left:1.5em;
}


ul#top_genre_list {
    display:block;
    width:638px;
    border-right: 1px solid #7d7d7d;
    border-left: 1px solid #7d7d7d;
    height:1.8em;
}

ul#top_genre_list li{
    font-size:85%;
    float:left;
    display:block
    line-height:1.4em;
    margin-right:2em;
    background-image:url(/img/list_mark.png);
    background-position:0 6px;
    background-repeat:no-repeat;
    padding:2px 0 2px 17px;
    list-style-type:none;
}

#genre_box p.more{
    clear:both;
    font-size:85%;
    border-right: 1px solid #7d7d7d;
    border-left: 1px solid #7d7d7d;
    padding-left:1.5em;
}

#genre_box p.boxFooter{
    clear:both;
    border:none;
    background:transparent 
               url(/img/top_logo_find_footer.png)
               repeat-x scroll
               center
               bottom;
    height:16px;
    padding-right:10px;
    text-align:right;
    font-size:0px;
}


/*new_review_module pickup module */

#new_review_module h2{
    margin-top:0.5em;
    margin-bottom:0.5em;
    background:transparent 
               url(/img/top_logo_find_review.png)
               repeat-x scroll 0 0;
    height:28px;
}

#new_review_module h2 span{
    display:block;
    text-indent:-1450px;
}

#new_review_module h3{
}

#new_review_module h3 span{
    display:block;
    text-indent:-1450px;
}


#new_review_module h3 span#pickup_review_title{
    margin-left:0.5em;
    background:transparent 
               url(/img/top_pickup_review.png)
               no-repeat ;
    height:24px;
}

#new_review_module h3 span#new_review_title{
    margin-top:0.5em;
    margin-left:0.5em;
    background:transparent 
               url(/img/top_new_review_h3.png)
               no-repeat ;
    height:26px;
}

#new_review_module h3 span#popular_review_title{
    margin-top:1em;
    margin-left:0.5em;
    background:transparent 
               url(/img/top_popular_review.png)
               no-repeat ;
    height:26px;
}


#new_review_module_content{
    border-right: 1px solid #b2b2b2;
    border-left: 1px solid #b2b2b2;
}

#history_module p.more,
#new_review_module p.more{
    text-align:right;
    padding-top:0.5em;
    padding-right:2em;
}

a.new_review_box_string {
    color:#333;
}

a.new_review_box_string:hover {
    border-bottom:1px solid #aaa;
    color:#333;
}
.pickupBox {
    padding:1em;
    height:130px;
}

.pickupImage {
    float:left;
}

.pickupText {
    width:500px;
    margin-left:10px;
    float:left;
}

.pickupReviewString {
    font-size:90%;
}

#pickupInfo{
    margin-bottom:10px;
    padding-bottom:5px;
    border-bottom:1px dashed #aaa;
}

.pickupText p.title{
    font-size:100%;
}

#pickupAverage{
    font-size:150%;
}

#pickupTitle{
    font-weight:bold;
}

.pickupText p.auther{
    font-size:80%;
    text-align:right;
}

.pickupText p.goReview{
    text-align:center;
}


#ads_module{
    text-align:center;
    vertical-align:middle;
    margin-bottom:1em;
}

/* new review*/



.newReviewBox {
    border-bottom:1px dashed #ddd;
    margin-left:0.5em;
    margin-right:0.5em;
    padding-top:10px;
    padding-bottom:10px;
    height:90px;
    font-size:80%;
}

.newReviewImage {
    margin-right:1em;
    width:63px;
    float:left;
    text-align:center;
    vertical-align:middle;
}

.newReviewInfo{
    font-size:100%;
    margin-bottom:10px;
    padding-bottom:5px;
}

.newReviewInfo span.score{
}

.newReviewText p.title{
    font-size:100%;
}

.newReviewTitle{
}

.newReviewText p.auther{
    font-size:80%;
    text-align:right;
}

.newReviewText p.goReview{
    text-align:center;
}

p.new_review_date {
    text-align:right;
    padding:0.3em;
    color:#555;
}

/* new comic module */
#history_module h2{
    margin-top:0.5em;
    margin-bottom:0.5em;
    background:transparent 
               url(/img/top_logo_history.png)
               repeat-x scroll 0 0;
    height:28px;
    text-indent:-1450px;
}

#history_module_content {
    border-right: 1px solid #b2b2b2;
    border-left: 1px solid #b2b2b2;
    height:100%;
}

#history_module_content p.history{
    margin-left:1.5em;
    margin-right:1em;
    padding-left:1em;
    line-height:2em;
    border-bottom:1px dashed #888;
    background: url(/img/list_mark.png) left no-repeat;
}


#added_comic_are {
    padding-left:0.7em;
    width:300px;
    float:left;
}

#added_comic_are h3{
    background:transparent 
               url(/img/top_add_comic_h3.png)
               repeat-x scroll 0 0;
    height:23px;
    text-indent:-1450px;
}

#modified_comic_are {
    padding-left:0.7em;
    width:300px;
    float:left;
}

#modified_comic_are h3{
    background:transparent 
               url(/img/top_modify_comic_h3.png)
               repeat-x scroll 0 0;
    height:23px;
    text-indent:-1450px;
}

p#history_module_more {
    clear:both;
}

/* login module */

#login_module {
    text-align:center;
    margin:1em 0em;
    width:270px;
    float:left;

}

#login_module_header {
    background:transparent 
               url(/img/top_side_module_header.png)
               no-repeat
               bottom;
    width:300px;
    height:16px;
}

#login_module_footer{
    clear:both;
    background:transparent 
               url(/img/top_side_module_footer.png)
               no-repeat
               bottom;
    width:300px;
    height:16px;
    font-size:0px;
}

#login_module_content{
    width:298px;
    border-right: 1px solid #7d7d7d;
    border-left: 1px solid #7d7d7d;
}

#login_module_content p.user_info {
    margin-left:10px;
    margin-right:10px;
    height:1.6em;
    padding-top:0.5px;
    padding-bottom:0.5px;
    border-bottom:1px dashed #888;
}

#login_module_content span.value{
    text-align:left;
    float:left;
    width:100px;
}

#login_module_content span.separator{
    float:left;
    margin:0 3px;
}

#login_module_content label{
    text-align:left;
    display:block;
    width:100px;
    float:left;
    clear:both;
}

#login_module_content img{
    margin-top:10px;
}


#login_module form{
    text-align:center;
    padding-top:1em;
    padding-left:1em;
}

#login_module table{
    margin-bottom:0.5em;
}

#login_module p{
    padding:0em 2em 0.5em 2em;
    line-height:1.5em;
}

#login_module img{
    padding-bottom:8px;
}

/* popular_reviewer_module */
#popular_reviewer_module {
    margin:1em 0em;
    width:270px;
    float:left;

}


#popular_reviewer_module_header {
    background:transparent 
               url(/img/top_side_module_header.png)
               no-repeat
               bottom;
    width:300px;
    height:16px;
}

#popular_reviewer_module_footer{
    background:transparent 
               url(/img/top_side_module_footer.png)
               no-repeat
               bottom;
    width:300px;
    height:16px;
    font-size:0px;
}

#popular_reviewer_module_content{
    width:298px;
    border-right: 1px solid #7d7d7d;
    border-left: 1px solid #7d7d7d;
}

#popular_reviewer_module_content img#title{
    padding-left:1em;
    padding-bottom:0.5em;
}

#popular_reviewer_module_content p{
    padding-left:1.5em;
    padding-bottom:5px;
    height:30px;
}

/* infomation module */
#infomation_module {
    margin:1em 0em;
    width:270px;
    float:left;

}


#infomation_module_header {
    background:transparent 
               url(/img/top_side_module_header.png)
               no-repeat
               bottom;
    width:300px;
    height:16px;
}

#infomation_module_footer{
    background:transparent 
               url(/img/top_side_module_footer.png)
               no-repeat
               bottom;
    width:300px;
    height:16px;
    font-size:0px;
}

#infomation_module_content{
    width:298px;
    border-right: 1px solid #7d7d7d;
    border-left: 1px solid #7d7d7d;
}

#infomation_module img{
    margin-left:1em;
}

#infomation_module_content ul{
    padding-top:1em;
}
#infomation_module_content p.info_title{
    margin-left:1.4em;
    padding-bottom:0.3em;
    font-size:85%;
    list-style-type:none;
    padding-bottom:0.3em;
    margin-bottom:0.3em;
    border-bottom:1px dashed #888;
}

#infomation_module_content span.info_date{
    color:#666;
}


/* mobile module */
#mobile_module {

}

#mobile_module p.url{
    font-size:80%;
    font-weight:bold;
    color:#6b9223;
}


#mobile_module img{
    padding-left:1em;
}

#mobile_module img#qr{
    display:block;
    float:left;
}

#mobile_module #mobile_info{
    height:98px;
    text-align:center;
    vertical-align:middle;
}

#mobile_info p#info{
    padding-top:1.5em;
    font-size:80%;
}

#mobile_info p#link{
    font-size:110%;
    padding-top:0.5em;
}
