@charset "utf-8";
/*----------------------------------------------------------
	File Name     style.css
*/
/*----------------------------------------------------------
	Base
-----------------------------------------------------------*/
body {
	font-family: 'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro W3', 'ＭＳ Ｐゴシック', 'MS P Gothic', sans-serif;
	color: #000;
	background: #fff;
	text-align: center;
}
a {
	color: #000;
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}
/*----------------------------------------------------------
	Container
-----------------------------------------------------------*/
div#fullcontainer {
	width: 100%;
	background: #fff;
}
div#container {
	margin: 0 auto;
	width: 860px;
	text-align: left;
}
div#containerBody {
	margin: 0 auto;
	padding: 0 0 25px 0;
	width: 860px;
	text-align: left;
}
/*----------------------------------------------------------
	ContainerFooter
-----------------------------------------------------------*/
div#containerFooter {
	background: #c2bebe;
}
div#containerFooter div.in {
	margin: 0 auto;
	width: 860px; height: 90px;
	background: #c2bebe;
}
div#containerFooter ul {
	padding: 12px 0 0 0;
	font-size: 75%;
}
div#containerFooter ul a{
	color:#fff;
}
div#containerFooter ul li {
	display: inline;
	padding: 0 8px;
	border-right: 1px solid #fff;
}
div#containerFooter ul li.last {
	border: 0;
}
div#containerFooter address {
	margin: 16px 0 0 0;
	font-size: 63%;
	font-family: Verdana;
	font-style: normal;
	color: #7a7a7a;
}
/*----------------------------------------------------------
	ContainerHeader
-----------------------------------------------------------*/
div#containerHeader {
	position: relative;
	width: 860px; height: 90px;
	text-align: left;
}
div#containerHeader h1 {
	position: absolute;
	top: 0; left: 0;
	width: 238px; height: 89px;
	background: url(../images/logo.gif) no-repeat;
}
div#containerHeader h1 a {
	display: block;
	width: 238px; height: 89px;
	text-indent: -9999em; overflow: hidden;
}
div#containerHeader p.url {
	display: none;
}
div#containerHeader table.topic {
	position: absolute;
	top: 0; right: 0;
	width: 622px; height: 89px;
}
div#containerHeader table.topic td {
	text-align: center;
}
/*----------------------------------------------------------
	ContainerHeader globalNavigation
-----------------------------------------------------------*/
ul#globalNavigation {
	position: absolute;
	bottom: 0; right: 0;
	width: 860px; height: 34px;
}
ul#globalNavigation li {
	float: left;
	width: 143px;
	font-size: 12px;
}
ul#globalNavigation li a {
	display: block;
	width: 100%; height: 34px;
	text-indent: -9999em; overflow: hidden;
}
ul#globalNavigation li#navi1 {
	width: 145px;
}
ul#globalNavigation li#navi1 a {
	background: url(../images/navi1.gif) no-repeat;
}
ul#globalNavigation li#navi2 a {
	background: url(../images/navi2.gif) no-repeat;
}
ul#globalNavigation li#navi3 a {
	background: url(../images/navi3.gif) no-repeat;
}
ul#globalNavigation li#navi4 a {
	background: url(../images/navi4.gif) no-repeat;
}
ul#globalNavigation li#navi5 a {
	background: url(../images/navi5.gif) no-repeat;
}
ul#globalNavigation li#navi6 a {
	background: url(../images/navi6.gif) no-repeat;
}
ul#globalNavigation li#navi7 a {
	background: url(../images/navi7.gif) no-repeat;
}
ul#globalNavigation li#navi8 a {
	background: url(../images/navi8.gif) no-repeat;
}
ul#globalNavigation li.on a,
ul#globalNavigation li a:hover {
	background-position: 0 -34px !important;
}
/*----------------------------------------------------------
	Clearfix
-----------------------------------------------------------*/
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.clearfix {
	zoom: 1;
}
/*----------------------------------------------------------
	unitMain
-----------------------------------------------------------*/
h2#unitMain {
	margin: 0px 0 0 0;
}
/*----------------------------------------------------------
	column
-----------------------------------------------------------*/
div.leftColumn {
	float: left;
	width: 200px;
	margin: 10px 0 0 0;
	background: #fff;
	border: 1px solid #000;
}
div.leftColumn div.in {
	width: 180px;
	margin: 0 0 20px 10px;
}
div.rightColumn {
	float: right;
	width: 630px;
	margin: 10px 0 0 0;
		
}
div.rightColumn div.list{
	 width: 630px;
}
div.rightColumn div.list ul li{
	 float:left;
	 width: 200px;
	 margin: 5px;
	 padding: 0;

}
/*----------------------------------------------------------
	unitMenu
-----------------------------------------------------------*/
ul#unitMenu {
}
ul#unitMenu li {
	width: 180px; height: 40px;
	font-size: 12px;
}
ul#unitMenu li a {
	display: block;
	width: 180px; height: 40px;
	text-indent: -9999em; overflow: hidden;
}
ul#unitMenu li#menu1 a {
	background: url(../images/menu1.gif) no-repeat;
}
ul#unitMenu li#menu2 a {
	background: url(../images/menu2.gif) no-repeat;
}
ul#unitMenu li#menu3 a {
	background: url(../images/menu3.gif) no-repeat;
}
ul#unitMenu li#menu4 a {
	background: url(../images/menu4.gif) no-repeat;
}
ul#unitMenu li#menu5 a {
	background: url(../images/menu5.gif) no-repeat;
}
.marb10 {margin-bottom:10px;}
.marb20 {margin-bottom:20px;}
.marb30 {margin-bottom:30px;}
/*----------------------------------------------------------
	unitQR
-----------------------------------------------------------*/
div#unitQR {
	margin: 26px 0 0 0;
	text-align: center;
}
div#unitQR div {
	margin: 14px 0 0 0;
}
div#unitQR p {
	margin: 14px 0 0 0;
	font-size: 10px;
	line-height: 15px;
}
/*----------------------------------------------------------
	unitBook
-----------------------------------------------------------*/
div#unitBook {
	margin: 20px 0 0 0;
}
/*----------------------------------------------------------
	unitBanner
-----------------------------------------------------------*/
div#unitBanner {
	padding: 6px 0 0 0;
}
div#unitBanner div, div#unitBanner table {
	margin: 5px 0 0 0;
	width: 100%;
}
div#unitBanner table td.rcol {
	text-align: right;
}
/*----------------------------------------------------------
	unitItem
-----------------------------------------------------------*/
div#unitItem {
	margin: 20px 0 0 0;
}
div#unitItem table {
	width: 100%;
	margin: 0 0 3px 0;
}
div#unitItem div {
	margin: 0 0 3px 0;
}
div#unitItem table td.rcol {
	text-align: right;
}

