@charset "utf-8";
@import url('reset.css');

body{
	width:100%;
	font-size:15px;
	font-family:'Hiragino Kaku Gothic ProN', Meiryo, sans-serif;
	color:#2E2E2E;
	line-height:28px;
}
#wrapper{
	margin:0 auto;
	text-align:left;
	background:url(../images/login/about-bg01.gif) repeat;
	padding-top:25px;
}

/* !clearfix */
.clearfloat { clear:both;}
.cfix { /zoom : 1; }
.cfix:after { content : ''; display : block; clear : both; }

.ft-right{
	float:right;
}
.ft-left{
	float:left;
}
a:link{
	text-decoration:none;
	color:#00a3f8;
}
.mt-15{ margin-top:15px;}
.mr-15{ margin-right:15px;}
.al-c{ text-align:center;}

/* --------- header --------- */
#header{
	background:#FFFFFF;
	border-bottom:1px #CCCCCC solid;
	height:90px;
}
#header .header_con{
	max-width:1060px;
	margin:0 auto;
	padding-top:15px;
	position:relative;
}
#header .header_con p{
	text-align:right;
}
#header .header_con .logo{
	position:absolute;
	left:10px;
}

#header .header_con a{
  color: #FFF;
}

#header .header_con a .gift_btn{
  font-size: 14px;
  padding: 5px 0px;
  text-align: center;
  background-color: #feae2b;
  width: 170px;
  position: absolute;
  top: 40px;
  left: 230px;
}

#header .header_con .header_con_right{
	float:right;
	width:450px;
	text-align:right;
	margin-right:15px;
	font-size:13px;
}
#header .header_con .header_con_right li{
	float:left;
	color:#ff9600;
	margin-right:10px;
}
#header .header_con .login_btn{
	float:right;
	font-size:13px;
	padding:20px 7px;
	text-align:center;
	width:65px;
	background-color:#feae2b;
	box-shadow:#e29b26 1px 1px 0 1px;
	border-radius: 3px;
	behavior: url(/css/border-radius.htc);/*for IE 角丸*/
}
#header .header_con .login_btn a:visited {
	text-decoration:none;
	color:#FFFFFF;
}
#header .header_con .login_btn a:link {
	text-decoration:none;
	color:#FFFFFF;
}
#main_vis {
	background:url(../images/login/main_vis.jpg) no-repeat right;
	height:489px;
	position:relative;
}
#main_vis .main_vis_con{
	max-width:1060px;
	margin:0 auto;
	position:relative;
}
#main_vis .main_vis_con h1{
	position:absolute;
	top:185px;
	left:40px;
}
/* --------- con_01 --------- */
#con_01 {
	max-width:1060px;
	margin:0 auto 25px;
	text-align:center;
	padding-top:25px;
	padding-bottom:30px;
	background:#FFF;
}
#con_01 h2{
	text-align:center;
	padding-top:20px;
	font-size:28px;
	background:url(../images/login/about-tit01.jpg) no-repeat center;
}
#con_01 div {
	float:left;
	width:315px;
	line-height:1.5em;
	margin-top:35px;
	margin-right:15px;
	margin-left:20px;
}
#con_01 div h3 {
	color:#ff9000;
	font-size:16px;
	font-weight: bold;
	margin-bottom:15px;
	height:35px;
}
#con_01 .mark_01 h3{
	color:#fd006b;
}
#con_01 .mark_03 h3{
	color:#006dc9;
}

