﻿/*layout*/
/*------------------------------------------------------------------------------*/

#wrapper{
	width:100%;
	min-width:1000px;
	background:url(../image/common/bg_wrapper_top.jpg) repeat-x;
	text-align:center;
}
#common #wrapper{
	background:url(../image/common/bg_wrapper.jpg) no-repeat center top;
}

#container{
	width:1000px;
	margin:0 auto;
	text-align:left;
}

#header{
	width:1000px;
	height:107px;
	margin:0 auto;
	position:relative;
}
#header h1{
	font-size:11px;
	line-height:12px;
	position:absolute;
	top:10px;
	left:0px;
	color:#666;
}
#logo{
	position:absolute;
	top:35px;
	left:0px;
}
#headnav{
	position:absolute;
	top:32px;
	right:405px;
}
#headnav li{
	float:left;
	background:url(../image/common/arr.gif) no-repeat 0 3px;
	padding-left:10px;
	margin-right:10px;
	font-size:11px;
	line-height:12px;
}
.header_contact{
	position:absolute;
	top:23px;
	right:0;
}
.header_tel{
	position:absolute;
	top:29px;
	right:217px;
}

#contents{
	width:1000px;
	margin:0 auto 100px auto;
	text-align:left;
}
#contents_left{
	width:730px;
	min-height:300px;
	float:left;
}
#contents_right{
	width:240px;
	float:right;
	margin-top:166px;
}

#footer_wrapper{
	width:100%;
	height:240px;
	background:url(../image/common/bg_footer_wrapper.gif) repeat-x;
	text-align:left;
}
#footer{
	width:1000px;
	height:240px;
	margin:0 auto;
	position:relative;
}
.p_mark {
	position:absolute;
	top:80px;
	right:12px;
}

#footnav {
	font-size:11px;
	line-height:12px;
	position:absolute;
	bottom:15px;
	left:0;
}
#footnav li{
	float:left;
	margin-right:20px;
}

#footer_menu {
	position:relative;
	width:1000px;
}
#footer_menu .title {
	font-size:14px;
	font-weight:bold;
}
#footer_menu .title a {
	font-size:14px;
	color:#000;
	text-decoration:none;
	height:50px;
	display:block;
	text-align:center;
	line-height:50px;
}
#footer_menu li {
	background:url(../image/common/arr3.gif) no-repeat 0 11px;
	padding:5px 0 5px 10px;
	margin-left:12px;
}
#footer_menu ul {
	margin-top:24px;
}

.footer_menu01 {
	width:128px;
	position:absolute;
	top:0;
	left:0;
}
.footer_menu01 .title a {
	width:128px;
}

.footer_menu02 {
	width:173px;
	position:absolute;
	top:0;
	left:128px;
}
.footer_menu02 .title a {
	width:173px;
}
.footer_menu02 ul{
	width:85px;
	float:left;
}
.footer_menu03 {
	width:177px;
	position:absolute;
	top:0;
	left:301px;
}
.footer_menu03 .title a {
	width:177px;
}

.footer_menu04 {
	width:138px;
	position:absolute;
	top:0;
	left:478px;
}
.footer_menu04 .title a {
	width:138px;
}

.footer_menu05 {
	width:133px;
	position:absolute;
	top:0;
	left:616px;
}
.footer_menu05 .title a {
	width:133px;
}

.footer_menu06 {
	width:139px;
	position:absolute;
	top:0;
	left:749px;
}
.footer_menu06 .title a {
	width:139px;
}

#copyright{
	font-size:11px;
	line-height:12px;
	color:#666;
	position:absolute;
	bottom:15px;
	right:0;
}

.pagetop {
    background: url(../image/common/pagetop.gif) no-repeat scroll 0 0 transparent;
    height: 0;
    overflow: hidden;
    padding-top: 30px;
    width: 30px;
}

#locator{
	width:1000px;
	font-size:11px;
	line-height:12px;
	text-align:right;
	position:absolute;
	top:240px;
	
}
#locator a{
	color:#1E8ECD;
}

/*globalnav*/
/*------------------------------------------------------------------------------*/

