@charset "utf-8";

/* CSS Document */



body  {
	margin: 0; /* 複数の異なるブラウザの初期設定値に対応するため、body エレメントのマージンと余白を 0 にすることをお勧めします */
	padding: 10px 0 0 0;
	text-align: center; /* これにより、IE 5* ブラウザではコンテナが中央揃えになります。そして、テキストは、#container セレクタの初期設定である左揃えに設定されます */
}

.twoColFixLtHdr #container { 
	width: 950px;  /* 最大幅である 800px より 20px 小さくすることにより、ブラウザクロームの使用が可能となり、水平スクロールバーが表示されなくなります */
	background: #FFFFFF;
	margin: 0 auto; /* 自動マージン（幅と連動）により、ページが中央揃えになります */
	text-align: left; /* この設定は body エレメントの text-align: center より優先されます。 */
} 

.twoColFixLtHdr #header { 
	padding: 0 0px 0 0px;  /* この余白は、その下に表示される div のエレメントの左揃えと一致します。#header でテキストの代わりにイメージが使用される場合は、必要に応じて、余白を削除してください。 */
} 

.twoColFixLtHdr #header h1 {
	width:400px;
	float:left;
	margin: 0; /* #header div の最後のエレメントのマージンを 0 に設定することにより、マージンの相殺（div 間の原因不明のスペース）が回避されます。div の周囲に境界線が適用されている場合は、境界線によってマージンの相殺が回避されるため、この操作は不要です */

	padding: 0 0 5px 0; /* マージンの代わりに余白を使用して、エレメントを div の端に接触しない位置に維持することができます */

}

.twoColFixLtHdr #sidebar1 {

	float: left; /* このエレメントはフローティングエレメントであるため、幅が設定されている必要があります */

	width: 200px; /* 標準に準拠したブラウザまたは Internet Explorer の標準モードでは、この div の実際の幅には、幅に加えて余白と境界線も含まれます */

}

.twoColFixLtHdr #mainContent { 

	float:right;
	width:740px;

} 

.twoColFixLtHdr #mainContent p.wide{ 

	width:660px;

	margin:10px auto;

}

.twoColFixLtHdr #footer { 

	padding: 0 10px 0 20px; /* この余白は、その上に表示される div のエレメントの左揃えと一致します。 */

	margin-top:20px;

	background:#DDDDDD; 

} 

.twoColFixLtHdr #footer p {

	margin: 0; /* フッターの最初のエレメントのマージンを 0 に設定することにより、マージンの相殺（div 間のスペース）が回避されます */

	padding: 10px 0; /* このエレメントの余白により、マージンの相殺を発生させることなく、マージンの効果とまったく同じように、スペースが設定されます */

}

.fltrt { /* このクラスは、ページ上でフローティングエレメントを右側に配置するのに使用できます。プローティングエレメントは、ページ上でその横に配置されるエレメントの前に配置される必要があります。 */

	float: right;

	margin-left: 8px;

}

.fltlft { /* このクラスは、ページ上でフローティングエレメントを左側に配置するのに使用できます */

	float: left;

	margin-right: 8px;

}

.clearfloat { /* このクラスは、div またはブレークエレメントに適用される必要があり、また、フローティングエレメントが完全に含まれているコンテナの末尾の直前にある最後のエレメントである必要があります */

	clear:both;

    height:0;

    font-size: 1px;

    line-height: 0px;

}



/* header */

#header{

	float:left;

	margin-bottom:10px;

	width:100%;

	}

#header #headerflash{
	float:right;
	width:450px;
}
#header h1 a{
	text-indent:-9999em;
	display:block;
	background:url(../images/logo.jpg) no-repeat 0 0;
	width:400px;
	height:72px;
	}

#header p#logo {

	margin:0;

	padding:0;

	line-height:0;

}

#header p#logo a{

	text-indent:-9999em;

	display:block;

	background:url(../images/logo.jpg) no-repeat 0 0;

	width:400px;

	height:72px;

	margin:0 0 -36px 0;

	padding:0;

	line-height:0;

	}

#header ul#gmenu{

	float:left;

	width:721px;

	height:31px;

	background:url(../images/gmenu.jpg) no-repeat 0 0;

	margin:0 0 10px 0;

	padding:0;

	}

#header ul#gmenu li{

	float:left;

	width:156px;

	height:31px;

	}

#header ul#gmenu li#first{

	padding-left:92px;

}

#header ul#gmenu li a{

	display:block;

	width:156px;

	height:31px;

	text-indent:-9999em;

}

#header ul#gmenu li a#company{background:url(../images/gmenu.jpg) no-repeat -92px 0;}

#header ul#gmenu li a#company:hover,#header ul#gmenu li a#company.over{background:url(../images/gmenu.jpg) no-repeat -92px -31px;}

#header ul#gmenu li a#univ{background:url(../images/gmenu.jpg) no-repeat -248px 0;}

#header ul#gmenu li a#univ:hover,#header ul#gmenu li a#univ.over{background:url(../images/gmenu.jpg) no-repeat -248px -31px;}

