﻿
body {


	text-align: center;
	margin: 0px auto 0px auto;
	padding: 0px 0px 0px 0px;
	font-family: "ＭＳ Ｐゴシック",sans-serif;
	background-image: url(../images/bg_2.jpg);
	background-color:#ffffff;
	color:#666666;
}

h1 {
	font-size: 10px;
	font-weight: normal;
	margin: 0;
	text-align: left;
	padding: 5px;
	margin: 0;
}


p {
	padding:0;
	margin:0;
	color:#666666;
}

img {
	border:none;
	vertical-align:bottom;
}

a:link {
	color: #F90071;
	text-decoration:none;
}

a:visited {
	color: #F90071;
	text-decoration:none;
}

a:hover {
	color: #FF7F00;
	text-decoration:none;
}

#tab_area {
	width: 100%;
	height:37px;
	margin: 0 auto;
	border-bottom:solid 0px #FFC02E;
	background-image: url(../images/tab_back.gif);
	

}

#tp_area {
	width: 990px;
	height:37px;
	margin: 0 auto;
	text-align:left;
	border-bottom:solid 0px #FFC02E;

}

.tparea {
	width: 120px;
	height:32px;
	padding:5px 0px 0px 0px;
	text-align:left;
	float:left;


}

.tparea2 {
	width: 50px;
	height:32px;
	padding:5px 0px 0px 0px;
	text-align:left;
	float:left;


}

.tparea3 {
	width: 280px;
	height:35px;
	padding:2px 0px 0px 0px;
	text-align:left;
	float:left;


}

#all2_wap {
	width: 900px;
	background-image: url(../images/wrap2_back.jpg);
	height: auto;
	margin: 0 auto 0 auto;
	margin:0px auto 0px auto;
	border:solid 0px #FFC02E;

}

#all_wap {
	width: 860px;
	height: auto;
	margin: 0px auto;
	border-top:solid 0px #000000;
	border-bottom:solid 0px #000000;
	border-left:solid 0px #000000;
	border-right:solid 0px #000000;
	background-color:#ffffff;


}

#wap {
	width: 846px;
	height: auto;
	padding:2px 2px 2px 2px;
	margin: 0 auto;
	border:solid 0px #FFBF00;
	background-color:#ffffff;
}

.head {
	width: 840px;
	height:144px;
	background-image: url(../images/head.jpg);
	text-align:left;
	padding:0px 0px 0px 0px;
	margin:0px auto;
}

.head img {

}

.h_tt {
	width: 400px;
	height: 10px;
	text-align:right;
	padding:2px 0px 2px 2px;
	margin:0px 0px 0px 0px;
	font-size:11px;
	font-weight:normal;
	color:#FF4000;
}

#h1area {
	width: 490px;
	height: 10px;
	text-align:right;
	padding:2px 0px 2px 2px;
	margin:0px 0px 0px 0px;
	font-size:11px;
	font-weight:normal;
	background-color:#000000;
	color:#FF4000;
}

#img_area {
	width: 820px;
	height: auto;
	border:solid 0px #FF7F00;
	margin: 0 auto;
}

#img_area2 {
	width: 820px;
	height: auto;
	border-bottom:solid 0px #FF7F00;
	margin: 0 auto;
}

#catch {
	width:840px;
	height: auto;
	margin:-2px auto 5px auto;
	_margin:-2px auto 5px auto;
}

#navi {
	width: 840px;
	height:auto;
	margin: 0px auto 0px auto;
	padding:0px 0px 0px 0px;
	background-color: #ffffff;
}

#navi li {
	width: auto;
	height: 58px;
	margin: 0 auto;
	padding:0px 0px 0px 0px;
	float: left;
	list-style: none;
}

.pnb {
	width: 825px;/*840*/
	height: 13px;
	padding:7px 15px 5px 0px;
	background-color:#FFCFE5;
	text-align:right;
	font-size:12px;	
	clear:both;
	line-height:12px;
	font-size:12px;	
}
.pnb a , #pankuzu a{
	font-size:12px;	
}
	