#globalnav {
	width:735px;
	height:30px;
	position:absolute;
	top:67px;
	right:0;
}
#common #globalnav {margin:0 auto;}

#globalnav ul{list-style-type:none;}

#globalnav ul li{
	float:left;
	text-indent:-9999px;
}

#globalnav ul li a{
	height:30px;
	background-image:url(../image/common/nav.gif);
	display:block;
	overflow:hidden;
}

#globalnav01 a{ background-position:0px 0px; width: 101px;} 
#globalnav02 a{ background-position:-101px 0px; width: 110px;}
#globalnav03 a{ background-position:-211px 0px; width: 100px;}
#globalnav04 a{ background-position:-311px 0px; width: 80px;}
#globalnav05 a{ background-position:-391px 0px; width: 140px;}
#globalnav06 a{ background-position:-531px 0px; width: 130px;}
#globalnav07 a{ background-position:-661px 0px; width: 74px;}

#globalnav01 a:hover, #globalnav01.main_current a{ background-position:0px -30px; width: 101px;} 
#globalnav02 a:hover, #globalnav02.main_current a{ background-position:-101px -30px; width: 110px;}
#globalnav03 a:hover, #globalnav03.main_current a{ background-position:-211px -30px; width: 100px;}
#globalnav04 a:hover, #globalnav04.main_current a{ background-position:-311px -30px; width: 80px;}
#globalnav05 a:hover, #globalnav05.main_current a{ background-position:-391px -30px; width: 140px;}
#globalnav06 a:hover, #globalnav06.main_current a{ background-position:-531px -30px; width: 130px;}
#globalnav07 a:hover, #globalnav07.main_current a{ background-position:-661px -30px; width: 74px;}


/*subnav*/
/*------------------------------------------------------------------------------*/

#subnav {
	width:240px;
	margin-bottom:30px;
	padding-bottom:5px;
	border-bottom:1px solid #CCC;
}
#subnav ul{list-style-type:none;}

#subnav_title a{
	width:240px;
	height:45px;
	background:#1E8FCE;
	line-height:45px;
	text-align:center;
	color:#FFF;
	font-size:14px;
	font-weight:bold;
	display:block;
	overflow:hidden;
}
#subnav_title a:hover {
	text-decoration:underline;
}
#subnav li a{
	width:240px;
	height:40px;
	background:url(../image/common/subnav01.gif) no-repeat;
	line-height:40px;
	text-indent:35px;
	font-size:13px;
	color:#333;
	display:block;
	overflow:hidden;
}
#subnav li a:hover,#subnav ul li.current a,#subnav ul li.current a:hover{
	background:url(../image/common/subnav01_ov.gif) no-repeat;
	text-decoration:none;
	color:#1E8FCE;
}
#subnav li.current ul li a{
	width:240px;
	height:36px;
	background:url(../image/common/subnav02.gif) no-repeat;
	line-height:36px;
	text-indent:50px;
	font-size:12px;
	color:#333;
	display:block;
	overflow:hidden;
	font-weight:normal;
}
#subnav li.current ul li a:hover,#subnav li.current ul li.current a{
	background:url(../image/common/subnav02_ov.gif) no-repeat;
	color:#1E8FCE;
}
#subnav li.current ul li.current ul li a{
	width:240px;
	height:34px;
	background:url(../image/common/subnav03.gif) no-repeat;
	line-height:34px;
	text-indent:70px;
	font-size:11px;
	color:#333;
	display:block;
	overflow:hidden;
	font-weight:normal;
}

#subnav li.current ul li.current ul li a:hover{
	background:url(../image/common/subnav03_ov.gif) no-repeat;
	color:#1E8FCE;
}

/*global*/
/*------------------------------------------------------------------------------*/

.subtitle02 {
	width:730px;
	height:120px;
	line-height:120px;
	font-size:28px;
	color:#333;
	overflow:hidden;
	margin-bottom:48px;
}
.subtitle02 span {
	color:#EA0027;
	font-size:16px;
	margin-left:30px;s
}

.subtitle03 {
	width:730px;
	height:42px;
	background:url(../image/common/subtitle03.gif) no-repeat;
	line-height:42px;
	font-size:18px;
	color:#333;
	margin-bottom:25px;
	overflow:hidden;
}

