@charset "utf-8";





/* CSS Document */



* {	

	margin:0;

	padding:0;}



body {

	font-family:?, ceo?, "lr oSVbN",sans-serif;

	font:0.8em black;

	line-height:1.5em;

	text-align:justify;

	letter-spacing:0.02em;

	background:url(../img/header.jpg) no-repeat top center;}

	

h1, h2, h3, h4, h5, h6, em {

	font-style:normal;

	font-variant:normal;}



em {color:#FF6600;}



a {

	text-decoration:none;

	color:#333333;}

	

a:link {

   color:#333333;

   text-decoration:none;}



a:visited {

   text-decoration:none;}

a:hover
{
	color:#0099FF;
}





img {

	vertical-align:bottom;

	border:none;}



h1,h2,h3,h4,h5,h6 { line-height:1.6; }



p,li,dt,dl { line-height:1.6; }



a img { border:0; }



blockquote{

   margin-left:1em;

   padding-left:1em;

   border-left:2px solid #CCC;

   color:#CCC;}



table{

   width:100%;

   border-spacing:1px;

   margin:1.5em 0;
   border-collapse:collapse;
   }



table th, table td{

	padding:0.3em 0.75em ;
	border:solid 1px #CCCCCC;
	}

	

ul li { list-style-type:none; }



	

#allWrap {

	width:1024px; height:auto;

	margin:0 auto;}



/* == header =============================== */

#header {

	width:1024px; height:130px;

	background:url(img/header.jpg) no-repeat center;}

	

#header h2 {

	font-size:95%;

	font-weight:normal;

	width:300px;

	text-align:right;

	position:absolute;

	top:60px;

	right:200px;}

/* == header =============================== */

	

#contents {

	margin-top:15px;

	padding-bottom:20px;}

	

/* == main (all) start =============================== */

#main_wrap {

	width:626px; height:auto;

	float:left;

	margin-top:10px;}



#main {

	border:#D1D1D1 1px solid;}

	

/* mainimg space */

#mainImg, #domainImg, #entryImg {

	width:624px; height:290px;}

	

#mainImg h4, #mainImg p,

#domainImg h4, #domainImg p,

#entryImg h4, #entryImg p {

	padding:0 15px 0 20px;

	width:320px;}

	

#mainImg h4, #domainImg h4, #entryImg h4 {

	padding-top:40px;

	font-family:"Times New Roman", "Arial Black", Garamond, Tahoma;

	font-size:180%;}

/* mainimg space? */

	

/* lightgray space? */

#box01 {

	background:url(../img/mizo.gif) no-repeat top;

	background-color:#f3f3f3;

	padding:20px;}

	

#box01 h5 {

	font-family:"Times New Roman", "Arial Black", Garamond, Tahoma;

	font-size:150%;

	background:url(../img/listimg07.gif) no-repeat left;

	background-position:0 13px;

	padding-left:15px;}

/* lightgray space?? */

	

/* darkgray space? */

#box02 {

	background-color:#4D4D4D;

	padding:20px 20px 40px;

	clear:both;}

	

#box01 h6, #box02 h6 {

	border-left:solid 5px #3399CC;

	font-weight:bold;

	font-size:110%;

	padding-left:5px;}

	

#box01 h6 {

	color:#000000;

	margin:10px 0 5px;}

	

#box02 h6 {

	color:#FFFFFF;}

	

#box02 p {

	color:#FFFFFF;

	link:#FFFFFF;



	margin-top:10px;}



	

#box02 a {

	color:#FFFFFF;

	link:#FFFFFF;



	margin-top:10px;}

	

.anchor {

	background:url(../img/anchor.gif) right no-repeat;

	text-align:right;

	padding-right:13px;

	font-size:85%;

	margin-top:20px;}

	

.anchor a {color:#3399CC;}

/* darkgray space?? */

/* == main (all) end =============================== */



/* == main (index) start =============================== */	

#mainImg {

	background:url(../img/slim_only/img_top.jpg) no-repeat;}

	

#contentsList li {

	display:inline;

	width:120px;

	margin-right:20px;}

	

.deco02 {

	margin-top:10px;}



#record, #agreement, .title {

	font-weight:normal;

	font-size:120%;

	color:#FFFFFF;



	background:url(../img/listimg01.gif) no-repeat left;

	background-position:0 9px;

	padding-left:13px;

	margin-bottom:10px;}

	

#recordList li { /* underline list (for record) */

	color:#FFFFFF;

	font-size:85%;

	background:url(../img/line02.gif) repeat-x bottom;

	line-height:2em;

	letter-spacing:0.02em;}

/* == main (index) end =============================== */	

	

/* == main (domain) start =============================== */

#domainImg {

	background:url(../img/slim_only/img_domain.jpg) no-repeat;}

	

/* search */

#search {

	padding:10px;

	background-color:#EDDAE0;

	text-align:center;}



#domainSearch {

	width:200px;}



#searchButton {

	width:55px;}



#checkList {

	text-align:center;

	margin-top:10px;}

	

#checkList li {

	display:inline;

	font-weight:bold;

	font-size:90%;

	margin-right:10px;}

/* search */

/* == main (domain) end =============================== */



/* == main (charge) start =============================== */