#content {
	width: 840px;
	height: auto;
	background-color:#ffffff;
	background-image: url(../images/cont_back.gif);
	background-repeat:no-repeat;
	padding-top:30px;
	margin: 0px auto 0px auto;
	clear:both;
}

ul#pankuzu {
	font-size:12px;
	text-align:left;
	list-style:none;
	padding:0;
	margin:10px 0 6px 15px;
}

ul#pankuzu li {
	display:inline;
	margin-right:0.5em;

}

.main_ttl {
	width: 570px;
	height: 20px;
	background-repeat:no-repeat;
	padding:10px 0px 5px 0px;
	color:#000000;
	font-size:13px;
	text-align:left;
	margin: 20px auto 0 auto;
	border-bottom:solid 1px #FD8FBB;
}

#left_cont {
	width: 200px;
	height: auto;
	margin: 0 auto;
	padding:10px 9px 10px 9px;
	font-size:11px;
	float:left;
}
.reserve_btn {
	height:119px;
	width:200px;
	background-image: url("../images/reservebase.gif");
	margin-bottom:5px;
}
.reserve_btn img{
 	margin:45px 14px 0 14px;
 	border:none;
 }
 
.reserve_btn a:hover {
	top:1px;
	left:1px;
	position:relative;
}

.reserve_btn p{
	padding:4px 0 0 15px;
}
.news {
	width: 200px;
	height: 400px;
	margin: 0 auto;
	text-align:left;
	border-top:0px;
	border-bottom:none;
	border-right:solid 1px #F13589;
	border-left:solid 1px #F13589;
	overflow-y:scroll;
      overflow-x:hidden;      
  scrollbar-face-color: #dddddd;
  scrollbar-3dlight-color: #eeeeee;
  scrollbar-highlight-color: #eeeeee;
  scrollbar-shadow-color: #cccccc;
  scrollbar-darkshadow-color: #cccccc;
  scrollbar-arrow-color: #000000;
  scrollbar-track-color: #ffffff;      /* ・ミ。シ」リキハ」ァ */
}

.news_p {
	width: 180px;
	height: auto;
	padding:5px 10px 5px 10px;
	margin: 0 auto;
	text-align:left;

	border-bottom:solid 1px #e3e3e3;
}

.news2 {
	width: 200px;
	height: auto;
	margin: 0 auto;
	font-size:11px;
	text-align:left;
	background-color:#f7f7f7;
	border:solid 1px #f7f7f7;
	border-top:solid 0px #e3e3e3;
}

.news2 p {
	width: 180px;
	height: auto;
	padding:5px 10px 5px 10px;
	margin: 0 auto;
	text-align:left;
	border-bottom:solid 1px #e3e3e3;
}

.news4 {
	width: 200px;
	height: 200px;
	margin: 0 auto;
	font-size:11px;
	text-align:left;
	border:solid 1px #e3e3e3;
	border-top:solid 0px #e3e3e3;
	overflow-y:scroll;
      overflow-x:hidden;
  scrollbar-face-color: #dddddd;
  scrollbar-3dlight-color: #eeeeee;
  scrollbar-highlight-color: #eeeeee;
  scrollbar-shadow-color: #cccccc;
  scrollbar-darkshadow-color: #cccccc;
  scrollbar-arrow-color: #000000;
  scrollbar-track-color: #ffffff;
}   

.news4 p {
	width: 180px;
	height: auto;
	padding:5px 10px 5px 10px;
	margin: 0 auto;
	text-align:left;
	border-bottom:solid 1px #e3e3e3;
}

.newsspan {
	color:orange;
}

#right_cont {
	width: 594px;
	height: auto;
	margin: 0 auto;
	padding:10px 4px 10px 0px;
	float:left;
}