/* --------- con_02 --------- */
#con_02 {
	max-width:1060px;
	margin:0 auto;
	padding-bottom:90px;
	margin-bottom:25px;
	background:#FFF;
}
#con_02 h2{
	text-align:center;
	padding-top:20px;
	font-size:28px;
	background:url(../images/login/about-tit05.jpg) no-repeat center;
}
#con_02 .con_02_01{
	height:519px;
	width:1060px;
	background:url(../images/login/about-bg01.jpg) no-repeat center;
	margin-top:55px;
}
#con_02 .con_02_01 .con_02_01_left{
	float:left;
	width:500px;
	margin-left:25px;
	margin-right:15px;
}
#con_02 .con_02_01 .con_02_01_left .tit01{
	font-size:23px;
	width:70px;
	color:#FFFFFF;
	background-color:#ff628a;
	padding:40px 20px;
}
#con_02 .con_02_01 .con_02_01_left h3{
	font-size:25px;
	color:#e63966;
	font-weight:normal;
	line-height:1.7em;
	margin:20px 0;
}
#con_02 .con_02_01 .con_02_right{
	float:left;
	width:480px;
	text-align:center;
}
#con_02 .con_02_01 .con_02_right p{
	float:left;
	width:217px;
	margin:10px 18px 15px 0;
}
#con_02 .con_02_01 .con_02_right img{
	border:1px #CCCCCC solid;	
}
#con_02 .con_02_02{
	height:531px;
	width:1060px;
	background:url(../images/login/about-bg02.jpg) no-repeat center;
}
#con_02 .con_02_02 .con_02_02_con{
	padding:25px 0 0 25px;
}
#con_02 .con_02_02 .con_02_02_con .con_02_02_con01{
	float:left;
	height:351px;
	width:322px;
	background:url(../images/login/about-tit02.jpg) no-repeat center;
	font-size:13px;
	line-height:1.6em;
	margin-right:15px;
}
.con_02_02_con01_01{
	padding:105px 0 0 25px;
}
.con_02_02_con01_02{
	padding:85px 0 0 25px;
}
.con_02_02_con01_03{
	padding:85px 0 0 25px;
}
#con_02 .con_02_02 .con_02_02_con .con_02_02_con01_01 .tit02{
	float:left;
	text-align:center;
	color:#82c41a;
	margin-right:15px;
	font-weight:bold;
}
#con_02 .con_02_02 .con_02_02_con .con_02_02_con01_02 .tit02{
	float:left;
	text-align:center;
	color:#ff3d3d;
	margin-right:15px;
	font-weight:bold;
}
#con_02 .con_02_02 .con_02_02_con .con_02_02_con01_03 .tit02{
	float:left;
	text-align:center;
	color:#52aceb;
	margin-right:15px;
	font-weight:bold;
}
#con_02 .con_02_02 .con_02_02_con .con_02_02_con02{
	float:left;
	height:351px;
	width:322px;
	background:url(../images/login/about-tit03.jpg) no-repeat center;
	font-size:13px;
	line-height:1.6em;
	margin-right:15px;
}
#con_02 .con_02_02 .con_02_02_con .con_02_02_con03{
	float:left;
	height:351px;
	width:322px;
	background:url(../images/login/about-tit04.jpg) no-repeat center;
	font-size:13px;
	line-height:1.6em;
}
#con_02 .con_02_02 .tit01{
	font-size:23px;
	width:70px;
	float:left;
	color:#FFFFFF;
	background-color:#ffab2f;
	padding:40px 20px;
	margin-right:28px;
}
#con_02 .con_02_02 h3{
	font-size:25px;
	color:#ff7800;
	font-weight:normal;
	line-height:1.7em;
	margin:25px 0 0 0;
}
#con_02 .con_02_02 .detail_btn{
	font-size:18px;
	padding:10px 110px;
	text-align:center;
	width:200px;
	margin:40px 0 0 285px;
	background-color:#feae2b;
	box-shadow:#e29b26 1px 1px 0 1px;
	border-radius: 3px;
	behavior: url(/css/border-radius.htc);/*for IE 角丸*/
}
#con_02 .con_02_02 .detail_btn a:visited {
	text-decoration:none;
	color:#FFFFFF;
}
#con_02 .con_02_02 .detail_btn a:link {
	text-decoration:none;
	color:#FFFFFF;
}

