@charset "utf-8";

/*-- .listCard --*/
ul.listCard{margin:0 -1.1% 0 0; padding:0 0 0px;line-height:1;}
.listCard li.card{float:left;width:31.7%;margin:0 0 5px 0;/margin:0 0 0 0;}
@media screen and (max-width: 1100px) {
	.listCard li.card{width:48%;}
}
.listCard .agentTaskList{width:100%;border:1px solid #CCD6B6;padding:10px 6px 10px;position:relative;}
.listCard .agentTaskList .txtLink{margin:0 4px;padding:10px 0;border-bottom: dotted 1px #CCD7B7;font-size:17px;line-height:1.3; word-break:break-all;word-wrap:break-word;*height:67px;*overflow:hidden;}
.listCard .agentTaskList .judg{padding:5px 12px 3px 0;text-align:right;font-size:75%;}
.listCard .agentTaskList .pt{ text-align:right; padding:0 12px 0 0;font-size:17px;font-weight:bold;color:#404040; overflow:hidden;}
.listCard .agentTaskList .pt span.gainSecondary{background:url(https://s.yimg.jp/images/sicons/point16.gif) no-repeat left 4px;padding:0 0 0 20px;color:#f84000;}
.listCard .typeIcon{margin:0 6px 2px;/max-width:72px;}
.listCard .catetype_02{margin:0 6px;/max-width:72px;}
.listCard .client{margin:10px 6px;font-size: 75%;}
.listCard tr.clickable:hover td{cursor:pointer;background:#fffacd;transition: background 0.1s;}
.listCard .stmpEnd{bottom: 45px;right: 5px;}
.oneColumn li.card{width:97.1%;}
.oneColumn .agentTaskList .judg,.twoColumn .agentTaskList .judg{ font-size:100%;}
.oneColumn .agentTaskList .judg,.oneColumn .agentTaskList .pt,
.twoColumn .agentTaskList .judg,.twoColumn .agentTaskList .pt{text-align:left; padding:5px 6px 0 6px;}
.oneColumn ul.category li,.twoColumn ul.category li{float:left;margin: 0 8px 0 0;}
.twoColumn li.card{width:48%;}
.oneColumn .stmpEnd{bottom: 30px;;left:10px;right: 0;}
.twoColumn .stmpEnd{bottom: 30px;left:10px;right: 0;}
.listCardMoreBox{ text-align:center;margin:0 0 20px;*margin:10px 0 20px;}
.listCardMore{padding:10px 5px;text-align:center;background:#FF7A0C;background:-moz-linear-gradient(center top, #FFB046, #FF790B);background:-webkit-gradient(linear,left top,left bottom,from(#FFB046),to(#FF790B));background:linear-gradient(top,#FFB046 0%,#FF790B 100%);border:1px solid #E85302;border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px;}
.listCardMore span{ margin: 0 0 0;padding:1px 0 0 27px; font-size: 14px; background: url(../img/agent_top_more.png) no-repeat 3px center; color:#fff;}

/* topTable */
.listTable_02 .topTable{position:relative;padding: 0 90px 0 0;}
.listTable_02 .topTable .agentTopMoreBox{ text-align:center;margin:15px 0 25px;*margin:10px 0 20px;}
.listTable_02 .topTable .agentTopMore{display: block; width:360px; margin:-5px auto; padding:4px 0;text-align:center;background:#FF7A0C;background:-moz-linear-gradient(center top, #FFB046, #FF790B);background:-webkit-gradient(linear,left top,left bottom,from(#FFB046),to(#FF790B));background:linear-gradient(top,#FFB046 0%,#FF790B 100%);border:1px solid #E85302;border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px;}
.listTable_02 .topTable .agentTopMore span{ margin: 0 0 0;padding:1px 0 0 27px; font-size: 22px; background: url(../img/agent_top_more.png) no-repeat 3px center; color:#ffffff;vertical-align:middle;}
.listTable_02 .topTable .agentTaskList td.txt{ position:relative;}
.listTable_02 .topTable .agentTaskList ul.taskDetail li{ margin: 5px 0 0; float:left;}
.listTable_02 .topTable .agentTaskList li .catetype_02{margin:0 5px 0 0;}
.listTable_02 .topTable .agentTaskList span.icoPt{overflow:hidden;margin:0;text-align:center;font-weight:bold;font-size:14px; color:#f84000;}
.listTable_02 .topTable .agentTaskList span.fee{overflow:hidden;margin:0;text-align:center;font-weight:bold;font-size:14px; color:#404040;min-width:inherit; *min-width:55px;}
.listTable_02 .topTable .agentTaskList span.timeRates{color:#404040;}
.listTable_02 .topTable .agentTaskList span.strong {border:none; font-size:14px;color:#0C0C1E;font-weight: normal;margin: 0 20px 0 0;padding:0 20px 0 0;}
.listTable_02 .topTable .agentTaskList span.provider{padding: 0 10px 0 0;}
.listTable_02 .topTable .stmpEnd{ display:block;top: 20px;left:230px;right:0;}
/* nothing */
.listTable_02 .nothing{padding: 0;}

.wobble-horizontal {
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    display: inline-block;
    transform: translateZ(0px);
}
.button {
    background: none repeat scroll 0 0 #e1e1e1;
    color: #666666;
    cursor: pointer;
    margin: 0.4em;
    padding: 1em;
    text-decoration: none;
}

/*-- #topMain --*/

#topMain{
	float: left;
	width: 100%;
}

#contentsLeft{
	position:relative;
	float: left;
	width: 172px;
	margin:0 14px 0 -100%;
}

#contentsRight{
	float: left;
	margin-left: -300px;
	width: 300px;
}

#topSub{
	position: relative;
	width: 200px;
	min-height: 100px;
	float:left;
}

.topBn a{
	display: block;
	width: 100%;
	height: 66px;
	margin: 0 auto 1.3%;
	background: #27B423 url(../img/bn/kotsu700x60.png) no-repeat center center;
	text-indent: -9999px;
	background-size:contain;
}

.ten_thousand_banner_logIn{
	display: block;
	margin: 10px auto;
	width: 100%;
	height: 85px;
	text-indent: -9999px;
	background: url(../img/bn/ten_thousand_banner_log_in.png) no-repeat center top;
	background-size:contain;
}

/*-- mainWrap --*/

#mainWrap{
	width: 100%;
	height: 180px;
	margin: -20px 0 20px;
	background:#575757 url(../img/main_visual.jpg) no-repeat left top;
    width: 100%;
}

#mainLeft{
	float: left;
}

#mainVisual{
	position: relative;
	text-indent: -9999px;
}

#mainInner{
	float: right;
	padding:0 0 0 90px;
	height: 180px;
	background:url(../img/main_visual_right.png) no-repeat;
}

#mainInner h1{
	float: left;
	height: 110px;
	padding: 70px 20px 0 0;
	background:#18cf18;
	color: #fff;
	font-size: 18px;
	font-weight: bold;
	background:url(../img/main_crowd_right.png) no-repeat;

}

#mainInner .rightBox{
	background:url(../img/main_crowd_right02.png) no-repeat;
	float: left;
	height: 180px;
	padding: 0 20px 0 0;
}

#mainInner dl{
	width: 176px;
	height: 44px;
	margin: 28px 0 0;
	padding: 14px 0 0;
	background: #fff;
	text-align: center;
	line-height: 1.2;
}

#mainInner dt{
	font-size: 14px;
}

#mainRight dd{
	font-size: 18px;
	font-weight: bold;
}

#entryBtn{
	display: block;
	width: 174px;
	height: 36px;
	margin: 23px 0 0;
	line-height: 36px;
	color: #fff;
	font-size: 15px;
	text-align: center;
	background:#FF7A0C;background:-moz-linear-gradient(center top, #FFB046, #FF790B);background:-webkit-gradient(linear,left top,left bottom,from(#FFB046),to(#FF790B));background:linear-gradient(top,#FFB046 0%,#FF790B 100%);border:1px solid #E85302;border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px;
}

