@charset "utf-8";
/* CSS Document */
/*body {font-size: 80%; margin: 0; padding:0; background-color: #ccf4f4; background-image: url(../image/bk.jpg); background-repeat: repeat-x;}*/
body {font-size: 80%; color: #666666; margin: 0; padding:0; background-color: #f5f7df;}
img {margin: 0;padding:0;border:none; }

#wrapper1 { width: 852px; margin: 0 auto; background: url(../image/main_bk.gif) repeat-y; }
#wrapper2 { width: 850px; margin: 0 auto; background-color: #FFFFFF; }
#header{ margin:0 auto;padding:0;width: 850px; height:95px; background: url(../image/header_bk.jpg); position: relative; }
#main { margin:0 auto;padding:0;width: 850px;}
#menu { margin:0;padding:5px 0 5px;width: 850px;}
#left_contents { margin:0 auto;padding:0; float: left; width: 425px; }
#right_contents { margin:0 auto;padding:0; float: right; width: 425px; }
#contents { margin:0 auto;padding:0; width: 810px; }
#footer{margin:0 auto;padding:0;width: 852px; height:17px; background: url(../image/footer.gif) }
#copyright{clear: both; font-size: 80%; margin: 0 auto; width: 850px; padding-top: 0; text-align: center; color: #999999;}

/* textlink---------------------------------------------------*/

a:link {color:#69F;text-decoration: underline;}
a:visited {color:#999;text-decoration: underline;}
a:hover {color:#F60;text-decoration: none;}

/* header -------------------------------------------*/
#header h1{margin: 0; padding:10px 0 0; display:block;}
#header .address{margin: 0; padding:2px; width:350px; font-size: 90%; text-align: right; color: #5ac1da; display:block;}

/*#header .navi_header1 a{
	position:absolute; right:249px; bottom:8px;
	margin: 0;padding:0;text-indent:-9999px;
	width:138px;height:33px;display:block;
	background: url(../image/link2.gif) no-repeat;}
#header .navi_header1 a:hover{
	position:absolute; right:249px; bottom:8px;
	margin: 0;padding:0;text-indent:-9999px;
	width:138px;height:33px;display:block;
	background: url(../image/link.gif) no-repeat;}*/

#header .navi_header2 a{
	position:absolute; right:96px; bottom:15px;
	margin: 0;padding:0;text-indent:-9999px;
	width:108px;height:26px;display:block;
	background: url(../image/link.gif) no-repeat;}
#header .navi_header2 a:hover{
	position:absolute; right:96px; bottom:15px;
	margin: 0;padding:0;text-indent:-9999px;
	width:108px;height:26px;display:block;
	background: url(../image/link2.gif) no-repeat;}

/* header_menu */
#header .header_menu{
	position:absolute; right:0; bottom:0;
	margin:0;padding:0;
	width:900px;height:24px;display:block;
	padding-top: 0;
	text-align: right;
	color: #999999;
	background: url(../image/hf_menu_bk.gif) no-repeat;}
#header .header_menu ul{margin:5px;padding:0; list-style:none;}
#header .header_menu li{display: inline;border-left:1px solid #666;padding:0 0.6em;}

/* navigation -------------------------------------------*/
#navigation{margin: 0 auto;padding:0; width:850px;height:83px;}	
#navigation ul{width: 850px;height: 83px;margin: 0 auto;padding: 0;list-style: none;}
#navigation li {margin: 0;padding: 0;float:left;text-indent:-9999px;}
#navigation .navi1 ,#navigation .navi1 a{width: 215px;height: 83px;display:block;}
#navigation .navi2 ,#navigation .navi2 a{width: 210px;height: 83px;display:block;}
#navigation .navi3 ,#navigation .navi3 a{width: 210px;height: 83px;display:block;}
#navigation .navi4 ,#navigation .navi4 a{width: 215px;height: 83px;display:block;}
/* .navi1 */ 
#navigation .navi1{background: url(../image/menu_over.jpg) no-repeat 0px -83px;}
#navigation .navi1 a{background: url(../image/menu_over.jpg) no-repeat 0px 0px;}
#navigation .navi1 a:hover {background: url(../image/menu_over.jpg) no-repeat 0px -83px;}
/* .navi2 */ 
#navigation .navi2{background: url(../image/menu_over.jpg) no-repeat -215px -83px;}
#navigation .navi2 a{background: url(../image/menu_over.jpg) no-repeat -215px 0px;}
#navigation .navi2 a:hover {background: url(../image/menu_over.jpg) no-repeat -215px -83px;}
/* .navi3 */ 
#navigation .navi3{background: url(../image/menu_over.jpg) no-repeat -425px -83px;}
#navigation .navi3 a{background: url(../image/menu_over.jpg) no-repeat -425px 0px;}
#navigation .navi3 a:hover {background: url(../image/menu_over.jpg) no-repeat -425px -83px;}
/* .navi4 */ 
#navigation .navi4{background: url(../image/menu_over.jpg) no-repeat -635px -83px;}
#navigation .navi4 a{background: url(../image/menu_over.jpg) no-repeat -635px 0px;}
#navigation .navi4 a:hover {background: url(../image/menu_over.jpg) no-repeat -635px -83px;}

/* ========CONTENTS CUSTOMIZE======== */
#contents h2 {
   margin-bottom:10px;
   padding:10px 0;
   font-weight:bold;
   font-size:16px;
   border-bottom:2px solid #ddd;
}

