@charset "utf-8";

.left{
	float: left;
}

.right{
	float: right;
}

li{
	list-style: none;
}


header .header_inner{
	width: 1000px;
	margin: 0 auto;
	position: relative;
}

header p.logo{
	float: left;
	display: block;
	width: 254px;
	height: 42px;
	padding-top: 20px;
}

header .header_inner > .right{
	float: right;
}

header .header_inner > .right .description{
	margin-bottom: 9px;
}

header .header_inner > .right .description h1{
	float: left;
	width: 590px;
	height: 25px;
	line-height: 25px;
	text-align: right;
	font-size: 12px;
	font-weight: normal;
	color: #444;
	margin-right: 10px;
}

header .header_inner .right .description select{
	float: right;
	width: 119px;
	height: 21px;
}

header .header_inner .right nav > ul{
	display: block;
	width: 719px;
	height: 46px;
	border-left: 1px solid #ccc;
}

header .header_inner .right nav > ul > li{
	float: left;
	display: block;
	height: 46px;
	border-right: 1px solid #ccc;
}

header .header_inner .user_support{
	float: right;
	display: block;
}

header .header_inner .backline{
	background-repeat  :repeat;
}

footer #footer{
	background: #FF9000;
	font-size: 0.8em;
}

footer .footer_inner{
	width: 1000px;
	margin: 0 auto;
	padding-top: 25px;
	color: #FFF;
}

footer .footer_inner .left_frame{
	width: 70%;
}

footer .footer_inner .list_block{
	width: 33%;
	height: 325px;
}

footer .footer_inner .list_block.fo_center{
	width: 28%;
	margin-left: 45px;
}

footer .footer_inner .list_block.fo_right{
	width: 26%;
	margin-left: 45px;
}

footer .footer_inner strong{
	display: block;
	margin-bottom: 10px;
	padding: 5px 0px;
	border-left: 2px solid #FFF;
	padding-left: 7px;
	font-size: 1.3em;
	font-weight: normal;
}

footer .footer_inner .left ul{
	border: none;
	font-size: 0.9em;
}

footer .footer_inner .left .list_block ul li{
	line-height: 2;
	height: auto;
	border: none;
	background: url(../img/common/footer_arrow_icon.png) no-repeat left center;
	padding-left: 15px;
}

footer .footer_inner .left ul li a{
	color: #FFF;
}

footer .footer_inner .left_list{
	padding: 12px 0px;
	border-top: 1px solid #CCC;
	clear: both;
}

footer .footer_inner .left_list li{
	padding: 3px 0px;
	padding-left: 12px;
	border-left: 2px solid #FFF;
	margin-right: 30px;
}

footer .footer_inner .left_list li.facebook{
	border: none;
	padding: 0;
	margin-top: -5px;
	margin-right: 0px;
	background: #FFF;
	width: 131px;
	height: 26px;
}

footer .footer_inner .left_list li.facebook img:hover{
	opacity: 0.9!important;
}

footer .footer_inner .right_block{
	width: 265px;
	line-height: 1.5;
}

footer .footer_inner .right_block .right_box.mar_bottom{
	margin-bottom: 30px;
}

footer .footer_inner .right_block .right_box p{
	margin-bottom: 15px;
	font-size: 0.9em;
}

footer .footer_inner .right_block .right_box a{
	width: 235px;
	height: 49px;
	background: #FFF;
	display: block;
}

footer .footer_inner .right_block .right_box02 ul{
	margin-bottom: 12px;
}

footer .footer_inner .right_block .right_box02 li{
	line-height: 2;
	height: auto;
	border: none;
	background: url(../img/common/footer_arrow_icon.png) no-repeat left center;
	padding-left: 15px;
}

footer .footer_inner .right_block .right_box02 li a{
	color: #FFF;
}

footer .copyright{
	text-align: center;
	padding: 10px 0px;
	color: #3D253D;
	font-size: 0.9em;
}

.side_button01{
	position:fixed;
	top:320px;
	right:-107px;
	transition-property: all;
	transition: 0.3s linear;
}

.side_button02{
	position:fixed;
	top:410px;
	right:-107px;
	transition-property: all;
	transition: 0.3s linear;
}

.side_button03{
	position:fixed;
	top:500px;
	right:-107px;
	transition-property: all;
	transition: 0.3s linear;
}

