@charset "utf-8";

/* reset styles */

html, body, div, h1, h2, h3, h4, h5, h6, p, blockquote, pre, address, ul, ol, li, dl, dt, dd, table, th, td, form, fieldset
{
	margin: 0px;
	padding: 0px;
}

/* font family for Safari */

body {
	font-size: 15px;
	font-family: Meiryo UI, MS UI Gothic, "メイリオ", Meiryo, "MS P ゴシック", MS PGothic, "ヒラギノ角ゴ Pro W3", Hiragino Kaku Gothic Pro, Osaka, sans-serif;
	letter-spacing: 1px;
}

/* for WinIE6*/

* html body {
	font-size: 15px;
	font-family: Meiryo UI, MS UI Gothic, "メイリオ", Meiryo, "MS P ゴシック", MS PGothic, Verdana, sans-serif;
	letter-spacing: 1px;
	vertical-align:baseline;
}

/* for WinIE7*/

*:first-child+html body {
	font-size: 15px;
	font-family: Meiryo UI, MS UI Gothic, "メイリオ", Meiryo, "MS P ゴシック", MS PGothic, sans-serif;
}


/* CSS common part for all page design */

body {
	line-height: 100%;
	color: #000000;
	background-image: url(../index/img/bgb.gif);
	background-repeat: repeat;
}

a {
	text-decoration: none;
	color: #0000FF;
}

a:hover {
	top: 1px;
	clip:   rect(   );
	position: relative;
	color: #FF0000
}

.red { color: #FF0000; }

.c { text-align: center; }

.sp6{ margin-bottom:6px; }

.sp8{ margin-bottom:8px; }

.sp10{ margin-bottom:10px; }

.sp20{ margin-bottom:20px; }

.sp30{ margin-bottom:30px; }

.sp40{ margin-bottom:40px; }

.sp50{ margin-bottom:50px; }


/* WRAPPER */

#wrapper {
	margin: 0px auto;
	width: 860px;
	height: 100%;
	background-color: #FFFFFF;
	padding: 0px;
	border-right-width: 20px;
	border-left-width: 20px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #FFFFFF;
	border-left-color: #FFFFFF;
}


#wrapper img {
	border: 0;
}


/* HEADER SECTION */

#header {
	font-family: "Meiryo UI",  "MS UI Gothic", "メイリオ", Meiryo,"ＭＳ Ｐゴシック", "MS PGothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, sans-serif;
	padding: 0px;
	width: 860px;
	margin-bottom: 8px;
}

#header h1 {
	font-size: 10px;
	width: 600px;
	display: block;
	color: #666666;
	float: left;
}

#header a:hover {
	position: static;
}

#header p {
	padding: 0px;
	width: 860px;
	margin-bottom: 0px;
	clear: both;
}

/* header Navigation */

#header ul {
	width: auto;
	height: auto;
	overflow: hidden;
	background-image: url(../index/img/bg.gif);
	background-repeat: repeat-x;
	background-position: center;
	margin-bottom: 0px;
}

#header li {
	width: 172px;
	height: auto;
	font-size: 16px;
	display: inline;
	list-style-type: none;
	text-align: center;
	float: left;
}

#header li a {
	display: block;
	color: #FFF;
	padding-top: 8px;
	padding-bottom: 8px;
	padding-right: 0px;
	padding-left: 0px;
}

#header li a:hover {
	color: #000000;
	background-image: url(../index/img/bgw.gif);
	background-repeat: repeat-x;
	background-position: center;
	padding-top: 8px;
	padding-bottom: 8px;
	padding-right: 0px;
	padding-left: 0px;
	position: static;
}

#header li a:active {
	color: #000000;
	background-image: url(../index/img/bgw.gif);
	background-repeat: repeat-x;
	background-position: center;
	padding-top: 8px;
	padding-bottom: 8px;
	padding-right: 0px;
	padding-left: 0px;
	position: static;
}


/* DIV header 見出しH1横リンク CSS */

#smap {
	padding: 0px;
	margin: 0px;
	width: 250px;
	float: right;
}


