@charset "utf-8";

*{ margin:0; padding:0;}
body {
	font-family:メイリオ,"ＭＳ Ｐゴシック","MS PGothic","小塚明朝 Pro","小塚ゴシック Pr6N";
	color:#414141;
	font-size:12px;
	line-height:24px;
	padding:0;
	margin:0;
	background:url(../img/top/bg.jpg) repeat-y;
}
ul, input, dl, dd,p{
	padding: 0;
	margin: 0;
	list-style-type: none;
}

input,textarea{
	line-height:22px;
    border:1px solid #c1c1c1;	
}

a:link{text-decoration:none;color:#414141; }
a:visited{text-decoration:none;color:#414141; }
a:hover{text-decoration:underline;color:#414141; }
a:active{ background:none;}
/*.clear{clear:both;}*/

img,a img{ padding:0; margin:0; border:0;}

.left{ float:left;}
.right{ float:right;}
.center{ text-align:center;}
.clear{
    clear:both;	
}


.clearfix:after {
visibility: hidden;
display: block;
font-size: 0;
content: " ";
clear: both;
height: 0;
}
* html .clearfix             { zoom: 1; } /* IE6 */
*:first-child+html .clearfix { zoom: 1; } /* IE7 */

.wrapper{
	width: 1005px;
	margin: 0 auto;
	height:830px;
}

.top{
    height:131px;
	border-bottom:1px solid #bfbfbf;	
}

#logo{
    float:left;
	padding:34px 0 0 26px;	
}

.tel{
    float:right;
	width:250px;
	padding:35px 17px 0 0;
	font-size:14px;
	color:#656565;	
	line-height:30px;
}

.top_ttl01{
    float:left;
	padding:60px 0 0 14px;
	line-height:18px;
	color:#808080;	
}

#main{
    	
}

#sidebar{
	float: left;
	width: 265px;
	border: 0px solid #ccc;
	border-top: none;
	height: 750px;
	position: relative;
}


.side01{
	background: #f29600;
	padding-bottom:8px;
	position: relative;
	left: 0px;
	bottom: 0px;
	width: 265px;
}

.side01 span.span01{
	display:block;
	padding:14px 38px;
	font-size:18px;
	font-weight:bold;	
	color:#000;
}

.side02{
	width: 252px;
    height:260px;
	margin-left: 7px;
	padding-bottom: 1px;
	background: #fff;
	
}



.side002{
	width: 252px;
    height:200px;
	margin-left: 7px;
	padding-bottom: 1px;
	background: #fff;
	
}

	
ul.ul_top01{
	padding:20px 0 0 4px;
}

ul.ul_top01 li{
    padding-top:5px;	
}
ul.ul_top01 li span.li01{
	float: left;
	width: 60px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bolder;
	color: #ccc;
	line-height: 18px;
	height: 18px;
}

ul.ul_top01 li span.li02{
	float: left;
	width: 176px;
	color: #676767;
	line-height: 18px;
}

ul.ul_top01 li.li03{
	padding-bottom: 25px;
}

.side01 span.span02{
	display:block;
	height:35px;
	padding-left:24px;
	color:#676767;
	line-height:35px;
	background:#ffeccc;
}


ul.ul_top01 li span.li04{
    font-size:14px;
	font-weight:bold;
	color:#444;
}

ul.ul_top01 li span.li05{
	font-size: 12px;
	color: #151515;
	background: #ffce80;
	display: block;
	width: 158px;
}


.content{
    float:left;
	width:733px;	
}

.index01{
	background: #f29600;
	padding-bottom: 6px;
	width:265px;	
	height:236px;
	margin-top:10px;
	position: relative;
}


.news_ttl01{
	width: 63px;
	padding: 7px 14px 7px 21px;
	background: url(../img/top/news_ttl01_bg.png) no-repeat right center;
}

.index02{
	margin: 10px 0px;
	background: #fff;
	width: 250px;
	height:250px;
}

