@charset "utf-8";

/****************************************/
/* CommonCSS */
/****************************************/

body { text-align: center;}
#container { 
	width: 764px;
	margin: 0 auto;
	background: url(../images/bg_top.gif) no-repeat 0 0;
	text-align: left;
}
/* header */
#header a { display: block;}
#header {
	height:68px;
	position: relative;
}
h1 {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 300px;
	height:68px;
	overflow: hidden;
	background:  url(../images/head_title.gif) no-repeat 0px 0px;
}
h1 a { height: 68px; padding-top: 68px;}

#header p {
	position: absolute;
	left: 665px;
	top: 47px;
	width: 90px;
	height: 18px;
	overflow: hidden;
	background: url(../images/head_mail.gif) no-repeat;
}
#header p a {
	height: 18px;
	padding-top: 18px;	
}
#header p.banner {
	position: absolute;
	left: 610px;
	top: 7px;
	width: 148px;
	height: 40px;
	overflow: hidden;
	background: url(../images/bnr_blog2.gif) no-repeat;
}

#header p.banner a {
	height: 40px;
	padding-top: 40px;	
}

/* navi */
ul.navi {
	margin-left: 2px;
	margin-top: 2px;
	height: 41px;
	overflow: hidden;
	position: relative;
}
ul.navi a { display: block;}
ul.navi li {float:left;}
.navi00 a { background: url(../images/navi_home.gif) no-repeat 0px 0px; width: 95px; height: 41px; padding-top: 41px;}
#home .navi00 { background: url(../images/navi_home.gif) no-repeat 0px -41px; width: 95px; padding-top: 41px;}

.navi01 a { background: url(../images/navi_about.gif) no-repeat 0px 0px; width: 95px; height: 41px; padding-top: 41px;}
#about .navi01 { background: url(../images/navi_about.gif) no-repeat 0px -41px; width: 95px; padding-top: 41px;}

.navi02 a { background: url(../images/navi_choice.gif) no-repeat 0px 0px; width: 95px; height: 41px; padding-top: 41px;}
#choice .navi02 { background: url(../images/navi_choice.gif) no-repeat 0px -41px; width: 95px; padding-top: 41px;}

.navi03 a { background: url(../images/navi_schedule.gif) no-repeat 0px 0px; width: 95px; height: 41px; padding-top: 41px;}
#schedule .navi03 { background: url(../images/navi_schedule.gif) no-repeat 0px -41px; width: 95px; padding-top: 41px;}

.navi04 a { background: url(../images/navi_books.gif) no-repeat 0px 0px; width: 95px; height: 41px; padding-top: 41px;}
#books .navi04 { background: url(../images/navi_books.gif) no-repeat 0px -41px; width: 95px; padding-top: 41px;}

.navi05 a { background: url(../images/navi_rule.gif) no-repeat 0px 0px; width: 95px; height: 41px; padding-top: 41px;}
#rule .navi05 { background: url(../images/navi_rule.gif) no-repeat 0px -41px; width: 95px; padding-top: 41px;}

.navi06 a { background: url(../images/navi_faq.gif) no-repeat 0px 0px; width: 95px; height: 41px; padding-top: 41px;}
#faq .navi06 { background: url(../images/navi_faq.gif) no-repeat 0px -41px; width: 95px; padding-top: 41px;}

.navi07 a { background: url(../images/navi_circle.gif) no-repeat 0px 0px; width: 95px; height: 41px; padding-top: 41px;}
#circle .navi07 { background: url(../images/navi_circle.gif) no-repeat 0px -41px; width: 95px; padding-top: 41px;}


.pageNavi { padding: 3px 7px; clear: both;}

#main {
    margin-top: 0;
	padding: 0px 3px 4px 3px;
	background: url(../images/bg_foot.gif) no-repeat left bottom;	
	font-size: 82%;
}

/* 1colum */
#main_1colum {
	padding: 20px 40px;
}