#header ul#gmenu li a#gv{background:url(../images/gmenu.jpg) no-repeat -404px 0;}

#header ul#gmenu li a#gv:hover,#header ul#gmenu li a#gv.over{background:url(../images/gmenu.jpg) no-repeat -404px -31px;}

#header ul#gmenu li a#school{background:url(../images/gmenu.jpg) no-repeat -560px 0;}

#header ul#gmenu li a#school:hover,#header ul#gmenu li a#school.over{background:url(../images/gmenu.jpg) no-repeat -560px -31px;}


.inqdiv{float:right;width:222px;}
#header ul#inqmenu{

	float:right;

	width:222px;

	height:31px;

	padding:0;

	margin:0 0 10px 0

	}

#header ul#inqmenu li{

	float:left;

	width:111px;

	height:31px;

	}

#header ul#inqmenu li a{

	display:block;

	width:111px;

	height:31px;

	text-indent:-9999em;

}

#header ul#inqmenu li a#join{background:url(../images/inqmenu.jpg) no-repeat 0px 0;}

#header ul#inqmenu li a#join:hover,#header ul#inqmenu li a#join.over{background:url(../images/inqmenu.jpg) no-repeat 0px -32px;}

#header ul#inqmenu li a#inq{background:url(../images/inqmenu.jpg) no-repeat -111px 0;}

#header ul#inqmenu li a#inq:hover,#header ul#inqmenu li a#inq.over{background:url(../images/inqmenu.jpg) no-repeat -111px -32px;}



/* side bar */

#book{
	width:201px;
	height:230px;
	background:url(../images/book.jpg) no-repeat 0 0;
	text-align:center;
	padding-top:28px;
	}
#book a#cover{
	display:block;
	background:url(../images/book/thumb7.jpg) no-repeat -140px 0;
	width:140px;
	height:182px;
	text-indent:-9999em;
	margin:0 auto 0 auto;
	border:1px solid #b0aeaf;
}
#book a#cover:hover{
	background:url(../images/book/thumb7.jpg) no-repeat 0 0px;
}



#menuAbout{

	float:left;

	width:200px;

	padding:30px 0 5px 0;

	background:url(../images/leftmenuAboutus.gif) no-repeat 0 0;

	margin:0;

	}

#menuAbout li{

	width:200px;

	height:38px;

	margin:0;

	padding:0;

	}

#menuAbout li a{

	display:block;

	width:200px;

	text-indent:-9999em;

}

#menuAbout li a#about{background:url(../images/leftmenuAboutus.gif) no-repeat 0 -30px;height:34px;}

#menuAbout li a#about:hover{background:url(../images/leftmenuAboutus.gif) no-repeat -202px -30px;}

#menuAbout li a#howto{background:url(../images/leftmenuAboutus.gif) no-repeat 0 -70px;height:35px;}

#menuAbout li a#howto:hover{background:url(../images/leftmenuAboutus.gif) no-repeat -202px -70px;}

#menuAbout li a#glogo{background:url(../images/leftmenuAboutus.gif) no-repeat 0 -106px;height:35px;}

#menuAbout li a#glogo:hover{background:url(../images/leftmenuAboutus.gif) no-repeat -202px -106px;}





#menuLineup{

	float:left;

	width:200px;

	padding:30px 0 5px 0;

	background:url(../images/leftmenuLineup.gif) no-repeat 0 0;

	margin:0;

	}

#menuLineup li{

	width:200px;

	height:37px;

	margin:0;

	padding:0;

	}

#menuLineup li a{

	display:block;

	width:200px;
	height:37px;

	text-indent:-9999em;

}

#menuLineup li a#program{background:url(../images/leftmenuLineup.png) no-repeat 0 0px;}
#menuLineup li a#program:hover{background:url(../images/leftmenuLineup.png) no-repeat 0px -37px;}

#menuLineup li a#jikken{background:url(../images/leftmenuLineup.png) no-repeat -200px 0px;}
#menuLineup li a#jikken:hover{background:url(../images/leftmenuLineup.png) no-repeat -200px -37px;}

#menuLineup li a#event{background:url(../images/leftmenuLineup.png) no-repeat -400px 0px;}
#menuLineup li a#event:hover{background:url(../images/leftmenuLineup.png) no-repeat -400px -37px;}

#menuLineup li a#kit{background:url(../images/leftmenuLineup.png) no-repeat -600px 0px;}
#menuLineup li a#kit:hover{background:url(../images/leftmenuLineup.png) no-repeat -600px -37px;}

#menuLineup li a#build{background:url(../images/leftmenuLineup.png) no-repeat -800px 0px;}
#menuLineup li a#build:hover{background:url(../images/leftmenuLineup.png) no-repeat -800px -37px;}

#menuLineup li a#publish{background:url(../images/leftmenuLineup.png) no-repeat -1000px 0px;}
#menuLineup li a#publish:hover{background:url(../images/leftmenuLineup.png) no-repeat -1000px -37px;}

