/*----------------------------------------------------------------------------
 ***                                                                     Inner
----------------------------------------------------------------------------*/

.bg_story {
	background:url(../img/story_bg.gif) no-repeat center bottom;
}

.bg_quality {
	background:url(../img/quality_bg.gif) repeat-y center top;
}

.bg_quality2 {
	background:url(../img/quality_content_bg.png) no-repeat center top;
}

.bg_mchosen {
	background:#000 url(../img/mchosen_bg.gif) no-repeat center bottom;
}

.bg_howto {
	background:url(../img/howto_bg.gif) no-repeat center bottom;
}



#mainBox {
	background:#004176;
	position:relative;
	width:100%;
	padding:0 0 0 0;
	margin:0 auto 30px auto;
}

#bxslider {
	text-align:center;
	padding:0 20px;
}

#bxslider div {
	width:980px;
	margin:0  auto;
}

#selectField {
	width:980px;
	margin:0 auto;
}


.methodBox {
	background:url(../img/story_box_bg.gif) no-repeat;
	float:left;
	width:450px;
	height:500px;
	display:block;
}

.picture {
	width:980px;
	margin:0 auto;
}

.slide1 {
	width:100%;
	height:600px;
	padding:0;
	margin:0px auto;
	background:#000 url(../images/slide1_bg.jpg) no-repeat top center;
}

.slide2 {
	width:100%;
	height:600px;
	padding:0;
	margin:0px auto;
	background:#000 url(../images/slide2_bg.jpg) no-repeat top center;
}

.slide3 {
	width:100%;
	height:600px;
	padding:0;
	margin:0px auto;
	background:#320206 url(../images/slide3_bg.jpg) no-repeat top right;
}



.prSection {
	position:relative;
	width:980px;
	margin:0 auto 0 auto;
}

#newsField {
	background:url(../img/newsfield_bg.gif) no-repeat top left;
	width:738px;
	height:29px;
	margin:0 auto;
	padding:5px 0 0 240px;
	border:#dddedf solid 1px;
}

.title_domain {
	background:url(../img/titlebar_domain.gif) no-repeat;
	width:650px;
	height:0px;
	padding-top:53px;
	margin-bottom:0px;
	overflow:hidden;
}

.detailLink {
	position:absolute;
	top:5px;
	right:0;
	z-index:500;
}

.detailLink a {
	background:url(../img/detail_btn.gif) no-repeat;
	width:56px;
	height:0;
	padding-top:23px;
	overflow:hidden;
	display:block;
}

.domainArea {
	position:relative;
	width:650px;
	padding:0px 0px;
	margin: 0 0 10px 0;
}

.domainBox {
	width:650px;
	padding:20px 0px;
}

.domainBox_l {
	background:url(../img/domainbox_bg.gif) no-repeat;
	float:left;
	width:309px;
	height:154px;
	padding:8px 7px;
	margin:0 4px 20px 0;
	display:block;
}

.domainBox_r {
	background:url(../img/domainbox_bg.gif) no-repeat;
	float:left;
	width:309px;
	height:154px;
	padding:8px 7px;
	margin:0 0 20px 0;
	display:block;
}

.domainBox_l h4,.domainBox_r h4{
	background:url(../img/flink_icon.png) no-repeat 10px 8px;
	height:30px;
	font-size:12px;
	font-weight:bold;
	line-height:16px;
	text-decoration:underline;
	padding:5px 10px 5px 30px;
	margin:0;
	overflow:hidden;
}

.domainBox_l h4 a,.domainBox_r h4 a {
	font-size:12px;
	font-weight:bold;
}

.domainBox_l p,.domainBox_r p {
	padding:0 20px;
}

	

#linkBox {
	width:980px;
	margin:0 auto;
}

#linkBox ul li.left {
	float:left;
	width:300px;
	height:90px;
	margin:0 40px 0 0;
	display:block;
}

#linkBox ul li.right {
	float:left;
	width:300px;
	height:90px;
	margin:0 0 0 0;
	display:block;
}

.sidecompanyBox {
	width:220px;
	border:#dddedf solid 1px;
	padding:0;
	margin:0 0 30px 0;
}

.companyLink li {
	background:url(../img/clink_icon.png) no-repeat 10px 14px;
	padding:8px 0 8px 30px;
	border-top:#f0f0f0 solid 1px;
}

