@charset "utf-8";

@import "../../common/css/bace.css";



/*----------------------------------------------------------
HEADER
----------------------------------------------------------*/

#header{
	height: 85px;
	width: 100%;
	background-color: #000000;
}

#head{
	width: 800px;
	margin-right: auto;
	margin-left: auto;	
}

#head h1{
	float: left;
	margin-top: 28px;
	margin-left: 6px;
}
#head p{
	float: right;
	margin-top: 23px;
	margin-right: 3px;
}
/*----------------------------------------------------------
MAIN
----------------------------------------------------------*/

#main{
	width: 100%;
	background-image: url(../../common/img/bg.gif);
	background-repeat: repeat-y;
	background-position: center top;
	background-color: #CFDDE0;
}
#mainimg{
	width: 800px;
	margin-right: auto;
	margin-left: auto;
}

/*----------------------------------------------------------
MENU
----------------------------------------------------------*/

#main ul{
	width: 800px;
	margin-right: auto;
	margin-left: auto;
}

#main li,#main li a{
	float: left;
	text-decoration: none;
	text-indent: -9999px;
	background-repeat: no-repeat;
	background-position: left top;
	height: 60px;
	display: block;
}

#main li.menu1,#main li.menu1 a,#main li.menu1 a:visited{
	background-image: url(../../common/img/menu1.gif);
	width: 134px;
}
#main li.menu1 a:hover{
	background-image: url(../../common/img/menu1_over.gif);
	width: 134px;
}

#main li.menu2,#main li.menu2 a,#main li.menu2 a:visited{
	background-image: url(../../common/img/menu2.gif);
	width: 134px;
}
#main li.menu2 a:hover{
	background-image: url(../../common/img/menu2_over.gif);
	width: 134px;
}
#main li.menu3,#main li.menu3 a,#main li.menu3 a:visited{
	background-image: url(../../common/img/menu3.gif);
	width: 134px;
}
#main li.menu3 a:hover{
	background-image: url(../../common/img/menu3_over.gif);
	width: 134px;
}

#main li.menu4,#main li.menu4 a,#main li.menu4 a:visited{
	background-image: url(../../common/img/menu4.gif);
	width: 133px;
}
#main li.menu4 a:hover{
	background-image: url(../../common/img/menu4_over.gif);
	width: 133px;
}

#main li.menu5,#main li.menu5 a,#main li.menu5 a:visited{
	background-image: url(../../common/img/menu5.gif);
	width: 133px;
}
#main li.menu5 a:hover{
	background-image: url(../../common/img/menu5_over.gif);
	width: 133px;
}

#main li.menu6,#main li.menu6 a,#main li.menu6 a:visited{
	background-image: url(../../common/img/menu6.gif);
	width: 132px;
}
#main li.menu6 a:hover{
	background-image: url(../../common/img/menu6_over.gif);
	width: 132px;
}


/*----------------------------------------------------------
CONTENTS
----------------------------------------------------------*/

#contents{
	width: 800px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 24px;
}

#mainbox{
	float: right;
	margin-top: 14px;
	width: 555px;
}

#sidebox{
	float: left;
	width: 200px;
	background-color: #000000;
	background-image: url(../../common/img/side_bg.jpg);
	background-repeat: no-repeat;
	background-position: right bottom;
	padding-right: 8px;
	padding-left: 7px;
	font-size: 80%;
	line-height: 120%;
	color: #FFFFFF;
	padding-top: 8px;
	padding-bottom: 8px;

}

#sidebox ul.btn{

}

#sidebox ul.btn li{
	margin-bottom: 9px;	

}

#sidebox .free{
	margin-right: 7px;
	margin-left: 7px;
}
#sidebox h3{
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #3A3A3A;
	padding-bottom: 3px;
	margin-bottom: 7px;
	margin-top: 20px;
}

#sidebox h4{
	margin-bottom: 7px;
}

#sidebox .tel dt{
	float: left;
	margin-right: 3%;
	width: 15%;
}
#sidebox .tel dd{
	float: left;
	width: 82%;
	margin-bottom: 5px;
}

.free_dial{
	margin-bottom: 3px;
	margin-left: 5px;
}


#sidebox .day dt{
	float: left;
	margin-right: 3%;
	width: 28%;
}
#sidebox .day dd{
	float: left;
	width: 67%;
	margin-bottom: 5px;
}
#sidebox .bnr{
	margin-top: 30px;
	margin-bottom: 10px;
	margin-right: 4px;
	margin-left: 4px;

}


