@charset "utf-8";

/* ==================================================================
Site Name: フードコネクション新卒採用サイト2014;
Domain: ;
Date：2013-04;
Author: Chiyo Oki;
Comment: PC・タブレット用;
Copyright: (C) FOODCONNECTION,Inc. All Rights Reserved.;
================================================================== */
 
/*    HTMLのベースセレクタ定義
-----------------------------------------------	*/
body {
	color: #000000;
	font-size: 13px;
	font-family: Meiryo, "メイリオ", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", sans-serif;
	line-height: 1.5em;
	background-image: url(../img/shared/bg.jpg);
	background-repeat: repeat;
}
#wrapper {


}

.switch {
	visibility: hidden;
}

/* icon用font */
@font-face {
	font-family: 'fontello';
	src: url("../font/fontello.eot?16980500");
	src: url("../font/fontello.eot?16980500#iefix") format('embedded-opentype'), url("../font/fontello.woff?16980500") format('woff'), url("../font/fontello.ttf?16980500") format('truetype'), url("../font/fontello.svg?16980500#fontello") format('svg');
	font-weight: normal;
	font-style: normal;
}
.icon-menu:before { content: '\6e'; } /* 'n' */
.icon-popup:before { content: '\67'; } /* 'g' */
.icon-down-open:before { content: '\64'; } /* 'd' */
.icon-right-open:before { content: '\6c'; } /* 'l' */
.opacity{}

/*    リンク
-----------------------------------------------	*/
a,
a:link,
a:visited {
	text-decoration: none;
	color: #d43c07;
}

/*    色変時    */
a:hover,
a:focus,
a:active {
	text-decoration: none;
	color: #f54e13;
}


/*    回り込み定義
-----------------------------------------------	*/
/*    回り込み解除    */
.clear {
	clear: both;
}

/*    共通セクション
-----------------------------------------------	*/

section.block {
	margin-bottom:20px;
}

/*    table
-----------------------------------------------	*/
table {
	border-collapse: collapse;
}
th,tr,td {
}

.txt_center {
	text-align: center;
}

/*    見出し・強調
-----------------------------------------------	*/

/*    強調    */
strong {
	font-weight: bold;
}


/*    強調    */
.txt_big{
	font-size:24px;
}


/*  likebox   */
    .fbcomments,
    .fb_iframe_widget,
    .fb_iframe_widget[style],
    .fb_iframe_widget iframe[style],
    .fbcomments iframe[style],
    .fb_iframe_widget span{
    width: 100%! important;
    }


/*    ヘッダー
-----------------------------------------------	*/
@media screen and (min-width:768px) and (max-width:1259px) {
header {
	width: 100%;
	height:190px;
	position:relative;
}
}

/*    PC（XGA・WXGA・SXGAなど）   */
@media screen and (min-width:1260px){
header {
	width: 100%;
	height:230px;
	position:relative;
}	
}

#headerbelt{
	width: 100%;
	height: 48px;
	background-image: url(../img/shared/h1_bg.png);
	background-repeat: repeat-x;
	background-position: center bottom;
	position:absolute;
	z-index:0;
}

.webres{ width:90%; margin:20px auto; text-align:center;}
.webres img{ max-width:627px !important;}


.blogbnr{ width:90%; margin:30px auto 30px auto; text-align:center;}
.blogbnr img{ max-width:627px !important;}

/*    タブレット（PAL・SVGA・WVGAなど）    */
@media screen and (min-width:768px) and (max-width:1259px) {
#headerbelt h1{
	padding:3px 0px;
	width:720px;
	margin:0px auto;
	text-align:left;
	font-size:12px;
	color:#fef100;
	z-index:50;
}
header .item{
	width:720px;
	height:230px;
	z-index:10;
	position:relative;
	margin:0px auto;
}
header .item p{
	position:absolute;
	width:240px;
}
header .item .item1{
	top:15px;
	left:10px;
}
header .item .item2{
	top:15px;
	left:240px;
}	
header .item .item3{
	top:15px;
	left:480px;
}	
}

/*    PC（XGA・WXGA・SXGAなど）   */
@media screen and (min-width:1260px){
#headerbelt h1{
	width: 1220px;
	margin:0px auto;
	text-align:left;
	padding-top:5px;
	font-size:12px;
	color:#fef100;
	z-index:50;
}
header .item{
	width:1220px;
	height:230px;
	z-index:10;
	position:relative;
	margin:0px auto;
}
header .item p{
	position:absolute;
	width:300px;
}
header .item .item1{
	top:15px;
	left:85px;
}
header .item .item2{
	top:15px;
	left:463px;
}	
header .item .item3{
	top:15px;
	left:845px;
}	
}

/*    kv
-----------------------------------------------	*/
/*    タブレット（PAL・SVGA・WVGAなど）    */
@media screen and (min-width:768px) and (max-width:1259px) {
#keyvisual_bg{
	width: 720px;
	height: 487px;
	background-image: url(../img/shared/blackborld_bg_tab.png);
	background-repeat: no-repeat;
	position:relative;
	margin:0px auto;
}
#keyvisual_bg #kv{
	width: 700px;
	height:426px;
	position: absolute;
	z-index: 10;
	top: 39px;
	left: 5px;
	overflow:hidden;
}
#keyvisual_bg #slider{
	width:700px;
}


#keyvisual_bg .bordtxt{
	width: 600px;
	position: absolute;
	z-index: 20;
	bottom:30px;
	right: 10px;
}
#keyvisual_bg .bordsakura{
	width: 30px;
	position:absolute;
	z-index:20;
	top:394px;
	left:15px;
}
}

/*    PC（XGA・WXGA・SXGAなど）   */
@media screen and (min-width:1260px){

#keyvisual_bg{
	width: 1220px;
	height: 487px;
	background-image: url(../img/shared/blackborld_bg_pc.png);
	background-repeat: no-repeat;
	position:relative;
	margin:0px auto;
}
#keyvisual_bg #kv{
	width: 753px;
	height: 458px;
	position: absolute;
	z-index: 10;
	top: 7px;
	left: 5px;
	overflow:hidden;
}
#keyvisual_bg #kv{
	width: 753px;
	height: 458px;
	overflow:hidden;
}


#keyvisual_bg .bordtxt{
	width: 789px;
	position:absolute;
	z-index:20;
	top:51px;
	right:17px;
}
#keyvisual_bg .bordsakura{
	width: 38px;
	position:absolute;
	z-index:20;
	top:394px;
	left:30px;
}
}



/*    navi
-----------------------------------------------	*/

nav#gnavi {
	width: 448px;
	height: 214x;
	padding: 6px 139px 10px 143px;
	background-image: url(../img/shared/navi_bg_pc_tab.png);
	background-repeat: no-repeat;
	margin-bottom:20px;
	clear:both;
	overflow:hidden;
}
nav#gnavi ul{
	width: 730px;
	list-style:none;
}
nav#gnavi ul li{
	display:inline;
	float:left;
}
nav#gnavi ul li.n1{width:68px;}
nav#gnavi ul li.n2{width:61px;}
nav#gnavi ul li.n3{width:71px;}
nav#gnavi ul li.n4{width:55px;}
nav#gnavi ul li.n5{width:95px;}
nav#gnavi ul li.n6{width:56px;}
nav#gnavi ul li.n7{width:42px;}

/*    header2
-----------------------------------------------	*/

@media screen and (min-width:768px) and (max-width:1259px) {
#header2 {
	width: 720px;
	margin-top: 20px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 0px;
}	
#header2 .left{
}
#home #header2 .left #lead{
	width: 630px;
	background-image: url(../img/index/lead_bg.png);
	background-repeat: no-repeat;
	background-position: right top;
	padding-right:100px;
}
#home #header2 .left #lead h2{
	width:400px;
	margin-bottom:10px;
}
#home #header2 .left #lead ｐ{
	margin-bottom:0.6em;
}
#header2 .image{
	width:0;
}
#home .cache{
width: 720px;
margin: 10px auto;
background-color: #6E090B;
padding: 15px 0;
border: double #FFFFFF 4px;
color: #FFFFFF;
text-align: center;
}
#home .cache .tit{
font-size: 22px;
font-weight: bold;
margin-bottom: 20px;
}
#home .cache .txtx{
text-align: center;
padding-top: 10px;
}
}

/*    PC（XGA・WXGA・SXGAなど）   */
@media screen and (min-width:1260px){
#header2 {
	width:1220px;
	clear:both;
	overflow:hidden;
	margin:20px auto;
}
#header2 .left{
	width:730px;
	float:left;
}
#home #header2 .left #lead{
	width: 630px;
	background-image: url(../img/index/lead_bg.png);
	background-repeat: no-repeat;
	background-position: right top;
	padding-right:100px;
}
#home #header2 .left #lead h2{
	width:430px;
	margin-bottom:10px;
}
#home #header2 .left #lead ｐ{
	margin-bottom:0.6em;
}
#header2 .image{
	width: 470px;
	height: 230px;
	float: left;
	background-image: url(../img/shared/header2_image.png);
	background-repeat: no-repeat;
}
#home #header2 .image{
	width: 470px;
	height:420px;
	float: left;
	background-image: url(../img/shared/header2_image_top.png);
	background-repeat: no-repeat;
}
	
}
#street_box {
	border: 3px double #000;
	width: 930px;
	margin: 30px auto 0 auto;
	color: #000;
	height: 570px;
	margin-bottom: 50px;
}
#street_box .wrap {
	padding: 0 0 413px;
	min-height: 442px;
	width: 1000px;
	margin: 0 auto;
}
#street_box .right{
	float:right;	
	width:520px;
	height: 460px;
}
#street_box .right p.ttl{
	font-size:32px;
	line-height:44px;
	width:510px;
	padding-right:15px;
	margin-top:50px;
	font-weight: bold;
	text-shadow:1px 1px 1px #653d0a;
}
#street_box .right p.txt{
	font-size:20px;
	line-height:45px;
	width:600px;
	padding-right:15px;
	margin-top:20px;
	font-weight: bold;
}
#street_box .left{
	float:left;
	width:400px;
}
#street_box .left .photo{
	padding-top: 30px;
	padding-left: 30px;
	width: 400px;
}

