@import "default.css";
@charset "utf-8";
/* CSS Document */

* {
	font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
}

body {
	font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
	color:#333;
	text-align:center;
	font-size:12px;
	width:100%;
	padding:0;
	margin:0;
}

#containerInner {

}

h1 {
	font-size: 12px;
	font-weight: normal;
	line-height: 30px;
	background-color: #F7F6F5;
	text-align: center;
}

#header {
	width:100%;
	height:95px;
	position:relative;
}

#header .headerLogo {
	position:absolute;
	top:10px;
	left:10px;
}

#header .headerLink {
	position:absolute;
	top:35px;
	right:120px;
	width: 290px;
}

#header .headerLink li{
	float:left;
	font-size: 16px;
	line-height: 30px;
	margin-right:20px;
}

#header .headerLink li a{
	color: #333;
	text-decoration: none;
}
#header .headerLink li a:hover{
	color: #333;
	text-decoration: underline;
}

#header .headerMenu {
	position:absolute;
	top:25px;
	right:15px;
}

#navigation {
    display: none;
}

#topicPath {
	margin-left:auto;
	margin-right:auto;
	line-height:20px;
	font-size:12px;
	padding-top: 15px;
	padding-bottom: 15px;
	text-align: left;
	padding-left: 20px;
}

#topicPath a {
	color:#333;
	text-decoration: underline;
}

#contentsTitle {
	width:100%;
	margin-left:auto;
	margin-right:auto;
	text-align:center;
	height:180px;
	background-image: url(../images/title_bg.jpg);
	background-repeat: repeat-x;
}

#contentsTitle h2 {
	padding-top: 65px;
	font-size: 40px;
	color: #333;
}

#consult {
	width:820px;
	height:250px;
	margin-left:auto;
	margin-right:auto;
	position:relative;
	background-image: url(../images/contact_bg2.png);
	background-repeat: no-repeat;
	margin-bottom: 80px;
}

#consult h4{
	height:250px;
	display:block;
	text-indent:-9999px;
	overflow:hidden;
}

#consult .btn{
	position:absolute;
	top:145px;
	right:20px;
}

#consult .btn a{
	width:250px;
	height:70px;
	margin-left:auto;
	margin-right:auto;
	text-indent:-9999px;
	overflow:hidden;
	background-image: url(../images/contact_btn2.gif);
	background-repeat: no-repeat;
	display: block;
}

#consult .btn a:hover{
	background-position:0px -70px;
	background-image: url(../images/contact_btn2.gif);
}

#footer_contact {
	background-color: #F7F6F5;
	height: 300px;
}

#footer_contact .inner{
	width:1000px;
	margin-left:auto;
	margin-right:auto;
	padding-top: 50px;
}

#footer_contact .inner .contact{
	width:480px;
	height:190px;
	float:left;
	background-image: url(../images/contact_bg.gif);
	background-repeat: no-repeat;
}

#footer_contact .inner .contact h4{
	height:125px;
	display:block;
	text-indent:-9999px;
	overflow:hidden;
}

#footer_contact .inner .contact .btn a{
	width:336px;
	height:45px;
	margin-left:auto;
	margin-right:auto;
	text-indent:-9999px;
	overflow:hidden;
	background-image: url(../images/contact_btn.gif);
	background-repeat: no-repeat;
	display: block;
}

#footer_contact .inner .contact .btn a:hover{
	background-position:0px -45px;
	background-image: url(../images/contact_btn.gif);
}

#footer_contact .inner .facebook{
	width:480px;
	height:190px;
	float:right;
}

#footer_contact .inner .footerMenu{
	width:480px;
	height:190px;
	float:right;
}

#footer_contact .inner .footerMenu h4{
	font-size: 20px;
	margin-bottom: 20px;
	font-weight: normal;
	text-align: left;
}

#footer_contact .inner .footerMenu p{
	font-size: 16px;
	line-height: 36px;
	text-align: left;
}

#footer_contact .inner .footerMenu p a{
	color: #333;
	text-decoration: underline;
}

#footer {
	width:100%;
	height:120px;
	position:relative;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #CCC;
	clear: both;
}

#footer .footerLogo {
	position:absolute;
	top:30px;
	left:10px;
}

#footer .footerAddress {
	position:absolute;
	top:45px;
	left:300px;
	font-size: 14px;
	text-align: left;
}

#footer .footerLink {
	position:absolute;
	top:45px;
	right:20px;
	width: 420px;
}

#footer .footerLink li{
	float:left;
	font-size: 16px;
	line-height: 30px;
	margin-right:20px;
}

#footer .footerLink li a{
	color: #333;
	text-decoration: none;
}
#footer .footerLink li a:hover{
	color: #333;
	text-decoration: underline;
}

#copyright {
	padding-top: 5px;
	font-size: 11px;
	height: 25px;
	line-height: 22px;
}

a:hover img {
	opacity:0.6;
	filter:alpha(opacity=60);
	-ms-filter: "alpha( opacity=60 )";
}

a:hover img.none {
	opacity:1;
	filter:alpha(opacity=100);
	-ms-filter: "alpha( opacity=100 )";
}

sup {
	font-size:8px;
}

#page-top {
	position: fixed;
	bottom: 50px;
	right: 20px;
}
#page-top a {
	width: 100px;
	height: 100px;
	display: block;
	background-image: url(../images/pagetop.png);
	background-repeat: no-repeat;
	text-indent:-9999px;
	overflow:hidden;
}
#page-top a:hover {
	background-position:0px -100px;
}


#footer_copy {
	background-color: #F7F6F5;
}

#footer_copy .inner{
	width:1000px;
	margin-left:auto;
	margin-right:auto;
	padding-bottom: 20px;
}

#footer_copy .inner h3{
	text-align: left;
	font-size: 20px;
	font-weight: normal;
	margin-bottom: 10px;
}

#footer_copy .inner p{
	text-align: left;
	font-size: 14px;
	line-height: 24px;
}