@charset "UTF-8";


/********************************
Layout
*********************************/

body {
	background:#fff;
	color:#333;
	font-size:13px;
	text-align:center;
}

/********************************
HEADER
*********************************/
#header {
	width: 800px;
	margin: 0 auto 30px auto;
	text-align: left;
}
#header h1 {
	width: 370px;
	height: 55px;
	float: left;
}
#header h2 {
	width: 430px;
	height: 22px;
	float: right;
	text-align: right;
	padding-top: 33px;
	background: url(../../images/NikkanKogyo.gif) no-repeat 0 0;
}

#headernw {
	width: 800px;
	margin: 0 auto;
	text-align: left;
	padding-top: 15px;
}
#headernw h1 {
	float: left;
}
#headernw p {
	float: right;
}
#headerbtm {
	margin-top: 5px;
	margin-bottom: 20px;
	border-top: 1px solid #013f98;
	background: #f1f1f1;
}
#headerbtm h2 {
	padding: 10px 0;
}
#headerbtm #headernw {padding: 0;}

/********************************
FOOTER
*********************************/
#footer {
	width: 800px;
	margin: 10px auto;
	background: url(../../images/footerline.gif) no-repeat 0 0;
	text-align: center;
	font-size: 12px;
	padding-top: 10px;
}

#footernw {
	width: 800px;
	margin: 10px auto;
	background: url(../../images/footline.gif) no-repeat 0 0;
	text-align: center;
	border-bottom: 1px solid #013f98;
	font-size: 12px;
	padding: 10px 0;
}

#footernw .footlogo {
	float: left;
	width: 240px;
	text-align: left;
	padding-top: 18px;
}
#footernw .foottxt {
	float: right;
	width: 560px;
	text-align: left;
	font-size: 10px;
	color: #999999;
	line-height: 1.4;
}
#footernw .foottxt a {
	color: #013f98;
}

/********************************
CONTENTS
*********************************/
#contents {
	width: 800px;
	margin: 0 auto;
}

#contents .topvisual {
	margin-bottom: 20px;
}

#contents .sidecont {
	width: 180px;
	float: left;
}

#contents .sidecont .loginbox {
	background: url(../../images/loginbg.png) 0 0 no-repeat;
	width: 163px;
	height: 117px;
	_height: 130px;
	text-align: center;
	margin-bottom: 20px;
	padding: 13px 8px 0 9px;
}

#contents .sidecont ul li.navitb {
	height: 20px;
}
#contents .sidecont ul li {
	margin: 0;
	padding: 0;
	height: 31px;
}
#contents .sidecont ul li.menutop {height: 33px;}


#contents .sidecont ul {
	margin-bottom: 20px;
}

#contents .sidecont .cards p {
	margin-bottom: 23px;
	text-align: center;
}
#contents .sidecont .banners p {
	margin-bottom: 10px;
}

#contents .maincont {
	width: 605px;
	float: right;
	text-align: left;
	position: relative;
	z-index: 1;
}

#contents .maincont .topcont {
	padding: 15px 10px;
	font-size: 12px;
	color: #666;
	position: relative;
}
#contents .maincont .topcont .about11 {
	float: left;
	width: 300px;
	font-size: 11px;
}
#contents .maincont .topcont .aboutbt {
	float: right;
	width: 263px;
	text-align: left;
}
#contents .maincont .topcont .aboutregi {
	width: 585px;
	height: 73px;
	background: url(/images/aboutregibg.png) 0 0 no-repeat;
	margin: 20px 0 20px 0;
}
#contents .maincont .topcont .aboutregi img {
	margin: 15px 37px 0 37px;
}
#contents .maincont .topcont .newssample {
	position: absolute;
	top: 15px;
	right: 10px;
}
#contents .maincont .topcont .btsamples img { margin: 0 60px 0 37px;}
#contents .maincont .pagetop {text-align: right; margin: 30px 0;}

#contents .maincont .pagecont {
	padding: 15px 10px 10px 10px;
	font-size: 12px;
	color: #666;
	position: relative;
}
#contents .maincont .pagecont p {
	padding-bottom: 15px;
}
#contents .maincont .pagecont p.howtoarr {
	background: url(/images/howtoarrow.png) 0 8px no-repeat;
	padding-left: 45px;
	margin-left: 20px;
}
#contents .maincont p.monthfee {
	text-align: right;
	color: #3b74c5;
	font-weight: bold;
	padding-top: 5px;
}
#contents .maincont .pagecont dl {
	padding-left: 20px;
}
#contents .maincont .pagecont dt {
	width: 150px;
	float: left;
}
#contents .maincont .pagecont dd {
	width: 300px;
	float: left;
}
#contents .maincont .pagecont p.chuu {
	text-align: right;
	font-size: 11px;
	margin-top: 10px;
}
#contents .maincont .pagecont .aboutregi {
	width: 585px;
	height: 73px;
	background: url(/images/aboutregibg.png) 0 0 no-repeat;
	margin: 5px 0 20px 0;
}
#contents .maincont .pagecont .aboutregi img {
	padding: 15px 37px 0 37px;
}
#contents .maincont .pagecont .optionbt {
	width: 565px;
	height: 43px;
	background: url(/images/aboutregibg.png) 0 0 no-repeat;
	padding: 15px 10px;
	margin-bottom: 20px;
}
#contents .maincont .pagecont .optionbt img {
	float: right;
	margin-left: 10px;
}



