/* CSS Document */





a{text-decoration : none; }
a:link {
	color : #B9B4A2;
	font-weight: bold;

}
a:visited {
	color : #766359;
}
a:hover {
	color : #766359;
	font-weight: bold;
}
a:active {
	color : #B9B4A2;
}


html body {
	padding:0px;
	background-image: url(../img/bg_pink.jpg);
	background-color:#f9f9e6;
	height: 100%;
	margin-left: auto;
	background-repeat: repeat;
	font-family: Arial, Helvetica, sans-serif;
	color: #766359;
	margin-right: auto;
 }
 
			* {
	border: none;
	padding: 0px;
			}

ul li {
	list-style-type: none;
	list-style-position: inside;
			}

#topics ul li {
font-size:13px;
	list-style-type: none;
	height: 37px;
			}
			
b#h_txt {
	font-size : 12px;
	letter-spacing: 1px;
 }


 
 html body div#header{
	height : 105px;
	margin: 0px;
	width: 740px;
	float: left;
 }

.headtxt {
	color: #766359;
	font-size: 18px;
	line-height: 22px;
	font-weight: bold;
	list-style-image: url(../img/li.png);
	padding-bottom: 30px;
}

.sm1 {
	color: #8f7e69;
	font-size: 12px;
	width: 193px;
	padding: 15px 15px 15px 15px;
	float: left;
}
.sm1_m {
	color: #8f7e69;
	font-size: 12px;
	line-height: 20px;
}

.sm1_s {
	color: #8f7e69;
	font-size: 10px;
	list-style-position: inside;
	list-style-type: disc;
	padding-left: 5px;
	line-height: 16px;
}


a.link_sm{
	color:#8f7e69;
	font-weight: bold;
} 
a.link_sm2{
	color:#8f7e69;
} 


html body div#container{
	width : 960px;
	height: auto;
	margin-left: auto;
	margin-right: auto;
	padding: 0;
 }

html body div#menu{
	width: 960px;
	margin: 0px;
 }
 
 			



html body div#trial{
	width: 750px;
	height : 43px;
	margin: 0px;
	padding: 0px;
	float: right;
 }


 html body div#main{
	width : 960px;
	height: auto;
	padding: 0px;
	margin: 0px;
	float: left;
	font-size: 15px;
	line-height: 22px;
 }
 
#slides ul li{list-style:none;}



html body div#bunner{
	width : 671px;
	height: 500px;
	margin: 0px;
	padding: 0px;
 }
 
 
html body div#topics{
	width : 450px;
	height : 320px;
	padding: 0px;
	margin: 0px;
	margin-top: 20px;
	margin-right: 30px;
	float: left;
	list-style-image: url(../img/li.png);
 }


html body div#books{
	width : 320px;
	height : 100%;
	padding: 0px;
	margin: 0px;
	margin-top: 20px;
	float: left;
	list-style-image: url(../img/li2.png);
 }
 
html body div#book{
	width : 360px;
	height : auto;
	padding: 0px;
	margin: 0px;
	margin-top: 20px;
	float: left;
 }
 
 
#menutxt{
	width : 330px;
	height : auto;
	float: right;
	font-size: 12px;
	list-style-image: url(img/li_menu.png);
 }
 
html body div#bookstxt2{
	width : 190px;
	height : auto;
	margin: 2px;
	font-size: 14px;
	margin-top: 20px;
	float: left;
	line-height: 16px;
	text-align: center;
	border-color: #D5D0BE;
	border: 1px;
 }
 
 

html body div#more{
	width : 300px;
	padding: 0px;
	float: right;
	list-style-image: url(../img/li2.png);
	text-align: right;
 }

html body div#buy{
	padding: 0px;
	list-style-image: url(../img/li2.png);
	text-align: center;
	margin-top: 10px;
 }


 
 
html body div.contact{
	width : 166px;
	height : 50px;
	padding: 0px;
	margin: 0px;
	margin-top: 23px;
	float: right;
 }
.topics2 {
	padding: 10px 10px 10px 10px;
	color: #000000;
	list-style-image: url(../img/li.png);
	list-style-position: inside;
	font-size: 12px;
	line-height: 20px;	
 }