.side_button01:hover,
.side_button02:hover,
.side_button03:hover{
	right: 0px;
}


.side_button04{
	position:fixed;
	top:590px;
	right:0px;
}

/*
------------------------*/
.megahead{
	display: none;
	width: 1000px;
	margin: 0 auto;
	/*position: relative;*/
	position: absolute;
	top: 82px;
	left: 0px;
	color: #342633;
	z-index: 9999;
}

.megahead .mega_inner{
	min-width: 96%;
	min-height: 248px;
	/*position: absolute;
	top: 2px;*/

	margin: 0;
	padding: 40px 2%;
	padding-bottom: 10px;

	background: url(../img/common/mega_bg.jpg) repeat-y left top;

/*background: -webkit-gradient(linear, left top, right bottom, from(rgba(182, 182, 182, 1.0)), color-stop(0.25, rgba(182, 182, 182, 1.0)), color-stop(0.25, rgba(0, 0, 0, 0)), color-stop(0.5, rgba(0, 0, 0, 0)), color-stop(0.5, rgba(182, 182, 182, 1.0)), color-stop(0.75, rgba(182, 182, 182, 1.0)), color-stop(0.75, rgba(0, 0, 0, 0)), to(white));

background: -moz-linear-gradient(-45deg, rgba(182, 182, 182, 1.0) 25%, rgba(0, 0, 0, 0) 25%, rgba(0, 0, 0, 0) 50%, rgba(182, 182, 182, 1.0) 50%, rgba(182, 182, 182, 1.0) 75%, rgba(0, 0, 0, 0) 75%, rgba(0, 0, 0, 0));

background: linear-gradient(-45deg, rgba(182, 182, 182, 1.0) 25%, rgba(0, 0, 0, 0) 25%, rgba(0, 0, 0, 0) 50%, rgba(182, 182, 182, 1.0) 50%, rgba(182, 182, 182, 1.0) 75%, rgba(0, 0, 0, 0) 75%, rgba(0, 0, 0, 0)),#FFF;
background-size: 4px 4px;*/
}

.megahead .mega_inner h3{
	width: 100%;
	border-bottom: 1px solid #666;
	padding-bottom: 10px;
	margin-bottom: 20px;
	font-size: 1.1em;
}

.megahead .mega_inner .left.list_wrapper{
	width: 73%;
}

.megahead .mega_inner .right.list_wrapper{
	width: 22%;
}

.megahead .mega_inner .list_block{
	margin-left: -15px;
}

.megahead .mega_inner ul{
	margin-left: 15px;
}

.megahead .mega_inner ul.list01{
	width: 29%;
}

.megahead .mega_inner ul.list02{
	width: 23%;
}

.megahead .mega_inner ul.list03{
	width: 20%;
}

.megahead .mega_inner li{
	border-left: 2px solid #342633;
	padding: 2px 0px;
	padding-left: 15px;
	margin-bottom: 17px;
}

.megahead.megahead02 .mega_inner ul.list02{
	width: 62%;
	line-height:1.4;
}

.megahead.megahead02 .mega_inner li{
	margin-bottom: 10px;
}

.megahead.megahead02 .mega_inner li.last{
	margin-bottom: 0px!important;
}

.megahead.megahead03 .mega_inner ul.list01{
	width: 40%;
}

.megahead.megahead03 .mega_inner ul.list02{
	width: 29%;
}

.megahead.megahead03 .mega_inner ul.list03{
	width: 23%;
	line-height: 1.4;
}

.megahead.megahead04 .mega_inner{
	min-width: 40%;
	padding: 40px 30%;
	padding-bottom: 10px;
}

.megahead.megahead04 .mega_inner ul.list01{
	width: 50%;
}

.megahead.megahead05 .mega_inner ul.list03{
	width: 30%;
}

.megahead .triangle{
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 0 15px 15px 15px;
	border-color: transparent transparent #E9E9E9 transparent;
	position: absolute;
	top: -15px;
	opacity: 0.9;
}

.megahead.megahead01 .triangle{
	left: 440px;
}

.megahead.megahead02 .triangle{
	left: 560px;
}

.megahead.megahead03 .triangle{
	left: 685px;
}

.megahead.megahead04 .triangle{
	left: 805px;
}

.megahead.megahead05 .triangle{
	left: 920px;
}