.street_bnr a{
	margin: 30px 0;
	padding: 20px 0;
	display: block;
	color:#FFF;
	text-align: center;
	text-decoration: none;
	font-size: 22px;
	background:#8d0000; 
	-webkit-border-radius: 2px;
	border-radius: 2px;
	box-sizing:border-box;
	width: 400px;
	font-weight: bold;
	letter-spacing: 2px;
}

.over-a a, a.over, a:not(.btn):not(.non-over) {
opacity: 1;
transition: opacity .3s ease;
-moz-transition: opacity .3s ease;
-webkit-transition: opacity .3s ease;
}
.over-a a:hover, a.over:hover, a:not([href=""]):hover a:not(.btn):not(.non-over) {
cursor: pointer;
opacity: .6;
}

#home .cache{
width: 930px;
margin: 10px auto;
background-color: #6E090B;
padding: 15px 0;
border: double #FFFFFF 4px;
color: #FFFFFF;
text-align: center;
}
#home .cache .tit{
font-size: 22px;
font-weight: bold;
margin-bottom: 20px;
}
#home .cache .txtx{
text-align: center;
padding-top: 10px;
}

#home .wakuwaku{
	width: 1000px;
	margin: 0 auto;
}
#home .theta{
	text-align: center;
	margin-top: 20px;
}
#home .nikki{
	text-align: left;
}
/*  -----------------------------------------------	*/
/*    index                                          /
/*  -----------------------------------------------	*/

/*    bnr
-----------------------------------------------	*/

/*    タブレット（PAL・SVGA・WVGAなど）    */
@media screen and (min-width:768px) and (max-width:1259px) {
#home #bnr{
	width: 768px;
	height: 1768px;
	position: relative;
	background-image: url(../img/index/index_bnr_bg_tab.jpg);
	background-repeat: no-repeat;
}
#home #bnr p{
	position:absolute;
}
#home #bnr .b1{width:720px;top:15px;left:24px;}
#home #bnr .b2{width:220px;top:265px;left:24px;}
#home #bnr .b3{width:220px;top:265px;left:274px;}
#home #bnr .b4{width:220px;top:265px;left:524px;}
#home #bnr .b5{width:220px;top:515px;left:524px;}
#home #bnr .b6{width:470px;top:750px;left:24px;}
#home #bnr .b7{width:220px;top:750px;left:524px;}
#home #bnr .b8{width:220px;top:1015px;left:24px;}
#home #bnr .b9{width:470px;top:1015px;left:274px;}
#home #bnr .b10{width:470px;top:1265px;left:24px;}
#home #bnr .b11{width:220px;top:1515px;left:24px;}
#home #bnr .b12{width:220px;top:1515px;left:274px;}
#home #bnr .b13{width:220px;top:1515px;left:524px;}
#home #bnr .b14{width:220px;top:1265px;left:524px;}
}

/*    PC（XGA・WXGA・SXGAなど）   */
@media screen and (min-width:1260px){
#home #bnr{
	width: 1260px;
	height: 1018px;
	position: relative;
	background-image: url(../img/index/index_bnr_bg_pc.jpg);
	background-repeat: no-repeat;
}
#home #bnr p{
	position:absolute;
}
#home #bnr .b1{width:720px;top:15px;left:270px;}
#home #bnr .b2{width:220px;top:15px;left:20px;}
#home #bnr .b3{width:220px;top:265px;left:270px;}
#home #bnr .b4{width:220px;top:15px;left:1020px;}
#home #bnr .b5{width: 220px;top: 515px;left: 520px;}
#home #bnr .b6{width:470px;top:265px;left:520px;}
#home #bnr .b7{width:220px;top:515px;left:20px;}
#home #bnr .b8{width:220px;top:265px;left:1020px;}
#home #bnr .b9{width:470px;top:515px;left:770px;}
#home #bnr .b10{width:470px;top:765px;left:20px;}
#home #bnr .b11{width:220px;top:765px;left:770px;}
#home #bnr .b12{width:220px;top:765px;left:1020px;}
#home #bnr .b13{
	width: 70px;
	top: 927px;
	left: 994px;
}
#home #bnr .b14{
	width: 220px;
	top: 765px;
	left: 520px;
}


}

/*    social
-----------------------------------------------	*/

/*    タブレット（PAL・SVGA・WVGAなど）    */
@media screen and (min-width:768px) and (max-width:1259px) {
	#home #social{
	width: 720px;
	margin:10px auto;
	clear:both;
	overflow:hidden;
}	
#home #feed{
	width: 245px;
	height: 240px;
	padding: 100px 50px 110px 50px;
	background-image: url(../img/index/rss_bg_pc_tab.png);
	float:left;
	margin-bottom:10px;
}	
#home #feed ul{
	list-style:none;
	list-style-position:outside;
	padding-left:0px;
}
#home #feed ul li{
	padding: 3px 0px 5px 20px;
	background-image: url(../img/shared/arrow.png);
	background-repeat: no-repeat;
	background-position: 0px 6px;
	line-height:1.35em;
	margin-bottom:0.6em;
	border-bottom:1px #cfb075 dotted;
}
#home #feed a:link{
	color:#000000 !important;
}
#home #tw{
	width: 275px;
	height: 310px;
	padding: 100px 20px 40px 40px;
	background-image: url(../img/index/tw_bg_pc_tab.png);
	float:left;
	margin-bottom:10px;
	margin-left:30px;
}	
#home #tw .box{
	width: 275px;
	height: 310px;
	overflow:hidden;
}
#home #fb{
	width: 400px;
	height: 327px;
	padding: 89px 40px 34px 30px;
	background-image: url(../img/index/fb_bg_pc_tab.png);
	float:left;
	margin-left:125px;
}	
#home #fb .likeboxwrap{
	width: 400px;
	height:320px;
	overflow:hidden;
}	

}

/*    PC（XGA・WXGA・SXGAなど）   */
@media screen and (min-width:1260px){
	#home #social{
	width: 1220px;
	margin:10px auto;
	clear:both;
	overflow:hidden;
}	
#home #feed{
	width: 245px;
	height: 240px;
	padding: 100px 50px 110px 50px;
	background-image: url(../img/index/rss_bg_pc_tab.png);
	float:left;
}	
#home #feed ul{
	list-style:none;
	list-style-position:outside;
	padding-left:0px;
}
#home #feed li{
	padding: 3px 0px 5px 20px;
	background-image: url(../img/shared/arrow.png);
	background-repeat: no-repeat;
	background-position: 0px 6px;
	line-height:1.35em;
	margin-bottom:0.6em;
	border-bottom:1px #cfb075 dotted;
}
#home #feed a{
	color:#000000 !important;
}
#home #tw{
	width: 275px;
	height: 310px;
	padding: 100px 20px 40px 40px;
	background-image: url(../img/index/tw_bg_pc_tab.png);
	float:left;
	margin-left:30px;
}
#home #tw .box{
	width: 275px;
	height: 310px;
	overflow:hidden;
}
#home #fb{
	width: 400px;
	height: 327px;
	padding: 89px 40px 34px 30px;
	background-image: url(../img/index/fb_bg_pc_tab.png);
	float:right;
}	
#home #fb .likeboxwrap{
	width: 400px;
	height:320px;
	overflow:hidden;
}	
}


/*  likebox   */
    .fbcomments,
    .fb_iframe_widget,
    .fb_iframe_widget[style],
    .fb_iframe_widget iframe[style],
    .fbcomments iframe[style],
    .fb_iframe_widget span{
    width: 100%! important;
    }
.TwitterWidget #twitter-widget-0 {
	width:100% !important;
}



/*  -----------------------------------------------	*/
/*    concept                                        /
/*  -----------------------------------------------	*/

/*    lead
-----------------------------------------------	*/

/*    タブレット（PAL・SVGA・WVGAなど）    */
@media screen and (min-width:768px) and (max-width:1259px) {
#concept #lead{
	width:720px;
	margin:0px auto;
	clear:both;
	overflow:hidden;
}

#concept #lead1{
	width:720px;
	margin:0px auto;
	
}
#concept #lead1 .l{

}
#concept #lead1 .r{
	width: 720px;
	position: relative;
	height: 480px;
}
#concept #lead1 h2{
width:720px;
margin-bottom:10px;
}
#concept #lead1 .txt{
width:720px;
margin-bottom:10px;
}
#concept #lead1 .txt p{
	margin-bottom:0.5em;
}
#concept #lead1 .photo1{
width:720px;
}
#concept #lead1 .catch1{
	width: 400px;
	position: absolute;
	top: 26px;
	right: 50px;
	z-index: 30;
}
#concept #lead1 .photo2{
width:300px;
float:left;
}
#concept #lead1 .photo3{
	width: 434px;
	position: absolute;
	top: 170px;
	right: -2px;
	z-index: 30;
}
#concept #lead1 .btn1{
	width: 220px;
	position: absolute;
	top: 297px;
	left: 34px;
	z-index: 40;
}


#concept #lead2{
	width:720px;
	margin:0px auto;

}
#concept #lead2 .txt{
	width:700px;
	padding:10px;
}
#concept #lead2 .inner{
	width: 720px;
	margin: 0px auto;
	position: relative;
	height: 880px;

}

#concept #lead2 .txt p{
	margin-bottom:0.5em;
}
#concept #lead2 .l{
	width:720px;

	
}
#concept #lead2 .r{
	width:720px;
	}
#concept #lead2 .photo4{
width:600px;
position:absolute;
top:0;
left:0;
z-index:30;
}
#concept #lead2 .catch2{
	width: 650px;
	z-index: 40;
	position: absolute;
	top: 482px;
	left: 4px;
}
#concept #lead2 .photo5{
	width: 500px;
	z-index: 10;
	top: 303px;
	left: 211px;
	position: absolute;
}
#concept #lead2 .photo6{
	width: 400px;
	z-index: 10;
	top: 579px;
	left: 4px;
	position: absolute;
}
#concept #lead2 .btn2{
	width: 350px;
	position: absolute;
	top: 646px;
	right: 13px;
	z-index:99;
}

}

/*    PC（XGA・WXGA・SXGAなど）   */
@media screen and (min-width:1260px){

#concept #lead{
	width:1220px;
	margin:0px auto;
	clear:both;
	overflow:hidden;
	position:relative;	
}

