@charset "utf-8";

/*--		__汎用・共通
----------------------------------------------------*/
#loginField,
#forgetField,
#registField,
#entryField,
#payField,
#searchField,
#privacyField,
#rulesField,
#companyField,
#orderField,
#tieupField,
#contactField,
#videoField,
#aboutField,
#changeField{
	padding:20px 0 15px;
}

/*--		__top
----------------------------------------------------*/
#eye{
	width:282px;
	height:213px;
	margin-bottom:15px;
	padding:11px 0 0 433px;
	background:url(../img/top/flash_img.jpg) left top no-repeat;
}
#topBnrBox{
	width:725px;
	overflow:hidden;
	margin:0 -10px 10px 0;
}
#topBnrBox li{
	float:left;
	margin:0 10px 5px 0;
}
#attentionBox{
	background:url(../img/top/fence_bottom.gif) left bottom no-repeat #fff;
	margin-bottom:15px;
	padding-bottom:8px;
}
#attentionBox ul{
	width:711px;
	overflow:hidden;
	padding:0px 2px 20px;
}
#attentionBox ul li{
	width:124px;
	float:left;
	display:inline;
	margin:0 9px;
}
#attentionBox ul li span{
	margin-bottom:5px;
}
#attentionBox ul li dl dt{
	font-weight:bold;
	margin-bottom:5px;
}
#attentionBox ul li dl dd{
	margin-bottom:5px;
}
#attentionBox ul li dl dd a{
	color:#60c101;
	margin-bottom:5px;
}
#rankingBox{
	background:url(../img/top/fence_bottom.gif) left bottom no-repeat #fff;
	margin-bottom:15px;
	padding-bottom:8px;
}
#rankingtab{
	width:665px;
	margin:0 auto;
}
#rankingtab ul.rankingTab li{
	float:left;
	margin-right:1px;
}
#rankingtab ul.rankingTab li a{
	height:44px;
	display:block;
	text-indent:-9999px;
}
#rankingtab ul.rankingTab li a.selected{
	cursor:default;
}
#rankingtab ul.rankingTab li.synthesis a{
	width:95px;
	background-image:url(../img/top/ranking_synthesis_off.gif);
}
#rankingtab ul.rankingTab li.synthesis a.selected{
	background-image:url(../img/top/ranking_synthesis_on.gif);
}
#rankingtab ul.rankingTab li.anime a{
	width:105px;
	background-image:url(../img/top/ranking_anime_off.gif);
}
#rankingtab ul.rankingTab li.anime a.selected{
	background-image:url(../img/top/ranking_anime_on.gif);
}
#rankingtab ul.rankingTab li.music a{
	width:50px;
	background-image:url(../img/top/ranking_music_off.gif);
}
#rankingtab ul.rankingTab li.music a.selected{
	background-image:url(../img/top/ranking_music_on.gif);
}
#rankingtab ul.rankingTab li.pet a{
	width:97px;
	background-image:url(../img/top/ranking_pet_off.gif);
}
#rankingtab ul.rankingTab li.pet a.selected{
	background-image:url(../img/top/ranking_pet_on.gif);
}
#rankingtab ul.rankingTab li.sport a{
	width:73px;
	background-image:url(../img/top/ranking_sport_off.gif);
}
#rankingtab ul.rankingTab li.sport a.selected{
	background-image:url(../img/top/ranking_sport_on.gif);
}
#rankingtab ul.rankingTab li.general a{
	width:78px;
	background-image:url(../img/top/ranking_general_off.gif);
}
#rankingtab ul.rankingTab li.general a.selected{
	background-image:url(../img/top/ranking_general_on.gif);
}
#rankingtab ul.rankingTab li.interesting a{
	width:99px;
	background-image:url(../img/top/ranking_interesting_off.gif);
}
#rankingtab ul.rankingTab li.interesting a.selected{
	background-image:url(../img/top/ranking_interesting_on.gif);
}
#rankingtab ul.rankingTab li.other a{
	width:60px;
	background-image:url(../img/top/ranking_other_off.gif);
}
#rankingtab ul.rankingTab li.other a.selected{
	background-image:url(../img/top/ranking_other_on.gif);
}
#rankingtab ul.rankingField{
	clear:both;
	padding-top:20px;
}
#rankingtab ul.rankingField li{
	min-height:685px;
	height:auto !important;
	height:685px;
	margin-bottom:10px;
}
#rankingtab ul.rankingField li span.loadingAnime{
	display:block;
	width:76px;
	height:76px;
	margin:300px auto 0;
}
#rankingtab ul.rankingField li .rankArea{
	width:665px;
	overflow:hidden;
	margin-bottom:15px;
	padding-bottom:5px;
	border-bottom:#000 1px dashed;
	position:relative;
}
#rankingtab ul.rankingField li .rankArea .rankingIcon{
	position:absolute;
	top:3px;
	left:4px;
	z-index:10;
}
#rankingtab ul.rankingField dl{
	width:530px;
	float:right;
}
#rankingtab ul.rankingField dt.title{
	font-size:131%;
	font-weight:bold;
	margin-bottom:10px;
}
#rankingtab ul.rankingField dt.title img{
	vertical-align:middle;
	margin-right:5px;
}
#rankingtab ul.rankingField dd{
	width:520px;
	background-color:#f0f0e2;
	padding:5px;
	margin-bottom:5px;
	overflow:hidden;
}
#rankingtab ul.rankingField dd p{
	margin-bottom:3px;
}
#rankingtab ul.rankingField dd p a{
	color:#60c101;
	font-weight:bold;
}
#rankingtab ul.rankingField dd span.imgL{
	margin-bottom:0;
}
#rankingtab ul.rankingField .icon{
	text-align:right;
}

