@charset "UTF-8";
/* 090106 Shaft KK : Shiohama*/

/*YUI CSS Import*/
@import "reset.css";
@import "base.css";
@import "fonts.css";


/*Default(Custom) CSS*/
* html * { font-size: 106%;}

/*Section: General Rules*/


.clearfix {
	display: inline-block;
} 
.clearfix:after { 
     clear: both; 
     content: " "; 
     display: block; 
     font-size: 0; 
     height: 0; 
     visibility: hidden; 
} 
/* start commented backslash hack \*/ 
* html .clearfix { height: 1%; } 
.clearfix { display: block; }  
/*html, body { height: 100%;} */

.clear {
	clear: both;
	display: block;
	height: 1px;
	margin-bottom: 0px;
	padding: 0px;
	font-size: 1px;
}

body { text-align: center; margin-bottom: 20px;}

/* close commented backslash hack */ 

/*html { overflow-y: scroll;}  */

img { border: 0;}
a {
	text-decoration: none;
	color: #1e3269;
}
a:hover {
	color: #69f;
}
#contents {
	margin-right: auto;
	margin-left: auto;
	width: 760px;
}
h1 {
	height: 110px;
	width: 205px;
	float: left;
}
h2 {
	height: 40px;
	width: 190px;
	float: left;
}
h2.h56 {
	height: 56px;
	width: 190px;
	float: left;
}
h3,#breadcrumbs {
	width: 100%;
	border-bottom: 1px solid #eee;
	padding-bottom: 5px;
	text-align: left;
	font-size: x-small;
	line-height: 17px;
	vertical-align: middle;
	float: left;
	color: #666666;
}
h4 {
	height: auto;
	width: 100%;
	float: left;
	clear: both;
	overflow: hidden;
	font-size: small;
}
h5 {
	text-align: left;
	clear: both;
	float: left;
	width: 100%;
	margin-top: 20px;
	padding-bottom: 10px;
	border-bottom: 1px solid #eee;
	margin-bottom: 10px;
}
.ct_header {
	border-bottom: 1px solid #eee;
	height: auto;
	width: 100%;
	float: left;
	clear: both;
	overflow: hidden;
	margin-bottom: 10px;
}
.ct_header2 {
	border-bottom: 1px solid #eee;
	height: auto;
	width: 100%;
	float: left;
	clear: both;
	overflow: hidden;
	margin-bottom: 10px;
	margin-top: 20px;
}
.sub_ct_header {
	border-bottom: 1px solid #eee;
	height: 60px;
	width: 100%;
	float: left;
	clear: both;
	margin-bottom: 10px;
}

.s_comment {
	clear: both;
	float: left;
	width: 555px;
	display: block;
	text-align: left;
	margin-bottom: 10px;
}
.s_comment_blue {
	color: #0066FF;
}
.l_comment {
	clear: both;
	float: left;
	width: 700px;
	display: block;
	text-align: left;
	margin-bottom: 10px;
}
.l_comment2 {
	clear: both;
	float: left;
	width: 100%;
	display: block;
	margin-bottom: 40px;
	margin-top: 40px;
	font-size: small;
}
.l_comment3 {
	clear: both;
	float: left;
	width: 100%;
	display: block;
	margin-bottom: 30px;
}
#header {
	width: 100%;
	height: 112px;
	text-align: left;
	border-bottom: 1px solid #1e3269;
	margin-bottom: 13px;
	background: url(/img/header_bg.gif) repeat-x bottom;
	/*vertical-align: bottom;*/
	float: left;
}
/*IE Only*/
*html #header {padding-bottom: 1px;}

#logo {
	float: left;
	height: 110px;
	width: 205px;
}
#hd_lang {
	height: 20px;
	width: 212px;
	float: left;
	padding: 3px 0px 3px 8px;
	font-size: 98%;
}

#hd_link {
	height: 20px;
	width: 335px;
	float: left;
	padding: 6px 0px 0px 0px;
	font-size: 90%;
}
#hd_link a {
	float: right;
	height: 20px;
	width: auto;
	padding-left: 17px;
	background: url(/img/item_t_bg.gif) no-repeat left 2px;
	margin-left: 20px;
}
#hd_link a:hover {
	background: url(/img/item_t_bg.gif) no-repeat -510px 2px;
}
#hd_login {
	float: left;
	height: 24px;
	width: 460px;
	vertical-align: middle;
	padding-left: 95px;
	text-align: right;
}
#login_error {
	width: 365px;
	float: left;
	color: #FF0000;
	height: 17px;
	text-align: right;
	font-size: 80%;
	padding-top: 3px;
	padding-right: 10px;
}
#reminder {
	float: left;
	width: 180px;
	text-align: right;
	padding-top: 3px;
	font-size: 80%;
}

#hd_login .form_text { float: left; width: 370px; vertical-align: middle; color: #666666; height: 22px;}
#hd_login .form_btn { float: left; width: 80px; padding-left: 10px;}

#hd_login .hd_login,
#hd_login .hd_pass { width: 100px; vertical-align: middle;}
#hd_menu_zero {
	float: left;
	height: 45px;
	width: 358px;
}

#hd_menu_zero img { margin: 0px; padding: 0px; border: 0px;}

#hd_menu {
	float: left;
	height: 36px;
	width: 300px;
	padding-top: 4px;
}

#hd_menu img { margin: 0px; padding: 0px; border: 0px;}

#hd_menu a { background-color: #ffffff;}
#hd_menu a:hover { background-color: #d7e5ff;}