.top_system {
	width: 594px;
	height: auto;
	margin: 0 auto;
	border:solid 0px #e3e3e3;
}

.top_system0 {
	width: 574px;
	height: auto;
	margin: 0 auto;
	padding-left:20px;
	border:solid 0px #e3e3e3;
}

.top_system2 {
	width: 564px;
	height: auto;
	margin: 0 auto;
	padding:0px 0px 0px 20px;
	border:solid 0px #e3e3e3;
}

.top_system3 {
	width: 564px;
	height: auto;
	margin: 0 auto;
	padding:0px 0px 0px 20px;
	border:solid 0px #e3e3e3;
}

.r_box {
	width: 583px;
	height: auto;
	margin: 0 auto;
	border:solid 1px #e3e3e3;
	text-align:left;
}

.r_box2 {
	width: 590px;
	height: auto;
	margin: 0 auto;
	border:solid 0px #e3e3e3;
	text-align:left;
}

#foot {
	width: 820px;
	height: 15px;
	background-color:#000000;
	margin:10px auto 10px auto;
	font-size:11px ;
	padding:20px 0px 10px 0px;
	background-image: url(../images/foot_back.gif);
	clear:both;
	text-align:center;
}
#foot a{
	font-size:11px ;	
}

#copy {
	width: 820px;
	height: auto;
	color:#999999;
	padding:0px 0px 10px 0px;
	margin: 10px auto 0px auto;
	clear:both;
	font-size:12px;
	text-align:center;
}

#global_link {
	font-size:12px;
	color:#666;
	padding-bottom:10px;
	text-align:center;
}

#global_link a {
	color:#f3a;
}


.r_ttl {
	width: 576px;
	height: 25px;
	color:#ffffff;
	background-image: url(../images/ttl_back.gif);
	font-size:14px;
	padding:10px 0px 5px 25px;
	margin:0px 0px 0px 0px;
	text-align:left;
}

.r_ttl2 {
	width: 570px;
	height: 12px;
	color:#FC3D8B;
	font-size:12px;
	padding:3px 0px 5px 0px;
	border-bottom:solid 2px #FC3D8B;
	margin:0px 0px 0px 0px;
	text-align:left;
}

.contarea {
	width: 581px;
	height: 24px;
	color:#666666;
	font-size:12px;
	border:solid 0px #e3e3e3;
	padding:13px 0px 5px 10px;
	margin:0px 0px 0px 0px;
	line-height:1.6em;
	text-align:left;
}

.contarea2 {
	width: 551px;
	height: auto;
	color:#666666;
	font-size:12px;
	border:solid 1px #e3e3e3;
	padding:13px 10px 5px 10px;
	margin:10px 0px 0px 0px;
	line-height:1.6em;
	text-align:left;
}

h4 {

	font-size:12px;
	border-bottom:solid 1px #e3e3e3;
	line-height:1.6em;
	text-align:left;
}

.left_info {
	border:solid 1px #e3e3e3;
	width:200px;
	height:auto;
	margin:10px 0 0 0;
}

.left_info h4 {
	color:#f23889;
	font-size:12px;
	border-bottom:solid 1px #e3e3e3;
	padding:0 5px 3px 5px;
	line-height:100%;
	text-align:left;
	margin:5px 0 5px 0;
}

.left_info h4.info2 {
	color:#f23889;
	font-size:11px;
	padding:0 5px 3px 5px;
	line-height:100%;
	text-align:left;
	margin:5px 0 5px 0;
	border-bottom:solid 1px #e3e3e3;
}

.left_info p {
	text-align:left;
	line-height:130%;
	padding:0 5px 5px 5px;
	font-size:10px;
}

.left_info p span {
	color:#f23889;
	font-size:10px;
	display:block;
	margin:10px 0 5px;
}

.left_info p.link {
	font-size:12px;
	text-align:center;
}

.left_info p.link a {
	color:#690;
	text-decoration:none;
}

