@charset "utf-8";

/* ############################################################

	Common header styles
	Last Up Date: 2010.08.09
	Author: LaisUco Tsugiyama

############################################################ */


body {
	margin: 0;	/* overwhite */
	padding: 0;	/* overwhite */
	color: #545454;
}
a {
	text-decoration: none;
}
a:link {
	color: #545454;
}
a:visited {
	color: #545454;
}
a:hover {
	text-decoration: underline;
	color: #545454;
}


/* ヘッダ内 */

div#siteInfo {
	width: 920px;
	overflow: hidden;
	margin: 0 auto;
	padding: 16px 0 13px;
	zoom: 1;
}
div#siteInfo h1 {
	float: left;
}
div#siteInfo address {
	float: right;
	padding-top: 20px;
}
div#sectionNav {
	overflow: hidden;
	zoom: 1;
	background: #bf0000;
}
div#sectionNav div.inner {
	margin: 0 auto;
	padding-right: 17px;
	width: 933px;
}
div#sectionNav ul {
	float: left;
}
div#sectionNav li {
	float: left;
}
div#sectionNav div.inner div {
	float: right;
	padding: 7px 0;
}
div#sectionNav div.inner div a {
	padding-left: 12px;
	color: #ffffff;
	background: url(../img/icon_arrow_white.gif) no-repeat 0 50%;
	font-weight: bold;
}

div#contents {
	margin: 0;
	width: 100%;
	background: #e0e0e0 url(../img/bg_contents.gif) repeat-y 50% 0;
}
div#mainContents {
	width: 100%;
	background: url(../img/bg_mainContents.jpg) no-repeat 50% 0;
}
div#mainContentsInner {
	overflow: hidden;
	margin: 0 auto;
	width: 950px;
	zoom: 1;
}



div#topContents {
	overflow: hidden;
	width: 940px;
	margin-bottom: 10px;
	padding-top: 10px;
	zoom: 1;
}
div#recommendArea {
	width: 664px;
	float: right;
	overflow: hidden;
}
div#recommendBox {
	width: 664px;
}
div#recommendBox div#recommendImg {
}
div#recommendBox div#recommendImg div#slider {
	margin-bottom: 1px;
}
div#recommendBox div#recommendImg div#slider ul li a span {
	/*jquery.slider.js*/
	display:none;
}
div#recommendBox ul#recommendTab {
	overflow: hidden;
	zoom: 1;
	background: #f6f6f6;
}

div#recommendBox ul#recommendTab li {
	width: 221px;
	float: left;
}
div#recommendBox ul#recommendTab li a {
	display: block;
	padding: 5px;
	background: #f6f6f6;
	text-align: center;
	zoom: 1;
}
div#recommendBox ul#recommendTab li.current a {
	color: #ffffff;
	background: #bf0000;
	text-decoration: none;
}
div#recommendBox ul#seminarAnnouncement {
	overflow: hidden;
	margin-bottom: 10px;
	padding: 10px 0 0 15px;
	border: 1px solid #f6f6f6;
	zoom: 1;
}
div#recommendBox ul#seminarAnnouncement li {
	width: 315px;
	float: left;
	padding-bottom: 10px;
}


div#securityBox {
	width: 675px;
	overflow: hidden;
	zoom: 1;
}
div#securityBox dl {
	width: 225px;
	float: left;
}


div#sponsorsArea {
	float: left;
	width: 266px;
}

div#bn {
	margin: 0 0 7px 10px;
}

div#merchantBox {
	padding: 12px 0 0 10px;
	background: url(../img/bg_merchantBox.gif) no-repeat;
}
div#merchantBox div.title {
	margin: 0 0 10px 12px;
}
div#merchantBox ul {
	overflow: hidden;
	zoom: 1;
	padding: 0 0 0 14px;
	border-bottom: 1px solid #e9e9e9;
}
div#merchantBox li {
	float: left;
	width: 120px;
	padding-bottom: 10px;
}

div#adBn {
	margin: 0 10px 10px;
}