/*__inputArea
-------------------------*/
.inputArea{
	border-top:#000 2px solid;
	margin-bottom:10px;
}
.inputArea li{
	padding:15px 0;
	border-bottom:#000 1px dotted;
}
.inputArea li img,
.inputArea li input,
.inputArea li .item{
	vertical-align:middle;
}
.inputArea li .item{
	width:110px;
	display:block;
	float:left;
	font-weight:bold;
	padding:9px 0;
}
.inputArea li.error input{
	background-color:#fff9a3;
}
.inputArea li .middle,
.inputArea li .long{
	border:#000 2px solid;
	padding:7px 0;
}
.inputArea li .middle{
	width:200px;
}
.inputArea li .long{
	width:320px;
}
.inputArea li.btn{
	border-bottom:#000 2px solid;
}
.inputError{
	width:300px;
	padding:10px 10px 15px;
	background:url(../img/mypage/account/error_bg.gif) left bottom no-repeat #fef23c;
	margin-bottom:10px;
	text-align:left;
}

/*--		__login
----------------------------------------------------*/
#loginField{
	padding-bottom:100px;
}
#loginField .inputTitle{
	margin-bottom:5px;
	padding:0 220px;
	text-align:center;
}
#loginField .inputArea li{
	padding-left:220px;
	padding-right:180px;
}
#loginField .inputArea li .item{
	margin-right:10px;
}
#loginField .supplement{
	margin:20px 0 0;
	text-align:center;
}
#loginField .supplement img{
	margin:0 20px;
	vertical-align:middle;
}
#loginField a.forget{
	color:#000;
	font-size:116%;
}

/*--		__forget
----------------------------------------------------*/
#forgetField{
	padding-bottom:100px;
}
#forgetField .forgetTitle img{
	margin:0 auto;
	display:block;
}
#forgetField .forgetTitle p.lead{
	line-height:1.5;
	margin-bottom:15px;
	text-align:center;
}
#forgetField .forgetTitle p.inputError{
	margin-left:323px;
	width:305px;
}
#forgetField .inputArea li{
	padding-left:210px;
	padding-right:230px;
}

/*--		__regist
----------------------------------------------------*/
#registField{
	padding-bottom:100px;
}
.entryStep{
	width:800px;
	overflow:hidden;
	margin-bottom:40px;
}
.entryStep li{
	width:225px;
	float:left;
}
.entryStep li.next{
	padding-right:62px;
	background:url(../img/entry/step_arrow.gif) 250px center no-repeat;
}
#registField .inputArea li{
	padding:15px 100px 15px 100px;
}
#registField .lead{
	clear:both;
	margin-bottom:10px;
}
#registField .lead a{
	color:#0173ff;
}
#registField .inputError{
	margin-left:215px;
}
#registField .done{
	text-align:center;
	font-size:108%;
	margin-bottom:15px;
}
#registField .done p{
	font-size:131%;
	font-weight:bold;
	margin-bottom:10px;
}
#registField .support{
	line-height:1.5;
	margin-bottom:15px;
	border:#000 2px solid;
}
#registField .support dl{
	margin-bottom:20px;
	padding:20px 0 0 160px;
	color:#343536;
}
#registField .support dl dt{
	margin-bottom:10px;
	font-weight:bold;
}
#registField .support dl dt span{
	color:#ff0000;
	margin-right:5px;
}
#registField .support p{
	padding:0 25px 20px;
	color:#343434;
}
#registField .support p span{
	font-weight:bold;
}
#registField .yahooArea{
	margin-bottom:10px;
	border:#f1f0e2 1px solid;
	background-color:#fff;
	padding:1px;
}
#registField .yahooArea .yahooBox{
	padding:10px 25px 15px;
	background-color:#f1f0e2;
}
#registField .yahooArea .yahooBox h3{
	padding-bottom:10px;
	text-align:center;
}
#registField .yahooArea .yahooBox .lead{
	line-height:1.5;
	padding:0 25px;
}
#registField .yahooArea .yahooBox dl{
	width:720px;
	margin-bottom:8px;
	padding:10px;
	background-color:#fff;
}
#registField .yahooArea .yahooBox dl dd{
	line-height:1.5;
	padding:0 25px;
}
#registField .yahooArea .yahooBox dl dd ul li{
	margin-left:20px;
	list-style:decimal outside;
}
#registField .yahooArea .yahooBox .attention{
	padding:0 35px;
}
#registField .contactLink{
	padding:0 60px;
}
#registField .contactLink a{
	color:#008aff;
	font-weight:bold;
}

/*--		__entry
----------------------------------------------------*/
#entryField{
	padding-bottom:100px;
}
#entryField .inputError{
	margin-left:125px;
	width:420px;
}
#entryField .inputArea .item{
	margin-right:15px;
}
#entryField .inputArea li{
	clear:both;
	width:800px;
	overflow:hidden;
}
#entryField .inputArea li .double{
	float:left;
	width:330px;
}
#entryField .inputArea li p{
	padding:9px 0;
}
#entryField .inputArea li p.idSupport{
	float:right;
	width:465px;
	padding:0;
}
#entryField .inputArea li p span{
	font-weight:bold;
}
#entryField ul.conf{
}
#entryField ul.conf li{
	padding-left:280px;
	padding-right:260px;
}
#entryField ul.conf .btn{
	padding-left:0;
	padding-left:0;
	margin:0 5px;
}
#entryField ul.conf .btn input{
	margin:0 5px;
}
#entryField .done{
	line-height:1.5;
	text-align:center;
	margin-bottom:30px;
}