#hd_search {
	float: left;
	height: 24px;
	width: 255px;
	vertical-align: middle;
	text-align: right;
	margin-top: 12px;
}

#hd_search .form_search { float: left; width: 210px; vertical-align: middle; color: #666666; height: 22px;}
#hd_search .form_search_btn { float: left; width: 35px; padding-left: 10px;}

#hd_search .hd_search { width: 130px; vertical-align: middle;}


#side {
	float: left;
	width: 190px;
	margin-right: 15px;
	background: url(/img/side_bg.gif) repeat-y;
}
#side #welcome {
	clear: both;
	float: left;
	width: 190px;
	margin-bottom: 20px;
	padding: 10px 0px;
	text-align: left;
	background: url(/img/welcome_bg.gif) repeat-y 0px 0px;
}
#side ul {
	margin: 0px;
	padding: 0px;
	width: 189px;
	list-style: none;
}
#side ul li {
	text-align: left;
	list-style: none;
	clear: left;
	float: left;
	width: 189px;
}
#side ul li a {
	line-height: 21px;
	background: url(/img/cm_bg.gif) no-repeat 0px 0px;
	width: 172px;
	padding-left: 17px;
	vertical-align: middle;
	display: block;
}
#side ul li a:hover {
	background: url(/img/cm_bg.gif) no-repeat -190px top;
}
#side ul li.selected {
	line-height: 21px;
	width: 173px;
	padding-left: 17px;
	vertical-align: middle;
	display: block;
	background: url(/img/cm_bg.gif) no-repeat right top;
}
#cart_layer {
	background: #000;
	height: 420px;
	width: 620px;
	z-index: 1;
}

#main {
	overflow: hidden;
	float: left;
	width: 100%;
}
#main.short {
	float: right;
	width: 555px;
}
.short_red {
	color: #FF3300;
	font-weight: normal;
}
#main ul.ct_list {
	display: block;
	margin: 20px 0px 0px;
	padding: 0px;
	clear: both;
	float: left;
	width: 100%;
}
#main.short ul.ct_list_h {
	display: inline;
	margin: 20px 0px 0px;
	padding: 0px;
	float: left;
	width: 277px !important;
	text-align: left;
}
#main ul.ct_list li{
	display: block;
	margin: 0px 0px 10px;
	padding: 0px;
	float: left;
	width: 33%;
	text-align: left;
	list-style: none;
}
#main.short ul.ct_list_h li{
	display: inline;
	margin: 0px 0px 10px 20px;
	padding: 0px;
	float: left;
	width: 257px;
	text-align: left;
	list-style: none;
}
#main.short ul.ct_list_h li.indent{
	display: inline;
	margin: 0px 0px 10px 30px;
	padding: 0px;
	float: right;
	width: 247px;
	text-align: left;
	list-style: none;
}
#main ul.ct_list li a{
	display: block;
	margin: 0px 0px 0px 24px;
	padding: 0px 0px 0px 17px;
	float: left;
	width: auto;
	text-align: left;
	list-style: none;
	background: url(/img/item_t_bg.gif) no-repeat 0px 3px;
}
#main.short ul.ct_list_h li a{
	display: block;
	margin: 0px;
	padding: 0px 0px 0px 17px;
	float: left;
	text-align: left;
	list-style: none;
	background: url(/img/item_t_bg.gif) no-repeat 0px 3px;
}
#main ul.ct_list li a:hover{
	background: url(/img/item_t_bg.gif) no-repeat -510px 3px;
}
#main.short ul.ct_list_h li a:hover{
	background: url(/img/item_t_bg.gif) no-repeat -510px 3px;
}
.i_item {
	float: left;
	margin-left: 30px;
	margin-top: 20px;
	border-bottom: 1px solid #eee;
	padding-bottom: 20px;
	width: 150px;
	height: 270px;
	display: inline;
	text-align: left;
}
.ct_header #step {
	margin-top: 10px;
	margin-bottom: 10px;
	float: left;
}
.ct_header #step img {
	float: left;
}
.ct_header #step .sepa {
	display: block;
	height: 30px;
	width: 65px;
	float: left;
	background: url(/img/cthd_sepa.gif) no-repeat;
}
.i_item a {
	background: url(/img/item_i_bg.gif) no-repeat left top;
	display: inline-block;
}
.i_item a:hover {
	background: url(/img/item_i_bg.gif) no-repeat right top;
}
.i_item a img {
	display: block;
	float: left;
	padding: 1px;
	width: 148px;
	margin-bottom: 4px;
}
.i_item a .item_name ,.i_item a .item_code{
	text-align: left;
	width: 130px;
	float: left;
	margin-bottom: 5px;
	margin-left: 15px;

	display: inline;
}
.i_item a .item_code {
	color: #666;
	font-size: x-small;
	line-height: 1.8em;
}
.i_item a:hover .item_name {
	color: #69F;
}
.l_item {
	float: left;
	margin-left: 15px;
	margin-top: 20px;
	border-bottom: 1px solid #eee;
	padding-bottom: 20px;
	clear: both;
	height: 150px;
	width: 510px;
}
.l_item a {
	background: url(/img/item_l_bg.gif) no-repeat left top;
	display: inline-block;
}
.l_item a:hover {
	background: url(/img/item_l_bg.gif) no-repeat right top;
}
.l_item a img {
	display: block;
	float: right;
	padding: 1px;
	margin: 0px 0px 10px 10px;
}
.l_item a .item_name ,.l_item a .item_order ,.l_item a .item_code ,.l_item a .item_comment {
	text-align: left;
	width: 300px;
	float: left;
	margin-left: 15px;
	margin-bottom: 5px;
	display: inline;
}
.l_item a .item_code {
	color: #666;
	font-size: x-small;
}
.l_item a .item_order {
	display: inline;
	text-align: right;
}
.l_item a .item_order .price {
	width: 50%;
	display: inline-block;
	float: left;
	text-align: left;
	padding-top: 5px;
}