ul.ul_top02{
	float: left;
	width: 220px;
	height:170px;
	padding: 3px 10px 7px;
	margin-left: 0px;
	overflow:auto;
	overflow-y: scroll;
	margin-left:10px;

}

ul.ul_top02 li span.class01{
	float: left;
	width: 10px;
	height: 24px;
	background: url(../img/top/ul_op02_libg.jpg) no-repeat left center;
}

ul.ul_top02 li span.class02{
	float: left;
	width: 80px;
	background: url(../img/top/ul_top02_li_bg02.jpg) repeat-x left bottom;
	height: 24px;
	line-height: 24px;
	margin-left: 10px;
}
ul.ul_top02 li span.class03{
	float: left;
	width: 180px;
	background: url(../img/top/ul_top02_li_bg02.jpg) repeat-x left bottom;
	height:auto;
	line-height: 50px;
	color: #016a75;
}

#footer{
	width: 100%;
	height: auto;
	margin-top: 10px;
	text-align: center;
	background: url(../img/top/footer_bg.jpg) repeat-x left bottom;
	border-top: 1px solid #bfbfbf;
	line-height: 112px;
}


.content02{
	float: left;
	width: 692px;
	margin-left: 41px;
}

.access02{
    margin-top:30px;	
}

.access_ttl01{
	padding: 22px 0 18px 8px;
}

.access02_top{
	height: 10px;
	background: url(../img/access/access_img01.png) no-repeat;
}

.access02_bottom{
	height:10px;
    background:url(../img/access/access_img02.png) no-repeat;	
}

.access02_middle{
	font-size: 18px;
	color: #383838;
	line-height: 32px;
	border-left: 6px solid #cfcfcf;
	border-right: 6px solid #cfcfcf;
	width: 609px;
	padding: 10px 20px;
}

.access02_middle span{
	display: block;
	padding-left: 95px;
}


.access_map{
	margin-top: 40px;
}

.access03{
    margin-top:60px;	
}

.access03 img{
	padding:4px;
    border:1px solid #bdbdbd;	
}

.access03 img.img01{
	margin-left:14px;
}

.access03 img.img02{
	margin-top:14px;
}



.beginner_ttl02{
	height: 40px;
	padding-left: 15px;
	font-size: 14px;
	font-weight: bold;
	line-height: 40px;
	color: #fff;
	background: #036975;
	margin-top: 28px;
}

.beginner_txt01{
	padding: 24px 20px 12px;
	font-size: 14px;
	color: #383838;
}

.beginner_txt02{
	display: block;
	padding: 0 30px 20px;
	font-size: 14px;
}

.beginner_txt02 span.class01{
    display:block;
	float:left;	
	width:18px;
	margin-top:15px;
	font-weight:bold;
}

.beginner_txt02 span.class02{
    display:block;
	float:left;	
	margin-top:15px;
	width:610px;
}



.service_txt01{
	padding:10px;
	font-size:14px;
	font-weight:bold;    	
}

.service_txt01 span{
	display:block;
	padding-left:30px;
    font-weight:normal;	
}



.viewer {
	height: 830px;
	margin: 0 auto;
	text-align: left;
	overflow: hidden;
	padding: 0;
	position: relative;
	z-index: 1
}

.viewer ul {
	height: 830px;
	text-align: left;
	overflow: hidden;
	position: relative;
}

.viewer ul li {
	height:830px;
	top: 0;
	left: 0;
	display: none;
	position: absolute;
}




#scrollinfo {

	overflow:scroll;
	overflow-x:hidden;
	display: inline;
	margin-top:37px;
}

#scrollinfo, x:-moz-broken {
	
	float:left;
	overflow:scroll;
	overflow-x:hidden;
	display: inline;
}
#scrollinfo a:link, #scrollinfo a:visited {
	color:#bc3112;
	text-decoration:none;
}

#scrollinfo a:hover, #scrollinfo a:active {
	color:#fff;
	background-color:#bc3112;
	text-decoration:none;
}