@charset "UTF-8";

/* ------------------------------------------------------------------------------
	Mata-tavi style type B
	URL: http://www.mata-tavi.jp
	Date: 5:31 2008/04/11
	Author: M.Nakamura
	Copyright(C) 2007-2008 Computer Planning Research co ., Ltd 
						All Rights Reserved
------------------------------------------------------------------------------ */

/* type_b common style
---------------------------------------------------- */
div#type_b1,
div#type_b2,
div#type_b3 {
	margin-right: 1em;
	margin-left: 1em;
}
div#type_b1 div#menu,
div#type_b2 div#menu,
div#type_b3 div#menu {
	display: none;
}
div#type_b2 table,
div#type_b3 table {
	margin-left: 3em;
	margin-bottom: 2em;
	width: 90%;
}


/* type_b1: normal page 
---------------------------------------------------- */
div#type_b1 ul {
	margin-left: 6em;
}
div#type_b1 dl {
	margin-left: 5em;
}
div#type_b1 dl dt {
	padding-left: 1.8em;
	text-indent: -1.8em;
}
div#type_b1 dl dd ol {
	padding-left: 0;
}
div#type_b1 dl dd dl {
	margin-left: 0;
}
div#type_b1 dl dd dl dt {
	padding-left: 1.8em;
	text-indent: -1.8em;
}
div#type_b1 dl dd dl dd {
	padding-left: 1.4em;
	text-indent: -1.4em;
}
div#type_b1 dl dd dl dd ol {
	padding-top: 0.5em;
	padding-left: 1.4em;
}
div#type_b1 dl dd dl dd.sup5 {
	padding-left: 0;
	text-indent: 0;
}
div#type_b1 dl dd ol {
	margin-left: 0;
}
div#type_b1 div.title {
	font-weight: normal;
}
div#type_b1 div.flow,
div#type_b2 div.flow,
div#type_b3 div.flow {
	text-align: center;
	background: url(../../img/001/head_adv.jpg) no-repeat top center;
	width: 100%;
	height: 100px;
}


/* agreement
---------------------------------------------------- */
div#type_b1 div.agr {
	text-align: center;
}
div#type_b1 div.agr textarea {
	width: 550px;
	font-size: x-small;
}


/* registraton flow
---------------------------------------------------- */
div#type_b1 div.navi h3 {
	margin-left: 0;
}


/* sample
---------------------------------------------------- */
div#type_b1 div.sample {
	margin-top: 1em;
	margin-left: 2.5em;
}
div#type_b1 div.sample h6 {
	margin-left: 0.5em;
	margin-bottom: 0.5em;
	color: #666666;
	border-left: 5px solid #cccccc;
	border-bottom: 1px solid #cccccc;
}
div#type_b1 div.sample table {
	margin-bottom: 10px;
}
div#type_b1 div.sample table th p.sup3 {
	 margin-left: 2em;
}
div#type_b1 div.sample table td {
	margin-left: 0;
}
div#type_b1 div.sample div.sinistra {
	width: auto;
}
div#type_b1 div.sample div.sinistra td.sinistra {
	padding-left: 0;
}
div#type_b1 div.sample div.destra {
	vertical-align: top;
}
div#type_b1 div.sample div.destra p {
	padding: 5px;
	border: 1px #cccccc solid;
	background-color: #efefef;
}


/* detail
---------------------------------------------------- */
div#container table#main div#type_b1 .detail {
/* 	padding-top: 18.75px; */ /* privacy mark margin */
	padding-top: 20px;
}
div#type_b1 div.detail table {
	border-top: 1px #cccccc solid;
	border-left: 1px #cccccc solid;
	border-right: 1px #cccccc solid;
	margin-bottom: 10px;
}
div#type_b1 div.detail th {
	padding-left: 1em;
	border-bottom: 1px #cccccc solid;
	border-right: 1px #cccccc solid;
	background: #f6f6f6;
	width: 6em;
}
div#type_b1 div.detail td.sinistra {
	padding-left: 1em;
	border-bottom: 1px #cccccc solid;
	border-right: 1px #cccccc solid;
	width: 15em;
}
div#type_b1 div.detail td.destra {
	padding-left: 1em;
	border-bottom: 1px #cccccc solid;
}
div#type_b1 div.detail div.sinistra {
	margin-top: 0;
	float: left;
}
div#type_b1 div.detail div.sinistra img {
	margin-right: 18.75px;
	margin-bottom: 18.75px;
	margin-left: 18.75px;
}
div#type_b1 div.detail div.destra {
	float: right;
	vertical-align: top;
}
div#type_b1 div.detail div.destra p {
	margin-left: 0;
}
div#type_b1 div.detail div.destra p {
	margin-left: 0;
}