.l_item a .item_order .btn_buy {
	width: 50px;
	margin-bottom: -5px;
}
.l_item a .item_order .qntty {
	width: 40px;
	margin-right: 10px;
}
.l_item a .item_code {
	color: #666;
	font-size: x-small;
}
.l_item a .item_comment {
	color: #666;
	font-size: small;
}
.l_item a:hover .item_name {
	color: #69F;
}




/* take */

.l_item_take {
	float: left;
	margin-left: 15px;
	margin-top: 20px;
	border-bottom: 1px solid #eee;
	padding-bottom: 20px;
	clear: both;
	height: 150px;
	width: 510px;
}
.l_item_take .item_name,
.l_item_take .item_order,
.l_item_take .item_code,
.l_item_take .item_comment {
	text-align: left;
	width: 300px;
	float: left;
	margin-bottom: 5px;
	margin-left: 15px;
	display: inline;
	z-index: 0;
}

/* firefox, safari */
.l_item_take .next {
	background: url(/img/pg_next.gif) no-repeat left -2px;
	text-decoration: none;
	width: auto;
	padding-right: 15px;
}
/* IE7 */
* + html .l_item_take .next {
	background: url(/img/pg_next.gif) no-repeat left top;
	text-decoration: none;
	width: auto;
	padding-right: 15px;
}
/* firefox, safari */
.l_item_take .next:hover {
	background: url(/img/pg_next.gif) no-repeat left -23px;
	color: #69f;
}
/* IE7 */
* + html .l_item_take .next:hover {
	background: url(/img/pg_next.gif) no-repeat left -21px;
	color: #69f;
}

.l_item_take .item_pic {
	height: 150px;
	width: 150px;
	float: right;
	margin: 0px 0px 10px 10px;
}

.l_item_take .item_pic a img {
	display: block;
	padding: 1px;
	border:1px solid #000;
}
.l_item_take .item_pic a:hover img {
	display: block;
	padding: 1px;
	border:1px solid #69f;
}
/*.item_code {
	text-align: left;
	width: 300px;
	float: left;
	margin-left: 15px;
	margin-bottom: 5px;
	display: inline;
	color: #666;
	font-size: x-small;
}*/
.item_order {
	text-align: left;
	width: 300px;
	float: left;
	margin-left: 15px;
	margin-bottom: 5px;
	display: inline;
	text-align: right;
	color: #666;
	font-size: x-small;
}
.item_order .price {
	width: 60%;
	display: inline-block;
	float: left;
	text-align: left;
	padding-top: 5px;
}

.item_order .btn_buy {
	width: 50px;
	margin-bottom: -5px;
}
.item_order .qntty {
	width: 40px;
	margin-right: 10px;
}
.item_code {
	color: #666;
	font-size: x-small;
}
.item_comment {
	text-align: left;
	width: 330px;
	float: left;
	margin-left: 15px;
	margin-bottom: 5px;
	display: inline;
	color: #666;
	font-size: small;
}
.item_name {
	text-align: left;
	width: 330px;
	float: left;
	/*margin-left: 15px;*/
	margin-bottom: 5px;
	display: inline;
	color: #1e3269;
}

.item_name a {
	background: url(/img/item_t_bg.gif) no-repeat left 3px !important;
	display: inline;
	padding-left: 15px;
	text-align: left;
}

.item_name a:hover {
	color: #69F;
	background: url(/img/item_t_bg.gif) no-repeat -510px 3px !important;
}

/*IE Only*/
*html .item_name a {
	background: url(/img/item_t_bg.gif) no-repeat left 1px !important;
	display: inline;
	padding-left: 15px;
	text-align: left;
}

/*IE Only*/
*html .item_name a:hover {
	color: #69F;
	background: url(/img/item_t_bg.gif) no-repeat -510px 1px !important;
}



.t_item {
	float: left;
	/*margin-left: 15px;*/
	margin-top: 10px;
	border-bottom: 1px solid #eee;
	padding-bottom: 10px;
	clear: both;
	display: inline;
	width: 495px;
	text-align: left;
}
.t_item a {
	width: 495px;
	background: url(/img/item_t_bg.gif) no-repeat left 3px;
	display: inline;
	padding-left: 15px;
	text-align: left;
}
.t_item a:hover {
	color: #69F;
	background: url(/img/item_t_bg.gif) no-repeat -510px 3px;
}

/*IE Only*/
*html .t_item a {
	width: 495px;
	background: url(/img/item_t_bg.gif) no-repeat left 1px;
	display: inline;
	padding-left: 15px;
	text-align: left;
}
/*IE Only*/
*html .t_item a:hover {
	color: #69F;
	background: url(/img/item_t_bg.gif) no-repeat -510px 1px;
}

