@charset "UTF-8";

/* **************************************
*Since: 2008-09-29
*Modified: 2009-1-23
************************************** */


/* Reset & Restyle
---------------------------------------------------------------------------------------- */
body,h1,h2,h3,h4,h5,h6,p,ul,ol,dl,dt,dd,li,table,th,td,form,select,option,address,pre,strong,em{
	font-size:100%;
	font-style:normal;
	font-weight:normal;
	font-family:Verdana,sans-serif;
	text-decoration:none;
	line-height:1.5;
	color:#464646;
	margin:0;
	padding:0;
}

body{
	font-size:75%;
	text-align:center;
	background:#FFFFFF;
}

/* ModernBrowsersOnly(notIE7) */
html>/**/body{
	font-size:12px;
}

img{
	border: 0px;
	vertical-align:bottom;
}

ul, ol{
	list-style-type: none;
}

table {
	border: none;
}

th, td {
	padding: 0px;
}

hr{
	visibility:hidden;
}

/* link color
---------------------------------------------------------------------------------------- */
a {
	text-decoration: none;
	color:#36c;
}

a:hover {	
	color:#f00;
	text-decoration: underline;
}


/* clearFix
---------------------------------------------------------------------------------------- */
.clearFix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearFix{
	display:inline-block;
}

/*\*/ * html .clearFix{
	height:1%;
} /**/

/*\*/ .clearFix{
	display:block;
} /**/


/* wrapper
---------------------------------------------------------------------------------------- */
#wrapper{
	width:900px;
	margin:0px auto;
	padding:20px 0px 50px 0px;
}


/* header
---------------------------------------------------------------------------------------- */
#header{
	height:120px;
	padding:0px 10px 0px 18px;
}

#header h1{
	float:left;
	width:161px;
	margin:5px 0px 0px 0px;
}

#header ol.left{
	display:block;
	float:left;
	margin:15px 0px 0px 0px;
}

#header ol.right{
	display:block;
	float:right;
	margin:15px 0px 0px 0px;
}


#header ul{
	height:52px;
	float:right;
	margin:15px 0px 0px 0px;
}

#header ol li{
	display:block;
	float:left;
	margin:0px 0px 0px 1px;
}

#header ol.left li{
	display:block;
	float:left;
	margin:0px 5px 0px 0px;
}

#header ul li{
	display:block;
	float:left;
	margin:0px 10px 0px 0px;
}

#header ol li a,
#header ul li a{
	display:block;
}

#header ol li a:hover,
#header ul li a:hover{
	background-color:transparent;
	display:block;
}

#header ol li a:hover img,
#header ul li a:hover img{
	visibility:hidden;
}

#header ol li.o01{background:url(../images/bt_map_hover.gif) no-repeat;}
#header ol li.o02{background:url(../images/bt_name_hover.gif) no-repeat;}

#header ol li.o03{
	position:relative;
	text-align:right;
	background:url(../images/google.gif) no-repeat right bottom;
	height:34px;
}

#header ol li.o04{background:url(../images/index_hover.gif) no-repeat;}
#header ol li.o05{background:url(../images/introduction_hover.gif) no-repeat;}
#header ol li.o06{background:url(../images/inquiry_hover.gif) no-repeat;}

#header ul li.m01{background:url(../images/menu01hover.gif) no-repeat;}
#header ul li.m02{background:url(../images/menu02hover.gif) no-repeat; margin-right:20px;}
#header ul li.m03{background:url(../images/menu03hover.gif) no-repeat;}
#header ul li.m04{background:url(../images/menu04hover.gif) no-repeat; margin-right:30px;}
#header ul li.m05{background:url(../images/menu05hover.gif) no-repeat; margin-right:0px;}

#header ol.left form{
	margin:0px;
	padding:0px;
	width:240px !important;
	width:235px;
}

#header ol.left form #search_window{
	width:155px;
	position:absolute;
	top:0px;
	left:0px;
	padding:1px;
	height:15px !important;
	height:21px;
}

/* mainContent
---------------------------------------------------------------------------------------- */
#mainContent{
	background:url(../images/frame_bg.gif) repeat-y center 130px;
	width:900px;
}

