/**************************************************
	Portal Template
	2006.10.18
***************************************************/


/* basic elements */
html {
	margin: 0;
	/* setting border: 0 hoses ie6 win window inner well border */
	padding: 0;
	}

body {
	margin: 9px 0 0 0;
	/* setting border: 0 hoses ie5 win window inner well border */
	padding: 0;
	font-family: verdana, 'trebuchet ms', sans-serif;
	font-size: 12px;
	background:#FFF url(images/bg_body01.jpg) repeat-x top;
	text-align: center; /* center on ie */
	}

form, input { margin: 0; padding: 0; }
a { text-decoration: none; }
a img { border: 0; }

h1, h2, h3, h4, h5, h6 { font-weight: normal; }
h1, h2, h3, h4, h5, h6, p, ol, ul, pre, blockquote {
	margin: 0;
	padding: 0;
	}


.clr {
	clear: both;
	}



/* spacer */
.mgt15 { margin-top:15px; }
.mgt20 { margin-top:20px; }
.mgt28 { margin-top:28px; }
.mgb10 { margin-bottom:10px; }







/* footer */
div.pagetop {
	width:760px;
	}

img.btn_pagetop {
	margin:40px 246px 43px 451px;
	}

div.footer {
	width:756px;
	margin-left:2px;
	margin-right:2px;
	background:#327EA7 url(images/bg_footer01.gif) repeat-x top;
	}

.footer p {
	color:#FFF;
	font-size:10px;
	padding-top:17px;
	padding-bottom:8px;
	padding-left:10px;
	}







/* content */
div.main_content {
	position: relative;
	margin: 0 auto; /* center on everything else */
	width: 766px;
	text-align: left;
	background:#FFF url(images/bg_content01.gif) repeat-y;
	}

div.main_content_inner {
	position: static;
	width: 760px;
	margin:0 3px;
	}







/* content left */
div.content_left {
	/*width:514px;*/
	padding:0 0 0 8px;
	float:left;
	/*voice-family:"\"}\"";
	voice-family:inherit;
	width:506px;*/
	}


div.module_title01 {
	width:506px;
	height:33px;
	background:url(images/bg_module_title01.gif) no-repeat;
	}

.module_title01 h1 {
	padding-left:14px;
	padding-top:7px;
	font-size:14px;
	font-weight:bold;
	color:#FFF;
	}

div.packagelist {
	width:506px;
	height:48px;
	background:url(images/bg_packagelist.gif) no-repeat;
}

.packagelist p {
	font-size:12px;
	font-weight:bold;
	color:#135C88;
	padding-top:18px;
	padding-left:36px;
	}

.packagelist a:link, .packagelist a:visited {
	color:#135C88;
	}

.packagelist a:hover {
	color:#4B9CCD;
	text-decoration:underline;
	}

div.package {
	background:url(images/bg_package.gif) repeat-y;
	padding-left:12px;
	width:506px;
	voice-family:"\"}\"";
	voice-family:inherit;
	width:494px;
	}

.table_package {
	width:235px;
	background:#FFF;
	margin-right:12px;
	margin-top:10px;
	border-bottom:1px #D4D4D4 solid;
	float:left;
	}

.td_package01 {
	background:url(images/bg_title_package.gif) no-repeat;
	height:31px;
	}

.td_package01 p {
	padding-top:8px;
	padding-left:25px;
	font-size:12px;
	font-weight:bold;
	color:#FFF;
	}
.td_package01 a:hover {
	color: #DDD;
	text-decoration:underline;
	}

.td_package02 {
	width94px;
	background:#FFF;
	vertical-align:top;
	}

.td_package02 img {
	width:85px;
	margin:12px 6px 12px 3px;
	}

.td_package03 {
	width:141px;
	height:32px;
	background:url(images/bg_title_package2.gif) no-repeat;
	vertical-align:top;
	}

.td_package03 p {
	font-size:12px;
	font-weight:bold;
	color:#666;
	padding-top:11px;
	padding-left:12px;
	}

.td_package03 a:link, .td_package03 a:visited {
	color:#666;
	}

.td_package03 a:hover {
	color:#959595;
	text-decoration:underline;
	}

.td_package04 {
	width:141px;
	vertical-align:top;
	}

.td_package04 p {
	font-size:10px;
	color:#3D3D3D;
	padding-top:5px;
	}