.testBtn{
	display: block;
	width: 235px;
	height: 50px;
	margin: 17px auto 0;
	background: url(../img/btn_test_task.png) no-repeat;
	text-indent: -9999px;
	text-align: center;

}

.resolveBtn{
	display: block;
	width: 235px;
	height: 50px;
	margin: 9px auto 0;
	background: url(../img/btn_resolve.png) no-repeat;
	text-indent: -9999px;
	text-align: center;
}

a:link, a:visited {color:#148ae5;text-decoration:none;outline:0 none;}
a:hover {color:#ff4200;}
.cf:before, .cf:after {content:"";display:table;}
.cf:after {clear:both;}
.cf {*zoom:1;}

#topRightColumn {
	width:300px;
	background:#eaeaea;
	text-shadow: 0 1px 0px white;
	float:right;
	}
.module{padding:12px;border-bottom:1px solid #d3d3d3;border-top:1px solid #fff;}
.moduleHead{overflow:hidden;/display:inline-block;}
.moduleHead h3{float:left;}
.module h3.search{padding-left:25px;background:url(../img/icoFlag_s.png) no-repeat;}
.module h3.info{padding-left:25px;background:url(../img/icoInfo_s.png) no-repeat;}
.module h3.rank{padding-left:25px;background:url(../img/ranking01-2001.gif) no-repeat;}
.moduleHead .more{float:right;font-size:small;}
.module .smallList{font-size:small;}
.module .smallList li{margin-top:10px;line-height:1.3;}
.module .smallList li em{display:block;padding-right:5px;margin-bottom:2px;}
#smallListInfo{display:block;padding-left:10px;}
#pointcheck{padding:5px 0 5px 35px;margin:0 5px 0 65px;background:url(https://s.yimg.jp/images/sicons/point28.gif) no-repeat left center;}
.topPointTxt{margin:0 0 0 40px;}
#topPoint{padding:5px 0 5px 35px;margin:0 0 0 5px;background:url(https://s.yimg.jp/images/sicons/point28.gif) no-repeat left center;color:#ff4200; font-weight:bold;}

#topLeftColumn {
	width:625px;
	float:left;
	}
#topLeftColumn td {
	font-size:0.9em;
	padding:6px 10px;
	border-top:1px solid #d3d3d3;
	line-height:1.3;
	}
