/* ---------------------------------- initialize ---------------------------------- */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	background: transparent;
	border: 0;
	margin: 0;
	padding: 0;
	vertical-align: baseline;
}
body {
	line-height: 1;
}
h1, h2, h3, h4, h5, h6 {
	clear: both;
	font-weight: normal;
}
ol, ul {
	list-style: none;
}
blockquote {
	quotes: none;
}
blockquote:before, blockquote:after {
	content: '';
	content: none;
}
del {
	text-decoration: line-through;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}
a {
	text-decoration: none;
}
a img {
	border: none;
}
.display_none{
	display: none;
}

.reset{
	clear: both;
}

/* ---------------------------------- レイアウト ---------------------------------- */
body {
	margin: 0px;
	padding: 0px;
	background-color: #ffffff;
	background-image: url('images/bg.png');
}

#container{
	margin: 0;
	padding: 0;
	width: 100%;
	height: 100%;
	
}

#container_inner{
	margin: 0 auto;
	padding: 0;
	width:970px;
	background-color: #fefeff;
	box-shadow: 2px 5px 5px rgba(0,0,0,0.5);
}

#content {
	margin: 0;
	padding: 0 5px;
	width: 960px;
}

/* ---------------------------------- ヘッダー ---------------------------------- */
#header{
	margin: 0;
	padding: 0;
	width: 970px;
	height: 160px;
	border-bottom: solid 3px #f0f0f0;
	background-image: url('images/header_bg.png');
	background-repeat: no-repeat;
}

#top_info{
	margin: 0;
	padding: 3px 0 0 0;
	background-color: #000f9c;
	border-bottom: solid 3px #2e42ff;
}

#top_info_inner{
	margin: 2px auto -2px;
	width: 970px;
	height: 16px;
	line-height: 14px;
}

#top_info img{
	width: 70px;
	height: 12px;
	vertical-align: top;
}

#top_info span{
	font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	font-weight: normal;
	font-size: 12px;
	vertical-align: top;
}

#top_info .span_blue{
	color: #bbbfe5;
}

#top_info .span_white{
	color: #f3ffff;
}

#top_info ul {
	margin: 0;
	paddign: 0;
	width: auto;
	height: auto;
	float: right;
}

#top_info ul li {
	margin-left: 30px;
	float: left;
	width: auto;
	text-align: right;
}

#top_info ul li a {
	display: block;
	padding-left: 16px;
	width: auto;
	background-image: url('images/navi.png');
	background-repeat: no-repeat;
	background-position: left bottom;
	text-align: right;
	font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	font-weight: normal;
	font-size: 12px;
	color: #bbbfe5;
}

#top_info ul li a:hover{
	background-image: url('images/navi_active.png');
	background-repeat: no-repeat;
	background-position: left bottom;
	color: #f3ffff;
	text-decoration: underline;
}

/* ---------------------------------- ヘッダー メイン ---------------------------------- */
#header_main{
	margin: 0;
	padding: 0;
	width: 580px;
	height: 90px;
	float: left;
}

#header_main h1{
	/*
	margin: 0;
	padding: 14px 0 12px 12px;
	height: 26px;
	*/
	height: 52px;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-weight: bold;
	font-size: 28px;
	color: #ff7545;
}

#header_main h1 img{
	width: 580px;
	height: 52px;
}

#header_main p {
	margin: 0;
	padding: 0 0 2px 12px;
	/*font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;*/
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-weight: bold;
}

.header_note{
	margin-top: 8px !important;
	font-size: 12px;
	line-height: 14px;
	color: #ff0000/*000f9c/*4568ff*/;
	letter-spacing: 1px;
}

#logo{
	margin: 0;
	padding: 0;
	width: 390px;
	height: 160px;
	float: right;
}

#logo img{
	padding: 5px 0 0 0;
	width: auto;
	height: 155px;
}


#contact{
	margin: 0;
	padding: 0;
	width: 580px;
	height: 70px;
	float: left;
}


