/* -------------------------------------------------- body */
body {
	margin-bottom: 0px;
	text-align: center;
	background: #b3b3b3 url('../../images/bg.jpg') repeat-x;
}

/* -------------------------------------------------- visualArea */
.headerLogo 
{
	position: relative;
	top: 64px;
	left: 40px;
	width:230px;
	height:60px;
	cursor:pointer;
}
.headerLogo2s 
{
	position: relative;
	top: 16px;
	left: 24px;
	width:230px;
	height:60px;
	cursor:pointer;
}
div#visualArea {
	clear: both;
	width: 740px;
	margin: 0 10px 10px 10px;
	min-height: 210px;
	background-repeat: no-repeat;
	background-position: left top;
}

* html div#visualArea {	height: 210px; }

div#visualArea2 {
	clear: both;
	width: 840px;
	margin: 0 10px 10px 10px;
	min-height: 210px;
	background-repeat: no-repeat;
	background-position: left top;
}
* html div#visualArea2 { height: 210px; }
body#szHome div#visualArea2 
{
	background-image: url(../images/bg-header_w.jpg);
	margin-top: 10px;
}

div#visualArea2s {
	clear: both;
	width: 840px;
	margin: 0 10px 10px 10px;
	min-height: 100px;
	background-repeat: no-repeat;
	background-position: left top;
}
* html div#visualArea2s { height: 100px; }
body#szHome div#visualArea2s 
{
	background-image: url(../images/bg-header_w2.jpg);
	margin-top: 10px;
}

div.locator2 p
{
	margin:0;
	padding-top: 10px;
	color: #666;
}

h1#h1Sz { display:none; }

/* Opera Only */
*+html>/**/body div#visualArea { height: 220px; }

body#szHome div#visualArea 
{
	background-image: url(../images/bg-header.jpg);
	margin-top: 10px;
}

/* naviArea */
#divUserID { color:#044800; }
#divMemberType { color: #888888; font-weight:bold; }
div#visualArea div#naviArea {
	float: right;
	width: 168px;
}
#tblLogin
{
    font-size: 11px;
}
div#loginDiv 
{
	float: right;
	width: 180px;
	margin-right: 8px;
	margin-top: -40px;
}
div#loginDiv2 
{
	float: right;
	width: auto;
	margin-right: 8px;
	margin-top: -40px;
}
div#loginArea 
{
	float: right;
	width: 220px;
	margin-right: 8px;
}
div#loginArea div
{
	font-size: 12px;
	text-align:right;
	margin-bottom: 16px;
}
div#loginArea div a,div#loginArea div a:link { font-weight:bold; }

div#visualArea div#naviArea a 
{
	font-weight: bold;
	font-size: 14px;
}

body#szHome div#visualArea div#naviArea { margin: 10px 28px 0 0; }

* html body#szHome div#visualArea div#naviArea { margin-right: 15px; }


/* -------------------------------------------------- H2 elements */
div#mainContents h2.firstHeading { margin-top: 0; }

/* -------------------------------------------------- multi column */
div#mainContents div.section div.locator h3 {
	margin: 0 0 7px 20px;
	padding: 0;
	border-bottom: solid 1px #CCC;
	background-image: none;
	font-size: 80%;
}

div.colLeft530 {
	float: left;
	width: 530px;
}
div.colRight220 {
	float: left;
	width: 220px;
}

div.colLeft260 {
	float: left;
	width: 260px;
}
div.colRight490 {
	float: left;
	width: 490px;
}

div#mainContents div.section#sel01 div.locator { margin-top: 20px; }

/* -------------------------------------------------- Link elements */
/* links */
div#mainContents p.links,
div#mainContents p.learnMore a,
div#mainContents ul.linksUnderLine li a,
div#mainContents ul.linksListA li,
div#mainContents ul.linksListB li a,
div#mainContents ul.links li,
div#mainContents div.boxedItem ul li {
	background-image: url(../images/marker-links.gif);
}

div#mainContents ul.pageLinks li {
	background-image: url(../images/marker-pagelinks.gif);
}

div#mainContents ul.pronetLinks li.findProNet {
	float: left;
	margin-right: 10px;
}

/* -------------------------------------------------- clearfixes */
div#mainContents ul.lteBtn:after.
div#mainContents ul.basicBtn:after,
div#mainContents ul.doubleBtn:after {
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
	content: ".";
	line-height: 0;
}

div#mainContents ul.liteBtn,
div#mainContents ul.keitaiBtn,
div#mainContents ul.basicBtn,
div#mainContents ul.doubleBtn {
	display: inline-table;
	min-height: 1%;
}