/*--		__pay
----------------------------------------------------*/
#payField{
	padding-bottom:100px;
}
#payField h2{
	text-align:center;
	margin-bottom:20px;
}
.advantage{
	width:840px;
	overflow:hidden;
	margin:0 auto 15px;
}
#payField .advantage li{
	width:280px;
	float:left;
}
#payField .description{
	clear:both;
	margin-bottom:15px;
	text-align:center;
}
#payField .means{
	width:905px;
	overflow:hidden;
	margin:0 auto 7px;
}
#payField .means li{
	width:175px;
	float:left;
	display:inline;
	margin:0 3px;
	padding-bottom:5px;
	background:url(../img/pay/means_bottom.gif) center bottom no-repeat;
}
#payField .means li dl{
	width:175px;
	padding-top:5px;
	background:url(../img/pay/means_top.gif) center top no-repeat;
}
#payField .means li dl dt{
	padding:0 5px 10px;
}
#payField .means li dl dt img{
	display:block;
}
#payField .means li dl dt a{
	color:#1488ff;
}
#payField .means li dl dd{
	margin-bottom:3px;
	text-align:center;
}
#payField .means li dl dd.auto{
	padding:37px 0;
	text-align:center;
	color:#ff0000;
	font-weight:bold;
	font-size:108%;
}
#payField .btnArea{
	clear:both;
	width:900px;
	margin:0 auto 15px;
	padding:20px 0;
	border:#v 1px solid;
	background-color:#f4f3e9;
	text-align:center;
}
#payField .btnArea img{
	margin:0 5px;
}
#payField .supplement{
	margin-left:25px;
}
#payField .supplement a{
	color:#0084d0;
}
#payField .titleSupplement{
	width:900px;
	margin:0 auto 15px;
	border-bottom:#000 2px solid;
}
#payField .payformArea{
	width:900px;
	margin:0 auto;
	padding:35px 0 20px;
	background:#ffffd9;
}
#payField .payformArea .payDetail{
	width:640px;
	margin:0 auto 30px;
}
#payField .payformArea .payDetail th,
#payField .payformArea .payDetail td{
	width:160px;
	padding:10px 0;
	border:#f0f0e2 1px solid;
	background-color:#f8f8f0;
	text-align:center;
	font-weight:normal;
}
#payField .payformArea .payDetail td{
	background-color:#fff;
}
#payField .payformArea .sendForm{
	width:640px;
	margin:0 auto 15px;
	padding-top:20px;
	border:#f0f0e2 1px solid;
	background-color:#fff;
}
#payField .payformArea .sendForm p{
	text-align:center;
	margin-bottom:15px;
}
#payField .payformArea .sendForm p.inputError{
	width:425px;
	text-align:left;
	margin:0 0 10px 142px;
}
#payField .payformArea .sendForm p.bitInput img{
	margin-right:10px;
	vertical-align:middle;
}
#payField .payformArea .sendForm p.bitInput input{
	width:440px;
	height:30px;
	margin-left:5px;
	border:#000 2px solid;
	vertical-align:middle;
}
#payField .payformArea .sendForm table{
	width:300px;
	margin:0 auto 20px;
}
#payField .payformArea .sendForm table th,
#payField .payformArea .sendForm table td{
	vertical-align:middle;
	padding:7px 0;
}
#payField .payformArea .sendForm table th{
	width:90px;
	padding-right:10px;
}
#payField .payformArea .sendForm table td{
	padding-left:20px;
}
#payField .law{
	margin-top:-10px;
	padding:0 130px;
	text-align:right;
}
#payField .law a{
	color:#379c0a;
}

/*__howtoBox
-------------------------*/
#howtoBox{
	width:580px;
	margin:0 auto;
	background-color:#fff;
}
#howtoBox .title img{
	display:block;
	margin-bottom:10px;
}
#howtoBox .lead{
	margin:0 10px 5px;
}
#howtoBox .howtoStep{
	width:560px;
	margin:0 auto 5px;
}
#howtoBox .howtoStep li{
	
}
#howtoBox .howtoStep li.next{
	padding-bottom:38px;
	background:url(../img/pay/step_arrow.gif) center 68px no-repeat;
}
#howtoBox .supplement{
	width:580px;
	padding:0 10px 20px;
	background:url(../img/pay/howto_bottom.gif) left bottom no-repeat;
}
#howtoBox .supplement a{
	color:#007df1;
	font-weight:bold;
}

/*__creditBox
-------------------------*/
.creditArea{
	padding:40px 90px;
	background-color:#ffffd9;
}
.creditBox{
	padding:25px 30px;
	border:#eff0e2 1px solid;
	background-color:#fff;
}
.creditBox p{
	line-height:1.5;
	margin-bottom:30px;
}
.creditBox p a{
	color:#389b0a;
	font-weight:bold;
}
.creditBox p.btn img{
	margin:0 3px;
}


/*--		__search
----------------------------------------------------*/
#searchField{
	padding-bottom:100px;
}
#searchField .countPager,
#searchField .countPager ul{
	width:920px;
}
#searchField .resultTitle{
	width:890px;
	padding:5px 15px 15px;
	margin-bottom:10px;
	background:url(../img/search/result_title.gif) left bottom no-repeat #000;
	color:#fff;
}
#searchField .resultTitle span{
	font-size:146.5%;
}
#searchField .resultTitle span.word{
	color:#fcee21;
	margin-right:10px;
}
#searchField .resultTitle select{
	color:#000;
	margin-left:20px;
}
#searchField .detailBox{
	width:920px;
	overflow:hidden;
	margin-bottom:15px;
}
#searchField .detailBox li{
	width:430px;
	float:right;
	margin-bottom:15px;
	padding:9px;
	border:#f0f0e2 2px solid;
}
#searchField .detailBox li.left{
	clear:both;
	float:left;
}
#searchField .detailBox p.data{
	margin-bottom:2px;
}
#searchField .detailBox p.data img{
	vertical-align:middle;
	margin-right:5px;
}
#searchField .detailBox li .video12090{
	margin-right:5px;
}
#searchField .detailBox li dl{
	width:300px;
	float:right;
}
#searchField .detailBox li dl dt,
#searchField .detailBox li dl dd{
	margin-bottom:10px;
}
#searchField .detailBox li dl dt a{
	font-weight:bold;
}
#searchField .detailBox li dl dt.comment{
	padding-left:43px;
	background:url(../img/search/comment.gif) left center no-repeat;
}
#searchField .detailBox li dl dt.comment p{
	border:#ffef00 2px solid;
	color:#8e8e8e;
}
#searchField .detailBox li .description{
	clear:both;
	width:410px;
	overflow:hidden;
	padding:9px;
	background-color:#f0f0e2;
}
#searchField .detailBox li .description span{
	margin-bottom:0;
}
#searchField .detailBox li .description a{
	color:#53bf12;
	font-weight:bold;
}