/*----------------------------------------------------------
	jsddm
-----------------------------------------------------------*/
#jsddm
{	position: absolute;
	bottom: 0; right: 0;
	width: 860px; height: 34px;
}

	#jsddm li
	{
	float: left;
	width: 143px;
	font-size: 12px;

}

	#jsddm li a
	{	display: block;
		width: 100%; height: 34px;
		text-decoration: none;
		width: 145px;
		white-space: nowrap}


#jsddm  li#navi1 {
	width: 145px;
}
#jsddm  li#navi1 a {
	background: url(images/navi1.gif) no-repeat;
}
#jsddm  li#navi2 a {
	background: url(images/navi2.gif) no-repeat;
}
#jsddm  li#navi3 a {
	background: url(images/navi3.gif) no-repeat;
}
#jsddm  li#navi4 a {
	background: url(images/navi4.gif) no-repeat;
}
#jsddm  li#navi5 a {
	background: url(images/navi5.gif) no-repeat;
}
#jsddm  li#navi6 a {
	background: url(images/navi6.gif) no-repeat;
}
#jsddm  li#navi7 a {
	background: url(images/navi7.gif) no-repeat;
}
#jsddm  li#navi8 a {
	background: url(images/navi8.gif) no-repeat;
}

#jsddm  li.on a,
#jsddm  li a:hover {
	background-position: 0 -34px !important;
}

	#jsddm li a:hover
	{	background: #24313C}
		
		#jsddm li ul
		{	margin: 0;
			padding: 0;
			position: absolute;
			visibility: hidden;}
		
			#jsddm li ul li
			{	float: none;
				display: inline}
			
			#jsddm li ul li a
			{	width: 145px;
				}
			
			#jsddm li ul li a:hover
			{}