#concept #lead1{
	width:1220px;
	margin:0px auto;
	
}
#concept #lead1 .l{
	width:720px;
	float:left;	
}
#concept #lead1 .r{
	width:500px;
	float:left;	
}
#concept #lead1 h2{
width:720px;
margin-bottom:10px;
}
#concept #lead1 .txt{
width:720px;
margin-bottom:10px;
}
#concept #lead1 .txt p{
	margin-bottom:0.5em;
}
#concept #lead1 .photo1{
width:720px;
}
#concept #lead1 .catch1{
width:487px;
position:absolute;
top:300px;
right:200px;
z-index:40;
}
#concept #lead1 .photo2{
width:470px;
padding-left:30px;
}
#concept #lead1 .photo3{
	width: 568px;
	position: absolute;
	top: 612px;
	right: -1px;
	z-index: 30;
}
#concept #lead1 .btn1{
	width: 294px;
	position: absolute;
	top: 604px;
	left: 266px;
	z-index: 40;
}


#concept #lead2{
	width:1220px;
	margin:0px auto;

}
#concept #lead2 .txt{
	width: 450px;
	position: absolute;
	top: 1003px;
	right: -2px;
	z-index: 20;
}

#concept #lead2 .txt p{
	margin-bottom:0.5em;
}
#concept #lead2 .l{
	width:720px;
	float:left;	
}
#concept #lead2 .r{
	width:400px;
	float:left;
	padding-top:350px;
	}
#concept #lead2 .photo4{
width:720px;
}
#concept #lead2 .catch2{
	width: 772px;
	position: absolute;
	top: 1313px;
	right: 297px;
	z-index: 40;
}
#concept #lead2 .photo5{
width:610px;
padding-left:110px;
}
#concept #lead2 .photo6{
width:500px;
}
#concept #lead2 .btn2{
width:500px;
margin-top:-50px;
}

}

/*    youtube
-----------------------------------------------	*/
/*    タブレット（PAL・SVGA・WVGAなど）    */
@media screen and (min-width:768px) and (max-width:1259px) {

#concept #youtube_box{
	width: 720px;
	height: 485px;
	margin: 0px auto;
	background-repeat: no-repeat;
	background-position: center top no-repeat;
	background-image: url(../img/concept/youtube_bg_tab_sp.png);
}
#concept #youtube_box div{
	width:560px;
	height:300px;
	padding:45px 110px 0px 20px;
	margin:-20px auto 30px auto;
}

}

/*    PC（XGA・WXGA・SXGAなど）   */
@media screen and (min-width:1260px){
	
#concept #youtube_box{
	width:1220px;
	height:432px;
	margin:-20px auto 30px auto;
	background:url(../img/concept/youtube_bg_pc_tab.png) 0 0 no-repeat;
}
#concept #youtube_box div{
	width:568px;
	height:306px;
	padding:54px 346px 72px 306px;
}

}



/*  -----------------------------------------------	*/
/*    howto                                       /
/*  -----------------------------------------------	*/

/*    lead
-----------------------------------------------	*/

/*    タブレット（PAL・SVGA・WVGAなど）    */
@media screen and (min-width:768px) and (max-width:1259px) {
#howto #lead{
	width:720px;
	margin:0px auto 20px auto;
	clear:both;
	overflow:hidden;
}

#howto #lead h2{
	width:500px;
	float:left;
}
#howto #lead h3{
	width:200px;
	float:right;
}
#howto #lead .txt{
	clear:both;
}
#howto #lead .txt p{
	margin-bottom:10px;
}
#howto #lead .box{
	width: 720px;
	position: relative;
	height: 470px;
}
#howto #lead .photo1{
	width: 420px;
	position: absolute;
	top: 10px;
	left: 0;
	z-index: 10;
}
#howto #lead .photo2{
	width: 380px;
	position: absolute;
	top: 30px;
	right: 0;
	z-index: 20;
}
#howto #lead .mark{
	width: 600px;
	position: absolute;
	top: 237px;
	right: 56px;
	z-index: 30;
}
}

/*    PC（XGA・WXGA・SXGAなど）   */
@media screen and (min-width:1260px){
#howto #lead{
	width:788px;
	padding-right:432px;
	margin:0px auto 20px auto;
	clear:both;
	overflow:hidden;
	position:relative;
	z-index:0;
}

#howto #lead h2{
	width:788px;
	margin-bottom:10px;
}
#howto #lead h3{
	width:359px;
	position:absolute;
	top:0;
	right:50px;
	z-index:50;
}
#howto #lead .txt{
	width:580px;
}
#howto #lead .txt p{
	margin-bottom:10px;
}
#howto #lead .photo1{
	width:670px;
	z-index:10;
}
#howto #lead .photo2{
	width:617px;
	position:absolute;
	top:171px;
	right:0;
	z-index:30;
}
#howto #lead .mark{
	width:673px;
	position:absolute;
	top:462px;
	right:0;
	z-index:60;
}
}

/*    secne
-----------------------------------------------	*/

/*    タブレット（PAL・SVGA・WVGAなど）    */
@media screen and (min-width:768px) and (max-width:1259px) {

#howto #scene{
	width:720px;
	margin:0px auto 20px auto;
}
#howto #scene h2{
	margin-bottom:10px;
}
#howto #scene .scenewrapper{
	margin-bottom: 15px;
	background-image: url(../img/shared/blackbord.jpg);
	background-repeat: repeat;
	background-position: 0% 0%;

}
#howto #scene .scenewrapper_inner{
	background-image: url(../img/shared/blackbord_foot.jpg);
	background-repeat: no-repeat;
	background-position: center bottom;
	width:680px;
	padding: 20px;
	position:relative;
		clear:both;
	overflow:hidden;
}
#howto #scene .scenewrapper_inner h3{
	width:600px;
	z-index:10;
}
#howto #scene .scenewrapper_inner .txt{
	margin-bottom:10px;
}
#howto #scene .scenewrapper_inner .txt p{
	margin-bottom:0.5em;
	color:#FFFFFF;
}
#howto #scene .scenewrapper_inner .l{
	width:360px;
	float:left;
}
#howto #scene .scenewrapper_inner .r{
	width:300px;
	float:right;
}

/*    secne1   */

#howto #scene #scene1 .flower{
	width: 320px;
	position: absolute;
	top: 40px;
	right: 10px;
	z-index: 20;
}
#howto #scene #scene1 .catch1{
	width: 220px;
	position: absolute;
	top: 90px;
	right:0px;
	z-index: 20;
}
#howto #scene #scene1 .setsubi dt{
	width:400px;
	margin:0px auto;
}
#howto #scene #scene1 .setsubi dd{
	margin-top:-30px;}
#howto #scene #scene1.setsubi  ul{
	list-style:none;
	clear:both;
	overflow:hidden;
}
#howto #scene #scene1 .setsubi ul li{
	display:inline;
	float:left;
	width:113px;
	margin-left:20px;
}





/*    secne2   */

#howto #scene #scene2 .flower{
	width: 120px;
	position: absolute;
	top: 7px;
	right: 46px;
	z-index: 20;
}
#howto #scene #scene2 .catch1{
	width: 280px;
	position: absolute;
	top: 331px;
	right: 181px;
	z-index: 30;
}
#howto #scene #scene2 .youtube{
	width: 250px;
	height:180px;
	background-image: url(../img/howto/scene02_youtube.png);
	background-repeat: no-repeat;
	background-position: 0% 0%;
	background-size:cover;
	padding:20px 100px 20px 20px;
	}

/*    secne3   */

#howto #scene #scene3 .flower{
	width: 200px;
	position: absolute;
	top: 4px;
	right: 16px;
	z-index: 20;
}
#howto #scene #scene3 .catch1{
	width: 100px;
	position: absolute;
	top: 178px;
	right: 322px;
	z-index: 30;
}

}

/*    PC（XGA・WXGA・SXGAなど）   */
@media screen and (min-width:1260px){

#howto #scene{
	width:1220px;
	margin:0px auto 20px auto;
}
#howto #scene h2{
	margin-bottom:10px;
}
#howto #scene .scenewrapper{
	margin-bottom: 15px;
	background-image: url(../img/shared/blackbord.jpg);
	background-repeat: repeat;
	background-position: 0% 0%;

}
#howto #scene .scenewrapper_inner{
	background-image: url(../img/shared/blackbord_foot.jpg);
	background-repeat: no-repeat;
	background-position: center bottom;
	width: 1180px;
	padding: 20px;
	position:relative;
		clear:both;
	overflow:hidden;
}
#howto #scene .scenewrapper_inner h3{
	width:930px;
	z-index:10;
}
#howto #scene .scenewrapper_inner .txt{
	margin-bottom:10px;
}
#howto #scene .scenewrapper_inner .txt p{
	margin-bottom:0.5em;
	color:#FFFFFF;
}
#howto #scene .scenewrapper_inner .l{
	width:630px;
	float:left;
}
#howto #scene .scenewrapper_inner .r{
	width:540px;
	float:right;
}

/*    secne1   */

#howto #scene #scene1 .flower{
	width: 561px;
	position: absolute;
	top: 55px;
	right: 67px;
	z-index: 20;
}
#howto #scene #scene1 .catch1{
	width: 350px;
	position: absolute;
	top: 110px;
	right: 37px;
	z-index: 20;
}
#howto #scene #scene1 .setsubi dt{
	width:468px;
	margin:0px auto;
}
#howto #scene #scene1 .setsubi dd{
	margin-top:-30px;}
#howto #scene #scene1.setsubi  ul{
	list-style:none;
	clear:both;
	overflow:hidden;
}
#howto #scene #scene1 .setsubi ul li{
	display:inline;
	float:left;
	width:180px;
	margin-left:40px;
}


/*    secne2   */

#howto #scene #scene2 .flower{
	width: 176px;
	position: absolute;
	top: 12px;
	right: 180px;
	z-index: 20;
}
#howto #scene #scene2 .catch1{
	width: 450px;
	position: absolute;
	top: 351px;
	right: 221px;
	z-index: 30;
}
#howto #scene #scene2 .youtube{
	width: 435px;
	height: 320px;
	background-image: url(../img/howto/scene02_youtube.png);
	background-repeat: no-repeat;
	background-position: 0% 0%;
	padding:35px 167px 20px 28px;
	}


/*    secne3   */

#howto #scene #scene3 .flower{
	width: 420px;
	position: absolute;
	top: 1px;
	right: 31px;
	z-index: 20;
}
#howto #scene #scene3 .catch1{
	width: 183px;
	position: absolute;
	top:80px;
	right: 20px;
	z-index: 30;
}

}


