@charset "utf-8";

/*** common ***/
.head {
	width:100%;
	height:105px;
	float:left;
	background:url(../images/head.gif) center top;
}
.head2 {
	width:100%;
	height:105px;
	float:left;
	background:url(../images/head2.gif) center top;
}
.logo {
	width:900px;
	height:55px;
	margin:0 auto;
	padding:8px 0 7px 0;
}
.menu_h {
	clear:both;
	width:100%;
	height:35px;
	float:left;
}
.menu {
	clear:both;
	width:100%;
	height:35px;
	float:left;
	background:url(../images/menu.gif) repeat-x;
}
.menu ul, .menu_h ul {
	width:900px;
	height:35px;
	margin:0 auto;
	list-style:none;
}
.menu li, .menu_h li {
	width:180px;
	height:35px;
	float:left;
}
.menu a, .menu_h a {
	display:block;
	width:180px;
	height:35px;
	float:left;
}
.home h3, .content h3 {
	clear:both;
	padding:0 0 10px 0;
}
.content {
	width:880px;
	margin:0 auto;
	padding:15px 10px 20px 15px;
	background:#fff;
	overflow:auto;
}
.tf {
	width:220px;
	height:18px;
}
.ta {
	width:220px;
	height:100px;
}

/*** home ***/
.home {
	width:900px;
	margin:0 auto;
}
.h_left {
	width:241px;
	float:left;
	padding:20px 0;
}
.login {
	width:221px;
	height:98px;
	margin:0 0 2px 0;
	line-height:60%;
	font-size:10px;
	padding-left:5px;
	padding-top:5px;
	background:url(../images/bg_login2.gif) no-repeat;
}

.login p{
  font-size:11px;
}
.table_login {
	width:210px;
	font-size:12px;
	margin:10px auto 0 auto;
}
.table_login th, .table_login td {
	padding:5px;
}
.table_login th {
	text-align:right;
}
.table_login td input {
	width:120px;
	height:18px;
	border:solid #cecece 4px;
}
.arrow1 {
	margin:0 0 0 60px;
	padding:0 0 0 13px;
	background:url(../images/arrow1.gif) no-repeat 0 4px;
}
.bt_login {
	width:106px;
	height:28px;
	border:none;
	background:url(../images/bt_login.gif) no-repeat;
}
.h_right {
	width:650px;
	float:right;
	padding:10px 0 20px 0;
}
.visual {
	width:650px;
	padding:0 0 10px 0;
}
.h_site {
	width:311px;
	float:left;
	padding:0 0 10px 0;
}
.h_img {
	width:321px;
	float:right;
	padding:0 0 10px 0;
}

/*** setup ***/
.setup {
	width:100%;
	float:left;
	background:#8cc63f;
}
.bg_flow {
	clear:both;
	width:100%;
	height:188px;
	margin:0 0 0 0;
	background:url(../images/flow1.gif) no-repeat;
}
.bg_flow2b {
	clear:both;
	width:100%;
	height:188px;
	margin:0 0 0 0;
	background:url(../images/flow2.gif) no-repeat;
}

.flow {
	width:200px;
	float:left;
	padding:45px 10px 0 10px;
	text-align:center;
	position:relative;
}

.kochira{
  width:69px;
	height:26px;
  margin: 144px auto 20px 163px;
	float:left
}

.kochira2{
  width:69px;
	height:26px;
  margin: 144px auto 20px 157px; float:left
}

.flow_num {
	position:absolute;
	top:10px;
	left:10px;
}
.setup_left {
	width:490px;
	float:left;
	padding:0 25px 20px 0;
	padding-bottom:10px;
}
.v_premium {
	width:490px;
	padding:0 0 10px 0;
}
.p_premium {
	width:450px;
	padding:20px;
	background:#ccc;
}
.setup_right {
	width:365px;
	float:right;
}
.setup_left2 {
	width:424px;
	float:left;
	padding:0 10px 20px 0;
	padding-bottom:10px;
}
.v_premium2 {
	width:424px;
	padding:0 0 10px 0;
}
.p_premium2 {
	width:424px;
	padding:20px;
	background:#eee;
}
.setup_right2 {
	width:380px;
	float:left;
	margin-left:0;
}
.q {
	padding:10px 0;
}

.q2 {
	padding:3px 0;
}

