@charset "shift_JIS";


/* ================================================ */
/* 全体設定           */
* {
  margin: 0;
  padding:0;
  font-style : normal;
  font-weight : normal;
  font-size: 100%;
}
/* body              */



body {
 font-size: 84%;
 font-family: Verdana,"ＭＳ Ｐゴシック",Osaka,sans-serif;
 line-height: 150%;
 text-align: left;
 color:#3F3F3F;
 background-color: ;

 background-image: url("img/background.gif");
}

/* ================================================ */
/* 見出し           */
h1,h2 {
 font-weight: bold;
 letter-spacing: 0.2em;
 color:#4F7E7A;
}

/* ================================================ */
/* リンク            */
a{
  color: #006699;
  text-decoration: underline;
}

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

/* ================================================ */
/* 文字強調          */
em {
    font-size: 110%;
	font-weight: 600;
    color:#15859D;
}
strong {
    font-size: 130%;  
    font-weight: bold;
    color: #d77;
}

b {
	font-weight:bold;
}



/* ================================================ */
/* 画像              */
img {  
  border: 0;
  border-style: none;
  margin-top:0;
  margin-left:0px;
  margin-right: 0px;
  margin-bottom:0px;
}



img.sd {
 margin:0px;
}

img.sm {
  margin:-5px;
}


#gallery, #thumbs{
	float: left;
}

#gallery{
	width: 1080px;
	height: 360px;
	overflow: hidden;
}

#gallery img{
	width:1080px;
	height: 360px;
	position: absolute;
}

#thumbs{
	width: 120px;
	height: 360px;
	overflow: hidden;
}

#next{
	display: block;
	width: 47px;
	height: 43px;
	background: url('./img/sd/arrow.png');
	position: relative;
	top: 318px;
	left: 1156px
}

#next:hover{
	background: url('./img/sd/arrowmo.png');
}

.clear{
	clear: both;
}

/* ================================================ */
/* ページの整形１     */
#container {
 text-align: left;
 background-color:#FFFFF9;
 margin: 0 auto 0 15%;
 width: 1200px;
 border-radius: 10px;
 border-top: 2px solid #663333;
 border-left: 2px solid #663333;
 border-right: 2px solid #663333;
 border-bottom:  2px solid #663333;
}




.sd{
 width: 1200px;
 height:360px;
 margin-left: auto;
 margin-right: auto;
 position: relative;

}

/* ================================================ */
/* ヘッダー     */
#header1 {
    width: 100%;
    height: 200px;
    background-color:#FFFFF9;
}

#header2 {
    width: 100%;
	height: 120px;
    background-color:#FFFFF9;
}

/* 文字    */
h1 {
 font-size: 280%;
 
padding:0px 0px 0px;
 color: #333;

}
p,dl {
  margin: 2px 10px 0px 30px;
}

.samp {
 font-size: x-small;
 color:#908FF6;
 position: static;
}

p.intro {
 margin: 2px 10px 0px 30px;
 position: ;
 top: -300;
 left: 800;
 color:#996666;
}


/* ================================================ */
/* メニュー     */
#menu {
    margin: 0 ;
    padding: 4px 0px 4px 4px;
    width: 100%;
    height: 20px;
    color:transparent;
    font-size:95%;

    border-bottom:3px #996666;
}
#menu ul, #menu li {
  margin: 0;
  padding: ;
  display: inline;
  list-style-type: none;
}
#menu a {
  display: inline;
  font-weight: bold;
  margin: 0 6px 6px;
  padding: 0px;
  text-decoration: none;
  color: #999;
}
#menu a:hover {
  border-bottom: 4px solid #333;
  padding: 0px;
  background: transparent;
  color: #333;
}