.thanx {
	text-align:center;
	}
.morelinks {
	text-align:center;
	margin-bottom:20px;
	}
.listMeta {
	white-space:nowrap;
	text-align:center;
	}
.listMeta strong {
	font-weight:bold;
	color:#ff4200;
	}
.newsMsg {
	text-align:center;
	margin-bottom:10px;
	}

#stopMsg {
	text-align:center !important;
	float:center !important;
	margin-left:100px;
	width:700px;
	height:70px;
	background: url(../img/msg_stop.png)  no-repeat 0 10px transparent;
	text-indent: -9999px;
	}
#wrap {
	width:950px;
	text-align:left;
	margin:auto;
	margin-bottom:50px;
	}
#topLeftColumn h2 {
	margin-bottom:10px;
	}

#bnBoxWrap {
	width:950px;
	text-align:left;
	margin:20px auto;
	}
#bnBoxWrap .bnBox {
	width:302px;
	height:145px;
	float:left;
	margin-right:22px;
	}

#topPannel {
	width:100%;
	height:340px;
	margin-bottom:25px;
	background: url(../img/topBackImage.png) repeat-x scroll 0 0 transparent;
	}
#topPannelWrap {
	width:950px;
	height:340px;
	position:relative;
	margin:auto;
	}
#topPannelWrap02 {
	width:950px;
	height:340px;
	position:relative;
	margin:auto;
	}
#topPannelWrap03 {
	width:950px;
	height:340px;
	position:relative;
	margin:auto;
	}
.topPannelMainVisual_01{
	float:left;
	width:635px;
	height:320px;
	background:url(../img/topmain01.png) no-repeat 0 10px transparent;
}
.topPannelMainVisual_02{
	float:left;
	width:635px;
	height:320px;
	background:url(../img/topmain02.png) no-repeat 0 10px transparent;
}
.topPannelMainVisual_03{
	float:left;
	width:635px;
	height:320px;
	background:url(../img/topmain03.png) no-repeat 0 10px transparent;
}

