@charset "UTF-8";

/*===================================================================
	Common
===================================================================*/

#header { border-bottom:solid 2px #ececec; }

/* contents
===================================================================*/
#contents { width:860px; margin:0 auto; padding:0 0 25px 0; text-align:left; }
#contents #leftClm { float:left; width:625px; }
#contents #rightClm { float:right; width:219px; }

/* leftClm
===================================================================*/
#contents #leftClm h2 { margin-bottom:10px; }
#contents #leftClm p.sub_title { margin-bottom:10px; }

#contents #leftClm .pageUp { margin-bottom:15px; }
#contents #leftClm .pageUp ul { float:right; }
#contents #leftClm .pageUp ul li { float:left; padding-left:15px; background:url(../img/arrow_up.gif) no-repeat left center; }

#contents #leftClm .pageLink { margin-bottom:15px; }
#contents #leftClm .pageLink ul { float:right; }
#contents #leftClm .pageLink ul li.back { float:left; margin-right:20px; padding-left:15px; background:url(../img/arrow_back.gif) no-repeat left center; }
#contents #leftClm .pageLink ul li.next { float:left; padding-right:15px; background:url(../img/arrow_next.gif) no-repeat right center; }

#contents #leftClm #banner { width:290px; margin:0 auto; text-align:center; }
#contents #leftClm #banner li { width:290px; }
#contents #leftClm #banner li p { color:#666666; font-size:10px; text-align:left;}


/* rightClm
===================================================================*/
#contents #rightClm #knowArea { margin-bottom:18px; padding-bottom:15px; border:solid 1px #cbcbcb; background:#FFFFFF url(../img/rightclm_genre_bg.gif) repeat-x 0 55px; text-align:center; }
#contents #rightClm #knowArea .inner { padding-top:50px; background:url(../img/rightclm_genre01_tit.gif) no-repeat center top; }
#contents #rightClm #workArea { margin-bottom:15px; padding-bottom:15px; border:solid 1px #ffb889; background:#FFFFFF url(../img/rightclm_genre_bg.gif) repeat-x 0 55px; text-align:center; }
#contents #rightClm #workArea .inner { padding-top:50px; background:url(../img/rightclm_genre02_tit.gif) no-repeat center top; }
#contents #rightClm #studyArea { margin-bottom:15px; padding-bottom:15px; border:solid 1px #cbcbcb; background:#FFFFFF url(../img/rightclm_genre_bg.gif) repeat-x 0 55px; text-align:center; }
#contents #rightClm #studyArea .inner { padding-top:50px; background:url(../img/rightclm_genre03_tit.gif) no-repeat center top; }

#contents #rightClm #knowArea ul,
#contents #rightClm #workArea ul,
#contents #rightClm #studyArea ul { width:190px; margin:0 auto; text-align:left; }
#contents #rightClm #knowArea li,
#contents #rightClm #workArea li,
#contents #rightClm #studyArea li { padding:0 0 3px 12px; background:url(../img/arrow_next.gif) no-repeat 0 2px; }


/*===================================================================
	Seikou
===================================================================*/

/* leftClm
===================================================================*/

#seikou #pickup { margin-bottom:15px; padding:15px; background:url(../img/pickup_bg.gif) repeat-y; }

#seikou #listArea { border-top:dashed 1px #dbdbdb; margin-bottom:25px; padding-top:5px;}
#seikou #listArea .section { margin:5px 0; padding:10px; border-bottom:dashed 1px #dbdbdb; }

#seikou #listArea .section h3 { margin-bottom:5px; font-size:110%; font-weight:normal; background:url(../img/arrow_next.gif) no-repeat 0 .5em; padding-left:12px; width:520px; }
#seikou #listArea .section h3 span.large { font-size:130%; font-weight:bold; }
#seikou #listArea .section h3.b_text span.history { display:block; margin-left:18px;}
#seikou #listArea .section h3.b_text a span.history { text-decoration:underline; }
#seikou #listArea .section h3.b_text a:hover span.history { text-decoration:none; }
#seikou #listArea .section img.mm_img { float:right; padding: 0 10px 10px; }

#seikou #banner { margin-bottom:0; }
#seikou #contents .h_top { height:3px; }



/*===================================================================
	Details
===================================================================*/

#details h3#title { width:603px; height:45px; background:url(../img/seikou_details_01.gif) no-repeat 0 0; font-size:130%; font-weight:bold; padding:5px 0 0 22px; line-height:1.5em; margin:25px 0 12px; }
#details h3#title span.small { font-size:80%; font-weight:normal; }

#details .section { width:625px; margin-bottom:10px; }
#details .section p.prof { width:625px; text-align:right; margin:0 0 5px; }
#entry .section h4 { margin-bottom:20px; color:#bd7402; font-weight:bold; }

#details .section .img-l { float:left; margin:2px 15px 15px 0; }

#listArea .section .mg_top { margin-top:15px; }
#listArea .section .mg_lf { margin-left:30px; margin-top:15px; }
#listArea .section .nr_idt { text-indent:-7px; padding-left:18px;}
#listArea .section .nr_idt01 { text-indent:-7px; padding-left:7px;}
#listArea .section .nr_idt02 { text-indent:-15px; padding-left:15px;}
#listArea .section .nr_idt03 { text-indent:-8px; padding-left:23px;}

#listArea .section .comment { background: url(../img/seikou_bg_01.gif) repeat-y 0 0; width:525px; margin: 30px auto 20px; }
#listArea .section .comment .co_bg { padding:7px 15px;}
#listArea .section .comment .co_bg img { display:block; float:right; margin:0 0 5px 10px; }

#linkArea { padding-bottom:7px; border:solid 1px #b6b6b6; margin-bottom:20px; }
#linkArea .titArea { margin-bottom:10px; padding:0 9px 5px 9px; border-bottom:solid 2px #ececec; }
#linkArea .titArea h4 { padding:8px 0 0 8px; border-left:solid 5px #ff9f06; font-weight:bold; }
#linkArea ul { padding:0 9px; text-align:left; }
#linkArea li { padding:0 0 3px 15px; background:url(../img/arrow_next.gif) no-repeat 0 2px; }