.subtitle04 {
	background:url(../image/common/subtitle04.jpg) no-repeat 0 0;
	width:100%;
	font-size:14px;
	line-height:32px;
	height:32px;
	margin-bottom:20px;
	overflow:hidden;
	text-indent:20px;
}

.subtitle05 {
	font-size:13px;
	font-weight:bold;
	padding:2px 2px 2px 15px;
	margin-bottom:15px;
	background:url(../image/common/subtitle05.gif) no-repeat 0 10px;
}

/*sub common*/
/*------------------------------------------------------------------------------*/

a.linkred {
	font-size:11px;
	color:#333;
	padding:5px 10px 5px 20px;
	border:1px solid #F57186;
	border-radius:5px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	background:url(../image/common/arr.gif) no-repeat 7px center #FFF;
	text-decoration:none;
}
a:hover.linkred {
	background:url(../image/common/arr2.gif) no-repeat 7px center #F57186;
	color: #FFF;
}

a.linkblue {
	font-size:11px;
	color:#333;
	padding:5px 10px 5px 20px;
	border:1px solid #1E8FCE;
	border-radius:5px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	background:url(../image/common/arr3.gif) no-repeat 7px center #FFF;
	text-decoration:none;
}
a:hover.linkblue {
	background:url(../image/common/blue_arr2.gif) no-repeat 7px center #1E8FCE;
	color: #FFF;
}

.box2{width:100%; clear:both; overflow:hidden;}
.box2:before, .box2:after { content: ""; display: block;}
.box2:after { clear: both;}

.box2_left{
	width:355px;
	float:left;
}
.box2_right{
	width:355px;
	float:right;
}

.box3{width:100%; clear:both; overflow:hidden;}
.box3:before, .box3:after { content: ""; display: block;}
.box3:after { clear: both;}

.box3_left{
	width:230px;
	float:left;
	margin-right:20px;
}
.box3_center{
	width:230px;
	float:left;
}
.box3_right{
	width:230px;
	float:right;
}

.box4{width:100%; clear:both; overflow:hidden;}
.box4:before, .box4:after { content: ""; display: block;}
.box4:after { clear: both;}

.box4_left{
	width:175px;
	float:left;
	margin-right:10px;
}
.box4_right{
	width:170px;
	float:right;
}
.contact_box{
	width:630px;
	height:128px;
	position:relative;
	margin:70px auto 0 auto;
	background:url(../image/common/contact_box.jpg) no-repeat;
}
.contact_box_web{
	position:absolute;
	bottom:36px;
	right:68px;
}
.contact_box_tel{
	position:absolute;
	bottom:45px;
	left:67px;
}

/*table*/
/*------------------------------------------------------------------------------*/

table.tab{
	border-collapse:collapse;
	border:1px solid #cccccc;
}
table.tab td{
	border:1px solid #cccccc;
	padding:5px 10px;
}
table.tab td td{
	border:none;
	padding:0;
}
table.tab td.highlight{background-color:#EFEFEF; font-weight:bold;}
table.tab td.none_boder{border:none;}



/*------------------------------------------------------------------------------*/
/*top*/
/*------------------------------------------------------------------------------*/

#top_box01 {
	width:1000px;
	margin-right:auto;
	margin-left:auto;
	height:auto;
}
#top_box01 h2 {
	text-align:center;
	font-size:32px;
	margin-bottom:5px;
}
#top_box01 h2 span {
	display:block;
	font-size:16px;
	color:#EA0027;
	margin-top:10px;
}

#top_box02 {
	background:#FEE2E6;
	padding:50px 0;
}
#top_box02_in {
	width:1000px;
	margin-right:auto;
	margin-left:auto;
	height:auto;
}

#top_box03 {
	width:1000px;
	margin-right:auto;
	margin-left:auto;
	height:auto;
	padding:40px 0 60px 0;
}
#top_box03 h2 {
	text-align:center;
	font-size:32px;
	margin-bottom:5px;
}
#top_box03 h2 span {
	display:block;
	font-size:16px;
	color:#1E8FCE;
	margin-top:10px;
}