#menuLineup li a#web{background:url(../images/leftmenuLineup.png) no-repeat -1200px 0px;}
#menuLineup li a#web:hover{background:url(../images/leftmenuLineup.png) no-repeat -1200px -37px;}

#menuLineup li a#gmenusshow{background:url(../images/leftmenuLineup.png) no-repeat -1400px 0px;}
#menuLineup li a#gmenusshow:hover{background:url(../images/leftmenuLineup.png) no-repeat -1400px -37px;}





#menuResults{

	float:left;

	width:200px;

	padding:30px 0 5px 0;

	background:url(../images/leftmenuReport.gif) no-repeat 0 0;

	margin:0;

	}

#menuResults li{

	width:200px;

	height:38px;

	margin:0;

	padding:0;

	}

#menuResults li a{

	display:block;

	width:200px;

	text-indent:-9999em;

}

#menuResults li a#rcompany{background:url(../images/leftmenuReport.gif) no-repeat 0 -30px;height:34px;}

#menuResults li a#rcompany:hover,#menuResults li a#company.over{background:url(../images/leftmenuReport.gif) no-repeat -201px -30px;}

#menuResults li a#runiv{background:url(../images/leftmenuReport.gif) no-repeat 0 -70px;height:35px;}

#menuResults li a#runiv:hover,#menuResults li a#univ.over{background:url(../images/leftmenuReport.gif) no-repeat -201px -70px;}

#menuResults li a#rgv{background:url(../images/leftmenuReport.gif) no-repeat 0 -106px;height:35px;}

#menuResults li a#rgv:hover,#menuResults li a#gv.over{background:url(../images/leftmenuReport.gif) no-repeat -201px -106px;}

#menuResults li a#rschool{background:url(../images/leftmenuReport.gif) no-repeat 0 -143px;height:35px;}

#menuResults li a#rschool:hover,#menuResults li a#school.over{background:url(../images/leftmenuReport.gif) no-repeat -201px -143px;}



#joiner{

	margin:0;

	float:left;

	width:200px;

	padding:30px 0 5px 0;

	background:url(../images/leftmenuGroup.gif) no-repeat 0 0;

	}

#joiner li{

	float:left;

	width:100px;

	height:38px;

	margin:0;

	padding:0;

	}

#joiner li a{

	display:block;

	width:100px;

	text-indent:-9999em;

}

#joiner li a#jcompany{background:url(../images/leftmenuGroup.gif) no-repeat 0 -30px;height:34px;}

#joiner li a#jcompany:hover,#joiner li a#company.over{background:url(../images/leftmenuGroup.gif) no-repeat -201px -30px;}

#joiner li a#jgv{background:url(../images/leftmenuGroup.gif) no-repeat -100px -30px;height:34px;}

#joiner li a#jgv:hover,#joiner li a#gv.over{background:url(../images/leftmenuGroup.gif) no-repeat -301px -30px;}

#joiner li a#juniv{background:url(../images/leftmenuGroup.gif) no-repeat 0px -67px;height:34px;}

#joiner li a#juniv:hover,#joiner li a#univ.over{background:url(../images/leftmenuGroup.gif) no-repeat -201px -67px;}

#joiner li a#jschool{background:url(../images/leftmenuGroup.gif) no-repeat -100px -67px;height:34px;}

#joiner li a#jschool:hover,#joiner li a#school.over{background:url(../images/leftmenuGroup.gif) no-repeat -301px -67px;}



.kyouikuCSR{display:block;width:202px;height:50px;background:url(../images/kyouiku_ichiran_bn.gif) no-repeat;text-indent:-9999em;margin-bottom:10px;}
.kyouikuCSR:hover{display:block;width:202px;height:50px;background:url(../images/kyouiku_ichiran_bn.gif) no-repeat;}

.CSRinfo{display:block;width:202px;height:53px;margin-bottom:10px;background:url(../images/kyouiku_hakusho_bn.gif) no-repeat;text-indent:-9999em;}

.experimentsLineup{display:block;width:202px;height:122px;background:url(../images/top/experiments.jpg) no-repeat 0 0;text-indent:-9999em;margin-bottom:10px;}
.experimentsLineup:hover{display:block;width:202px;height:122px;background:url(../images/top/experiments.jpg) no-repeat 0 -122px;}



/* toppage main colmn */

#mainpanel{

	width:100%;

	}

#schedulebox{

	float:left;

	margin:10px 0;

}


#sLeftBox,#sRightBox,#topsLeftBox,#topsRightBox{
	width:360px;
	text-align:center;
}
#topsLeftBox{float:left;}
#topsRightBox{float:right;text-align:left;}

#sLeftBox div.pink{
	width:350px;
	background-color:#FFEEEE;
	float:left;
	margin:0 auto 5px auto;
	height:160px;
	text-align:left;
}

#sLeftBox div.pink a img{
	float:left;
	margin:0px 0 5px 10px;
}

#sLeftBox div.pink div.rightData{
	float:right;
	width:250px;
}