.t_item2_sub {
	float: left;
	/*margin-left: 15px;*/
	margin-top: 10px;
	border-bottom: 1px solid #eee;
	padding-bottom: 10px;
	clear: both;
	width: 540px;
	text-align: left;
	display: inline;
}
.t_item2_cart {
	float: left;
	margin-top: 10px;
	padding-bottom: 5px;
	clear: both;
	width: 540px;
	text-align: left;
	display: inline;
}
.t_item2 {
	float: left;
	/*margin-left: 15px;*/
	margin-top: 10px;
	border-bottom: 1px solid #eee;
	padding-bottom: 10px;
	clear: both;
	width: 540px;
	text-align: left;
	display: inline;
}
.t_item2 a {
	width: 320px;
	background: url(/img/item_t_bg.gif) no-repeat left 3px;
	padding-left: 15px;
	text-align: left;
	display: inline;
	float: left;
}
.t_item2 a:hover {
	color: #69F;
	background: url(/img/item_t_bg.gif) no-repeat -510px 3px;
}
.t_item2 a:hover .item_name {
	color: #69F;
}
.t_item2 .price, 
.t_item2 .order {
	width: 205px;
	float: right;
	clear: right;
	text-align: right;
	color: #666;
	font-size: x-small;
	line-height: 1.8em;
}
.i_item .qntty,
.t_item2 .order .qntty {
	width: 40px;
	margin-right: 10px;
}

.t_item2 .order .btn_buy {
	width: 50px;
	margin-bottom: -5px;
	margin-top: 5px;
}
.v_item {
	float: left;
	clear: both;
	width: 545px;
	display: block;
	margin: 20px 0px 0px;
	padding: 0px 0px 20px 0px;
	border-bottom: 1px solid #eee;
}
.v_item img {
	display: block;
	float: right;
	margin: 0px 0px 15px 15px;
	border: 1px solid #d8d8d8;
}
.v_item .item_name, .v_item .item_code, .v_item .item_comment {
	text-align: left;
	width: 390px;
	float: left;
	margin: 0px 0px 5px 0px;
}

.v_item .item_name {
	font-size: large;
	font-weight: bold;
}
.v_item .item_code {
	margin-bottom: 10px;
}
.v_item a.item_link {
	margin-top: 20px;
	text-align: left;
	width: 370px;
	float: left;
	padding-left: 15px;
	background: url(/img/item_t_bg.gif) no-repeat left 3px;
	display: inline;
}
.v_item a:hover.item_link {
	color: #69F;
	background: url(/img/item_t_bg.gif) no-repeat -510px 3px;
}
.layout00 {
	clear: both;
	float: left;
	width: 555px;
	text-align: left;
	height: 20px;
	line-height: 20px;
}
.layout01 {
	clear: both;
	float: left;
	width: 555px;
	height: 0px;
	border-top: 1px solid #eee;
	line-height: 0px;
}
.layout02 {
	clear: both;
	float: left;
	width: 555px;
	text-align: left;
}
.layout03 {
	clear: both;
	float: left;
	width: 555px;
	text-align: center;
}
.layout04, .layout05{
	clear: both;
	float: left;
	width: 555px;
	text-align: left;
	vertical-align: top;
}
.layout04 img{
	float: left;
	text-align: left;
	margin: 0px 10px 10px 0px;
}

/********************************* take *********************************/
.layout_1, .layout_2{
	clear: both;
	float: left;
	width: 555px;
	text-align: left;
	vertical-align: top;
	line-height: 1.5em;
}

.layout_1 .qntty,
.layout_2 .qntty {
	width: 40px;
	margin-right: 10px;
}

.indeximage{border: 1px solid #d8d8d8;}
.layout_2 img{
	float: left;
	text-align: left;
	margin: 0px 10px 10px 0px;
}
.layout_1 img{
	float: right;
	text-align: left;
	margin: 0px 0px 10px 10px;
}
.layout_3, .layout_4 {
	clear: both;
	width: 555px;
	text-align: center;
}
.layout_5 {
	clear: both;
	float: left;
	width: 555px;
	text-align: center;
}
a.manual_link {
	margin-top: 5px;
	text-align: left;
	width: 370px;
	float: left;
	padding-left: 15px;
	background: url(/img/item_t_bg.gif) no-repeat left 3px;
	display: inline;
}
a:hover.manual_link {
	color: #69F;
	background: url(/img/item_t_bg.gif) no-repeat -510px 3px;
}
/********************************* take *********************************/

.layout05 img{
	float: right;
	text-align: left;
	margin: 0px 0px 10px 10px;
}
.ct_name {
	width: 100%px;
	text-align: left;
	float: left;
	vertical-align: middle;
	line-height: 39px;
	font-size: medium;
	color: #666666;
}

.ct_name_short {
	width: 370px;
	text-align: left;
	float: left;
	vertical-align: middle;
	line-height: 39px;
	font-size: large;
	color: #333333;
}

.ct_name_short2 {
	width: 100%x;
	text-align: left;
	float: left;
	vertical-align: middle;
	line-height: 39px;
	font-size: large;
	color: #333333;
}

.sub_ct_name_short {
	text-align: left;
	float: left;
	height: 20px !important;
	vertical-align: middle;
	font-size: medium;
	color: #333333;
	margin-top: 0px;
	border-bottom: none;
	padding-top: 30px;
}

#ct_list_sort {
	width: 155px;
	float: left;
	text-align: right;
	vertical-align: middle;
	line-height: 39px;
}

/*IE 6 Only*/
* html body #ct_list_sort select { margin-top: 10px;}

#pager {
	clear: both;
	float: left;
	width: 100%;

	border-bottom: 1px solid #eee;
	line-height: 21px;
	padding-top: 10px;
	padding-bottom: 10px;
	vertical-align: middle;
}
#pager .here {
	text-decoration: underline;
	background: #69f;
	width: 21px;
	margin-right: 5px;
	margin-left: 5px;
	display: inline-block;
	color: #FFF;
}