#charge, #loginT01, #loginT02, #loginT03 {

	background-color:#67696D;

	font-size:90%;

	width:760px;}



/* use to chargetable */	

.tItem01 { /* lightblue part */

	background-color:#D7EEF9;

	text-align:center;}



.tItem02 { /* lightgray part */

	background-color:#E0E0E0;

	text-align:center;}

	

.tItem03 { /* darkgray part */	

	background-color:#999999;}





.tItem04 { /* blue part */	

	background-color:#CCE0FF;}





.tItem05 { /* yellow part */	

	background-color:#FFF19D;}





.tItem06 { /* perple part */	

	background-color:#E8DBFF;}





.tItem07 { /* perple part */	

	background-color:#FFFFFF;}







/* == main (charge2) start =============================== */

#charge2, #loginT01, #loginT02, #loginT03 {

	background-color:#FFFFFF;

	font-size:90%;

	width:760px;}



/* use to chargetable */	

.tItem01 { /* lightblue part */

	background-color:#D7EEF9;

	text-align:center;}



.tItem02 { /* lightgray part */

	background-color:#E0E0E0;

	text-align:center;}

	

.tItem03 { /* darkgray part */	

	background-color:#999999;}





.tItem04 { /* blue part */	

	background-color:#CCE0FF;}





.tItem05 { /* yellow part */	

	background-color:#FFF19D;}





.tItem06 { /* perple part */	

	background-color:#E8DBFF;}





.tItem07 { /* perple part */	

	background-color:#FFFFFF;}







/* use to chargetable */	

/* == main (domain) end =============================== */

	

/* == main (entry) start =============================== */

#entryImg {

	background:url(../img/slim_only/img_login.jpg) no-repeat;}

	

/* -- account ------------ */

#register01, #register02 {

	display:block;

	border-top: #999999 solid 1px;

	padding:1.5em 0 1.3em;}

	

#register01 {

	margin-top:1.5em;}



#register01 dt, #register02 dt {

	float:left;

	clear:left;

	width:180px;

	font-weight:bold;

	color:#CA5100;}



#regiId {

	width:150px;

	margin-bottom:0.3em;}

	

#regiPass01, #regiPass02 {

	width:80px;

	margin-bottom:0.3em;}

	

#register02 {

	padding-bottom:1.3em;}



#register02 .regi01, #register02 .regi04,

#register02 .regi05, #register02 .regi06 { /* text imput for short */

	width:250px;

	margin-bottom:0.3em;}

	

#register02 .regi02, #register02 .regi03,

#register02 .regi07, #register02 .regi08 { /* text imput for long */

	width:100px;

	margin-bottom:0.3em;}

	

/* contenue button */

#regiCon {

	width:120px;}



.regiCon {

	margin-left:450px;}

/* contenue button */

	

.regiText {

	font-size:80%;}

/* -- account ------------ */

	

/* -- agreement ---------- */	

.agreement {

	color:#FFFFFF;

	margin-top:1em;}

	

.agreement dt {

	background:url(../img/listimg09.gif) no-repeat left;

	font-weight:bold;

	padding-left:15px;}

	

.agreement dd {

	padding-left:15px;

	color:#CCCCCC;

	padding-bottom:0.6em;}

/* -- agreement ---------- */

/* == main (entry) end =============================== */



/* == main(after_login) start =============================== */

/* -- loginNavi start ---------- */

#loginNavi {

	background-color:#666666;}

	

#lNavi {

	margin-left:20px;}

	

#lNavi li {

	float:left;

	line-height:2.3em;

	background:url(../img/listimg_login03.gif) no-repeat left;

	background-position:0 8px;

	padding-left:20px;

	margin-right:30px;

	color:#FFFFFF;

	font-weight:bold;}

	

#lNavi li a {

	color:#FFFFFF;}

	

#lNavi li a:hover {

	color:#BCF217;

	position:relative;

	top:1px;}

/* -- loginNavi end ---------- */



#loginImg {

	width:624px; height:80px;

	clear:both;}

/* == main(after_login) end =============================== */

	

/* == recommend =============================== */

#recommend {

	width:160px; height:auto;

	float:right;

	margin-top:10px;}

	

#recommend li {

	margin-bottom:7px;}

/* == recommend =============================== */







/* == payment =============================== */

#payment {

	width:160px; height:auto;

	float:right;

	margin-top:500px;}

/* == recommend =============================== */	





/* == under=============================== */

#under {

	width:1024px; height:auto;

	float:center;

	text-align:right;

	margin-top:2px; margin-right:4px;}



/* == footer =============================== */

#footer {

	width:100%; height:30px;

	clear:both;

	background-color:#63C2DE;

	text-align:center;

	color:#FFFFFF;

	font-size:90%;

	padding-top:20px;}

/* == footer =============================== */





	

/* ------clearfix-------- */

#allWrap .clearfix:after {

   content: ".";

   display: block;

   clear: both;

   height: 0;

   visibility: hidden;}

#allWrap .clearfix {display: inline-block;}/* exlude MacIE5 \*/

* html .clearfix {height: 1%}

#allWrap .clearfix {display:block;}/* end MacIE5 */

/* ------#clearfix end-------- */