@charset "UTF-8";

/*CSSDocument*/

/* main_layout.css
--------------------------------------------------------------

:: CSS Index

 1 : html body base
        
 2 : body base
        
 3 : header
     ・menu

 4 : footer
       
 5 : TOP Page
 
 6 : Contents Page
       


-------------------------------------------------------------- */



/* html body base
===============================================================*/

/*
html ----------------------------------------------------------*/

html{
font-size: 16px;
/*\*/
_font-size: 100%;
/**/
}

*{ margin: 0px; padding: 0px;}

body{
color:#000;
margin:0;
background:#fff url(../images/shinsho/main_back.gif) repeat-x top left;
font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
padding:0px;
text-align:center;
line-height:21px;
font-size:12px;
}



a:link{ color:#0f5c37;text-decoration:none;}
a:visited{ color:#0f5c37;text-decoration:none;}
a:hover{ color:#8b4242;text-decoration:underline;}
a:active{ color:#8b4242;text-decoration:underline;}


.link_arrow{ background: url(../images/link_arrow.gif) no-repeat left 8px; padding:2px 0 2px 7px;}
.link_arrow_square{ background:url(../images/rink_arrow_square.gif) no-repeat left 3px; padding:4px 0 4px 16px;}


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


input, select, textarea {
font-size: 12px;
}

ul, ol {
list-style: none;
}


/*
html ----------------------------------------------------------*/


/*
Module --------------------------------------------------------*/

 
.clear{
clear:both;
height:1px;
margin:-1px 0 0 0;
font-size:1px;
display: inline-block;
}

.access_log{ height:1px; margin:-1px 0 0 0; font-size:1px; clear:both;}


.clearfix:after {
content: ".";
display: block;
clear: both;
height: 0;
visibility: hidden;
}
.clearfix { display: inline-block; }
/* exlude MacIE5 \*/
* html .clearfix { height: 1% }
.clearfix {display:block;}
/* end MacIE5 */


span.caution{  line-height:16px;}

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

/*
Module --------------------------------------------------------*/



/* html body base
===============================================================*/

/*
body base -----------------------------------------------------*/


#container{ width:960px; background:url(../images/shinsho/container_back.gif) repeat-y top center;  margin:0 auto; text-align:center; padding:0;}
#container:after{display:block;margin-top:-1px;height:1px;content:"";clear:both;}


/* header
===============================================================*/

/* header
-------------------------------------------------------------- */

#header{ height:384px; }
#header h1{ margin:0;}



/* header
===============================================================*/



/* footer
===============================================================*/

/* footer
-------------------------------------------------------------- */


#footer{ clear:both; background:url(../images/shinsho/footer_back.gif) repeat-x top left; height:93px; margin:0 5px 0 5px;}
#footer:after{display:block;margin-top:-1px;height:1px;content:"";clear:both;}

.gototop{ text-align:right; padding:16px 30px 14px 0;}

.chuko{ float:left; display:inline; padding:15px 0 0 15px; }
.copyright{ float:right; display:inline; padding:22px 18px 0 0; }


/* footer
-------------------------------------------------------------- */



/* Contents Page
===============================================================*/

/* body base */


#contents_left{ width:626px; float:left; margin:0 19px 0 20px; padding:0 0 40px 0; text-align:left; display:inline;}
#contents_left:after{display :block;margin-top:-1px;height:1px;content:"";clear:both;}

#contents_right{ width:275px; float:left; margin:0; text-align:left; padding:0 0 40px 0; display:inline;}
#contents_right:after{display:block;margin-top:-1px;height:1px;content:"";clear:both;}



/* left */

.contents_method{ margin:0;}


.contents_method h2{ margin:0 0 15px 0;}
.contents_method p{ margin:0 0 30px 15px;}


.contents_banner{ text-align:center; margin:0 0 14px 0;}



.contents_box{ background:url(../images/shinsho/contents_back.gif) no-repeat bottom left; padding:0 0 40px 0; height:100%;}
.contents_box:after{display:block;margin-top:-1px;height:1px;content:"";clear:both;}


.contents_box h2{ margin:0; padding:0 0 7px 0;}

.contents_box_l{ margin:0 0 0 10px; float:left; display:inline; width:312px;}
.contents_box_r{ margin:0; float:left; display:inline; width:289px;}

.contents_box li{ clear:both; margin:0 0 17px 0;}
.contents_box li:after{display:block;margin-top:-1px;height:1px;content:"";clear:both;}

.contents_box li.list_last{ clear:both; margin:0 0 0 0;}
.contents_box li.list_last:after{display:block;margin-top:-1px;height:1px;content:"";clear:both;}


.contents_box_l_l{ width:25px; float:left; display:inline; margin:0 22px 0 0; text-align:right; font-weight:bold;}
.contents_box_l_r{ width:265px; float:left; display:inline; margin:0; font-size:14px; font-weight:bold; color:#088f33; line-height:18px; }

.contents_box_l_r strong{ font-size:22px; color:#000; line-height:30px;}
.contents_box_l_r small{ font-size:12px; color:#088f33;}


.contents_box_r_l{ width:25px; float:left; display:inline; margin:0 22px 0 0; text-align:right; font-weight:bold;}
.contents_box_r_r{ width:242px; float:left; display:inline; margin:0; font-size:14px; font-weight:bold; color:#088f33; line-height:18px; }

.contents_box_r_r strong{ font-size:22px; color:#000; line-height:30px;}
.contents_box_r_r small{ font-size:12px; color:#088f33;}

.black{ color:#000;}


.author_list{ font-weight:normal; font-size:12px; line-height:18px; width:90px; margin:10px 0 0 10px; float:left; display:inline;}



/* right */

.book_info{ width:235px; text-align:right; margin:0 0 30px 0;}

.system_box{ clear:both; margin:0; text-align:center; }
.system_box h3{ margin:0 0 5px 0; }
.system_box p{ margin:0 0 30px 3px; text-align:left; }




/* rank */


.rank_box{ width:275px; margin:0 0 20px 0;}

.rank_box h3{ width:275px; margin:0;}
.rank_box_head{ width:275px; margin:0; }
.rank_box_head li{ float:left; display:inline;}

.rank_2010{ background:url(../images/shinsho/rank_back_sky.gif) no-repeat bottom left; width:275px; padding:0 0 10px 0;}
.rank_2010 h3{ background:url(../images/shinsho/rank_back_sky.gif) no-repeat bottom left;}

ul.rank_list{ width:271px; margin:0 2px 0 2px;}
ul.rank_list li{ padding:9px 15px 9px 0; width:256px;_width:271px;line-height:16px;}
ul.rank_list li.blue{ background:#47b3ff url(../images/shinsho/rank_separater.gif) no-repeat bottom left;}
ul.rank_list li.sky{ background:#79c8ff url(../images/shinsho/rank_separater.gif) no-repeat bottom left;}
ul.rank_list li.blue_end{ background:#47b3ff;}
ul.rank_list li.sky_end{ background:#79c8ff;}

ul.rank_list li strong{ font-size:14px;}

.rank_same{ background:url(../images/shinsho/rank_line.gif) no-repeat top right; padding:6px 0 0 48px; display:block; margin:6px 0 0 10px;}


.rank_king{ background:url(../images/shinsho/rank_king.gif) no-repeat left 3px; padding:0 0 0 48px; display:block; margin:0 0 0 10px;}
.rank_1_sky{ background:url(../images/shinsho/rank_1_sky.gif) no-repeat left 3px; padding:0 0 0 48px; display:block; margin:0 0 0 10px;}
.rank_2_sky{ background:url(../images/shinsho/rank_2_sky.gif) no-repeat left 3px; padding:0 0 0 48px; display:block; margin:0 0 0 10px;}
.rank_3_sky{ background:url(../images/shinsho/rank_3_sky.gif) no-repeat left 3px; padding:0 0 0 48px; display:block; margin:0 0 0 10px;}
.rank_4_sky{ background:url(../images/shinsho/rank_4_sky.gif) no-repeat left 3px; padding:0 0 0 48px; display:block; margin:0 0 0 10px;}
.rank_5_sky{ background:url(../images/shinsho/rank_5_sky.gif) no-repeat left 3px; padding:0 0 0 48px; display:block; margin:0 0 0 10px;}
.rank_6_sky{ background:url(../images/shinsho/rank_6_sky.gif) no-repeat left 3px; padding:0 0 0 48px; display:block; margin:0 0 0 10px;}
.rank_7_sky{ background:url(../images/shinsho/rank_7_sky.gif) no-repeat left 3px; padding:0 0 0 48px; display:block; margin:0 0 0 10px;}
.rank_8_sky{ background:url(../images/shinsho/rank_8_sky.gif) no-repeat left 3px; padding:0 0 0 48px; display:block; margin:0 0 0 10px;}
.rank_9_sky{ background:url(../images/shinsho/rank_9_sky.gif) no-repeat left 3px; padding:0 0 0 48px; display:block; margin:0 0 0 10px;}
.rank_10_sky{ background:url(../images/shinsho/rank_10_sky.gif) no-repeat left 3px; padding:0 0 0 48px; display:block; margin:0 0 0 10px;}


.rank_1_blue{ background:url(../images/shinsho/rank_1_blue.gif) no-repeat left 3px; padding:0 0 0 48px; display:block; margin:0 0 0 10px;}
.rank_2_blue{ background:url(../images/shinsho/rank_2_blue.gif) no-repeat left 3px; padding:0 0 0 48px; display:block; margin:0 0 0 10px;}
.rank_3_blue{ background:url(../images/shinsho/rank_3_blue.gif) no-repeat left 3px; padding:0 0 0 48px; display:block; margin:0 0 0 10px;}
.rank_4_blue{ background:url(../images/shinsho/rank_4_blue.gif) no-repeat left 3px; padding:0 0 0 48px; display:block; margin:0 0 0 10px;}
.rank_5_blue{ background:url(../images/shinsho/rank_5_blue.gif) no-repeat left 3px; padding:0 0 0 48px; display:block; margin:0 0 0 10px;}
.rank_6_blue{ background:url(../images/shinsho/rank_6_blue.gif) no-repeat left 3px; padding:0 0 0 48px; display:block; margin:0 0 0 10px;}
.rank_7_blue{ background:url(../images/shinsho/rank_7_blue.gif) no-repeat left 3px; padding:0 0 0 48px; display:block; margin:0 0 0 10px;}
.rank_8_blue{ background:url(../images/shinsho/rank_8_blue.gif) no-repeat left 3px; padding:0 0 0 48px; display:block; margin:0 0 0 10px;}
.rank_9_blue{ background:url(../images/shinsho/rank_9_blue.gif) no-repeat left 3px; padding:0 0 0 48px; display:block; margin:0 0 0 10px;}
.rank_10_blue{ background:url(../images/shinsho/rank_10_blue.gif) no-repeat left 3px; padding:0 0 0 48px; display:block; margin:0 0 0 10px;}





/* kouen */


#kouen{width:auto;margin:0px 20px 20px 20px;padding-top:20px;clear:both;}

#kouen .left{float:left;}
#kouen .right{float:right;}

#kouen .block01{clear:both;padding-bottom:30px; background:url(../images/shinsho/kouen/kouen_line.jpg) no-repeat center bottom;}
#kouen .block02{clear:both;padding-top:20px; padding-bottom:30px; background:url(../images/shinsho/kouen/kouen_line.jpg) no-repeat center bottom;}
#kouen .block03{clear:both;margin:0 154px;padding-top:20px;}

#kouen .block01 .left{width:304px;height:447px;}
#kouen .block01 .right{width:612px;}
#kouen .block01 .right .comment{height:136px;}
#kouen .block01 .right .kouen_photo{height:311px;}
#kouen .block01 .right .comment p{padding:15px;font-size:14px; text-align:left;}

#kouen .block02 .left{width:614px;}
#kouen .block02 .right{width:305px;}

.kouen_audio{ background:url(../images/shinsho/kouen/kouen_photo04line.jpg) no-repeat center top;
padding-top:20px;}
.kouen_audio p{ font-size:12px;color:#aa2121; font-weight:bold; display:block;padding-top:10px;}

#kouen .block03 .left{width:306px;}
#kouen .block03 .right{width:306px;}