/*--		__userpage
----------------------------------------------------*/
#userpageTitleBox{
	width:670px;
	margin-bottom:10px;
	padding-top:5px;
}
#userpageTitleBox .title{
	font-size:161.6%;
}
#userpageTitleBox .title span{
	font-weight:bold;
	color:#5eb606;
}
p.userpageTitle{
	background:url(../img/userpage/userpage_album.gif);
	height:17px;
	width:625px;
	display:block;
	padding:15px 0 5px 45px;
}
p.userfriendTitle img{
	vertical-align:bottom;
}
#userpageAlbum{
	width:668px;
	border:#e4e4cf 1px solid;
	border-top:none;
	margin-bottom:20px;
}
#userpageAlbum ul.userAlbumList{
	width:668px;
	overflow:hidden;
	clear:both;
	min-height:414px;
	height:auto !important;
	height:414px;
}
#userpageAlbum ul.userAlbumList li{
	width:150px;
	float:left;
	margin:10px 0;
	padding:8px;
}
#userpageAlbum ul.userAlbumList li span{
	margin:0 auto 5px;
}
#userpageAlbum ul.userAlbumList li dl dt{
	margin-bottom:10px;
}
#userpageAlbum ul.userAlbumList li dl dt a{
	font-weight:bold;
}
#userpageAlbum ul.userAlbumList li dl dt span{
	font-size:93%;
}
#userpageAlbum ul.userAlbumList li dl dd span{
	margin-right:8px;
}

/*__friendList
-------------------------*/
#userpageFriend{
	width:668px;
	border:#e4e4cf 1px solid;
	border-top:none;
	margin-bottom:20px;
}
#userpageFriend ul.userFriendList{
	width:650px;
	padding:0 9px;
	overflow:hidden;
	clear:both;
}
#userpageFriend ul.userFriendList li{
	width:118px;
	float:left;
	margin:10px 5px;
	display:inline;
	border:#f1f1e4 1px solid;
}
#userpageFriend ul.userFriendList span{
	margin:10px auto;
}
#userpageFriend ul.userFriendList p{
	margin-bottom:5px;
	text-align:center;
	line-height:1.1;
}
#userpageFriend ul.userFriendList p.userName{
	background-color:#ffffa2;
	padding:3px 0;
}
#userpageFriend ul.userFriendList p.userName a{
	color:#5eb606;
	font-weight:bold;
}
#userpageFriend ul.userFriendList p.id{
	color:#66664c;
}

/*--		__about
----------------------------------------------------*/
#aboutField{
	padding-left:10px;
	padding-right:10px;
}
#aboutField h2{
	margin-bottom:25px;
}
#aboutField #aboutLead{
	width:900px;
	overflow:hidden;
	margin-bottom:30px;
	line-height:2;
}
#aboutField .usageBox{
	clear:both;
	width:892px;
	margin-bottom:30px;
	border:#000 4px solid;
}
#aboutField .usageBox p img{
	vertical-align:bottom;
}
#aboutField .usageBox p.btn{
	margin-bottom:15px;
}
#aboutField .usageBox ul{
	width:892px;
	overflow:hidden;
}
#aboutField .usageBox ul li{
	float:left;
	padding-top:5px;
}
#aboutField .usageBox ul li dl{
	text-align:center;
}
#aboutField .usageBox ul li dl dt{
	margin-bottom:10px;
}
#aboutField .usageBox #aboutSearch{
}
#aboutField .usageBox #aboutSearch li{
	width:294px;
	height:150px;
	padding-right:5px;
	background:url(../img/about/search_border.gif) right top no-repeat;
}
#aboutField .usageBox #aboutSearch li.last{
	padding-right:0;
	background:none;
}
#aboutField .usageBox #aboutMake{
	padding-bottom:22px;
	background:url(../img/about/make_border_bottom.gif) left bottom no-repeat;
}
#aboutField .usageBox #aboutMake li{
	width:284px;
	height:254px;
	padding-right:20px;
	background:url(../img/about/make_border.gif) right top no-repeat;
}
#aboutField .usageBox #aboutMake li.last{
	padding-right:0;
	background:none;
}
#aboutField .usageBox #aboutMake li dl dd{
	margin-bottom:10px;
}
#aboutField .usageBox #aboutFunction{
}
#aboutField .usageBox #aboutFunction li{
	width:220px;
	height:201px;
	border-right:#000 4px solid;
}
#aboutField .usageBox #aboutFunction li.last{
	border-right:none;
}
#aboutField .entryBtn{
	clear:both;
	width:892px;
	margin-bottom:30px;
	padding:15px 0;
	border:#000 4px solid;
	text-align:center;
	background-color:#f0f0e2;
}