#mainbox h2{
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #999999;
	padding-bottom: 0.2em;
	margin-bottom: 15px;
	color: #333333;
	font-family:"ＭＳ Ｐ明朝", "細明朝体", "ヒラギノ明朝 Pro W3";
	font-weight: bold;
	font-size: 15pt;
}


#mainbox h2 img{
	padding-bottom: 5px;	
}


#mainbox .title{
	border-bottom-width: 3px;
	border-bottom-style: solid;
	border-bottom-color: #464646;
	padding-right: 5px;
	padding-left: 5px;
	padding-bottom: 0.2em;
}

#mainbox .txt{
	margin-right: 10px;
	margin-left: 10px;
	font-size: 80%;
	line-height: 160%;
	color: #464646;
	margin-bottom: 30px;
}
#mainbox .txt p{
	margin-bottom: 15px;	
}


#mainbox .txt2{
	margin-bottom: 20px;
	margin-top: 30px;
}

#mainbox .txt2 h3{
	padding-left: 7px;
	border-left-width: 3px;
	border-left-style: solid;
	border-left-color: #464646;
	color: #333333;
	font-family:"ＭＳ Ｐ明朝", "細明朝体", "ヒラギノ明朝 Pro W3";
	font-weight: bold;
	font-size: 150%;
	margin-bottom: 10px;
}

#mainbox .txt2 p{

}


/*----------------------------------------------------------
FOOTER
----------------------------------------------------------*/

#footer{
	background-color: #000000;
	width: 100%;
	margin-top: 20px;
	height: 52px;
}

#foot{
	width: 800px;
	margin-right: auto;
	margin-left: auto;
}

#foot p{
	float: left;
	margin-top: 15px;
	width: 340px;
}

#foot ul{
	float: right;
	width: 213px;
}
#foot li{
	float: right;
}


#foot .menu7,#foot .menu7 a:hover{
	background-image: url(../../common/img/menu7_over.gif);
	background-repeat: no-repeat;
	background-position: left top;
	height: 52px;
	width: 137px;
}

#foot .menu7 a{
	background-image: url(../../common/img/menu7.gif);
	background-repeat: no-repeat;
	background-position: left top;
	height: 52px;
	width: 137px;
	display: block;
	text-indent: -9999px;
}

#foot .menu8,#foot .menu8 a:hover{
	background-image: url(../../common/img/menu8_over.gif);
	background-repeat: no-repeat;
	background-position: left top;
	height: 52px;
	width: 76px;
}

#foot .menu8 a{
	background-image: url(../../common/img/menu8.gif);
	background-repeat: no-repeat;
	background-position: left top;
	height: 52px;
	width: 76px;
	display: block;
	text-indent: -9999px;
}



/*----------------------------------------------------------
ニュース
----------------------------------------------------------*/
#newsbar{
	padding-top: 17px;
	border-top-width: 3px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #464646;
	border-bottom-color: #999999;
	margin-top: 60px;
	padding-bottom: 19px;
	width: 555px;
	height: 21px;
	margin-bottom: 26px;
}

#newsbar h3{
	float: left;
	width: 300px;
}

#newsbar ul{
	float: right;
	width: 133px;
}

#newsbar ul li a{
display: block;
	text-indent: -9999px;
	background-repeat: no-repeat;
	background-position: left top;
	height: 21px;
}
#newsbar ul li.btn1{
	width: 40px;
	float: left;
}

#newsbar ul li.btn1 a{
	background-image: url(../img/rss.gif);
	width: 40px;
}
#newsbar ul li.btn1 a:hover{
	background-image: url(../img/rss_over.gif);
}

#newsbar ul li.btn2{
	width: 78px;
	float: right;
}

#newsbar ul li.btn2 a{
	background-image: url(../img/newsmore.gif);
	width: 78px;
}
#newsbar ul li.btn2 a:hover{
	background-image: url(../img/newsmore_over.gif);
}


.news{
	margin-right: 10px;
	margin-left: 10px;
	font-size: 80%;
	line-height: 160%;
	color: #464646;
	margin-bottom: 30px;
	width: 535px;
}

.news a,.news a:visited{
	color: #464646;
}
.news a:hover{
	color: #464646;
	text-decoration: none;
}

.news dl{
	float: left;
	width: 373px;
}

.news dt{
	font-weight: bold;
	padding-top: 20px;
}
.news img{
	float: right;
	border: 4px solid #E0DFE3;
	margin-left: 30px;
	width: 124px;
}

.free_dialtxt {
	font-size: 180%;
	letter-spacing: -0.05em;
	line-height: 100%;
}

.free_daialarea{
	margin-top: 10px;
	margin-bottom: 20px;

}