.arrowPrev{
	width:30px;
	height:40px;
	float:left;
	background:url(../img/markleft.png) no-repeat 0 0 transparent;
	margin-top: 155px;
}

.arrowNext{
	width:30px;
	height:40px;
	float:right;
	background:url(../img/markright.png) no-repeat 0 0 transparent;
	margin-top: 155px;
}


#topPannelSlide {
	float:right;
	width:277px;
	margin-top:75px;
	}
#topPannelTextBox {
	position:absolute;
	width:382px;
	height:104px;
	left:15px;
	top:315px;
	text-indent: -9999px;
	background:url(../img/bt_topycrowd.png) no-repeat;
	}
#topPannelRightBox {
	background:rgb(255,255,255);
	background:rgba(255, 255, 255, 0.7);
	position:absolute;
	width:258px;
	height:187px;
	border-radius:5px;
	text-align:center;
	float:left;
	margin:0;
	padding:0;
	}
#topPannelRightBox .wrapButton{
    font-size: 14px;
    margin:23px auto 5px;
    text-align: center;
	}
#topPannelRightBox a.btnWhiteFrame {
    background: -moz-linear-gradient(center top , #FFFFFF 0%, #DFDFDF 100%) repeat scroll 0 0 transparent;
    border: 2px solid #FFFFFF;
    box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.35);
    color:#666666;
    padding:6px 35px;
	}
#topPannelRightBox p {
	line-height:1.2;
	}
#regButton {
	display:block;
	border-radius:5px;
	width:190px;
	line-height:1.3;
	padding:5px 0;
	margin:0 auto;
	background: #f39800;
	background: -moz-linear-gradient(top,  #f39800 0%, #ec6800 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f39800), color-stop(100%,#ec6800));
	background: -webkit-linear-gradient(top,  #f39800 0%,#ec6800 100%);
	background: -o-linear-gradient(top,  #f39800 0%,#ec6800 100%);
	background: -ms-linear-gradient(top,  #f39800 0%,#ec6800 100%);
	background: linear-gradient(top,  #f39800 0%,#ec6800 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f39800', endColorstr='#ec6800',GradientType=0 );
	border:2px solid #fff;
	box-shadow:0 0 6px 0 rgba(0,0,0,0.1);
	margin-top:5px;
	margin-bottom:5px;
	}
a#regButton {
	color:#fff;
	}
#topPanleRegButton {
	display:block;
	border-radius:5px;
	width:232px;
	height:74px;
	line-height:2.3;
	margin:45px auto 7px;
	background: #f39800;
	background: -moz-linear-gradient(top,  #f39800 0%, #ec6800 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f39800), color-stop(100%,#ec6800));
	background: -webkit-linear-gradient(top,  #f39800 0%,#ec6800 100%);
	background: -o-linear-gradient(top,  #f39800 0%,#ec6800 100%);
	background: -ms-linear-gradient(top,  #f39800 0%,#ec6800 100%);
	background: linear-gradient(top,  #f39800 0%,#ec6800 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f39800', endColorstr='#ec6800',GradientType=0 );
	border:3px solid #fff;
	box-shadow:0 0 6px 0 rgba(0,0,0,0.1);
	}
a#topPanleRegButton {
	color:#fff;
	}
a#regButton strong {
	font-weight:bold;
	display:block;
	}
a#regButton span {
		display:block;
	}
a#topPanleRegButton strong {
	font-weight:bold;
	display:block;
	padding:16px 5px;
	font-size:18px;
	}
a#topPanleRegButton span {
		display:block;
	}
a#topMoreGuide{padding-left:28px;background:url(https://s.yimg.jp/images/icon/u/bsc/1.0.0/beginner16.png) no-repeat scroll 6px 0px transparent;font-size:16px;line-height:25px;}


/*-- #toMain --*/

#topBanner01 {
    background: url(../img/main_bg_summer.jpg) repeat-x scroll 0 0 transparent;
    height: 342px;
    width: 100%
}
#topBanner01 #topBannerInner01 {
	background:url(../img/main_bg950.jpg) no-repeat scroll 0 0 transparent;
    height: 342px;
    margin: 0 auto;
    position: relative;
    width: 950px;
}

