@charset "shift_jis";    
/*layout -------------------------------------------------------------------------------*/   
*{ 	margin :0; 	padding:0; 	} 
#page{ 	width: 776px; 	background-color: #ffffff; 	} 
 #extraArea { 	font-size:100%; 	width: 194px; /* ie6 hack for margin start  -------------------------------------------------------------------------*/   	display: inline; /* ie6 hack for margin end  -------------------------------------------------------------------------*/   	float: left; 	display: inline; 	}  
 #cts{ 	float: right; 	width: 582px; 	padding:0; 	display: inline; /* ie6 hack for margin start  -------------------------------------------------------------------------*/   	display: inline; /* ie6 hack for margin end  -------------------------------------------------------------------------*/   	 	}  #ctsH1{ 	width: 582; 	  	}  
 #main {
	float: left;
	margin:14px 0 0 14px;
	width: 374px;
	display: inline;
	font-size:110%;
	line-height: 130%;
}  
 #sideMenu { 	font-size:100%; 	width: 194px; 	float: right; 	display: inline; 	margin:0; 	padding:14px 0 0 14px;  	}   


#footer{
	clear: both;
	margin: 0 0 0 0px;
	padding: 0px;
	font-size: 90%;
	width: 776px;
	border-style: solid;
	border-width:1px;
	border-color: #cccccc #999999 #999999 #cccccc;
	}


#footer a {
	text-decoration: none;
	}


#footer .footerMenu * { 
	display: inline;
 	}


.footerMenu{
	margin: 14px;
	width: 100%;
	}
 

 #contactGrobal{ 	margin: 0 0 0 14px;  	}  
 
 #copyright p{ 	 font-size:90%; 	display: inline; 	}  
  /*cmn 
 -------------------------------------------------------------------------------*/        
 .unvisible { 	display:none; } 
body{
	width: 776px;
	line-height: 130%;
	background-color: #eeeeee;
	margin:0;
	padding:0;
	background-image: url(../img/bg_hl_coral.gif);
	margin: 0 auto 0 auto;
	}    
 #cts p{ 	margin: 0 0 0 0px; 	}  
 #main p{
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 1em;
	margin-left: 0;
}  
 body,  table * td,  table * th{ 	font-size:80%;  	font-family: "‚l‚r ‚oƒSƒVƒbƒN", "Osaka"; 	 	}  hr, ul, li, td, th, p { 	margin:0; 	padding: 0; 	} 
   .layouttable p { 	margin:0 	} 
 .heading{ 	font-weight: bolder; 	margin: 0 0 0 0;  	padding:0;  	} 
 
h1{
	width: auto;
	font-size: 150%;
	margin: 0;
	padding: 14px;
	border-style: solid;
	border-width: 1 1 1 1;
	border-color: #cccccc #999999 #999999 #cccccc;
	background-image: url(../img/btnh1bl2.gif);
	background-repeat: repeat-x;
	height: 74px;
}  
 
#parentCategory a{
	width: auto;
	font-weight: bold;
	font-size: 100%;
	margin: 0;
	padding: 14px;
	border-style: solid;
	border-width: 1px;
	border-color: #cccccc #999999 #999999 #cccccc;
	background-image: url(../img/btnh1bl2.gif);
	background-repeat: repeat-x;
	display: block;
	text-decoration: none;
	height: 74px;
	 }  
 
 #parentCategory a:hover{ 	
 	width: auto; 	
	font-weight: bold; 	
	font-size: 100%; 	
	margin: 0 0 0 0; 	
	padding: 14px 14px 14px 14px; 	
	border-style: solid; 	
	border-width: 1px; 	
	border-color: #cccccc #999999 #999999 #cccccc; 	
	background-image: url(../img/btnh1bl2ro.gif); 	
	background-repeat: repeat-x; 	
	display: block; 	
	text-decoration: none;
	height: 74px;
	}  
	  
  html>body #parentCategory a{ /* ie5 for mac and NN6+ hack for a link block presentation-------------------------------*/   	width: auto; /* ie5 for mac and NN6+ hack for a link block presentation-------------------------------*/   }  
 
#graphicArea{ 	
width: auto; 	font-size: 150%; 	padding: 14px 14px 30px 2px; 	border-style: solid; 	border-width: 1 1 1 0; 	border-color: #cccccc #999999 #999999 #cccccc; 	background-image: url(../img/btnh1bl2.gif); 	background-repeat: repeat-x; 	}  




h2{
	width:auto;
	font-size: 100%;
	padding: 2px;
	background-image: url(../img/btnh22.gif);
	background-repeat: repeat-x;
	margin-top: 0px;
	margin-right: 0;
	margin-bottom: 14px;
	margin-left: 0;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 3px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #cccccc;
	border-right-color: #999999;
	border-bottom-color: #999999;
	border-left-color: #003399;
} 


h2.contextTitle{
	background-color: #CCCCCC;
	background-image: url(../img/contexttitlebg1.gif);
	background-repeat: repeat-x;
	}

