@charset "UTF-8";



/* styles */
/*/////////////////////////////////////////////////*/

/* main */

div#mainvisual {
	background     : none;
	width          : 700px;
	height         : 280px;
	padding        : 0;
}



/* btn-bbs */

#header div.right div.wrap {
	width          : 350px;
	margin         : 0 0 0 auto;
}

a.btn-bbs {
	text-indent    : -5000px;
	background     : url("btn_bbs.gif");
	width          : 77px;
	height         : 22px;
	display        : block;
	margin         : 6px 0 0 0;
	float          : left;
}

ul#hd-submenu {
	float          : right;
}



/* news */

#news {
	margin-bottom  : 30px;
	background     : url("news_bg.gif");
}

#news div.n-in {
	background     : url("news_bg_top.gif") no-repeat;
}

#news div.n-exin {
	background     : url("news_bg_btm.gif") no-repeat bottom;
}

#news div.loader {
	background     : url("loader.gif") no-repeat 50% 50%;
	height         : 107px;
} 

#news div.title {
	background     : url("news_title.gif");
	height         : 26px;
	position       : relative;
}

#news div.title img {
	display        : block;
}

#news ul.tab {
	width          : 171px;
	height         : 20px;
	position       : absolute;
	top            : 3px;
	right          : 3px;
}

#news ul.tab li {
	width          : 85px;
	height         : 20px;
	float          : left;
}

#news ul.tab li.tab-important { border-right: 1px solid #2c3d6b; }

#news ul.tab li a {
	text-indent    : -5000px;
	background     : url(tab.gif);
	width          : 85px;
	height         : 20px;
	display        : block;
}

#news ul.tab li.tab-important         a { background-position: 0 0; }
#news ul.tab li.tab-important#tab-on  a { background-position: 0 -20px; }
#news ul.tab li.tab-info              a { background-position: 0 -40px; }	
#news ul.tab li.tab-info#tab-on       a { background-position: 0 -60px; }


#news div.important,
#news div.info {
	display        : none;
}

#news div.info ul {
	font-size      : 12px;
	padding        : 10px;
}

#news div.info ul li {
	background     : url("../shared/img/icon_arrow.gif") no-repeat 0px 3px;
	border-bottom  : 1px dotted #999999;
	padding        : 0 0 5px 15px;
	margin         : 0 0 5px 0;
}

#news div.info ul li a span {
	color          : #555555;
	margin         : 0 10px 0 0;
}

#news div.important div.in {
	font-size      : 12px;
	padding        : 15px;
}

#news div.important h3 {
	color          : #444444;
	font-size      : 16px;
	margin         : 0 0 8px 0;
}

#news div.important p {
	font-size      : 12px;
	line-height    : 1.8;
}

#news div.important p em {
	font-weight    : bold;
	font-style     : normal;
	color          : #9A4236
}



/* service-area */

table#service-area {
	width          : 700px;
	margin         : 0 0 30px 0; 
}

table#service-area th,
table#service-area td {
	vertical-align : top;
}

table#service-area th.sa-rows {
	width          : 20px;
	background     : none !important;
}


table#service-area tbody#sa-main th {
	width          : 340px;
	padding        : 0;
}

table#service-area tbody#sa-main td {
	background     : url("reform_bg_main.gif") repeat-y;
	width          : 318px;
	padding        : 10px 11px 0 11px;	
}

table#service-area tbody#sa-main tr.sa-link td {
	padding-bottom : 8px;
}

table#service-area tbody#sa-sub td {
	width          : 340px;
	padding        : 0;
	border-top     : 1px solid #cccccc;
	border-bottom  : 1px solid #cccccc;
}
table#service-area tbody#sa-sub td.sa-reform {
	border-top     : none;
}

table#service-area tbody#sa-sub td.sa-reform { background: url("reform_bg_sub.gif") repeat-y;}
table#service-area tbody#sa-sub td.sa-newhouse { background: url("newhouse_bg.gif") repeat-y;}

table#service-area tbody#sa-sub td.sa-reform div.right,
table#service-area tbody#sa-sub td.sa-reform div.left {
	width          : 170px;
}

table#service-area tbody#sa-sub td.sa-reform div.right p,
table#service-area tbody#sa-sub td.sa-reform div.left p {
	width          : 148px;
	padding        : 10px 11px;
}

table#service-area tbody#sa-sub td.sa-newhouse {
	width          : 318px;
	padding        : 10px 11px;
}

table#service-area tbody#sa-sub td.sa-newhouse h3 {
	margin         : 0 0 10px 0;
}



/* point */

div.point {
	background     : url("point_bg.gif");
	margin         : 0 0 30px 0;
}

div.point div.in { background : url("point_bg_top.gif") no-repeat;}

div.point div.exin {
	background     : url("point_bg_btm.gif") no-repeat bottom;
	padding        : 15px 15px 30px 15px;
}

div.point h2 {
	margin         : 0 0 10px 0;
}

div.point div.left p,
div.point div.left ul {
	margin         : 0 0 10px 0;
}

div.point ul li {
	background     : url("../shared/img/point_icon.gif") no-repeat 0 3px;
	margin         : 0 0 8px 0;
	padding        : 0 0 0 18px;
}

div.point em {
	font-weight    : bold;
	font-style     : normal;
	color          : #7a5816;
}




/* link-area */

div#link-area a.questionnaire {
	text-indent    : -5000px;
	background     : url("links_bg.gif");
	width          : 423px;
	height         : 60px;
	float          : left;
	display        : block;
}

div.banner {
	font-size      : 10px;
	width          : 128px;
	padding        : 0 0 0 10px;
	float          : left;
}

p.b-img {
	margin         : 0 0 5px 0;
}


/* Float Clear */
/*/////////////////////////////////////////////////*/

#news:after,
#news ul.tab:after,
div#link-area:after,
div#link-area ul:after {
	content         : " ";
	height          : 0px;
	clear           : both;
	visibility      : hidden;
	display         : block;
}

#news,
#news ul.tab,
div#link-area
div#link-area ul {
	display         : inline-block;
}

/*\*/
* html #news,
* html #news ul.tab,
* html div#link-area,
* html div#link-area ul {
	height          : 1%;
}

#news,
#news ul.tab,
div#link-area,
div#link-area ul {
	display         : block;
}
/*\*/