/* trm
---------------------------------------------------- */
div#type_b1 div#trm h3 {
	color: #000000;
	background: none;
	font-size: x-small;
}
div#type_b1 div#trm ul {
	padding-left: 0;
	list-style: none none;
}
div#type_b1 div#trm li {
	padding-left: 2em;
	text-indent: -1.8em;
}
div#type_b1 div#trm li.dig {
	padding-left: 2em;
	text-indent: -2.5em;
}
div#type_b1 div#trm p.list1 {
	padding-left: 1.4em;
	text-indent: -1.4em;
}


/* guidance & help
---------------------------------------------------- */
/*  navigation
---------------------------------------------------- */
div#type_b1 div.navi {
	margin-left: 1em;
	margin-bottom: 2em;
}
div#type_b1 div.navi h3 {
	margin-left: 0;
}
div#container table#main div#type_b1 ul.guid {
	padding-top: 20px;
	padding-bottom: 20px;
	padding-left: 24px;
	width: 240px;
	float: left;
	margin-left: 0px;
}
div#container table#main div#type_b1 div#contents {
	padding-top: 20px;
	padding-bottom: 20px;
	padding-left: 12px;
	width: 488px;
	float: left;
}
div#container table#main div#type_b1 div#contents h3 {
	margin: 0px 0px 10px;
}


/*  sample
---------------------------------------------------- */
div#type_b1 div.sample {
	margin-top: 1em;
	margin-left: 2.5em;
}
div#type_b1 div.sample h6 {
	margin-left: 0.5em;
	margin-bottom: 0.5em;
	border-bottom: 1px #cccccc solid;
	color: #666666;
}
div#type_b1 div.sample table {
	margin-left: 1em;
	margin-bottom: 1em;
	width: 100%;
}
div#type_b1 div.sample table th p.sup3 {
	 margin-left: 2em;
}
div#type_b1 div.sample div.sinistra {
	width: 59%;
	float: left;
}
div#type_b1 div.sample div.sinistra td.sinistra {
	padding-left: 0;
}
div#type_b1 div.sample div.destra {
	width: 30%;
	float: right;
	vertical-align: top;
}
div#type_b1 div.sample div.destra p {
	margin-left: 1em;
	padding: 5px;
	border: 1px #cccccc solid;
	background-color: #efefef;
}


/*  detail
---------------------------------------------------- */
div#type_b1 div.detail {
	margin-top: 1em;
	margin-left: 3em;
	width: 95%;
}
div#type_b1 div.detail table {
	margin: 0.5em;
	border-top: 1px #cccccc solid;
	border-left: 1px #cccccc solid;
	border-right: 1px #cccccc solid;
	width: 100%;
}
div#type_b1 div.detail th {
	padding-left: 1em;
	border-bottom: 1px #cccccc solid;
	border-right: 1px #cccccc solid;
	width: 6em;
	background: #f6f6f6;
}
div#type_b1 div.detail td.sinistra {
	padding-left: 1em;
	border-bottom: 1px #cccccc solid;
	border-right: 1px #cccccc solid;
	width: 15em;
}
div#type_b1 div.detail td.destra {
	padding-left: 1em;
	border-bottom: 1px #cccccc solid;
}
div#type_b1 div.detail div.destra {
	float: right;
	vertical-align: top;
}
div#type_b1 div.detail div.destra p {
	margin-left: 0;
}