h3{ 	width:auto; 	font-size: 100%; 	margin: 0 0 0 0; 	padding: 2px 2px 2px 2px;  	color: #003366}  
h4{ 	width:auto; 	font-size: 100%; 	margin: 0 0 0 0; 	padding: 2px 2px 2px 2px;  	color: #003366} 
h5{ 	width:auto; 	font-size: 100%; 	margin: 0 0 0 0; 	padding: 2px 2px 2px 2px;  	color: #003366} 
h6{ 	width:auto; 	font-size: 100%; 	margin: 0 0 0 0; 	padding: 2px 2px 2px 2px;  	color: #003366}  

#cts ul, li {
	text-indent: 0em;
	margin:0 0 0 14px;
	padding: 0;
	list-style-type: none;
	}  

.navi_parent{ 	
	text-align: left; 	
	margin:0; 	
		} 

.navi{ 	
	text-align: center; 	
	margin:0; 	
	} 

#placePath{ 	
	font-size: 80%; 	
		margin: 0 0 0 0; 	
		padding: 2px 2px 2px 2px; 	
		border-style: solid; 	
		border-width: 0px ; 
		border-color: #cccccc #999999 #999999 #000066; 	
		background-color: #ffffff; 	
	} 
#placePath p{ 	
	margin: 0 0 0 0;  	
	}  

li {   	list-style-type: sqare; 	} 

#home, #credit{ 	
	margin:14px 14px 14px 14px 	
	}
 
#Cat{ 	
	margin: 0px 0px 0px 0; 	
	display:block; 	
	border-style: solid; 	
	border-width: 1px 1px 1px 5px; 	
	border-color: #cccccc #999999 #999999 #000066;  	
	} 

#parentCategory {
	margin: 0px 0px 0px 0px;
	padding: 0 0 0 0px;
	text-indent: 0em;
	width: 100%;
} 

#parentCategory p {
	margin: 0px 0px 0px 0px;
	padding: 0 0 0 0;
}  




#subCat{ 	margin: 0px 0px 0px 0; 	 	position: relative; 	float:left; 	} 

#parentCat p{ 	margin: 0px 0px 0px 0; 	 	padding: 2px 2px 2px 2px; 	}   

#subCat p{ 	margin: 0px 0px 0px 0;  	padding: 2px 2px 2px 2px; 	} 

 .waku {	 	 	font-size: 100%; 	margin: 14px 2px 2px 2px; 	padding: 2px 2px 2px 2px; 	border-style: solid; 	border-width:1px; 	border-color: #ff6666; 	clear: right; 	} 
.waku p { 	margin: 0 0 0 0;  	}  


/*sidemenu start------------------------------------------------------------------------*/
 #SideMenu{ 	
 	width:180px; 	
 	font-size: 90%; 	
 	margin: 14px 0px 14px 0px; 	
 	padding: 0px 0px 0px 0px; 	
 	border-style: solid; 	
	border-width:1px; 	
	border-color: #cccccc #999999 #999999 #cccccc; 	
	display: block; 	
	float: right; 	 	
	}    
 
.buttonMenu img{ 	
	position: relative; 	
	float:left; 	
	margin: 2px; 	
	}  

#buttonSideMenu .heading{ 	
	margin: 2px 2px 2px 2px; 	
	padding: 2px 2px 2px 2px; 	
	border-style: solid; 	
	border-width:1px; 	
	border-color: #cccccc #999999 #999999 #cccccc; 	
	background-image: url(../img/btnh23.gif); 	
	background-repeat: repeat-x; 
	font-weight:normal; 	
	}  

#buttonSideMenu{ 	
	margin: 2px 2px 14px 2px;  	
	}   


#sideMenu h2, #sideMenu p{
	margin: 2px 2px 2px 2px;
	padding: 2px 2px 2px 14px;
	background-image: url(../img/btnh_contextTitle.gif);
	background-repeat: repeat-x;
	font-weight: normal;
	color: #000000;
	width: auto;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 4px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #cccccc;
	border-right-color: #999999;
	border-bottom-color: #999999;
	border-left-color: #003366;
} 

#sideMenu ul{ 	
	margin: 0 0 0 4px; 	
	padding: 0 0 0 0px; 	
	width: auto; 	
	}  

#sideMenu ul li{  	
	margin: 0px 0px 2px 0px;
	padding: 0 0 0 4px; 
	font-weight:normal; 	
	color: #003366; 	
	list-style-type: none;  	
	border-style: solid; 	
	border-width:1px; 	
	border-color: #cccccc #999999 #999999 #cccccc; 	
	background-image: url(../img/btnh23.gif); 	
	width: auto; 	
	}   

 


html>body #sideMenu ul li a{ 

/* ie5 for mac and NN6+ hack for a link block presentation-------------------------------*/   	
width: auto; 
/* ie5 for mac and NN6+ hack for a link block presentation-------------------------------*/   	
	}   


#sideMenu ul li a:link{
	text-decoration: none;
	background-image: url(../img/btnh23ro.gif);
	color: #000000;

	}  
#sideMenu ul li a:visited{

	background-color: #eeeeee;
background-image: url(../img/btnh23ro.gif);
	color: #000000;
	text-decoration: none;
	} 

 