/********************************* take *********************************/
#pager .current {
	text-decoration: none;
	background: #69f;
	width: 21px;
	margin-right: 5px;
	margin-left: 5px;
	display: inline-block;
	color: #FFF;
}
/* firefox, safari */
#pager .next {
	background: url(/img/pg_next.gif) no-repeat right -2px;
	text-decoration: none;
	width: auto;
	padding-right: 15px;
}
/* IE7 */
* + html #pager .next {
	background: url(/img/pg_next.gif) no-repeat right top;
	text-decoration: none;
	width: auto;
	padding-right: 15px;
}
/* firefox, safari */
#pager .next:hover {
	background: url(/img/pg_next.gif) no-repeat right -23px;
	color: #69f;
}
/* IE7 */
* + html #pager .next:hover {
	background: url(/img/pg_next.gif) no-repeat right bottom;
	color: #69f;
}
/* firefox, safari */
#pager .prev {
	background: url(/img/pg_prev.gif) no-repeat left -2px;
	text-decoration: none;
	padding-left: 15px;
	width: auto;
}
/* IE7 */
* + html #pager .prev {
	background: url(/img/pg_prev.gif) no-repeat left top;
	text-decoration: none;
	padding-left: 15px;
	width: auto;
}
/* firefox, safari */
#pager .prev:hover {
	background: url(/img/pg_prev.gif) no-repeat left -23px;
	color: #69F;
}
/* IE7 */
* + html #pager .prev:hover {
	background: url(/img/pg_prev.gif) no-repeat left bottom;
	color: #69F;
}
/********************************* take *********************************/


#pager a {
	text-decoration: underline;
	width: 21px;
	margin-right: 5px;
	margin-left: 5px;
	display: inline-block;
}
#pager a.next {
	background: url(/img/pg_next.gif) no-repeat right top;
	text-decoration: none;
	width: auto;
	padding-right: 15px;
}
#pager a.next:hover {
	background: url(/img/pg_next.gif) no-repeat right bottom;
	color: #69f;
}
#pager a.prev {
	background: url(/img/pg_prev.gif) no-repeat left top;
	text-decoration: none;
	padding-left: 15px;
	width: auto;
}
#pager a.prev:hover {
	background: url(/img/pg_prev.gif) no-repeat left bottom;
	color: #69F;
}
#footer {
	clear: both;
	width: 100%;
	margin-top: 30px;
	float: left;
}
#ft_box {
	float: left;
	width: 100%;
	border-bottom: 3px solid #1E3169;
	margin-bottom: 5px;
	height: 20px;
}
#ft_phone {
	text-align: left;
	width: auto;
	clear: both;
	float: left;
	height: auto;
	vertical-align: middle;
	line-height: 20px;
}
#ft_phone_num {
	float: left;
	height: 20px;
}
#ft_top {
	float: right;
	height: auto;
	width: 20px;
	/*margin-right: 20px;*/
	padding-right: 20px;
}
#ft_menu {
	float: left;
	width: 460px;
	text-align: left;
	color: #999999;
	margin-bottom: 20px;
}
#ft_menu a {
	display: inline-block;
	font-size: 80%;
	width: auto;
}

* html #ft_menu a {
	font-size: 90%;
}

#ft_copyright {
	float: left;
	width: 300px;
	font-size: 65%;
	text-align: right;
	color: #666666;
}

* html #ft_copyright {
	font-size: 70%;
}

*+html body #ft_copyright {
	font-size: 60%;
}

#main.long {
	float: left;
	width: 100%;
	clear: both;
}
/*
#main.long .alert_area {
	width: 100%;
	color: #F00;
	margin-top: 30px;
	clear: both;
	float: left;
}
*/
.alert_area {
	width: 100%;
	color: #F00;
	margin-top: 10px;
	clear: both;
	float: left;
	margin-bottom: 10px;
}
#main.long #login_form .lg_ttl {
	float: left;
	width: 340px;
	display: block;
	text-align: right;
	margin-right: 10px;
	clear: both;
	line-height: 24px;
	vertical-align: middle;
	overflow: hidden;
	margin-top: 5px;
	margin-bottom: 5px;
}
#main.long #login_form .lg_input {
	float: left;
	text-align: left;
	line-height: 24px;
	vertical-align: middle;
	overflow: hidden;
	margin-top: 5px;
	margin-bottom: 5px;
}
#login_snd {
	float: left;
	margin-left: 350px;
}
#login_form .lg_input input {
	width: 172px;
}
#main.long ul.guide{
	margin: 0px;
	padding: 0px;
	list-style: none;
	float: left;
	width: 100%;
	clear: both;
	overflow: hidden;
}
#main.long ul.guide li{
	margin: 0px 0px 5px;
	padding: 0px;
	list-style: none;
	float: left;
	width: 50%;
	text-align: left;
}
#main.long ul.guide li a{
	width: auto;
	background: url(/img/item_t_bg.gif) no-repeat left 1px;
	padding-left: 17px;
}
#main.long ul.guide li a:hover{
	background: url(/img/item_t_bg.gif) no-repeat -510px 1px;
}

#app_form .colum_1,
#inq_form .colum_2 {
	width: 760px;
	height: 30px;
	clear: both;
}
#inq_form .colum_3 {
	width: 760px;
	height: 135px;
	clear: both;
}

