@charset "utf-8";

/*reset*/
html,body,div,h1,h2,h3,h4,p,ul,li,dl,dt,dd {
	margin:0;
	padding:0;
	line-height:1.0;
}

ul {
	list-style:none;
}
img {
	border:none;
	vertical-align:bottom;
}
a {
	color:#039;
	text-decoration:none;
}
a:visited {
	color:#333;
}
a:hover {
	color:#06C;
}




/*body*/
body {
	font-size:16px;
	font-family:"Hiragino Kaku Gothic ProN",
	          Meiryo,
						 sans-serif;
	line-height:1.5;
	color:#666;
/*	background:#FFFFFF url(../img/hor_menu3_off.gif) repeat-x left 48px;*/
}


/*layout*/
#container {
	width:980px;
	margin:0 auto;
	background:#FFF;
	overflow:hidden;
	position:relative;
}

#header h1 {
	font-size:12px;
	text-indent:-9999px;
}
#header p.logo {
	text-align:left;
	width:200px;
	height:auto;
	margin-bottom:10px;
}
#header p.catch {
	position:absolute;
	top:20px;
	left:250px;
	font-size:14px;
}
#header p.key {
	text-indent:-9999px;
}



.top_side {
	width:200px;
	height:50px;
	float:right;
		border-bottom:1px solid #CCC;
			border-right:1px solid #CCC;
				border-left:1px solid #CCC;
					border-top:1px solid #CCC;
						padding:10px;
						position:absolute;
						right:0px;
						top:25px;
}
.top_side p {
	color:#333;
	font-size:20px;
	text-align:center;
}
.top_side p.tel {
	color:#C00;
	font-size:20px;
	line-height:1.6;
	text-align:center;
}




/* --- ナビゲーションバー --- */
.nav {
width: 980px; /* ナビゲーションの幅 */
background: #f9f9f9 url(hor_menu3_off.gif) repeat-x top; /* ナビゲーションの背景 */
border-top: 1px #cccccc solid; /* 上境界線 */
border-bottom: 1px #cccccc solid; /* 下境界線 */
font-size: 80%;
}

/* --- メニューエリア --- */
.nav ul.nl {
width: 980px;
margin: 0 auto;
padding: 0;
background: #f9f9f9 url(../img/hor_menu3_off.gif) repeat-x top;
border-left: 1px #cccccc solid;
border-right: 1px #ffffff solid;
list-style-type: none;
text-align: center;
overflow:hidden;
box-sizing:border-box;
}




/* --- メニュー項目 --- */
.nav ul.nl li {
width: 20%; /* 項目の幅 */
float: left;
box-sizing:border-box;
}

.nav ul.nl li:last-child {
border-right: 1px #cccccc solid;
}


/* --- リンク --- */
.nav ul.nl li a {
display: block;
position: relative; /* IE6用 */
padding: 11px 2px;
border-top: 1px #ffffff solid;
border-bottom: 1px #808080 solid;
border-left: 1px #ffffff solid;
text-decoration: none;
color:#335BB1;
font-weight:bold;
}


.nav ul.nl li a:hover {
background: #f9f9f9 url(../../img/hor_menu3_on.gif) repeat-x top;
}
.this {
background: #f9f9f9 url(../../img/hor_menu3_on.gif) repeat-x top;
}

/*----nav fixed----*/
.fixed {
  position: fixed;
  top: 0;
  width:980px;
  z-index: 10000;
}
/* --- clearfix --- */
.clearFix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
.clearFix {
min-height: 1px;
}



#wrapper {
	overflow:hidden;
}
#crossfader {
	width:980px;
	height:300px;
	margin:10px auto;
}

/*content*/
#content {
	width:980px;
	margin:0 auto;
	margin-bottom:1em;
	padding:4px 0;
}


#content h3 {
	border-bottom:3px #C00 dotted;
}



/*about*/
.about {
  width:980px;
	margin:0 auto;
	margin-bottom:40px;
	overflow:hidden;
}
.about h3 {
	color:#666;
	line-height:2.0;
	padding-left:20px;
}
/*#about h4 {
	text-indent:-9999px;
}*/
.about .sbtn {
	width:278px;
	float:left;
	margin:16px 15px 0 10px;
	border-bottom:1px solid #CCC;
	border-right:1px solid #CCC;
	border-left:1px solid #CCC;
	border-top:1px solid #CCC;
	padding:10px;
	cursor:pointer;
}
.about .sbtn.first {
	margin-left:15px;
}
.about .sbtn p {
	font-size:0.9em;
	line-height:1.5;
	margin:10px 0;
}
.about .sbtn p.link {
	padding-left:140px;
}
.about .sbtn.link,#about.sbtn.link a:visited {
	color:#0060FF;
}
.about .sbtn p.arrow {
	float:right;
	margin-top:-35px;
	z-index:10;
}
.about .sbtn p.img {
	width:280px;
	height:100px;
	background-color:#CCC;
}




/*news*/
#news {
	width:637px;
	margin-bottom:40px;
	float:left;
	overflow:hidden;
}
#news h3 {
	color:#666;
	line-height:2.0;
	padding-left:20px;
}

#news dl {
	margin:16px 18px 0 18px;
}
#news dt {
	font-size:0.75em;
	font-weight:bold;
	margin:14px 0 6px 0;
}
#news dd {
	font-size:0.8em;
	line-height:1.5;
	margin:0 0 0 1em;
	border-bottom:1px dotted #999
}
#news dt a:link {
	color:#B42907;
}
#news dt a:visited {
	color:#C97B36;
}
#news dt a:hover {
	color:#4675B4;
}



.nav_side {
	float:right;
	}
.nav_side p.txt {
	text-align:center;
	font-size:22px;
	text-indent:-9999px;
}
.sidebox {
	margin-right:15px;
	margin-bottom:60px;
	height:auto;
	overflow:hidden;
	cursor:pointer;
}






/* footer
---------------------------------------------*/
#footer {
  clear: both;
  color: #FFF;
  padding: 20px;
  background: #333;
}
#footer p {
	color:#B92A2C;
	font-size:0.75em;
	text-align:center;
	padding-top:50px;
	padding-bottom:50px;
}
#footer ul.nav_footer {
	width: 980px;
    margin: 20px auto;
    font-size: 0.8em;
    text-align: center;
	padding-bottom:100px;
}
#footer ul.nav_footer li {
	display:inline;
}

#footer ul.nav_footer li a {
	color:#CCC;
}
#footer ul.nav_footer li a:link,#footer ul.nav li a:visited {
	color:#FFF;
	padding:0 8px;
	border-right:1px solid #FFF;
}
#footer ul.nav_footer li.last a:link {
	border-right:none;
}
#footer ul.nav_footer li a:hover {
	color:#B92A2C;
}