#sideMenu ul li a:hover{
	width: auto;
	background-color: #eeeeee;
	background-image: url(../img/btnh23ro.gif);
	color: #3366CC;
	text-decoration: underline;
	}  
#sideMenu ul li a:active{
	width: auto;
	background-color: #eeeeee;
	background-image: url(../img/btnh23ro.gif);
	color: #3366CC;
	text-decoration: underline;
	}  

#sideMenu ul li a{
	display: block;
	text-decoration: none;
	padding: 2 2 2 4px;
	margin: 0 0 0 -4px;

	}   
#buttonSideMenu .here_1 a{
	color: #000000;
	background-color: #FFFFFF;
	border-left-width: 2px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: solid;
	border-left-color: #003399;
	}

 /*sidemenu end------------------------------------------------------------------------*/
/*ctxt -------------------------------------------------------------------------------*/  
.context{ 	
	margin: 0 0 0 14px; 	
	position: relative; 	
	right: 0 	
	} 
.context p{ 	
	margin: 0 0 0 00; 	 	
	} 
#contextMenu h2 { 	
	margin: 14px 0 0 0 	
	}  
 /*btn -------------------------------------------------------------------------------*/   
 #categoryMenu{ 	
	 font-size: 100%; 	
	 margin: 2px;  	
	 padding: 2px 14px 2px 14px; 	
	 border-style: solid; 	
	 border-width:1px; 	
	 border-color: #ffffff #999999 #999999 #ffffff; 	
	 background-image: url(../img/btnh23.gif); 	
	 background-repeat: repeat-x; 	
	 }  
 
 #categoryMenu p{ 	
 	display: inline; 	
 	width: auto; 	
	margin: 4px 2px 4px 2px;  	
	padding: 2px 14px 2px 14px; 	
	border-style: solid; 	
	border-width: 0 1px 0 1px; 	
	border-color: #cccccc #999999 #999999 #cccccc; 	
	background-image: url(../img/btnh23.gif); 	
	background-repeat: repeat-x; 	
	}    

h3 a:link{ 	
  	color: #333333;  	
	text-decoration: none; 	
	} 
h3 a:active{ 	
  	color: #333333;  	
	text-decoration: none; 	
	} 
  
h3 a:hover{ 	
  	background-color: #66cc99; 	
	color: #0000ff; 	
	text-decoration: underline; 	
	} 
  
h3 a:visited{ 	
  	color: #333333; 	
	text-decoration: none; 	
	}  
  
#categoryMenu * a:link{
	color: #000000;
	text-decoration: none;
	background-image: url(../img/btnh23.gif);
	}  
#categoryMenu * a:active{
	color: #000000;
	text-decoration: none;
	background-image: url(../img/btnh23.gif);
	}  
  
#categoryMenu * a:visited{
	color: #000000;
	text-decoration: none;
	background-image: url(../img/btnh23.gif);
	} 
  
#categoryMenu * a:hover{ 	
  	background-color: #66cc99;  	
	color: #000000;  	
	text-decoration: underline; 	
	background-image: url(../img/btnh23.gif); 	
	} 
  
#categoryMenu * a:active{ 	
   background-color: #66cc99;  	
   color: #000000;  	
   text-decoration: underline; 	
   background-image: url(../img/btnh23.gif); 	
   } 
  
  
#page #cts #main .waku li img {
	margin: 4px;
	vertical-align: bottom;
	}

#page #cts #main .waku .menuWaku {
	width: 160px;
	margin: 4px;
	padding: 0px;
	position: relative;
	right: 0px;
	float: right;
	display: inline;
	height: auto;
	text-align: left;
	}

#page #cts #main .waku .menuWaku li {
	margin-top: 2px;
	margin-right: 2px;
	margin-bottom: 2px;
	margin-left: 2px;
	}

#page #cts #main .waku .menuWaku ul {
	margin-top: 2px;
	margin-right: 2px;
	margin-bottom: 2px;
	margin-left: 2px;
	}
#page #cts #main .waku hr {
	clear: both;
	color: #FFFFFF;
	}
.wideMenuWaku{
	width: 400px;
	margin: 4px;
	padding: 0px;
	position: relative;
	right: 0px;
	float: right;
	display: inline;
	height: auto;
	text-align: left;
	}

.wideMenuWaku li{
	margin-top: 2px;
	margin-right: 2px;
	margin-bottom: 2px;
	margin-left: 2px;
	}

.wideMenuWaku ul{
	margin-top: 2px;
	margin-right: 2px;
	margin-bottom: 2px;
	margin-left: 2px;
	}
	
#NPC{ 
	width:140px; 
	margin:4px 4px; 
	padding:0 0; 
	text-align: center; 
	background-color: #CCCCCC
	}

table.itiran{
	margin-top: 14px;
	margin-right: 0px;
	margin-bottom: 14px;
	margin-left: 0px;
	}
img.icon{
	margin: 4px;
	padding: 0px;
	position: relative;
	float: left;
	display: inline;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	}
.kakomi {
	border: 1px solid #990000;
	margin: 14px;
	padding: 2px;
}
#page #cts #main .waku .buttonMenu1 h3 {
	background-color: #EFEFEF;
}