#contents .maincont dl.faq dt {
	background: url(../../images/q.gif) no-repeat 20px 0;
	padding-left: 40px;
	font-weight: bold;
	margin-bottom: 5px;
}
#contents .maincont dl.faq dd {
	background: url(../../images/a.gif) no-repeat 20px 0;
	padding-left: 40px;
	padding-bottom: 20px;
	border-bottom: 1px solid #666;
	margin-bottom: 20px;
}

#contents .maincont .browsermidashi {
	color: #339999;
	font-size: 14px;
	font-weight: bold;
	margin-bottom: 10px;
}
#contents .maincont .browsertxt {
	margin-left: 35px;
	padding-bottom: 15px;
	border-bottom: 1px solid #666;
	margin-bottom: 15px;
}

#contents .maincont .listtable th {
	border: 1px solid #eee;
	border-collapse: collapse;
	background:#99CCCC;
}

#contents .maincont .listtable td {
	border: 1px solid #eee;
	border-collapse: collapse;
}

#contents .maincont dl.password {
	width: 360px;
	margin-bottom: 30px;
}

#contents .maincont dl.password dt {
	float: left;
	width: 120px;
	background: #99cccc;
	padding: 5px;
	height: 20px;
}
#contents .maincont dl.password dd {
	float: left;
	width: 210px;
	background: #efefcc;
	padding: 5px;
	height: 20px;
}


#contents .rulettl {
	font-size: 14px;
}

#contents .ruleagree ol {margin-left: 40px;}
#contents .ruleagree ol li {
	list-style: decimal;
}

#contents .changebox {
	border: 1px solid #333;
	width: 480px;
	padding: 10px;
	margin: 0 auto 10px auto;
	text-align: left;
}

#contents .selectpay {
	background: #efefcc;
	text-align: center;
	padding: 10px;
	margin-bottom: 20px;
}

#contents .searchbox .searchborder {
	border-top: 1px solid #333;
	padding-top: 10px;
}

#contents .searchbox img {
	margin-right: 10px;
	margin-bottom: 5px;
}

#cmpny_textArea {z-index: 10000;}

#sampleDetail .mobpop {
	width: 248px;
	height: 511px;
	background: url(/images/popmobbg.png) 0 0 no-repeat;
	margin-left: 200px;
}
#sampleDetail .mobpop .close {
	height: 21px;
	padding: 20px 30px 5px 20px;
	font-size: 12px;
	font-weight: bold;
	text-align: right;
}
#sampleDetail .mobpop .text {
	margin-left: 30px;
}

#sampleDetail .mobpopin {
	width: 248px;
	height: 511px;
	background: url(/images/popmobbg.png) 0 0 no-repeat;
	margin-left: 200px;
}
#sampleDetail .mobpopin .close {
	height: 21px;
	padding: 20px 30px 5px 20px;
	font-size: 12px;
	font-weight: bold;
	text-align: right;
}
#sampleDetail .mobpopin .text {
	margin-left: 30px;
	width: 190px;
	height: 293px;
	font-size: 11px;
	overflow: auto;
}

#sampleDetail .text iframe {border: 0;}
#sampleDetail .close a {color: #fff;}

#sampleDetail .pcpop {
	width: 569px;
	height: 441px;
	background: url(/images/poppcbg.png) 0 0 no-repeat;
}
#sampleDetail .pcpop .close {
	height: 19px;
	padding: 8px 60px 5px 42px;
	font-size: 12px;
	font-weight: bold;
	text-align: right;
}
#sampleDetail .pcpop .text {
	margin-left: 48px;
}

#sampleDetail .pcpopin {
	width: 569px;
	height: 441px;
	background: url(/images/poppcbg.png) 0 0 no-repeat;
}
#sampleDetail .pcpopin .close {
	height: 19px;
	padding: 8px 60px 5px 42px;
	font-size: 12px;
	font-weight: bold;
	text-align: right;
}
#sampleDetail .pcpopin .text {
	width: 460px;
	height: 265px;
	margin-left: 52px;
	font-size: 12px;
	overflow: auto;
}


.font-11 {font-size:11px;}
.font-red {color: #ff0000;}
.bigttl {font-size:15px;font-weight: bold;}