/* ==========================================*/
/*　ドロップメニュー　*/
.menu ul{
  margin:0;
  padding: 0;
    font-size:95%; 
}
.menu ul li {
  list-style: none;
  margin:0;
  position: relative;
  float:left ;
  width:;/*親メニューの幅*/
  height: 22px;/*親メニューの高さ*/
  line-height: 20px;
  background:#fff;/*親メニューの背景色*/
  color: #999;/*親メニューの文字色*/
}
.menu ul li a {
  color: #999;
  display:block;
  text-decoration: none;
}
.menu ul li:hover, .menu ul li a:hover {
  background:#fff;/*ホバー時の親メニューの背景色*/
  color:#333;/*ホバー時の親メニューの文字色*/
}
.menu ul li ul {
  position: absolute;
  top: 22px;/*親メニューの高さと同じにする*/
  left:0;
  z-index: 100;
}
.menu ul li ul li {
    visibility: hidden;
    overflow: hidden;
    width: 150px;/*サブメニューの幅*/
	height: 0;
    background:#fff; /*サブメニューの背景色*/
	border-radius: 5px 5px 5px 5px;
    border:1px solid #663333;


}
.menu ul li ul li:hover, .menu ul li ul li a:hover {
  background:#fff;/*ホバー時のサブメニューの背景色*/
}
.menu ul li:hover ul li, .menu ul li a:hover ul li{
  visibility: visible;
  overflow: visible;
  height:22px;/*サブメニューの高さ*/
  z-index: 10;
}
.menu * {
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -ms-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}








/* ================================================ */
/* サイドメニュー     */

#sidemenu {
    margin: 1px 0 0 2px;
    padding: 0px 0px 0px 0px;
    position:relative;
    float: left;
    width: 280px;
    color:transparent;
    font-size:100%;
    border-radius: 10px;
	border-top: 0px solid #663333;
	border-left: 0px solid #663333;
	border-right: 2px solid #663333;
	border-bottom:  2px solid #663333;
    background-color:#F1F1EA;
}
#sidemenu ul, #menu li {
    margin: 0;
    padding: 0;
    display:inline;
    list-style-type: none;
}


#sidemenu a {
    display:inline-block;
    font-weight:bold;
    font-size: 16px;
    padding: 0px;
    text-decoration: none;
    color: #ffe8c6;
}
#sidemenu a:hover {
	padding: 0px;
	background: transparent;
	color: #fff;
}



#sidemenu2 {
    margin: 1px 0 0 2px;
    padding: 0px 0px 0px 0px;
    position:relative;
    float: left;
    width: 200px;
    color:transparent;
    font-size:100%;
    border-radius: 10px;
	border-top: 0px solid #663333;
	border-left: 0px solid #663333;
	border-right: 2px solid #663333;
	border-bottom:  2px solid #663333;
    background-color:#F1F1EA;
}
#sidemenu2 ul, #menu li {
    margin: 0;
    padding: 0;
    display:inline;
    list-style-type: none;
}


#sidemenu2 a {
    display:inline-block;
    font-weight:bold;
    font-size: 16px;
    padding: 0px;
    text-decoration: none;
    color: #ffe8c6;
}
#sidemenu2 a:hover {
	padding: 0px;
	background: transparent;
	color: #fff;
}


.img_sm {
    position:relative;
    display:block;
    margin:0;
    padding:0;

}
.img_sm img {
    z-index:0;
    margin:0;
    padding:0;
}

.img_sm a {
    color:white;
}
.img_sm img:hover {
    filter:alpha(opacity=80);
    -moz-opacity: 0.8;
    opacity: 0.8;
}
.sm_font {
    position:absolute;
    bottom:20px;
    left:20px;
    z-index:0;
    text-align:center;  
    margin:0; 
	font-weight:bold;
    font-size: 16px;
    padding: 0px;
    text-decoration:none;
    background-color:#5A070A;

	filter:alpha(opacity=65);
     -moz-opacity:0.65;
     -khtml-opacity: 0.65;
     opacity:0.65;
}
.sm_font a:hover {
    color:white;
}









/* ================================================ */
/* メイン     */
#main {
  
  margin: 0em 0em 0em;
  padding:0;

}

#main2 {
    margin: 0em 0em 0em;
    padding-left:330px;

}