html body div#aside{
	width : 960px;
	margin: 0px;
	height: 105px;
 }


.cap{
	color : #FF9999;
	font-size: 11pt;
	width: 209px;
	margin-bottom: 10px;
	line-height: 18px;
	font-weight: bold;
 }

.img{
	width: 90px;
	margin-bottom: 20px;
	margin-right: 10px;
	float: left;
 }

.btn{
	width : 100px;
	font-size : 12px;
	color : #666666;
	vertical-align:top;
	float: right;
	margin-top: 10px;
 }


.m {
	font-size: 12px;
	width: 960px;
	float: left;
	text-align: left;
	color: #766359;
	background-image: url(../img/m_menu.png);
	background-repeat: no-repeat;
	height: 150px;
}

.m1 {
	font-size: 15px;
	width: 960px;
	float: left;
	text-align: left;
	color: #766359;
	background-image: url(../img/m_menu1.png);
	background-repeat: no-repeat;
	padding-top: 80px;
	margin-bottom: 30px;
	margin-top: 10px;
	line-height: 22px;
}

.m2 {
	font-size: 15px;
	width: 960px;
	float: left;
	text-align: left;
	color: #766359;
	background-image: url(../img/m_menu2.png);
	background-repeat: no-repeat;
	padding-top: 80px;
	margin-bottom: 30px;
	margin-top: 10px;
	line-height: 22px;
}


.m3 {
	font-size: 15px;
	width: 960px;
	float: left;
	text-align: left;
	color: #766359;
	background-image: url(../img/m_menu4.png);
	background-repeat: no-repeat;
	padding-top: 80px;
	margin-bottom: 30px;
	margin-top: 10px;
	line-height: 22px;
}

.m4 {
	font-size: 15px;
	width: 960px;
	float: left;
	text-align: left;
	color: #766359;
	background-image: url(../img/m_menu3.png);
	background-repeat: no-repeat;
	padding-top: 80px;
	margin-bottom: 30px;
	margin-top: 10px;
	line-height: 22px;
}

html body div#footer{
	width : 960px;
	height: 50px;
	background-image: url(../img/footline.png);
	background-repeat: no-repeat;
	margin-top: 30px;
	float: left;
	padding-top: 30px;
	margin-bottom: 30px;
 }

.foot1 {
	font-size: 12px;
	width: 220px;
	float: left;
	margin: 0px;
	text-align: left;
	color: #766359;
}

.foot2 {
	font-size: 12px;
	width: 380px;
	float: left;
	margin: 0px;
	text-align: left;
	color: #766359;
	line-height: 18px;
}
.foot3 {
	font-size: 8px;
	width: 180px;
	float: left;
	margin: 0px;
	text-align: left;
	color: #766359;

}
.foot4 {
	font-size: 8px;
	width: 180px;
	float: left;
	margin: 0px;
	text-align: left;
	color: #766359;
}


#access {
	font-size: 14px;
	color:#776565;
	width: 250px;
	margin-left: 20px;
	margin-right: 20px;
	text-align: left;
}


#pagetop{
	width:104px;
	float: right;
	}


#slideshow {
	position:relative;
	height:350px;
}

#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;
}









/* ドロップダウンメニュー */


#toc_container{
}
#toc_container ul,#toc_container li{
	margin:0;
	padding:0;
	list-style: none;
}

  #root_toc li,
  #root_toc li a
  {
  } 
  
  #root_toc li{
    float:left; /* 縦にする場合はこの指定は不要 */
  }

  #root_toc li.plist ul{
    display:none;
    position:absolute;
	background-image: url(../img/bg_submenu.png);

  }
  #root_toc li.plist:hover  > a
  {	  }

  
  #root_toc li.plist:hover ul{
    display: block;
    margin-left:0px;
    margin-top:28px;
  }
    #root_toc li.plist li{
	font-size:13px;
	line-height:40px;
	float:none;
	display:list-item;
	height:40px;
    }
  #root_toc li a{
	display: block;
	width: 192px;
	text-align: center;
  }
  #root_toc li a:hover
  {
  	background-image: url(../img/bg_submenu_on.png);	  	  

  }
  
  


  #root_toc li.refer a:hover
  {
  }