.zx {

	color:#ffffff;
}

.pt {
	font-size:12px;
	border:solid 1px #e3e3e3;
	line-height:1.6em;
	text-align:center;
}

.pt td {
	padding:5px 5px 5px 5px;
}


/*081221new_enter_start*/
.dropdown{
	float:left;
	margin:1px 0px 0px 12px;

}

.dropdown dd{
	position:absolute;
	width:130px;
	display:none;
	background-color:#ffffff;
	border-bottom:solid 1px #7a7a7a;
	border-left:solid 1px #7a7a7a;
	border-right:solid 1px #7a7a7a;
	margin:0px 0px 0px -30px;
	padding:0px 0px 0px 0px;
	font-size:12px;
	text-align:center;
}

#ddcontent-1 a,#ddcontent-2 a,#ddcontent-3 a,#ddcontent-4 a,#ddcontent-5 a,#ddcontent-6 a,#ddcontent-7 a,#ddcontent-8 a{
	padding:4px 0px 4px 0px;
	border-bottom:solid 1px #e9e9e9;
	display:block;	
	font-weight:bold;
	
}

#ddcontent-1 a:hover,#ddcontent-2 a:hover,#ddcontent-3 a:hover,#ddcontent-4 a:hover,#ddcontent-5 a:hover,#ddcontent-6 a:hover,#ddcontent-7 a:hover,#ddcontent-8 a:hover{
	background-color:#ffec93;
}

#ddcontent-1 a{
	color:#ff2478;
}

#ddcontent-2 a{
	color:#ffa347;
}

#ddcontent-3 a{
	color:#fe70a2;
}

#ddcontent-4 a{
	color:#6bc247;
}

#ddcontent-5 a{
	color:#548ee4;
}

#ddcontent-6 a{
	color:#919a6a;
}
#ddcontent-7 a{
	color:#4f699a;
}
#ddcontent-8 a{
	color:#b53595;
}
/*081221new_enter_end*/


/*100108追加*/
/*100626追加*/
a img.alp {
	margin-bottom:3px;	
	filter: Alpha(opacity=100);
	opacity:1.0;
}
a:hover img.alp {
	filter: Alpha(opacity=70);
	opacity:0.8;
}
/*100708*/
p.center {
	text-align:center;
	font-size:12px;
}
.clearfix:after,.tpn:after {
	content:".";
	clear:both;
	height:0;
	display:block;
	visibility:hidden;
}

.clearfix,.tpn {
	zoom:1;
}
/*110420*/
.video_img {
	position:absolute;
	top:7px;
	left:90px;
}
.video_img img{
	border: none !important;
}

/*	110920	*/
.under_content {
	width:100%;
	background-color:#ededed;
	padding:25px 0px;
	_padding:25px 5px 25px 0;
	margin:0;
}

.under_content:after,
#float_box:after {
	content:".";
	clear:both;
	height:0;
	display:block;
	visibility:hidden;
}

.under_content,
#float_box {
	zoom:1;
}

#float_box {
	width:790px;
	padding:0;
	margin:0 auto;
}

.dl_left {
	width:380px;
	/text-align:left;
	padding:0;
	margin:0 15px 0 0;
	_margin:0 7px 0 0;
	float:left;
}

.dl_right {
	width:380px;
	/text-align:left;
	padding:0;
	margin:0 0 0 10px;
	_margin:0 0 0 5px;
	float:right;
}
#float_box dt {
	font-size:10px;
	color:##666666;
	font-weight:normal;
	line-height:23px;
	text-align:left;
	border-bottom:1px solid #666666;
	background:url("../images/bot2.gif") no-repeat left top;
	padding:0 0 5px 25px;
	margin:0 0 10px;
}
#float_box dd {
	width:380px;
	font-size:10px;
	color:##666666;
	text-align:justify;
	text-justify:inter-ideograph;
	line-height:140%;
	margin:0 0 15px 0;
}
