@charset "UTF-8";

/* 000=contents.css list========
   001=top  setting
   002=  setting
   003=  setting
   004=  setting
   005=  setting
   006=  setting
   007=  setting
   008=  setting
   009=  setting
   010=  setting



===========================*/

.baner{
	position:relative;
	background:url(../images/top/bnr_1.gif) no-repeat;
	height:374px;
	width:944px;
	margin:40px 0 20px;
	background-position:top;
}
.baner:hover{
	background:url(../images/top/bnr_1.gif) no-repeat;
	background-position:bottom;
}

.baner a{
	position:absolute;
	top:0;
	left:0;
	height:374px;
	width:944px;
	display:block;
}

.baner p.text{
	position:absolute;
	top:130px;
	left:230px;
	width:620px;
	color:#FFFFFF;
}
.baner p.red-text{
	position:absolute;
	top:280px;
	left:230px;
	width:600px;
	color:#CC0000;
}


body.jsON .window{display:none;}
.notice{color:#C30;}

/*001=.top setting------------------------------------------*/
.top {
	color:#666;
}
.sec0 {
	background-image:url(../images/top/bg_sec0.jpg);
	background-repeat:no-repeat;
	min-height:427px;
	height:auto !important;
	height:427px;
	width:980px;
	margin: 25px auto 0;
	line-height:0;
	
	
}
.sec0 h2 {
	
	text-indent:-9999px;
}


.socialplugins{width:500px; text-align:left; margin:235px 0 5px 20px;}
.socialplugins ul li{display: inline; margin:0 20px 0 0;}


.sec0 p.text {
	line-height:1.4;
	margin:15px 0 0 20px;
	font-size:116%;
	text-align:left;
	color:#666;
}




.top .sec1 {
	
	position:relative;
	height:166px;
	
}

.top .sec1 ul{position: absolute; top:-5px; z-index:9999;}

.top .sec1 ul li {
	float:left;
	text-align:center;
	
}
.top .sec1 ul li img {
	margin-bottom:0px;

}

.top .sec2 {
	margin:50px 0 0;
	position:relative;
	min-height:688px;
	height:auto !important;
	height:688px;
	
	background:url(../images/top/bg_sec3_mid.gif) repeat-y;
}
.top .sec2-1 {
	width:440px;
	padding:0;
	float:left;
}
.top .sec2-2 {
	width:440px;
	padding:0;
	float:right;
}
.top .sec2 p.text {
	line-height:1.6;
	font-size:116%;
	padding-top:15px;
}

.top .sec2-1 p.title {
	padding:70px 0 25px 50px;
}

.top .sec2-1 p.text {
	padding:0 0 0 50px;
}

.top .sec2-2 p.title {
	padding:15px 0 25px 20px;
}

.top .sec2-2 p.text {
	padding:0 50px 50px 20px;
}



.top .sec3 {
	margin:40px 0 0;
	background:url(../images/top/bg_sec3_mid.gif) repeat-y;
}
.top .sec3-1 {
	background:url(../images/top/img_sec3.jpg) left no-repeat;
	min-height:305px;
	height:auto !important;
	height:305px;
	position:relative;
}
.top .sec3-1 .box {
	position:absolute;
	top:78px;
	left:492px;
	width:411px;
}
.top .sec3 p.text {
	line-height:1.6;
	font-size:116%;
	padding-top:25px;
}
.top .sec3-2 {
	position:relative;
	top:20px;
}
.top .sec3-2 h4 {
	text-align:center;
	padding:25px 0 30px;
	_height:58px;
}
.top .sec3-2 ul {
	padding-left:80px;
}
.top .sec3-2 ul li {
	width:425px;
	float:left;
	padding:0 0 30px;
}
.top .sec3-2 ul li ul {
	padding:15px;
	width:395px;
}
.top .sec3-2 ul li p.title {
}
.top .sec3-2 ul li p.text2 {
	min-height:2em;
	height:auto !important;
	height:2em;
	padding:10px 0 0 15px;
	font-size:116%;
}
.top .sec3-2 ul li ul li {
	float:none;
	padding:3px 0;
	font-size:116%;
	width:395px;
}
.top .sec3-2 ul li ul li a {
	color:#557FD4;
}
.top .sec3-2 ul li ul li a:hover {
	color:#679AFF;
}

.top .sec4 {
	margin:40px 0 0;
	position:relative;
	min-height:692px;
	height:auto !important;
	height:692px;
	background:url(../images/top/bg_sec3_mid.gif) repeat-y;
}
.top .sec4-1 {
	width:440px;
	padding:0;
	float:left;
}
.top .sec4-2 {
	width:440px;
	padding:0;
	float:right;
}
.top .sec4 p.text {
	line-height:1.6;
	font-size:116%;
	padding-top:15px;
}

.top .sec4-1 p.title {
	padding:70px 0 25px 50px;
}

.top .sec4-1 p.text {
	padding:0 0 0 50px;
}

.top .sec4-2 p.title {
	padding:15px 0 25px 20px;
}

.top .sec4-2 p.text {
	padding:0 50px 50px 20px;
}


.top .sec {
	background:url(../images/top/bg_sec_mid.gif) repeat-y;
}
.top .sec .top {
	background:url(../images/top/bg_sec.gif) top no-repeat;
}
.top .sec .bot {
	background:url(../images/top/bg_sec_bot.gif) bottom no-repeat;
}
.top .sec p.btn {
	text-align:center;
	padding:30px 0 35px;
}
.top .sec p.title {
	padding:0 0 10px 85px;
}
.top .sec .list {
	width:740px;
	margin:0 auto;
	font-size:108%;
}
.top .sec .list ul li {
	padding:3px 0;
	width:370px;
	float:left;
}
.top .sec .list ul li a {
	padding-left:20px;
	background:url(../images/top/icon_1.gif) left no-repeat;
	color: #557FD4;
}
.top .sec .list ul li a:hover {
	color:#679AFF;
}
.top .sec div.btn {
	width:802px;
	margin:0 auto;
	padding:40px 0 20px;
	position: relative;
}
.top .sec div.btn ul li {
	float:left;
}
.top .sec .box {
	width:703px;
	border:1px solid #e8e8e8;
	margin:25px auto -10px;
	padding:15px 40px;
}
.top .sec span {
	color:#CC3300;
}
.top .sec p.text {
	font-size:108%;
}
/*002=.window setting------------------------------------------*/
.top .window {
	width:800px;
	background:url(../images/top/bg_window_mid.gif) repeat-y;
	margin:0 auto 60px;
	color:#333;
	font-size:108%;
}
.top .window .top {
	background:url(../images/top/bg_window_top.gif) top no-repeat;
}
.top .window .bot {
	background:url(../images/top/bg_window_bot.gif) bottom no-repeat;
}
.top .window p.close {
	text-align:right;
	padding:15px 15px 0;
}

.top .window p.close1 {
	text-align:right;
	padding:15px 15px 0;
}

.top .window p.close2 {
	text-align:right;
	padding:15px 15px 0;
}

.top .window p.close3 {
	text-align:right;
	padding:15px 15px 0;
}

.top .window p.close4 {
	text-align:right;
	padding:15px 15px 0;
}

.top .window p.close5 {
	text-align:right;
	padding:15px 15px 0;
}

.top .window p.close6 {
	text-align:right;
	padding:15px 15px 0;
}

.top .window p.title2 {
	width:710px;
	margin:0 auto;
	font-weight:bold;
	font-size:153.9%;
	padding-top:20px;
	position:relative;
	left:-20px;
}
.top .window ul li {
	width:710px;
	margin:0 auto;
	padding:30px 0;
	border-bottom:1px dotted #ccc;
}
.top .window ul li p.title {
	text-align:left;
	padding:0;
	font-size:153.9%;
	font-weight:bold;
	color:#395996;
}
.top .window ul li p.text {
	padding:10px 0 10px;
}
.top .window ul li p.link {
	padding:0px 5px 10px;
}
.top .window ul li p.link a {
	padding-left:15px; 
	background:url(../images/top/icon_2.gif) left no-repeat;
}


/*003= setting------------------------------------------*/

.btn-off1{display:none; position: absolute; top:40px; left:0;}
.btn-off2{display:none; position: absolute; top:40px; left:400px;}
.btn-off3{display:none; position: absolute; top:40px; left:0;}
.btn-off4{display:none; position: absolute; top:40px; left:400px;}
.btn-off5{display:none; position: absolute; top:40px; left:0;}
.btn-off6{display:none; position: absolute; top:40px; left:400px;}


/*004= setting------------------------------------------*/
/*005= setting------------------------------------------*/
/*006= setting------------------------------------------*/
/*007= setting------------------------------------------*/
/*008= setting------------------------------------------*/
/*009= setting------------------------------------------*/
/*010= setting------------------------------------------*/