div.package_end {
	width:506px;
	height:14px;
	background:url(images/bg_package_end.gif) no-repeat;
	}



div.module_title02 {
	width:506px;
	height:39px;
	background:url(images/bg_module_title02.gif) no-repeat;
	}

.module_title02 h1 {
	padding-left:22px;
	padding-top:12px;
	font-size:14px;
	font-weight:bold;
	color:#3E3E3E;
	float:left;
	}

.table_pagenav_info {
	float:right;
	font-size:12px;
	margin-top:11px;
	color:#1C6F93;
	}

div.info {
	background:url(images/bg_info.gif) repeat-y;
	width:506px;
	padding:0 18px;
	voice-family:"\"}\"";
	voice-family:inherit;
	width:470px;
	height:auto;
	}

.info_table {
	width:470px;
	font-size:12px;
	}

tr.info_tr01 td.info_td01 {
	color:#0E5A7E;
	font-size:12px;
	border-bottom:1px #E0E4EA solid;
/*	background:url(images/icon_info.gif) no-repeat 0.8em 0.8em;*/
	padding:7px 0 7px 20px;
	width:340px;
	voice-family:"\"}\"";
	voice-family:inherit;
	width:335px;
	}

tr.info_tr01 td.info_td02 {
	color:#3D3D3D;
	font-size:12px;
	border-bottom:1px #E0E4EA solid;
	padding:7px 0 7px 5px;
	width:130px;
	voice-family:"\"}\"";
	voice-family:inherit;
	width:110px;
	}

tr.info_tr02 td.info_td01 {
	font-size:12px;
	color:#0E5A7E;
/*	background:url(images/icon_info.gif) no-repeat 0.8em 0.8em;*/
	padding:7px 0 7px 20px;
	width:340px;
	voice-family:"\"}\"";
	voice-family:inherit;
	width:335px;
	}

tr.info_tr02 td.info_td02 {
	color:#3D3D3D;
	font-size:12px;
	padding:7px 0 7px 5px;
	width:130px;
	voice-family:"\"}\"";
	voice-family:inherit;
	width:110px;
	}

.info_table a:link, .info_table a:visited {
	color:#3D3D3D;
	}

.info_table a:hover {
	color:#717171;
	text-decoration:underline;
	}


div.info_end {
	width:506px;
	height:16px;
	background:url(images/bg_info_end.gif) no-repeat;
	}



div.module_title03 {
	width:506px;
	height:33px;
	background:url(images/bg_module_title03.gif) no-repeat;
	}

.module_title03 h1 {
	padding-left:14px;
	padding-top:7px;
	font-size:14px;
	font-weight:bold;
	color:#FFF;
	}

div.recruit {
	background:url(images/bg_recruit.gif) repeat-y;
	padding-left:12px;
	width:506px;
	voice-family:"\"}\"";
	voice-family:inherit;
	width:494px;
	}

.table_recruit {
	width:235px;
	background:#F3F3F3;
	margin-right:12px;
	margin-top:10px;
	border-bottom:1px #C6DCE3 solid;
	float:left;
	}

.td_recruit01 {
	background:url(images/bg_title_recruit.gif) no-repeat;
	height:22px;
	}

.td_recruit01 p {
	padding-top:4px;
	padding-left:10px;
	font-size:12px;
	font-weight:bold;
	color:#3E3E3E;
	}

.td_recruit02 {
	width:62px;
	border-bottom:1px #FFF solid;
	vertical-align:top;
	}

.td_recruit02 img {
	width:51px;
	margin:8px 5px 8px 6px;
	}

.td_recruit03 {
	width:173px;
	height:28PX;
	background:url(images/bg_title_recruit2.gif) no-repeat;
	vertical-align:top;
	}

.td_recruit03 p {
	padding-top:7px;
	padding-left:1px;
	font-size:12px;
	font-weight:bold;
	color:#31668A;
	}

.td_recruit03 a:link, .td_recruit03 a:visited {
	color:#31668A;
	}

.td_recruit03 a:hover {
	color:#4B9CCD;
	text-decoration:underline;
	}
.td_recruit01 a:link, .td_recruit01 a:visited {
	color:#31668A;
	}

.td_recruit01 a:hover {
	color:#4B9CCD;
	text-decoration:underline;
	}