#mainContent .frame_h,
#mainContent .frame_f{
	margin:0px;
}

/* container
---------------------------------------------------------------------------------------- */
#container{
	width:860px;
	margin:0px auto;
	text-align:left;
}

#container .content h2{
	font-size:140%;
	margin:0px 0px 20px 0px;
	font-weight:bold;
}

#container .content p{
	margin:0px 0px 20px 0px;
}

#container .top{
	height:19px;
	text-align:right;
	background:url(../images/pagetop_hover.gif) no-repeat right;
	margin:20px 0px 0px 0px;
	border-bottom:1px solid #000000;
}

#container .top a{
	display:block;
	float:right;
}

#container .top a:hover{
	background-color:transparent;
	display:block;
}

#container .top a:hover img{
	visibility:hidden;
}


/* boxTop
---------------------------------------------------------------------------------------- */
#container .content .boxTop{
}

#container .content .boxTop .photo{
	float:left;
	margin:0px 20px 0px 0px;
}

#container .content .boxTop p{
	font-weight:bold;
	margin:0px 0px 5px 0px;
}

#container .content .boxTop .btn{
	background:url(../images/map_btn_hover.gif) no-repeat left top ;
	display:block;
	float:right;
	margin:0px 0px 10px 0px;
}

#container .content .boxTop .btn a{
	display:block;
}

#container .content .boxTop .btn a:hover{
	background-color:transparent;
	display:block;
}

#container .content .boxTop .btn a:hover img{
	visibility:hidden;
}

#container .content .boxTop .map{
	text-align:center;
	clear:right;
}

/* boxBottom
---------------------------------------------------------------------------------------- */
#container .content .boxBottom{
	margin:30px 0px 0px 0px;
}

#container .content .boxBottom .text{
	width:250px;
	float:right;
}

#container .content .boxBottom .text p{
	margin:0px 0px 10px 0px;
	line-height:1.7;
}

#container .content .boxBottom .photo ul{
	float:left;
	width:610px;
}

#container .content .boxBottom .photo ul li{
	display:block;
	float:left;
	margin:0px 10px 10px 0px;
}

#container .content .boxBottom .photo ul li.clear {
	clear:left;
}

#container .content .boxBottom .photo ul li.marginTop { margin-top:-240px !important; margin-top:0px; }
#container .content .boxBottom .photo ul li.marginRight { margin-right:50px; }
*:first-child+html #container .content .boxBottom .photo ul li.marginTop { margin-top:0px !important; }

#container .content .boxBottom .text span{
	display:block;
	margin:20px 0px 10px 0px;
	font-weight:bold;
}


#container .content .boxBottom .photo span{
	display:block;
	float:left;
	margin:10px 0px;
	width:610px;
	font-weight:bold;
}

#container .content .boxBottom .photo ol{
	width:610px;
	float:left;
}

#container .content .boxBottom .text ol li,
#container .content .boxBottom .photo ol li{
	line-height:1.7;
	font-size:85%;
	color:#487801;
}

/* pageNavi
---------------------------------------------------------------------------------------- */
#container .content ul.pageNavi{
	margin:40px 0px 0px 0px;
	border-bottom:1px solid #000000;
	height:19px;
}

#container .content ul.pageNavi li{
	display:block;
	float:left;
	font-size:85%;
	padding:0px 20px 0px 0px;
}

#container .content ul.pageNavi li a{
	color:#333333;
}

#container .content ul.pageNavi li.focus a{
	color:#FC3068;
}

#container .content ul.pageNavi li a:hover{
	color:#FC3068;
	text-decoration:none;
}

#container .content ul.pageNavi li.topPN{
	float:right;
	padding:0px;
	margin:0px;
	background:url(../../common/images/pagetop_hover.gif) no-repeat right;
}


#container .content ul.pageNavi li.topPN a{
	display:block;
	float:right;
	width:80px;
}

#container .content ul.pageNavi li.topPN a:hover{
	background-color:transparent;
	display:block;
}

#container .content ul.pageNavi li.topPN a:hover img{
	visibility:hidden;
}




/* footer
---------------------------------------------------------------------------------------- */
#footer{

}


/* print
---------------------------------------------------------------------------------------- */
@media print{



}