@charset "UTF-8";
/* CSS Document */

/* base ---------------------------- */

#container #wrap-contents{
background-image: url(../images/bg_contents.jpg);
background-repeat: repeat-x;
background-position: center top;
margin: 0px;
padding: 0px;
height: auto;
width: 100%;
}
#container #contents-main{
background-image: url(../images/bg_visual_contents.jpg);
background-repeat: no-repeat;
background-position: center top;
margin: 0px;
padding: 0px;
height: auto;
width: 100%;
}
/* line1 */
#contents-stage #line1{
height:550px;
margin:0 0 10px 0;
}
/* contents center */
#contents-center{
margin: 0 30px 0 0;
padding: 0px;
float: right;
height: auto;
width: 320px;
}
/* login */
#contents-center #block-login{
width:320px;
padding:15px 0;
}
#block-login .icon{
margin: 0px;
padding: 0px;
float: left;
height: auto;
width: 95px;
}
#block-login .login-data{
margin: 0px;
padding: 0px;
float: left;
height: auto;
width: 225px;
}
#block-login .login-data dl{
margin: 0px;
padding: 0 0 5px 0;
height: auto;
width: 225px;
zoom: 100%;
}
#block-login .login-data dl:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
#block-login .login-data dl { display: inline-table;}
/* Hides from IE-mac ￥*/
* html #block-login .login-data dl { height: 1%;}
#block-login .login-data dl { display: block;}
/* End hide from IE-mac */

#block-login .login-data dt{
font-size: 1px;
line-height: 1px;
text-indent: -1000em;
display: block;
margin: 0px;
padding: 0px;
height: 17px;
width: 65px;
float:left;
background-repeat: no-repeat;
background-position: left top;
}
#block-login .login-data dt.id{
background-image: url(../images/texticon_id.gif);
}
#block-login .login-data dt.pw{
background-image: url(../images/texticon_pw.gif);
}
#block-login .login-data dd{
display: block;
height:17px;
width: 160px;
float:left;
}
#block-login .login-data dd input{
width: 160px;
height:14px;
line-height: 1em;
}
.msie #block-login .login-data dd input{
font-size: 11px;
width: 156px;
height:13px;
line-height: 11px;
}
#block-login .login-data .btn{
width:225px;
height:25px;
margin:5px 0;
padding:0px;
}
.msie #block-login .login-data .btn{
margin:5px 0 0 0;
}
#block-login .login-data .btn input{
width:225px;
height:25px;
background-image: url(../images/btn_login.gif);
background-repeat: no-repeat;
background-position: left top;	
}
#block-login .login-data .btn input:hover,#block-login .login-data .btn input:focus{
background-position: left bottom;	
}
#block-login .login-data .checkbox{
font-size: 10px;
line-height: auto;
padding:5px 0 0 0;
overflow:hidden;
}
#block-login .login-data .checkbox input{
 float:left;
 margin:0 5px 0 0;
}
#block-login .login-data ul{
font-size: 10px;
line-height: 14px;
margin:5px 0 0 0;
}
#block-login .login-data li a{
text-decoration: underline;
background-image: url(../images/icon_yaji_default.gif);
background-repeat: no-repeat;
background-position: left center;
padding: 0 0 0 16px;
}
#block-login .login-data li a:hover{
background-image: url(../images/icon_yaji_over.gif);
background-repeat: no-repeat;
background-position: left center;
}

/* mypage */
#contents-center #block-mypage{
width:320px;
padding:20px 0;
}
#contents-center #block-mypage a{
text-decoration: none;
width:320px;
height:auto;
}
#block-mypage a .icon{
margin: 0px;
padding: 0px;
float: left;
height: auto;
width: 95px;
}
#block-mypage a .mypage-data{
margin: 0px;
padding: 0px;
float: left;
height: auto;
width: 225px;
}
#block-mypage a .mypage-data h3{
font-size: 1px;
line-height: 1px;
background-repeat: no-repeat;
background-position: left top;
text-indent: -1000em;
display: block;
margin: 0px;
padding: 0px;
height: 42px;
width: 225px;
}
#block-mypage a .mypage-data h3.txt-clip{
background-image: url(../images/body_clip.gif);
}
#block-mypage a .mypage-data h3.txt-justfit{
background-image: url(../images/body_pittari.gif);
}
#block-mypage a .mypage-data h3.txt-mailmag{
background-image: url(../images/body_mailmag.gif);
}
#block-mypage a .mypage-data .btn{
width:225px;
height:19px;
margin:5px 0 0 0;
padding:0px;
font-size: 1px;
line-height: 1px;
background-image: url(../images/btn_mypage.gif);
background-repeat: no-repeat;
background-position: left top;
text-indent: -1000em;
display: block;
height: 19px;
width: 225px;
overflow: hidden;
}
#block-mypage a:hover .mypage-data .btn{
background-position: left bottom;
}