/* 2colum */
#main_2colum { background: url(../images/bg_body.gif) repeat-y right top;}
#main_2colum #alpha {
	width: 490px;
	/* before Win IE6 */
	_width: 500px;
	float:left;
	padding: 20px 0px 20px 30px;
}
#main_2colum #beta { 
	width: 178px;
	_width: 186px;
	float:right;
	padding: 20px 8px 20px 0px;
}
#main_home {
	padding: 20px;
}
#main_home { background: url(../images/bg_body_home.gif) repeat-y right top;}
#main_home #alpha { width: 415px; float:left;}
#main_home #beta { width: 255px; float:right;}

/* PageTitle */

#main_1colum h2 {
	text-align: left;
	border-left: #337508 solid 12px;
	border-bottom: #337508 solid 2px;
	padding: 3px 0 5px 10px;
        margin-bottom: 1.5em;
}
p.move { text-align: right;}

/* topics_news */
#topics_news ul{
	margin-left: 6px;
	margin-bottom: 1em;
	margin-top: 5px;
	padding-left: 15px;
	list-style-type: disc;
}
#topics_news ol{
	margin-top: 1em;
	padding-left: 25px;
	list-style-type: decimal;
}
#topics_news li{margin-bottom: 0.8em;}

#topics_news h3{
	color: #339900; 
	font-weight: bold; 
	border-bottom: solid 1px #999; 
	margin-bottom: 6px; 
	padding-bottom: 2px; 
	margin-top: 15px;
	line-height: 1.5;
}
#topics_news p{line-height: 115%;}

/* footer */
#footer {
	background: #72AD2D;
	height: 105px;
	color: #337508;
	text-align: center;
	font-size: 12px;
	font-weight: bold;
	padding-top: 20px;
	clear: both;
}

/****************************************/
/* PageCSS */
/****************************************/

/* HOME */


#home #main #alpha,
#home #main #beta { padding-top: 1.5em;}
#home #main h2 img { margin-bottom: 1.5em;}
#home #beta p { font-size: 90%; text-align: center; line-height: 1.6; margin-bottom: 1em;}
#home #beta em { color: #75AE2D; font-weight: bold; font-style: normal;}
#home #beta strong { color: #75AE2D; font-weight: bold; font-size: 150%;}
#home #beta img.banner { margin-right: auto; margin-left: auto; margin-bottom: 0;}

#home #alpha p { line-height: 1.6; margin-bottom: 0.5em;}
#home #alpha #koushin { border: #CCC solid 10px;}
#home #alpha #koushin img{ margin: 0;}
#home #alpha #koushin ul {
	list-style-type: disc;
	list-style-position: inside;
}
#home #alpha #koushin li { border-top: #CCC solid 1px; padding: 7px;}
#home #alpha #koushin li.to_all_list {text-align: right; list-style-type: none;}
#home #alpha p.move { margin: 0 0 2.5em auto;}
#home #alpha p.images { margin: 1.5em 0;}

#home p.past {
border: 3px solid #0099CC;
background-color: #FFFFFF;
margin: 20px 10px 0px;
padding: 10px;
font-size: 120%;
}

#home p.readme {
text-align: cetner;
margin: 70px 10px 0px;
font-size: 120%;
}

#about #main p,
#books #main p,
#choice #main p {margin-bottom: 1em;}

/* senkou-sakuhinn */
#about #main h3,
#books #main h3,
#choice #main h3 { 
	color: #339900; 
	font-weight: bold; 
	border-bottom: solid 1px #999; 
	margin-bottom: 1em; 
	padding-bottom: 3px; 
	margin-top: 2.5em;
	line-height: 1.5;
}
#about #main ul,
#books #main ul,
#choice #main ul {
    margin-left: 10px;
	margin-bottom: 1em;
	padding-left: 25px;
	list-style-type: disc;
}