#contact_lady{
	padding: 0 0 0 12px;
	width: auto;
	height: 70px;
	float: left;
}

.contact_note{
	margin: 0;
	padding: 0 0 0 8px;
	/*width: 460px;*/
	width: 215px;
	height: 15px;
	float: left;
	/*font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;*/
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-weight: bold;
	font-size: 14px;
	color: #af6868;
}

.contact_note span{
	color: #554756;
}

#contact #tell{
	margin: 0;
	padding: 0 0 0 8px;
	height: 55px;
	width: 215px;
	float: left;
}

#contact span{
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

#contact .free_dial{
	display: block;
	margin: 0;
	padding: 6px 0 0 0;
	height: 32px;
	font-size: 26px;
	font-weight: bold;
	color: #cf0816;
}

#contact .hours{
	display: block;
	margin: 0;
	padding: 0 0 3px 0;
	height: 14px;
	font-size: 10px;
	font-weight: normal;
	color: #b40713;
}

#contact #mail{
	margin: 2px 20px 5px 10px;
	width: 222px;
	height: 50px;
	float: left;
	background-image: url('images/inq_button_push.png');
	background-repeat: no-repeat;
}

#contact #mail a{
	display: block;
	margin: 0;
	padding: 0;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-weight: bold;
	font-size: 20px;
	color: #0816cf;
}

#contact #mail a{
	height: 50px;
	background-image: url('images/inq_button.png');
	background-repeat: no-repeat;
}

#contact #mail a:hover{
	background-image: url('images/inq_button_push.png');
	background-repeat: no-repeat;
}

/* ---------------------------------- アイキャッチ ---------------------------------- */
#eye_catch {
	position: relative;
	margin: 0 0 25px 0;
	width: 100%;
	height: 545px;
}

#ec_image img {
	position: absolute;
	top: 0;
	left: 0;
	height: auto;
	width: 800px;
	height: 431px;
	z-index: 20;
	margin: -5px;
	border: solid 5px #efefef;
}

#ec_phrase{
	position: absolute;
	top: 0;
	left: 0;
	width: 800px;
	height: 431px;
	z-index: 40;
}

#eye_catch h2{
	position: absolute;
	top: 25px;
	left: 50px;
	
	margin: 0;
	padding: 0;
	height: 406px;
	width: 55px;
	
	font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	font-size: 52px;
	font-weight: normal;
	color: #F60;
}

#eye_catch h2 span{
	display: block;
	width: 100%;
	text-align: center;
	text-shadow: 0px 0px 9px #ffffff; 
}

#ec_phrase h3.ds{
	text-shadow: -1px 0px 5px #555555; 
}

#ec_phrase p.ds{
	/*text-shadow: 0px 0px 4px #444444; */
}
	/*

	$('#ec_phrase h2.ds').dropShadow({
		left: 0,
		top: 0,
		blur: 3,
		color: '#ffffff',
		opacity: 4
	});

	$('#ec_phrase h3.ds').dropShadow({
		left: -1,
		top: 0,
		blur: 3,
		color: '#555555',
		opacity: 1
	});

	$('#ec_phrase p.ds').dropShadow({
		left: -1,
		top: -0,
		blur: 4,
		color: '#eeeeee',
		opacity: 4
	});

*/

#ec_phrase h3{
	margin: 0;
	padding: 0;
	width: 100%;
	position: absolute;
	top: 25px;
	/*font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;*/
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 60px;
	font-weight: bold;
	color: #FFF;
	text-align: center;
}

#ec_phrase p {
	position: absolute;
	top: 380px;
	margin: 0 30px 0 0;
	padding: 0;
	color: #828699;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 24px;
	font-weight: bold;
	width: 770px;
	text-align: right;
}

/* ---------------------------------- 画像メニュー ---------------------------------- */
#ec_menu{
	margin: 0;
	padding: 0;
	width: 960px;
	height: 545px;
	position: absolute;
	top: 0;
	left: 0;
}