#sLeftBox div.pink p.place{
	background:url(../images/icon/results_pink.jpg) no-repeat 0 50%;
	text-indent:32px;
	font-size:medium;
	font-weight:bold;
	float:left;
	width:100%;
	margin:5px 0 5px 5px;
}

#sLeftBox div.pink p.place a{
	color:#820E0C;
	text-decoration:underline;
}

#sLeftBox div.pink p.date{
	margin:0;
	padding:0;
	font-size:x-small;
}

#sLeftBox div.pink p.text{
	font-size:10px;
	padding-right:10px;
}

#sLeftBox div.pinkline{
	width:348px;
	height:158px;
	border:1px solid #FFEEEE;
	float:left;
	margin:0 auto 5px auto;
	text-align:left;
}

#sLeftBox div.pinkline a img{
	float:left;
	margin:0px 0 5px 10px;
}

#sLeftBox div.pinkline div.rightData{
	float:right;
	width:250px;
}

#sLeftBox div.pinkline p.place{
	background:url(../images/icon/results_off.jpg) no-repeat 0 50%;
	text-indent:32px;
	font-size:medium;
	font-weight:bold;
	color:#820E0C;
	float:left;
	width:100%;
	margin:5px 0 5px 5px;
}

#sLeftBox div.pinkline p.place a{
	color:#820E0C;
	text-decoration:underline;
}

#sLeftBox div.pinkline p.date{
	margin:0;
	padding:0;
	font-size:x-small;
}

#sLeftBox div.pinkline p.text{
	font-size:10px;
	padding-right:10px;
}


#sRightBox div.green{
	width:350px;
	height:160px;
	background-color:#CEF4B8;
	float:left;
	margin:0 auto 5px auto;
	text-align:left;
}

#sRightBox div.green div.date{
	background:url(../images/clock_green.jpg) no-repeat 50% 2px;
	padding-top:32px;
	width:110px;
	font-size:x-large;
	text-align:center;
	font-weight:bold;
	line-height:1.1em;
	float:left;
}

#sRightBox div.green div.detail{
	width:220px;
	float:left;
	padding-left:10px;
	padding-top:5px;
}

#sRightBox div.green .place{
	background:url(../images/icon/info_green.jpg) no-repeat 0 0;
	text-indent:35px;
	float:left;
	line-height:33px;
	margin:0;
}

#sRightBox div.green .text{
	font-size:10px;
	clear:both;
	margin:0;
	padding:0;
}



#sRightBox div.greenline{
	width:348px;
	height:158px;
	border:1px solid #CEF4B8;
	float:left;
	margin:0 auto 5px auto;
	text-align:left;
}

#sRightBox div.greenline div.date{
	background:url(../images/clock_white.jpg) no-repeat 50% 2px;
	padding-top:35px;
	width:110px;
	font-size:x-large;
	text-align:center;
	font-weight:bold;
	line-height:1.2em;
	float:left;
}

#sRightBox div.greenline div.detail{
	width:220px;
	float:left;
	padding-left:10px;
}

#sRightBox div.greenline .place{
	background:url(../images/icon/info_off.jpg) no-repeat 0 0;
	text-indent:35px;
	float:left;
	line-height:33px;
	margin:0;
}

#sRightBox div.greenline .text{
	font-size:10px;
	clear:both;
	margin:0;
	padding:0;
}

.rectitle{
	background:url(../images/icon/rectitle.gif) no-repeat 0 0;
	padding-left:28px;
	font-weight:bold;
	margin:5px;
	text-decoration:underline;
	font-size:medium;
}





#sassibox{width:720px;background-color:#706E6E;clear:both;}
#sassibox #title{width:720px;background:url(../images/sassiTitle.jpg) no-repeat 0 0;text-indent:-9999em;height:30px;margin:0;padding:0;}
#sassiboxBottom{display:block;width:720px;background:url(../images/sassi_bottom.jpg) no-repeat 0 0;text-indent:-9999em;height:7px;margin:0;padding:0;text-indent:-9999em;}
#sassiBody{
	background:url(../images/sassi_info.jpg) no-repeat 40px 50%;
	width:720px;
}
#sassiBody #inner{margin-left:130px;width:400px;}
#sassiBody #inner a{color:#fff;text-decoration:underline;}
#sassiBody #inner ul{margin:0;padding:10px 0;width:400px;}
#sassiBody #inner ul li{margin:0;padding:0;line-height:1.5em;width:400px;}
#sassiBody #inner ul li span{color:#FF9933;margin-right:1em;}
#sassiBody #more{float:right;display:block;width:126px;height:30px;background:url(../images/sassi_more.jpg) no-repeat 0 0;text-indent:-9999em;margin-right:20px;}
#sassiBody #moreinner{float:right;width:130px;margin-top:-35px;}