#topBanner01 #topBannerLeftBox01 {
    float: left;
    height: 340px;
    position: relative;
    width: 673px;
}

#topBanner01 #topBannerInner01 #topBannerMain01 {
    background: url(../img/main_summer.png) no-repeat scroll 0 0 transparent;
    height: 247px;
    text-indent: -9999px;
    width: 759px;
}

#topBanner01 #topBannerInner01 #topBannerDetail01 {
    background: url(../img/entry_off.png) no-repeat scroll 0 0 transparent;
    display: block;
    height: 68px;
    margin: 10px auto;
    text-indent: -9999px;
    width: 384px;
}
#topBanner01 #topBannerInner01 #topBannerDetail01:hover{
	background:url(../img/entry_on.png) no-repeat;
}

#topBanner01 #topBannerRightBox01 {
    float: right;
    height: 340px;
    width: 200px;
}

#topBanner01 #topBannerRightBox01 #taskTotalarea{
    height: 100px;
    line-height: 25px;
	background-color: #ffffcc;
    background-repeat: repeat-x;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    border-radius: 3px 3px 3px 3px;
    color: #666;
    padding: 2px 8px;
	height:55px;
	margin-top:80px;
	text-align: center;
}
#topBanner01 #topBannerRightBox01 .tasktxt {
    font-size: 20px;
    font-weight: bold;
    margin-top: 115px;
    text-align: center;
}

#topBanner01 #topBannerRightBox01 .taskTotal01 .number01 {
    color: #000;
    font-size: 22px;
    font-weight: bold;
    padding: 2px 8px;
}


/*-- topBannerRightBox_03 --*/

#topBanner01 #topBannerRightBox_03{
	float:right;
	width:256px;
	height:340px;
	margin: 15px 15px 0 0;
	}

#topBanner01 #topBannerRightBox_03 #taskText{
	font-size: 20px;
	font-weight: bold;
	text-align: center;
	}
#topBanner01 #topBannerRightBox_03 #taskTextOnly{
	padding: 3px 0 0 0;
	font-size: 18px;
	text-align: center;
	color: #fff;
	}

#topBanner01 #topBannerRightBox_03 .taskTotal{
	margin-top: 10px;
	width:256px;
	background: #77AD18;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	text-align: center;
	}

#topBanner01 #topBannerRightBox_03 .taskTotal .number{
	font-size: 26px;
	color: #fff;
	font-weight: bold;
	}

#topBanner01 #topBannerRightBox_03 .taskTotalOnText{
	width:256px;
	height:70px;
	margin-top: 5px;
	background:url(../img/cpnreg/task_total_on_text.png) no-repeat;
	text-indent: -9999px;
	}

#topBanner01 #topBannerRightBox_03 .ten_thousand_banner_01{
	display: block;
	margin: 15px auto 0;
	width: 255px;
	height: 150px;
	text-indent: -9999px;
	background: url(../img/bn/ten_thousand_banner_01.png) no-repeat;
}



/*-- #topAgentInfoWrap --*/
#topAgentInfoWrap{width:950px;margin:0 auto;overflow:hidden;/display:inline-block;}
#topAgentStatus{float:left;width:318px;}
#topAgentStatus p{margin-bottom:10px;}
#topAgentStatus span.yid{font-weight:bold;}
#topAgentStatus span.icoPt{background:url(https://s.yimg.jp/images/sicons/point16.gif) no-repeat scroll 2px 3px transparent;float:auto;padding: 0px 0 0px 20px;font-weight:bold;color:#fa4100;display:inline-block;}

#topAgentStatus span{font-weight:bold;}
#topAgentInfo{width:600px;float:right;}
#topAgentInfoTitle{overflow:hidden;/display:inline-block;}
#topAgentInfoTitle p{float:left;}
#topAgentInfoTitle a{float:right;font-size:small;}
#topAgentInfo li{padding-left:10px;font-size:small;width:590px;margin-bottom:5px;}
#topAgentInfo li span{float:left;display:block;width:75px;}
#topAgentInfoLink{margin-left:85px;display:block;}

