﻿@charset "utf-8";
/* CSS Document */

body {
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	background: #666666;
	margin: 0; /* 複数の異なるブラウザの初期設定値に対応するため、body エレメントのマージンと余白を 0 にすることをお勧めします */
	padding: 0;
	text-align: center; /* これにより、IE 5* ブラウザではコンテナが中央揃えになります。そして、テキストは、#container セレクタの初期設定である左揃えに設定されます */
	color: #000000;
}

h1{
	font-size:18px;
}


ul{
	list-style-position:outside;
	text-align: left;
	line-height:1.5em;
	/*margin:0;
	padding-left:3px;*/
	
}

p{
	margin: 0 0 15px 3px;
	line-height:1.5em;
	/*text-indent:12px;*/
}

hr{
	border: 1px dotted #CCCCCC; 
	
}


img{
	border:0;
}




a {
	text-decoration: none;
	border:0px;
}

a:link {
	text-decoration: underline;
	/*color: #6E9966;                              #6EAE29     #007C32*/
}

a:visited {
	text-decoration: none;
	/*color: #6E9966;                              #6E9966  #83B54A*/

}

a:hover {
	text-decoration: underline;
	/*color: #F6AF85;                      #EC7700   #89CA53  #003300*/
}

a:active {
	text-decoration: none;
	/*color: #ffc400;                     #ffc400*/
}



















.oneColLiqCtrHdr #container {
	width: 100%;  /* これにより、幅がブラウザの幅の 80% のコンテナが設定されます */
	background: #FFFFFF;
	margin: 0 auto; /* 自動マージン（幅と連動）により、ページが中央揃えになります */
	border: 1px solid #000000;
	text-align: left; /* この設定は body エレメントの text-align: center より優先されます。 */
}
.oneColLiqCtrHdr #header {
	background: #FFF;
	padding: 0 10px 10px 20px;
	/*border-bottom: 5px solid #e6e6e6;*/
	background-image : url(header-back.jpg);
	background-position:bottom;
	background-repeat:repeat-x;
}

.oneColLiqCtrHdr #header h1 {
	margin: 0; /* #header div の最後のエレメントのマージンを 0 に設定することにより、マージンの相殺（div 間の原因不明のスペース）が回避されます。div の周囲に境界線が適用されている場合は、境界線によってマージンの相殺が回避されるため、この操作は不要です */
	padding: 10px 0; /* マージンの代わりに余白を使用して、エレメントを div の端に接触しない位置に維持することができます */
}
.oneColLiqCtrHdr #mainContent {
	padding: 10px 20px 0; /* 余白は div ボックスの内側のスペース、マージンは div ボックスの外側のスペースです */
	background: #FFFFFF;
}
.oneColLiqCtrHdr #mainContent h2{
	font-size:16px;
	color:#FFF;
	margin:10px;
	
}
.oneColLiqCtrHdr #footer {
	 
	padding: 0 10px; /* この余白は、その上に表示される div のエレメントの左揃えと一致します。 */
	background:#e6e6e6;
	margin: 30px 0 0 0;
} 
.oneColLiqCtrHdr #footer p {
	margin: 0; /* フッターの最初のエレメントのマージンを 0 に設定することにより、マージンの相殺（div 間のスペース）が回避されます */
	padding: 10px 0; /* このエレメントの余白により、マージンの相殺を発生させることなく、マージンの効果とまったく同じように、スペースが設定されます */
	font-size:12px;
}


.kai h3{
	 
	border-bottom: 1px solid #0066CC;
	line-height:1.7em;
	/*text-indent:12px;*/
	
}

.shu h3{
	border-bottom:1px solid #cd1717;
	line-height:1.7em;
	/*text-indent:12px;*/
	
}


.nyu h3{
	 
	border-bottom: 1px solid #000066;
	line-height:1.7em;
	text-indent:3px;
	
}



.nyu h5{
	font-size:13px;
	text-indent:3px;
	border-left: 15px solid #000066;
	padding-left:5px;
	
}







.oneColLiqCtrHdr #header #global-navi{
	float:right;
	height:32px;
	margin: 30px 10px 40px 10px;
	
}

.oneColLiqCtrHdr #header #global-navi ul{
	margin:0;
	padding:0;
	list-style-position:inside;
	list-style-type: none;
	
}
	
.oneColLiqCtrHdr #header #global-navi ul li{
	width:126px;
	text-align:center;
	font-size:12px;
	line-height:32px;
	float:left;
	background:#EEE;
	
}
	
.oneColLiqCtrHdr #header #global-navi a{
	width:126px;
	display:block;
	color:#000;
	text-decoration:none;
	
}
	
.oneColLiqCtrHdr #header #global-navi a:hover{
	line-height:32px;
	color:#FFF;
	background: #003366 repeat-x;
	
}