#sassibox2{width:600px;background-color:#706E6E;margin:0 auto;clear:both;}
#sassibox2 #title{width:100%;background:url(../images/sassiTitle.jpg) no-repeat 0 0;text-indent:-9999em;height:30px;margin:0;padding:0;}
#sassibox2Bottom{display:block;width:100%;background:url(../images/sassi_bottom.jpg) no-repeat 0 0;text-indent:-9999em;height:7px;margin:0;padding:0;text-indent:-9999em;}
#sassiBody2{
	background:url(../images/sassi_info.jpg) no-repeat 40px 50%;
	width:600px;
}
#sassiBody2 #inner{margin-left:130px;width:400px;}
#sassiBody2 #inner a{color:#fff;text-decoration:underline;}
#sassiBody2 #inner ul{margin:0;padding:0;width:400px;}
#sassiBody2 #inner ul li{margin:0;padding:0;line-height:1.5em;width:400px;}
#sassiBody2 #inner ul li span{color:#FF9933;margin-right:1em;}
#sassiBody2 #more{float:right;display:block;width:126px;height:30px;background:url(../images/sassi_more.jpg) no-repeat 0 0;text-indent:-9999em;margin-right:20px;}
#sassiBody2 #moreinner{float:right;width:130px;margin-top:-35px;}
#sassiboxBottom2{display:block;width:600px;background:url(../images/sassi_bottom.jpg) no-repeat 0 0;text-indent:-9999em;height:7px;margin:0;padding:0;text-indent:-9999em;}



.rightBox{clear:both;}

#lineup{width:700px;margin:0 auto;padding:0;}

#lineup li{width:170px;text-align:center;float:left;}

#lineup li span.title{display:block;background:url(../images/bg-h3-links.gif) 0 50% no-repeat;text-indent:20px;text-align:left;font-size:small;color:#333333;text-decoration:underline;}



#lineup2{width:720px;margin:0 auto;padding:0;}

#lineup2 li{width:240px;text-align:center;float:left;margin:0;padding:0;overflow:hidden;}

#lineup2 li span.title{display:block;background:url(../images/bg-h3-links.gif) 0 50% no-repeat;text-indent:20px;text-align:left;font-size:small;color:#333333;text-decoration:underline;}



#specialThanks{width:720px;margin:0 auto;}

#sankadantai{width:143px;height:138px;background:url(../images/sankadantai.jpg) no-repeat 0 0;text-indent:-9999em;float:left;margin:0;}

#members{border:1px solid #FF9100;width:574px;float:right;}

#members #title{width:574px;height:29px;text-indent:-9999em;background:url(../images/title/titleKyosan.jpg) no-repeat 0 0;margin:0;}

#members #kazu{width:70px;background:url(../images/thanks/thanks_kei.jpg) no-repeat 10px 40%;height:120px;float:left;padding-left:60px;}

#members #kazu ul{margin:0px;padding:0;width:3em;}

#members #kazu ul li{margin:0px;padding:0;font-size:x-large;font-weight:bold;line-height:35px;width:3em;}

#update{float:left;}

#update ul{margin:0 0 0 20px;padding:0;width:250px;}

#update ul li{background:url(../images/thanks/add.png) no-repeat 0 2px;line-height:1.3em;margin:0;padding:0;padding-left:20px;}

#kei{width:140px;height:93px;background:url(../images/thanks/thanks.jpg) no-repeat 0 0;float:right;margin:10px;text-align:center;padding-top:30px;font-size:50px;color:#FF9100;font-weight:bold;}



.rightInner{width:720px;margin:0 auto;}





/* members */

#membersamount{

	width:720px;

	margin:0 auto;

}

#membersamount li{

	float:left;

	width:240px;

	}

#membersamount li p.kind{font-size:large;font-weight:bold;margin:0;padding:0;}

#membersamount li span.amount{font-size:80px;line-height:1.1em;font-weight:bold;color:#FF9900;margin:0;}

#keiBig{width:321px;height:132px;background:url(../images/thanks/memberskei.jpg) no-repeat 0 0;margin:30px auto 10px auto;text-align:center;font-size:65px;padding-top:50px;color:#FF9100;font-weight:bold;clear:both;}

#registblock{width:510px;margin:20px auto;}



/* lineup */

#lineupBox div.blue{
	float:left;
	width:350px;
	background-color:#E7EBFE;
	margin:10px 10px 0 0px;
}

#lineupBox div.blue a img{
	float:left;
	margin:10px 0 0 10px;
}
#lineupBox div.blue div.rightData{
	float:right;
	width:300px;
	padding-right:10px;
}

#lineupBox div.blue p.place{
	background:url(../images/icon/results_pink.jpg) no-repeat 0 50%;
	text-indent:36px;
	font-size:medium;
	font-weight:bold;
	width:340px;
	margin:5px auto 0 5px;
	overflow:hidden;
}

#lineupBox div.blue p.place a{

	color:#820E0C;

	text-decoration:underline;

}

#lineupBox div.blue p.text{
	font-size:x-small;
	padding-right:10px;
}

.subtitle{

	font-size:small;

	font-weight:bold;

}

.textblock{

	clear:both;

	width:330px;

	margin:0 auto;

}

.textblock p.bold{

	margin:0;

	font-weight:bold;

}


