/* CSS Document */

html {
	height: 100%;
}

body {
	font: 100%/1.4 "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS P Gothic", sans-serif;
	color: #000;
	font-size:14px;
	line-height:1.5em;
	overflow-y:scroll;
}

a img {
	border: none;
	vertical-align:middle;
}

a:link {
	color:#414958;
	text-decoration: none;
}
a:visited {
	color: #4E5869;
	text-decoration: none;
}
a:hover, a:active, a:focus {
	text-decoration: underline;
}
#header {
	background: url(../images/header_bg.png) repeat-x;
	height:112px;
	margin:0 0 36px;
}

#header .inner {
	padding:22px 0 0;
}

#header .inner .header_logo { float:left;}
#header .inner .header_tel { float:right;}
#header .inner p { padding:16px 0 0; clear:both; width:600px; float:left;}
#header .inner .header_contact { padding:12px 0 0; float:right;}

.footer_menu {
	clear:both;
	background:url(../images/footer_menu_bg.png) repeat-x;
	padding:22px 0;
	margin-top:45px;
}
.footer_menu ul {
	margin:0 -1px;
}
.footer_menu ul li {
	float:left;
	margin:0 1px;
}
.footer_menu ul li a:hover {
	filter: alpha(opacity=75);
	-moz-opacity:0.75;
	opacity:0.75;
}

#footer {
	background:#000;
	clear:both;
	color:#999999;
	padding:1px 0 0;
}

#footer .inner {
	padding:22px 0 0;
}

#footer .inner .footer_logo {
	padding:20px 0;
	float:left;
}
#footer .inner .footer_tel {
	float:right;
}
#footer ul {
	clear:both;
	border-top:1px solid #302A28;
	border-bottom:1px solid #302A28;
	padding:14px 0;
}

#footer ul li {
	border-right:1px solid #302A28;
	float:left;
	padding:0 16px;
	margin-bottom:12px;
}
#footer ul li a {
	color:#999999;
}

.copy {
	text-align:center;
	font-size:12px;
	padding:8px 0;
}

.inner {
	margin:0 auto;
	width:1000px;
}

/* 汎用
----------------------------------------------------*/

/* For modern browsers */
.cf:before,
.cf:after { content:""; display:table;}

.cf:after { clear:both;}
/* For IE 6/7 (trigger hasLayout) */
.cf { zoom:1;}
.fltrt { float: right; margin-left: 10px;}
.fltlft { float: left; margin-right: 10px;}
.txt_c { text-align:center;}
.mar_b5 { margin-bottom:5px; }
.mar_b10 { margin-bottom:10px; }
.mar_b15 { margin-bottom:15px; }
.mar_b20 { margin-bottom:20px; }