/*__video
-------------------------*/
#aboutField h2.videoTitle{
	margin-top:-20px;
}
#aboutField h3{
	margin-bottom:10px;
}
#aboutField #uploadBox{
	width:800px;
	overflow:hidden;
	padding:0 50px;
	margin-bottom:35px;
}
#aboutField #uploadBox .conditionList{
	width:590px;
	float:right;
}
#aboutField #uploadBox .conditionList li{
	margin-bottom:10px;
	padding:13px 0 13px 38px;
	background:url(../img/about/check.gif) 10px center no-repeat #f0f0e2;
}
#aboutField #uploadBox .conditionList li span{
	font-weight:bold;
}
#aboutField #uploadBox p{
	clear:both;
	text-align:right;
}
#aboutField .arrowBg{
	margin-bottom:25px;
}
#aboutField .arrowBg img{
	vertical-align:bottom;
}
#aboutField .arrowBg dt{
	clear:both;
}
#aboutField .arrowBg dd{
	width:850px;
	overflow:hidden;
	margin-bottom:5px;
	padding-left:50px;
	padding-bottom:30px;
	background:url(../img/about/arrow.gif) 5px bottom no-repeat;
}
#aboutField .arrowBg dd #photoSpace1,
#aboutField .arrowBg dd #selectSpace1{
	float:left;
	display:inline;
	margin-top:54px;
	padding-right:;
}
#aboutField .arrowBg dd #photoSpace1{
	width:383px;
	margin-top:54px;
	padding-bottom:5px;
	background:url(../img/about/photo_make_frame.gif) left bottom no-repeat;
}
#aboutField .arrowBg dd #selectSpace1{
	width:378px;
	margin-top:19px;
	padding-top:5px;
}
#aboutField .arrowBg dd #photoSpace2,
#aboutField .arrowBg dd #selectSpace2{
	float:right;
	display:inline;
	margin-top:28px;
	padding-bottom:5px;
}
#aboutField .arrowBg dd #photoSpace2{
	width:317px;
	margin-top:28px;
	background:url(../img/about/photo_upload_frame.gif) left bottom no-repeat;
}
#aboutField .arrowBg dd #selectSpace2{
	width:314px;
	margin-top:19px;
}
#aboutField .arrowBg dd p{
	line-height:1.5;
	padding:10px 15px;
	border-left:#000 3px solid;
	border-right:#000 3px solid;
}
#aboutField .arrowBg dd img.arrow{
	float:left;
	margin:130px 0 0 50px;
}
#aboutField .arrowBg dd #arrangeSpace{
	margin:20px 0;
}
#aboutField #arrange{
	width:900px;
	overflow:hidden;
	margin-bottom:35px;
}
#aboutField #arrange .arrowBg{
	width:419px;
	line-height:1.5;
	float:left;
	margin-top:10px;
}
#aboutField #arrange .arrowBg dd{
	width:339px;
	padding-right:30px;
}
#aboutField #arrange .arrowBg dd.last{
	background:none;
}
#aboutField .btnArea{
	clear:both;
	width:898px;
	margin-bottom:20px;
	padding:25px 0;
	border:#e8e7db 1px solid;
	background-color:#f4f3e9;
	text-align:center;
}
#aboutField .btnArea img{
	margin:0 15px;
}


/*--		__privacy
----------------------------------------------------*/
#privacyField{
	line-height:1.5;
	padding-bottom:100px;
}
#privacyField .lead{
	padding:0 15px 30px 5px;
}
#privacyField dl{
	padding:0 15px 0 5px;
}
#privacyField dl dt{
	line-height:2;
	margin-bottom:5px;
	background:url(../img/privacy/border02.gif) right bottom no-repeat;
	font-weight:bold;
}
#privacyField dl dt span{
	background:url(../img/privacy/border01.gif) right bottom no-repeat;
	padding:6px 10px 6px 0;
}
#privacyField dl dd{
	margin-bottom:30px;
}

/*--		__rules
----------------------------------------------------*/
#rulesField{
	line-height:1.5;
}
#rulesField p{
	margin:0 20px 25px 10px;
}
#rulesField p.title{
	line-height:1;
	margin-bottom:12px;
	padding-left:22px;
	background:url(../img/rules/mark.gif) left center no-repeat;
	font-weight:bold;
	font-size:108%;
}
#rulesField dl{
	margin:0 20px 0 10px;
}
#rulesField dl dt{
	line-height:1;
	font-weight:bold;
	margin-bottom:3px;
}
#rulesField dl dd{
	margin-bottom:20px;
}
#rulesField dl dd ul{
	padding:15px 0 0 40px;
}

/*--		__company
----------------------------------------------------*/
#companyField{
	width:800px;
	overflow:hidden;
	padding-bottom:100px;
}
.underlayerTable{
	border-collapse:separate;
	border-spacing:4px 0;
}
.underlayerTable th,
.underlayerTable td{
	padding:10px 0;
}
.underlayerTable th{
	width:107px;
	padding-left:5px;
	border-bottom:#6da721 2px solid;
}
.underlayerTable td{
	padding-left:10px;
	border-bottom:#000 1px dotted;
}
.underlayerTable td a{
	color:#0194e0;
	font-weight:bold;
}
#companyField .underlayerTable{
	width:470px;
	float:left;
}
#companyField .underlayerTable caption{
	padding-left:4px;
}
#companyField .underlayerTable td a{
	color:#0194e0;
	font-weight:bold;
}
#companyField .underlayerTable td ul{
	line-height:1.5;
}
#companyField .guideline{
	width:300px;
	float:right;
}
#companyField .guideline dd{
	line-height:1.5;
}

/*--		__order
----------------------------------------------------*/
#orderField{
	padding-bottom:100px;
}
#orderField .underlayerTable{
	width:800px;
}
.underlayerTable th{
	width:180px;
}
#orderField .underlayerTable td a{
	color:#0194e0;
	font-weight:bold;
}
#orderField .underlayerTable td ul{
	line-height:1.5;
}