/* book */

#headlineVol1{width:720px;height:184px;background:url(../images/book/1/bookHeadvol1.jpg) no-repeat 0 0;text-indent:-9999em;margin:0;}
#headlineVol1 a{display:block;width:720px;height:184px;text-indent:-9999em;}
#headlineVol2{width:720px;height:184px;background:url(../images/book/2/bookHeadvol2.jpg) no-repeat 0 0;text-indent:-9999em;margin:0;}
#headlineVol2 a{display:block;width:720px;height:184px;text-indent:-9999em;}
#headlineVol3{width:720px;height:184px;background:url(../images/book/3/bookHeadvol3.jpg) no-repeat 0 0;text-indent:-9999em;margin:0;}
#headlineVol3 a{display:block;width:720px;height:184px;text-indent:-9999em;}
#headlineVol4{width:720px;height:184px;background:url(../images/book/4/bookHeadvol4.jpg) no-repeat 0 0;text-indent:-9999em;margin:0;}
#headlineVol4 a{display:block;width:720px;height:184px;text-indent:-9999em;}
#headlineVol5{width:720px;height:184px;background:url(../images/book/5/bookHeadvol5.jpg) no-repeat 0 0;text-indent:-9999em;margin:0;}
#headlineVol5 a{display:block;width:720px;height:184px;text-indent:-9999em;}


#yosete{
	width:85%;
	margin:20px auto;
}
.bookblock{
	float:left;
	width:85%;
	margin-left:20px;
	margin-bottom:20px;
	padding-left:20px;
	border-left:10px solid #ffc935;
	padding-bottom:20px;
	border-bottom:1px solid #b0aeaf;
}
.bookblock h2{
	padding:10px;
	margin-bottom:10px;
	background-color:#706e6f;
	color:#fff;
}
.bookblock h2 a{
	color:#fff;
	text-decoration:underline;
}
.bookblock h2 a:hover{
	color:#ddd;
	text-decoration:underline;
}
.bookblocksub{
	float:left;
	width:85%;
	padding-top:0;
	margin:-20px 0 20px 20px;
	_margin:-0px 0 20px 20px;
	padding-left:20px;
	border-bottom:1px solid #b0aeaf;
}

.bookblock2{
	float:left;
	width:85%;
	margin-left:20px;
	margin-bottom:20px;
	padding-left:20px;
	border-left:10px solid #0d76c7;
	padding-bottom:20px;
	border-bottom:1px solid #b0aeaf;
}
.bookblock2 h2{
	padding:10px;
	margin-bottom:10px;
	background-color:#706e6f;
	color:#fff;
}
.bookblock2 h2 a{
	color:#fff;
	text-decoration:underline;
}
.bookblocksub2{
	float:left;
	width:85%;
	margin:0 0 20px 20px;
	margin-bottom:20px;
	padding-left:20px;
	border-bottom:1px solid #b0aeaf;
}

.bookblock3{
	float:left;
	width:85%;
	margin-left:20px;
	margin-bottom:20px;
	padding-left:20px;
	border-left:10px solid #f3b3b1;
	padding-bottom:20px;
	border-bottom:1px solid #b0aeaf;
}
.bookblock3 h2{
	padding:10px;
	margin-bottom:10px;
	background-color:#706e6f;
	color:#fff;
}
.bookblocksub3{
	float:left;
	width:85%;
	margin:0 0 20px 20px;
	margin-bottom:20px;
	padding-left:20px;
	border-bottom:1px solid #b0aeaf;
}

.bookblock4{
	float:left;
	width:85%;
	margin-left:20px;
	margin-bottom:20px;
	padding-left:20px;
	border-left:10px solid #afd486;
	padding-bottom:20px;
	border-bottom:1px solid #b0aeaf;
}
.bookblock4 h2{
	padding:10px;
	margin-bottom:10px;
	background-color:#706e6f;
	color:#fff;
}
.bookblocksub4{
	float:left;
	width:85%;
	margin:0 0 20px 20px;
	margin-bottom:20px;
	padding-left:20px;
	border-bottom:1px solid #b0aeaf;
}
.bookblock5{
	float:left;
	width:85%;
	margin-left:20px;
	margin-bottom:20px;
	padding-left:20px;
	border-left:10px solid #8084D1;
	padding-bottom:20px;
	border-bottom:1px solid #b0aeaf;
}
.bookblock5 h2{
	padding:10px;
	margin-bottom:10px;
	background-color:#706e6f;
	color:#fff;
}
.bookblocksub5{
	float:left;
	width:85%;
	margin:0 0 20px 20px;
	margin-bottom:20px;
	padding-left:20px;
	border-bottom:1px solid #b0aeaf;
}

.interviewer{
	font-style:oblique;
	color:#df7402;
}


#ouenbooklist li{
	width:200px;
	text-align:center;
}

.kmorelinks{width:162px;height:52px;display:block;background:url(../images/book/morelink.jpg) no-repeat 0 0;text-indent:-9999em;float:right;}
.kmorelinks:hover{background-position:0 -52px;}
/* title */

