@charset "UTF-8";


/* -----------------------------------------------

home

----------------------------------------------- */

h1#siteid {
	position:absolute;
	top:0px;
	left:-20px;
	width:220px;
	height:160px;
	background:url(../common/siteid.png) left top no-repeat;
	text-indent:-9999px;
}
#contents {
	width:940px;
	margin:0 0 0 0;
	clear:both;
	background:none;
}
#contents_head {
	background:none;
}

/* display
----------------------------------------------- */
#display {
	position:relative;
	height:275px;
}
#display .swf {
	position:absolute;
	width:950px;
	top:-25px;
	left:-5px;
}

/* regular
----------------------------------------------- */
#regular {
	position:relative;
	height:170px;
}
#regular .swf {
	position:absolute;
	width:960px;
	top:0px;
	left:-10px;
}

/* headline
----------------------------------------------- */
#headline {
	position: absolute;
	top: -122px;
	left: 207px;
	z-index: 1;
}
* html body #headline {
	top: -61px;
	left: 104px;
}
#headline .swf {
}
/*
#headline {
	position:absolute;
	width:470px;
	height:25px;
	top:-122px;
	left:207px;
}
#headline .swf {
}
*/

/* howto
----------------------------------------------- */
#home_howto {
	width:940px;
	height:110px;
	position:relative;
	text-indent:-9999px;
}
#home_howto dt {
	height:110px;
	float:left;
}
#home_howto dt.home_join {
	width:500px;
	background:url(../home/home_join.jpg) no-repeat;
}
#home_howto dt.home_mobile {
	width:240px;
	background:url(../home/home_mobile.jpg) no-repeat;
}
#home_howto dt.home_mailmagazine {
	width:200px;
	background:url(../home/home_mailmagazine.jpg) no-repeat;
}
#home_howto dd a {
	position:absolute;
	display:block;
	background:none;
}
#home_howto dd.home_join_btn1 a {
	width:100px;
	height:80px;
	top:15px;
	left:75px;
}
#home_howto dd.home_join_btn2 a {
	width:100px;
	height:80px;
	top:15px;
	left:180px;
}
#home_howto dd.home_join_btn3 a {
	width:100px;
	height:80px;
	top:15px;
	left:285px;
}
#home_howto dd.home_join_btn4 a {
	width:100px;
	height:80px;
	top:15px;
	left:390px;
}
#home_howto dd.home_mailmagazine_btn a {
	width:85px;
	height:70px;
	top:28px;
	right:9px;
}
#home_howto dd.home_join_btn1 a:hover { background:url(../home/home_join_btn1_on.jpg) no-repeat; }
#home_howto dd.home_join_btn2 a:hover { background:url(../home/home_join_btn2_on.jpg) no-repeat; }
#home_howto dd.home_join_btn3 a:hover { background:url(../home/home_join_btn3_on.jpg) no-repeat; }
#home_howto dd.home_join_btn4 a:hover { background:url(../home/home_join_btn4_on.jpg) no-repeat; }
#home_howto dd.home_mailmagazine_btn a:hover { background:url(../home/home_mailmagazine_btn_on.jpg) no-repeat; }

/* special / news
----------------------------------------------- */
#contents h2 { 
	margin:10px 0 5px 0;
	padding:0 0 5px 0;
	background:none;
	font-size:0;
	line-height:1;
}
#contents h2.line { 
	padding:15px 0 0 0;
	background:url(../common/line1.gif) top repeat-x;
}
.home_wrap {
	width:940px;
	clear:both;
}
#home_special {
	float:left;
	width:430px;
}
#home_special li {
	float:left;
	margin:0 5px 5px 0;
}
#home_special li a {
	display:block;
	width:210px;
	height:80px;
	background:url(../home/home_special_off.gif) no-repeat;
}
#home_special li a:hover {
	background:url(../home/home_special_on.gif) no-repeat;
}
#home_special li img {
	width:190px;
	height:60px;
	margin:10px;
}
#home_news {
	float:right;
	width:485px;
	position:relative;
}
#home_news .btn_news {
	position:absolute;
	top:8px;
	right:0px;
}
#home_news .btn_news a {
	display:block;
	width:107px;
	height:31px;
	background:url(../home/btn_home_news.gif) no-repeat;
	text-indent:-9999px;
}
#home_news .btn_news a:hover {
	background:url(../home/btn_home_news_on.gif) no-repeat;
}
#home_news dt{
	display:block;float:left;clear:left;width:8em;
	padding:7px 0 7px 0;
	background:url(../common/line1.gif) left 0px repeat-x;
	font-size:85%;
}
#home_news dd{
	display:block;margin-left:8em;
	padding:7px 0 7px 0;
	background:url(../common/line1.gif) left 0px repeat-x;
	font-size:95%;
}
#home_news dd a {
	display:block;
	padding-left:0px;
}

/* home_banner
----------------------------------------------- */
.home_banner {
	width:940px;
	clear:both;
	margin:12px 0 0 0;
}
.home_banner li {
	float:left;
	margin:0 10px 10px 0;
}

/* special_banner
----------------------------------------------- */
#special_banner {
	margin: 10px 0 0;
}

/* ==============================================

clear

============================================== */

#home_howto:after,
.home_wrap:after,
#home_special:after,
#home_news dl:after,
.home_banner:after {
    content:".";  
    display:block;  
    visibility:hidden;  
    height:0.1px;  
    font-size:0.1em;  
    line-height:0;  
    clear:both;  
}