@charset "Shift_JIS";



/*

 */



*{

	margin: 0px;

	padding: 0px;

	color: #000;

	border: 0px;

}



html{

	background: #95A78A;

	font-size: 84%;		/* set default font size */

	overflow-y: scroll;	/* add scroll bars as required */

	background: #92A587 url(./_img/bg.jpg) repeat-x fixed left top;

	}



/**** box ****/

.bs1 {

	background: #fff;

	position: relative;

	border: 1px solid #FCEDDB;

	}

	.bt1 {background: transparent url(./_img/box1_bt.gif)  center top    repeat-x; }

	.bb1 {background: transparent url(./_img/box1_bb.gif)  center bottom repeat-x; }

	.bl1 {background: transparent url(./_img/box1_bl.gif)  left   center repeat-y; }

	.br1 {background: transparent url(./_img/box1_br.gif)  right  center repeat-y; }

	.ctl1{background: transparent url(./_img/box1_ctl.gif) left   top    no-repeat;}

	.ctr1{background: transparent url(./_img/box1_ctr.gif) right  top    no-repeat;}

	.cbl1{background: transparent url(./_img/box1_cbl.gif) left   bottom no-repeat;}

	.cbr1{background: transparent url(./_img/box1_cbr.gif) right  bottom no-repeat;}

	.cc1 {background: transparent; padding: 18px 23px 26px 19px; overflow: hidden;}



/**** anchor ****/

a{

	padding: 0px 0px 0px 0px;

	text-decoration: underline;

	font-weight: bold;

	}

	a:link		{color: #f66;}

	a:visited	{color: #c33;}

	a:active	{color: #f99;}

	a:hover		{color: #f99;}



a.intthmb{

	display: inline-block;

	}

	a.intthmb:link		{border: 2px solid #fff;}

	a.intthmb:visited	{border: 2px solid #fff;}

	a.intthmb:active	{border: 2px solid #f36;}

	a.intthmb:hover		{border: 2px solid #f36;}



.cap{

	color: #d03;

	font-size: 1.4em;

	}



.atnt{

	color: #f00;

	font-size: 1.1em;

	font-weight: bold;

	}



.tdcap{

	background: #eef;

	text-align: center;

	}



#map{

	width : 640px;

	height: 640px;

	border: 3px double #bae;

}



.price{

	color: #f00;

	font-size: 1.4em;

	font-weight: bold;

	}



.capstL{

	color: #00f;

	font-size: 1.4em;

	font-weight: bold;

	}



.capstM{

	color: #66f;

	font-size: 1.1em;

	font-weight: bold;

	}



/**** columnLeft ****/

#coluL{

	position: absolute;

	top: 1em; left: 0px;

	width: 160px;

	text-align: center;

	padding: 0px 0px 0px 0px;

	}



	#coluL h1{

		color: #007A79;

		width: 156px;

		margin: 0px auto 1em auto;

		padding: 136px 0px 0px 0px;

		background: transparent url(./_img/lg.gif) no-repeat center top;

		font-size: 16px;

		font-weight: bold;

		text-align: center;

		}





	#coluL ul.menu{

		width: 140px;

		margin: 0px 10px 2em 10px;

		padding: 0px 0px 0px 0px;

		list-style-type: none;

		list-style-position: outside;

		}



		#coluL ul.menu li{

			list-style-type: none;

			width: 142px;

			height: 54px;

			margin: 0px 0px 1em 0px

			}



			#coluL ul.menu li.homSel	{background: transparent url(./_img/nv_hom.gif) no-repeat center bottom;}

			#coluL ul.menu li.insSel	{background: transparent url(./_img/nv_ins.gif) no-repeat center bottom;}

			#coluL ul.menu li.guiSel	{background: transparent url(./_img/nv_gui.gif) no-repeat center bottom;}

			#coluL ul.menu li.mapSel	{background: transparent url(./_img/nv_map.gif) no-repeat center bottom;}

			#coluL ul.menu li.tpxSel	{background: transparent url(./_img/nv_tpx.gif) no-repeat center bottom;}



			#coluL ul.menu li a{

				display: inline-block;

				text-decoration: none;

				width: 142px;

				height: 54px;

				}



				span.hide{

					display: none;

					}



				#coluL ul.menu li a.hom		{background: transparent url(./_img/nv_hom.gif) no-repeat center top;}

				#coluL ul.menu li a.ins		{background: transparent url(./_img/nv_ins.gif) no-repeat center top;}

				#coluL ul.menu li a.gui		{background: transparent url(./_img/nv_gui.gif) no-repeat center top;}

				#coluL ul.menu li a.map		{background: transparent url(./_img/nv_map.gif) no-repeat center top;}

				#coluL ul.menu li a.tpx		{background: transparent url(./_img/nv_tpx.gif) no-repeat center top;}



				#coluL ul.menu li a.hom:hover	{background-position: center bottom;}

				#coluL ul.menu li a.ins:hover	{background-position: center bottom;}

				#coluL ul.menu li a.gui:hover	{background-position: center bottom;}

				#coluL ul.menu li a.map:hover	{background-position: center bottom;}

				#coluL ul.menu li a.tpx:hover	{background-position: center bottom;}







/**** columnM ****/

#coluM{

	margin: 1em 1em 1em 176px;

	padding: 0px 0px 0px 0px;

	text-align: center;

	}



	/**** subject ****/

	#coluM h2.sbj{

		margin: 1em 4em 1em 4em;

		padding: 4px 0px 4px 0px;

		font-weight: bold;

		font-size: 20px;

		color: #009;

		border : 1px solid #fff;

		}



	#coluM h4.sbj{

		margin: 0px 0px 1em 0px;

		padding: 4px 0px 4px 4px;

		font-weight: bold;

		font-size: 18px;

		color: #009244;

		border-left   : 8px solid #009244;

		border-bottom : 2px solid #009244;

		}



	#coluM .tbl{

		display: inline-block;

		margin: 0px auto 0px auto;

		text-align: left;

		overflow: hidden;

		}



	td.frame{

		margin: 1em;

		padding: 1em;

		}



	#coluM .pict{

		display: inline-block;

		margin: 0px auto 0px auto;

		text-align: center;

		overflow: hidden;

		}



	#coluM .pictR{

		text-align: right;

		overflow: hidden;

		font-weight: bold;

		font-size: 16px;

		color: #930;

		}



	#coluM .text{

		margin: 4px auto 4px auto;

		text-align: center;

		font-size: 110%;

		font-weight: bold;

		color: #930;

		overflow: hidden;

		}



	table{

		margin: 4px auto 4px auto;

		}



	p.thmb{

		margin: 0px auto 0px auto;

		text-align: center;

		font-size: 11px;

		color: #930;

		overflow: hidden;

		}