#results{width:350px;margin:0 auto 10px 0;height:21px;background:url(../images/title/titleResults.jpg) no-repeat 0 0;text-indent:-9999em;margin-bottom:10px;}
#boshu{width:350px;margin:0 auto 10px 0;height:21px;background:url(../images/title/titleJoiner.jpg) no-repeat 0 0;text-indent:-9999em;margin-bottom:10px;}
#toppickup{width:350px;margin:0 auto 10px 0;height:21px;background:url(../images/title/titlePickup.jpg) no-repeat 0 0;text-indent:-9999em;margin-bottom:10px;}
#toprecent{width:350px;margin:0 auto 10px 0;height:21px;background:url(../images/title/titleRecent.jpg) no-repeat 0 0;text-indent:-9999em;margin-bottom:10px;}

.smorelink a{float:right;width:103px;height:25px;margin-top:-37px;margin-right:15px;text-indent:-9999em;display:block;background:url(../images/smore.jpg) no-repeat 0 0;}

#titleLineup{width:720px;background:url(../images/title/titleLineup.jpg) no-repeat 0 0;height:37px;text-indent:-9999em;margin:0 auto 10px auto;}
#titleProject{width:720px;background:url(../images/title/titleProject.jpg) no-repeat 0 0;height:37px;text-indent:-9999em;margin:0 auto 10px auto;}
#titleMembers{width:720px;background:url(../images/title/titleMembers.gif) no-repeat 0 0;height:37px;text-indent:-9999em;margin:0 auto 10px auto;}
#titleLienup2{width:720px;background:url(../images/title/titleLineup2.jpg) no-repeat 0 0;height:37px;text-indent:-9999em;margin:0 auto 10px auto;}
#titleLienup3{width:720px;background:url(../images/title/titleLineup3.gif) no-repeat 0 0;height:37px;text-indent:-9999em;margin:0 auto 10px auto;}
#titleShosekiLienup{width:720px;background:url(../images/title/titleShosekiLineup.jpg) no-repeat 0 0;height:37px;text-indent:-9999em;margin:0 auto 10px auto;}
#titleMembers{width:720px;background:url(../images/members/members.jpg) no-repeat 0 0;height:37px;text-indent:-9999em;margin:0 auto 10px auto;}
#contentsTitle{width:720px;background:url(../images/book/titleContents.gif) no-repeat 0 0;height:42px;text-indent:-9999em;margin:0 auto 10px auto;}
#sokanTitle{width:720px;background:url(../images/book/sokan.jpg) no-repeat 0 0;height:24px;text-indent:-9999em;margin:0px auto 10px auto;clear:both;}
#titleSaizensen{width:720px;background:url(../images/book/saizensen.jpg) no-repeat 0 0;height:42px;text-indent:-9999em;margin:0px auto 10px auto;clear:both;}
#titleSentan{width:720px;background:url(../images/book/titlesentan.jpg) no-repeat 0 0;height:42px;text-indent:-9999em;margin:0px auto 10px auto;clear:both;}
#titlePlusone{width:720px;background:url(../images/book/titleplusone.jpg) no-repeat 0 0;height:42px;text-indent:-9999em;margin:0px auto 10px auto;clear:both;}
#titleEventPickup{width:720px;background:url(../images/book/titleevent.jpg) no-repeat 0 0;height:42px;text-indent:-9999em;margin:0px auto 10px auto;clear:both;}
#titlekigyou{width:720px;background:url(../images/book/titlekigyou.jpg) no-repeat 0 0;height:42px;text-indent:-9999em;margin:0px auto 10px auto;clear:both;}
#titleOuenbook{width:720px;background:url(../images/book/sassititle.jpg) no-repeat 0 0;height:37px;text-indent:-9999em;margin:0px auto 10px auto;clear:both;}
#titleAmazon{width:720px;background:url(../images/book/amazon.jpg) no-repeat 0 0;height:43px;text-indent:-9999em;margin:0px auto 10px auto;clear:both;}
#titleLvcomi{width:720px;background:url(../images/book/lvcomi.jpg) no-repeat 0 0;height:184px;text-indent:-9999em;margin:0px auto 10px auto;clear:both;}
#titleLvcomi a{display:block;width:720px;height:184px;text-indent:-9999em;text-decoration:none;}


.detail{
	float:right;
	margin-bottom:20px;

}



#lineupBox{
	width:720px;
	margin:0 auto;
}
.xsmall{font-size:x-small;}
.small{font-size:small;}
.contentbody{clear:both;}
.expbox{margin-bottom:20px;padding:0 20px;}

#mainContent{

	font-size:smaller;

}
#mainContent .mainLeft{float:left;width:470px;padding:0 0 0 20px;}
#mainContent .mainRight{float:right;width:240px;text-align:center;padding:0 10px 0 0;}
#mainContent .mainRight a img{border:1px solid #ff9000;}

