@charset "utf-8";
/* ----------------------------------------------------------------- COMMON CSS */
div#container {
	clear:both;
	width:900px;
	margin: 0px auto;
	padding:10px 0px 0px;
	text-align:left;
	background: url(../../img/top.jpg) no-repeat left 10px;
}
div#container div#page-left {
	float:left;
	width:681px;
	margin: 0px;
	padding:0px;
	text-align:left;
}
div#container div#page-left p#main-image {
	clear:both;
	width:681px;
	padding:0px 0px 10px;
	overflow:hidden
}

/* SERVICE CSS
----------------------------------------------------------------- */
div#container div#service-area {
	width:659px;
	background:url(../../img/bg_service.gif) repeat-y left top;
	padding:0px;
}
div#container div#service-area div#ttl-area {
	width:659px;
	padding:0px 0px 17px;
	background:url(../../img/bg_service_ttl_area_bottom.gif) no-repeat left bottom;
	text-align:center;
}
div#container div#service-area div#ttl-area h2 {
	width:643px;
	margin: 0px 8px;
	padding:8px 0px;
	text-align:center;
	background: #009933;
	line-height: 120%;
	color: #FFFFFF;
	font-size: 120%;
	font-weight: bold;
}
div#container div#service-area div#service-info {
	width:659px;
	background:url(../../img/bg_service_bottom.gif) no-repeat left bottom;
}
div#container div#service-area div#service-info div#service-box {
	width:643px;
	margin: 0px 8px;
	background: url(../../img/bg_service_info.gif) repeat-y left top;
}
div#container div#service-area div#service-info div#service-box div#service-box-basic {
	float:left;
	width:277px;	
}
div#container div#service-area div#service-info div#service-box div#service-box-basic ul {
	width:263px;
	margin: 0px 7px;
	padding: 7px 0px 0px;	
}
div#container div#service-area div#service-info div#service-box div#service-box-basic ul li {
	width:263px;
}
div#container div#service-area div#service-info div#service-box div#service-box-basic ul li a {
	display:block;
	padding: 3px 0px 3px 17px;
	background: url(../../img/arw_basic.gif) no-repeat left 3px;
	font-weight: normal;
}
div#container div#service-area div#service-info div#service-box div#service-box-option {
	float:right;
	width:341px;
}
div#container div#service-area div#service-info div#service-box div#service-box-option div#option-box {
	width:334px;
	margin: 0px 0px 0px 7px;
	padding: 10px 0px 0px;
}
div#container div#service-area div#service-info div#service-box div#service-box-option div#option-box h4 {
	padding: 0px 0px 8px 35px;
	background: url(../../img/ico_mail.gif) no-repeat left 2px;
	font-size: 100%;
	line-height: 120%;
}
div#container div#service-area div#service-info div#service-box div#service-box-option div#option-box ul#mail-menu {
	padding: 0px 0px 0px 10px;
}
div#container div#service-area div#service-info div#service-box div#service-box-option div#option-box ul#mail-menu li {
	padding: 0px 0px 5px 0px;
}
div#container div#service-area div#service-info div#service-box div#service-box-option div#option-box ul#mail-menu li a {
	display:block;
	padding: 0px 0px 0px 12px;
	background: url(../../img/arw_option.gif) no-repeat left 3px;
	font-weight: normal;
}
div#container div#service-area div#service-info div#service-box div#service-box-option div#option-box ul#banner-menu {
	padding: 12px 0px 0px 0px;
	background: url(../img/bg_line_dot_1px.gif) repeat-x left top;
}
div#container div#service-area div#service-info div#service-box div#service-box-option div#option-box ul#banner-menu li {
	float:left;	
	height:59px;
	overflow:hidden;
}
div#container div#service-area div#service-info div#service-box div#service-box-option div#option-box ul#banner-menu li.right {
	float:right;
	text-align:right;
}