#smap ul {
	width: 250px;
	display: block;
	padding: 0px;
	margin: 0px;
	background-color: #FFF;
	background-image: none;
	overflow: hidden;
}

#smap li {
	width: auto;
	display: block;
	padding: 0px;
	margin: 0px;
	background-color: #FFF;
	background-image: none;
	list-style-type: none;
	text-align: left;
	position: static;
	font-size: 10px;
}

#smap li a {
	color: #666666;
	font-size: 10px;
	display: inline;
	list-style-type: none;
	position: static;
	background-image: none;
	padding: 0px;
	margin: 0px;
}

#smap li a:hover {
	color: #666666;
	padding: 0px;
	margin: 0px;
	position: static;
	background-color: #FFF;
	background-image: none;
}


#smap li a:active {
	color: #666666;
	padding: 0px;
	margin: 0px;
	position: static;
	background-color: #FFF;
	background-image: none;
}


/* DIV header スライドショーCSS */

#slide {
   position: relative; /* 画像の絶対配置の基準にするため */
   width:  860px; /* ボックスの横幅 */
   height: 380px; /* ボックスの高さ */
}

#slide p {
   position: absolute; /* 画像をボックスの左上に合わせる */
   top:  0;
   left: 0;
   z-index: 8; /* 画像の重なる順番 大きい値ほど手前に表示される */
   opacity: 0.0; /* 0＝透明にして徐々に次の画像を表示 */
   margin: 0;
   background-color: white; /* ボックスの背景色(必須) */
   height: 380px; /* ボックスの高さ */
}

#slide p.active {
   z-index: 10;/* 最も大きい値にして一番手前に持っていく */
   opacity: 1.0;
}

#slide p.last-active {
   z-index: 9;
}

#slide p img {
   width:  860px; /* 画像の横幅 */
   height: 380px; /* 画像の高さ */
   display: block;
   border: 0;
   margin-bottom: 0px; /* 画像下部の余白 */
}


/* CONTENTS SECTION */

#content {
	width: 860px;
	height: auto;
	line-height: 130%;
	margin: 0 auto;
	vertical-align: baseline;
	clear: both;
}

/* CONTENTS RIGHT part DIV #primary */

#primary {
	float: right;
	width: 685px;
	height: auto;
}


/* CONTENTS LEFT part DIV #NAVI */

#NAVI {
	float: left;
	width: 167px;
	font-family: "Meiryo UI",  "MS UI Gothic", "メイリオ", Meiryo,"ＭＳ Ｐゴシック", "MS PGothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro",  Osaka,sans-serif;
}

#NAVI #top {
	width: 165px;
	margin: 0;
	padding: 0;
	display: block;
	border: 0;
}

#NAVI #top h3 {
	width: 165px;
	margin: 0;
	padding: 0;
	display: block;
	border: 0;
	margin-bottom: 8px;
}

#NAVI #top p {
	width: 165px;
	margin: 0;
	padding: 0;
	display: block;
	border: 0;
	margin-bottom: 8px;
}

#NAVI #top img {
	width: 165px;
}


#NAVI .NV {
	width: 165px;
	margin-bottom: 12px;
}

#NAVI .NV h3 {
	width: 165px;
	height: 35px;
	margin: 0;
	padding: 0;
	display: block;
	border: 0;
}

#NAVI .NV img {
	width: 165px;
	margin: 0;
	padding: 0;
	display: block;
	border: 0;
}

#NAVI .NV ul {
	width: 165px;
	border-bottom: solid #B30200 1px;
}

#NAVI .NV li {
	list-style-type: none;
	width: 165px;
}

#NAVI .NV .L {
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #FF9900;
}

#NAVI .NV a {
	display: block;
	padding: 12px 0px 9px 12px;
	font-size: 14px;
	font-weight: bold;
	line-height: 100%;
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #B30200;
	border-left-color: #B30200;
	background-image: url(../index/img/menu11.gif);
	background-repeat: repeat-x;
	background-position: bottom;
}