/* search */
#contents-center #block-search{
width:320px;
padding:0 0 10px 0;
}
#contents-center #block-search a{ text-decoration: none; }
#block-search .icon{
margin: 0px;
padding: 0px;
float: left;
height: auto;
width: 95px;
}
#block-search .text-search{
margin: 0px;
padding: 0px;
float: left;
height: auto;
width: 225px;
}
#block-search .text-search h3{
font-size: 1px;
line-height: 1px;
background-image: url(../images/body_search.gif);
background-repeat: no-repeat;
background-position: left top;
text-indent: -1000em;
display: block;
margin: 0px;
padding: 0px;
height: 42px;
width: 225px;
}



/* contents right---------------------------------- */
#contents-right{
margin: 0px;
padding: 0px;
float: right;
height: auto;
width: 380px;
position: relative;
}
#contents-right #box-flash{
height: 390px;
width: 415px;
position: absolute;
left: -10px;
top: 5px;
z-index: 999;
}
#contents-right #box-keyword{
margin:0px;
}
#contents-right #box-keyword h3{
font-size: 1px;
line-height: 1px;
background-image: url(../images/body_keyword.gif);
background-repeat: no-repeat;
background-position: left bottom;
text-indent: -1000em;
display: block;
margin: 0 0 10px 0;
padding: 0px;
height: 440px;
width: 380px;
overflow: hidden;
}
#contents-right #box-keyword div{
line-height:1.5em
}
#contents-right #box-keyword a,#contents-right #box-keyword a:visited{
text-decoration: none;
}
#contents-right #box-keyword a:hover,#contents-right #box-keyword a:active{
	background-color: #FFF;
}

/* contents info---------------------------------- */
#contents-info{
margin: 0 0 0 30px;
padding: 0px;
float: left;
height: auto;
width: 320px;
}
#contents-info h3,#contents-info h5{
font-size: 1px;
line-height: 1px;
background-repeat: no-repeat;
background-position: left center;
text-indent: -1000em;
display: block;
margin: 0px;
padding: 0px;
height: 55px;
width: 320px;
overflow: hidden;
}
#contents-info a,#contents-info a:visited{
text-decoration: underline;
}
#contents-info a:hover,#contents-info a:active{
text-decoration: underline;
}
#contents-info dt.title{
font-size:12px;
font-weight:bold;
}
#contents-info #info-job{
 margin:0 0 20px 0;
}
/* twitter add 2010.03.03 */
#contents-info #boxtwit{
clear: both;
}
#contents-info #boxtwit h3 a{
background-image: url(../images/body_twitter.gif);
background-repeat: no-repeat;
background-position: left top;
width:167px;
height:50px;
display: block;
}
#contents-info #boxtwit h5{
background-image: url(../images/hl_twitnow.gif);
background-position: left top;
width:225px;
height:23px;
}
#contents-info #boxtwit p{
 display:block;
 margin:0 0 15px 0;
}
#boxtwit .wrap-twit{
width:320px;
background-image: url(../images/frame_twit1.gif);
background-repeat: no-repeat;
background-position: left top;
padding: 10px 0 0 0;
}
#boxtwit .wrap-twit ul{
color: #39C;
background-image: url(../images/frame_twit2.gif);
background-repeat: no-repeat;
background-position: left bottom;
padding: 0 10px 10px 10px;
background-color: #ECF6F5;
}
#boxtwit div.package{
margin: 10px 0;
padding: 0px;
height: auto;
width: 320px;
}
#boxtwit div.package div{
margin: 0px;
padding: 0px;
float: left;
height: 25px;
width: 100px;
}
#boxtwit div.package div a{
font-size: 1px;
line-height: 1px;
width:100px;
height:25px;
background-image: url(../images/btn_twitter_combo.gif);
background-repeat: no-repeat;
text-indent: -1000em;
display: block;
margin: 0px;
padding: 0px;
overflow: hidden;
}
#boxtwit div.package div.btn1 a{
background-position: 0px 0px;
}
#boxtwit div.package div.btn1 a:hover{
background-position: 0px -25px;
}
#boxtwit div.package div.btn2{
 margin:0 0 0 5px;
}
#boxtwit div.package div.btn2 a{
background-position: -100px 0px;
}
#boxtwit div.package div.btn2 a:hover{
background-position: -100px -25px;
}
#boxtwit div.package div.btn3{
 width: 75px;
 margin:0 0 0 40px;
}
#boxtwit div.package div.btn3 a{
width:75px;
height:15px;
background-position: -200px 0px;
}
#boxtwit div.package div.btn3 a:hover{
background-position: -200px -25px;
}