dl.serviceDescription {
	overflow: hidden;
	margin: 0 10px 10px;
	border: 1px solid #e9e9e9;
	zoom: 1;
	background: url(../img/bg_serviceInfo_dt.gif) no-repeat;
}
dl.serviceDescription dt {
	float: left;
	width: 182px;
}
dl.serviceDescription dt img {
	margin: 26px 0 0 26px;
}
dl.serviceDescription dd {
	margin: 20px 10px 20px 220px;
}
dl.serviceDescription dd.title {
	margin: 27px 10px -20px 200px;
	text-align: center;
}
dl.serviceDescription dd.rakutenBaidu {
	margin: 10px 10px 20px 220px;
	text-align: center;
}
dl.serviceDescription dd dt {
	float: none;	/* overwhite */
	width: auto;	/* overwhite */
	height: auto;	/* overwhite */
	margin-bottom: 10px;
	background: none;	/* overwhite */
}
dl.serviceDescription dd dt img {
	margin: 0;	/* overwhite */
}
dl.serviceDescription dd dd {
	margin: 0 0 10px;	/* overwhite */
}
dl.serviceDescription dd ul.step {
	display: block;
	overflow: hidden;
	zoom: 1;
}
dl.serviceDescription dd li {
	float: left;
	width: 148px;
	background: url(../img/bg_step.gif) no-repeat 115px 50%;
}
dl.serviceDescription dd li.last {
	width: 105px;
}


dl.serviceDescription dd dl {
	overflow: hidden;
	zoom: 1;
}
dl.serviceDescription dd dl.credit01 {
	margin-top: 38px;
	padding-left: 60px;
	background: url(../img/img_help01.gif) no-repeat;
}
dl.serviceDescription dd dl.credit02 {
	padding-left: 60px;
	background: url(../img/img_help02.gif) no-repeat;
}
dl.serviceDescription dd dl.credit03 {
	padding-left: 60px;
	background: url(../img/img_help03.gif) no-repeat;
}
dl.serviceDescription dd dl.credit04 {
	padding-left: 60px;
	background: url(../img/img_help04.gif) no-repeat;
}
dl.serviceDescription dd dl.credit01 dt,
dl.serviceDescription dd dl.credit02 dt,
dl.serviceDescription dd dl.credit03 dt,
dl.serviceDescription dd dl.credit04 dt {
	margin-bottom: 8px;
	color: #bf0000;
	font-weight: bold;
}




div#cmnFooter {
	padding-bottom: 30px;
	background: #e0e0e0 url(../img/bg_contents.gif) repeat-y 50% 0;
}
div#cmnFooterInner {
	margin: 0 auto;
	width: 885px;
}
div.status {
	margin-bottom: 30px;
}
div.status div.statusArea {
	margin: 0 10px;
	padding: 8px 19px 15px;
	border-right: 1px solid #e9e9e9;
	border-bottom: 1px solid #e9e9e9;
	border-left: 1px solid #e9e9e9;
}
div.status ul {
	overflow: hidden;
	zoom: 1;
}
div.status li {
	float: left;
	width: 33%;
}
div.status li span {
	display: inline-block;
	padding-left: 20px;
	line-height: 16px;
}
* html div.status li span {
	display: table-cell;
}
div.status li.start span {
	background: url(../img/icon_start.gif) no-repeat;
	 
}
div.status li.now {
	text-align: center;
}
div.status li.now span {
	background: url(../img/icon_status.gif) no-repeat;
}
div.status li.goal {
	text-align: right;
}
div.status li.goal span {
	background: url(../img/icon_checked.gif) no-repeat;
}
div.statusInner {
	margin-bottom: 5px;
	padding: 1px;
	border: 1px solid #e9e9e9;
	background: url(../img/bg_status.gif) repeat-x 1px 50%;
}
div.statusInner div {
	height: 33px;
	background: url(../img/bg_level.gif) repeat-x 0 0;
}
div.status div.level10 {
	width: 85px;
}
div.status div.level20 {
	width: 176px;
}
div.status div.level30 {
	width: 261px;
}
div.status div.level40 {
	width: 352px;
}
div.status div.level50 {
	width: 437px;
}
div.status div.level60 {
	width: 528px;
}
div.status div.level70 {
	width: 613px;
}
div.status div.level80 {
	width: 709px;
}
div.status div.level90 {
	width: 792px;
}
div.status div.level100 {
	width: 885px;
}
div.copyright ul {
	margin-bottom: 10px;
	text-align: center;
}
div.copyright li {
	display: inline;
	margin-right: 4px;
	padding-right: 8px;
	border-right: 1px solid #454554;
}
div.copyright li.last {
	border: none;
}
div.copyright p {
	margin-bottom: 10px;
	text-align: center;
}