@charset "Shift_JIS";
/* CSS Document */

/*body { height:100%;}*/

html { height:100%;}

#Container {
	width: 898px; 
	height:100%;
	min-height: 100%;
	margin: 0 auto;
	border-left: 1px solid #CCCCCC;
	border-right: 1px solid #CCCCCC;}

body > #Container { height: auto; }



#Container #Container-Inner #flash {
	height: 330px;
	width: 889px;
	position: relative;
	z-index: 1;
}


#Contents  {
	width: 898px;
	height: auto; }

#Contents a { color:#693600; text-decoration: underline;}

#Contents a:link {text-decoration: underline;}
#Contents a:visited {text-decoration: underline;}
#Contents a:hover {text-decoration: underline;}
#Contents a:active {text-decoration: underline;}

#Contents #Contents-Inner {
	border-top: #999999 1px dotted;
	width: 834px;
	margin-left: 32px;
	margin-bottom: 25px;
	padding: 32px 0 0 0; }

#Contents #Contents-Inner2 {
	border-top: #999999 1px dotted;
	width: 834px;
	margin-left: 32px;
	margin-bottom: 25px;
	padding: 5px 0 0 0; }

#Header #Header-Inner {
	position: relative;
	height: 120px;}

.Col2 {
	}

.Col2-Inner {
	background: url(../images/mark.gif) no-repeat left bottom;
	min-height: 300px;}

.Col2 .ColL { 
	float: left;
	width: 220px;}

.Col2 .ColL h2 {
	background: url(../images/h2-top.gif) no-repeat; 
	width: 195px; 
	height: 44px;
	text-indent: -9999px; 
	overflow: hidden;}

.Col2 .ColR {
	float: left;
	width: 614px;}
	
.Col2 .ColR .ColR-Inner {
	height: 329px;
	overflow: auto;}
	
.Col2 .ColR dl {
	width: 560px;}
	
.Col2 .ColR dt {
	font-size: 11px;
	width: 100px;
	float: left;
	text-indent: 30px;
	background: url(../images/point.gif) 1px no-repeat;
	}

.Col2 .ColR dd {
	font-size: 11px;
	width: 460px;
	float: right;}

.Col2 .ColR dd a { 
	font-size: 11px;
	color:#996600; }
	
/*===============================*/

.Col2 #Side {
	width: 221px;
	float: left;}

.Col2 #Side-Inner {
	padding-bottom: 100px;}

.Col2 #Side #Attention {
	padding-bottom: 20px;
	margin-bottom: 20px;
	border-bottom: #CCCCCC 1px dotted;}

.Col2 #Side #Attention p { 
	margin-bottom: 10px;}

.Col2 #Side #Attention ul {
	padding-left: 20px;}

.Col2 #Side #SideNavi {
	padding-bottom: 20px;
	margin-bottom: 20px;
	border-bottom: #CCCCCC 1px dotted;}

.Col2 #Side #SideNavi ul {
	list-style: none;}

.Col2 #Side #SideNavi ul li {
	margin-bottom: 3px;
	background: url(../images/bg_side_point.gif) no-repeat 3px left;
	padding-left: 15px;}

.Col2 #Side #SideNavi ul li:hover,
.Col2 #Side #SideNavi ul li.current { 
	background: url(../images/bg_side_point-a.gif) no-repeat 3px left; }

.Col2 #Side #SideNavi ul li ul li.def li.def a,
.Col2 #Side #SideNavi ul li ul li.def a,
.Col2 #Side #SideNavi ul li a {
	color: #693600;}

.Col2 #Side #SideNavi ul li ul li.def li.def:hover a,
.Col2 #Side #SideNavi ul li ul li.def:hover a,
.Col2 #Side #SideNavi ul li.current a,
.Col2 #Side #SideNavi ul li:hover a {
	color: #CC3300; }



.Col2 #Side #SideNavi ul li a.current {
	color: #CC3300;	}

.Col2 #Side p#btn_ht a {
	display: block;
	background: url(../images/btn_ht.gif) no-repeat;
	width: 221px; height: 33px;
	text-indent: -9999px; overflow: hidden;}
	
.Col2 #Side p#btn_ht #kara {
	display: block;
	background: url(../images/bt_Kara.jpg) no-repeat;
	width: 221px; height: 33px;
	text-indent: -9999px; overflow: hidden;}
	
.Col2 #Side p#btn_irk a {
	display: block;
	background: url(../images/bt_pnet_irk.gif) no-repeat;
	width: 221px; height: 33px;
	text-indent: -9999px; overflow: hidden;}

.Col2 #Side p#btn_ortok a {
	display: block;
	background: url(../images/btn_ortok.gif) no-repeat;
	width: 221px; height: 33px;
	text-indent: -9999px; overflow: hidden;}
	
.Col2 #Side p#btn_oro a {
	display: block;
	background: url(../images/bt_pnet_oro.gif) no-repeat;
	width: 221px; height: 33px;
	text-indent: -9999px; overflow: hidden;}

.Col2 #Side p#btn_kadotim a {
	display: block;
	background: url(../images/btn_kadotim.gif) no-repeat;
	width: 221px; height: 33px;
	text-indent: -9999px; overflow: hidden;}
/*///////////////////////////////////////*/

.Col2 #Main {
	width: 580px; 
	float:right;}

.Col2 #Main-Inner {
	/*padding-left: 1px;*/}

.Col2 #Main p,
.Col2 #Main table {
	margin-left: 1px;}

.Col1 Main {
	background: url(../images/bg_footer.jpg) no-repeat bottom;}










	
	
	
#PageTop a {
	color:#804D00;
	float: right;}
	
#PageTop a:hover {
	color: #CC3300;}
	
#Contents #Contents-Inner.nbdr {
	border: none;}	

/* 会員TOPページ　HTML⇒FLASH切替対応 2009/3/23 ADD BY hakoda */
#selcter  {
	margin-bottom: 10px;
	padding-right: 30px;}	

#selcter p {
	height: 26px; }

#selcter p a {
	display: block;
	float: right;
	text-indent: -9999px;
	overflow: hidden;
	height: 27px; 
	width: 140px; }

#selcter p#flashcontetns a {background: url(../images/icon-flash.gif) no-repeat;}
#selcter p#htmlcontetns a {background: url(../images/icon-html.gif) no-repeat;}
#selcter p#usercontetns a {background: url(../images/icon-uinfo.gif) no-repeat;}