/*-- #yServiceList --*/
#yServiceList{margin:10px 0;}
#yServiceList dl{border:1px solid #ccc;}
#yServiceList dt{padding:2px;background-color:#eee;border-bottom:1px solid #ccc;text-align:center;font-weight:bold;font-size:small;}
#yServiceList dd{padding:0 10px;}
#yServiceList li{padding:10px 0;border-bottom:1px dotted #ccc;overflow:hidden;/display:inline-block;}
#yServiceList li.end{border-bottom:none;}
#yServiceList .ico{float:left;width:28px;height:28px;margin-right:10px;}
#yServiceList .txt{float:left;width:240px;font-size:small;line-height:1.3em;word-break:break-all;}
#yServiceList .txtonly{float:left;width:280px;font-size:small;line-height:1.3em;word-break:break-all;}

/*-- #TaskListTitle --*/

.titleList01{
margin:0px;
height:34px;
	}

.titleList01txtY{
    background: url(../img/title_list01.png) no-repeat scroll 0 0 transparent;
    display: inline-block;
    height: 35px;
    margin: 0;
    text-align: left;
    text-indent: -9999px;
    width: 179px;
	}
.titleList01txtN{
    margin-left:10px;
    background: none repeat scroll 0 0 #DDDDDD;
    border-radius: 3px 3px 3px 3px;
    display:inline-block;
    font-size:14px;
    font-weight: bold;
    padding: 2px 8px;
    text-align: center;
	}
.titleList01txtN .outtxt{
	display:inline-block;
	color:#666666;
	font-weight:normal;
	font-size:12px;
	}
*+html .titleList01{
	margin:0px;
	height:34px;
	}

*+html .titleList01txtY{
    background: url(../img/title_list01.png) no-repeat scroll 0 0 transparent;
    height: 35px;
    margin: 0;
    text-align: left;
    text-indent: -9999px;
    width: 179px;
	float:left;
	display:inline;
	}
*+html .titleList01txtN{
    margin-right:170px;
    background: none repeat scroll 0 0 #DDDDDD;
    border-radius: 3px 3px 3px 3px;
    font-size:14px;
    font-weight: bold;
    padding: 2px 8px;
    text-align: center;
	float:right;
	display:inline;
	width:230px;
	}
*+html .titleList01txtN .outtxt{
	color:#666666;
	font-weight:normal;
	font-size:12px;
	display:inline;
	}

#titleList02{
	text-align:left;
	background: url(../img/title_list02.png) no-repeat scroll 0 0 transparent;
	height:33px;
	width:393px;
	margin:0px;
	text-indent: -9999px;
	display:block;
	}
#titleList03{
	text-align:left;
	background: url(../img/title_list03.png) no-repeat scroll 0 0 transparent;
	height:33px;
	width:341px;
	margin:20px 0 0 0;
	text-indent: -9999px;
	display:block;
	}

#titleList04{
	text-align:left;
	background: url(../img/title_list04.png) no-repeat scroll 0 0 transparent;
	height:33px;
	width:550px;
	margin:20px 0 0 0;
	text-indent: -9999px;
	display:block;
	}

/*-- #CrowdWorksLink --*/
.cwlinks{
	width:630px;
}
.cwlinks tr{
	border-bottom:1px solid #d3d3d3;
	border-top:1px solid #d3d3d3;
}
.cwlinks td{
	border-bottom:1px solid #d3d3d3;
	border-top:1px solid #d3d3d3;
}
.cwlinks .image{
	width:70px;
}
.cwlinks .links{
	font-size:16px;
}

/*-- #nanapiink --*/
.nanapilinks{
	margin-bottom:20px;
}
.nanapilinks td{
	border-bottom:1px solid #d3d3d3;
}
.nanapilinks .image{
	width:70px;
}
.nanapilinks .links{
	font-size:16px;
}

/*------------------------------
top_banner
------------------------------*/

#topBanner{
	width:100%;
	height:340px;
	margin-bottom:25px;
	background: #f0fefe;
	}
#topBanner #topBannerInner{
	width:950px;
	height:340px;
	position:relative;
	margin:0 auto;
	}