#main3 {
    margin: 0em 0em 0em;
    padding-left:250px;

}

hr {
    width: auto;
    padding: 0 0 0 0;
    color:#C8BDAF;
    border-style:solid;
	size:10;
}



/* 見出し     */
h2 {
 font-size: 120%;
 font-weight: bold;
 margin: 1em 0em 0.2em;
 border-bottom: 4px solid #ccc;
 padding: 6px 10px 3px;
 color:#333;
}
h2 span {
  font-size: 84%;
  font-weight: bold;
  padding: 2px 0;
  color: transparent;
}


h3 {
 font-size: 110%;
 font-weight: bold;
 margin: 1em 0em 0em;
 border-bottom: 2px solid #ccc;
 padding: 4px;
 color: #333;
}

h4 {
 font-size: 100%;
 font-weight: bold;
 margin: 1em 0em 0em;
 border-bottom: 2px solid #ccc;
 padding: 2px;
 color: #333;
}

h5 {
 font-size: 120%;
 font-weight: bold;
 margin: 1em 0em 0em;
 padding: 4px;
 color: #333;
}

/* テーブル　　　     */
table {
    padding: 10px;
    margin: 0px;
    border: 0px;
    border-style:double;
    border-color:#ccc;
    margin-bottom:1em;
}





/* 段落・リスト    ---------------------       */
#main p,dl {
  margin: 0 10px 20px 10px;
}
#main dt {
  font-weight: bold;
}
#main dd {
  margin: 0 0 0 20px;
}
#main ul {
  margin: 10px 10px 10px 10px;
  list-style: none;
}
#main li {
  list-style: none;
  list-style-type:none;
}

#main iframe {
   margin-left: 25px;
}

#main3 p,dl {
  margin: 0 10px 20px 10px;
}
#main3 dt {
  font-weight: bold;
}
#main3 dd {
  margin: 0 0 0 20px;
　padding:0 0 0 20px;
}
#main3 ul {
  margin: 10px 10px 10px 10px;
  list-style: none;
}
#main3 li {
  list-style: none;
  list-style-type:none;
}



/* 小メニュー */
.menu {
 position:auto;
 margin: 0;
 padding: 0px 0;
 left: 301px;
 width: 560px;
 height: 20px;
 color:transparent;
 
}
.menu ul, .menu li{
  margin: 0;
  padding: 0;
  display: inline;
  font-weight: bold;
  list-style-type: none;
}
.menu img{
  margin: 0;
  padding: 0px;
  display: inline;
  list-style-type: none;

} 


.menu a {
  display: inline;
  font-weight: bold;
  margin: 0 18px 0px;
  padding: 0px;
  text-decoration: none;
  font-size: 110%;
  color: #999;
}


.menu a:hover {
  border-bottom: 4px solid #333;
  padding: 0px;
  background: transparent;
  color: #333;
}






/* ================================================ */
/* ライトコラム     */

#rite-collum {
    text-align: left;
    border-radius: 10px;
	border-top: 0px solid #663333;
	border-left: 2px solid #663333;
	border-right: 0px solid #663333;
	border-bottom:  2px solid #663333;　　
	margin-top: 100px;
    margin-left:10px;
    width:22em;
    background-color:#F1F1EA;
    float: right;
    padding:0px 10px 5px 10px;
}


#rite-collum2 {
    text-align: left;
    border-radius: 10px;
	border-top: 0px solid #663333;
	border-left: 2px solid #663333;
	border-right: 0px solid #663333;
	border-bottom:  2px solid #663333;　　
	margin-top:100px;
    margin-left:10px;
    width:200px;
    background-color:#F1F1EA;
    float: right;
    padding:50px 10px 5px 10px;
}

















/* ================================================ */
/* フッター     */
#footer {
  padding: 0;
  margin: 0;
  text-align: center;
  width: 560px;
 
}
/* 著作権     */
address{
  margin: 3px 10px 5px 0;
  padding: 4px;
} td { font-size: 11pt; line-height: 140%}
    .title { font-size: 12pt; color: #CC3333}