/* ===================================================================
CSS information
 file name  :  common.css
 style info :  基本構造（common.css）
 admin info :  Kazuki Goto
=================================================================== */
body {
	background: #fff;
 	width:100%;
	height:100%;
}

@media screen and (min-width: 801px)  {
/* PC用のスタイル記述 */
#header {

	width:100%;
	height:25px;
	line-height:25px;
	margin-bottom:0px;
	border-bottom:5px solid #ccc;
	text-align:center;
	background-color:rgba( 255, 255, 255, 0.85 );
	z-index: 7;
}
#header div {
	width:960px;
	display: inline-block;
	text-align:left;
}

/* ======================================== */
#wrapper {
	width:960px;
	margin:0 auto;
	background-color:#fff;
}
div.title{
	position:absolute;
	text-align:left;
	line-height:200%;
	width:100%;
}
span.top-title {
	position:absolute; 
	top:40px; left:15px;
	font-size:28pt; 
	font-weight:normal; 
	text-align: left; 
	color:white; 
	text-shadow: 1px 1px 5px #000000;
	z-index:4;
	line-height:200%; 
}
span.top-sub {
	position:absolute; 
	left:0px;
	font-size:14pt; 
	font-weight:bold; 
	text-align: left; 
	color:white;
	z-index:4;
	line-height:150%; 
}
span.top-sub b{
	padding:0px 30px;
	background:#666;
	height:60px;
	color:white;
	border-radius:30px;
	font-size:90%;
}
span.top-sub i{
	padding:0px 30px;
	font-size:90%;
}






/* ======================================== */
#main {
	margin-top:25px;
	background-color:#fff;
	width:960px;
	padding-bottom:40px;
	float:left;
	clear:both;
	position:relative;
}









span.english {
	font-size:12pt;
	width:200px;
	position:absolute; 
	right:0px;top:0px;
	margin:0px;padding:0px;
	height:40px;line-height:40px;
	z-index:5;
	float:right;
}
span.english a{
	background:black; 
	width:100px; color:white;
}
span.english a.l{
	border-bottom-left-radius:20px;
}

span.english a:hover{
	background:#006e4f;
	color:white;
}
.slogan{
	width:720px;
	position:absolute;
	bottom:40px;right:0px;
	line-height:50px;
	border-bottom-left-radius: 20px;
	border-top-left-radius: 20px;
	border-bottom-right-radius: 0px;
	border-top-right-radius: 0px;
	text-align:center;
	float:right;
}











#nav {
	background-color:#fff;
	width:100%;
	padding:0px;
	float:left;
	text-shadow: 1px 1px 2px #ccc;
}
#nav ul {
	width:100%;
}
#nav ul li {
	width:137px;
	float: left;
	height:40px;
	background-color:#FFFFFF;
}
#nav ul li a {
	width:90%;
	height:40px;
	line-height:40px;
	border-bottom:2px dotted #fff;
}
#nav ul li a:hover {
	color:#666;
	font-weight:bold;
	border-bottom:2px dotted #ccc;
}
#nav ul li a:active {
	background: #cfc;
}






.nav01, .nav02, .nav03, .nav04, .nav05, .nav06, .nav07, .nav08 
{
	margin:0px;
	padding:0px;
}




.nav01, .nav02, .nav03, .nav04, .nav05, .nav06, .nav07, .nav08 
{
	margin:0px;
	padding:0px;
}
.fixed {
	position: fixed;
	top: 20px;
	background-color:rgba( 255, 255, 255, 0.75 );
}
	.flickity-page-dots {
    	bottom: -25px !important;
	}
	.flickity-page-dots .dot {
    	height: 10px !important;width:10px !important;
	}
/*	.flickity-prev-next-button next  {
    	height: 44px !important;
	width:44px !important;
	}
	.flickity-prev-next-button previous {
    	height: 44px !important;
	width:44px !important;
	}*/
	.flickity-prev-next-button {
    	height: 44px !important;
	width:44px !important;
	}
/* ======================================== */
#contents {
	width:720px;
	float:left;
	background-color:#fff;
	position:relative;
}













.box02{
	width:320px;float:right;
}
.box03{
	width:400px;
}



.box04{
	width:720px;
}



.box_ad01{
	width:234px;
	position:absolute;top:0px; right:-240px;
	padding:0px, auto;
}
.box_ad02{
	width:234px;
	position:absolute;top:200px; right:-240px;
	padding:3px, auto;
}
.box_ad03{
	width:234px;
	position:absolute;top:400px; right:-240px;
	padding:3px, auto;
}
.box_ad04{
	width:234px;
	position:absolute;top:600px; right:-240px;
	padding:3px, auto;
}

#box_ad01, #box_ad02, #box_ad03, #box_ad04{
	width:100%;border:0;padding:0;margin:0;
}
.box_ad01 div, .box_ad02 div, .box_ad03 div, .box_ad04 div{
	position:relative;
	width:100%;height:100%;
	padding:0px0px;
	padding-left:5px;
}


.boxA01{
	width:720px;
	text-align:left;
}

}