/* type_b1: ad_research
---------------------------------------------------- */
div#container table#main div#type_b1 .ad1 {
	margin-left: 3em;
	clear: both;
}
div#container table#main div#type_b1 .ad2 {
	text-align: center;
	margin: 0px;
	padding: 0px;
}
div#container table#main div#type_b1 .ad2 a {
	background-image: url(../../img/001/ad_btn1.png);
	background-repeat: no-repeat;
	background-position: left top;
	height: 56px;
	width: 397px;
	display: block;
	margin-right: auto;
	margin-left: auto;
	margin-top: 50px;
}
div#container table#main div#type_b1 .ad2 span {
	display: none;
}
div#container table#main div#type_b1 .ad3 {
	padding: 10px;
	margin-left: 3em;
	margin-top: 30px;
	margin-right: 3em;
}
div#container table#main div#type_b1 .ad3 dl {
	margin: 0px;
	padding: 0px;
	display: block;
}
div#container table#main div#type_b1 .ad3 dd {
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 150px;
	margin-top: -33px;
	padding: 0px;
}
div#container table#main div#type_b1 .ad3 dt {
	margin: 0px;
	padding: 0px;
	display: inline;
	height: 33px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	text-indent: 0px;
}
div#container table#main div#type_b1 .ad3 img {
	margin: 0px;
	padding: 0px;
}
div#container table#main div#type_b1 .ad_chart1 {
	background-image: url(../../img/001/ad_chart1.png);
	background-repeat: no-repeat;
	background-position: 2em top;
	display: block;
	height: 230px;
}
div#container table#main div#type_b1 .ad_chart2 img {
	float: right;
}
div#container table#main div#type_b1 .ad_chart2 {
	display: block;
	background-image: url(../../img/001/ad_chart2.png);
	background-repeat: no-repeat;
	background-position: right top;
	height: 231px;
	padding-right: 335px;
}
div#container table#main div#type_b1 .ad_chart2 ul {
}
div#container table#main div#type_b1 .ad_chart2 ul {
	line-height: 1.4;
}
div#container table#main div#type_b1 .ad_chart2 dl {
	margin-left: 2em;
}


/* type_b2: form area page
---------------------------------------------------- */
div#type_b2 p.sup1 {
	margin-left: 4em;
}
div#type_b2 img {
	margin-left: 2em;
}
div#type_b2 ul {
	margin-top: 1em;
	margin-left: 6em;
}
div#type_b2 table {
	border-bottom: 1px #cccccc solid;}
div#type_b2 th {
	padding-right: 0.5em;
	padding-left: 1em;
	border: 1px solid #c4e2b1;
	background: #edf5e7;
}
div#type_b2 th p,
div#type_b2 td p {
	margin: 0 0 0 1em;
	padding: 0;
}
div#type_b2 td {
	border-left: 1px #cccccc solid;
}
div#type_b2 th.sinistra {
	padding-left: 1em;
	border: 1px #ffffff solid;
	background: #ddeed2;
}
div#type_b2 td.sinistra {
	padding-left: 2em;
}
div#type_b2 td.sinistra p.sup1 {
	margin-left: 1em;
}
div#type_b2 td.destra {
	padding-left: 1em;
	border-right: 1px #cccccc solid;
}
div#type_b2 div.query {
	margin-left: 10%;
	width: 600px;
	border: 1px #84c45e solid;
}
div#type_b2 div.query table {
	margin: 0;
	border: 1px #ffffff solid;
	width: 100%;
}
div#type_b2 div.query th.sinistra {
	border: 1px #ffffff solid;
	color: #247422;
	font-weight: bold;
	background-color: #edf5e7;
}
div#type_b2 div.query td.destra {
	border: 1px #ffffff solid;
	background: #fafafa;
}
div#type_b2 div.lgin {
	margin-left: 10%;
	border: 1px solid #84c45e;
	width: 600px;
}
div#type_b2 div.lgin table {
	margin: 0;
	border: 1px #ffffff solid;
	width: 100%;
}
div#type_b2 div.lgin th.sinistra {
	border: 1px #ffffff solid;
	background-color: #edf5e7;
	font-weight: bold;
	color: #247422;
}
div#type_b2 div.lgin td.destra {
	border: 1px #ffffff solid;
	background: #fafafa;
}


