@charset "utf-8";
/* CSS Document */
/*update 2010-06-02*/

/* Base Setting
------------------------------*/
html>body {
	font-size:12px;
}
body {
	width:100%;
	font-size:75%;
	font-family:Verdana, Arial, sans-serif;
	line-height:1.4;
	text-align:left;
	background-color:#fff;
	background-image:url(../images/bg.gif);
	background-position:center top;
	background-repeat:repeat;
	color:#000;
}
*:first-child+html body {
	font-size:75%;
	font-family:'ＭＳ Ｐ ゴシック', sans-serif;
}
* html body {
	font-size:75%;
	font-family:'ＭＳ Ｐ ゴシック', sans-serif;
	letter-spacing:normal;
	vertical-align:baseline;
}
*:first-child+html li {
	zoom:1;
	vertical-align:bottom;
}
h1,h2,h3,h4,h5,h6,table,p,ul,ol,dl,marquee {
	font-size:100.01%;
}
ul li,ol li {
	list-style-type:none;
}
img {
	border:0;
}
.clear {
	clear:both;
}
a {
	color:#5a5a5a;
	text-decoration:underline;
	vertical-align:baseline;
}
a:hover {
	text-decoration:none;
}
/* Wrapper
------------------------------*/
#background {
	width:100%;
	background-image:url(../images/header_bg.jpg);
	background-position:center top;
	background-repeat:repeat-x;
}
#wrapper {
	width:100%;
	background-image:url(../images/bg_top.jpg);
	background-position:center top;
	background-repeat:no-repeat;
}
/* Header
------------------------------*/
#header {
	width:960px;
	height:135px;
	margin:0 auto;
}
#header #title {
	position:absolute;
	top:40px;
	margin-left:10px;
	width:220px;
	height:86px;
}
#header h1 a {
	display:block;
	margin:0;
	padding:0;
	width:220px;
	height:86px;
	text-indent:-9999px;
}
#header #header_cont {
	padding:4px;
	color:#fff;
	font-size:10px;
	height:10px;
	overflow:hidden;
}
#header #header_cont #discription {
	margin:0 0 0 10px;
	width:640px;
	float:left;
}
#header #header_cont #sub_menu {
	float:right;
	margin:0 10px 0 0;
	width:284px;
}
#header #header_cont #sub_menu ul {
	float:right;
}
#header #header_cont #sub_menu ul li {
	float:left;
	background-image:url(../images/sub_menu_pt.gif);
	background-repeat:no-repeat;
	background-position:left center;
	padding:0 12px 0 11px;
}
#header #header_cont #sub_menu ul li a {
	color:#fff;
}
#header #header_ad {
	position:absolute;
	top:36px;
	margin-left:236px;
	width:728px;
	height:90px;
}
/* MainMenu
------------------------------*/
#mainmenu {
	margin:0 auto;
	padding:0;
	width:980px;
	height:71px;
	background-image:url(../images/mainmenu/bg_off.jpg);
	background-position:center;
	background-repeat:no-repeat;
}
#mainmenu ul {
	margin:0;
	padding:9px 5px 5px;
	width:970px;
	height:57px;
	list-style:none;
}
#mainmenu ul li {
	display:block;
	float:left;
}
#mainmenu ul li a {
	display:block;
	width:194px;
	height:57px;
	text-indent:-9999px;
}
#mainmenu ul li a:hover {
	background-image:url(../images/mainmenu/bg_on.jpg);
}
#mainmenu ul li#menu1 a:hover {
	background-position:-5px -9px;
}
#mainmenu ul li#menu2 a:hover {
	background-position:-199px -9px;
}
#mainmenu ul li#menu3 a:hover {
	background-position:-393px -9px;
}
#mainmenu ul li#menu4 a:hover {
	background-position:-587px -9px;
}
#mainmenu ul li#menu5 a:hover {
	background-position:-781px -9px;
}
/* Contents
------------------------------*/
#contents {
	margin:0 auto;
	padding:0;
	width:980px;
	background-color:#fff;
}
#main {
	float:left;
	margin:0;
	padding:0 7px 0 5px;
	width:657px;
}
#sub {
	float:right;
	margin:0;
	padding:0 5px 0 0;
	width:306px;
}
.imgbox {
	float:left;
	margin-right:4px;
	text-align:center;
}
.imgbox p {
margin:auto;
}
.imgbox img {
border:1px solid #ccc;
}
/* Main
------------------------------*/
.bottom_ad {
	width:650px;
	margin:0;
	padding:8px 10px 8px;
	background-color:#ffffff;
	text-align:center;
}
/* Sub
------------------------------*/
#sub #join {
	margin:0 0 7px 0;
}
#sub #join a {
	display:block;
	width:306px;
	height:75px;
	background-image:url(../images/join_btn.jpg);
	background-repeat:no-repeat;
	text-indent:-9999px;
}
#sub #join a:hover {
	background-image:url(../images/join_btn_on.jpg);
}
#sub #login {
	width:294px;
	height:119px;
	margin:0;
	padding:7px 6px;
	background-image:url(../images/login_bg.gif);
	background-repeat:no-repeat;
	font-size:10px;
	color:#666;
}
#sub #login label img {
	vertical-align:bottom;
}
#sub #login #login_arart {
	float:left;
	width:170px;
	color:#FF0000;
	font-size:10px;
}
#sub #login input#login_btn {
	float:right;
}
#sub #sub_cont {
	margin:0;
	padding:0;
	background-image:url(../images/sub_bg.gif);
}
#sub #sub_cont #cha h3 {
	margin:0;
	padding:0;
	line-height:0;
}
#sub #sub_cont #cha_cont {
	margin:0;
	padding:4px 12px 0 20px;
	background-image:url(../images/sub_cha_bg.gif);
	color:#585858;
	line-height:1.1;
}
#sub #sub_cont #cha_cont#cha_cont_img {
	float:left;
	margin-right:6px;
	width:80px;
	height:80px;
	text-align:center;
	vertical-align:middle;
}
#sub #sub_cont #cha_cont#cha_cont_img {
	margin:auto;
	border:1px solid #ccc;
}
#sub #sub_cont #cha_cont h4 {
	color:#0071fb;
	font-size:14px;
	font-weight:bold;
	margin:0 0 4px 0;
	padding:0;
}
#sub #sub_cont #cha_cont h5 {
	font-size:12px;
	font-weight:bold;
	margin:0 0 4px 0;
}
#sub #sub_cont #cha_cont .cha_point {
	display:block;
	float:right;
	margin:4px 0;
	width:168px;
	height:40px;
	color:#ff0507;
	font-weight:bold;
	text-align:center;
	vertical-align:middle;
	background-color:#fff3f7;
}
#sub #sub_cont #cha_cont .cha_point p {
	line-height:45px;
}
#sub #sub_cont #cha_cont #cha_item {
	clear:both;
	width:100%;
}
#sub #sub_cont #cha_cont #cha_item h4 {
	color:#595959;
	background-image:url(../images/sub_menu_pt.gif);
	background-position:66px center;
	background-repeat:no-repeat;
	text-indent:10px;
}
#sub #sub_cont #cha_cont #cha_item p {
	display:block;
	font-size:10px;
	line-height:1.1;
}
#sub #sub_cont #cha_cont #cha_item p span.date {
	margin:0 4px 0 0;
	padding:0;
}
#sub #sub_cont #cha_foot {
	display:block;
	width:298px;
	height:9px;
	margin:0 auto;
	padding:0;
	background-image:url(../images/sub_cha_foot.gif);
	background-repeat:no-repeat;
}
#sub #sub_cont #pre {
	margin-bottom:20px;
}
#sub #sub_cont #pre h3 {
	margin:8px 4px 0;
	padding:0;
	line-height:0;
}
#sub #sub_cont #pre #pre_cont {
	margin:0 4px;
	padding:0 12px 10px 18px;
	background-image:url(../images/sub_pre_bg.gif);
	background-position:bottom;
	background-repeat:repeat-y;
	color:#595959;
}
#sub #sub_cont #pre #pre_cont p {
	font-size:10px;
	margin-bottom:4px;
}
#sub #sub_cont #pre #pre_cont p#pre_count {
	font-size:14px;
	font-weight:bold;
}
.pre_item {
	display: block;
	width: 270px;
	height:60px;
}
.pre_item_img {
	float:left;
	margin-right:4px;
}
.pre_item_img img {
	margin:auto;
	border:1px solid #ccc;
}
#sub #sub_cont #pre #pre_cont h4 {
	font-size:14px;
	font-weight:bold;
}
#sub #sub_cont #pre .all {
	background-image:url(../images/sub_pre_foot.gif);
	background-position:top;
	background-repeat:no-repeat;
	margin:0;
	padding:0;
	height:19px;
}
#sub #sub_cont #pre #pre_cont .all p {
	margin:0 0 0 120px;
	width:200px;
	line-height:0;
	background-image:url(../images/sub_menu_pt.gif);
	background-position:left center;
	background-repeat:no-repeat;
	font-size:12px;
	text-indent:10px;
}
#sub #sub_cont #dream h3 {
	background-image:url(../images/sub_dream_title.gif);
	height:118px;
	margin:8px 4px 0;
	text-indent:-9999px;
}
#sub #sub_cont #dream #dream_cont {
	margin:0 4px 10px 4px;
	width:298px;
	height:65px;
	background-image:url(../images/sub_dream_bg.gif);
	background-position:bottom;
}
#sub #sub_cont #dream p#movie {
	position:absolute;
	margin:-100px 0 0 150px;
}
#sub #sub_cont #dream p.banner a {
	display:block;
	margin:0 auto;
	width:288px;
	height:59px;
	background-image:url(../images/sub_dream_ban.gif);
	text-indent:-9999px;
}
#sub #sub_cont #dream p.banner a:hover {
	background-image:url(../images/sub_dream_ban_on.gif);
}

