@charset "shift_jis";
/* Main1 - Javascript & Login
----------------------------------------------------*/

#main1 {
	height:100%;
}
/* Javascript
--------------------------*/

#js {
	width:653px;
	height:254px;
	background:url(../images/js_bg.gif) no-repeat;
	float:left;
	position:relative;
}
#js ul {
	position:absolute;
	top:10px;
	left:11px;
	width:142px;
	height:234px
}
#js ul a {
	overflow:hidden;
	display:block;
	text-indent: -9999px;
	width:142px;
}
.link1 {
	background:url(../images/js_menu1.gif) no-repeat;
	height:80px;
}
.link2 {
	background:url(../images/js_menu2.gif) no-repeat;
	height:77px;
}
.link3 {
	background:url(../images/js_menu3.gif) no-repeat;
	height:77px;
	text-indent: -9999px;
}
.link1 a {
	background:url(../images/js_menu1.gif) no-repeat;
	height:80px;
}
.link2 a {
	background:url(../images/js_menu2.gif) no-repeat;
	height:77px;
}
.link3 a {
	background:url(../images/js_menu3.gif) no-repeat;
	height:77px;
}
.link1 a:hover {
	background:url(../images/js_menu1_on.gif) no-repeat;
	height:80px;
}
.link2 a:hover {
	background:url(../images/js_menu2_on.gif) no-repeat;
	height:77px;
}
.link3 a:hover {
	background:url(../images/js_menu3_on.gif) no-repeat;
	height:77px;
}
.stage {
	position:absolute;
	right:10px;
	top:10px;
	width:490px;
	height:234px;
}
/* Login
--------------------------*/

#login {
	float:right;
	width:287px;
}
#login_top {
	background:url(../images/login_top.gif) no-repeat;
	height:37px;
}
#login_inner {
	width:287px;
	background:url(../images/login_wrap.gif) repeat-y;
}
#login_id, #login_pass, #login_auto, #login_btn {
	margin-bottom:15px;
	text-align:center;
}
#login_id input, #login_pass input {
	width:126px;
	border:1px solid #9f9f9f;
}
#login_id img, #login_pass img, #login_auto input {
	vertical-align:middle;
	margin-top:-1px;
}
#login_forget {
	width:180px;
	margin:0 auto;
}
#login_forget li {
	background:url(../images/login_blt.gif) no-repeat left center;
	line-height:1.8;
	padding-left:20px;
}
#login_btm {
	background:url(../images/login_btm.gif) no-repeat center bottom;
	height:30px;
}
/* Main2 - Topics & How To
----------------------------------------------------*/

#main2 {
	clear:both;
	padding-top:20px;
	height:100%;
}
/* Topics
--------------------------*/

#topics {
	float:left;
	width:520px;
	overflow:hidden;
}
#topics h2 {
	text-indent:-9999px;
	height:43px;
	background:url(../images/topics_top.png) no-repeat;
}
#topics_main {
    width:490px;
	padding-left:30px;
	background:url(../images/topics_wrap.png) repeat-y;
}
#topics_main  ul {
	padding:15px 0 0 0;
}
#topics_main  li {
    width:475px;
	line-height:1.3em;
	overflow:hidden;
	padding-bottom:10px;
}

#topics_main  li .date{
	width:85px;
	background:url(../images/arrow_green.gif) no-repeat left center;
	padding-left:15px;
	float:left;
}

#topics_main  li .txt{
	width:360px;
	padding-right:15px;
	float:right;
}

#topics_btm {
	height:15px;
	background:url(../images/topics_btm.png) no-repeat;
}
/* How To Access
--------------------------*/

#howto {
	width:421px;
	float:right;
}
#howto h2 {
	text-indent:-9999px;
	height:62px;
	background:url(../images/howto_top.png) no-repeat;
}
#howto_main {
	background:url(../images/howto_wrap.png) repeat-y;
	width:421px;
}
#howto_inner {
	margin:0 50px 0 20px;
	width:350px;
	overflow:hidden;
}
#howto_inner p.access{
	width:290px;
	overflow:hidden;
	float:left;
}
#howto_inner .qrcord{
    float:right;
	width:51px;
	height:51px;
}
#howto_btm {
	background:url(../images/howto_btm.png) no-repeat center bottom;
	height:15px;
}
/* Recommend Contents
----------------------------------------------------*/

#recommend {
	padding-top:20px;
	clear:both;
	width:960px;
	height:100%;
}
#recommend h2 {
	height:57px;
	text-indent:-9999px;
	background:url(../images/recommend_top.png) no-repeat;
}
#recommend_main {
	width: 960px;
	background:url(../images/recommend_wrap.png) repeat-y;
	overflow:hidden;
}

#recomment_btm {
	background:url(../images/recommend_btm.png) no-repeat;
    height:14px;
	clear:both;
}
/* Contents Box */
.recommend_box h3 {
	float:left;
	background:url(../images/arrow_green.gif) no-repeat 15px center;
	padding-left:30px;
	margin:0 15px;
	border-left:1px dotted #360;
	line-height:65px;
}
#recommend_first h3 {
	float:left;
	line-height:65px;
	margin:0 15px;
	padding-left:15px;
	background:url(../images/arrow_green.gif) no-repeat left center;
}
a.rec_link {
	float:left;
	text-indent: -9999px;
	overflow:hidden;
	display:block;
	width:115px;
	height:65px;
	background-repeat:no-repeat;
}
a#woman {
	background:url(../images/ban_taguchi.gif);
}
a#pro {
	background:url(../images/ban_tajima.gif);
}
a:hover#woman {
	background:url(../images/ban_taguchi_on.gif);
}
a:hover#pro {
	background:url(../images/ban_tajima_on.gif);
}
/* banner area
----------------------------------------------------*/

#banner {
	padding-top:20px;
	clear:both;
	width:960px;
	height:100%;
}
#banner_top {
	height:14px;
	text-indent:-9999px;
	background:url(../images/banner_top.png) no-repeat;
}
#banner_main {
	width: 960px;
	background:url(../images/recommend_wrap.png) repeat-y;
}
#banner_btm {
	background:url(../images/recommend_btm.png) no-repeat;
	height:14px;
	clear:both;
}
#banner_main ul{
	width: 945px;
	padding-left:15px;
    overflow:hidden;
}

#banner_main li{
	float:left;
	padding-right:10px;
}
/* error messae
----------------------------------------------------*/
#error{
	width: 960px;
	background:url(../images/recommend_wrap.png) repeat-y;
	text-align:center;
	line-height:2.5em;
}
#error p{
    padding:100px 0;
	width: 960px;
	background:url(../images/recommend_wrap.png) repeat-y;
}