/* type_b3: enpuate Level area page
---------------------------------------------------- */
div#type_b3 div.mrg {
	width: 1px;
	height: 2em;
}
div#type_b3 img {
	margin-left: 2em;
}
div#type_b3 table {
	margin-left: 2em;
	margin-bottom: 2em;
	width: 90%;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #c4e2b1;
	border-right-color: #cccccc;
	border-bottom-color: #cccccc;
	border-left-color: #cccccc;
}
div#type_b3 table.title {
	margin-bottom: 0;
	background-color: #edf5e7;
	border-top-width: 1px;
	border-right-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: none;
	border-left-style: solid;
	border-top-color: #c4e2b1;
	border-right-color: #c4e2b1;
	border-left-color: #c4e2b1;
}
div#type_b3 table.title td.destra,
div#type_b3 table.title th.sinistra {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #c4e2b1;
}
div#type_b3 th {
	font-weight: normal;
	padding-left: 1em;
}
div#type_b3 th p {
	margin: 0 0 0 2em;
}
div#type_b3 td {
	margin: 0;
	padding: inherit 0 0 0;
	background: #ffffff;
}
div#type_b3 td.sinistra,
div#type_b3 td.box {
	padding-left: 2em;
}
div#type_b3 td img {
	margin: 5px;
}
div#type_b3 td.destra p.sup1 {
	margin-top: 0;
	margin-left: 1em;
}
div#type_b3 td.destra table {
	border: none;
	margin: 0;
	width: auto;
}
div#type_b3 td.destra table td p.sup1 {
	margin: 0;
	padding-left: 1em;
}
div#type_b3 td.box p.status1 {
	margin: 5px;
}
div#type_b3 div.title {
	font-weight: bold;
}


/* type_b1: guidance left side (menu)
---------------------------------------------------- */
div#container table#main div#type_b1 .guid dl {
	padding: 0px;
	margin: 0px 0px 10px 30px;
	_top: -1em;
	_position: relative;
}
div#container table#main div#type_b1 .guid dt {
	margin: 0px;
	padding: 0px;
}
div#container table#main div#type_b1 .guid dd {
	margin: 0px;
}
div#container table#main div#type_b1 .guid ul {
	margin-left: 13px;
	padding: 0px;
	margin-bottom: 5px;
}
div#container table#main div#type_b1 .guid ul {
	list-style: url(none) none;
}
div#container table#main div#type_b1 .guid li {
	margin: 0px 0px 3px;
	padding: 0px;
}


/* type_b1: guidance right side
---------------------------------------------------- */
div#container table#main div#type_b1 div#contents h4 {
	margin: 0px;
}
div#container table#main div#type_b1 div#contents h5 {
	margin-left: 10px;
}
div#container table#main div#type_b1 div#contents li {
	margin-bottom: 3px;
}
div#container table#main div#type_b1 div#contents dl {
	margin-left: 3em;
}


/* type_b1: guidance right side - page title
---------------------------------------------------- */
div#container table#main div#type_b1 div#contents .title {
	margin-left: 1em;
}


/* type_b1: guidance right side - about images
---------------------------------------------------- */
div#container table#main div#type_b1 div#contents .guid_abt1 {
	margin-top: 10px;
	background: url(../../img/001/guid_abt1.gif) no-repeat left top;
	height: 100px;
	width: 450px;
	margin-right: auto;
	margin-left: auto;
}
div#container table#main div#type_b1 div#contents .guid_abt2 {
	margin-top: 10px;
	background: url(../../img/001/guid_abt2.gif) no-repeat left top;
	height: 100px;
	width: 450px;
	margin-right: auto;
	margin-left: auto;
}
div#container table#main div#type_b1 div#contents .guid_abt3 {
	margin-top: 10px;
	background: url(../../img/001/guid_abt3.gif) no-repeat left top;
	height: 100px;
	width: 450px;
	margin-right: auto;
	margin-left: auto;
}


/* type_b1: guidance right side - enquate images
---------------------------------------------------- */
div#container table#main div#type_b1 div#contents .guid_enq1 {
	margin-top: 10px;
	background: url(../../img/001/guid_enq1.gif) no-repeat left top;
	height: 100px;
	width: 450px;
	margin-right: auto;
	margin-left: auto;
}
div#container table#main div#type_b1 div#contents .guid_enq2 {
	margin-top: 10px;
	background: url(../../img/001/guid_enq2.gif) no-repeat left top;
	height: 100px;
	width: 450px;
	margin-right: auto;
	margin-left: auto;
}
div#container table#main div#type_b1 div#contents .guid_enq3 {
	margin-top: 10px;
	background: url(../../img/001/guid_enq3.gif) no-repeat left top;
	height: 100px;
	width: 450px;
	margin-right: auto;
	margin-left: auto;
}
div#container table#main div#type_b1 div#contents .guid_enq4 {
	margin-top: 10px;
	background: url(../../img/001/guid_enq4.gif) no-repeat left top;
	height: 100px;
	width: 450px;
	margin-right: auto;
	margin-left: auto;
}
div#container table#main div#type_b1 div#contents .guid_enq5 {
	margin-top: 10px;
	background: url(../../img/001/guid_enq5.gif) no-repeat left top;
	height: 100px;
	width: 450px;
	margin-right: auto;
	margin-left: auto;
}
div#container table#main div#type_b1 div#contents .guid_enq6 {
	margin-top: 10px;
	background: url(../../img/001/guid_enq6.gif) no-repeat left top;
	height: 100px;
	width: 450px;
	margin-right: auto;
	margin-left: auto;
}
div#container table#main div#type_b1 div#contents .guid_enq7 {
	margin-top: 10px;
	background: url(../../img/001/guid_enq7.gif) no-repeat left top;
	height: 200px;
	width: 450px;
	margin-right: auto;
	margin-left: auto;
}