#sub #sub_cont p.banner a.ediblog_ban {
	display:block;
	margin:0 auto;
	width:300px;
	height:67px;
	background-image:url(../images/ediblog_ban_off.gif);
	text-indent:-9999px;
}
#sub #sub_cont p.banner a:hover.ediblog_ban {
	background-image:url(../images/ediblog_ban_on.gif);
}
#sub #sub_cont p.banner a.ad_ban {
	display:block;
	margin:0 auto;
	width:298px;
	height:106px;
	background-image:url(../images/ad_ban_off.jpg);
	text-indent:-9999px;
}
#sub #sub_cont p.banner a:hover.ad_ban {
	background-image:url(../images/ad_ban_on.jpg);
}
#sub #sub_cont p.banner a.twitter_ban {
	display:block;
	margin:0 auto;
	width:298px;
	height:79px;
	background-image:url(../images/twitter_ban_off.jpg);
	text-indent:-9999px;
}
#sub #sub_cont p.banner a:hover.twitter_ban {
	background-image:url(../images/twitter_ban_on.jpg);
}
#sub #sub_cont .banner {
	margin:0 4px 10px 2px;
	padding:0;
}
/* Footer
------------------------------*/
#footer {
	width:100%;
	height:130px;
	margin:0;
	padding:0;
	background-image:url(../images/footer_bg.gif);
	background-position:center top;
}
#footer_cont {
	width:964px;
	height:51px;
	margin:0 auto;
	padding:8px;
	background-image:url(../images/footercont_bg.gif);
	text-align:center;
}
#footer_cont ul#menu {
	display:block;
	margin:4px auto;
	width:580px;
	height:20px;
	list-style:none;
}
#footer_cont ul#ir {
	display:block;
	margin:4px auto;
	width:380px;
	list-style:none;
}
#footer_cont ul li {
	float:left;
	font-size:10px;
	margin-right:10px;
}
#footer_cont ul li a {
	color:#666;
	text-decoration:none;
}
#footer #copyright {
	width:980px;
	height:63px;
	margin:0 auto;
}