/*    faq
-----------------------------------------------	*/

/*    タブレット（PAL・SVGA・WVGAなど）    */
@media screen and (min-width:768px) and (max-width:1259px) {
#howto #faq{
	width: 720px;
	margin: 0px auto 30px auto;
	background-image: url(../img/howto/faq_bg.jpg);
	background-repeat: repeat;
	box-shadow:0px 0px 6px #ad925c;
-moz-box-shadow: 0px 0px 6px #ad925c;　/* Firefox用 */  
-webkit-box-shadow: 0px 0px 6px #ad925c;　/* Safari,Google Chrome用 */ 
}
#howto #faq .inner{
	width:500px;
	margin: 0px auto;
	background-image: url(../img/howto/faq_bg2.jpg);
	background-size:100%;
	background-repeat: no-repeat;
	padding:20px 100px 30px 120px;
}
#howto #faq .inner h2{
	width:340px;
	margin:0px auto 70px auto;
}

#howto #faq .inner dl{
	padding:20px;
	border:3px #f75a04 solid;
	   border-radius: 10px;        /* CSS3草案 */  
    -webkit-border-radius: 10px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 10px;   /* Firefox用 */
	margin-bottom:15px;
}
#howto #faq .inner dl dt{
	color: #f75a04;
	font-size: 14px;
	font-weight: bold;
	padding-bottom: 15px;
	padding-left: 32px;
	padding-top:5px;
	background-image: url(../img/howto/faq_t_q.png);
	background-repeat: no-repeat;
	background-position:0 0;
}
#howto #faq .inner dl dd{
	margin-left:20px;
	color: #3b8505;
	font-size: 14px;
	padding-bottom: 15px;
	padding-left: 32px;
	padding-top:5px;
	background-image: url(../img/howto/faq_t_a.png);
	background-repeat: no-repeat;
	background-position:0 0;
}
}

/*    PC（XGA・WXGA・SXGAなど）   */
@media screen and (min-width:1260px){
#howto #faq{
	width: 1220px;
	margin: 0px auto 30px auto;
	background-image: url(../img/howto/faq_bg.jpg);
	background-repeat: repeat;
	box-shadow:0px 0px 6px #ad925c;
-moz-box-shadow: 0px 0px 6px #ad925c;　/* Firefox用 */  
-webkit-box-shadow: 0px 0px 6px #ad925c;　/* Safari,Google Chrome用 */ 
}
#howto #faq .inner{
	width:880px;
	margin: 0px auto;
	background-image: url(../img/howto/faq_bg2.jpg);
	background-repeat: no-repeat;
	padding:40px 160px 30px 180px;
}
#howto #faq .inner h2{
	width:460px;
	margin:0px auto 70px auto;
}

#howto #faq .inner dl{
	padding:20px;
	border:3px #f75a04 solid;
	   border-radius: 10px;        /* CSS3草案 */  
    -webkit-border-radius: 10px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 10px;   /* Firefox用 */
	margin-bottom:15px;
}
#howto #faq .inner dl dt{
	color: #f75a04;
	font-size: 14px;
	font-weight: bold;
	padding-bottom: 15px;
	padding-left: 32px;
	padding-top:5px;
	background-image: url(../img/howto/faq_t_q.png);
	background-repeat: no-repeat;
	background-position:0 0;
}
#howto #faq .inner dl dd{
	margin-left:20px;
	color: #3b8505;
	font-size: 14px;
	padding-bottom: 15px;
	padding-left: 32px;
	padding-top:5px;
	background-image: url(../img/howto/faq_t_a.png);
	background-repeat: no-repeat;
	background-position:0 0;
}

}


/*  -----------------------------------------------	*/
/*    course                                      /
/*  -----------------------------------------------	*/

/*    pagenavi
-----------------------------------------------	*/

/*    タブレット（PAL・SVGA・WVGAなど）    */
@media screen and (min-width:768px) and (max-width:1259px) {

#course #pagenavi{
	width: 720px;
	margin: 0px auto 30px auto;
	height:260px;
	box-shadow: 0px 0px 6px #ad925c;
	-moz-box-shadow: 0px 0px 6px #ad925c;
　/* Firefox用 */  
-webkit-box-shadow: 0px 0px 6px #ad925c;　/* Safari,Google Chrome用 */ 
; 			background-repeat: no-repeat;
	background-image: url(../img/course/pagenavi_bg.jpg);
	background-size:cover;
	background-position:top right;
}
#course #pagenavi ul{
	padding-left:0px;
	list-style:none;
	padding-left:50px;
}
#course #pagenavi ul li{
	display:inline;
	float:left;
	width:115px;
}

}

/*    PC（XGA・WXGA・SXGAなど）   */
@media screen and (min-width:1260px){

#course #pagenavi{
	width: 1220px;
	margin: 0px auto 30px auto;
	height: 382px;
	box-shadow: 0px 0px 6px #ad925c;
	-moz-box-shadow: 0px 0px 6px #ad925c;
　/* Firefox用 */  
-webkit-box-shadow: 0px 0px 6px #ad925c;　/* Safari,Google Chrome用 */ 
; 			background-repeat: no-repeat;
	background-image: url(../img/course/pagenavi_bg.jpg);
}
#course #pagenavi ul{
	padding-left:250px;
	list-style:none;
}
#course #pagenavi ul li{
	display:inline;
	float:left;
	width:170px;
}


}

/*    course
-----------------------------------------------	*/

/*    タブレット（PAL・SVGA・WVGAなど）    */
@media screen and (min-width:768px) and (max-width:1259px) {

/*    course共通  */
#course .course_wrap_h{
	width: 720px;
	height: 24px;
	background-image: url(../img/course/course_wrap_h.png);
	background-repeat: no-repeat;
	background-position: center bottom;
	background-size:cover;
}
#course .course_wrap_f{
	width: 720px;
	height: 24px;
	background-image: url(../img/course/course_wrap_f.png);
	background-repeat: no-repeat;
	background-position: center top;
	background-size:cover;
}
#course .course_wrap_bg{
	width:680px;
	padding:10px 20px;
	background-image: url(../img/course/course_wrap_bg.png);
	background-repeat:repeat-y;
	background-position: center top;
	background-size:100%;
}
#course .course_wrap_bg .titlebox{
	border-bottom:5px #ef502f solid;
	margin-top:-40px;
	margin-bottom:20px;
}
#course .course_wrap_bg .wrap1{
	width:680px;
	clear:both;
	overflow:hidden;
}
#course .course_wrap_bg .wrap1 dl.txt{
	width:380px;
	float:left;
}
#course .course_wrap_bg .wrap1 dl.txt dd{
	padding-top:5px;
}
#course .course_wrap_bg .wrap1 dl.price{
	width:220px;
	float: right;
	padding-bottom: 30px;
	padding-right:40px;
	padding-top:10px;
	background-image: url(../img/course/course_price.png);
	background-repeat: no-repeat;
	background-position: right bottom;
	background-size:cover;
}
#course .course_wrap_bg .wrap1  dl.price dt{
	font-size:25px;
	line-height:1.3em;
	color:#d2000e;
	text-align:right;
	font-weight:bold;
}
#course .course_wrap_bg .wrap1 dl.price dt span{
	font-size:18px;
}
#course .course_wrap_bg .wrap1 dl.price dd{
	font-size:18px;
	line-height:1.3em;
	color:#d2000e;
	text-align:right;
	font-weight:bold;
	padding-top:5px;
}
#course .course_wrap_bg .courselist{
	list-style-type:disc;
	list-style-position:outside;
	padding-left:16px;
}
#course .course_wrap_bg .courselist li{
	line-height:1.3em;
	margin-bottom:0.5em;
	font-size:12px;
}

/*   パーティープラン  */
#course #party1{
	width:720px;
	margin:0px auto 20px auto;
}
#course #party1 h2{
	width:350px;
	margin:0px auto;
}
#course #party1 .wrap2{
	width: 680px;
	height: 630px;
	position: relative;
}
#course #party1 .wrap2 .photo1{
	width: 360px;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 10;
}
#course #party1 .wrap2 .photo2{
	width: 360px;
	position: absolute;
	top: 124px;
	left: 321px;
	z-index: 20;
}
#course #party1 .wrap2 .photo3{
	width: 360px;
	position: absolute;
	top: 224px;
	left: 12px;
	z-index: 30;
}
#course #party1 .wrap2 .catch1{
	width: 300px;
	position: absolute;
	top: -11px;
	left: 365px;
	z-index: 50;
}
#course #party1 .wrap2 .catch2{
	width: 240px;
	position: absolute;
	top: 217px;
	left: 210px;
	z-index: 50;
}
#course #party1 .wrap2 .catch3{
	width: 370px;
	position: absolute;
	top: 414px;
	left: 8px;
	z-index: 50;
}
#course #party1 .wrap2 .courselist{
	width: 210px;
	height: 220px;
	padding: 60px 35px 25px 35px;
	position: absolute;
	top: 344px;
	left: 399px;
	z-index: 40;
	background-repeat: no-repeat;
	background-image: url(../img/course/course_list_bg.png);
	background-position: 0% 0%;
	background-size:100%;
}

/*   バースデープラン  */
#course #anniv{
	width:720px;
	margin:0px auto 20px auto;
}
#course #anniv h2{
	width:350px;
	margin:0px auto;
}
#course #anniv .wrap2{
	width: 680px;
	height: 640px;
	position: relative;
}
#course #anniv .wrap2 .photo1{
	width: 360px;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 10;
}
#course #anniv .wrap2 .photo2{
	width: 360px;
	position: absolute;
	top: 124px;
	left: 321px;
	z-index: 20;
}
#course #anniv .wrap2 .photo3{
	width: 360px;
	position: absolute;
	top: 247px;
	left: 7px;
	z-index: 30;
}
#course #anniv .wrap2 .catch1{
	width: 300px;
	position: absolute;
	top: -10px;
	left: 341px;
	z-index: 50;
}
#course #anniv .wrap2 .catch2{
	width: 240px;
	position: absolute;
	top: 217px;
	left: 210px;
	z-index: 50;
}
#course #anniv .wrap2 .catch3{
	width: 240px;
	position: absolute;
	top: 403px;
	left: 158px;
	z-index: 50;
}
#course #anniv .wrap2 .courselist{
	width: 210px;
	height: 220px;
	padding: 60px 35px 25px 35px;
	position: absolute;
	top: 344px;
	left: 389px;
	z-index: 40;
	background-repeat: no-repeat;
	background-image: url(../img/course/course_list_bg.png);
	background-position: 0% 0%;
	background-size: 100%;
}
#course #anniv .tokuten{
	width:680px;
}

