@charset "shift_jis";    

@import"2col/tptSub_2Colmn.css";

/*layout -------------------------------------------------------------------------------*/   
*{ 	
	margin :0; 	padding:0; 	
	} 
	
#page{ 	
	width: 776px; 	
	background-color: #ffffff; 	
	} 
	
#extraArea {
	font-size:100%;
	width: 74px;
	 /* ie6 hack for margin start  -------------------------------------------------------------------------*/
	display: inline; 
	/* ie6 hack for margin end  -------------------------------------------------------------------------*/
	float: left;
	display: inline;
	} 

#cts{ 	
	float: right; 	
	width: 702px; 	
	padding: 0; 	
	display: inline;
  /* ie6 hack for margin start  -------------------------------------------------------------------------*/   				
 	display: inline;
	 /* ie6 hack for margin end  -------------------------------------------------------------------------*/   	 
	 }  
	 #ctsH1{
	width: 702px;
	}  

#main {
	float: left;
	margin:14px 0 0 14px;
	width: 494px;
	display: inline;
	font-size:110%;
	line-height: 150%;
	}  

#sideMenu {
	font-size:100%;
	width: 180px;
	float: right;
	display: inline;
	margin:0;
	padding-top: 14px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0px;
	}   


 
#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);
	}  
 
#cts p{ 	
 	margin: 0 0 0 0px; 	
	}  

#main p{
	margin-top: 4px;
	margin-right: 0;
	margin-bottom: 1em;
	margin-left: 10px;
	}
	  
 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 14px 10px 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 10px 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;
	border-style: solid;
	border-width:1px;
	border-color: #cccccc #999999 #999999 #cccccc;
	background-image: url(../img/btnh22.gif);
	background-repeat: repeat-x;
	margin-top: 0px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0;
	} 



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;
	padding: 0;
	list-style-type: none;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 10px;
	}  

.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------------------------------------------------------------------------*/

 
.buttonMenu img{ 	
	position: relative; 	
	float:left; 	
	margin: 2px; 	
	}  


#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 img {
	margin-top: 4px;
	margin-right: 4px;
	margin-bottom: 0px;
	margin-left: 4px;
	}

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