@charset "Shift_JIS";

/* 一括で全ての要素の余白をゼロに指定 */
* {	padding: 0;
	line-height: 1.5em;
	font-size: 15px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	list-style-type: disc;
}

a:link {
	color: #FF3366;
	text-decoration: underline;
}

a:visited {
  color: #990099;
  text-decoration: underline;
}

a:hover {
	color: #FF6666;
	text-decoration: underline;
}

a img { border: none; }





/* ---------------------------------------- フォントスタイル フォントサイズ */
body {
	background:#fff;
	font-size: 15px;
	font-family: "Verdana", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Osaka", "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
	padding: 0;
	scrollbar-3dlight-color:#000066;
	scrollbar-arrow-color:#000066;
	scrollbar-darkshadow-color:#000066;
	scrollbar-face-color:#ffffff;
	scrollbar-highlight-color:#ffffff;
	scrollbar-shadow-color:#ffffff;
	scrollbar-track-color:#ffffff;
	text-align: center;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	
	
}

A {text-decoration: none}
a:link {
	text-decoration:underline;
	color: #333333;
	border: none;
}
a:visited {
	text-decoration:underline;
 	color: #333333;
	border: none;
}

A:hover { text-decoration:; color:"pink"}
 .pt { font-size: 8pt } 
  



/* ---------------------------------------- レイアウトに関する指定 */

#wrapper {
	width: 900px;
	margin-right: auto;
	margin-left: auto;
	text-align: center;
	background-image: url(images/back.gif);
	background-repeat: repeat-y;
	margin-top: 0px;
	margin-bottom: 0px;
}


p #wrapper {
	width: 900px;
	line-height: normal;
}



#header {
	margin-right: auto;
	margin-left: auto;
	width: 900px;
	height: 320px;
	margin-bottom: 0px;
	padding: 0px;
	background-image: url(images/head.png);
	background-repeat: no-repeat;
	margin-top: 0px;

}
#header-logo {
	background-image: url(images/head-logo.jpg);
	background-repeat: no-repeat;
	padding: 0px;
	height: 256px;
	width: 798px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 15px;
}

#slideshow {
   position: relative;
   width:  800px; /* 画像の横幅に合わせて記述 */
   height: 333px; /* 画像の高さに合わせて記述 */
}
#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;
}


/* ---------------------------------------- #navi内の指定 */

#navi {
	width: 800px;
	height: 50px;
	margin-left: 51px;
	margin-top: auto;
	list-style-type: none;
	margin-right: auto;
	padding: 0;
	float: left;
	display: block;
	white-space: nowrap;
		}

/* ---widthはバランスを見 */

#navi ul {
	padding: 0;
	margin: 0;
	list-style-type: none;
	
	}
	

#navi li{
	float: left;
	width: 160px;
	padding: 0;
	margin: 0;
	height: 50px;
	list-style-type: none;

}


#navi li a{
	display: block;
	overflow: hidden;
	width: 100%; /*Windows IE対策*/
	height: 50px !important;
	height /**/: 50px;
	background-image: url(images/navi.png);
	background-repeat: no-repeat;
	margin: 0px;
	padding: 0px;
	list-style-type: none;
	white-space: nowrap;
}


/* オフマウス */
#nav01 a{
	background-position: 0 0;
	margin: 0px;
	padding: 0px;
}
#nav02 a{ background-position: -160px 0;}
#nav03 a{ background-position: -320px 0;}
#nav04 a{ background-position: -480px 0;}
#nav05 a{ background-position: -640px 0;}

/* オンマウス */
#nav01 a:hover{ background-position: 0 -50px;}
#nav02 a:hover{ background-position: -160px -50px;}
#nav03 a:hover{ background-position: -320px -50px;}
#nav04 a:hover{ background-position: -480px -50px;}
#nav05 a:hover{ background-position: -640px -50px;}


#container {
	width: 800px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 10px;
	padding-right: 20px;
	padding-left: 20px;
}

.imgfl{
	margin-top: 20px;
	text-align: right;
	width: 780px;
	float: left;
}


/* 内容　実質800px */

#contents {
	float: left;
	width: 500px;
	margin-right: auto;
	margin-left: auto;
	padding-top: 5px;
	padding-right: 20px;
	padding-left: 70px;
	padding-bottom: 10px;
	text-align: left;
	margin-bottom: 50px;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 15px;
	 }




#r-side {
	float: left;
	width: 180px;
	padding-top: 30px;
	padding-bottom: 10px;
	text-align: left;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 15px;
	line-height: 2em;
	margin-top: 20px;
	margin-right: auto;
	margin-bottom: 10px;
	margin-left: auto;
}



.box {
	width: 730px;
	margin-right: auto;
	margin-left: auto;
	float: left;
	margin-top: 0px;
	margin-bottom: 0px;
	padding-top: 15px;
	padding-right: 10px;
	padding-bottom: 15px;
	padding-left: 40px;
	text-align: left;
}

#footer {
	color: #FFF;
	background-image: url(images/footer.gif);
	clear: both;
	margin-right: auto;
	margin-left: auto;
	width: 900px;
	background-repeat: no-repeat;
	height: 103px;
	margin-top: 30px;
	text-align: right;
	padding-top: 25px;
	padding-right: 60px;
	padding-bottom: 0;
	padding-left: 0;
	margin-bottom: 0px;
	background-color: #FFF;
}

.shinobict{
	width: 140px;
	margi-right: 150px;
	text-align: right;
	float: right;
	height: 70px;
	margin-right: 33px;
   	}

