@import url(http://fonts.googleapis.com/css?family=Electrolize);
@import url(http://fonts.googleapis.com/css?family=Lato:100);

@charset "utf-8";
*{
	outline: none;
	filter: inherit;
}

html{
	width: 100%;
	height: 100%;
	margin: 0;
}
body{
	font-family: "Times New Roman", Times, serif;
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
	border: none;
	-webkit-text-size-adjust: 100%;
}
#wrapper {
}
#header {
	position:relative;
	width:100%;
	min-width:1040px;
	height:120px;
	background:#000 url(../images/head_back.gif) repeat-x Center Bottom;
	z-index:1;
}
#header #headerMain {
	position:relative;
	height:120px;
	width:1040px;
	margin:0 auto;
	z-index:1;
}
#contentsLogo {
	position:absolute;
	height:96px;
	width:186px;
	top:14px;
	left:20px;
}
#contentsLogo img {
	height:100%;
	width:100%;
}
#backButtonSp {
	display:none;
}
#backButtonSp img {
	height:100%;
	width:100%;
}

#spTitArea {
	display:none;
}
#spTitMain img {
	height:100%;
	width:100%;
}

#menuAreaContents {
	background:none;
	height:70px;
	position:absolute;
	bottom:1px;
	right:0px;
	width:771px;
	height:70px
	z-index:1;
}
#menuAreaContents ul {
	z-index:1
}
#menuAreaContents li {
	float:left;
	position:relative;
	z-index:1;
}

#menuAreaContents ul li ul {
	margin-left: 0;
	padding-top: 0;
	position: absolute;
	list-style: none;
	left: -10px;
	margin:0;
	padding:0;
	height:244px;
	width: 185px;
	display:none;
	z-index:1;
	top:70px;
}

#menuAreaContents ul li ul li {
	float: none;
	width: 185px;
	margin:0;
	padding:0;
	height:auto;
	z-index:1;
}

#contentsArea {
	position:relative;
	width:100%;
	min-width:1040px;
	height:auto;
	background:#000 url(../images/contents_back.gif) repeat Center Top;
}
#contentsArea #contentsMain {
	height:auto;
	width:1040px;
	margin:0 auto;
	padding:50px 0 80px 0;
	overflow: hidden; /*float解除*/
	position: relative; /*DW*/
	zoom: 1; /*IE6*/
}

/*------  PC LARGE SIZE  ------*/

@media screen and (min-width: 1400px) {
#header {
	position:relative;
	width:100%;
	min-width:1260px;
	height:120px;
}
#header #headerMain {
	height:120px;
	width:1260px;
	margin:0 auto;
}
}


/*------  SP LARGE SIZE  ------*/

@media screen and (max-width: 768px) {
#header {
	position:relative;
	width:100%;
	min-width:480px;
	height:120px;
	background:none;
	border-bottom:dotted #666 1px;
}
#header #headerMain {
	height:120px;
	width:100%;
	margin:0 auto;
}
#contentsLogo {
	position:absolute;
	height:96px;
	width:186px;
	top:14px;
	left:auto;
	right:10px;
}
#backButtonSp {
	display:block;
	position:absolute;
	height:40px;
	width:66px;
	top:40px;
	left:10px;
}
#spTitArea {
	display:block;
	position:relative;
	width:100%;
	min-width:320px;
	height:150px;
	background:url(../images/title_back.gif) repeat-x Center Center;
	border-bottom:dotted #666 1px;
}
#spTitMain {
	height:150px;
	width:270px;
	margin:0 auto;
}
#menuAreaContents {
	display:none;
}
#contentsArea {
	position:relative;
	width:100%;
	min-width:480px;
	height:auto;
}
#contentsArea #contentsMain {
	height:auto;
	width:100%;
	margin:0 auto;
}
#footerArea {
	border-top:none;
}
}


/*------  SP SMALL SIZE  ------*/

@media screen and (max-width: 479px) {
#header {
	position:relative;
	width:100%;
	min-width:320px;
	height:120px;
}
#contentsArea {
	position:relative;
	width:100%;
	min-width:320px;
	height:auto;
}

}