/* for macIE \*/
* html div#mainContents ul.liteBtn,
* html div#mainContents ul.keitaiBtn,
html div#mainContents ul.basicBtn,
html div#mainContents ul.doubleBtn
{
	height: 1%;
}

div#mainContents ul.liteBtn,
div#mainContents ul.keitaiBtn,
div#mainContents ul.basicBtn,
div#mainContents ul.doubleBtn {
	display: block;
}

/* end of for macIE */


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


/* -------------------------------------------------- platform */
div#platform {
	width: 760px;
	margin: 0 auto;
	text-align: left;
	background-color: #ffffff;
}

div#platform2 {
	width: 860px;
	overflow:hidden;
	margin: 0 auto;
	text-align: left;
	background-color: #ffffff;
}

/* -------------------------------------------------- mainContents */
div#mainContents {
	float: left;
	clear: both;
	width: 750px;
	margin-bottom: 20px;
}

div#platform.noLocalNavi div#mainContents {
	width: 750px;
}

div#mainContents p.pageTop {
	clear: both;
	margin: 30px 0 0 0;
	text-align: right;
	font-size: 70%;
}

div#mainContents p.pageTop a {
	padding-left: 14px;
	background-image: url(../images/marker-pagetop.gif);
	background-repeat: no-repeat;
	background-position: left center;
}

/* -------------------------------------------------- footer Area */
div#footer
{
	clear: both;
	width: 740px;
	min-height: 49px;
	margin-left: 10px;
	background: url(../images/l-bottom.gif) repeat-x;
}

* html div#footer {
	height: 49px;
}

div#footer ul {
	margin-left: 10px;
	padding-top: 19px;
}

div#footer ul li {
	float: left;
	line-height: 1.2;
	margin-right: 3px;
	padding-right: 10px;
	background-image: url(../images/img-optionnavi-separate.jpg);
	background-repeat: no-repeat;
	background-position: right center;
	font-size: 70%;
}

div#footer ul li#lastItem {
	background-image: none;
}

/* -------------------------------------------------- multi Column */
div.locator div.section {
	float: left;
	width: 250px;
}

div.locator div.section div.section {
	float: none;
	width: auto;
}

div#platform.noLocalNavi div#mainContents div.locator div.section {
	width: 375px;
}

/* -------------------------------------------------- margin */


div#mainContents h2 {
	margin: 20px 0 20px 10px;
}

div#mainContents h3 {
	margin: 20px 0 15px 10px;
}

div#mainContents h4 {
	margin: 20px 0 15px 10px;
}

div#mainContents h5,
div#mainContents h6 {
	margin: 0 0 10px 10px;
}

div#mainContents p,
div#mainContents ul,
div#mainContents ol,
div#mainContents dl,
div#mainContents pre {
	margin: 0 0 10px 20px;
}

div#mainContents ul li ul {
	margin: 0;
}

div#mainContents li p,
div#mainContents dt p,
div#mainContents dd p {
	margin-left: 0;
}

div#mainContents div.section div.locator h3 {
	margin-top: 10px;
}


/* -------------------------------------------------- clearfixes */
div#platform:after,
div#mainContents:after,
div#footer ul:after,
div.locator:after {
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
	content: ".";
	line-height: 0;
}

div#platform,
div#mainContents,
div#footer ul,
div.locator {
	display: inline-table;
	min-height: 1%;
}

/* for macIE \*/
* html div#platform,
* html div#mainContents,
* html div#footer ul,
* html div.locator {
	height: 1%;
}

div#platform,
div#mainContents,
div#footer ul,
div.locator {
	display: block;
}
/* end of for macIE */

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

div#mainContents h1, div#firstMenu {
	clear: both;
	border: solid 1px #CCC;
	line-height: 28px;
	padding-left: 10px;
	background-color: #F2F3F8;
	background-image: url(../images/bg-h2_w.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	font-weight: bold;
	font-size: 90%;
	margin: 0 0 0 10px;
}

/* -------------------------------------------------- H2 elements */
div#mainContents h2 {
	clear: both;
	border: solid 1px #CCC;
	line-height: 28px;
	padding-left: 10px;
	background-color: #F2F3F8;
	background-image: url(../images/bg-h2.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	font-weight: bold;
	font-size: 90%;
}

div#mainContents h2 strong { color: #D13D3D; }

div#mainContents h2 a {
	font-weight: bold;
	text-decoration: none;
}

div#mainContents h2 a:hover {
	text-decoration: underline;
}

div#mainContents div.heading {
	margin-bottom: 20px;
}

div#mainContents div.heading h2 {
	margin-bottom: 0;
}

/* -------------------------------------------------- H3 elements */
div#mainContents h3 {
	clear: both;
	padding: 0 0 6px 10px;
	line-height: 22px;
	font-weight: bold;
	font-size: 90%;
}

