@charset "UTF-8";
/* CSS Document */

/* ########## common ########## */
body {
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
.wrap960 {
	width:960px;
	height:auto;
	margin:0 auto;
}
a:link{
	font-size:100%;
	color:#666;
	text-decoration:underline;
}
a:visited{
	font-size:100%;
	color:#666;
	text-decoration:none;
}

a:hover{
	font-size:100%;
	color:#39C;
	text-decoration:none;
}
a:active{
	font-size:100%;
	color:#39C;
	text-decoration:none;
}
a.white:link{
	font-size:100%;
	color:#FFF;
	text-decoration:underline;
}
a.white:visited{
	font-size:100%;
	color:#FFF;
	text-decoration:none;
}

a.white:hover{
	font-size:100%;
	color:#CCC;
	text-decoration:none;
}
a.white:active{
	font-size:100%;
	color:#F00;
	text-decoration:none;
}
.clearfix:after{
	content: ""; 
	display: block; 
	clear: both;
}
.clearfix {
}

#gg {
display: none;
}
span {
	font-size:80%;
}
h5 {
	text-align:center;
}

/* ########## Header ########## */
header {
	background:#662D91;
	width:100%;
	height:25px;
	padding:8px 0 0;
	border-bottom:1px solid #303;
}
header h1 {
	width:744px;
	height:auto;
	padding:3px 0 0;
	margin:0;
	float:left;
	font-size:66%;
	font-weight:500;
	line-height:100%;
	color:#FFFFFF;
}
header address {
	width:216px;
	height:auto;
	padding:0;
	margin:0;
	float:left;
}
/* ########## MV ########## */
section#mv {
	background: url('../img/bg_mv.jpg') center top no-repeat;
	background-size:cover;
	min-width:960px;
	height:506px;
	padding:90px 0 0;
	margin:0;
}
section#mv h2{
	width:560px;
	height:auto;
	margin:0 0 12px 400px;
}
section#mv h3{
	width:560px;
	height:auto;
	margin:0 0 36px 400px;
}
section#mv article {
	width:352px;
	height:91px;
	padding:24px;
	margin:0 0 0 558px;
	border: 1px solid #000000;
}
section#mv a article:hover {
	border: 1px solid #999999;
}
section#mv dl {
	list-style:none;
}
section#mv dt {
	width:62px;
	padding:0;
	margin:0 12px 0 0;
	float:left;
}
section#mv dd {
	width:278px;
	float:left;
	padding:0;
	margin:0;
}

section#content{
	background:url('../img/bg_content01.jpg') center top no-repeat;
	padding:0;
	margin:0;
	border-top:1px solid #000;
	border-bottom:1px solid #000;
}

/* ########## Content01 ########## */

section#content01 {
	background:url('../img/index/bg_content01.jpg') center center;
	min-width: 100%;
	padding:36px 0 0;
	margin:0 0 360px;
}
section#content01 h2 {
	background:rgba(0,0,0,0.4);
	padding:12px 0;
	margin:0;
	text-align:center;
}
/* ########## Content02 ########## */
section#content02 {
	background:rgba(0,0,0,0.4);
	padding:0;
	margin:0;
}
div#content02-left {
	width:300px;
	height:auto;
	padding:0 36px 0;
	margin:-150px 0 0;
	float:left;
}
div#content02-right {
	width:588px;
	height:auto;
	padding:36px 0;
	float:left;
}
div#content02-right article {
	background:url('../img/bg_content02-02.png') repeat;
	padding:36px;
}
div#content02-right h2 {
	width:auto;
	height:61px;
	padding:0;
	margin:0 0 18px;
}
div#content02-right p {
	font-size:80%;
	font-weight:500;
	line-height:150%;
	color:#FFFFFF;
}
/* ########## Content02 ########## */
section#content03 {
	background:url('../img/bg_content03-01.png') center top repeat-x;
	padding:0;
	margin:0;
}
div#content03-container {
	background:url('../img/bg_content03-02.png') repeat;
	padding:48px 0;;
	margin:0;
}
section#content03 h2 {
	background:#662D91;
	width:898px;
	height:22px;
	padding:12px 0;
	margin:0 auto 36px;
	border:1px solid #EFEFEF;
	text-align:center;
}
section#content03 h3 {
	margin:0 0 9px;
}
section#content03 dl {
	width:900px;
	margin:0 auto 30px;
}
section#content03 dt {
	width:300px;
	height:auto;
	float:left;
	text-align:center;
}
section#content03 dd {
	width:600px;
	height:auto;
	float:left;
	font-size:100%;
	font-weight:500;
	line-height:150%;
	color:#FFF;
}

/* ########## Content02 ########## */
section#content04 {
	background:#EFEFEF;
	padding:48px 0;
	margin:0;
	border-top:1px solid #000;
	border-bottom:1px solid #000;
}
section#content04 h2 {
	padding:0;
	margin:0 0 36px;
	text-align:center;
}
section#content04 ol{
	list-style: none;
	width:662px;
	height:auto;
	margin:0 auto 36px;
}
section#content04 li {
	margin:0 0 24px;
}

/* ########## Social ########## */
section#social{
	width:960px;
	height:320px;
	padding:36px 0;
	margin:0 auto;
}
div#facebook {
	width:312px;
	height:320px;
	float:left;
	margin:0 12px 0 0 ;
}
div#twitter {
	width:312px;
	height:320px;
	float:left;
	margin:0 12px 0 0 ;
}
div#pinterest {
	width:312px;
	height:320px;
	float:left;
	margin:0 ;
}

/* ########## Footer ########## */
footer {
	background:#000;
	padding:18px 0 36px;
	text-align:center;
}
footer h5 {
	margin:0 0 9px;
}
footer p{
	font-size:60%;
	color:#FFF;
}