#contents-info #infonews{
clear: both;
}
#contents-info #infonews h3{
background-image: url(../images/bar_whatsnew.gif);
}
#contents-info #infonews dl{
padding: 0 0 10px 0;
margin:0 0 10px 0;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #CCC;
}
#contents-info #infonews dt.date{
margin: 0 10px 3px 0;
}
#contents-info #infonews dt.title{
margin: 0 0 5px 0;
}


#contents-info #infoblog{
clear: both;
}
#contents-info #infoblog h3{
background-image: url(../images/bar_blogentry.gif);
}
#contents-info #infoblog .package{
margin:0 0 10px 0;
padding:0 0 10px 0;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #CCC;
}
#contents-info #infoblog p.photo{
display: block;
float: left;
height: auto;
width: 80px;
}
#contents-info #infoblog p.photo img{
width: 80px;
}
#contents-info #infoblog dl{
display: block;
float: left;
height: auto;
width: 230px;
margin:0 0 0 10px;
}
#contents-info #infoblog dt.date{
margin: 0 10px 3px 0;
}
#contents-info #infoblog dt.title{
font-weight:bold;
margin: 0 0 5px 0;
padding:0 0 8px 0;
background-image: url(../../common/images/dotline_3px.gif);
background-repeat: repeat-x;
background-position: left bottom;
}
#contents-info #infoblog dt.name{
font-size:10px;
line-height:10px;
margin: 0 0 5px 0;
padding:0 0 3px 0;
background-image: url(../../common/images/dotline_3px.gif);
background-repeat: repeat-x;
background-position: left bottom;
}

#contents-info #infoblog dt.name a,#contents-info #infoblog dt.name a:visited{
text-decoration: none;
}
#contents-info #infoblog dt.name a:hover,#contents-info #infoblog dt.name a:active{
text-decoration: none;
}
/* btn-more */
#contents-info .btn-more{
float: right;
}
#contents-info .btn-more a,#contents-info .btn-more a:visited{
font-size: 1px;
line-height: 1px;
height: 15px;
width: 80px;
background-image: url(../images/btn_checkmore.gif);
background-repeat: no-repeat;
background-position: left top;
text-indent: -1000em;
display: block;
overflow: hidden;
}
#contents-info .btn-more a:hover,#contents-info .btn-more a:active{
background-position: left bottom;
}

/* contents sub---------------------------------- */
#contents-sub{
margin: 0 0 0 30px;
padding: 0px;
float: left;
height: auto;
width: 380px;
}
#contents-sub h2,#contents-sub h3,#contents-sub h4{
font-size: 1px;
line-height: 1px;
background-repeat: no-repeat;
background-position: left top;
text-indent: -1000em;
display: block;
margin: 0px;
padding: 0px;
overflow: hidden;
}
#contents-sub h2{
background-image: url(../images/banner_freedial.gif);
height: 95px;
width: 380px;
}
#contents-sub h2 a{
height: 80px;
width: 380px;
display:block;
}
#contents-sub dl.banner{
margin:0 0 10px 0;
}
#contents-sub dl.banner dt{
margin:0 0 5px 0;
}
/* pick up */
#contents-sub #box-pickup{
background-image: url(../images/illust_pickup.jpg);
background-repeat: no-repeat;
background-position: left top;
width:380px;
height:auto;
}
#contents-sub #box-pickup h3{
background-image: url(../images/body_pickup.gif);
background-position: left center;
height: 30px;
width: 126px;
}
#contents-sub #box-pickup .head-pickup{
margin:0 0 0 90px;
min-height:80px;
}
.msie #contents-sub #box-pickup .head-pickup{
font-size: 11px;
height:80px;
}
/* head-pickup clearfix */
.head-pickup:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
.head-pickup {
zoom: 100%;
}
.head-pickup { display: inline-table;}
/* Hides from IE-mac ￥*/
* html .head-pickup { height: 1%;}
.head-pickup { display: block;}
/* End hide from IE-mac */