#books #main ol,
#choice #main ol {
	margin-top: 1em;
	padding-left: 25px;
	list-style-type: decimal;
}
#books #main li,
#choice #main li {margin-bottom: 0.8em;}
#about #main table,
#books #main table { margin: 5px; color: #666; padding: 0px;}
#books #main tr {margin: 0px; padding: 0px;}
#books #main td {margin: 0px; padding: 0px 0px 0px 10px;}
#books #main caption {text-align: left; margin: 0px; padding: 0px;}

/* kitei */
#rule #main dt { margin-top: 2em;}
#rule #main dd { margin-top: 0.5em; margin-bottom: 2em; margin-left: 1em;}
#rule #main ol { margin-left: 2em; list-style-type: decimal;}


/* FAQ */
#faq #main dt {
	margin-top: 2.5em;
	color: #339900;
	font-weight: bold;
	border-bottom: #339900 dotted 1px;
	clear: both;
}
#faq #main dd {
	margin-top: 1em;
	margin-left: 2em;
	margin-bottom: 1em;
	clear: both;
	height: 100%;
}
#faq #main pre { margin: 0.5em 0 0.5em 2em;}
#faq #main ul,
#faq #main ol {
	margin-left: 3em;
	clear: both;	
}
#faq #main ul { list-style-type: disc;}
#faq #main ol { list-style-type: decimal;}
#faq #main .answerA {
	float: left;
	color: #FF6633;
	font-weight: bold;
}
#faq #main .answerContents {
	float: left;
	width: 95%;
}

/* circle */
#circle #main table {
	padding: 0px;
	border-collapse: collapse;
	width: 80%;
	margin-right: auto;
	margin-left:auto;
}
#circle #main table th,
#circle #main table td { padding: 1px 10px 1px 10px; border: #333 solid 1px;}
#circle #main table th { font-weight: bold; background-color: #696; color: #FFF;}
#circle #main table caption { text-align: right; color: #666;}
#circle #main p.table_tilte { padding-left: 70px; margin-bottom: 5px; font-weight: bold;}

/* past_circle */
#past_circle #main table {
	padding: 0px;
	border-collapse: collapse;
	width: 80%;
	margin-right: auto;
	margin-left:auto;
}
#past_circle #main table th,
#past_circle #main table td { padding: 1px 60px 1px 10px; border: #333 solid 1px;}
#past_circle #main table th { font-weight: bold; background-color: #696; color: #FFF;}
#past_circle #main table caption { text-align: right; color: #666;}
#past_circle #main p.table_tilte { padding-left: 70px; margin-bottom: 5px; font-weight: bold;}

/* kouho */
.elect,
.elect_topics,
.elect2 { margin: 15px 5px;}
.elect3 { margin: 15px 5px;}
.elect p img { float: left;}
.elect ul { margin-left: 120px;}
.elect ul li img { margin-top: 10px;}
.elect ul p { margin: 10px 5px 5px 0px;}
.elect .kouho_read { clear: both; margin-top:1em; padding-right: 35px;}

.circle_recomm{ margin: 30px 5px 20px;}
.circle_recomm p img { float: left;}
.circle_recomm ul { margin-left: 120px; padding-top: 15px;}
.circle_recomm ul li img { margin-top: 10px;}
.circle_recomm ul p { margin: 10px 5px 5px 0px;}
.circle_recomm p.circlename {
    margin: 5px 0px;
    font-weight: bold;
}
.circle_recomm p.circlename span{
    border-bottom: solid 1px #75AE2D;
}
.circle_recomm p.circlename span.caption{
    color: #75AE2D;
    border-bottom: solid 1px #75AE2D;
}

