* {
	margin: 0;
	padding: 0;
}

/*----------------------------------------------------------------------
基本レイアウト
----------------------------------------------------------------------*/
body {
	margin: 0;
	padding: 0;
	line-height: 140%;
	color: #444444;
	font-family: "メイリオ", "Meiryo", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "Osaka", "ＭＳ Ｐゴシック", arial, helvetica, clean, sans-serif;
	font-size: 100.01%;
	background: url(../images/bg.gif);
	background-repeat: repeat-x;
	background-color: #ffffff;
	border-top: 3px solid #009de1;
	
}

#wrapper {
	width: 800px;
	text-align: center;
	margin: 0 auto;

}

/*
ヘッダー
---------------------------------------------------*/
#header {
	height: 72px;

}

#header .logo {
	float: left;
	height: 60px;
	padding: 12px 280px 0 0;

}

#header #h_right {
	float: right;
	height: 72px;
	padding: 0;

}

#header #h_right .headernavi {

}

#header #h_right .headernavi ul {
	padding-right: 1px;

}

#header #h_right .headernavi ul li {
	float: left;
	font-size: 70%;
	padding: 0 0 0 23px;

}

#header #h_right .headernavi ul li a {
	display: block;
	text-decoration: none;
	color: #444444;

}

.header_nav {
	margin-top: 5px;
}

.home {
	height: 25px;
	vertical-align: middle;
	font-size: 70%;
	background: url(../images/icon_home.gif) 0 0 no-repeat;
	padding-left: 3px;
}

.home a {
	color: #666666;
	text-decoration: none;
}

.home a:hover {
	color: #999999;
	text-decoration: underline;
}


.mail {
	height: 25px;
	vertical-align: middle;
	font-size: 70%;
	background: url(../images/icon_mail.gif) 0 0 no-repeat;
	padding-left: 3px;
}

.mail a {
	color: #666666;
	text-decoration: none;
}

.mail a:hover {
	color: #999999;
	text-decoration: underline;
}


.tel_area {
	text-align: right;
	padding-right: 20px;

}


/*
メインナビ
---------------------------------------------------*/

#mainnavi {
	
}

#mainnavi ul {

}

#mainnavi ul li {
	float: left;
	padding: 0 0 3px 0;

}

#mainnavi ul li a {
	text-decoration: none;
	text-indent: -9999px;
	text-align: center;
	overflow: hidden;
	display: block;
	width: 114px;
	height: 60px;
	padding: 0;
		
}

.out a {
	background: url(../images/nav_out.gif) 0 0 no-repeat;

}

.out a:hover {
	background: url(../images/nav_out.gif) 0 -60px no-repeat;

}

.out_t a {
	background: url(../images/nav_out.gif) 0 -60px no-repeat;

}

.bra a {
	background: url(../images/nav_bra.gif) 0 0 no-repeat;

}

.bra a:hover {
	background: url(../images/nav_bra.gif) 0 -60px no-repeat;

}

.bra_t a {
	background: url(../images/nav_bra.gif) 0 -60px no-repeat;

}

.gro a {
	background: url(../images/nav_gro.gif) 0 0 no-repeat;

}

.gro a:hover {
	background: url(../images/nav_gro.gif) 0 -60px no-repeat;

}

.gro_t a {
	background: url(../images/nav_gro.gif) 0 -60px no-repeat;

}

.ser a {
	background: url(../images/nav_ser.gif) 0 0 no-repeat;

}

.ser a:hover {
	background: url(../images/nav_ser.gif) 0 -60px no-repeat;

}

.ser_t a {
	background: url(../images/nav_ser.gif) 0 -60px no-repeat;

}

.rec a {
	background: url(../images/nav_rec.gif) 0 0 no-repeat;

}

.rec a:hover {
	background: url(../images/nav_rec.gif) 0 -60px no-repeat;

}

.rec_h a {
	background: url(../images/faq_rec.gif) 0 -60px no-repeat;

}

.faq a {
	background: url(../images/nav_faq.gif) 0 0 no-repeat;

}

.faq a:hover {
	background: url(../images/nav_faq.gif) 0 -60px no-repeat;

}

.faq_h a {
	background: url(../images/nav_faq.gif) 0 -60px no-repeat;

}


.con a {
	background: url(../images/nav_con.gif) 0 0 no-repeat;

}

.con a:hover {
	background: url(../images/nav_con.gif) 0 -60px no-repeat;

}

.con_h a {
	background: url(../images/nav_con.gif) 0 -60px no-repeat;

}


.cas a {
	background: url(../images/nav_cas.gif) 0 0 no-repeat;

}

.cas a:hover {
	background: url(../images/nav_cas.gif) 0 -60px no-repeat;

}

.cas_h a {
	background: url(../images/nav_cas.gif) 0 -60px no-repeat;

}

/*
フッターナビ
---------------------------------------------------*/


#footernavi {

}

#footernavi ul {

}

#footernavi ul li {
	float: left;
	font-size: 70%;

}

#footernavi ul li a {
	display: block;
	text-decoration: none;
	color: #444444;
	background: url(../images/f_nav_bg.gif) 0 0 no-repeat;
	padding: 0 18px 0 16px;
}

#footernavi ul li a;hover {
	color: #999999;
}



/*
フッター
---------------------------------------------------*/
#footer_wrapper {
	clear: both;
	background: url(../images/f_bg.gif) 0 0 repeat-x;
	height: 120px;

}

#footer_wrapper #footer {
	margin: 0 auto;
	width: 800px;
	text-align: left;

}


#footer_wrapper #footer p.address {
	float: left;
	font-size: 70%;
	text-align: left;
	padding: 15px 0 0 0;
	line-height: 150%;
}

#footer_wrapper #footer p.address span {
	font-weight: bold;
	font-size: 105%;

}

#footer_wrapper #footer p.address a {
	text-decoration: underline;
	color: #009de1;

}

#footer_wrapper #footer p.address a:hover {
	text-decoration: none;
	color: #24C1FF;

}

#footer_wrapper #footer p.copy {
	float: right;
	font-size: 65%;
	text-align: right;
	padding: 15px 0 0 0;
	letter-spacing: 0.01em;
}

#footer_wrapper #footer img {
	vertical-align: text-top;


}






/*
ページトップに戻るアンカーの設定
---------------------------------------------------*/
.gototop {
	clear: both;
	padding: 20px 0 0 0;

}
.gototop p {
	text-indent: -9999px;

}

.gototop p a {
	overflow: hidden;
	display: block;
	background: url(../images/pagetop.gif) no-repeat 0 0;
	width: 65px;
	height: 17px;
	margin-left: 732px;
}

.gototop p a:hover {
	background: url(../images/pagetop.gif) 0 -17px no-repeat;
	top: 0;
	cursor: pointer;
}

.gototop p a span {
	display: block;
	width: 65px;
	height: 17px;
}


/* パンくずリスト
-----------------------------------*/

#bread {
	font-size: 80%;
	text-align: left;
}

#bread a {
	color: #444444;
        text-decoration: none;
}

#bread a:hover {
	color: #cccccc;
}