/* --------- con_03 --------- */
#con_03 {
	max-width:1060px;
	margin:0 auto;
	padding-bottom:60px;
	margin-bottom:50px;
	background:#FFF;
}
#con_03 h2{
	text-align:center;
	padding-top:20px;
	font-size:28px;
	background:url(../images/login/about-tit01.jpg) no-repeat center;
}
#con_03 div {
	margin:30px 45px 0;
	line-height:1.5em;
	position:relative;
	clear:both;
}
#con_03 div img{
	float:left;
	width:293px;
	margin-right:15px;
}
#con_03 div h3 {
	color:#ff9000;
	font-size:24px;
	font-weight : normal;
	margin-bottom:15px;
	line-height:1.3em;
}
#con_03 div p {
	font-size:14px;

}
#con_03 div .gift_btn{
	font-size:14px;
	padding: 12px 0px;
	text-align:center;
	background-color:#ff9800;
	width:250px;
	position:absolute;
	top:166px;
	left:310px;
}
#con_03 div .gift_btn a:visited {
	text-decoration:none;
	color:#FFFFFF;
}
#con_03 div .gift_btn a:link {
	text-decoration:none;
	color:#FFFFFF;
}
#con_03 div .comming_soon_btn{
	font-size:18px;
	padding: 12px 0px;
	text-align:center;
	background-color:#dedede;
	color:#999999;
	width:250px;
	position:absolute;
	top:166px;
	left:310px;
}
/* --------- con_04 --------- */
#con_04 {
	background:url(../images/login/about-bg03.gif) repeat;
}
#con_04 .con_04_con{
	max-width:1060px;
	margin:0 auto;
}

#con_04 .con_04_01{
	overflow:hidden;
	padding:40px 20px 20px;
}
#con_04 .con_04_left{
	float:left;
	padding:0px 20px;
}
#con_04 .con_04_left ul{
	width:230px;
	font-size:11.5px;
	float:left;
}
#con_04 .con_04_left .guestroll_btn{
	font-size:13px;
	padding:8px;
	text-align:center;
	width:190px;
	background-color:#b3a96f;
	margin:25px 0 0 100px;
}
#con_04 .con_04_left .guestroll_btn a:visited {
	text-decoration:none;
	color:#FFFFFF;
}
#con_04 .con_04_left .guestroll_btn a:link {
	text-decoration:none;
	color:#FFFFFF;
}
#con_04 .con_04_right{
	float:left;
	padding:25px;
	background-color:#d1cec2;
	width:465px;
}
#con_04 .con_04_right table th{
	font-weight:normal;
}
#con_04 .con_04_right div{
	margin:0 auto;
}
#con_04 .con_04_right p{
	margin:20px 0;
}
#con_04 .con_04_right h3{
	margin-bottom:20px;
	padding-bottom:8px;
	border-bottom:1px #666666 dashed;	
}
#con_04 .con_04_right .login_btn{
	font-size:13px;
	padding:8px;
	text-align:center;
	width:100px;
	background-color:#ff9800;
	margin-bottom:30px;
}
#con_04 .con_04_right .login_btn a:link {
	text-decoration:none;
	color:#FFFFFF;
}
#con_04 .con_04_right .login_btn a:visited{
	text-decoration:none;
	color:#FFFFFF;
}
/* --------- footer --------- */
#footer	{
	font-size:11px;
	margin:0 auto;
	text-align:center;
	background-color:#FFFFFF;
}
#footer img{
 	display: inline;  
    vertical-align: top; 
}
#footer ul {
	padding-top:35px;
	margin-left:800px;
	color:#33A3EB;
}
#footer ul li {
	height:20px;
	line-height:20px;
	float:left;
	margin-right:20px;
	padding-right:10px;
	border-right:1px #CCCCCC solid;
}
#footer p{
	vertical-align:middle;
	margin:15px 0;
}