/*   バースデープラン  */
#course #houkago{
	width:720px;
	margin:0px auto 20px auto;
}
#course #houkago h2{
	width:350px;
	margin:0px auto;
}
#course #houkago .wrap2{
	width: 680px;
	height: 520px;
	position: relative;
}
#course #houkago .wrap2 .photo1{
	width: 360px;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 10;
}
#course #houkago .wrap2 .photo2{
	width: 360px;
	position: absolute;
	top: 124px;
	left: 321px;
	z-index: 20;
}
#course #houkago .wrap2 .photo3{
	width: 360px;
	position: absolute;
	top: 247px;
	left: 7px;
	z-index: 30;
}
#course #houkago .wrap2 .catch1{
	width: 300px;
	position: absolute;
	top: -22px;
	left: 365px;
	z-index: 50;
}
#course #houkago .wrap2 .catch2{
	width: 240px;
	position: absolute;
	top: 203px;
	left: 28px;
	z-index: 50;
}
#course #houkago .wrap2 .catch3{
	width: 280px;
	position: absolute;
	top: 373px;
	left: 342px;
	z-index: 50;
}


}

/*    PC（XGA・WXGA・SXGAなど）   */
@media screen and (min-width:1260px){

/*    course共通  */
#course .course_wrap_h{
	width: 1220px;
	height: 41px;
	background-image: url(../img/course/course_wrap_h.png);
	background-repeat: no-repeat;
	background-position: center bottom;
}
#course .course_wrap_f{
	width: 1220px;
	height: 41px;
	background-image: url(../img/course/course_wrap_f.png);
	background-repeat: no-repeat;
	background-position: center top;
}
#course .course_wrap_bg{
	width: 1140px;
	padding:10px 40px;
	background-image: url(../img/course/course_wrap_bg.png);
	background-repeat:repeat-y;
	background-position: center top;
}
#course .course_wrap_bg .titlebox{
	border-bottom:5px #ef502f solid;
	margin-top:-40px;
	margin-bottom:20px;
}
#course .course_wrap_bg .wrap1{
	width: 1140px;
	clear:both;
	overflow:hidden;
}
#course .course_wrap_bg .wrap1 dl.txt{
	width: 680px;
	float:left;
}
#course .course_wrap_bg .wrap1 dl.txt dd{
	padding-top:5px;
}
#course .course_wrap_bg .wrap1 dl.price{
	width: 360px;
	float: right;
	padding-bottom: 50px;
	padding-right:40px;
	padding-top:10px;
	background-image: url(../img/course/course_price.png);
	background-repeat: no-repeat;
	background-position: right bottom;
}
#course .course_wrap_bg .wrap1  dl.price dt{
	font-size:28px;
	line-height:1.3em;
	color:#d2000e;
	text-align:right;
	font-weight:bold;
}
#course .course_wrap_bg .wrap1 dl.price dt span{
	font-size:20px;
}
#course .course_wrap_bg .wrap1 dl.price dd{
	font-size:20px;
	line-height:1.3em;
	color:#d2000e;
	text-align:right;
	font-weight:bold;
	padding-top:5px;
}
#course .course_wrap_bg .courselist{
	list-style-type:disc;
	list-style-position:outside;
	padding-left:16px;
}
#course .course_wrap_bg .courselist li{
	line-height:1.35em;
	margin-bottom:0.6em;
	font-size:14px;
}
/*   パーティープラン  */
#course #party1{
	width:1220px;
	margin:0px auto 10px auto;
}
#course #party1 h2{
	width:514px;
	margin:0px auto;
}
#course #party1 .wrap2{
	width:1140px;
	height:980px;
	position:relative;
}
#course #party1 .wrap2 .photo1{
	width:636px;
	position:absolute;
	top:0;
	left:0;
	z-index:10;
}
#course #party1 .wrap2 .photo2{
	width:636px;
	position:absolute;
	top:183px;
	left:510px;
	z-index:20;
}
#course #party1 .wrap2 .photo3{
	width: 636px;
	position: absolute;
	top: 357px;
	left: 10px;
	z-index: 30;
}
#course #party1 .wrap2 .catch1{
	width:520px;
	position:absolute;
	top:-20px;
	left:556px;
	z-index:50;
}
#course #party1 .wrap2 .catch2{
	width:330px;
	position:absolute;
	top:357px;
	left:294px;
	z-index:50;
}
#course #party1 .wrap2 .catch3{
	width: 592px;
	position: absolute;
	top: 645px;
	left: -1px;
	z-index: 50;
}
#course #party1 .wrap2 .courselist{
	width: 280px;
	height: 260px;
	padding: 70px 45px 45px 45px;
	position: absolute;
	top: 575px;
	left: 708px;
	z-index: 40;
	background-repeat: no-repeat;
	background-image: url(../img/course/course_list_bg.png);
	background-position: 0% 0%;
}

/*   バースデープラン  */
#course #anniv{
	width:1220px;
	margin:0px auto 10px auto;
}
#course #anniv h2{
	width:514px;
	margin:0px auto;
}
#course #anniv .wrap2{
	width: 1140px;
	height: 930px;
	position: relative;
}
#course #anniv .wrap2 .photo1{
	width:636px;
	position:absolute;
	top:0;
	left:0;
	z-index:10;
}
#course #anniv .wrap2 .photo2{
	width:636px;
	position:absolute;
	top:183px;
	left:510px;
	z-index:20;
}
#course #anniv .wrap2 .photo3{
	width: 636px;
	position: absolute;
	top: 428px;
	left: 3px;
	z-index: 30;
}
#course #anniv .wrap2 .catch1{
	width: 518px;
	position: absolute;
	top: -20px;
	left: 556px;
	z-index: 50;
}
#course #anniv .wrap2 .catch2{
	width: 380px;
	position: absolute;
	top: 305px;
	left: 333px;
	z-index: 50;
}
#course #anniv .wrap2 .catch3{
	width: 335px;
	position: absolute;
	top: 601px;
	left: 432px;
	z-index: 50;
}
#course #anniv .wrap2 .courselist{
	width: 280px;
	height: 260px;
	padding: 70px 45px 45px 45px;
	position: absolute;
	top: 549px;
	left: 760px;
	z-index: 40;
	background-repeat: no-repeat;
	background-image: url(../img/course/course_list_bg.png);
	background-position: 0% 0%;
}
#course #anniv .tokuten{
	width: 1140px;
}

/*   放課後プラン  */
#course #houkago{
	width:1220px;
	margin:0px auto 10px auto;
}
#course #houkago h2{
	width:514px;
	margin:0px auto;
}
#course #houkago .wrap2{
	width: 1140px;
	height: 880px;
	position: relative;
}
#course #houkago .wrap2 .photo1{
	width:636px;
	position:absolute;
	top:0;
	left:0;
	z-index:10;
}
#course #houkago .wrap2 .photo2{
	width:636px;
	position:absolute;
	top:183px;
	left:510px;
	z-index:20;
}
#course #houkago .wrap2 .photo3{
	width: 636px;
	position: absolute;
	top: 428px;
	left: 3px;
	z-index: 30;
}
#course #houkago .wrap2 .catch1{
	width: 497px;
	position: absolute;
	top: -28px;
	left: 620px;
	z-index: 50;
}
#course #houkago .wrap2 .catch2{
	width: 380px;
	position: absolute;
	top: 317px;
	left: 99px;
	z-index: 50;
}
#course #houkago .wrap2 .catch3{
	width: 479px;
	position: absolute;
	top: 604px;
	left: 603px;
	z-index: 50;
}



}

/*    freedrink
-----------------------------------------------	*/

/*    タブレット（PAL・SVGA・WVGAなど）    */
@media screen and (min-width:768px) and (max-width:1259px) {
#course #freedrink{
	width:680px;
	margin:0px auto 20px auto;
	padding:20px;
	background-color:#000000;
}
#course #freedrink .inner{
	width:640px;
	padding:19px;
	border:1px #FFFFFF solid;
	clear:both;
	overflow:hidden;
}
#course #freedrink .inner h2{
	width:540px;
	margin:0px auto;
}

#course #freedrink .inner h3{
	width:540px;
	margin:0px auto 20px auto;
}

#course #freedrink .inner .l{
	margin-bottom:20px;
}
#course #freedrink .inner .r{
}
#course #freedrink .inner dt{
	padding-bottom:3px;
	margin-bottom:10px;
	border-bottom:1px #FFFFFF solid;
	padding-left:10px;
}
#course #freedrink .inner dt span{
	width:260px;
	display:block;
}
#course #freedrink .inner ul{
	margin-left:18px;
	list-style-type:disc;
	padding-left:10px;
}
#course #freedrink .inner ul li{
	line-height:1.4em;
	margin-bottom:0.8em;
	color:#FFFFFF;
}
#course #freedrink .inner ul li span{
	padding-left:10px;
	display:block;
	font-size:12px;
}
}

/*    PC（XGA・WXGA・SXGAなど）   */
@media screen and (min-width:1260px){
#course #freedrink{
	width:1180px;
	margin:0px auto 20px auto;
	padding:20px;
	background-color:#000000;
}
#course #freedrink .inner{
	width:1140px;
	padding:19px;
	border:1px #FFFFFF solid;
	clear:both;
	overflow:hidden;
}
#course #freedrink .inner h2{
	width:635px;
	margin:0px auto;
}

#course #freedrink .inner h3{
	width:635px;
	margin:0px auto 20px auto;
}

#course #freedrink .inner .l{
	width:680px;
	float:left;
}
#course #freedrink .inner .r{
	width:430px;
	float:right;
}
#course #freedrink .inner dt{
	padding-bottom:3px;
	margin-bottom:10px;
	border-bottom:1px #FFFFFF solid;
	padding-left:10px;
}
#course #freedrink .inner dt span{
	width:260px;
	display:block;
}
#course #freedrink .inner ul{
	width:310px;
	float:left;
	margin-left:18px;
	list-style-type:disc;
	padding-left:10px;
}
#course #freedrink .inner ul li{
	line-height:1.4em;
	margin-bottom:0.8em;
	color:#FFFFFF;
}
#course #freedrink .inner ul li span{
	padding-left:10px;
	display:block;
	font-size:12px;
}
}