.q3 {
	padding:3px 0 3px 5px;
}

.a2{
padding-left:15px;

}

.period{
  width:490px;
	float:left;
	margin-bottom:25px;
}
.period table th{
  width:50%;
	background:#333;
	color:#fff;
	padding-left:20px;
}
.period table td{
  border-bottom: 1px solid #efefef;
	background:#fff;
	color:#333;
	padding-left:20px;
}


/*** conditions ***/
.conditions {
	width:100%;
	float:left;
	background:#29abe2;
}
.bg_flow2 {
	clear:both;
	width:880px;
	height:181px;
	margin:0 0 20px 0;
	background:url(../images/bg_flow.gif) no-repeat;
}
.flow2 {
	width:273px;
	float:left;
	padding:45px 10px 0 10px;
	text-align:center;
	position:relative;
}
.conditions p img {
	float:right;
	padding:0 0 10px 20px;
}
.category_wrap {
	clear:both;
	width:100%;
	float:left;
	padding:0 0 10px 0;
}
.apparel {
	width:290px;
	height:180px;
	float:left;
	margin:15px 5px 0 0;
	background:#e5e6e6;
}

.appare2 {
	width:290px;
	height:151px;
	float:left;
	margin:7px 5px 0 0;
}
/*** start ***/
.start {
	width:100%;
	float:left;
	background:#fcee21;
}
.start_left, .start_right {
	width:440px;
	float:left;
	padding:0 0 10px 0;
}
.table_setup {
	width:440px;
	margin:0 0 20px 0;
}
.table_setup th, .table_setup td {
	padding:5px 10px;
}
.table_setup th {
	width:150px;
	font-weight:bold;
	text-align:right;
}
.table_setup span {
	color:#ff0000;
	font-weight:normal;
}
.tos {	clear:both;	width:700px;	height:180px;	margin:0 auto 10px auto;	padding:10px;	background:#eee;	overflow:scroll;}
.bt_wrap {
	clear:both;
	width:100%;
	text-align:center;
	padding:0 0 10px 0;
}.bt_register {	width:106px;	height:28px;	border:none;	background:url(../images/bt_register.gif) no-repeat;}.bt_back {	width:106px;	height:28px;	border:none;	background:url(../images/bt_back.gif) no-repeat;}.bt_conf {	width:130px;	height:28px;	border:none;	background:url(../images/bt_conf.gif) no-repeat;}

/*** contact ***/
.contact {
	width:100%;
	float:left;
	background:#ed1e79;
}
.contact .content {
	background:#fff url(../images/bg_contact.gif) no-repeat 505px 35px;
}
.table_contact {
	width:780px;
	margin:0 auto;
}
.table_contact th, .table_contact td {
	padding:5px 10px;
}
.table_contact th {
	width:170px;
	text-align:right;
}
.table_contact th span {
	color:#ff0000;
}
.table_contact td .ta2 {
	width:400px;
	height:150px;
}
.bt_submit {
	width:106px;
	height:28px;
	border:none;
	background:url(../images/bt_submit.gif) no-repeat;
}

/*** foot ***/
.foot {
	clear:both;
	width:100%;
	height:70px;
	margin:0 auto;
	background:url(../images/foot.gif) repeat-x;
}
.f_links1, .f_links2, .copyright {
	line-height:23px;
	text-align:center;
	color:#666;
}
.f_links1 a:link, .f_links1 a:active, .f_links1 a:hover, .f_links1 a:visited {
	color:#fff;
}
.f_links2 a:link, .f_links2 a:active, .f_links2 a:hover, .f_links2 a:visited {
	color:#999;
}
.error_text {
	color:red;
	display:block;
}

.various{
  width:880px; height:143px; float:left;margin-bottom:15px;
}

.red_service{
float:left; width:100%; height:143px; margin:15px auto; background:url(../images/red.jpg) no-repeat;
}

.black_service{
float:left; width:100%; height:143px; margin:15px auto; background:url(../images/black.jpg) no-repeat;
}

.sil_service{
float:left; width:100%; height:143px; margin:15px auto; background:url(../images/silver.jpg) no-repeat;
}

.description_s{
margin:85px 0 5px 15px; width:550px
}

.brochure{
float:left; width:100%; height:100px; background:url(../images/brochure_bg.gif) no-repeat; padding:10px;margin-top:7px;
}