@charset "UTF-8";

/*--------------------------------------
	Style Name : Construct Style
--------------------------------------*/


/*	Global Navigation
--------------------------------------*/

#globalnavi {
	margin-top: 0;
}

/*--------------------------------------
	Header Area
--------------------------------------*/

#area_lead {
	background: url(/common/img/texture_lead_01.png) repeat-x 0 0;
	border-top: 1px solid #d9d9d9;
	margin-top: -13px;
	position: relative;
	z-index: 1;
	zoom: 1;
}
#area_lead:after{display:block;clear:both;height:0px;content:url('data:image/gif;base64,R0lGODlhAQABAIAAAAAAAAAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==');}
@media print{
#area_lead:after{display:table;width:100%;font-size:0;line-height:0;}
}
#area_lead .inner{width:954px;margin:0 auto;padding:10px 3px 0 3px;}
#area_lead .banner{float:left;width:668px;}
#area_lead .update{float:right;width:265px;padding:0 4px 0 6px;border-bottom:1px solid #cccccc;background-color: #ffffff}
#area_lead .update h2{margin:0 -4px 0 -6px;padding-bottom:8px;border-bottom:1px solid #cccccc;font-size:0;line-height:0;}
#area_lead .update h2 span{display:block;padding:1px 0 2px 7px;border-left:5px solid #e53b2c;}
#area_lead .update .vticker{margin-top:4px; height: 250px; visibility: hidden;}
#area_lead .update .vticker ul{margin:0;padding:0;}
#area_lead .update .vticker ul li{min-height:58px;list-style:none;background:url(../img/lead/parts_update_bg-body.gif) repeat-x left bottom;}
#area_lead .update .vticker ul li dl{position:relative;padding:5px 0 5px 0 !important;zoom:1;}
#area_lead .update .vticker ul li dl,
#area_lead .update .vticker ul li dl dt,
#area_lead .update .vticker ul li dl dd{margin:0;padding:0;font-weight:bold;line-height:1.2;}
#area_lead .update .vticker ul li dl dt{padding-left:73px;font-size:85%;}
#area_lead .update .vticker ul li dl dt span{margin-left:12px;color:#000000;}
#area_lead .update .vticker ul li dl dd{font-size:85%;}
#area_lead .update .vticker ul li dl dd.thumbnail{position:absolute;top:5px;left:0px;zoom:1;}
#area_lead .update .vticker ul li dl dd.thumbnail img{border:1px solid #cccccc;}
#area_lead .update .vticker ul li dl dd.text{margin-top:4px;padding-left:73px;}
#area_lead .update .vticker ul li dl dd.text a{color:#000000;}

#area_lead .update .vticker ul li dl dt.lawcolumn{color:#020065;}
#area_lead .update .vticker ul li dl dt.caseereverse{color:#e53b2b;}
#area_lead .update .vticker ul li dl dt.caseercontract{color:#00a7f1;}
#area_lead .update .vticker ul li dl dt.report{color:#f78300;}
#area_lead .update .vticker ul li dl dt.case{color:#e53b2b;}
#area_lead .update .vticker ul li dl dt.serviceinfo{color:#32b744;}
#area_lead .update .vticker ul li dl dt.webme{color:#cc0066;}

#lead {
	height: 323px;
	margin: 0 auto;
	overflow: hidden;
	width: 960px;
}

.bx-wrapper {
	height: 323px;
	margin: 0 auto;
	position: relative;
	width: 960px;
}

.bx-pager {
	position: absolute;
	 bottom: 29px;
	 left: 2px;
	z-index: 100;
}

.bx-pager-item {
	float: left;
}

.bx-pager-item a {
	background: url(/common/img/icon_lead_01.png) no-repeat 0 0;
	display: block;
	height: 10px;
	margin: 0 10px 0 0;
	outline: none;
	text-indent: -999em;
	width: 10px;
}

.bx-pager-item a:hover,
.bx-pager-item a.active {
	background-position: 0 -11px;
}

#area_information {
	/*
	background: url(/common/img/texture_header_02.png);
	border-bottom: 1px solid #e7e7e7;
	*/
	margin-top: 25px;
}

#information {
	/*background: url(/common/img/texture_header_02_bottom.png) no-repeat 50% 100%;*/
	margin: 0 auto;
	padding: 0 0 5px;
	width: 960px;
}

#information h2 {
	margin: 0 0 20px;
}

.information_attention {
	background: url(/common/img/texture_information_03_bottom.png) no-repeat 50% 100%;
	margin: 0 auto 25px;
	width: 920px;
}

.information_attention .attention_inner {
	background: url(/common/img/texture_information_03_top.png) no-repeat 50% 0;
	padding: 15px 20px;
}

