@charset "UTF-8";


/*-----------------------------------------------------------
	sidenav
-----------------------------------------------------------*/
#sidenav { /*position: fixed;*/ position: relative; float: left; width: 240px; height: 100%; background: #242424; border-right: 1px solid #454545; z-index: 1; }
#sidenav #logo { padding: 30px 0 30px 63px; }
#sidenav #nav { width: 240px; height: 337px; margin: 0 0 22px; }
#sidenav #nav span { display: none; }
#sidenav #nav li a { width: 240px; height: 56px; display: block; background: url(../images/sidenav.png) no-repeat; }
#sidenav #nav li#nav01 a { background-position: left 0; }
#sidenav #nav li#nav02 a { background-position: left -56px; }
#sidenav #nav li#nav03 a { background-position: left -112px; }
#sidenav #nav li#nav04 a { background-position: left -168px; }
#sidenav #nav li#nav05 a { background-position: left -224px; }
#sidenav #nav li#nav06 a { background-position: left -280px; height: 57px; }
#sidenav #nav li#nav01 a:hover { background-position: right 0; }
#sidenav #nav li#nav02 a:hover { background-position: right -56px; }
#sidenav #nav li#nav03 a:hover { background-position: right -112px; }
#sidenav #nav li#nav04 a:hover { background-position: right -168px; }
#sidenav #nav li#nav05 a:hover { background-position: right -224px; }
#sidenav #nav li#nav06 a:hover { background-position: right -280px; }
#about #sidenav #nav li#nav01 a { background-position: right 0; }
#letters #sidenav #nav li#nav02 a { background-position: right -56px; }
#products #sidenav #nav li#nav03 a { background-position: right -112px; }
#bar #sidenav #nav li#nav04 a { background-position: right -168px; }
#relations #sidenav #nav li#nav05 a { background-position: right -224px; }
#club #sidenav #nav li#nav06 a { background-position: right -280px; }
#sidenav ul.regist { margin: 0 0 50px 19px; }
#sidenav ul.regist li { margin: 0 0 10px; }
#sidenav ul.regist li a { width: 201px; height: 39px; display: block; /*background: #fff;*/ }
#sidenav ul.banner { margin: 0 0 48px 18px; }
#sidenav ul.banner li { margin: 0 0 10px; }
#sidenav ul.banner li a { width: 203px; height: 62px; display: block; /*background: #fff;*/ }
#sidenav ul.info { margin: 0 0 24px 30px; }
#sidenav ul.info li { display: inline-block; }
#sidenav ul.info li a { color: #fff; border-right: 1px solid #acacac; font-size: 10px; text-decoration: none; padding: 0 5px; }
#sidenav ul.info li a:hover { color: #ccc; }
#sidenav ul.info li:last-child a { border-right: none; }
#sidenav ul.info > *:first-child + * + * + * { border-right: none; }
#sidenav ul.info li:nth-child(2) a { border-right: none; }
#sidenav ul.info > *:first-child + * { border-right: none; }
#sidenav ul.info li:first-child a { padding-left: 36px; }
#sidenav ul.info > *:first-child a { padding-left: 36px; }


#sidenav .copy { text-align: center; }





/*-----------------------------------------------------------
	common
-----------------------------------------------------------*/
body { color:#222; font-size:13px; line-height:20px; font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif; }
#wrapper { position: relative; width: 100%; min-height: 100%; overflow: visible; text-align: left; z-index: 0; }
#container { position: relative; float: right; width: 100%; height: auto; margin-left: -241px;  background: url(../images/bg_container.png) left repeat-y; z-index: 0; }
#contents { position: relative; margin: 0 0 0 241px; }
/*#inner_bg { position: relative; padding: 0 0 50px; }*/
#pageTop { position: fixed; bottom:60px; right: 20px; width: 53px; height: 53px;  z-index: 11; }
#hide { display:none !important; }

/*#main_visual { height: 350px; left: 0; position: relative; top: 0; width: 100%; overflow: visible; }
#main_visual .bg { height: 350px; background-image: url(../../club/images/main_ph.jpg); background-position: 50% 50%; background-repeat: no-repeat; background-size: cover; }
*/#main_visual h2 { position: absolute; top: 178px; left: 914px; }
#main_visual #path { position: absolute; top: 18px; left: 40px; }

/*#main_visual { min-height: 350px; overflow: hidden; background-size:cover; }
#main_visual img { max-width: 100%; height: auto; }*/

#inner { position: relative; width: 920px; margin-left: 50px; background: url(../images/bg_main_visual.png) no-repeat center top; }
#inner h3 { padding: 50px 0 40px; text-align: center; }
#inner p.lead { font-size: 15px; line-height: 36px; text-align: center; margin: 0 0 50px; }





/*-----------------------------------------------------------
	top
-----------------------------------------------------------*/
#top #container { background: url(../images/top/bg_container.png); }
#top #inner { width: 920px; margin: -100px auto 0; /*margin-left: 50px; margin-top: -180px;*/ background: none; z-index: 1; }
#top #inner ul.about { margin: 0 0 20px; overflow: hidden; }
#top #inner ul.about li { float: left; display: inline; }
#top #inner ul.about li.sake { margin: 0 23px; } 
#top .ttl_letters { margin-bottom: 10px; }

#top .bxslider { margin-left: 40px; margin-bottom: 0px; }
#top .bxslider .box { float: left; width: 260px; margin-right: 28px; overflow: hidden; }
#top .bxslider .box .ttl { margin-bottom: 10px; line-height: 1; color: #333; }
#top .bxslider .box .lt { float: left; width: 100px; }
#top .bxslider .box .rt { float: right; width: 145px; }
#top .bxslider .box p.text01 { font-size: 11px; line-height: 16px; text-align: left; color: #555; overflow: hidden; }
#top .bxslider .box p.text02 { font-size: 11px; float: right; background: url(../images/top/arrow.png) no-repeat 0 6px; padding-left: 10px; color: #e8384a; }
#top .bxslider .box a { display: block; text-decoration: none; }

#top .blog_bnnr { padding: 6px 30px; margin-bottom: 60px; width: 860px; background: #333; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; overflow: hidden; }
#top .blog_bnnr .lt { float: left; line-height: 0; }
#top .blog_bnnr .rt { float: left; }
#top .blog_bnnr a { display: block; padding: 4px 0 0 22px; text-decoration: none; color: #fff; font-size: 13px; }

#top .blog_bnnr2 { padding: 6px 30px; margin-bottom: 20px; width: 860px; background: #333; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; overflow: hidden; }
#top .blog_bnnr2 .lt { float: left; line-height: 0; }
#top .blog_bnnr2 .rt { float: left; }
#top .blog_bnnr2 a { display: block; padding: 4px 0 0 22px; text-decoration: none; color: #fff; font-size: 13px; }