#contents-sub #box-pickup .package{
padding:10px 0 0 0;
}
#contents-sub #box-pickup .package a{
display: block;
text-decoration: none;
}
#contents-sub #box-pickup .package a h4{
margin: 0 0 5px 0;
height: 100px;
width: 120px;
}
#contents-sub #box-pickup .package a:hover h4{
	background-position: left bottom;
}

#contents-sub #box-pickup .pickup-child1{
margin: 0px;
padding: 0px;
float: left;
height: auto;
width: 120px;
}
#contents-sub #box-pickup .pickup-child1 a h4{
background-image: url(../images/img_pickup01.jpg);
}
#contents-sub #box-pickup .pickup-child2{
margin: 0 0 0 10px;
padding: 0px;
float: left;
height: auto;
width: 120px;
}
#contents-sub #box-pickup .pickup-child2 a h4{
background-image: url(../images/img_pickup02.jpg);
}
#contents-sub #box-pickup .pickup-child3{
margin: 0 0 0 10px;
padding: 0px;
float: left;
height: auto;
width: 120px;
}
#contents-sub #box-pickup .pickup-child3 a h4{
background-image: url(../images/img_pickup03.jpg);
}
#contents-sub #box-pickup .pickup-child4{
margin: 0px;
padding: 0px;
float: left;
height: auto;
width: 120px;
}
#contents-sub #box-pickup .pickup-child4 a h4{
background-image: url(../images/img_pickup04.jpg);
}
#contents-sub #box-pickup .pickup-child5{
margin: 0 0 0 10px;
padding: 0px;
float: left;
height: auto;
width: 120px;
}
#contents-sub #box-pickup .pickup-child5 a h4{
background-image: url(../images/img_pickup05.jpg);
}
#contents-sub #box-pickup .pickup-child6{
margin: 0 0 0 10px;
padding: 0px;
float: left;
height: auto;
width: 120px;
}
#contents-sub #box-pickup .pickup-child6 a h4{
background-image: url(../images/img_pickup06.jpg);
}
/* guide and AD */
#contents-sub #wrap-guidead {
margin: 30px 0 0 0;
padding: 0px;
}
/* guide */
#contents-sub #box-guide {
width:230px;
height:auto;
float:left;
}
#contents-sub #box-guide h3 {
background-image: url(../../common/images/guide_combo.gif);
background-repeat: no-repeat;
background-position: 0px 0px;
height: 45px;
width: 185px;
margin:0 0 10px 0;
}
#contents-sub #box-guide h3.after {
background-position: 0px -45px;
}
#contents-sub #box-guide h4{
height: 31px;
background-image: url(../../common/images/guide_combo.gif);
background-repeat: no-repeat;
}
#contents-sub #box-guide h4.step1 {
width: 173px;
background-position: -190px 0px;
margin:0 0 10px 0;
}
#contents-sub #box-guide h4.step2 {
width: 178px;
background-position: -190px -45px;
margin:20px 0 10px 0;
}
#contents-sub #box-guide h4.step3 {
width: 190px;
background-position: -190px -90px;
margin:20px 0 10px 0;
}
#contents-sub #box-guide dl { font-size:10px; }
#contents-sub #box-guide dt {
float: left;
height: auto;
width: 150px;
}
#contents-sub #box-guide dt p { margin:0 0 5px 0; }
#contents-sub #box-guide dt a {
font-size: 1px;
line-height: 1px;
background-image: url(../../common/images/btn_guide_more.gif);
background-repeat: no-repeat;
background-position: left top;
text-indent: -1000em;
display: block;
height: 15px;
width: 110px;
overflow: hidden;
}
#contents-sub #box-guide dt a.after {
background-position: right top;
}

#contents-sub #box-guide dt a:hover { background-position: left bottom; }
#contents-sub #box-guide dt a.after:hover { background-position: right bottom; }
#contents-sub #box-guide dd {
float: left;
height: auto;
width: 60px;
margin:0 0 0 20px;
}

/* AD */
#contents-sub #box-ad {
width:120px;
height:auto;
margin:0 0 0 30px;
float:left;
}
#contents-sub #box-ad dl { margin:0 0 15px 0; }
#contents-sub #box-ad dt {
font-size: 1px;
line-height: 1px;
background-image: url(../images/body_ad.gif);
background-repeat: no-repeat;
background-position: left top;
text-indent: -1000em;
display: block;
margin: 0px;
padding: 0px;
height: 30px;
width: 120px;
overflow: hidden;
}
#contents-sub #box-ad dd { margin: 0 0 5px 0; }
#contents-sub #box-ad .spider_free {
width:120px;
font-size: 10px;
color: #999;
}