.information_attention h2,
.information_attention p {
	font-size: 100%;
	margin: 0;
}

#information .information_attention h2 {
	margin: 0 0 10px;
}

.information_news {
	float: left;
	position: relative;
	width: 670px;
  border-top: 4px solid #E83922;
  border-bottom: 4px solid #E83922;
  padding: 15px 0 0;
}

.information_news .box{
	width:600px;
	margin-left:30px;
}

.information_news li {
	margin: 18px 0 0;
	overflow: hidden;
	zoom: 1;
}

.information_news .genre {
	background: url(/common/img/texture_information_01_bottom.png) no-repeat 50% 100%;
	color: #fff;
	display: inline-block;
	font-style: normal;
	min-height: 17px;
	float: left;
	font-size: 11px;
	line-height: 17px;
	margin: 0 20px 0 0;
	width: 99px;
	*display: inline;
	zoom: 1;
}

.information_news .genre span {
	background: url(/common/img/texture_information_01_top.png) no-repeat 50% 0;
	display: inline-block;
	line-height: 1.2;
	padding: 2px 15px;
	width: 69px;
	*display: inline;
	zoom: 1;
}

.information_news .time {
	float: left;
	margin: 0 15px 0 0;
}

.information_news strong {
	display: block;
	font-style: normal;
	font-weight: normal;
	overflow: hidden;
	zoom: 1;
}

.information_news .continue {
	/*
	position: absolute;
	top: 5px;
	right: 0;
	*/
	float:right;
	margin:15px 0 15px 0;
}

.information_maintenance {
	float: right;
	padding: 0px;
	width: 261px;
}

.information_maintenance li {
	margin-bottom:5px;
}

/*--------------------------------------
	Content Area
--------------------------------------*/

#content {
	background: none;
	padding: 30px 0 0;
	width: 100%;
}

/*	div#intro
--------------------------------------*/

#intro {
	/*
	border-bottom: 1px solid #ccc;
	*/
	padding: 0 0 30px;
/*	text-align: center;*/
	width: 100%;
}

.intro_frame {
	/*background: url(/common/img/texture_intro_01_bottom.png) no-repeat 50% 100%;
	padding: 0 0 10px;
	*/
	margin: 0 auto;
	padding:0px;
	width: 960px;
	*padding: 0;
}

.intro_frame h2 {
	background: url(/common/img/texture_intro_01_top.png) no-repeat 50% 0;
	color: #fff;
	font-size: 100%;
	margin: 0;
	padding: 5px 0 3px;
}

.intro_block {
	margin: 0 auto 35px;
	padding: 20px 0 0 35px;
}

.intro_block li {
	display: inline-block;
	*display: inline;
	zoom: 1;
}

.intro_block .banner li {
	float: left;
	margin: 0 15px 0 0;
}

.intro_block .button {
/*	background: url(/common/img/texture_intro_03.png) no-repeat 0 0;*/
/*	height: 44px;*/
	margin: 25px 0 0;
/*	padding: 7px 0 0;*/
	text-align: left;
	width: 890px;
	*margin: 25px 0 0 -30px;
}

.intro_block .button li {
	background: url(/common/img/texture_intro_02.png) no-repeat 0 50%;
	margin: 0 6px 0 0;
	padding: 0 0 0 11px;
	*margin: 0 9px 0 0;
	*padding: 0 0 0 12px;
}

.intro_block .button .pseudo_first_child {
	background: none;
	padding: 0;
}

.intro_block .button .pseudo_last_child {
	margin: 0;
}

#intro .intro_box {
	float: left;
	padding: 0 0 0 35px;
	text-align: left;
	width: 430px;
}

#intro .intro_box.pseudo_last_child {
	padding: 0 0 0 55px;
	width: 410px;
}

#intro .intro_box h3 {
	margin: 0 0 23px;
}

#intro .intro_box li {
	margin: 0 0 13px;
}

#intro .intro_box .icon {
	margin: 0 15px 0 0;
	vertical-align: middle;
}

#intro .intro_box a {
	color: #434343;
}