/*   food
-----------------------------------------------	*/

/*    タブレット（PAL・SVGA・WVGAなど）    */
@media screen and (min-width:768px) and (max-width:1259px) {
#course #food{
	width: 640px;
	padding:22px;
	border: 8px #3f1c0c solid;
	margin: 0px auto 30px auto;
	clear: both;
	overflow: hidden;
	background-image: url(../img/course/menu_bg.jpg);
	background-repeat: repeat;
}
#course #food .l{
	margin-bottom:10px
}
#course #food .r{
}
#course #food h3{
	width:530px;
	margin:0px auto 10px auto;
}

#course #food .wrap{
	width:530px;
	margin:0px auto;
	padding:20px;
	position:relative;
	background-color:#FFFFFF;
box-shadow: 0px 0px 6px #2a2e1b;
	-moz-box-shadow: 0px 0px 6px #2a2e1b;
　/* Firefox用 */  
-webkit-box-shadow: 0px 0px 6px #2a2e1b;　/* Safari,Google Chrome用 */ 
; 	
}

#course #food .wrap .pin{
	width:40px;
	position:absolute;
	top:-20px;
	left:0;
}
#course #food .wrap dl{
	padding-bottom:6px;
	border-bottom:1px #40452f dotted;
	margin-bottom:0.9em;
}
#course #food .wrap dl dt{
	font-weight:bold;
	line-height:1.35em;
}
#course #food .wrap dl dd.price{
	color:#40452f;
	margin-top:-1.45em;
	line-height:1.4em;
	text-align:right;
	font-weight:bold;
}
#course #food .wrap dl dd.txt{
	line-height:1.3em;
	padding-left:10px;
	color:#312E2E;
	font-size:12px;
}
#course #food .wrap dl dd ul{
	list-style-type:none;
	padding-left:10px;
		padding-top:10px;
}
#course #food .wrap dl dd ul li{
	line-height:1.3em;
	margin-bottom:0.3em;
	font-size:12px;
}
#course #food .wrap dl dd ul li span{
	padding-left:10px;
	display:block;
	font-size:10px;
}
}

/*    PC（XGA・WXGA・SXGAなど）   */
@media screen and (min-width:1260px){
#course #food{
	width: 1160px;
	padding: 22px;
	border: 8px #3f1c0c solid;
	margin: 0px auto 30px auto;
	clear: both;
	overflow: hidden;
	background-image: url(../img/course/menu_bg.jpg);
	background-repeat: repeat;
}
#course #food .l{
	width:570px;
	float:left;
}
#course #food .r{
	width:570px;
	float:right;
}
#course #food h3{
	width:570px;
	margin-bottom:15px;
}

#course #food .wrap{
	width:530px;
	padding:20px;
	position:relative;
	background-color:#FFFFFF;
box-shadow: 0px 0px 6px #2a2e1b;
	-moz-box-shadow: 0px 0px 6px #2a2e1b;
　/* Firefox用 */  
-webkit-box-shadow: 0px 0px 6px #2a2e1b;　/* Safari,Google Chrome用 */ 
; 	
}
#course #food .l .wrap{
	padding-bottom:265px;
}
#course #food .wrap .pin{
	width:40px;
	position:absolute;
	top:-20px;
	left:0;
}
#course #food .wrap dl{
	padding-bottom:6px;
	border-bottom:1px #40452f dotted;
	margin-bottom:0.9em;
}
#course #food .wrap dl dt{
	font-weight:bold;
	line-height:1.35em;
}
#course #food .wrap dl dd.price{
	color:#40452f;
	margin-top:-1.45em;
	line-height:1.4em;
	text-align:right;
	font-weight:bold;
}
#course #food .wrap dl dd.txt{
	line-height:1.3em;
	padding-left:10px;
	color:#312E2E;
	font-size:12px;
}
#course #food .wrap dl dd ul{
	list-style-type:none;
	padding-left:10px;
		padding-top:10px;
}
#course #food .wrap dl dd ul li{
	line-height:1.3em;
	margin-bottom:0.3em;
	font-size:12px;
}
#course #food .wrap dl dd ul li span{
	padding-left:10px;
	display:block;
	font-size:10px;
}

}

/*  -----------------------------------------------	*/
/*    media                                    /
/*  -----------------------------------------------	*/

/*    media
-----------------------------------------------	*/

#media #information .wrap dl dd iframe{
	max-width:90% !important;

}
/*    タブレット（PAL・SVGA・WVGAなど）    */
@media screen and (min-width:768px) and (max-width:1259px) {
#media #information{
	width: 640px;
	padding:22px;
	border: 8px #3f1c0c solid;
	margin: 0px auto 30px auto;
	clear: both;
	overflow: hidden;
	background-image: url(../img/media/media_bg.jpg);
	background-repeat: repeat;
}

#media #information h2{
	width: 640px;
	margin-bottom:20px;
}	
#media #information .wrap{
	width: 580px;
	padding:30px;
	position:relative;
	background-color:#FFFFFF;
box-shadow: 0px 0px 6px #2a2e1b;
	-moz-box-shadow: 0px 0px 6px #2a2e1b;
　/* Firefox用 */  
-webkit-box-shadow: 0px 0px 6px #2a2e1b;　/* Safari,Google Chrome用 */ 	
}
#media #information .wrap .pin_l{
	width: 18px;
	position:absolute;
	top:5px;
	left:5px;
}
#media #information .wrap .pin_r{
	width: 18px;
	position:absolute;
	top:5px;
	right:5px;
}

#media #information .wrap dl{
	margin-bottom:15px;
	border-bottom:1px #000000 dotted;
	padding-bottom:10px;	
}
#media #information .wrap dl dt{
	line-height: 1.4em;
	color: #aa3b0f;
	padding: 5px 0px 10px 40px;
	background-image: url(../img/media/icon_newspapper.png);
	background-repeat: no-repeat;
	background-position:0 0;
}
#media #information .wrap dl dt.newspapper{background-image: url(../img/media/icon_newspapper.png);}		
#media #information .wrap dl dt.zasshi{background-image: url(../img/media/icon_zasshi.png);}
#media #information .wrap dl dt.tv{background-image: url(../img/media/icon_tv.png);}
#media #information .wrap dl dt.radio{background-image: url(../img/media/icon_radio.png);}	
#media #information .wrap dl dt.web{background-image: url(../img/media/icon_web.png);}

#media #information .wrap dl dd{
	line-height: 1.4em;
	padding-left:180px;
	margin-top:-1.7em;
	padding-bottom:5px;
}
}

/*    PC（XGA・WXGA・SXGAなど）   */
@media screen and (min-width:1260px){

#media #information{
	width: 1160px;
	padding: 22px;
	border: 8px #3f1c0c solid;
	margin: 0px auto 30px auto;
	clear: both;
	overflow: hidden;
	background-image: url(../img/media/media_bg.jpg);
	background-repeat: repeat;
}

#media #information h2{
	width: 1160px;
	margin-bottom:20px;
}	
#media #information .wrap{
	width: 1100px;
	padding:30px;
	position:relative;
	background-color:#FFFFFF;
box-shadow: 0px 0px 6px #2a2e1b;
	-moz-box-shadow: 0px 0px 6px #2a2e1b;
　/* Firefox用 */  
-webkit-box-shadow: 0px 0px 6px #2a2e1b;　/* Safari,Google Chrome用 */ 	
}
#media #information .wrap .pin_l{
	width: 18px;
	position:absolute;
	top:5px;
	left:5px;
}
#media #information .wrap .pin_r{
	width: 18px;
	position:absolute;
	top:5px;
	right:5px;
}

#media #information .wrap dl{
	width: 1100px;
	margin-bottom:15px;
	border-bottom:1px #000000 dotted;
	padding-bottom:10px;	
}
#media #information .wrap dl dt{
	line-height: 1.4em;
	color: #aa3b0f;
	padding: 5px 0px 10px 40px;

	background-repeat: no-repeat;
	background-position:0 0;
}
#media #information .wrap dl dt.newspapper{background-image: url(../img/media/icon_newspapper.png);}		
#media #information .wrap dl dt.zasshi{background-image: url(../img/media/icon_zasshi.png);}
#media #information .wrap dl dt.tv{background-image: url(../img/media/icon_tv.png);}
#media #information .wrap dl dt.radio{background-image: url(../img/media/icon_radio.png);}
#media #information .wrap dl dt.web{background-image: url(../img/media/icon_web.png);}

#media #information .wrap dl dd{
	line-height: 1.4em;
	padding-left:180px;
	margin-top:-1.7em;
	padding-bottom:5px;
}

}


/*    contact
-----------------------------------------------	*/


/*    タブレット（PAL・SVGA・WVGAなど）    */
@media screen and (min-width:768px) and (max-width:1259px) {
#media #contact{
	width: 640px;
	padding:22px;
	border: 8px #3f1c0c solid;
	margin: 0px auto 30px auto;
	clear: both;
	overflow: hidden;
	background-image: url(../img/media/media_bg.jpg);
	background-repeat: repeat;
}

#media #contact h2{
	width: 480px;
	margin:0px auto 20px auto;
}
#media #contact p{
	text-align:left;
	margin-bottom:1em;
	color:#FFFFFF;
}			
#media #contact .wrap{
	width: 580px;
	padding:30px;
	position:relative;
	background-color:#FFFFFF;
box-shadow: 0px 0px 6px #2a2e1b;
	-moz-box-shadow: 0px 0px 6px #2a2e1b;
　/* Firefox用 */  
-webkit-box-shadow: 0px 0px 6px #2a2e1b;　/* Safari,Google Chrome用 */ 	
}
#media #contact .wrap .pin_l{
	width: 18px;
	position:absolute;
	top:5px;
	left:5px;
}
#media #contact .wrap .pin_r{
	width: 18px;
	position:absolute;
	top:5px;
	right:5px;
}

