@charset "UTF-8";

/* body
***************************************************************/
body {
font-size:75%;
background:#000;
color:#0b0b0b;
}
body.hide{
overflow:hidden;
}
/* link
***************************************************************/
a {
color: #000;
text-decoration: none;
}
a:hover{
color: #000;
text-decoration: underline;
}

/* clear
***************************************************************/
div,.clearfix {
zoom:1;
}
div:after,.clearfix:after {
content:".";
display: block;
height:0px;
clear:both;
visibility:hidden;
overflow:hidden;
font-size:0.1em;
line-height:0;
}

.nomargin{
	margin:0!important;
}

/* header
***************************************************************/
 #header{
	 width:100%;
	 height:30px;
	 padding:15px 0 13px;
	 background:url(../img/header/bg.png) left top repeat-x;
	 position:absolute;
	 top:0;
	 left:0;
}
#header .inner {
	width:944px;
	padding:0 0 0 13px;
	margin:0 auto;
	position:relative;
}
#header .inner #sns{
	width:390px;
	height:30px;
	display:block;
	text-align:right;
	position:absolute;
	top:0;
	right:130px;
}
#header .inner #sns .sns01{
	display:inline;
	width:180px;
}
#header .inner #sns .sns02{
	display:inline;
	width:210px;
}
#header .inner .close {
	width:91px;
	height:7px;
	display:block;
	position:absolute;
	top:8px;
	right:13px;
}

/* contents
***************************************************************/
#contents {
	padding:40px 0 0;
	width:100%;
	background:url(../img/bg.gif) center top repeat-y #535353;
}
#contents .c1{
	width:960px;
	margin:0 auto;
	background:url(../img/bg-repeat.jpg) top center repeat-y;
}
#contents .c2{
	background:#ccc;
	background:url(../img/bg-top.jpg) top center no-repeat;
}
#contents .c3{
	background:url(../img/side/bg-repeat.jpg) top left repeat-y;
}
#contents .c4{
	background:url(../img/side/bg-top.jpg) top left no-repeat;
}
#contents .c1 #side {
	width:230px;
	padding:40px 0 0;
	float:left;
	text-align:center;
}
#contents .c1 #side h2{
	margin:0 0 40px;
}
#contents .c1 #side ul {
	margin:0 0 30px;
}
#contents .c1 #side ul li {
	margin:0 auto 10px;
}
#contents .c1 #side ul li.big{
	padding-top:15px;
}
#contents .c1 #side ul.nav li {
	width:197px;
	height:47px;
	display:block;
	margin:0 auto 10px;
}
#contents .c1 #main {
	width:660px;
	padding:40px 0 0;
	margin:0 35px 0 0;
	float:right;
}
* html #contents .c1 #main {
	margin:0 17px 0 0;
}
#contents .c1 #main h3{
	margin:0  0 40px;
}
#contents .c1 #main p {
	line-height:1.8em;
	color:#0b0b0b;
}
/* footer
***************************************************************/
 #footer{
	 width:100%;
	 padding:29px 0 50px;
	 border-top:1px solid #454545;
	 background:#000;
}
#footer .inner {
	width:940px;
	margin:0 auto;
	position:relative;
}
#footer .inner p.page-top {
	width:77px;
	height:10px;
	display:block;
	position:absolute;
	right:0;
	top:0;
}

/*
*/
span.protect{
width:100%;
height:100%;
display:block;
position:absolute;
top:0;
left:0;
background:url(../img/blank.gif) repeat;
z-index:1000;
}