.oneColLiqCtrHdr #header #global-navi .current-page{
	color:#000000;
	background-color:#CCC;
	
}





.news{
		padding: 10px 0; 
		
}
		
		
		
		
		
		
		
/*kaiyou navi*/
		
.oneColLiqCtrHdr #mainContent .kaiyo-navi{
	height:32px;
	
}

.oneColLiqCtrHdr #mainContent .kaiyo-navi ul{
	margin:0;
	padding:0;
	list-style-position:inside;
	list-style-type: none;
	
}

.oneColLiqCtrHdr #mainContent .kaiyo-navi ul li{
	width:116px;
	text-align:center;
	font-size:12px;
	line-height:32px;
	float:left;
	
}
	
.oneColLiqCtrHdr #mainContent .kaiyo-navi a{

	color:#FFF;
	text-decoration:none;
	font-weight:bold;
	width:116px;
	display:block;
	
}
	
.oneColLiqCtrHdr #mainContent .kaiyo-navi a:hover{
	line-height:32px;
	color:#000;
	background:#DFEFFF;
	text-decoration:none;
	
}


.oneColLiqCtrHdr #mainContent .kaiyo-navi .current-page{
	background-color:#DFEFFF;
	
}

.oneColLiqCtrHdr #mainContent .kaiyo-navi .current-page a{
	color:#0066CC;
	
}


/*shurijo navi*/

.oneColLiqCtrHdr #mainContent .shuri-navi{
	height:32px;
	
}

.oneColLiqCtrHdr #mainContent .shuri-navi ul{
	margin:0;
	padding:0;
	list-style-position:inside;
	list-style-type: none;
	
}

.oneColLiqCtrHdr #mainContent .shuri-navi ul li{
	width:116px;
	text-align:center;
	font-size:12px;
	line-height:32px;
	float:left;
	
}
	
.oneColLiqCtrHdr #mainContent .shuri-navi a{
	color:#FFF;
	text-decoration:none;
	font-weight:bold;
	width:116px;
	display:block;
	
}
	
.oneColLiqCtrHdr #mainContent .shuri-navi a:hover{
	line-height:32px;
	color:#000;
	background:#FFE8E8;
	text-decoration:none;
	
}


.oneColLiqCtrHdr #mainContent .shuri-navi .current-page{
	background-color:#FFE8E8;
	
}

.oneColLiqCtrHdr #mainContent .shuri-navi .current-page a{
	color:#cd1717;
}








/* nyusatsu navi */

.oneColLiqCtrHdr #mainContent .nyusatsu-navi{
	height:32px;
	background:#003399;
	padding-left:4px;
	
}

.oneColLiqCtrHdr #mainContent .nyusatsu-navi ul{
	margin:0;
	padding:0;
	list-style-position:inside;
	list-style-type: none;
	
}

.oneColLiqCtrHdr #mainContent .nyusatsu-navi ul li{
	width:177px;
	text-align:center;
	font-size:12px;
	line-height:32px;
	float:left;
	
}
	
.oneColLiqCtrHdr #mainContent .nyusatsu-navi a{

	color:#FFF;
	text-decoration:none;
	font-weight:bold;
	width:177px;
	display:block;
	
}
	
.oneColLiqCtrHdr #mainContent .nyusatsu-navi a:hover{
	line-height:32px;
	color:#000;
	background:#EBD7FF;
	text-decoration:none;
	
}


.oneColLiqCtrHdr #mainContent .nyusatsu-navi .current-page{
	color:#000000;
	background-color:#CCC;
	
}










.oneColLiqCtrHdr #mainContent {

	}
.oneColLiqCtrHdr #mainContent .ank ul{
		margin:0;
	padding:0;
	list-style-position:inside;
	list-style-type: none;
	
}

.oneColLiqCtrHdr #mainContent .ank ul li{
	width:12%;
	text-align:center;
	font-size:12px;
	line-height:32px;
	float:left;
	
}








.cl{
	clear:both;
	visibility:hidden;
	line-height:0;
	
}








.back_img{
	background-image : url(kouen081128.jpg);
	background-repeat:no-repeat;
	background-position:center;
	
}
	
.menu{
	width:47%;
	margin: 0 auto; /* 自動マージン（幅と連動）により、ページが中央揃えになります */
	text-align:center;
}

.whats-new ul li {
	line-height:1.7em;
	background-image:url(http://oki-park.jp/midori/img/leef01.jpg);
	background-position:left;
	background-repeat:no-repeat;
	padding-left:25px;
	_padding-left:8px;
	
}


#kouen{
	background-image : url(images/kouen.jpg);
}

#shuri{
	background-image : url(shuri.jpg);
}
