/*
	Natural Art CSS
*/

/*
	ページ基本スタイル (タグ総称スタイル)
*/
body {
	margin: 0px 0px 0px 0px;
	/*line-hight: 1.166;*/
	font-family: "ＭＳ Ｐゴシック", "Osaka";
	/*scrollbar-face-color: #ffffff;
    scrollbar-shadow-color: #ffffff; 
    scrollbar-highlight-color: #ffffff;
	scrollbar-3dlight-color: #BAEFFE; 
    scrollbar-darkshadow-color: #96CF47;
	scrollbar-track-color: #ffffff;
	scrollbar-arrow-color: #1861AE;*/
	background-color: #ffffff;
	background: url(../image/back.png) repeat-x;
}

html>body {
	margin: 0px 0px 0px 0px;
	/*line-hight: 1.166;*/
	font-family: "ＭＳ Ｐゴシック", "Osaka";
	/*scrollbar-face-color: #ffffff;
    scrollbar-shadow-color: #ffffff; 
    scrollbar-highlight-color: #ffffff;
	scrollbar-3dlight-color: #BAEFFE; 
    scrollbar-darkshadow-color: #96CF47;
	scrollbar-track-color: #ffffff;
	scrollbar-arrow-color: #1861AE;*/
	background-color: #ffffff;
	background: url(../image/back.png) repeat-x;
}

UL {
	LIST-STYLE-TYPE: square; 
	margin:0px;
	padding:0px 0px 0px 30px;
	letter-spacing:1pt;
}

OL UL {
	LIST-STYLE-TYPE: square; 
	margin:0px;
	padding:0px 0px 0px 0px;
	letter-spacing:1pt;
}

OL {
	margin:0px 0px 10px 0px;
	padding:0px 0px 0px 30px;
	letter-spacing:1pt;
}

li {
    margin: 0px 10px 0px 10px;
	font-size:12px;
	color:#333333;
	padding: 0px 0px 0px 0px;
	line-height:160%;
	letter-spacing:1pt;
}

li A         { color: #ffffff; TEXT-DECORATION: none;}
li A:link    { color: #ffffff; TEXT-DECORATION: none;}
li A:visited { color: #ffffff; TEXT-DECORATION: none;}
li A:hover   { color: #FF0000; TEXT-DECORATION: none;}

/* ドキュメント要素指定 */

#keyword{
    width: 950px; 
	color: #ffffff;
	margin:0px auto 0px auto;
	padding:0px;
}    


#keyword h1{
	color: #ffffff;
	font-size: 10px;
	margin:0px;
	padding:2px 0px 0px 0px;
}    

#all { 	
	/*border: 1px solid #C6DEAF;*/
	width: 950px;
	margin-left: auto;
	margin-right: auto;
	padding: 0px;
}


/* ヘッダー */

#header {
	margin: 0px;
	width: 950px;
	height:125px;
}

/*メニュー */
#navi {
	width: 950px;
	margin: 0px;
	padding: 0px;
	clear:both;
}

#main{
	height: 400px;
	width:950px;
	margin:0px auto;
	text-align:center;
}

/* コンテンツ */
#content {
     width: 950px;
	 margin: 0px 0px 0px 0px;
	 clear: both;
}


#content h1{
	background-repeat: no-repeat;
	background:url(../image/top/h1.jpg) no-repeat;
	margin: 5px 0px 0px 15px;
	padding: 3px 0px 0px 23px;
	font-size: 18px;	
	font-family: "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", "Osaka", sans-serif;
	height: 25px;
	color: #333333;
}

#content h2{
	background-repeat: no-repeat;
	background:url(../image/top/h2.jpg) no-repeat;
	margin: 10px 0px 1px 0px;
	padding: 10px 0px 0px 30px;
	font-size: 20px;	
	font-weight:bold;
	font-family: "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", "Osaka", sans-serif;
	height: 30px;
	color: #1861AE;
}

#content h3{
	clear:both;
	background:url(../image/top/h3.png) no-repeat;
	margin: 10px 0px 1px 0px;
	padding: 5px 0px 0px 30px;
	font-size: 20px;	
	font-weight:bold;
	font-family: "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", "Osaka", sans-serif;
	height: 30px;
	color: #333333;
}

#content p {
    font-size: 13px; 
    margin: 1px 25px 2px 10px; 
	padding: 0px 0px 0px 0px;
	line-height: 160%;
	color: #333333;
	letter-spacing:1px;
}

#content p A         { color: #3B3A69; TEXT-DECORATION: underline}
#content p A:link    { color: #3B3A69; TEXT-DECORATION: underline}
#content p A:visited { color: #3B3A69; TEXT-DECORATION: underline}
#content p A:hover   { color: #3399FF; TEXT-DECORATION: none}

#content-left {
	width: 470px;
	margin: 10px 0px 0px 0px;
	float: left;
}

#content-right {
	width: 470px;
	margin: 10px 0px 0px 0px;
	float: right;
}

#box {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	border: 1px solid #cccccc;
	width: 940px;
	height: 150px; 
	overflow: auto;
	background-color:#FFFFF;
}

#box p {
    font-size: 12px; 
    margin: 16px 15px 0px 15px; 
	padding: 0px 0px 0px 0px;
	line-height: 145%;
	color: #333333;
	letter-spacing:1px;
}

#box p A         { color: #0066FF; TEXT-DECORATION: underline}
#box p A:link    { color: #0066FF; TEXT-DECORATION: underline}
#box p A:visited { color: #0066FF; TEXT-DECORATION: underline}
#box p A:hover   { color: #ff3300; TEXT-DECORATION: none}

/*画像にマウスを載せると色が薄くなる*/
a:hover img {
 opacity: 0.5;
 filter: alpha(opacity=50);
 -moz-opacity: 0.5;
}


/* フッター TOP */
#footer_top {
	clear: both;
	margin: 40px 0px 0px 0px;
	padding: 0px;
}

/* フッター */

#foot {
	height: 150px;
	clear: both;
	background:url(../image/footback.png) repeat-x;
}

#foot p {
	font-size: 13px;
	color: #FFFFFF;
	font-weight: normal;
	line-height: 200%;	
	padding: 35px 0px 0px 0px;
}


#foot p A:link    { color:#FFFFFF; text-decoration:none;}
#foot p A:visited { color:#FFFFFF;text-decoration:none;}
#foot p A:hover   { color:#ff3300; text-decoration:underline; }

/*スライドショーの記述*/
#slideshow {
   position: relative;
   width:  950px; /* 画像の横幅に合わせて記述 */
   height: 400px; /* 画像の高さに合わせて記述 */
}
#slideshow img {
   position: absolute;
   top: 0;
   left:0;
   z-index: 8;
   opacity: 0.0;
}
#slideshow img.active {
   z-index: 10;
   opacity: 1.0;
}
#slideshow img.last-active {
   z-index: 9;
}