#topBanner #topBannerLeftBox{
	float:left;
	width:673px;
	height:340px;
	position:relative;
	}


#topBanner #topBannerInner #topBannerMain{
	width:673px;
	height:272px;
	background:url(../img/cpnreg/point_main.png) no-repeat;
	text-indent: -9999px;
	}


#topBanner #topBannerInner #topBannerDetail{
	display: block;
	width:384px;
	height:68px;
	margin: 0 auto;
	background:url(../img/cpnreg/detail_off.png) no-repeat;
	text-indent: -9999px;
}

#topBanner #topBannerInner #topBannerDetail:hover{
	background:url(../img/cpnreg/detail_on.png) no-repeat;
	}

#topBanner #topBannerRightBox{
	float:right;
	width:256px;
	height:340px;
	}

#topBanner #topBannerRightBox #taskText{
	margin-top: 62px;
	font-size: 20px;
	font-weight: bold;
	text-align: center;
	}
#topBanner #topBannerRightBox #taskTextOnly{
	margin-top: 115px;
	font-size: 20px;
	font-weight: bold;
	text-align: center;
	}

#topBanner #topBannerRightBox .taskTotal{
	width:256px;
	height:70px;
	margin-top: 5px;
	background:url(../img/cpnreg/task_total.png) no-repeat;
	text-align: center;
	}

#topBanner #topBannerRightBox .taskTotal .number{
	height: 70px;
	line-height: 70px;
	font-size: 26px;
	color: #fff;
	font-weight: bold;
	}

#topBanner #topBannerRightBox .taskTotalOnText{
	width:256px;
	height:70px;
	margin-top: 5px;
	background:url(../img/cpnreg/task_total_on_text.png) no-repeat;
	text-indent: -9999px;
	}

#topBanner #topBannerRightBox #thanks{
	display: block;
	width:256px;
	height:95px;
	margin-top: 20px;
	background:url(../img/cpnreg/thanks.png) no-repeat;
	text-indent: -9999px;
	}

/*-- topBannerRightBox_03 --*/

#topBanner #topBannerRightBox_03{
	float:right;
	width:256px;
	height:340px;
	}

#topBanner #topBannerRightBox_03 #taskText{
	font-size: 20px;
	font-weight: bold;
	text-align: center;
	}
#topBanner #topBannerRightBox_03 #taskTextOnly{
	padding: 3px 0 0 0;
	font-size: 18px;
	text-align: center;
	color: #fff;
	}

#topBanner #topBannerRightBox_03 .taskTotal{
	margin-top: 10px;
	width:256px;
	background: #77AD18;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	text-align: center;
	}

#topBanner #topBannerRightBox_03 .taskTotal .number{
	font-size: 26px;
	color: #fff;
	font-weight: bold;
	}

#topBanner #topBannerRightBox_03 .taskTotalOnText{
	width:256px;
	height:70px;
	margin-top: 5px;
	background:url(../img/cpnreg/task_total_on_text.png) no-repeat;
	text-indent: -9999px;
	}

#topBanner #topBannerRightBox_03 .ten_thousand_banner_01{
	display: block;
	margin: 15px 0 0 0;
	width: 255px;
	height: 150px;
	text-indent: -9999px;
	background: url(../img/bn/ten_thousand_banner_01.png) no-repeat;
}

/*-- IE6 --*/

.titleList01txtY{
    _display: inline;
	_float:left;
	}

.titleList01txtN{
    _margin-right:170px;
	_float:right;
	_display:inline;
	_width:230px;
	}

.titleList01txtN .outtxt{
	_display:inline;
	}

/*-- IpadPC表示対応 --*/
/*@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {

#topWrapper{
	min-width: 950px;
	text-align: left;
}

#mainBox,#headerBox,#footerBox{
	width: 950px;
	margin: 0 auto;
}

#navigationBox{
	width: 100%;
	margin: 0 auto;
}

#topWrap{
	width: 100%;
	margin: 0 auto;
}

#topMain {float: none; width: 100%;}

#topSub{
	display: none;
}

.nanapilinks{
	width: 100%;
	margin-bottom:20px;
	}

#pointcheck{ margin:0 5px 0 0;}

}*/