.td_recruit04 {
	width:173px;
	vertical-align:top;
	border-bottom:1px #FFF solid;
	}

.td_recruit04 p {
	font-size:10px;
	color:#626262;
	padding:3px 3px 5px 1px;
	}

div.recruit_end {
	width:506px;
	height:24px;
	background:url(images/bg_recruit_end.gif) no-repeat;
	}



div.module_title04 {
	width:506px;
	height:27px;
	background:url(images/bg_module_title04.gif) no-repeat;
	}

.module_title04 h1 {
	padding-left:21px;
	padding-top:6px;
	font-size:14px;
	font-weight:bold;
	color:#494538;
	float:left;
	}

.table_pagenav {
	float:right;
	font-size:12px;
	margin-top:6px;
	color:#1C6F93;
	}

.td_pagenav01 {
	padding:0 10px 0 0;
	}

.td_pagenav02 {
	padding:0 15px 0 10px;
	}

div.module_title04_bottom {
	width:506px;
	height:3px;
	background:url(images/bg_module_title04-2.gif) no-repeat;
	}

.table_kiji {
	font-size:12px;
	width:506px;
	}

.td_kiji01 {
	padding:7px 5px 7px 22px;
	background:#ECF3F6 url(images/icon_kiji03.gif) no-repeat 1em 1em;
	}

.td_kiji01 a:link, .td_kiji01 a:visited {
	color:#3476BB;
	}

.td_kiji01 a:hover {
	color:#77B0EA;
	text-decoration:underline;
	}

.td_kiji02 {
	text-align:right;
	vertical-align:top;
	width:70px;
	padding-top:8px;
	}

.td_kiji03 {
	font-size:10px;
	color:#626262;
	width:436px;
	padding:8px 7px 14px 8px;
	vertical-align:top;
	voice-family:"\"}\"";
	voice-family:inherit;
	width:421px;
	}










/* content right */
div.content_right {
	float:right;
	width:234px;
	}

div.content_right_inner {
	background:#F7F5F0;
	padding-bottom:23px;
	}


div.module_title05 {
	width:234px;
	height:43px;
	background:url(images/bg_module_title05.gif) no-repeat;
	}

.module_title05 h1 {
	padding-left:11px;
	padding-top:4px;
	font-size:14px;
	font-weight:bold;
	color:#FFF;
	}

div.boss {
	width:234px;
	text-align:center;
	}

div.boss_text {
	width:214px;
	margin:0 auto;
	background:#DEB7AF;
	font-size:10px;
	color:#FFF;
	text-align:left;
	}

div.profile_text {
	width:214px;
	margin:0 auto;
	background:#939393;
	font-size:10px;
	color:#FFF;
	text-align:left;
	}
	
.profile_text p {
	padding:5px 5px 5px 10px;
	}

.boss_text p {
	padding:5px 5px 5px 10px;
	}

div.boss_pic {
	width:214px;
	background:#FFF;
	margin:0 auto;
	text-align:center;
	padding-top:21px;
	padding-bottom:21px;
	}

.boss_pic img {
	margin:0 auto;
	}



div.module_title06 {
	width:234px;
	height:43px;
	background:url(images/bg_module_title06.gif) no-repeat;
	}

.module_title06 h1 {
	padding-left:11px;
	padding-top:4px;
	font-size:14px;
	font-weight:bold;
	color:#FFF;
	}

div.module_title07 {
	width:234px;
	height:43px;
	background:url(images/bg_module_title07.gif) no-repeat;
	}

.module_title07 h1 {
	padding-left:11px;
	padding-top:4px;
	font-size:14px;
	font-weight:bold;
	color:#FFF;
	}

div.menu {
	width:234px;
	}

.menu p {
	padding:7px 7px 7px 20px;
	font-size:12px;
	font-weight:bold;
	color:#4B6978;
	}

.menu a:link, .menu a:visited {
	color:#4B6978;
	}

.menu a:hover {
	color:#669AB9;
	text-decoration:underline;
	}

div.menu_b {
	width:234px;
	}

.menu_b p {
	padding:7px 7px 7px 20px;
	font-size:12px;
	font-weight:bold;
	color:#444E86;
	}

.menu_b a:link, .menu_b a:visited {
	color:#444E86;
	}