#app_form .app_ttl {
	float: left;
	width: 120px;
	display: block;
	text-align: left;
	clear: right;
	vertical-align: middle;
	overflow: hidden;
	margin-bottom: 5px;
	margin-left: 10px;
}
#app_form .app_input {
	float: left;
	text-align: left;
	line-height: 24px;
	vertical-align: middle;
	overflow: hidden;
	width: 240px;
	clear: right;
	margin-bottom: 5px;
}
#app_form .app_input input{
	width: 230px;
}
#app_snd {
	float: left;
}
#member_reg {
	text-align: left;
	width: 720px;
	clear: both;
	float: left;
	overflow: auto;
	height: 200px;
	padding-right: 20px;
	padding-left: 20px;
	margin-bottom: 20px;
}
#member_reg h5 { width: 700px;}

#agree_check {
	clear: both;
	float: left;
	width: 100%;
	margin-bottom: 10px;
}
.app_btns {
	text-align: center;
	overflow: hidden;
	clear: both;
	float: left;
	width: 100%;
}


#app_cnf , #app_ret , #app_snd{
	text-align: center;
	float: none;
	margin-right: 5px;
	margin-bottom: 5px;
	margin-left: 5px;
}
#app_ret{
	clear: both;
	float: left;
}
/*
#ret_top {
	display: block;
	clear: both;
	margin-right: auto;
	margin-left: auto;
}
*/
#privacy_policy {
	text-align: left;
	display: block;
	clear: both;
	padding-top: 20px;
}
#privacy_policy .full_right {
	float: right;
	width: auto;
	display: inline-block;
	margin-top: 10px;
}
.l_comment p {
	margin-top: 5px;
	margin-bottom: 5px;
}
#inq_form {
	overflow: hidden;
	clear: left;
	position: relative;
}
#inq_form .inq_ttl {
	float: left;
	width: 120px;
	text-align: left;
	margin-left: 180px;
	clear: both;
	display: inline-block;
	margin-bottom: 10px;
}
#inq_form .inq_input {
	float: left;
	width: 440px;
	text-align: left;
	clear: right;
	margin-bottom: 10px;
}
#inq_form .inq_input input,#inq_form .inq_input textarea{
	width: 260px;
}
#inq_cnf , #inq_ret , #inq_snd{
	text-align: center;
	float: none;
	margin-right: 5px;
	margin-bottom: 5px;
	margin-left: 5px;
}
.inq_btns {
	text-align: center;
	overflow: hidden;
	clear: both;
	float: left;
	width: 100%;
	margin-top: 20px;
}
#inq_phone {
	text-align: center;
	width: 100%;
	clear: both;
	height: 20px;
	vertical-align: middle;
	line-height: 20px;
	margin-bottom: 20px;
	padding-top: 5px;
	float: left;
}
#amount {
	background: #eee;
	padding: 10px;
	float: right;
	width: 180px;
	margin-top: 10px;
	text-align: left;
	overflow: hidden;
	/*clear: right;*/
	float:right;
}
#amount .amt_ttl {
	float: left;
	width: 60px;
	text-align: right;
}
#amount .amt_price {
	float: left;
	width: 120px;
	text-align: right;
}
#amount .g_total{
	width: 180px;
	margin-top: 5px;
	padding-top: 5px;
	border-top: 1px solid #1e3269;
	float: left;
	font-weight: bold;
}
.confirm_btn {
	margin-right: 190px;
	margin-left: 190px;
	clear: both;
	display: inline-block;
	margin-top: 40px;
	padding: 0px;
	float: left;
}
.confirm_btn_long {
	/*margin-right: 290px;
	margin-left: 290px;*/
	padding: 0px 290px;
	clear: both;
	display: inline-block;
	margin-top: 40px;
	float: left;
}
/*
.new_enroll {
	float: left;
	text-align: left;
	vertical-align: middle;
	line-height: 39px;
	width: 155px;
}
*/
.new_enroll a {
	width: 170px;
	background: url(/img/item_t_bg.gif) no-repeat 0px 3px;
	display: block;
	padding-left: 15px;
	text-align: left;
	float: left;
	margin-top: 10px;
}
.t_item2 .address {
	display: block;
	float: left;
	margin-left: 10px;
}
.t_item2 .addr_chk {
	float: left;
}
.space_b_40 {
	float: left;
	height: 40px;
	width: auto;
	display: block;
	clear: both;
	width: 100%;
}
.new_enroll a:hover {
	color: #69F;
	background: url(/img/item_t_bg.gif) no-repeat -510px 3px;
}
.colum_4 {
	width: 100%;
	height: 30px;
	text-align: left;
	clear: both;
}
.colum_5 {
	width: 100%;
	height: 130px;
	clear: both;
}
.colum_6 {
	width: 100%;
	text-align: left;
	padding-bottom: 20px;
	clear: both;
}
.colum_7 {
	width: 100%;
	text-align: center;
	padding: 20px 0px;
	clear: both;
}
.colum_8 {
	width: 100%;
	text-align: left;
	padding: 20px 0px;
	clear: both;
}
.leave_txt {
	height: 22px;
	vertical-align: top;
}

.chk_ttl {
	display: block;
	float: left;
	width: 150px;
	text-align: left;
	margin-bottom: 10px;
}
/*.chk_form {
	float: left;
	width: 300px;
	margin-bottom: 10px;
}*/

/********************************* take *********************************/
.chk_form_text {
	float: left;
	width: 300px;
	margin-bottom: 10px;
	color:#f00;
}

input.chk_form {
	float: left;
	width: 300px;
	margin-bottom: 10px;
}
textarea.chk_form {
	float: left;
	width: 300px;
	height: 50px;
}
.chk_btn {
	float: left;
	display: block;
	clear: both;;
}
.chk_text {
	display: inline;
	float: left;
	text-align: left;
	margin-left: 20px;
	width: 435px;
}
.chk_btn2 {
	float: right;
	display: block;
	margin-left: 10px;
}
.chk_btn3 {
	float: left;
	display: block;
	margin-left: 0px;
}
#order_log {
	text-align: left;
	float: left;
	width: 100%;
	margin-top: 20px;
}
#order_log th ,#order_log td{
	border-bottom: 1px solid #eee;
	text-align: left;
	width: 25%;
	color: #666666;
	font-size: small;
}