#kouho #main_1colum {
	padding: 20px 30px 30px 50px;
	background: url(../images/bg_kouho.gif) no-repeat;
}
#kouho .waku { clear: both;}
#kouho h2 { border: none;}
#kouho h2.circle_recomm_title {
	text-align: left;
	border-left: #337508 solid 12px;
	border-bottom: #337508 solid 2px;
	padding: 3px 0 5px 10px;
        margin-bottom: 5px;
}
#kouho .read { margin: 2em;}
#kouho .subtitle { margin: 0em 2em 2em; color: #337508;}
#kouho .elect { width: 320px; float: left;}
#kouho .circle_recomm { width: 320px; float: left;}
#kouho .elect2 { width: 300px; float: left; border: #09C solid 3px;} 
#kouho .elect2 p.list_intro{ margin: 1.5em 1.5em 1em; font-weight: bold;}
#kouho .elect2 p.list_link{ margin: 0em 1.5em 1em 1.5em;}
#kouho .elect3 { width: 300px; float: left; border: #F54260 solid 3px;} 
#kouho .elect3 p.list_intro{ margin: 1.5em 1.5em 1em; font-weight: bold;}
#kouho .elect3 p.list_link{ margin: 0em 1.5em 1em 1.5em;}
#kouho .elect_topics { float: left; border: #F54260 double 3px; padding: 5px 10px;}
#kouho .elect_topics h3{ font-weight: bold; font-size: 120%; margin-bottom: 5px;}
#kouho .elect h3 { clear: none; text-align: left; font-size: 110%; font-weight: bold; margin-bottom: 0.5em;}
#kouho .circle_recomm h3 { clear: none; text-align: left; font-size: 110%; margin: 5px 0px; font-weight: bold;}
#kouho .list_recommend {text-align: right; padding: 5px 35px 10px 0px; font-size: 80%;}

#kouho_shosai .elect ul li.shosai { margin-top: 0.5em;}
#kouho_shosai .elect ul li span.reading_award {
        font-size: 105%;
        font-weight: bold;
        color: #0099CC;
}
#kouho_shosai .elect h2 {
	clear: none;
	text-align: left;
	font-size: 140%;
	font-weight: bold;
	margin-bottom: 0.5em;
        margin-top: 5px;
}

#kouho_shosai .comment p{ clear: both; padding-top: 1em;}
#kouho_shosai .comment p.best_recommend{ clear: both; margin-bottom: 15px;}
#kouho_shosai .comment span {clear: both; display: block; text-align: right; font-size: 85%; font-weight: bold; margin-bottom: 0.5em;}
#kouho_shosai .comment p.move img { text-align: right; margin: 1em 0 0 auto;}
#kouho_shosai .comment { border-top: #CCC solid 1px; padding: 1em;}
#kouho_shosai .comment h3 { float: left; font-size: 110%; font-weight: bold; margin-bottom: 5px;}

#kouho_shosai .comment2008 p{ clear: both;}
#kouho_shosai .comment2008 p.best_recommend{ clear: both; margin-bottom: 15px;}
#kouho_shosai .comment2008 span { float: right; display: block; text-align: right; font-size: 85%; font-weight: bold; margin-bottom: 0.5em;}
#kouho_shosai .comment2008 p.move img { text-align: right; margin: 1em 0 0 auto;}
#kouho_shosai .comment2008 { border-top: #CCC solid 1px; padding: 1em;}
#kouho_shosai .comment2008 h3 { float: left; font-weight: bold; margin-bottom: 0.5em;}


#kouho_shosai #beta h2 { margin-bottom: 1em;}
#kouho_shosai .navi_book { clear: both; margin-bottom: 2em;}
#kouho_shosai .navi_book p { float: left;}
#kouho_shosai .navi_book ul { margin-left: 50px;}
#kouho_shosai .navi_book h3 { font-weight: bold; clear: none;}

#kouho_shosai .page_footer { border-top: #CCC solid 1px; padding: 1em;}
#kouho_shosai .page_footer p.floatR {text-align: right; float: right;}
#kouho_shosai .page_footer p.floatL {text-align: left; float: left;}

#kouho_shosai .elect_topics { border: #F54260 double 3px; padding: 5px 10px;}
#kouho_shosai .elect_topics h3{ font-weight: bold; font-size: 120%; margin-bottom: 5px;}

