@charset "utf-8";

bannercontent{width:100%;height:464px;}
#banner-swfcontent{width:100%;height:464px;}
#banner-swfcontent:focus{-moz-outline-style:none;}
#noflash{
	background-image:url(../../img/top/bg-noflash.jpg);
	background-position:center top;
	background-repeat:no-repeat;
	height:464px;
	margin-left:auto;
	margin-right:auto;
	padding-top:281px;/*453*/
	text-align:center;
	width:960px;
}
#noflash p.btn{float:left;width:223px;}
#noflash p.btn a{
	background-image:url(../../img/top/btn-noflash.jpg);
	background-repeat:no-repeat;
	display:block;
	height:172px;
	text-indent:-99999px;
	width:228px;
}
#noflash #top-topics{float:left;width:727px;}
#noflash #top-topics ul{padding:72px 20px 8px 50px;}
#noflash #top-topics li{font-size:80%;line-height:1.3em;text-align:left;}
#noflash #top-topics li a{color:#333;}
#noflash #top-topics li a:hover{text-decoration:underline;}
#noflash #top-topics p{font-size:70%;line-height:1.2em;padding:0 20px 8px 50px;text-align:left;}

#contents #maincontent{width:717px;}

#maincontent .layout-how{background-color:#f0f0c7;margin:0 15px 20px 10px;padding:0px 0px 10px 9px;}
#maincontent .layout-how h3{background-image:url(../../img/top/h3-how.jpg);background-repeat:no-repeat;height:28px;text-indent:-99999px;}
#maincontent .layout-how ul li{
	font-size:90%;
	font-weight:bold;
	background:url(../../img/top/li-arrow.gif) left 0.5em no-repeat;
	padding:0.5em 5px 0.5em 15px;
	display:inline-block;
	vertical-align:top;
	width:200px;
}
* html #maincontent .layout-how ul li{display:inline;zoom:1;}/* IE 6 */
*:first-child+html #maincontent .layout-how ul li{display:inline;zoom:1;} /* IE 7 */

#maincontent .layout-how ul li a{display:block;}

#maincontent .layout-pickup{background:url(../../img/top/bg-pickup.gif) right bottom no-repeat;margin:0 15px 0 0;padding-bottom:45px;}
#maincontent .layout-pickup h3{background-repeat:no-repeat;background-position:left top;height:90px;margin-right:0;text-indent:-99999px;}
#maincontent .layout-pickup h3.new{background-image:url(../../img/top/h3-new.jpg);}
#maincontent .layout-pickup h3.pick{background-image:url(../../img/top/h3-pick.jpg);}
#maincontent .layout-pickup p{float:left;margin:0;text-align:center;width:298px;}
#maincontent .layout-pickup p img{margin-left:22px;}
#maincontent .layout-pickup ul{float:left;width:404px;}
#maincontent .layout-pickup ul li{margin:0;width:404px;}
#maincontent .layout-pickup ul li a{
	background-position:left top;
	background-repeat:no-repeat;
	color:#0068aa;
	display:block;
	font-size:75%;
	line-height:150%;
	padding:10px 5px 10px 57px;
}
#maincontent .layout-pickup ul li.book a{background-image:url(../../img/top/li-book.gif);}
#maincontent .layout-pickup ul li.cddvd a{background-image:url(../../img/top/li-cddvd.gif);}
#maincontent .layout-pickup ul li.seminar a{background-image:url(../../img/top/li-seminar.gif);}
#maincontent .layout-pickup ul li a:hover{background-position:right top;}
#maincontent .layout-pickup ul li a span{color:#221e1f;font-size:110%;font-weight:bold;}