#NAVI .NV a:hover {
	background-image: url(../index/img/bg.gif);
	color: #FFF;
	background-repeat: repeat-x;
}

#NAVI .CM {
	width: 165px;
	margin-bottom: 8px;
}

#NAVI .CM img {
	display: block;
	width: 165px;
	border: 0;
}

#NAVI address {
	width: 160px;
	font-size: 10px;
	color: #000000;
	margin-left: 3px;
	margin-top: 8px;
	display: block;
	font-style: normal;
}

#NAVI address a {
	font-size: 10px;
	color: #000000;
}


/* DIV #NAVI class CM2  リンク集～サイトマップ */

#NAVI .CM2 {
	margin: 0 auto;
	width: 155px;
	margin-bottom: 10px;
}

#NAVI .CM2 p {
	width: 145px;
	display: block;
	margin-left: 10px;
}

#NAVI .CM2 a {
	width: 145px;
	font-size: 12px;
}

#NAVI .CM2 img {
	display: inline;
	width: 7px;
	height: 8px;
}


/* FOOTER SECTION */

#footer {
	clear: both;
	width: 860px;
	padding: 5px 0;
}


#footer p {
	width: 850px;
	padding-bottom: 5px;
	font-size: 10px;
	display: block;
	margin-left: 5px;
}

/* footer Navigation */

#footer ul {
	width: auto;
	height: auto;
	overflow: hidden;
	background-image: url(../index/img/bg.gif);
	background-repeat: repeat-x;
	background-position: center;
	margin-bottom: 0px;
}

#footer li {
	width: 172px;
	height: auto;
	font-size: 16px;
	display: inline;
	list-style-type: none;
	text-align: center;
	float: left;
}

#footer li a {
	display: block;
	color: #FFF;
	padding-top: 8px;
	padding-bottom: 8px;
	padding-right: 0px;
	padding-left: 0px;
}

#footer li a:hover {
	color: #000000;
	background-image: url(../index/img/bgw.gif);
	background-repeat: repeat-x;
	background-position: center;
	padding-top: 8px;
	padding-bottom: 8px;
	padding-right: 0px;
	padding-left: 0px;
	position: static;
}

#footer li a:active {
	color: #000000;
	background-image: url(../index/img/bgw.gif);
	background-repeat: repeat-x;
	background-position: center;
	padding-top: 8px;
	padding-bottom: 8px;
	padding-right: 0px;
	padding-left: 0px;
	position: static;
}

/* COPYRIGHT SECTION */

#footer #copyright {
	background-color: #FFE1C4;
	clear: both;
	padding-top: 5px;
	padding-bottom: 5px;
	border: 1px solid #999999;
	margin-top: 1px;
}

#footer #copyright address {
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	text-align: center;
	line-height: 150%;
	letter-spacing: 1px;
}



/* サイト直下サイトマップページCSS */

#content {
	clear: both;
	width: 860px;
	height: auto;
	line-height: 130%;
	margin: 0 auto;
	vertical-align: baseline;
	font-family: "Meiryo UI",  "MS UI Gothic", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic","ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro",  Osaka,sans-serif;
}

#content #left {
	float: left;
	width: 425px;
}

#content #right {
	float: right;
	width: 425px;
}

#content #left  h2 {
	width: 390px;
	margin-top: 25px;
	margin-bottom: 5px;
	font-size: 18px;
	text-align: center;
}

#content #left  h3  {
	font-size: 16px;
	margin-top: 15px;
	width: 390px;
	border-left: 7px solid #FF6600;
	border-bottom: 1px solid #FF6600;
	padding-top: 5px;
	padding-left: 10px;
	margin-bottom: 5px;
}

#content #right  h2 {
	width: 390px;
	margin-top: 25px;
	margin-bottom: 5px;
	font-size: 18px;
	text-align: center;
}

#content #right  h3  {
	font-size: 16px;
	margin-top: 15px;
	width: 390px;
	border-left: 7px solid #FF6600;
	border-bottom: 1px solid #FF6600;
	padding-top: 5px;
	padding-left: 10px;
	margin-bottom: 5px;
}