#intro .introBox.fast{margin:0px 18px 0 0;overflow:hidden;zoom:1;}
#intro .introBox{width:471px;float:left;background: url(/common/img/1310_bg_intro_01.gif) no-repeat;padding-top:8px;text-align:left;margin:0px 0px 0 0;}
#intro .introBox .introHead{background: url(/common/img/1310_bg_intro_02.gif) 0 bottom no-repeat;padding-bottom:8px;}
#intro .introBox .introFooter{border-left:1px solid #dbe2e2;border-right:1px solid #dbe2e2;background-color:#FFF;padding:10px 0 2px 0;overflow:hidden;zoom:1;}
#intro .introTop{overflow:hidden;zoom:1;width:428px;margin-bottom:17px;height:61px;margin-left:22px;}
#intro .introTop h3{float:left;width:227px;}
#intro .introTop .button{float:right;width:187px;}
#intro .introMiddle{width:428px;margin-left:22px;}
#intro .introMiddle h4{margin-bottom:10px;}
#intro .introMiddle .lead{margin-bottom:15px;font-weight:bold;font-size:104%;}
#intro .introMiddle .lead a{color:#000;}
#intro .introMiddle dl{overflow:hidden;zoom:1;margin:0 0 5px 0;}
#intro .introMiddle dt{width:50px;float:left;}
#intro .introMiddle dd{margin:0px;padding-left:50px;}
#intro .introMiddle dd a{color:#000;}
#intro .introMiddle .more{text-align:right;font-weight:bold;}
#intro .introBottom{}
#intro .aligncenter{text-align:center;margin-bottom:14px;}
#intro .introBottom ul{overflow:hidden;zoom:1;margin:0 0 0 29px;padding:0px;}
#intro .introBottom ul li{list-style:none;float:left;margin:6px 10px 6px 0;}

/*	div#section-01
--------------------------------------*/

#section-01 {
	/*border-top: 4px solid #e83922;*/
	margin: 0 auto 30px;
	padding: 35px 0 0;
	position: relative;
	width: 960px;
	*margin: 0 auto;
}

#section-01 h2 {
	font-size: 100%;
	margin:0 30px 35px;
}

#section-01 .section_case {
	margin: 0 0 40px;
	text-align: center;
}

#section-01 .section_case li.top {
	display: inline-block;
	line-height: 1.2;
	margin: 0 28px;
	text-align: left;
	vertical-align: top;
	width: 260px;
	*display: inline;
	zoom: 1;
}

#section-01 .section_case li ul{margin:0px;padding:0px;}
#section-01 .section_case li ul li{margin:0 0 10px 0;padding:0px;list-style:none;}
#section-01 .section_case li dt{margin:0 0 10px;padding:0px;}
#section-01 .section_case li dd{margin:0px;padding:0px;}
#section-01 .section_case li dd .btn{text-align:right;}



#section-01 .section_case li span {
        /*background: url(/common/img/icon_section-01_01.png) no-repeat 0 0.4em;*/
        display: block;        margin: 15px 0 0;
        /*padding: 0 0 0 20px;*/
        *background-position: 0 0.6em;
}

#section-01 .section_case li span span {
	display:inline;
	margin:0 5px 0 0;
	font-size:140%;
	line-height:1;
}

#section-01 .section_case li span span.ere{color:#E53B2C;}
#section-01 .section_case li span span.erc{color:#008CD3;}

#section-01 .case_continue {
	margin: 0 0 75px;
	text-align: center;
}

#section-01 .case_continue li {
	display: inline-block;
	line-height: 1;
	margin: 0 28px;
	text-align: right;
	vertical-align: top;
	width: 260px;
	*display: inline;
	zoom: 1;
}

#section-01 .section_column {
	background: url(/common/img/texture_section-01_01_bottom.png) no-repeat 50% 100%;
	float: left;
	line-height: 1.5;
	/*min-height: 350px;*/
	padding: 25px 40px 25px 25px;
	/* width: 405px; */
	width: 895px;
}

#section-01 .section_column h3 {
	background: url(/common/img/texture_section-01_01_top.png) no-repeat 50% 0;
	margin: -25px -40px 20px -25px;
	padding: 25px 40px 0 25px;
}

#section-01 .section_column .column_continue {
	text-align: right;
}

#section-01 #facebook_likebox {
	float: right;
	width: 470px;
}

/*	div#outro
--------------------------------------*/

#outro {
	text-align: center;
	width: 100%;
}

#outro li {
	display: inline-block;
	vertical-align: top;
	*display: inline;
	zoom: 1;
}

.outro_banner {
	background: url(/common/img/texture_outro_01.png) repeat-x 0 0;
	padding: 30px 0 20px;
	text-align: left;
}

.outro_banner ul {
	margin: 0 auto;
	width: 985px;
}

.outro_banner li {
	margin: 0 12px 10px;
}

.outro_button {
	background: url(/common/img/texture_outro_02.png) repeat-x 0 0;
	padding: 20px 0;
}

.outro_button li {
	margin: 0 49px;
}

.outro_button .pseudo_first_child {
	margin-left: 0;
}

.outro_button .pseudo_last_child {
	margin-right: 0;
}