.sidecsrBox {
	padding:0;
	margin:0 0 0 0;
}

.groupLink li {
	background:url(../img/clink_icon.png) no-repeat 0px 10px;
	padding:5px 0 5px 20px;
}

.title_side_company {
	background:url(../img/side_titlebar_companyinfo.gif) no-repeat;
	width:220px;
	height:0;
	padding-top:41px;
	overflow:hidden;
}

.title_side_csr {
	background:url(../img/side_titlebar_csr.gif) no-repeat;
	width:220px;
	height:0;
	padding-top:41px;
	overflow:hidden;
}

#linkField {
	background:#000;
	position:absolute;
	top:-100px;
	left:0;
	width:980px;
	height:200px;
	padding:10px 0;
	z-index:999;
}

.charmArea {
	float:left;
	width:320px;
	height:188px;
	padding:0;
	margin:0 10px 0 0;
}

.enjoyArea {
	float:left;
	width:320px;
	height:188px;
	padding:0;
	margin:0 10px 0 0;
}

.title_news {
	background:url(../img/titlebar_news.gif) no-repeat;
	width:318px;
	height:0;
	padding-top:53px;
	overflow:hidden;
}


.newsArea {
	background:url(../img/news_bg.gif) no-repeat;
	float:left;
	position:relative;
	width:320px;
	height:188px;
	padding:0px 0px;
	margin:0 0 0 0;
	overflow:hidden;
}

.scroll_area {
    height:100px;
	overflow:auto;
}


.newsArea ul li {
	padding:10px 0;
	border-bottom:#CCC dotted 1px;
	
}


.newsDate {
	padding:0 0 0 0;
	margin:0 10px 0 0;
}

.newsIcon1 {
	padding:0;
	margin:0 10px 0 0;
}

.csrNavi {
	width:200px;
}

.csrYear {
	border:#999 solid 1px;
	padding:5px 10px;
}


.domain {
	float:left;
	background:#F00;
	width:300px;
	height:300px;
	padding:0;
	margin:0 20px 0 0;
	display:block;
}

/*----------------------------------------------------------------------------
 ***                                                                   story
----------------------------------------------------------------------------*/

.storyBox {
	background:url(../img/story_box_bg.png) no-repeat top right;
	width:980px;
	padding:20px 0 90px 0;
}

.story_catch {
	background:url(../img/story_catch.png) no-repeat;
	width:335px;
	height:0px;
	padding-top:80px;
	margin:0 0 50px 0;
	overflow:hidden;
}

.story_coment {
	font-size:14px;
	width:380px;
	letter-spacing: 0.1em;
	line-height:22px;
}




/*----------------------------------------------------------------------------
 ***                                                                   quality
----------------------------------------------------------------------------*/

.qualityBox {
	width:980px;
	padding:20px 0;
}

.quality_catch {
	background:url(../img/quality_catch.png) no-repeat;
	width:460px;
	height:0px;
	padding-top:105px;
	margin:0 0 30px 0;
	overflow:hidden;
}


.pointBox {
	width:660px;
	padding:0;
	margin:0;
}

.pointBox li {
	background:url(../img/point_box_bg.png) repeat;
	float:left;
	width:240px;
	padding:10px 15px;
	margin:0 40px 20px 0;
	display:block;
}

.pointGroup {
	padding:10px 0 0 0;
	height:125px;
	position:relative;
}

.point_title_1 {
	background:url(../img/point_title_1.png) no-repeat;
	width:240px;
	height:0px;
	padding:19px 0 5px 0;
	margin:0 0 7px 0;
	overflow:hidden;
	display:block;
	border-bottom:#FFF solid 1px;
}

.point_title_2 {
	background:url(../img/point_title_2.png) no-repeat;
	width:240px;
	height:0px;
	padding:19px 0 5px 0;
	margin:0 0 7px 0;
	overflow:hidden;
	display:block;
	border-bottom:#FFF solid 1px;
}

.point_title_3 {
	background:url(../img/point_title_3.png) no-repeat;
	width:240px;
	height:0px;
	padding:19px 0 5px 0;
	margin:0 0 7px 0;
	overflow:hidden;
	display:block;
	border-bottom:#FFF solid 1px;
}