/*--		__tieup
----------------------------------------------------*/
#tieupField{
	padding:20px 0 15px;
}
#tieupField #titleSection{
	width:330px;
	float:left;
	padding-left:10px;
}
#tieupField #titleSection h2{
	margin-bottom:10px;
}
#tieupField #worrySection{
	width:330px;
	float:right;
	margin:-20px -15px 0 0;
	display:inline;
	background:url(../img/tieup/worry_bg.gif) right top no-repeat;
}
#tieupField #worrySection .title{
	padding-top:20px;
}
#tieupField #worrySection ul{
	margin:20px 0 10px;
}
#tieupField #worrySection li{
	margin-bottom:15px;
}
#tieupField #worrySection .aboutLink{
	text-align:right;
	padding-right:22px;
}
#tieupField #advantageTitle{
	clear:both;
	margin-top:15px;
	text-align:center;
}
#tieupField #advantageSection{
	width:909px;
	overflow:hidden;
	margin:0 auto 30px;
}
#tieupField #advantageSection li{
	width:295px;
	float:left;
	margin:0 4px;
	display:inline;
	background:url(../img/tieup/advantage_top.gif) left top no-repeat;
	padding-top:28px;
}
#tieupField #advantageSection dl{
	width:283px;
	border:#000 4px solid;
	border-top:none;
	padding:2px;
	background-color:#ffffdc;
}
#tieupField #advantageSection dl img{
	display:block;
}
#tieupField #advantageSection dl dt{
	margin-bottom:5px;
}
#tieupField #advantageSection dl dd{
	padding:0 6px;
	line-height:1.5;
}
#tieupField #advantageSection dl dd span{
	color:#ff0000;
}
#tieupField #advantageSection dl.original dd.lead{
	margin-bottom:40px;
}
#tieupField #advantageSection dl.original dd.image{
	margin-bottom:6px;
}
#tieupField #advantageSection dl.original dd.image img{
	margin:0 auto;
}
#tieupField #advantageSection dl.topic dd.lead{
	margin-bottom:6px;
}
#tieupField #advantageSection dl.topic dd.image{
	margin-top:2px;
	padding:0;
}
#tieupField #advantageSection dl.topic dd.image img{
	margin:0 auto;
}
#tieupField #advantageSection dl.advertise dd.lead{
	margin-bottom:4px;
}
#tieupField #advantageSection dl.advertise dd.image{
	padding:0;
	margin-left:-1px;
}
#tieupField #flowSection{
	clear:both;
	width:893px;
	overflow:hidden;
	margin:0 auto 25px;
	border:#000 4px solid;
	background:url(../img/tieup/flow_bg.gif) right top no-repeat #000;
}
#tieupField #flowSection img{
	display:block;
}
#tieupField #flowSection li{
	float:left;
}
#tieupField #flowSection .contact{
}
#tieupField #flowSection .reply{
}
#tieupField #flowSection .consult{
}
#tieupField #flowSection dl{
	padding-left:44px;
}
#tieupField #flowSection .contact dl{
	width:185px;
}
#tieupField #flowSection .reply dl{
	width:225px;
}
#tieupField #flowSection .consult dl{
	width:225px;
}
#tieupField #flowSection dl dt{
	margin:5px 0 10px;
}
#tieupField #flowSection dl dd{
	margin-bottom:11px;
}
#tieupField #contactSection{
	clear:both;
	width:901px;
	margin:0 auto;
	padding-top:16px;
	background:url(../img/tieup/contact_top.gif) left top no-repeat;
}
#tieupField #contactSection p{
	padding:20px 0 30px;
	border:#000 4px solid;
	border-top:none;
	background-color:#f0f0e2;
	text-align:center;
}

/*--		__contact
----------------------------------------------------*/
#contactField{
	width:800px;
	overflow:hidden;
	padding-bottom:100px;
}
#contactField #contactSupport{
	width:230px;
	float:left;
	padding:10px;
	border:#eaeadc 2px solid;
}
#contactField #contactSupport dl{
	margin-bottom:25px;
}
#contactField #contactSupport dl dt{
	margin-bottom:10px;
}
#contactField #contactSupport dl dd{
	padding-left:5px;
}
#contactField #contactSupport dl dd ul li{
	line-height:1.5;
	margin-bottom:5px;
}
#contactField #contactSupport dl dd a{
	color:#069dec;
}
#contactField #contactSupport dl.before dd a{
	font-weight:bold;
}
#contactField #contactBox{
	width:520px;
	float:right;
}
#contactField #contactBox .inputError{
	width:500px;
}
#contactField #contactBox table{
	width:520px;
	border-collapse:separate;
	border-spacing:0 10px;
	margin-top:-10px;
}
#contactField #contactBox table{
	/margin:0 0 10px;
}/*-- IE6,7用 --*/
#contactField #contactBox table.confTable{
	border-collapse:collapse;
	margin:0 0 40px;
}
#contactField #contactBox table th,
#contactField #contactBox table td{
	border:#eaeadc 5px solid;
}
#contactField #contactBox table td{
	background:url(../img/contact/input_bg.gif) left top no-repeat;
}
#contactField #contactBox table.confTable th,
#contactField #contactBox table.confTable td{
	border:#eaeadc 1px solid;
}
#contactField #contactBox table th{
	width:160px;
	background-color:#eaeadc;
}
#contactField #contactBox table th img{
	vertical-align:middle;
	margin-left:5px;
}
#contactField #contactBox table.confTable th{
	padding-left:10px;
	border-bottom:#dbdbc8 1px solid;
}
#contactField #contactBox table.confTable td{
	padding:10px 0 10px 20px;
}
#contactField #contactBox table td input.long,
#contactField #contactBox table td textarea{
	border:#d0d0b6 2px solid;
	width:340px;
}
#contactField #contactBox table td.error input.long,
#contactField #contactBox table td.error textarea,
#contactField #contactBox .error li{
	border:#000 2px solid;
}
#contactField #contactBox .error li{
	background-color:#fff9a3;
}
#contactField #contactBox table td input.long{
	padding:7px 0;
}
#contactField #contactBox table td textarea{
	height:170px;
}
#contactField #contactBox table td ul{
	background-color:#eaeadc;
}
#contactField #contactBox table td ul li{
	margin-bottom:5px;
	padding:5px 0 5px 13px;
	border:#fff 2px solid;
	background-color:#fff;
}
#contactField #contactBox table td ul li input{
	margin-right:15px;
}
#contactField #contactBox table td ul li.none{
	margin-bottom:0;
}
#contactField .btn img,
#contactField .btn input{
	margin:0 5px;
}
#contactField #contactBox .doneLead{
	text-align:center;
	padding-bottom:20px;
}

