/* templates CSS setting ----------------------------------*/

body {
	background-color:#CCCCCC;
	color: #333333;
	line-height: 140%;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	margin:0px;}

html,body {
	height:100%;
	min-height:100%;}

img {border:none;}

p { 
	margin: 0.5em 0px 0px 0px; 
	padding: 0px; }

.notice {color:#AA8345;}
.t01 {	color:#CC0000;}

a:link     {color:#AA8345; text-decoration:none;}
a:active   {color:#AA8345; text-decoration:none;}
a:visited  {color:#AA8345; text-decoration:none;}
a:hover    {color:#AA8345; text-decoration:underline;}

a.white:link     {color:#FFFFFF;}
a.white:active   {color:#FFFFFF;}
a.white:visited  {color:#FFFFFF;}
a.white:hover    {color:#CCCCCC;}

.textsmall {font-size: 10px;}
.textlarge {font-size: 14px;}

.textleft   {text-align: left;}
.textright  {text-align: right;}
.textcenter {text-align: center;}

.clearleft  {clear: left;}
.clearright {clear: right;}
.clearall   {clear: both;}

h1 { clear: both; margin: 5px 0px 0px 0px; padding: 0px; font-size: 14px; }
h2 { clear: both; margin: 1em 0px 0px 0px; padding: 0px; font-size: 13px;}
h3 { clear: both; margin: 1em 0px 0px 0px; padding: 0px; font-size: 12px; }
h4 { clear: both; margin: 1em 0px 0px 0px; padding: 0px; font-size: 12px; }
h5 { clear: both; margin: 1em 0px 0px 0px; padding: 0px; font-size: 11px; }
h6 { clear: both; margin: 1em 0px 0px 0px; padding: 0px; font-size: 11px; }

/* parts CSS setting -----------------------------------------*/

.gl {
	border-bottom:1px solid #CCCCCC;
	border-top:1px solid #CCCCCC;
	padding:10px 0;
	color:#AA8345;
	clear:both;}

.gb {
	background:url(../image/common/bg-stitle.jpg) repeat-x;
	width:100%;
	height:28px;
	padding:5px 0 0 5px;
	color:#333333;}

.bgbrown { position: static; margin: 5px 0px 0px 0px; padding: 2px 5px; background: #AA8345; color:#FFFFF; }
.bggray { position: static; margin: 1em 0px 0px 0px; padding: 2px 5px; background: #CCCCCC; color:#FFFFF; }

hr.line010 { height: 1px; border-style: solid; border-width: 0px 0px 1px 0px; border-color: #CCCCCC; background: none; color: #CCCCCC; }
hr.line020 { height: 2px; border-style: solid; border-width: 0px 0px 2px 0px; border-color: #CCCCCC; background: none; color: #CCCCCC; }

.moreinfo {	border-style: none;	margin: 0px;	padding: 4px 5px 6px 0px;}

	.moreinfo p {
		display: block;
		height: 12px;
		overflow: visible;
		border-style: none;
		margin: 0px;
		padding: 0px 8px 0px 0px;
		text-align: right;
		font-size: 90%;
		background: url(../image/common/icon-cha.gif) no-repeat right bottom;}

hr.line010 { height: 1px; border-style: solid; border-width: 0px 0px 1px 0px; border-color: #cccccc; background: none; color: #cccccc; }
hr.line020 { height: 1px; border-style: solid; border-width: 0px 0px 1px 0px; border-color: #666666; background: none; color: #666666; }

#location {}

	#location ol {
		list-style: none;
		margin: 0;
		padding: 0;
		border: none;}
		
	#location li {
		float:left;
		margin:12px 3px 5px 3px;
		font-size: 90%;}

table.lines { border-collapse: collapse; border-spacing: 0px;  margin:10px 0; }
	table.lines tr { }
	table.lines th { border-bottom: dotted 1px #666666; }
	table.lines td { border-bottom: dotted 1px #666666; }
	table.lines td.odd { background: #E9E9E9; }

/* page format ---------------------------------------- */

.stage {
	width:100%;
	height:600px;}

	.stage:after {
		content: ".";
		display:block;
		height: 0;
		clear:both;
		visibility:hidden;}

.contents {
	position: relative;
	width: 920px;
	padding:15px 10px;
	text-align: left;
	background:#FFFFFF;
	margin:0 auto;}

.header {}

	.header .pic { width:220px; float:left; margin-bottom:5px;}
	.header .fla { width:680px; float:left; margin-bottom:5px;}

.nabi {
	width:900px;
	height:17px;
	margin-bottom:5px;
	clear:left;
	z-index:100;}

.contents .clef { width:220px;	float:left;}
.contents .crig { width:660px;	float:left; margin-left:20px;}

.footer01 {
	position: relative;
	width: 940px;
	padding:10px 0;
	text-align:center;
	background:#F7F7F7;
	border-top:1px solid #CCCCCC;
	margin:0 auto;}

.footer02 {
	position: relative;
	width: 940px;
	padding:10px 0 20px 0;
	text-align:center;
	margin:0 auto;}

.footerlink {
	text-align:center;
	font-size:86%;
	margin-top:10px;
	color:#999999;}

/* roalover button setting -----------------------------------------*/

ul#pulldown-menu {
	list-style:none;
	margin:0px;
	padding:0px;}
	
ul#pulldown-menu a {
	color: #000000;
	text-decoration: none;}

ul#pulldown-menu a:link,
ul#pulldown-menu a:visited {
	color:#000000;}

ul#pulldown-menu a:hover,
ul#pulldown-menu a:active {
	color:#000000;
	text-decoration:underline;}

ul#pulldown-menu li {
	float: left;
	position: relative;
	margin:0;}

ul#pulldown-menu li a {
	display: block;
	width: 128px;}

ul#pulldown-menu li ul {
	display: none;}

ul#pulldown-menu li:hover ul {
	display: block;
	position: absolute;
	z-index: 100;
	background:#FFFFFF;
	border:1px solid #000000;
	padding: 0 1.5em;
	margin-left: 1.5em;}

ul#pulldown-menu li ul li {
	float: none;
	list-style-position: outside; 
	border-style: none; 
	padding: 0px;
	margin: 0px;
	background:#FFFFFF;}

/* 

#topnabi ul{
	height:17px;
	margin:0;
	padding:0;
	list-style:none;}

#topnabi li{
	width:128px;
	height:17px;
	margin:0;
	padding:0;
	display:block;
	float:left;}

#topnabi span {
	visibility:hidden;}


#topnabi a {
	display: block;
	width: 128px;	
	height: 30px;
	background-image:url(../image/common/top-b.gif);
	background-repeat: no-repeat;} 

#topnabi span {
	visibility:hidden;}

#menu1 {	background-position: 0px 0px;}
#menu2 {	background-position: -128px 0px;}
#menu3 {	background-position: -256px 0px;}
#menu4 {	background-position: -384px 0px;}
#menu5 {	background-position: -512px 0px;}
#menu6 {	background-position: -640px 0px;}
#menu7 {	background-position: -768px 0px;}

a:hover#menu1 {	background-position: 0px -30px;}
a:hover#menu2 {	background-position: -128px -30px;}
a:hover#menu3 {	background-position: -256px -30px;}
a:hover#menu4 {	background-position: -384px -30px;}
a:hover#menu5 {	background-position: -512px -30px;}
a:hover#menu6 {	background-position: -640px -30px;}
a:hover#menu7 {	background-position: -768px -30px;}

.non a:link,
.non a:visited,
.non a:hover,
.non a:active {
  border-bottom:0px solid #009fcc;
  text-decoration:none;}
*/

.t-button {
	width: 220px;
	padding: 0 0 1em 0;
	margin-bottom: 1em;
	color: #000000;}

.t-button ul {
	list-style: none;
	margin: 0;
	padding: 0;
	border: none;}
	
.t-button li {
	border-bottom: 1px solid #CCCCCC;
	margin: 0;
	list-style: none;
	list-style-image: none;
	float:left;}
	
.t-button li a {
	display: block;
	padding: 15px 7px 15px 0.5em;
	color: #000000;
	text-decoration: none;
	width: 220px;}
	

html>body .t-button li a {
	width: auto;}

.t-button li a:hover {
	background:url(../image/top/b-part-01.jpg) no-repeat;
	color: #000000;}

.l-button {
	width: 220px;
	padding: 0 0 1em 0;
	margin-bottom: 1em;
	color: #000000;}

.l-button ul {
	list-style: none;
	margin: 0;
	padding: 0;
	border: none;}
	
.l-button li {
	border-bottom: 1px solid #CCCCCC;
	margin: 0;
	list-style: none;
	list-style-image: none;}
	
.l-button li a {
	display: block;
	padding: 15px 7px 15px 0.5em;
	background:url(../image/top/b-part-01.jpg) no-repeat;
	color: #000000;
	text-decoration: none;
	width: 220px;}
	

html>body .l-button li a {
	width: auto;}

.l-button li a:hover {
	background:url(../image/top/b-part-01.jpg) no-repeat;
	color: #000000;}

.l-button #nb01 a {background-image: url(../image/common/b-part-01.jpg);}
.l-button #nb02 a {background-image: url(../image/common/b-part-02.jpg);}
.l-button #nb03 a {background-image: url(../image/common/b-part-03.jpg);}
.l-button #nb04 a {background-image: url(../image/common/b-part-04.jpg);}
.l-button #nb05 a {background-image: url(../image/common/b-part-05.jpg);}
.l-button #nb06 a {background-image: url(../image/common/b-part-06.jpg);}
.l-button #nb07 a {background-image: url(../image/common/b-part-07.jpg);}
.l-button #nb08 a {background-image: url(../image/common/b-part-08.jpg);}
.l-button #nb09 a {background-image: url(../image/common/b-part-09.jpg);}
.l-button #nb10 a {background-image: url(../image/common/b-part-10.jpg);}
.l-button #nb11 a {background-image: url(../image/common/b-part-11.jpg);}
.l-button #nb12 a {background-image: url(../image/common/b-part-12.jpg);}
.l-button #nb13 a {background-image: url(../image/common/b-part-13.jpg);}
.l-button #nb14 a {background-image: url(../image/common/b-part-14.jpg);}
.l-button #nb15 a {background-image: url(../image/common/b-part-15.jpg);}

.l-button #db01 a {background-image: url(../image/common/b-demo-01.jpg);}
.l-button #db02 a {background-image: url(../image/common/b-demo-02.jpg);}
.l-button #db03 a {background-image: url(../image/common/b-demo-03.jpg);}
.l-button #db04 a {background-image: url(../image/common/b-demo-04.jpg);}
.l-button #db05 a {background-image: url(../image/common/b-demo-05.jpg);}
.l-button #db06 a {background-image: url(../image/common/b-demo-06.jpg);}

.l-button li a:hover { background-position: 0 -48px;}


#nabibox {
	width:220px;
	background:#FFFFFF;
	margin:10px 0 0 0;}

#nabibox ul {
	list-style: none;
	margin: 0;
	padding: 0;
	border: none;}
	
#nabibox li {
	border-top: 1px solid #D2D2D2;
	margin-bottom:1px;
	list-style: none;
	list-style-image:none;}
	
#nabibox li a {
	display: block;
	padding: 7px 5px 7px 0.5em;
	border-left: 10px solid #B4B4B4;
	background-color: #FFFFFF;
	color: #000000;
	text-decoration: none;
	width: 100%;}

html>body #nabibox li a {
	width: auto;}

#nabibox li a:hover {
	border-left: 10px solid #AA8345;
	background-color: #E4E4E4;
	color: #000000;}

/* 3colum setting -----------------------------------------*/

.3colum {}

	.tbox { width:216px;	float:left; margin-bottom:15px;}
	.3colum h2 { margin:0px; padding:0px;}
	.info {	border-style: none;	margin: 0px;	padding: 4px 5px 6px 0px;}
	.info p {
		display: block;
		height: 12px;
		overflow: visible;
		border-style: none;
		margin: 0px;
		padding: 2px 8px 0px 0px;
		text-align: right;
		font-size: 90%;
		background: url(../image/common/icon-cha.gif) no-repeat right center;}

.2colum {}

	.ttbox { width:327px;	float:left; margin-bottom:15px;}
	.ttbox h2 { margin-left:15px;}
	.ttbox h3 { margin-left:15px;}
	.ttbox p  { margin-left:15px;}

.4colum {}

	.tttbox { width:160px;	float:left; margin-bottom:15px;}
	.4colum h2 { margin:0px; padding:0px;}

/* contents setting -----------------------------------------*/

.floatbox-left {
	float:left;
	margin:7px 7px 7px 0;}

.floatbox-right {
	float:right;
	margin:7px 0 7px 7px;}

.noticebox {
	border:1px solid #AA8345;
	width:96%;
	padding:2%;
	margin:10px 0;}

table.standard { border-collapse: collapse; border-spacing: 0px;  border: solid 1px #000000; margin-top: 10px; color: #000000; }
	table.standard tr { }
	table.standard tr.even td { background: #AA8345; color: #000000; }
	table.standard th.even { background: #AA8345; color: #000000; }
	table.standard td.even { background: #AA8345; color: #000000; }
	table.standard tr.odd td { background: #E9E9E9; color: #000000; }
	table.standard th.odd { background: #E9E9E9; color: #000000; }
	table.standard td.odd { background: #E9E9E9; color: #000000; }
	table.standard th { background-color: #cccccc; color: #000000; border: solid 1px #000000; }
	table.standard td { background-color: #ffffff; color: #000000; border: solid 1px #000000; }

.contentbutton {
	margin:10px 0;}

	.contentbutton img {
		float:left;
		margin-right:3px;}

.toolTip{ position: relative; }   
.toolTip span{   
    display: block;   
    border:5px solid #AA8345;
    background-color: #FEFEFE;   
    color: #333333;   
    text-decoration: none;   
    position: absolute;   
    top: 20px;   
    left: -130px;   
    padding: 15px 5px 5px 5px;   
    visibility: hidden;
    width: 300px; }  
  
a.toolTip:hover,a.toolTip:hover span{ visibility: visible; z-index: 100; text-decoration: none;}  

.popup {
	float:left;
	margin:0 2px;
	border:1px solid #AA8345;}

.popup img.l {
display:block;
top:-5000px;
left:-5000px;
position:absolute;
z-index: 1;
border:5px solid #AA8345;}

.popup a:hover {
position:relative;}

.popup a:hover .l{
top:15px;
left:-350px;
z-index: 3;}


.partlistnabi {
	text-align:center;
	font-size:11px;}


table.news { border-collapse: collapse; border-spacing: 0px; margin-top: 10px; color: #000000; }
	table.news tr { }
	table.news td { background:url(../image/common/line-dot.gif) repeat-x bottom; padding-bottom:9px; }