div#mainContents h3 a {
	font-weight: bold;
	text-decoration: none;
}

div#mainContents h3 a:hover {
	text-decoration: underline;
}

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

/* -------------------------------------------------- btn ul elements */
div#mainContents ul.singleBtnB { clear: both; }
div#mainContents ul.liteBtn,
div#mainContents ul.keitaiBtn,
div#mainContents ul.basicBtn,
div#mainContents ul.doubleBtn {
	clear: both;
	margin-left: 10px;
}
div#mainContents ul.doubleBtn li { float: left; }

div#mainContents ul.liteBtn li a,
div#mainContents ul.keitaiBtn li a,
div#mainContents ul.basicBtn li a,
div#mainContents ul.doubleBtn li a,
div#visualArea dl#naviBtnArea dd a {
	display: block;
	overflow: hidden;
	background-repeat: no-repeat;
	background-position: 0 0;
	text-indent: -10000em;
}

div#visualArea dl#naviBtnArea dd a {
	display: block;
	overflow: hidden;
	background-repeat: no-repeat;
	background-position: 0 0;
	text-indent: -10000em;
}

div#mainContents ul.doubleBtn li a { margin-left: 10px; }

div#mainContents ul.doubleBtn li.registJoinNow a,
div#mainContents ul.liteBtn li.registJoinNow a,
div#mainContents ul.keitaiBtn li.registJoinNow a,
div#mainContents ul.basicBtn li.registJoinNow a {
	width: 230px;
	height: 42px;
}

div#visualArea dl#naviBtnArea dd.registJoinNowSmall a {
	width: 168px;
	height: 39px;
}

div#visualArea dl#naviBtnArea dd.registJoinNowSmall a { background-image: url(../images/btn-joinnow.png); }
div#mainContents ul.doubleBtn li.registJoinNow a { background-image: url(../images/btn-regist-joinnow.png); }
div#mainContents ul.liteBtn li.registJoinNow a { background-image: url(../images/btn-regist-lite.png); }
div#mainContents ul.keitaiBtn li.registJoinNow a { background-image: url(../images/btn-regist-keitai.png); }
div#mainContents ul.basicBtn li.registJoinNow a { background-image: url(../images/btn-regist-basic.png); }


div#mainContents ul.liteBtn li.registJoinNow a:hover,
div#mainContents ul.keitaiBtn li.registJoinNow a:hover,
div#mainContents ul.basicBtn li.registJoinNow a:hover,
div#mainContents ul.doubleBtn li.registJoinNow a:hover,
div#visualArea dl#naviBtnArea dd.registJoinNowSmall a:hover
{ background-position: top right; }

ul.dotlist li
{
	line-height:1.23;
	margin:0 0 10px 0;
	padding:0 0 0 9px;
	background: url(../images/readme_dot.gif) no-repeat 0px 4px ;
}

.arrowdouble
{
	padding: 0 10px;
	background: url(../images/arrow_double.png) no-repeat center center;
}

/* --------------------------------------------------- guide.aspx */
#tblHikaku
{
	color:#333;
}
#tblHikaku td
{
	border-bottom:1px solid #bcbcbc;
}
.hk_point
{
	padding: 6px;
	background-color: #D9E8EF;
	font-weight:bold;
	color: #333;
	text-align:center;
}
.hk_text,.hk_text2
{
	padding: 6px;
	background-color: #fff;
	font-weight:normal;
	color: #333;
	text-align:left;
}
.hk_text2
{
	border-left:1px solid #bcbcbc;
}
.hk_lite
{
	padding: 6px;
	background-color: #C2D69A;
	font-weight:bold;
	color: #333;
	text-align:center;
}
.hk_basic
{
	padding: 6px;
	background-color: #FAC090;
	font-weight:bold;
	color: #333;
	text-align:center;
	border-left:1px solid #bcbcbc;
}

/* Main Menu */
#contentSubNavi 
{
	margin-left: 20px;
}
#contentSubNavi th 
{
	color: #666;
	font-weight:normal;
	font-size: 12px;
	text-align:center;
	width: 10px;
	height: 28px;
}
#contentSubNavi tr td span
{
	padding: 0 8px;
	font-size: 12px;
	line-height: 12px;
	color: #999;
	font-weight: bold;
}
#contentSubNavi tr td a:link, #contentSubNavi tr td a:visited 
{
	padding: 0 8px;
	font-size: 12px;
	text-decoration: none;
	line-height: 12px;
	color: #003399;
	font-weight: bold;
}
#contentSubNavi tr td a:hover {
	color: #0066ff;
}