@charset "UTF-8";

/* -------------------------------------------------------
全体レイアウト
------------------------------------------------------- */
body {
	background: url(../img/bg.gif) center top; color: #321406; font-family: YuGothic, "游ゴシック", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 13px; line-height: 1.6; -webkit-text-size-adjust: 100%;
}
a { color: #321406;}

/* -------------------------------------------------------
Header & Gnav
------------------------------------------------------- */
#h_wrap { width: 100%; position: fixed; top: 0; left: 0; z-index: 999; background: url(../img/head_bg.png) center top;}
#header { width: 1000px; padding: 10px 0 0 0; margin: 0 auto;}
#header h1 { width: 522px; float: left; vertical-align: middle;}
#header h1 a { display: block;}
#header h1 a:hover img { -ms-filter: "alpha( opacity=70 )"; filter: alpha( opacity=70 ); opacity:0.70;}
#header h1 img:first-child { padding: 0 27px 0 0;}

#language { width: 72px; float: right; position: relative;}
#language ul { display: none; position: absolute; left: 0; top: 25px;}
#language:hover ul { display: block;}
#language li { margin: 0 0 1px 0;}
#language a { display: block;}

#nav { width: 1000px; padding: 20px 0; margin: 0 auto;}
#open_menu,
#close_menu,
#nav_lang { display: none;}
#nav li { float: left; padding: 0 45px 0 0;}
#nav #nav1 { padding-right: 43px;}
#nav #nav8 { padding-right: 0;}
#nav li a { display: block; height: 15px; text-indent: 100%; white-space: nowrap; overflow: hidden;}
#nav li a:hover { -ms-filter: "alpha( opacity=70 )"; filter: alpha( opacity=70 ); opacity:0.70;}
#nav1 a { width: 91px; background: url(../img/nav1.png) no-repeat left center;}
#nav2 a { width: 61px; background: url(../img/nav2.png) no-repeat left center;}
#nav3 a { width: 125px; background: url(../img/nav3.png) no-repeat left center;}
#nav4 a { width: 92px; background: url(../img/nav4.png) no-repeat left center;}
#nav5 a { width: 93px; background: url(../img/nav5.png) no-repeat left center;}
#nav6 a { width: 62px; background: url(../img/nav6.png) no-repeat left center;}
#nav7 a { width: 106px; background: url(../img/nav7.png) no-repeat left center;}
#nav8 a { width: 57px; background: url(../img/nav8.png) no-repeat left center;}


/* -------------------------------------------------------
Search
------------------------------------------------------- */
#search_col { padding: 0 0 16px 0; background: #41271b; color: #fff;}
#search_col p { padding: 7px 0; text-align: center;}
#search_col div { width: 1020px; margin: 0 auto;}
#search_col dl { display: table; width: 100%; padding: 13px 0 6px 0; border-top: 1px dotted #b3a9a4; border-bottom: 1px dotted #b3a9a4; table-layout: fixed;}
#search_col dt,
#search_col dd { display: table-cell; vertical-align: middle;}
#search_col dt { width: 222px; padding: 0 37px 0 26px;}
#search_col dd { max-width: 663px;}
#search_col table { width: 100%;}
#search_col tr { float: left; padding: 0 30px 0 0; line-height: 2;}
#search_col tr:first-child { padding-right: 0;}
#search_col tr:nth-child(4) { clear: both;}
#search_col th,
#search_col td { float: left; vertical-align: middle;} 
#search_col th { padding-right: 10px;}
#search_col td br { content: " ";}
#search_col td br:after { content: "　";}
@-moz-document url-prefix() {
	#search_col td br {
		display: none;
	}
}
#search_col .btn { height: auto !important;}
#search_col div>a { display: inline-block; max-width: 100%; margin: 12px 0 0 26px;}
#search_col div>a:hover img { -ms-filter: "alpha( opacity=70 )"; filter: alpha( opacity=70 ); opacity:0.70;}
#search_col .ver_sp { display: none;}


/* -------------------------------------------------------
Container & Contents
------------------------------------------------------- */
#container { padding: 0 0 100px 0;}
h2 { padding: 180px 0 80px;}
h2 img {
	display: block; margin: 0 auto;
	text-align: center; vertical-align: middle;
}
#contents { width: 1100px; max-width: 98%; padding: 5px 1% 0 1%; margin: 0 auto;}
#breadcrumb { font-size: 12px; text-align: right;}
#breadcrumb a { text-decoration: none;}
#breadcrumb a:hover { text-decoration: underline;}


/* -------------------------------------------------------
Footer
------------------------------------------------------- */
#page_top { width: 1100px; margin: 0 0 0 -550px; position: fixed; bottom: 5px; left: 50%; z-index: 998;}
#page_top a { position: absolute; bottom: 0; right: -48px;}
#page_top a:hover img { -ms-filter: "alpha( opacity=70 )"; filter: alpha( opacity=70 ); opacity:0.70;}
#footer { background: #ede3d5; position: relative;}
#footer .acc_tit { display: none; padding: 5px 10px 5px 25px; background: rgba(255,2552,255,0.5) url(../img/arrow_off.png) no-repeat 10px center; color: #41271b; font-size: 18px;}
#footer .f_bg { margin: 0 0 0 -542px; position: absolute; top: 0; left: 50%;}
#f_bnr,
#f_nav ul,
#f_add>div { width: 1000px; margin: 0 auto; position: relative; z-index: 10;}

#f_bnr a:hover img { -ms-filter: "alpha( opacity=70 )"; filter: alpha( opacity=70 ); opacity:0.70;}
#f_bnr ul { width: 755px; float: left; padding: 35px 0 35px 6px;}
#f_bnr li { float: left; padding: 0 5px 0 0;}
#f_bnr li:nth-child(-n+3) { padding-bottom: 15px;}
#f_bnr li:nth-child(4) { clear: both;}
#f_bnr .bnr_l { float: right; margin: 5px 0;}

#f_nav { background: url(../img/f_bg1.gif) center top;}
#f_nav ul { width: 663px; padding: 36px 0 16px 0;}
#f_nav li { float: left; padding: 0 10px; margin: 0 0 20px 0; border-right: 1px solid #aa508c;}
#f_nav a { color: #aa508c; text-decoration: none; font-weight: bold;}
#f_nav a:hover { text-decoration: underline;}

#f_add { position: relative; z-index: 10; background: #41271b; color: #fff;}
#f_add #f_logo { float: left; padding: 50px 0;}
#f_add #f_logo a { display: inline-block;}
#f_add #f_logo a:hover img { -ms-filter: "alpha( opacity=70 )"; filter: alpha( opacity=70 ); opacity:0.70;}
#f_add #f_logo img:first-child { padding: 0 27px 0 0;}
#f_add address { width: 450px; max-width: 100%; float: right; padding: 14px 0;}
#f_add address .tel-link { color: #fff;}

#ssl_area { clear: both; padding: 15px 0 0 0;}
#ssl_area iframe { width: 500px; height: 100px;}

#acclog { background: #41271b;}
#lineup-font-size-sampler { bottom: 0; left: 0;}


/* -------------------------------------------------------
clear
------------------------------------------------------- */
#header:after,
#nav ul:after,
#contents:after,
#f_bnr:after,
#f_bnr ul:after,
#f_nav ul:after { content: "."; display: block; height: 0px; clear: both; visibility: hidden; font-size: 0;}