.point_title_4 {
	background:url(../img/point_title_4.png) no-repeat;
	width:240px;
	height:0px;
	padding:19px 0 5px 0;
	margin:0 0 7px 0;
	overflow:hidden;
	display:block;
	border-bottom:#FFF solid 1px;
}

.point_title_5 {
	background:url(../img/point_title_5.png) no-repeat;
	width:240px;
	height:0px;
	padding:19px 0 5px 0;
	margin:0 0 7px 0;
	overflow:hidden;
	display:block;
	border-bottom:#FFF solid 1px;
}

.point_title_6 {
	background:url(../img/point_title_6.png) no-repeat;
	width:240px;
	height:0px;
	padding:19px 0 5px 0;
	margin:0 0 7px 0;
	overflow:hidden;
	display:block;
	border-bottom:#FFF solid 1px;
}
	

.c_ribon {
	position:absolute;
	top:-10px;
	left:-15px;
	z-index:300;
}


/*----------------------------------------------------------------------------
 ***                                                                   mchosen
----------------------------------------------------------------------------*/

.mchosenBox {
	width:980px;
	height:680px;
	position:relative;
	background:url(../img/mchosen_box_bg.png) no-repeat center top;
}

.mchosen_catch {
	background:url(../img/mchosen_catch.png) no-repeat;
	width:403px;
	height:0px;
	padding-top:66px;
	overflow:hidden;
}

.groupTitle {
	color:#fff;
	letter-spacing:0.1em;
	padding:5px 10px;
	border-left:#e3001b solid 1px;
}

.groupComent {
	padding:5px 10px;
	border-left:#FFF dotted 1px;
}

.comentA {
	position:absolute;
	top:20px;
	left:430px;
	width:200px;
	padding:10px 0;
	z-index:100;
}

.comentB {
	position:absolute;
	top:50px;
	right:20px;
	width:200px;
	padding:10px 0;
	z-index:100;
}

.comentC {
	position:absolute;
	top:130px;
	left:80px;
	width:200px;
	padding:10px 0;
	z-index:100;
}

.comentD {
	position:absolute;
	top:200px;
	right:100px;
	width:200px;
	padding:10px 0;
	z-index:100;
}

.comentE {
	position:absolute;
	top:280px;
	left:20px;
	width:240px;
	padding:10px 0;
	z-index:100;
}

.comentF {
	position:absolute;
	top:350px;
	right:150px;
	width:220px;
	padding:10px 0;
	z-index:100;
}

.comentG {
	position:absolute;
	top:480px;
	left:110px;
	width:300px;
	padding:10px 0;
	z-index:100;
}


/*----------------------------------------------------------------------------
 ***                                                                    howto
----------------------------------------------------------------------------*/


.howto_catch {
	background:url(../img/howto_catch.png) no-repeat;
	width:867px;
	height:0px;
	padding-top:31px;
	margin:0 0 50px 0;
	overflow:hidden;
}

.howtoBox {
	padding:40px 56px;
}

.howto_coment {
	width:880px;
	background:url(../img/howto_coment_bg.png) no-repeat 550px 0;
	padding:70px 100px 70px 0;
	font-size:14px;
	letter-spacing: 0.3em;
	line-height:32px;
}

.comparisonBox {
	padding:40px 0;
	margin:0;
}

.comparisonBox li.l {
	background:url(../img/comparison_box_bg.png) repeat;
	float:left;
	width:360px;
	height:180px;
	padding:20px 20px;
	margin:0 67px 20px 0;
	border-top:#7d6121 solid 1px;
	display:block;
}

.comparisonBox li.r {
	background:url(../img/comparison_box_bg.png) repeat;
	float:left;
	width:360px;
	height:180px;
	padding:20px 20px;
	margin:0 0 20px 0;
	border-top:#7d6121 solid 1px;
	display:block;
}

.comparisonInner {
	position:relative;
	padding:0;
}

.comparisonInner p {
	padding:0 0 5px 0;
}


.comparison_title1 {
	background:url(../img/comparison_title1.png) no-repeat;
	width:340px;
	height:0;
	padding-top:25px;
	margin:0 0 20px 0;
	border-bottom:#7d6121 solid 1px;
	overflow:hidden;
}

.comparison_title2 {
	background:url(../img/comparison_title2.png) no-repeat;
	width:340px;
	height:0;
	padding-top:25px;
	margin:0 0 20px 0;
	border-bottom:#7d6121 solid 1px;
	overflow:hidden;
}