#media #contact .wrap dl{
	margin-bottom:15px;
	border-bottom:1px #000000 dotted;
	padding-bottom:10px;
}
#media #contact .wrap dl dt{
	line-height: 1.7em;
	padding:5px;
	background-color:rgba(228,223,213,1.00);
	width:160px;
}
#media #contact .wrap dl dt span{
	color:#A3080A;
}
#media #contact .wrap dl dd{
	line-height: 1.4em;
	padding-left:180px;
	margin-top:-1.7em;
	padding-bottom:5px;
}
}

/*    PC（XGA・WXGA・SXGAなど）   */
@media screen and (min-width:1260px){

#media #contact{
	width: 1160px;
	padding: 22px;
	border: 8px #3f1c0c solid;
	margin: 0px auto 30px auto;
	clear: both;
	overflow: hidden;
	background-image: url(../img/media/media_bg.jpg);
	background-repeat: repeat;
}

#media #contact h2{
	width: 546px;
	margin:0px auto 20px auto;
}
#media #contact p{
	text-align:center;
	margin-bottom:1em;
	color:#FFFFFF;
}		
#media #contact .wrap{
	width: 1100px;
	padding:30px;
	position:relative;
	background-color:#FFFFFF;
box-shadow: 0px 0px 6px #2a2e1b;
	-moz-box-shadow: 0px 0px 6px #2a2e1b;
　/* Firefox用 */  
-webkit-box-shadow: 0px 0px 6px #2a2e1b;　/* Safari,Google Chrome用 */ 	
}
#media #contact .wrap .pin_l{
	width: 18px;
	position:absolute;
	top:5px;
	left:5px;
}
#media #contact .wrap .pin_r{
	width: 18px;
	position:absolute;
	top:5px;
	right:5px;
}

#media #contact .wrap dl{
	width: 1100px;
	margin-bottom:15px;
	border-bottom:1px #000000 dotted;
	padding-bottom:10px;	
}
#media #contact .wrap dl dt{
	line-height: 1.4em;
	padding:5px;
	background-color:rgba(228,223,213,1.00);
	width:280px;
}
#media #contact .wrap dl dt span{
	color:#A3080A;
}
#media #contact .wrap dl dd{
	line-height: 1.4em;
	padding-left:320px;
	margin-top:-1.5em;
	padding-bottom:5px;
}

}
/*  -----------------------------------------------	*/
/*    media                                    /
/*  -----------------------------------------------	*/

/*    information
-----------------------------------------------	*/
/*    タブレット（PAL・SVGA・WVGAなど）    */
@media screen and (min-width:768px) and (max-width:1259px) {
#shopinfo #information{
	width:720px;
	margin:0px auto 20px auto;
	clear:both;
	overflow:hidden;
}
#shopinfo #information h2{
	width:720px;
	margin-bottom:15px;
}
#shopinfo #information .photo{
	width:280px;
	float:left;
}
#shopinfo #information .txt{
	width:420px;
	float:right;
	position:relative;
}
#shopinfo #information .txt .ttl{
	width:100px;
	position: absolute;
	top: 0px;
	left: 178px;
	z-index: 100;
}
#shopinfo #information .txt .wrap_h{
	width:420px;
	height:27px;
	background-image: url(../img/shopinfo/information_h.jpg);
	background-repeat: no-repeat;
	background-position: 0% 0%;
	background-size:100%;
}
#shopinfo #information .txt .wrap_bg{
	width:360px;
	padding:30px 30px 10px;
	background-image: url(../img/shopinfo/information_bg.jpg);
	background-repeat: repeat-y;
	background-position: 0% 0%;
	background-size: 100%;
}
#shopinfo #information .txt .wrap_f{
	width: 420px;
	height:27px;
	background-image: url(../img/shopinfo/information_f.jpg);
	background-repeat: no-repeat;
	background-position: 0% 0%;
	background-size:100%;
}
#shopinfo #information .txt .wrap_bg dl{
	padding-bottom:8px;
	margin-bottom:0.9em;
	border-bottom:1px #FFFFFF dotted;
}
#shopinfo #information .txt .wrap_bg dl dt{
	line-height:1.4em;
	color:#ebc84b;
	font-weight:bold;
}
#shopinfo #information .txt .wrap_bg dl dd{
	line-height:1.4em;
	color:#FFFFFF;
	margin-top:-1.45em;
	padding-left:10em;
}
#shopinfo #information .txt .wrap_bg dl dd .tel a{
	color:#FFFFFF;
	font-size:16px;
	font-weight:bold;
}
}

/*    PC（XGA・WXGA・SXGAなど）   */
@media screen and (min-width:1260px){

#shopinfo #information{
	width:1220px;
	margin:0px auto 0px auto;
	clear:both;
	overflow:hidden;
}
#shopinfo #information h2{
	width:1220px;
	margin-bottom:15px;
}
#shopinfo #information .photo{
	width:490px;
	float:left;
}
#shopinfo #information .txt{
	width:720px;
	float:right;
	position:relative;
}
#shopinfo #information .txt .ttl{
	width: 194px;
	position: absolute;
	top: 30px;
	left: 260px;
	z-index: 100;
}
#shopinfo #information .txt .wrap_h{
	width: 720px;
	height: 47px;
	background-image: url(../img/shopinfo/information_h.jpg);
	background-repeat: no-repeat;
	background-position: 0% 0%;
	background-size:100%;
}
#shopinfo #information .txt .wrap_bg{
	width: 620px;
	padding:80px 50px 70px;
	background-image: url(../img/shopinfo/information_bg.jpg);
	background-repeat: repeat-y;
	background-position: 0% 0%;
	background-size: 100%;
}
#shopinfo #information .txt .wrap_f{
	width: 720px;
	height: 47px;
	background-image: url(../img/shopinfo/information_f.jpg);
	background-repeat: no-repeat;
	background-position: 0% 0%;
	background-size:100%;
}
#shopinfo #information .txt .wrap_bg dl{
	padding-bottom:8px;
	margin-bottom:0.9em;
	border-bottom:1px #FFFFFF dotted;
}
#shopinfo #information .txt .wrap_bg dl dt{
	line-height:1.4em;
	color:#ebc84b;
	font-weight:bold;
}
#shopinfo #information .txt .wrap_bg dl dd{
	line-height:1.4em;
	color:#FFFFFF;
	margin-top:-1.45em;
	padding-left:10em;
}
#shopinfo #information .txt .wrap_bg dl dd .tel a{
	color:#FFFFFF;
	font-size:16px;
	font-weight:bold;
}
}

/*    map
-----------------------------------------------	*/

/*    タブレット（PAL・SVGA・WVGAなど）    */
@media screen and (min-width:768px) and (max-width:1259px) {
	#shopinfo #map{
	width: 720px;
	margin:0px auto 20px auto;
}
#shopinfo .map_wrap_h{
	width: 720px;
	height: 24px;
	background-image: url(../img/shopinfo/map_bg_h.png);
	background-repeat: no-repeat;
	background-position: center bottom;
	background-size:cover;
}
#shopinfo .map_wrap_f{
	width: 720px;
	height: 24px;
	background-image: url(../img/shopinfo/map_bg_f.png);
	background-repeat: no-repeat;
	background-position: center top;
	background-size:cover;
}
#shopinfo .map_wrap_bg{
	width:680px;
	padding:10px 20px;
	background-image: url(../img/shopinfo/map_bg.png);
	background-repeat:repeat-y;
	background-position: center top;
	background-size:100%;
		clear:both;
	overflow:hidden;
}
#shopinfo .map_wrap_bg .l{
	width:330px;
	height:330px;
	float:left;
}
#shopinfo .map_wrap_bg .r{
	width:330px;
	float:right;
}
}

/*    PC（XGA・WXGA・SXGAなど）   */
@media screen and (min-width:1260px){
	#shopinfo #map{
	width: 1220px;
	margin:0px auto 20px auto;
}
#shopinfo .map_wrap_h{
	width: 1220px;
	height: 41px;
		background-image: url(../img/shopinfo/map_bg_h.png);
	background-repeat: no-repeat;
	background-position: center bottom;
}
#shopinfo .map_wrap_f{
	width: 1220px;
	height: 41px;
	background-image: url(../img/shopinfo/map_bg_f.png);
	background-repeat: no-repeat;
	background-position: center top;
}
#shopinfo .map_wrap_bg{
	width: 1140px;
	padding:10px 40px;
	background-image: url(../img/shopinfo/map_bg.png);
	background-repeat:repeat-y;
	background-position: center top;
	clear:both;
	overflow:hidden;
}
#shopinfo .map_wrap_bg .l{
	width: 560px;
	height:560px;
	float:left;
}
#shopinfo .map_wrap_bg .r{
	width: 560px;
	float:right;
}
}

/*   access
-----------------------------------------------	*/


/*    タブレット（PAL・SVGA・WVGAなど）    */
@media screen and (min-width:768px) and (max-width:1259px) {
#shopinfo #access {
	width:720px;
	margin:0px auto 25px auto;
	background-image: url(../img/shared/blackbord.jpg);
	background-repeat: repeat;
	background-position: 0% 0%;

}
#shopinfo .accesswrapper_inner{
	background-image: url(../img/shared/blackbord_foot.jpg);
	background-repeat: no-repeat;
	background-position: center bottom;
	width:680px;
	padding: 20px;
}
#shopinfo .accesswrapper_inner .box{
	width:680px;
	clear:both;
	overflow:hidden;
	margin-bottom:20px;
	position:relative;
}
#shopinfo .accesswrapper_inner .box .l{
	width:330px;
	float:left;
}
#shopinfo .accesswrapper_inner .box .r{
	width:330px;
	float:right;
}
#shopinfo .accesswrapper_inner .box .comment{
	width: 169px;
	position: absolute;
	top: 19px;
	left: 251px;
}
}

/*    PC（XGA・WXGA・SXGAなど）   */
@media screen and (min-width:1260px){
	
#shopinfo #access{
	width:1220px;
	margin:0px auto 30px auto;
	background-image: url(../img/shared/blackbord.jpg);
	background-repeat: repeat;
	background-position: 0% 0%;

}
#shopinfo #access .accesswrapper_inner{
	background-image: url(../img/shared/blackbord_foot.jpg);
	background-repeat: no-repeat;
	background-position: center bottom;
	width: 1180px;
	padding: 20px;

}
#shopinfo #access .accesswrapper_inner .box{
	width:1180px;
	clear:both;
	overflow:hidden;
	margin-bottom:20px;
	position:relative;
}
#shopinfo #access .accesswrapper_inner .box .l{
	width:580px;
	float:left;
}
#shopinfo #access .accesswrapper_inner .box .r{
	width:580px;
	float:right;
}
#shopinfo #access .accesswrapper_inner .box .comment{
	width: 249px;
	position: absolute;
	top: 19px;
	left: 475px;
}
}