/* NEWS CSS
----------------------------------------------------------------- */
div#container div#news-area {
	width:659px;
	background:url(../../img/bg_news.gif) repeat-y left top;
}
div#container div#news-area div#news-ttl {
	width:659px;
	background:url(../../img/bg_news_ttl.gif) repeat left top;
}
div#container div#news-area div#news-ttl h2 {
	float:left;
	width:400px;
	padding: 7px 0px 0px 10px;
	font-size: 120%;
	line-height: 120%;
}
div#container div#news-area div#news-ttl p {
	float:right;
	width:113px;
	padding: 6px 0px 0px;	
}
div#container div#news-area ul#news {
	width:659px;
	padding: 7px 0px 7px;		
	background:url(../../img/bg_news_bottom.gif) no-repeat left bottom;
}
div#container div#news-area ul#news li {
	width:625px;
	margin: 0px 17px;
	padding: 2px 0px 0px;		
	background: url(../img/bg_line_dot_1px.gif) repeat-x left top;
}
div#container div#news-area ul#news li.start {
	background: url(none);
	padding: 0px 0px 0px;	
}
div#container div#news-area ul#news li strong {
	display:block;
	padding: 8px 0px 5px 86px;
	line-height: 120%;
}
div#container div#news-area ul#news li .red{
	color: #e60012;
}
div#container div#news-area ul#news li a {
	display:block;
	padding: 0px 0px 10px 86px;
	font-weight: normal;
}
div#container div#news-area ul#news li .servicenews {
	background: url(../../img/ico_newsservice.gif) no-repeat left 8px;
}
div#container div#news-area ul#news li .importantnews {
	background: url(../../img/ico_newsimportant.gif) no-repeat left 8px;
}
div#container div#news-area ul#news li .campaignnews {
	background: url(../../img/ico_newscampaign.gif) no-repeat left 8px;
}
div#container div#news-area ul#news li .defaultnews {
	background: url(../../img/ico_newsdefault.gif) no-repeat left 8px;
}
div#container div#news-area ul#news li .newsservice {
	background: url(../../img/ico_newsservice.gif) no-repeat left 8px;
}
div#container div#news-area ul#news li .newsimportant {
	background: url(../../img/ico_newsimportant.gif) no-repeat left 8px;
}
div#container div#news-area ul#news li .newscampaign {
	background: url(../../img/ico_newscampaign.gif) no-repeat left 8px;
}
div#container div#news-area ul#news li .newsdefault {
	background: url(../../img/ico_newsdefault.gif) no-repeat left 8px;
}
/* ----------------------------------------------------------------- RIGHT CONTENTS CSS */
div#container div#page-right {
	float:right;
	width:219px;
	margin: 0px;
	padding: 0px;
	text-align:left;
}
div#container div#page-right-top {
	padding: 0px 0px 32px 0px;
	background: url(../../img/bg_line_right.gif) no-repeat left bottom;
}

/* SEARCH CSS
----------------------------------------------------------------- */
div#container div#search-area {
	width:219px;
	font-size: 80%;
	line-height: 120%;
	background:url(../../img/bg_search.gif) repeat-y left bottom;
}
div#container div#search-area form {
	width:205px;
	margin: 0px 7px;
}
div#container div#search-area form div#search-txt {
	float:left;
	width:158px;
	margin: 0px;
}
div#container div#search-area form div#search-submit {
	float:right;
	width:42px;
	margin: 0px;
	text-align:right;
}
div#container div#search-area form div#search-hidden {
	display: none;
}

/* APPLY CSS
----------------------------------------------------------------- */
div#container div#apply-area {
	width:219px;
	padding: 0px 0px 10px;
	background: url(../../img/bg_apply_area.gif) no-repeat left bottom;
	text-align:center;
}

/* CONTACT CSS
----------------------------------------------------------------- */
div#container div#contact-area {
	width:219px;
	padding: 0px 0px 8px;
	background: url(../../img/bg_contact.gif) no-repeat left bottom;
}

/* MEMBER CSS
----------------------------------------------------------------- */
div#container div#member-area {
	width:219px;
	padding: 0px 0px 4px;
	background: #dadada url(../../img/bg_member_bottom.gif) no-repeat left bottom;
	overflow: hidden;
}
div#container div#member-area div.descbox {
	width:213px;
	margin: 0px 3px;
	padding: 5px 0px 4px;
	background: #FFF url(../../img/bg_member_descbox.gif) no-repeat left bottom;
}
div#container div#member-area div.descbox p {
	line-height: 140%;
}
div#container div#member-area div.descbox p.btn {
	padding: 0px 0px 8px;
}
div#container div#member-area div.descbox ul#user {
	width:179px;
	margin: 0px 15px 5px;
	padding: 0px 0px 1px;
	background: url(../img/bg_line_dot_1px.gif) repeat-x left bottom;
}
div#container div#member-area div.descbox ul#user li {
	width:179px;
	background: url(../img/bg_line_dot_1px.gif) repeat-x left top;
}
div#container div#member-area div.descbox ul#user li a {
	display:block;
	padding: 6px 0px 4px 20px;
	line-height: 120%;
	background: url(../../img/arw_small.gif) no-repeat 9px 11px;
}