.menu_b a:hover {
	color:#7D87BD;
	text-decoration:underline;
	}

div.menu01 {
	width:222px;
	background:url(images/icon_menu.gif) no-repeat 0.4em 0.8em;
	border-bottom:1px #D0DBDF solid;
	margin:0 6px;
	}

div.menu02 {
	width:222px;
	background:url(images/icon_menu.gif) no-repeat 0.4em 0.8em;
	border-bottom:1px #F7F5F0 solid;
	margin:0 6px;
	}

div.menu03 {
	width:222px;
	background:url(images/icon_menu2.gif) no-repeat 0.4em 0.8em;
	border-bottom:1px #D0DBDF solid;
	margin:0 6px;
	}

div.menu04 {
	width:222px;
	background:url(images/icon_menu2.gif) no-repeat 0.4em 0.8em;
	border-bottom:1px #F7F5F0 solid;
	margin:0 6px;
	}

.comment{
	background-color:#fff;
	padding:5px 5px 15px 5px;
	margin-left:5px;
	margin-right:5px;
	color:#333;
}

.login_pad10 {
	padding-left:10px;
	}

.login_pad80 {
	padding-left:80px;
	}










/* main Visual */
.main_img {
	margin-left: 1px;
	width: 766px;
	height: 200px;
	background-image: url(images/top.jpg);
}
.main_img h1 {
	font-size: 18px;
	color: #fff;
	font-weight: bold;
	padding-top: 51px;
	padding-left: 33px;
	visibility: hidden;
}
.main_img p {
	font-size: 13px;
	color: #fff;
	font-weight: bold;
	padding-top: 22px;
	padding-left: 33px;
	visibility: hidden;
}


/* bread crumb */
.bread {
	margin-left: 4px;
	width: 760px;
	background-image: url(images/cont_back_b.gif);
	background-repeat: repeat-x;
	height: 20px;
}
.bread p {
	padding-top: 0px;
	padding-left: 8px;
	font-size: 12px;
}

.bread p a:link {
	color: #4B6978;
	text-decoration: none;
}
.bread p a:visited {
	color: #4B6978;
	text-decoration: none;
}
.bread p a:hover {
	color: #87A5B4;
	text-decoration: underline;
}


/* contents */

.contents {
	margin-left:4px;
	width: 760px;
}
.contents_l {
	width: 523px;
	float: left;
}
.contents_r {
	width: 237px;
	float: left;
}
.menu {
	background-color: #F6F6F1;
}
.clr {
	clear: both;
	height: 1px;
}


/* PAGETOP */
.f_pagetop {
	margin-top:20px;
	margin-left:437px;
	margin-bottom:20px;
}

/* Entry&Comment */

.ent {
}
.ent a:link {
	font-weight:bold;
	color: #444E86;
	text-decoration: none;
}
.ent a:visited {
	font-weight:bold;
	color: #444E86;
	text-decoration: none;
}
.ent a:hover {
	font-weight:bold;
	text-decoration: underline;
	color: #7D87BD;
}
.ent p {
	font-size: 12px;
	padding:2px 10px 0 28px;
}
.ent_back1 {
	background-image: url(images/cate_head3_back.jpg);
	background-repeat: no-repeat;
}
.ent_list1 {
	background-image: url(images/cate_list3_back.gif);
	background-repeat: no-repeat;
}
.ent h3 {
	margin-left:10px;
	margin-bottom:7px;
	font-size: 14px;
	font-weight: bold;
	color:#fff;
}
.p2 {
	font-weight: normal;
	font-size: 10px;
}
.tab4 {
	background-image: url(images/tab4.gif);
	background-repeat: repeat-y;
}
.css_btn {
	margin-left: 496px;
}



/* basic boxtype */

.basic_box {
	padding-left:8px;
	width: 506px;
}
.tab1 {
	width: 500px;
	background-image: url(images/tab1.gif);
	background-repeat: no-repeat;	
}
.tab1 h4 {
	font-size: 12px;
	color: #666;
	padding: 12px 5px 10px 21px;
}
.tab1 h5 {
	font-size: 14px;
	font-weight: bold;
	padding: 12px 5px 10px 15px;
}
.tab2 {
	margin:10px 15px 15px 15px;
}
.tab3 {
	width: 490px;
	background-image: url(images/tab3_back.gif);
	background-repeat: repeat-x;
	height: 74px;
	padding: 0;
}
.tab3 p {
	padding-top:20px;
	font-size: 10px;
	width: 490px;
	text-align: right;
}
.tab_menu {
	margin-top: 30px;
	text-align: center;
}