/*--		__video
----------------------------------------------------*/
#videoField{
	width:915px;
	overflow:hidden;
	margin:0 auto;
}
#videoField .videoTitle{
	font-size:161.6%;
	font-weight:bold;
	margin-bottom:10px;
}
#videoField #videoComment{
	width:915px;
	overflow:hidden;
	margin:0 auto 10px;
}
#videoField #videoComment dt{
	float:left;
	width:62px;
}
#videoField #videoComment dd{
float:right;
	width:849px;
	background:url(../img/video/comment_middle.gif) repeat-y left top;
}
#videoField #videoComment dd .name{
	min-height:20px;
	height:auto !important;
	height:20px;
	padding:10px 10px 10px 25px;
	background:url(../img/video/comment_top.gif) no-repeat left top;
}
#videoField #videoComment dd .name a{
	color:#61b90a;
	font-weight:bold;
}
#videoField #videoComment dd .comment{
	padding:0 10px 10px 25px;
	background:url(../img/video/comment_bottom.gif) no-repeat left bottom;
}
#videoField #tabBox{
	clear:both;
	width:915px;
	margin:0 auto 5px;
}
#videoField #tabBox ul.presentTag{
	
}
#videoField #tabBox ul.presentTag li{
	display:inline;
}
#videoField #tabBox ul.presentTag li img{
	vertical-align:middle;
}
#videoField #tabBox ul.presentTag li.tagList{
	
}
#videoField #tabBox ul.presentTag li.tagList a{
	margin:0 3px;
}
#videoField #tabBox ul.presentTag li.tagEditBtn img{
	cursor:pointer;
}
#videoField #tabBox .editTag{
	width:273px;
	background:url(../img/video/tabEdit_bottom.gif) repeat-y left bottom;
}
#videoField #tabBox .editTag .close{
	width:273px;
	background:#fff;
}
#videoField #tabBox .editTag .close img{
	display:block;
}
#videoField #tabBox .editTag ul{
	background:url(../img/video/tabEdit_top.gif) no-repeat left top;
	padding:10px 0 0 10px;
	line-height:1.5;
	margin-bottom:10px;
}
#videoField #tabBox .editTag ul li{
}
#videoField #tabBox .editTag ul li img{
	margin-left:5px;
}
#videoField #tabBox .editTag .add{
	padding:0 10px 10px;
}
#videoField #tabBox .editTag .add input{
	width:115px;
	vertical-align:middle;
}
#videoField #tabBox .editTag .add img{
	cursor:pointer;
	vertical-align:middle;
}
#videoField #attachBox{
	width:915px;
	overflow:hidden;
	position:relative;
	margin:0 auto;
	padding-bottom:65px;
}
#videoField #attachBox .BlogBox{
	float:right;
	width:402px;
	position:relative;
	padding-bottom:10px;
	background:url(../img/video/blog_bottom.gif) no-repeat left bottom;
}
#videoField #attachBox .BlogBox .close{
	position:absolute;
	right:8px;
	top:6px;
	cursor:pointer;
}
#videoField #attachBox .BlogBox p.message{
	padding:10px 10px 5px;
}
#videoField #attachBox .BlogBox p.blogTop{
	background:url(../img/video/blog_top.gif) no-repeat left top;
}
#videoField #attachBox .BlogBox input{
	width:380px;
	margin:0 10px 5px;
	border:#000 2px solid;
}
#videoField #attachBox .data{
	width:510px;
	position:absolute;
	left:0;
	bottom:0;
}
#videoField #attachBox .data li{
	margin-bottom:5px;
}
#videoField #attachBox .data li.icon{
	margin-left:4px;
}
#videoField #attachBox .data li img{
	margin-right:5px;
	vertical-align:middle;
}
#videoField #attachBox .outsideLink{
	width:395px;
	position:absolute;
	right:0;
	bottom:0;
}
#videoField #attachBox .outsideLink li{
	float:left;
}
#videoField #attachBox .outsideLink li img{
	display:block;
	cursor:pointer;
}
#videoField #playBox{
	width:915px;
	margin:0 auto 5px;
}
#videoField #violationBox{
	position:relative;
	float:right;
	width:394px;
	display:inline;
	margin-right:;
	background:url(../img/video/violation_top.gif) no-repeat left top;
}
#videoField #violationBox p.violationButton{
	position:absolute;
	right:0;
	top:0;
	cursor:pointer;
}
#videoField #violationBox dl.violationForm{
	width:394px;
	background:url(../img/video/violation_bottom.gif) no-repeat left bottom;
}
#videoField #violationBox dl.violationForm dt{
	margin-bottom:20px;
	padding:0 18px;
	text-align:center;
	background:url(../img/video/violation_top.gif) no-repeat left top;
}
#videoField #violationBox dl.violationForm dt p{
	position:relative;
	padding:5px 0;
	border-bottom:#fff 1px solid;
	color:#fff;
	font-size:108%;
}
#videoField #violationBox dl.violationForm dt p span{
	position:absolute;
	right:0px;
	top:7px;
}
* html #videoField #violationBox dl.violationForm dt p span{
	right:22px;
}
#videoField #violationBox dl.violationForm dt p span img{
	cursor:pointer;
}
#videoField #violationBox dl.violationForm dd{
	padding:0 16px 20px;
}
#videoField #violationBox dl.violationForm dd select{
	width:180px;
}
#videoField #violationBox dl.violationForm dd textarea{
	width:360px;
}
#videoField #connectionBox{
	clear:both;
	width:870px;
	margin:50px auto 20px;
}
#videoField #connectionBox p.connectionTitle{
	width:835px;
	border-bottom:#000 2px solid;
	display:block;
	margin:0 auto 20px;
	padding:15px 0 5px 35px;
	background:url(../img/video/connection_icon.gif) 5px 8px no-repeat;
}
#videoField #connectionBox ul{
	width:880px;
	overflow:hidden;
	margin-left:-5px;
}
#videoField #connectionBox ul li{
	width:210px;
	float:left;
	margin:0 5px 10px;
	display:inline;
}
#videoField #connectionBox ul li p.icon{
	line-height:1.8;
}
#videoField #connectionBox ul li p.title{
	font-weight:bold;
	font-size:108%;
	clear:both;
}