#top_box04 {
	padding:30px 0 50px 0;
	border-top:1px solid #DDD;
	text-align:left;
}
#top_box04_in {
	width:1000px;
	margin-right:auto;
	margin-left:auto;
	height:auto;
}
#top_rss_box{
	width:730px;
	float:left;
}
#top_box04_right {
	width:230px;
	float:right;
	padding:0 10px;
	margin-top:25px;
}

/*top rss*/
/*------------------------------------------------------------------------------*/

#top_rss_box{ clear:both;}

.top_title_news{
	width:730px;
	height:60px;
	line-height:60px;
	position:relative;
	margin-bottom:10px;
	background:url(../image/common/top_title_news.jpg) no-repeat;
	font-size:26px;
}
.top_title_news span{
	font-size:15px;
	margin-left:30px;
}

#top_rss_box dl:before, #top_rss_box dl:after { content: ""; display: block; }
#top_rss_box dl:after { clear: both; }
#top_rss_box dl { zoom: 1; border-bottom:dotted 1px #CCC; padding:20px 0; }

#top_rss_box .rss_date{
	clear:both;
	width:90px;
	float:left;
}
#top_rss_box .rss_title{
	width:620px;
	float:right;
}
#top_rss_box .rss_title a{
	color:#0084CB;
}
#top_rss_box .rss_contents{ display:none;}


/*sub rss*/
/*------------------------------------------------------------------------------*/

#sub_rss_box dl:before, #sub_rss_box dl:after { content: ""; display: block; }
#sub_rss_box dl:after { clear: both; }
#sub_rss_box dl { zoom: 1; border-bottom:dotted 1px #CCC; padding:5px 0; }

#sub_rss_box .rss_date{
	clear:both;
	width:120px;
	float:left;
}
#sub_rss_box .rss_title{
	width:590px;
	float:right;
}
#sub_rss_box .rss_contents{ 
	clear:both;
	padding:0 0 0 140px;
}


/*side*/
/*------------------------------------------------------------------------------*/

#slide_box{
	border:solid 1px #CCCCCC;
	padding:9px;
	margin-bottom:30px;
}
#slide_box h3{margin-bottom:10px;}

#side_contact_box{
	width:218px;
	height:168px;
	margin-bottom:30px;
	border:solid 1px #CCCCCC;
	position:relative;
}
.side_contact_title{
	position:absolute;
	top:10px;
	left:24px;
}
.side_contact_btn01,.side_contact_btn02{
	position:absolute;
	left:10px;
}
.side_contact_btn01{top:50px;}
.side_contact_btn02{bottom:10px;}

.banner_list li{ margin-bottom:20px;}

.side_feature {
	width:220px;
	padding:10px 10px 30px 10px;
	background:url(../image/common/bg_side_feature.jpg) no-repeat center bottom #EAF7FD;
	margin-bottom:20px;
}
.side_feature h4 {
	margin-bottom:10px;
}


/*sub sample*/
/*------------------------------------------------------------------------------*/

.sub_box03_sample{
	width:210px;
	border:solid 1px #CCCCCC;
	padding:9px;
}
.sub_box04_sample{
	width:155px;
	border:solid 1px #CCCCCC;
	padding:9px;
}

.sub_icon_box_sample{
	border:double 3px #CCCCCC;
	padding:10px 10px 5px 10px;
}
.sub_icon_table_sample td{
	background:url(../image/common/icon.gif) no-repeat 0 5px;
	padding:0 0 5px 20px;
}


/*feature box*/
/*------------------------------------------------------------------------------*/

.feature_box {
	width:690px;
	height:auto;
	border:1px solid #CCC;
	padding:20px;
	margin-bottom:30px;
}
.feature_box_left {
	width:215px;
	float:left;
	border-right:1px solid #CCC;
}
.feature_box_right {
	width:454px;
	float:right;
	padding:5px 0 5px 20px;
}
.feature_box h4 {
	font-size:16px;
	color:#0084CB;
	margin-bottom:10px;
	line-height:150%;
}


/*service_box1*/
/*------------------------------------------------------------------------------*/