.tab1backs {
	width: 500px;
	background-image: url(images/tab1b.gif);
	background-repeat: no-repeat;	
}
.tab1backs h4 {
	font-size: 12px;
	color: #666;
	padding: 12px 5px 10px 21px;
}
.tab1backs h5 {
	font-size: 14px;
	font-weight: bold;
	padding: 12px 5px 10px 21px;
}


h2 {
	font-size:12px;
	font-weight:bold;
	color:#666;
}

/* basic boxtype 2 */


.track_tab1 {
	background-image: url(images/cate_head5_back.jpg);
	background-repeat: no-repeat;	
	heigth:35px;
}
.track_tab1 h3 {
	color:#4B4B4B;
	font-size: 14px;
	font-weight: bold;
	padding: 3px 5px 28px 21px;
}
.track_tab2 {
}
.track_tab2 .li1 {
	padding-top:8px;
	list-style-type: none;
}
.track_tab2 ul p {
	margin-top:8px;
	margin-bottom:15px;
	font-size:11px;
}
.track_tab2 .li2 {
	margin-top:5px;
	list-style-image: url(images/icon_form.gif);
}
.tra_tit {
	padding:5px 0 5px 5px;
	/*margin-left:10px;
	margin-right:10px;*/
	background-color:#E3EEF2;
}
.tra_comment {
	padding:5px 0 5px 20px;
}
.tra_time {
	padding:10px 0 10px 0;
	font-size:10px;
	text-align:right;
}


/* input */

.track_tab2 form p {
	margin-top:8px;
}
.track_tab2 textarea,.track_tab2 input {
	background-color:#fff;
	border: 1px solid #ACACAC;
}

.sends {
	padding-left:40px;
}

.btn2{
	padding-left:18px;
}
h6 {
	padding-top:5px;
	padding-bottom:5px;
	font-size:12px;
	font-weight:bold;
	color:#930;
}

.info #group_01 {background:url(images/icon_info03.gif) no-repeat 0.3em 0.6em;}
.info #group_02 {background:url(images/icon_info01.gif) no-repeat 0.3em 0.6em;}
.info #group_03 {background:url(images/icon_info02.gif) no-repeat 0.3em 0.6em;}
.info #group_04 {background:url(images/icon_info06.gif) no-repeat 0.3em 0.6em;}
.info #group_05 {background:url(images/icon_info05.gif) no-repeat 0.3em 0.6em;}
.info #group_06 {background:url(images/icon_info06.gif) no-repeat 0.3em 0.6em;}
.info #group_07 {background:url(images/icon_info07.gif) no-repeat 0.3em 0.6em;}
.info #group_08 {background:url(images/icon_info08.gif) no-repeat 0.3em 0.6em;}
.info #group_09 {background:url(images/icon_info09.gif) no-repeat 0.3em 0.6em;}
.info #group_10 {background:url(images/icon_info10.gif) no-repeat 0.3em 0.6em;}
.info #group_11 {background:url(images/icon_info11.gif) no-repeat 0.3em 0.6em;}
.info #group_12 {background:url(images/icon_info12.gif) no-repeat 0.3em 0.6em;}
.info #group_13 {background:url(images/icon_info13.gif) no-repeat 0.3em 0.6em;}
.info #group_14 {background:url(images/icon_info14.gif) no-repeat 0.3em 0.6em;}


.supply a {
	display:block;
	width: 500px;
	height: 80px;
	background:url(images/shop.jpg) center top;
	overflow:hidden;
}

.supply a:hover {
	display:block;
	width: 500px;
	height: 80px;
	background:url(images/shop.jpg) center bottom;
	overflow:hidden;
}

.img_h5 {
	vertical-align: -3px;
}

.partner a {
    text-indent: -9999px;
    text-indent: -9999px;
	display:block;
	width: 500px;
	height: 80px;
	background:url(images/partner.jpg) no-repeat;
	background-position: 0px -80px;
}

.partner a:hover {
	width: 500px;
	height: 80px;
	background-position: 0px 0px;
}