/* ---------------------------------------- #header内の指定 */

/* -- 見出しレベル1 -- */
h1 {
  text-align: right;
  font-size: 1em;
  font-weight: normal;
}

/* -- 企業名 ショップ名 サイト名 -- */
.logo {
    margin-bottom: 0.5em;
  
}


/* -- 概要 -- */
.description {}


/* ---------------------------------------- #contents内の指定 */

/* -- 写真　枠パディング幅あり　グレー1px -- */
img.pict {padding:6px;background:#fff;border:1px #CCC solid;}


/* -- 見出し -- */
h2,h3,h4,h5,h6 {
  font-size: 1.2em;
  margin-bottom: 1.5em;
  padding: 5px 0 5px 5px;
  border-left: 10px solid #000000;
  border-bottom: 1px solid #000000;
}

h3,h4,h5,h6 { margin-top: 2.5em; }

/* -- 文字 -- */
#contents p {
	line-height: 1.8em;
	margin-bottom: 1em;
	margin-top: 0.3em;
}

/* -- パン屑リスト -- */
#contents .topic-path {
  line-height: 1em;
  margin-bottom: 2em;
}

/* -- 以下 リスト関係 -- */
#contents dl { margin: 1em 0; }

#contents dt {
  margin-bottom: 0.5em;
  font-weight: bold;
  border-bottom: 1px dotted #666666;
}

#contents dd { margin-bottom: 2em; }


#contents ul { margin: 1em 0 1em 20px; }
#contents ol { margin: 1em 0 1em 30px; }
#deta {
	font-family: Verdana, Geneva, sans-serif;
	font-size: small;
	float: right;
	width: 100px;
	margin-right: 20px;
	margin-bottom: 20px;
}

#contents li { margin-bottom: 0.5em; }

/* ---------------------------------------- #footer内の指定 */
#footer p { text-align: center; }

/* 以下 CSSデザインサンプルクレジット部分 */
#cds{ display: none; }

.topic-path {
	padding-top: 25px;
	padding-bottom: 20px;
	padding-left: 20px;
}

h1 {
	background-image: url(images/h1-news.gif);
	background-repeat: no-repeat;
	height: 70px;
	width: 460px;
	text-align: left;
	padding-top: 25px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 60px;
	font-size: 16px;
	font-weight: bold;
	font-family: Verdana, Geneva, sans-serif;
	font-variant: normal;
	letter-spacing: 1em;
	
}
#container .box2 ul {
	text-align: left;
	margin-left: 30px;
	line-height: 1em;
	list-style-type: square;
	padding-top: 20px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}

.border {
	height: 5px;
	width: 460px;
	border-bottom-style: dotted;
	border-bottom-color: #CCCCCC;
	margin-top: 10px;
	margin-bottom: 10px;
	clear: both;
	float: left;
}
p {
	font-size: 1em;
	line-height: 1.8em;
	
}
.box2 {
	width: 600px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 20px;
	margin-left: auto;
	text-align: left;
	padding-top: 20px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 10px;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	line-height: 200%;
	font-size: medium;
	color: #000;
}

.box2 table {
	text-align: center;
	margin-right: auto;
	margin-left: auto;
}
#box {
	width: 700px;
	margin-right: auto;
	margin-left: auto;
	padding-top: 15px;
	padding-bottom: 0px;
	text-align: left;
	font-size: medium;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	padding-left: 70px;
	float: left;
	margin-bottom: 20px;
}
.box2 ul li {
	text-align: left;
	list-style-type: disc;
	margin-top:0.2em;
	margin-bottom: 1em;
}
#wrapper #container #box table {
	text-align: center;
}
#wrapper #container #box-onpu {
	background-color: #FFF;
	background-image: url(info/back.png);
	background-repeat: repeat;
	float: left;
	width: 760px;
}
#wrapper #container #box-onpu .box2 {
	background-color: #FFF;
	text-align: center;
}
#wrapper #container #entry_text2    {
	font-family: Verdana, Geneva, sans-serif;
	font-size: large;
	font-weight: bold;
	color: #000;
	margin-top: 15px;
	margin-bottom: 20px;
}


#wrapper #container #box table {
	text-align: left;
	border-top-color: #F9C;
	border-right-color: #F9C;
	border-bottom-color: #F9C;
	border-left-color: #F9C;
	color: #333;
	float: left;
}
#container #box .box2 table tr td {
	border-top-color: #F9C;
	border-right-color: #F9C;
	border-bottom-color: #F9C;
	border-left-color: #F9C;
}
#container #box .box2 table tr th {
	border-top-color: #F99;
	border-right-color: #F99;
	border-bottom-color: #F99;
	border-left-color: #F99;
}
#link {
	clear: both;
	width: 700px;
	margin-top: 50px;
	margin-right: auto;
	margin-bottom: 10px;
	margin-left: auto;
}
#wrapper #container #box table tr td {
	color: #F99;
}
#wrapper #container #box table tr td {
	border-top-color: #F99;
	border-right-color: #F99;
	border-bottom-color: #F99;
	border-left-color: #F99;
	color: #333;
}
#contents p em {
	color: #F33;
}
.red {
	color: #F00;
}
#container #box .box3 {
	padding: 10px;
}
#wrapper #container #box-center {
	float: left;
	width: 600px;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: medium;
	line-height: 130%;
	text-align: left;
	padding-left: 90px;
	padding-bottom: 50px;
	margin-right: auto;
	margin-left: auto;
}