@charset "utf-8";


/*
-------------------------------------
●●●●基本スタイルシート
制作者：siro
更新日：2009/11/10
-------------------------------------
目次

・基本構造
・ヘッダー
・ナビゲーション
・コンテンツ
　・subコンテンツ
　・mainコンテンツ
　・extraコンテンツ
・フッター




-------------------------------------*/


/*=基本構造
-------------------------------------*/

body {
	margin-top: 0px;
	font-size: 80%;
	color: #666666;
	line-height: 150%;
	margin-bottom: 0px;
	background-color: #EEEEEE;
}

body img { border: none; }

#container {
	width: 800px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 0px;
	background-color: #FFFFFF;
}

a:link {
	color: #999999;
	text-decoration: none;
}

a:visited {
	text-decoration: none;
}

a:hover {
	text-decoration: none;
	color: #00FFFF;
}

a:active {
	text-decoration: none;
}


/*=ヘッダー
-------------------------------------*/

#header {
	display: inline-block;
	height: 125px;
}

#header h1 {
	font-size: 10px;
	margin-left: 5px;
}


#header h2 {
	float: left;
	padding-left: 5px;
	width: 230px;
}



#header .rightnavi {
	float: right;
	margin: 0px;
	padding-right: 5px;
	padding-top: 0px;
	padding-bottom: 0px;
}


#header .rightnavi li {
	display: inline;
}

#header .rightnavi .sitemap {
	padding-right: 5px;
	border-right-width: 2px;
	border-right-style: solid;
	border-right-color: #33D6FF;
	margin-right: 0px;
}

#header .rightnavi .contact {
	padding-left: 7px;
	margin-left: 0px;
}


#header .new {
	margin-top: 0px;
	margin-bottom: 10px;
	padding-bottom: 0px;
	padding-right: 10px;
	padding-top: 0px;
	float: right;
}




#header:after{
    content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

#header {
	display: inline-block;
}

/* Hides from IE-mac \*/
* html #header{ height: 1%; }
#header{ display:block; }
/* End hide from IE-mac */




/*=ナビゲーション
-------------------------------------*/

.nav {
	display: inline-block;
	padding: 0px;
	height: 63px;
	margin-top: -31px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	clear: both;
}

.navb {
	margin-top: 10px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 10px;
	width: 728px;
}

.nav ul {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}

.nav ul .nav1 {
	padding: 0px;
	float: left;
	margin-top: 31px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}

.nav ul .nav2 {
	padding: 0px;
	float: left;
	margin-top: 31px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}

.nav ul .nav3 {
	padding: 0px;
	float: left;
	margin-top: 31px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}

.nav ul .nav4 {
	margin: 0px;
	padding: 0px;
	float: left;
}

.nav ul .nav5 {
	margin: 0px;
	padding: 0px;
	float: left;
}

.nav ul .nav6 {
	padding: 0px;
	float: left;
	margin-top: 31px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}

.nav ul .nav7 {
	padding: 0px;
	float: left;
	margin-top: 31px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}

.nav ul .nav8 {
	padding: 0px;
	float: left;
	margin-top: 31px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}


.nav:after{
    content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.nav {
	display: inline-block;
}


/* Hides from IE-mac \*/
* html .nav{ height: 1%; }
.nav{ display:block; }
/* End hide from IE-mac */


/*=コンテンツ
-------------------------------------*/

#content {
	padding-bottom: 15px;
}

#content .mainimg {
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 15px;
	margin-left: 0px;
}


/*=subコンテンツ
-------------------------------------*/

#content .sub {
	float: left;
	width: 125px;
	margin-right: 15px;
	padding-left: 5px;
	font-size: 10px;
}

#content .sub h4 {
	color: #FFFFFF;
	background-color: #009DD9;
	text-align: center;
	font-size: 12px;
	margin-top: 25px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}

#content .sub ul {
	margin: 0px;
	padding: 0px;
}

#content .sub li {
	margin-top: 5px;
	padding-bottom: 2px;
	border-bottom-width: 100%;
	border-bottom-style: dotted;
	border-bottom-color: #CCCCCC;
	list-style-type: none;
}



/*=mainコンテンツ
-------------------------------------*/

#content .main {
	float: left;
	width: 475px;
	margin-right: 15px;
}

#content .main h3 {
	border-right-width: 10px;
	border-left-width: 10px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #33D6FF;
	border-left-color: #33D6FF;
	background-color: #E8E8E8;
	padding-left: 5px;
	font-size: 12px;
	margin: 0px;
	padding-bottom: 1px;
	padding-top: 1px;
}

#content .main .text {
	margin-top: 10px;
	margin-bottom: 25px;
	margin-right: 3px;
	margin-left: 3px;
}

#content .main .img {
	text-align: center;
}


#content .main .underbana {
	margin-top: 5px;
	margin-bottom: 10px;
	text-align: center;
}




/*=extraコンテンツ
-------------------------------------*/

#content .extra {
	float: left;
	width: 160px;
	margin: 0px;
}

.bana {
	margin-top: 0px;
	margin-bottom: 10px;
}


#content:after{
    content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

#content {
	display: inline-block;
}


/* Hides from IE-mac \*/
* html #content{ height: 1%; }
#content{ display:block; }
/* End hide from IE-mac */



/*=フッター
-------------------------------------*/



#footer {
	background-color: #D7F7FF;
}

#footer .left {
	float: left;
}

#footer .center {
	float: left;
}

#footer .right {
	float: left;
}

#footer address {
	color: #FFFFFF;
	background-color: #000000;
	clear: left;
	text-align: center;
}