@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 #cbcbcb; 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 #2676e0; 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; }


/*===================================================================
	Gokaku
===================================================================*/

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

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

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

#gokaku #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; }
#gokaku #listArea .section h3 span.large { padding-right:1em; font-size:130%; font-weight:bold; }
#gokaku #listArea .section img.mm_img { float:right; padding: 0 10px 10px; }

#gokaku #banner { margin-bottom:0; }


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

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

#details .section { width:625px; margin-bottom:10px; }
#entry .section h4 { margin-bottom:20px; color:#bd7402; font-weight:bold; }

#details .section .img-r { float:right; margin:0 0 5px 15px; width:120px; }
#details .section .img-r p { text-align:right; margin:2px 0 0; }

#details table#table_list { width:625px; }
#details table#table_list tr td { width:203px; border-top:1px solid #ff9f06; border-left:1px solid #ff9f06; background:url(../goukaku/img/list_bg.gif) repeat-x left bottom; padding:6px 0 6px 3px; }
#details table#table_list tr td span { display:block; background:url(../img/arrow_next.gif) no-repeat 0 .2em; padding-left:12px; }
#details table#table_list tr td.td_r { width:205px; border-right:1px solid #ff9f06; }
#details table#table_list tr td.td_bottom { border-bottom:1px solid #ff9f06; }
#details table#table_list tr td#current { font-weight:bold; background:url(../goukaku/img/list_bg_act.gif) repeat-x left bottom;}
#details table#table_list tr td#current span { display:block; background:url(../img/arrow_h_next.gif) no-repeat 0 .2em; padding-left:12px; }