#inq_form .inq_ttl2 {
	float: left;
	width: 120px;
	text-align: left;
	margin-left: 80px;
	display: inline-block;
	margin-bottom: 10px;
}
#inq_form .inq_input2 {
	float: left;
	width: 340px;
	text-align: left;
	margin-bottom: 10px;
}
#inq_form .inq_input2 input ,#inq_form .inq_input2 textarea{
	width: 300px;
}
#top_zero {
	width: 760px;
}
#top_view_zero {
	background: url(../img/top_main_img_zero.jpg) no-repeat;
	height: 250px;
	width: 760px;
}
#top_view_zero h2,
#top_view_zero h3 {
	display: block;
	text-indent: -9000px;
	overflow: hidden;
	border: none;
}

#top_view {
	background: url(/img/top_main_img.jpg) no-repeat;
	height: 250px;
	width: 760px;
	/*margin-bottom: 20px;*/
	padding-bottom: 20px;
}
#top_list {
	float: left;
	height: 110px;
	width: 172px;
	margin-top: 10px;
	margin-left: 10px;
}
#top_register {
	clear: both;
	float: left;
	height: 110px;
	width: 172px;
	margin-top: 10px;
	margin-left: 10px;
}
#line_up {
	float: left;
	width: 544px;
	text-align: left;
	margin-right: 20px;
	padding-right: 20px;
	border-right: 1px solid #eee;
}
.line_up_img img { margin: 0px 4px 4px 0px}

#category_list {
	width: 175px;
	float: left;
	text-align: left;
	line-height: 150%;
}
#news {
	float: left;
	width: 350px;
	text-align: left;
	margin-right: 30px;
	padding-right: 29px;
	border-right: 1px solid #eee;
}
#news th {
	width: 90px;
	vertical-align: top;
	font-weight: normal;
	color: #666666;
	text-align: left;
	padding: 3px 3px 3px 0px;
	font-size: small;
}
#news td {
	vertical-align: top;
	font-weight: normal;
	color: #666666;
	text-align: left;
	padding: 3px 3px 3px 0px;
	font-size: small;
}
#campaign {
	float: left;
	width: 350px;
	text-align: left;
}
.cam_banner img { margin: 0px 8px 0px 0px;}

#news2 {
	text-align: left;
	float: left;
	width: 100%;
	margin-bottom: 20px;
	padding-bottom: 20px;
	border-bottom: 1px solid #eee;
}
#news2 th {
	width: 90px;
	vertical-align: top;
	font-weight: normal;
	color: #666666;
	text-align: left;
	padding: 3px 3px 3px 0px;
}
#news2 td {
	vertical-align: top;
	font-weight: normal;
	color: #666666;
	text-align: left;
	padding: 3px 3px 3px 0px;
}
#campaign2 {
	width: 100%;
	text-align: left;
	float: left;
}
a.view_index {
	background: url(/img/item_t_bg.gif) no-repeat 0px 3px;
	float: right;
	width: auto;
	padding-left: 15px;
	margin-bottom: 20px;
}
a:hover.view_index {
	background: url(/img/item_t_bg.gif) no-repeat -510px 3px;
}
.index_title {
	display: block;
	clear: both;
	width: ;
	margin-bottom: 10px;
}
.for_hr {
	/*display: block;*/
	width: 100%;
	border-top: 1px solid #EEE;
	float: left;
	margin-top: 20px;
	height: 20px;
}
.camp_img {
	margin-left: 5px;
	float: left;
}
.line_up {
	display: block;
	float: left;
}
#welcome_img {
	background: url(/img/top_main_img2.jpg);
	float: left;
	height: 120px;
	width: 555px;
	margin-top: 20px;
	margin-bottom: 20px;
}


/*Shaftkk : 20090401*/
.tbl_cinfo {
	margin: 0px;
	padding: 0px;
	width: 760px;
	float: left;
}

.tbl_cinfo table {
	margin: 0px;
	padding: 0px;
}

.tbl_cinfo table th {
	font-size: small;
	font-weight: normal;
	color: #555555;
	background-color: #e7efff;
	border-bottom: 2px solid #FFFFFF;
	width: 180px;
	text-align: left;
	vertical-align: top;
	line-height: 1.5em;
}

.tbl_cinfo table td {
	font-size: small;
	font-weight: normal;
	color: #555555;
	border-bottom: 2px solid #FFFFFF;
	width: 580xp;
	text-align: left;
	vertical-align: top;
	line-height: 1.5em;
}

.tbl_inner td {
	margin: 0px;
	padding: 0px;
	line-height: 1.5em;
}

.must_field {
	color: #FF0000;
	padding: 0px 5px;
}

.tbl_inquire {
	margin: 0px;
	padding: 0px;
	width: 760px;
	float: left;
	text-align: center;
}

.reg_inquire {
	margin: 0px;
	padding: 0px;
	width: 760px;
	float: left;
	text-align: center;
}

.space_30 {
	height: 30px;
}
.reg_inquire h5 {
	color: #555555;
}
.reg_insurance {
	width: 100%;
	text-align: left;
	font-size: small;
	color: #555555;
}

.inquire_txt {
	color: #555555;
	font-size: small;
	text-align: left;
	padding-bottom: 30px;
	line-height: 1.5em;
}