/* touhyou */
#touhyou #main .read { margin-bottom: 2em;}
#touhyou #main table {
	padding: 0px;
	border-collapse: collapse;
	margin-left: 12px;
	margin-bottom: 5px;	
}
#touhyou #main table th,
#touhyou #main table td { padding: 1px 10px; border: #333 solid 1px;}
#touhyou #main table th { font-weight: bold; background-color: #696; color: #FFF; text-align: center;}
#touhyou #main table caption { text-align: left; margin-bottom: 2px;}
#touhyou #main .bottomcap { text-align: right; color: #666;}
#touhyou #main table .best td { background-color: #FFFFDD;}

/* news */
#news #main_1colum #koushin { border: #CCC solid 10px;}
#news #main_1colum #koushin img{ margin: 0;}
#news #main_1colum #koushin ul {
	list-style-type: disc;
	list-style-position: inside;
}
#news #main_1colum #koushin li { border-top: #CCC solid 1px; padding: 7px;}
#news #main_1colum p.page_footer {text-align: right;}
#news #main_1colum h2 {font-size: 120%; font-weight: bold;}
#news .news_content{padding: 0px 20px;}
#news .news_date {
        border-bottom: dotted 1px #666;
        text-align: right;
        margin: 10px 0px;
} 

/* readme */ 
#readme #main_1colum #backnumber ul {list-style-type: disc; list-style-position: inside; margin-left: 20px; color: #333;}
#readme #main_1colum #backnumber li {padding: 10px;}
#readme #main_1colum #backnumber span {color: #000;}
#readme #main_1colum #backnumber p {padding-left: 20px; font-size: 82%;}
#readme #main_1colum p.newest {font-size: 120%;}
#readme #main_1colum p.newestindex {margin: 10px 0px 0px 20px;}
#readme #main_1colum p.newestdate {text-align: right; margin-bottom: 5px;}

/* 2008年発表会レポページ */

table.rankTable { border-collapse: collapse; width:185px;}
table.rankTable th,
table.rankTable td { padding: 3px; border: #333 solid 1px;}

table.rankTable th {text-align: center;}

.touronkai { padding: 0 2em;}
.touronkai h3 { font-weight: bold; font-size: 120%; margin: 1.5em 0 0.5em 0;}
.touronkai p { margin-bottom: 1em;}
.touronkai p.photo { text-align: center;}

.touronkai dl { margin: 2em 0;}
.touronkai dt { 
    font-weight: bold;
    color: #72AD2D;    
    margin-top: 1.5em;
}
.touronkai dd.name { color: #72AD2D; margin-bottom: 0.5em; border-bottom: #72AD2D dotted 2px;}
.touronkai dd.name a { display: block; float: right;}
.touhyou_link {
    text-align: right;
    margin: 5px 25px 5px 0px;
}

/* 贈賞式レポートページ */

#report {padding: 10px 40px 5px;}
#report p.floatL {float: left; margin-right: 15px;}
#report p.floatR {float: right; margin-left: 15px;}
#report h3 {
    font-size: 140%;
    font-weight: bold;
    margin: 0px 0px 10px;
    border-bottom: solid 1px #363;
    background: url(../images/bg_cap.gif) no-repeat left top #fff;
    padding: 0px 0px 0px 50px;
    vertical-align: bottom;
    color: #666;
}
#report div.article_pane {margin: 40px 0px 0px;}
#report div.article_pane p.article{padding: 0px 10px; margin: 0px;}
#report p.credit{margin-top: 25px; text-align: right;}

/* 090930 過去ログページ用　yamada */
.b_year_alpha { width: 440px; float: left; margin-left: 10px;}
.b_year_alpha p.photo {text-align: center; padding: 5px; margin: 0px 0px 10px;}
.b_year_alpha p.photo img{margin: 0px auto;}
.b_year_beta { width: 200px; float: right; font-size: 80%; margin-bottom: 20px;}
.b_year { margin-bottom: 20px;}
.b_year h3 { margin-top: 1em; }
.b_year ul.link { margin: 0em 1em 2em;}
.b_year ul.link { list-style-type: disc;}