#contents h3 {
   margin-bottom:2px;
   padding:2px 0 2px 10px;
   font-weight:bold;
   font-size:15px;
   line-height:1.2;
   border-left:5px solid #333;
}

#contents h4 {
   margin-bottom:2px;
   font-weight:bold;
   font-size:14px;
   border-bottom:2px solid #666;
}

#contents h5 {
   margin-bottom:2px;
   padding:2px 5px;
   font-weight:bold;
   font-size:13px;
   background:#ececec;
}

#contents h6 {
   font-weight:bold;
   font-size:13px;
}


/* Polaroid style photo */
#contents div.pola {
   float:left;
   clear:both;
   width:222px;
   margin-right:10px;
   padding-bottom:16px;
   background:url(../images/bg_pola.gif) no-repeat 100% 100%;
}

#contents ul.pola {
   clear:both;
   letter-spacing:-0.4em;
   list-style:none;
}

#contents ul.pola li {
   display:inline-block;
   /display:inline;
   /zoom:1;
   vertical-align:top;
   width:222px;
   margin:0 10px 0 0;
   padding:0 0 16px 0;
   background:url(../images/bg_pola.gif) no-repeat 100% 100%;
   letter-spacing:1px;
}

#contents .pola img {
   padding:10px;
   border-top:1px solid #E7E7E7;
   border-left:1px solid #E7E7E7;
   border-right:1px solid #E7E7E7;
   vertical-align:bottom;
}

#contents .pola p {
   margin:0;
   padding:0 10px 10px 10px;
   line-height:1.2;
   border-left:1px solid #E7E7E7;
   border-right:1px solid #E7E7E7;
   border-bottom:1px solid #E7E7E7;
}


/* footer -------------------------------------------*/



/* BOX */


/* DL */


/* TABLE*/


/* MacIE begin \*/
* html #navigation,
* html #main { height: 1%; }
#navigation, #main { display: block;}
/* MacIE end */

/*clear block ---------------------------------------------------------*/
#main .clear { clear: both;margin: 0;padding: 1px 0;text-align: center;font-size: 0px; }
#clear:after { content: "."; display: block; height: 0;	clear :both; visibility: hidden; }
#clear { display: inline-table; }

/* MacIE begin \*/
* html #clear {	height: 1%; }
#clear { display: block; }