@charset "utf-8";

body {
	-webkit-text-size-adjust: 100%;
}
#wrapper {
	background:url(../img/bg_wrapper01.gif) 0 0;
}

/* LINK
=========================================== */
a:link { color:#000; }
a:visited { color:#000; }
a:hover { color:#000; text-decoration:none; }
a:active { color:#000; }

/* Clearfix 
=========================================== */
.cf:before,.cf:after { content:""; display:table; }
.cf:after { clear:both; }
.cf { zoom:1; }

/* #header
=========================================== */
/* #hdLang
--------------------------------- */
#hdLang {
	background-color:#000;
}
#hdLang ul {
	/*width:629px;*/
	width:500px;
	margin:0 auto;
	/*padding-left:331px;*/
	padding-left:460px;
	overflow:hidden;
}
#hdLang li {
	float:left;
	background-color:#000;
}
#hdLang li a:hover img {
	opacity:0.7;
	-moz-opacity:0.7;
	filter:alpha(opacity=70);
}
/* #mainImg
--------------------------------- */
#mainImg {
	position:relative;
	width:960px;
	margin:0 auto 10px;
}
#mainImg h1 {
	width:974px;
	margin:0 -12px;
}
#mainImg #hdDl {
	position:absolute;
	top:260px;
	right:19px;
	width:521px;
	height:260px;
	padding:10px 0 7px;
	background:url(../img/header/bg_dl01.png) no-repeat 0 0;
}
#mainImg #hdDl p {
	width:485px;
	margin:5px auto 0;
}
#mainImg #hdDl ul {
	width:496px;
	margin:0 auto;
	overflow:hidden;
}
#mainImg #hdDl li {
	float:left;
}
#mainImg .campaign {
	position:absolute;
	top:30px;
	right:30px;
}
/* #popUp
--------------------------------- */
#popUp {
	width:100%;
	height:auto;
	text-align:center;
}
#popUp img[usemap] {
	max-width:850px;
	width:100%;
	height:auto;
}
/* #main
=========================================== */
#main {
	width:960px;
	margin:0 auto 30px;
	overflow:hidden;
}

/* #contents
=========================================== */
#contents {
	float:right;
	width:616px;
	padding-right:6px;
}
/* .cmnTit
--------------------------------- */
#contents .cmnTit {
	width:601px;
	margin:0 auto;
}
/* .cmnSec
--------------------------------- */
#contents .cmnSec {
	margin:20px 0 0;
}
/* .pagetop
--------------------------------- */
#contents .pagetop {
	text-align:right;
}
/* .note
--------------------------------- */
#contents .note {
	margin: 20px 0 -10px;
	text-align:center;
}

/* #gNavi
=========================================== */
#gNavi {
	margin:0 0 20px;
	overflow:hidden;
}
#gNavi li {
	float:left;
}
/* #side
=========================================== */
#side {
	float:left;
	width:314px;
	padding:14px 12px 0 0;
}
/* #sdSns
--------------------------------- */
#sdSns {
	position:relative;
	height:20px;
	margin:0 0 20px;
	text-align:center;
}
#sdSns li {
	position:absolute;
	top:0;
	left:30px;
}
#sdSns li + li {
	position:absolute;
	top:0;
	left:120px;
}
#sdSns li + li + li {
	position:absolute;
	top:0;
	left:210px;
}
/* #sdBnr
--------------------------------- */
#sdBnr li {
	margin:0 0 15px;
	background-color:#fff;
}
#sdBnr li a:hover img {
	opacity:0.7;
	-moz-opacity:0.7;
	filter:alpha(opacity=70);
}
/* #footer
=========================================== */
#footer {
	width:960px;
	margin:0 auto;
	padding:0 0 15px;
}
/* #ftBelt
--------------------------------- */
#ftBelt {
	margin:0 0 12px;
}
/* #ftInfo
--------------------------------- */
#ftInfo {
	position:relative;
}
#ftInfo .logo {
	float:left;
	width:88px;
	padding-bottom:10px;
}
#ftInfo .txt {
	padding:0 0 10px 98px;
	font-size:11px;
	line-height:1.5;
	color:#fff;
}
#ftInfo .btn {
	position:absolute;
	top:0;
	right:0;
	background-color:#fff;
}
#ftInfo .btn a:hover img {
	opacity:0.7;
	-moz-opacity:0.7;
	filter:alpha(opacity=70);
}
#ftInfo ul {
	clear:left;
	overflow:hidden;
}
#ftInfo li {
	float:left;
	padding-right:10px;
	font-size:12px;
}
#ftInfo li a {
	color:#fff;
}