.reg_txt {
	color: #555555;
	font-size: small;
	text-align: left;
	line-height: 1.5em;
	padding-bottom: 20px;
}
.reg_txt_2 {
	color: #555555;
	font-size: small;
	text-align: left;
	line-height: 1.5em;
	padding-bottom: 15px;
}

.reg_btn {
	padding-bottom: 20px;
}

.reg_btn table { margin: 0px auto}

.reg_txt h5,
.reg_btn h5 {
	color: #555555;
	font-size: small;
	text-align: left;
	border: none;
	margin: 0px;
	padding: 0px 0px 10px 0px;
	float: none;
}

.inquire_txt_left {
	text-align: right;
}

.tbl_inquire table {
	margin: 0px auto;
	padding: 0px;
	width: 650px;
}

.tbl_inquire table th {
	font-size: small;
	font-weight: normal;
	color: #555555;
	background-color: #e7efff;
	border-bottom: 2px solid #FFFFFF;
	width: 200px;
	text-align: left;
	vertical-align: top;
	line-height: 1.5em;
}

.tbl_inquire table td {
	font-size: small;
	font-weight: normal;
	color: #555555;
	border-bottom: 2px solid #FFFFFF;
	width: 450xp;
	text-align: left;
	vertical-align: top;
	line-height: 1.5em;
}

.tbl_inquire table td .input_500 {
	width: 430px;
}
.tbl_inquire table td .input_300 {
	width: 300px;
}
.tbl_inquire table td .input_150 {
	width: 150px;
}
.tbl_inquire table td .input_h150 {
	height: 150px;
}
.tbl_inquire table td .input_m10 {
	margin-bottom: 10px;
}
.tbl_inquire table input,
.tbl_inquire table textarea {
	border: 1px solid #CCCCCC;
}
.btn_field {
	text-align: center !important;
}
.btn_field input {
	border: none !important;
}
.reg_support {
	text-align: left;
	width: 450px;
	clear: both;
	overflow: auto;
	height: 200px;
	padding-right: 10px;
	padding-left: 10px;
	margin-bottom: 20px;
	border: 1px solid #CCCCCC;
}
.reg_support h5 { width: 430px;}
.reg_comment {
	clear: both;
	float: left;
	width: 430px;
	display: block;
	text-align: left;
	margin-bottom: 10px;
}

.color_td {
	background-color: #e7efff;
	padding: 10px;
}

html,body {
	height:100%;
	zoom:100%;
}

/*Guide*/

table.tbl_simple,
table.tbl_simple2 {
	width: 550px;
	margin-left: 1px;
	border-collapse: collapse;
}

table.tbl_simple td,
table.tbl_simple th,
table.tbl_simple2 td,
table.tbl_simple2 th {
	border: solid 1px #999999;
}

table.tbl_simple th {
	background-color: #DADADA;
}

table.tbl_simple2 th {
	background-color: #DADADA;
	text-align: left;
}

/*Sitemap*/
#main.long ul.sitemap{
	margin: 0px;
	padding: 0px;
	list-style: none;
	width: 100%;
	clear: both;
	overflow: hidden;
}
#main.long ul.sitemap li{
	margin: 0px 0px 5px 0px;
	/margin: 0px 0px 0px 0px;
	padding: 0px;
	list-style: none;
	text-align: left;
	font-size: 98%;
	height: 17px;
}
#main.long ul.sitemap li a{
	width: auto;
	background: url(/img/item_t_bg.gif) no-repeat left 1px;
	padding-left: 17px;
}
#main.long ul.sitemap li a:hover{
	background: url(/img/item_t_bg.gif) no-repeat -510px 1px;
}

#main.long ul.sitemap_2{
	margin: 0px;
	padding: 0px;
	list-style: none;
	width: 100%;
	clear: both;
	overflow: hidden;
}
#main.long ul.sitemap_2 li{
	margin: 0px 0px 5px 15px;
	/margin: 0px 0px 0px 15px;
	padding: 0px;
	list-style: none;
	text-align: left;
	font-size: 98%;
	height: 17px;
}
#main.long ul.sitemap_2 li a{
	width: auto;
	background: url(/img/item_t_bg.gif) no-repeat left 1px;
	padding-left: 17px;
}
#main.long ul.sitemap_2 li a:hover{
	background: url(/img/item_t_bg.gif) no-repeat -510px 1px;
}

#main.long ul.sitemap_3{
	margin: 0px;
	padding: 0px;
	list-style: none;
	width: 100%;
	clear: both;
	overflow: hidden;
}
#main.long ul.sitemap_3 li{
	margin: 0px 0px 5px 30px;
	/margin: 0px 0px 0px 15px;
	padding: 0px;
	list-style: none;
	text-align: left;
	font-size: 98%;
	height: 17px;
}
#main.long ul.sitemap_3 li a{
	width: auto;
	background: url(/img/item_t_bg.gif) no-repeat left 1px;
	padding-left: 17px;
}
#main.long ul.sitemap_3 li a:hover{
	background: url(/img/item_t_bg.gif) no-repeat -510px 1px;
}


.mm_banner_01 {
	width: 170px;
	height: 49px;
}

.mm_banner_02 {
	width: 180px;
	height: 60px;
	float: left;
	margin-top: 20px;
}

.mm_banner_03 {
	width: 180px;
	height: 120;
	float: left;
	margin-top: 10px;
}

/*News iFrame*/
.news_iframe {
	padding-right: 5px;
	overflow: auto;
	height: 120px;
	margin-bottom: 5px;
}