#ec_menu ul{
	margin: 0;
	padding: 0;
	width: 960px;
	height: 545px;
}

#ec_menu li{
	margin: 0;
}

.big_li_block{
	width: 805px;
	height: 436px;
	float: left;
}

.normal_li{
	height: 109px;
	float: right;
}

.side_menu{
	width: 155px;
}

.bottom_menu{
	width: 161px;
}

#ec_menu li a{
	display: block;
/*	margin: 0;*/
	padding: 0;
	width: 155px;
	height: 103px;
		margin: -5px;
	border: solid 5px #efefef;
}

#ec_menu li a img{
	width: 155px;
	height: 103px;
}

#ec_menu li a:hover{
	margin: -5px;
	border: solid 5px #43fdff;
	position: relative;
	z-index: 40;
}

/* ---------------------------------- スライドバー ---------------------------------- */
#slidebar{
	position: fixed;
	margin-right: -205px;
	bottom: 30px;
	right: 0;
	width: 260px;
	height: 200px;
	z-index: 100;
}

#slidebar p{
	background-color: #cbe9fe;
	margin: 0 0 15px 0;
	padding: 5px 10px 5px 10px;
	height: 35px;
	line-height: 35px;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	color: #8093a0;
}

#slidebar p:hover{
	background-color: #0107fe !important;
	color: #ffffff;
}

.to_top{
	height: 30px;
	padding-left: 55px !important;
	background-image: url('images/to_top_icon.png');
	background-repeat: no-repeat;
	background-position: 10px center;
	font-size: 24px;
	font-weight: bold;
}

.to_top{
	cursor: pointer;
}

.to_top span{
	line-height: 38px;
}

#slidebar .tellus{
	padding-left: 55px !important;
	background-image: url('images/tell_icon.png');
	background-repeat: no-repeat;
	background-position: 10px center;
}

#slidebar .free_dial{
	display: block;
	padding: 0;
	font-size: 24px;
	font-weight: bold;
	line-height: 24px;
}

#slidebar .hours{
	diplay: block;
	margin: 0;
	padding: 0;
	font-size: 10px;
	font-weight: normal;
	line-height: 14px;
}

#slidebar .contact{
	padding: 0 !important;
	height: 45px !important;
	
}

#slidebar .contact a{
	display: block;
	padding: 5px 10px 5px 10px;
	height: 35px;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	color: #8093a0;
	font-size: 24px;
	font-weight: bold;
}

#slidebar .contact a span{
	display: block;
	padding-left: 45px;
	height: 35px;
	background-image: url('images/mail_icon.png');
	background-repeat: no-repeat;
	background-position: left top;
	line-height: 38px;
}

#slidebar .contact a:hover{
	color: #ffffff;
	cursor: pointer;
}

#slidebar .contact a span:hover{
	border-top: solid 3px #0107fe;
}


/* ---------------------------------- フッター ---------------------------------- */
#footer {
	margin: 0 auto;
	padding: 0;
	width: 970px;
	height: 27px;
	background-color: #ffffff;
	background-image: url('images/footer_bg.png');
	background-repeat: no-repeat;
}

#footer_inner{
	margin: 0 auto;
	padding: 5px 0 0 0;
	width: 960px;
	height: 22px;
	border-top: solid 1px #5896fc;
}

#footer_logo{
	margin: 0;
	padding: 0 0 0 0;
	width: 195px;
	height: 22px;
	float: left;
}

#footer_logo a img {
	height: 18px;
	width: auto;
	border-style: none;
}

#footer address{
	display: block;
	margin: 0;
	padding: 5px 0px 0 0;
	width: 765px;
	height: 17px;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-style: normal;
	font-size: 10px;
	font-weight: bold;
	text-align: right;
	color: #333333;
	float: right;
}

#footer address a{
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-style: normal;
	font-size: 10px;
	font-weight: bold;
	text-align: right;
	color: #333333;
}