/* type_b1: guidance right side - thread images
---------------------------------------------------- */
div#container table#main div#type_b1 div#contents .guid_thr1 {
	margin-top: 10px;
	background: url(../../img/001/guid_thr1.gif) no-repeat left top;
	height: 100px;
	width: 450px;
	margin-right: auto;
	margin-left: auto;
}
div#container table#main div#type_b1 div#contents .guid_thr2 {
	margin-top: 10px;
	margin-bottom: 20px;
	background: url(../../img/001/guid_thr2.gif) no-repeat left top;
	height: 100px;
	width: 400px;
	margin-right: auto;
	margin-left: auto;
}
div#container table#main div#type_b1 div#contents .guid_thr3 {
	margin-top: 10px;
	margin-bottom: 20px;
	background: url(../../img/001/guid_thr3.gif) no-repeat left top;
	height: 100px;
	width: 400px;
	margin-right: auto;
	margin-left: auto;
}
div#container table#main div#type_b1 div#contents .guid_thr4 {
	margin-top: 10px;
	margin-bottom: 20px;
	background: url(../../img/001/guid_thr4.gif) no-repeat left top;
	height: 100px;
	width: 400px;
	margin-right: auto;
	margin-left: auto;
}
div#container table#main div#type_b1 div#contents .guid_thr5 {
	margin-top: 10px;
	margin-bottom: 20px;
	background: url(../../img/001/guid_thr5.gif) no-repeat left top;
	height: 100px;
	width: 400px;
	margin-right: auto;
	margin-left: auto;
}


/* type_b1: guidance right side - point using images
---------------------------------------------------- */
div#container table#main div#type_b1 div#contents .guid_pnt1 {
	background: url(../../img/001/guid_pnt1.gif) no-repeat left top;
	height: 300px;
	width: 450px;
	margin-right: auto;
	margin-left: auto;
}
div#container table#main div#type_b1 div#contents .guid_pnt2 {
	background: url(../../img/001/guid_pnt2.gif) no-repeat left top;
	height: 150px;
	width: 450px;
	margin-right: auto;
	margin-left: auto;
}
div#container table#main div#type_b1 div#contents .guid_pnt3 {
	margin-top: 10px;
	border-collapse: collapse;
}
div#container table#main div#type_b1 div#contents .guid_pnt3 th {
	background: #CCCCCC;
}
div#container table#main div#type_b1 div#contents .guid_pnt3 td {
	border-bottom: 1px solid #CCCCCC;
}


/* type_b1: guidance right side - resist & login & withdraw images
---------------------------------------------------- */
div#container table#main div#type_b1 div#contents .guid_usr1 {
	background: url(../../img/001/guid_usr1.gif) no-repeat left top;
	height: 100px;
	width: 400px;
	margin: 5px auto 20px;
}
div#container table#main div#type_b1 div#contents .guid_usr2 {
	background: url(../../img/001/guid_usr2.gif) no-repeat left top;
	height: 200px;
	width: 400px;
	margin: 5px auto 20px;
}
div#container table#main div#type_b1 div#contents .guid_usr3 {
	background: url(../../img/001/guid_usr3.gif) no-repeat left top;
	height: 200px;
	width: 400px;
	margin: 5px auto 20px;
}
div#container table#main div#type_b1 div#contents .guid_usr4 {
	background: url(../../img/001/guid_usr4.gif) no-repeat left top;
	height: 150px;
	width: 450px;
	margin: 5px auto 20px;
}
div#container table#main div#type_b1 div#contents .guid_usr5 {
	background: url(../../img/001/guid_usr5.gif) no-repeat left top;
	height: 150px;
	width: 450px;
	margin: 25px auto 20px;
}