.service_img img{border:1px solid #EBEBEB;}
.service_img{
	background:url(../image/service_img_bg.jpg) no-repeat center bottom;
	padding-bottom:13px;
}


/*service_box1*/
/*------------------------------------------------------------------------------*/

.title_case{
	float:left;
	min-width:70px;
	border-bottom:2px solid #1e8fce;
	font-size:18px;
	font-weight:bold;
	line-height:40px;
	color:#1e8fce;
}
.title_case_txt{
	float:right;
	min-width:648px;
	border-bottom:2px solid #E8E8E8;
	font-size:18px;
	line-height:40px;
	padding-left:12px;
}


/*direct_dealing*/
/*------------------------------------------------------------------------------*/

.direct_dealing_flow li{float:left;}


/*faq*/
/*------------------------------------------------------------------------------*/

.faq_q{
	border-bottom:1px solid #E0E0E0;
	background:url(../image/common/faq_q.gif) no-repeat;
	font-size:16px;
	line-height:20px;
	padding-left:30px;
	padding-bottom:10px;
	margin-bottom:9px;
}
.faq_a{
	background:url(../image/common/faq_a.gif) no-repeat;
	padding-left:30px;
	padding-top:3px;
}


/*management_philosophy*/
/*------------------------------------------------------------------------------*/

.management_philosophy_box1{
	width:730px;
	background:url(../image/common/management_philosophy_box1_bg.jpg) no-repeat center bottom;
	padding-bottom:12px;
	margin-bottom:20px;
	
}
.management_philosophy_box1 .management_philosophy_box1_in{
	border:1px solid #CCC;
	border-top:2px solid #4EA2CF;
}
.management_philosophy_box1 .management_philosophy_box1_in h4{
	font-size:17px;
	line-height:18px;
	color:#1E8CCC;
	padding:18px 10px 20px;
}
.management_philosophy_box1_txt, .management_philosophy_box2_txt, .management_philosophy_box3_txt{
	padding:0 10px 15px;
}

.management_philosophy_box2{
	width:730px;
	background:url(../image/common/management_philosophy_box1_bg.jpg) no-repeat center bottom;
	padding-bottom:12px;
	margin-bottom:20px;
}
.management_philosophy_box2 .management_philosophy_box2_in{
	border:1px solid #CCC;
	border-top:2px solid #FF6883;
}
.management_philosophy_box2 .management_philosophy_box2_in h4{
	font-size:17px;
	line-height:18px;
	color:#FF6883;
	padding:18px 10px 20px;
}

.management_philosophy_box3{
	width:730px;
	background:url(../image/common/management_philosophy_box1_bg.jpg) no-repeat center bottom;
	padding-bottom:12px;
	margin-bottom:50px;
}
.management_philosophy_box3 .management_philosophy_box3_in{
	border:1px solid #CCC;
	border-top:2px solid #00B17B;
}
.management_philosophy_box3 .management_philosophy_box3_in h4{
	font-size:17px;
	line-height:18px;
	color:#00B17B;
	padding:18px 10px 20px;
}

.management_philosophy_box2_title{
	font-size:20px;
	line-height:21px;
	color:#1E8ECD;
	padding:15px 0 15px 0;
}
.management_philosophy_box2_txt p{text-align:left;}


/*agent_sales*/
/*------------------------------------------------------------------------------*/

.agent_img {
	width: 230px;
	height:150px;
	position: relative;
}
.agent_img span {
	position: absolute;
	top: 0;
	left: 0;
	background:#1E8FCE;
	color: #FFF;
	padding: 5px 10px;
}

/*simtemap*/
/*------------------------------------------------------------------------------*/

.sitemap { margin-left:20px; padding-top:10px;}
.sitemap li{
	list-style:none;
	background:url(../image/common/arr.gif) no-repeat 0 5px;
	padding:0 0 0 12px;
	margin:10px 0px;
}
.sitemap ul{ padding:0 0 5px 30px;}
.sitemap ul li{
	background:none;
	list-style:square;
	padding:0 0 0 0;
	margin:5px 0px;
}
.sitemap ul ul{ padding:0 0 5px 30px;}
.sitemap ul ul li{
	background:none;
	list-style:none;
}


/*------------------------------------------------------------------------------*/


