@charset "utf-8";
/* CSS Document */

/* クリア ＆ 初期設定 */
body{
	font-size:62.5%;
	font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',Osaka,sans-serif;
	color: #333;
	}

h1,h2,h3,h4,h5,h6{font-size: 1em;}
body,div,dl,dt,dd,ul,ol,li,
h1,h2,h3,h4,h5,h6,
form,fieldset,input,textarea,
p,th,td{
	margin:0;
	padding:0;
	text-decoration: none;
	font-style:normal;
	}

a:link {  
    color:#09f;  
    text-decoration:none;  
}  
a:visited {  
    color:#06c;  
    text-decoration:none;  
}  
a:hover {  
    color:#0c6;  
/*    text-decoration:underline; */
}  
a:active {  
    color:#666;  
}

table{width: 100%;}
th,td{text-align: left; vertical-align: top;}

fieldset,img{
	border:none;
}

select option{padding:0 5px; }
form label{cursor:pointer; }

ul,ol{margin-left: 25px;}
ul{ list-style:none;}

address {  
    font-style:normal;  
}


/* クリア ＆ 初期設定 ここまで*/

/* レイアウト */
#contents, #footer, #head{
	width: 1000px;
	margin: 0 auto;

}
#head{
	background: url(./images/bk_head_02.jpg) top no-repeat;
	height: 150px;
	position: relative;
}
#menu3{
	top: 0px;
	right: 0px;
	width: 225px;
	position: absolute;
	font-size: 12px;
	text-align: center;
	height: 25px;
	line-height: 25px;
}
#menu3 a:link{
	color: #0066cc;
}

#contents{
	background: url(./images/bk_contents_14.png) 50% 460px no-repeat;
}



#contents_left{
	padding: 0 30px;
	margin-top: 20px;
	width: 695px;
	float: left;
}
#contents_right{
	width: 215px;
	float: left;
	margin-top: 20px;
}

#link_area{
	padding: 20px 30px 0;
	clear: both;
}
#contents_455_l, #contents_455_r{
	width: 455px;
	height: 230px;
	float: left;
}
#contents_455_l{
	background: url(../images/box_spa.jpg) no-repeat;
}
#contents_455_r{
	background: url(../images/box_dog.jpg) no-repeat;
	margin-left: 30px;
}
.conternts_455_in{
	padding: 60px 0 0 230px;
	line-height: 1.5em;
	font-size: 1.2em;
}


#footer{
	background: url(./images/bk_footer.png) 50% bottom no-repeat;
	height: 90px;
	font-size: 1.2em;
	line-height: 1.2;
	padding-top: 10px;
	clear: both;

}

#floatMenu{
	position:absolute;
	top:390px;
	width:210px;
	right: 50%;
	margin-right: 250px;
}


/* レイアウトここまで */

.address_meta{
	display: block;
	margin: 0 30px;
	padding: 8px;
	background: url(./images/bk_footer_18.png);
	height: 36px;
}

/* ドキュメント */
body{
	background: url(./images/bk_body_top.jpg) top no-repeat;
}

#site_index{
	left: 0px;
	top: 0px;
	position: absolute;
}

ul#menu1{
	top: 82px;
	position: absolute;
	height: 35px;
	left: 260px;
	margin-left: 0px;
}
ul#menu1 li{
	float: left;
	height: 35px;
}
ul#menu1 li a{
	display: block;
	line-height: 35px;
	text-indent: -9999px;
}
ul#menu1 li#main_menu01 a{width: 206px;}
ul#menu1 li#main_menu02 a{width: 135px;}
ul#menu1 li#main_menu03 a{width: 117px;}
ul#menu1 li#main_menu04 a{width: 116px;}
ul#menu1 li#main_menu05 a{width: 136px;}

ul#menu1 li#main_menu01 a:hover{background: url(./images/menu_main_over_05.jpg) no-repeat;}
ul#menu1 li#main_menu02 a:hover{background: url(./images/menu_main_over_06.jpg) no-repeat;}
ul#menu1 li#main_menu03 a:hover{background: url(./images/menu_main_over_07.jpg) no-repeat;}
ul#menu1 li#main_menu04 a:hover{background: url(./images/menu_main_over_08.jpg) no-repeat;}
ul#menu1 li#main_menu05 a:hover{background: url(./images/menu_main_over_09.jpg) no-repeat;}

ul#menu2{
	top: 45px;
	position: absolute;
	height: 26px;
	left: 747px;
	margin-left: 0px;
}
ul#menu2 li{
	float: left;
	height: 26px;
}
ul#menu2 li a{
	display: block;
	line-height: 26px;
	text-indent: -9999px;
}
ul#menu2 li#sub_menu01 a{width: 111px;}
ul#menu2 li#sub_menu02 a{width: 131px; margin-left: 10px;}

ul#menu2 li#sub_menu01 a:hover{background: url(./images/sub_menu_03.png) no-repeat;}
ul#menu2 li#sub_menu02 a:hover{background: url(./images/sub_menu_05.png) no-repeat;}


#news_box{
	width: 100%;
	height: 280px;
	font-size: 1.4em;
	overflow: auto;
}
#news_box li{
	border-bottom: 1px dashed #999;
	margin-bottom: 15px;
}
#box_access{
	width: 215px;
	height: 120px;
	background-image: url(./images/ban_post.png);
	background-repeat: no-repeat;
	background-position: center;
	margin-bottom: 10px;
}
#box_access a{
	padding-left: 100px;
	padding-top: 3px;
	display: block;
	margin-bottom: 15px;
}
#box_access div.txt{
	margin: 0 15px;
	font-size: 1.2em;
	color: #06c;
	font-weight: bolder;
	line-height: 1.3em;
}

#box_mobile{
	width: 215px;
	height: 180px;
	background-image: url(./images/ban_mobile.png);
	background-repeat: no-repeat;
	margin-bottom:10px;
}
#box_mobile a{
	padding-left: 95px;
	padding-top: 115px;
	display: block;
	margin-bottom: 5px;
}
#box_mobile div.txt{
	margin: 0 5px;
	font-size: 1em;
	line-height: 1.3em;
}
/* clearfix */
.clearfix:after {
    content: "";
    display: block;
    height: 0; 
    clear: both;
    visibility: hidden;
}
.clearfix
{
	min-width: 0;		/* trigger hasLayout for IE7 */
	display: inline-block;
	/* \*/	display: block;	/* Hide from IE Mac */
}

/* exlude MacIE5 \*/
* html .clearfix { height: 1% }
/* end MacIE5 */
/* end clearfix */

/* for Dreamweaver */
.clearfix {overflow:hidden;}
/* end Dreamweaver */

/* END CSS FORMAT */
.camera a{
	text-indent: -9999px;
	width: 280px;
	height: 40px;
	background-image: url(images/btn_camera.gif);
	background-position: left top;
	display: block;
}
.camera a:hover{
	background-position: left bottom;
}

.alignleft{
	float: left;
}
.alignright{
	float: right;
}
hr.clr{
	clear: both;
	visibility: hidden;
	margin:0;
}
.blue_b{
	color: #06c;
	font-weight: bolder;
	font-size: 1.2em;
}
.clear{clear: both;}

small {
	font-size: 0.9em;
}

strong {
	font-size: 1.2em;
}