/*__error
-------------------------*/
#videoError{
	width:950px;
	min-height:540px;
	height:auto !important;
	height:540px;
	margin-left:-15px;
	background:url(../img/video/error_bottom.gif)left bottom no-repeat;
}
#videoError #errorItemize{
	padding-top:80px;
	text-align:center;
	background:url(../img/video/error_top.gif)left top no-repeat;
}
#videoError #errorItemize img{
	margin-bottom:5px;
}
#videoError #errorItemize p{
	line-height:1.5;
}
#videoError #errorItemize p span{
	font-weight:bold;
}
#videoError #errorItemize p a{
	color:#000;
	text-decoration:underline;
}
#videoError #errorItemize p span a{
	color:#60c101;
	text-decoration:none;
}
#videoError #errorVideoList{
	clear:both;
	width:610px;
	overflow:hidden;
	margin:30px auto;
	padding:8px 13px;
	border:#f0f0e2 2px solid;
}
#videoError #errorVideoList p{
	margin-bottom:10px;
}
#videoError #errorVideoList p a{
	color:#5eb606;
}
#videoError #errorVideoList p span{
	margin:0 5px;
}
#videoError #errorVideoList dl dt{
	margin-bottom:5px;
}
#videoError #errorVideoList dl dt a{
	font-weight:bold;
}


/*--		__help
----------------------------------------------------*/
#helpField{
	width:920px;
	overflow:hidden;
	margin:15px 0 20px;
	background:url(../img/help/helpfield_bg.gif) left top repeat-y;
}
.helpTitle{
	margin-bottom:10px;
}
.helpTitle img{
	display:block;
}
#helpField #helpBox{
	width:640px;
	float:right;
	margin-bottom:15px;
	padding-right:25px;
}
#helpField p{
	width:640px;
	margin-bottom:15px;
	border-bottom:#000 2px solid;
}
#helpField dl{
	width:600px;
	margin-bottom:10px;
	padding-left:40px;
	border-bottom:#000 1px dotted;
}
#helpField dl.q1{
	background:url(../img/help/question01.gif) left top no-repeat;
}
#helpField dl.q2{
	background:url(../img/help/question02.gif) left top no-repeat;
}
#helpField dl.q3{
	background:url(../img/help/question03.gif) left top no-repeat;
}
#helpField dl.q4{
	background:url(../img/help/question04.gif) left top no-repeat;
}
#helpField dl.q5{
	background:url(../img/help/question05.gif) left top no-repeat;
}
#helpField dl.q6{
	background:url(../img/help/question06.gif) left top no-repeat;
}
#helpField dl.q7{
	background:url(../img/help/question07.gif) left top no-repeat;
}
#helpField dl.q8{
	background:url(../img/help/question08.gif) left top no-repeat;
}
#helpField dl.q9{
	background:url(../img/help/question09.gif) left top no-repeat;
}
#helpField dl.q10{
	background:url(../img/help/question10.gif) left top no-repeat;
}
#helpField dl dt{
	color:#6eb70e;
	font-weight:bold;
	padding-bottom:10px;
}
#helpField dl dd{
	padding-bottom:10px;
}
#helpField dl dd p{
	width:auto;
	border-bottom:none;
}
#helpField dl dd p.list{
	margin-left:5px;
}
#helpField dl dd a{
	color:#0094fc;
	font-weight:bold;
}

/*__help_side
-------------------------*/
#help_side{
	float:left;
	width:210px;
	padding-left:25px;
	padding-bottom:100px;
}
#help_side li{
	margin-bottom:8px;
}
#help_side li a{
	display:block;
	width:209px;
	height:40px;
	text-indent:-9999px;
}
#help_side li.entry a{
	background:url(../img/help/menu_entry_off.gif) left top no-repeat;
}
#help_side li.entry a:hover,
#help_side li.entry a.selected{
	background:url(../img/help/menu_entry_on.gif) left top no-repeat;
}
#help_side li.id a{
	background:url(../img/help/menu_id_off.gif) left top no-repeat;
}
#help_side li.id a:hover,
#help_side li.id a.selected{
	background:url(../img/help/menu_id_on.gif) left top no-repeat;
}
#help_side li.goldplan a{
	background:url(../img/help/menu_goldplan_off.gif) left top no-repeat;
}
#help_side li.goldplan a:hover,
#help_side li.goldplan a.selected{
	background:url(../img/help/menu_goldplan_on.gif) left top no-repeat;
}
#help_side li.video a{
	background:url(../img/help/menu_video_off.gif) left top no-repeat;
}
#help_side li.video a:hover,
#help_side li.video a.selected{
	background:url(../img/help/menu_video_on.gif) left top no-repeat;
}
#help_side li.leave a{
	background:url(../img/help/menu_leave_off.gif) left top no-repeat;
}
#help_side li.leave a:hover,
#help_side li.leave a.selected{
	background:url(../img/help/menu_leave_on.gif) left top no-repeat;
}
#helpField .helpBottom{
	clear:both;
	width:920px;
	height:20px;
	background:url(../img/help/helpfield_bottom.gif) left top no-repeat;
}
#helpField .helpBottom hr{
	display:none;
}


/*--		__change
----------------------------------------------------*/
#changeField{
	text-align:center;
	padding-top:50px;
}
#changeField p{
	margin-bottom:30px;
}