/*   キービジュアル
-----------------------------------------------	*/






/*    下層共通
-----------------------------------------------	*/

/*    タブレット（PAL・SVGA・WVGAなど）    */
@media screen and (min-width:768px) and (max-width:1279px) {
.sbtitle{
	width: 500px;
	height:60px;
	padding:22px 0px 0px 0px;
	margin: 0px auto;
	text-align: center;
	color: #e3cca1;
	font-size: 20px;
	font-family: Georgia, "ヒラギノ明朝 Pro W6", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", serif;	
	background-image: url(../img/shared/title_bg_tab.png);
	background-repeat:no-repeat;
	background-position:0 0;
	line-height:1.3em;
}


}



/*    PC（XGA・WXGA・SXGAなど）   */
@media screen and (min-width:1280px){
	
.sbtitle{
	width: 980px;
	height:55px;
	padding:22px 0px 0px 0px;
	margin: 0px auto;
	text-align: center;
	color: #e3cca1;
	font-size: 26px;
	font-family: Georgia, "ヒラギノ明朝 Pro W6", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", serif;	
	background-image: url(../img/shared/title_bg_pc.png);
	background-repeat:no-repeat;
	background-position:0 0;
	letter-spacing:0.1em;
	line-height:1.3em;
	
}


}




/*    フッター
-----------------------------------------------	*/

footer {
	border-top:2px #fff000 solid;
	background-image: url(../img/shared/footer_bg.jpg);
	background-repeat: repeat;
	background-position: center top;
}
footer .footerbelt{
	padding:10px 0px;
	background-color:#000000;
	clear:both;
	overflow:hidden;
}


@media screen and (min-width:768px) and (max-width:1259px) {
	footer .infospace{
	padding: 20px 0px;
	background-image: url(../img/shared/footer_bg2.png);
	background-repeat: no-repeat;
	background-position: right top;
	
	clear:both;
	overflow:hidden;
}
footer .infospace .box{
	width:720px;
	margin:0px auto;
	clear:both;
	overflow:hidden;
}
footer .infospace .box .logo{
		width:160px;
		margin-left:20px;
		padding-top:20px;
		float:left;
}
footer .infospace .box dl{
		width:480px;
		margin-left:40px;
		float:left;
}
footer .footerbelt .inner{
	width:720px;
	margin:0px auto;
	clear:both;
	overflow:hidden;
}
dl#footnav {
	margin-bottom:10px;
}
#copyright {
	float:right;
	width:250px;
}
}

/*    PC（XGA・WXGA・SXGAなど）   */
@media screen and (min-width:1260px){
	footer .infospace{
		width:1220px;
		margin:0px auto;
	padding: 20px 0px;
	background-image: url(../img/shared/footer_bg2.png);
	background-repeat: no-repeat;
	background-position: right top;
}
	footer .infospace .box{
	margin:0px auto;
	clear:both;
	overflow:hidden;
}
	footer .infospace .box .logo{
		width:180px;
		margin-left:20px;
		padding-top:40px;
		float:left;
}
footer .infospace .box dl{
		width:840px;
		margin-left:40px;
		float:left;
}
footer .footerbelt .inner{
	width:1220px;
	margin:0px auto;
	clear:both;
	overflow:hidden;
}
dl#footnav {
	float:left;
	width:900px;
}
#copyright {
	float:right;
	width:290px;
	padding-top:15px;
}
}
	

footer .infospace .box dl{
	font-size:12px;
	color:#FFFFFF;
}
footer .infospace .box dt{
	width:6em;
	float:left;
	line-height:1.35em;
	padding:5px;
}
footer .infospace .box dd{
	margin-left:7em;
	line-height:1.35em;
	padding:5px;
}
footer .infospace .box dd .tel{
	font-size:15px;
}

footer .infospace .box dd .tel a{
	color:#FFFFFF;
}


/* ナビゲーション部（フッター）
-----------------------------------------------	*/

dl#footnav {
	text-align:left;
	padding-top:12px;
}

dl#footnav dt {
	position: absolute;
	overflow: hidden;
	height: 0px;
	width: 0px;
}
dl#footnav dd li {
	font-size:13px;
	display: inline;
	border-left: 1px solid #fff000;
	padding-left: 0.6em;
	line-height: 2em;
	letter-spacing:normal;	
}
li.footnavEnd {
	border-right: 1px solid #fff000;
	padding-right: 0.6em;
}

dl#footnav dd li a:link { color: #fff000; text-decoration: underline;}
dl#footnav dd li a:visited,a:active { color: #cdc103; text-decoration: underline;}
dl#footnav dd li a:hover { color: #fef78c; text-decoration:none;}




	
/*    画面サイズ別 レイアウト
-----------------------------------------------	*/
/*    タブレット（PAL・SVGA・WVGAなど）    */
@media screen and (min-width:768px) and (max-width:1259px) {
/*    コンテナサイズ    */

#container
 {
	width:768px;
	margin:0px auto;
}


/*    フッターナビの中身サイズ    */
#nav-footer > ul > li {
	margin: 0 .7%;
	width: 31.9%;
}



}
/*    PC（XGA・WXGA・SXGAなど）   */
@media screen and (min-width:1260px){
/*    コンテナサイズ    */

#container
{
	width: 1260px;
	margin:0px auto;
}





/*    フッターナビの中身サイズ    */
#nav-footer > ul > li {
	margin: 0 .5%;
	width: 15.6%;
}
}




/*===================================*/
/** bxslider
===================================*/

/** RESET AND LAYOUT
===================================*/

.bx-wrapper {
	position: relative;
	margin: 0 auto 20px;
	padding: 0;
	*zoom: 1;
	
}

.bx-wrapper img {
	max-width: 100%;
	display: block;
	
}

/** THEME
===================================*/

.bx-wrapper .bx-viewport {
	background:hsla(0,0%,0%,0.00);
}

.bx-wrapper .bx-pager,
.bx-wrapper .bx-controls-auto {
	position: absolute;
	bottom: -30px;
	width: 100%;
}

/* LOADER */

.bx-wrapper .bx-loading {
	min-height: 50px;
	background: url(../images/bx_loader.gif) center center no-repeat #fff;
	height: 100%;
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 100;
}

/* PAGER */

.bx-wrapper .bx-pager {
	text-align: center;
	font-size: .85em;
	font-family: Arial;
	font-weight: bold;
	color: #666;
	padding-top: 20px;
}

.bx-wrapper .bx-pager .bx-pager-item,
.bx-wrapper .bx-controls-auto .bx-controls-auto-item {
	display: inline-block;
	*zoom: 1;
	*display: inline;
}

.bx-wrapper .bx-pager.bx-default-pager a {
	background: #e1cac0;
	text-indent: -9999px;
	display: block;
	width: 10px;
	height: 10px;
	margin: 0 5px;
	outline: 0;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}

.bx-wrapper .bx-pager.bx-default-pager a:hover,
.bx-wrapper .bx-pager.bx-default-pager a.active {
	background: #830a06;
}

/* DIRECTION CONTROLS (NEXT / PREV) */

.bx-wrapper .bx-prev {
	left: 10px;
	background: url(../images/controls.png) no-repeat 0 -32px;
}

.bx-wrapper .bx-next {
	right: 10px;
	background: url(../images/controls.png) no-repeat -43px -32px;
}

.bx-wrapper .bx-prev:hover {
	background-position: 0 0;
}

.bx-wrapper .bx-next:hover {
	background-position: -43px 0;
}

.bx-wrapper .bx-controls-direction a {
	position: absolute;
	top: 50%;
	margin-top: -16px;
	outline: 0;
	width: 32px;
	height: 32px;
	text-indent: -9999px;
	z-index: 100;
}

.bx-wrapper .bx-controls-direction a.disabled {
	display: none;
}

/* AUTO CONTROLS (START / STOP) */

.bx-wrapper .bx-controls-auto {
	text-align: center;
}

.bx-wrapper .bx-controls-auto .bx-start {
	display: block;
	text-indent: -9999px;
	width: 10px;
	height: 11px;
	outline: 0;
	background: url(../images/controls.png) -86px -11px no-repeat;
	margin: 0 3px;
}

.bx-wrapper .bx-controls-auto .bx-start:hover,
.bx-wrapper .bx-controls-auto .bx-start.active {
	background-position: -86px 0;
}

.bx-wrapper .bx-controls-auto .bx-stop {
	display: block;
	text-indent: -9999px;
	width: 9px;
	height: 11px;
	outline: 0;
	background: url(../images/controls.png) -86px -44px no-repeat;
	margin: 0 3px;
}

.bx-wrapper .bx-controls-auto .bx-stop:hover,
.bx-wrapper .bx-controls-auto .bx-stop.active {
	background-position: -86px -33px;
}

/* PAGER WITH AUTO-CONTROLS HYBRID LAYOUT */

.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager {
	text-align: left;
	width: 80%;
}

.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto {
	right: 0;
	width: 35px;
}

/* IMAGE CAPTIONS */

.bx-wrapper .bx-caption {
	position: absolute;
	bottom: 0;
	left: 0;
	background: #666\9;
	background: rgba(80, 80, 80, 0.75);
	width: 100%;
}

.bx-wrapper .bx-caption span {
	color: #fff;
	font-family: Arial;
	display: block;
	font-size: .85em;
	padding: 10px;
}



/* instagram
--------------------------------- */

#instagram{
	padding: 20px;
	background-color: hsla(34,53%,94%,0.50);
	margin-bottom: 50px;
	clear: both;
	overflow: hidden;
	box-shadow: 0px 0px 6px hsla(0,1%,28%,0.40);
	border:3px #74482E solid;
}
#instagram h2{ width:640px; margin:0px auto 0px auto;}
#instafeed{ clear:both; overflow:hidden; padding-bottom:10px;}
#instafeed li {
	float: left;
	list-style: none;
	width: 33.333%;
}
#instafeed a {
	display: block;
}
@media screen and (min-width:768px){
#instafeed li {width: 20%;}

}


._2p3a {
    width:400px !important;
  }