.rootpath{font-size:x-small;margin:0 0 5px 0;}
.sub{width:740px;overflow:hidden;}
.sub h1{font-size:medium;width:740px;height:48px;line-height:48px;background:url(../images/title/h1.jpg) no-repeat 0 0;color:#fff;font-weight:bold;float:left;margin:0;padding:0;text-indent:15px;}
.sub h2{width:740px;height:37px;line-height:37px;font-size:medium;background:url(../images/title/h2.jpg) no-repeat 0 0;color:#fff;font-weight:bold;float:left;margin:0 0 20px;padding:0;text-indent:15px;}
.sub h2 a{color:#fff;text-decoration:underline;}
.sub .contentbody{margin:10px 20px;padding-left:20px;width:650px;border-left:3px solid #cfd7cc;overflow:hidden;}
.pageswitch{text-align:center;width:700px;float:left;margin:10px 0;}
.memberlist li{width:210px;height:150px; float:left;margin-right:20px;text-align:center;margin-bottom:15px;padding:auto 0;vertical-align: middle;
}
.memberlistCSR li{width:210px;height:200px; float:left;display:block;margin-right:10px;text-align;margin-bottom:15px;padding:5px;vertical-align: middle;}
.memberlistCSR li img{padding:3px;border:solid 1px #999;background-color:#fff;}
.memberlistCSR li.color{background-color:#efffcc;}
.csrinfo{width:210px;}
.twitter{background:url(../images/icon/twitter.gif) no-repeat 0 0;padding-left:16px;}
#twitterbox{margin:0 0 10px 10px;}

#others{clear:both;width:90%;border:#ff9000;background-color: #fed259;padding:20px;margin: 10px auto;float:left;}
#others .explist{width:80%;background:#fff;}
#others h4{font-size:large;color:#706e6f;margin:0;}
#others .explist ul{float:left;}
#others .explist ul li{float:left;margin-right:15px;line-height:1.5em;font-weight:bold;}
#others .explist ul li a:visited{color:#706e6f;font-weight:normal;}
#back{float:right;}

.flip{float:left;width:100%;}

.margin10{margin:10px;}
.marginBottom30{margin-bottom:30px;}

#rightban{
	float:right;
	width:300px;
	padding:10px 2px 10px 10px;
}
#rightban h4#modelcasetitle{
	width:302px;
	height:32px;
	background:url(../images/title/modelcase.jpg) no-repeat 0 0;
	text-indent:-9999em;
}
#rightban h4#recenttitle{
	margin-top:10px;
	width:302px;
	height:32px;
	background:url(../images/title/recent.jpg) no-repeat 0 0;
	text-indent:-9999em;
}
#recentblock{
	text-align:center;
}
#recentblock a img{
	margin:5px auto;
}
#recentblock ul,#recentblock ul li{margin:0;padding:0;text-align:left;}


#rightban h4#sideEvent{
	margin-top:10px;
	width:302px;
	height:32px;
	background:url(../images/title/sideEvent.jpg) no-repeat 0 0;
	text-indent:-9999em;
}
#rightban h4#osusumetitle{
	width:302px;
	height:32px;
	background:url(../images/title/osusume.jpg) no-repeat 0 0;
	text-indent:-9999em;
}
#rightban h4#ccsrtitle{
	width:302px;
	height:32px;
	background:url(../images/title/ccsr.jpg) no-repeat 0 0;
	text-indent:-9999em;
}
#rightban h4#ccsrshientitle{
	width:302px;
	height:32px;
	background:url(../images/title/ccsrkentou.jpg) no-repeat 0 0;
	text-indent:-9999em;
}

#recentlyTitle{
	text-indent:-9999em;
	display:block;
	width:470px;
	height:32px;
	background:url(../images/book/recentlyTitle.jpg) no-repeat 0 0;
	margin-bottom:10px;
}
#recentlyUl{
	margin-bottom:20px;
	margin-left:10px;
	border-left:5px solid #078d00;
}
#recentlyUl li{
	padding-left:5px;
}


p.joinus{width:100%;text-align:center;}
.joinus a{display:block;width:284.5px;height:69px;text-indent:-9999em;background:url(../images/about/joinus.jpg) no-repeat 0 0;margin:0 auto;}
.joinus a:hover{background:url(../images/about/joinus.jpg) no-repeat -284px 0;}

#edu{display:block;width:61px;height:61px;text-indent:-9999em;background:url(../images/icon_educ.jpg) no-repeat 0 0 ;float:right;}

.indexphotoLeft{
	float:left;
	margin-right:10px;
}
.indexphotoLeft img{
	width:200px;
	}

.contentdate{
	font-weight:bold;
	}
.contentplace{
	font-weight:bold;
	}
.marginLeft10{margin-left:10px;}
#csrIdentity{
	border:solid 1px #2ea00c;
	padding:10px;
	font-size:small;
	width:700px;
	margin:0 auto 10px auto;
	background-color:#EFFFCC;
}
#twfollowme{background:url(../images/icon/followme.png) no-repeat 0 0;line-height:50px;padding-left:130px;font-size:large;}
#someonebox{float:right;width:250px;}