@import"reset.css";
@import"skeleton.css";
@import"superfish2.css";
@import"forms.css";
@font-face {
}

/*--------------------------------------
              BASE
 	background:®Â ‚±‚ñ‚¶‚å‚¤; #192f60
--------------------------------------*/
body{
	color: #565656;
	font-family:"ƒqƒ‰ƒMƒmŠpƒS Pro W3", "Hiragino Kaku Gothic Pro", "ƒƒCƒŠƒI", Meiryo, Osaka, "‚l‚r ‚oƒSƒVƒbƒN", "MS PGothic", sans-serif;
	-webkit-text-size-adjust: none;
	font-size: 15px;
	line-height:1.5em;
	width:100%;
	height:100%;
	position:relative;
 	background:#FFF; 
}
html,body{
	height:100%;
}
a{
	color:#000;
	outline:none;
	cursor:pointer;
	text-decoration:none;
}
a:hover img{
	opacity:0.8;
	filter:alpha(opacity=80);
	-ms-filter: galpha( opacity=80 )h;
}

/*  Header styles */
h1,h2,h3,h4,h5,h6{
	line-height:1.2em;
	color:#565656;
	font-family:"ƒqƒ‰ƒMƒmŠpƒS Pro W3", "Hiragino Kaku Gothic Pro", "ƒƒCƒŠƒI", Meiryo, Osaka, "‚l‚r ‚oƒSƒVƒbƒN", "MS PGothic", sans-serif;
	font-weight:900;
}
h1{	font-size:26px; }
h2{	font-size:24px;	}
h3{	font-size:20px;	} 
h4{	font-size:18px; }  
h5{	font-size:16px;	}
h6{	font-size:14px;	}
h1 span,h2 span,h3 span ,h4 span,h5 span,h6 span{ 
	font-weight:500; font-size:80%; padding-left:10px;}
hr {
	border: 0;
	border-bottom: 1px solid #b7b7b7;
	border-top: 1px solid #b7b7b7;
	display: block;
	float: left;
	height: 3px;
	margin: 40px 0;
	width: 100%;
}
blockquote{
	font-family: 'HGŠÛºÞ¼¯¸M-PRO','ƒqƒ‰ƒMƒmŠpƒS Pro W3','Hiragino Kaku Gothic Pro', Osaka,‚l‚r ‚oƒSƒVƒbƒN, sans-serif; 
	font-weight:400;
	font-style:italic;
	}
.title{	padding:10px; }
.pd10{	padding:10px;	}
.pd20{	padding:20px;	}
.pd30{	padding:30px;	}
.pd40{	padding:40px;	}
.pt5 {	padding-top:5px;	}
.pt10{	padding-top:10px;	}
.pt20{	padding-top:20px;	}
.pt30{	padding-top:30px;	}
.pt40{	padding-top:40px;	}
.pb5{	padding-bottom:5px;	}
.pb10{	padding-bottom:10px;	}
.pb20{	padding-bottom:20px;	}
.pb30{	padding-bottom:30px;	}
.pb40{	padding-bottom:40px;	}
.pl10{	padding-left:10px;	}
.pl20{	padding-left:20px;	}
.pl30{	padding-left:30px;	}
.pl40{	padding-left:40px;	}
.pr10{	padding-right:10px;	}
.pr20{	padding-right:20px;	}
.pr30{	padding-right:30px;	}
.pr40{	padding-right:40px;	}
.mg10{	margin:10px;	}
.mg20{	margin:20px;	}
.mg30{	margin:30px;	}
.mg40{	margin:40px;	}
.mt0 {	margin-top:-15px;	}
.mt1 {	margin-top:-10px;	}
.mt5 {	margin-top:5px;		}
.mt10{	margin-top:10px;	}
.mt20{	margin-top:20px;	}
.mt30{	margin-top:30px;	}
.mt40{	margin-top:40px;	}
.mb10{	margin-bottom:10px;	}
.mb20{	margin-bottom:20px;	}
.mb30{	margin-bottom:30px;	}
.mb40{	margin-bottom:40px;	}
.ml0 {	margin-left:-10px;	}
.ml10{	margin-left:10px;	}
.ml20{	margin-left:20px;	}
.ml30{	margin-left:30px;	}
.ml40{	margin-left:40px;	}
.mr0 {	margin-right:-30px;	}
.mr10{	margin-right:10px;	}
.mr20{	margin-right:20px;	}
.mr30{	margin-right:30px;	}
.mr40{	margin-right:40px;	}
.h100{  height:100px;		}
.h200{  height:200px;		}
.h300{  height:300px;		}
.h400{  height:400px;		}
.h800{  height:800px;		}
.w100{  width:100px;	}
.w150{  width:150px;	}
.w200{  width:200px;	}
.w250{  width:250px;	}
.w300{  width:300px;	}
.w350{  width:350px;	}
.w400{  width:400px;	}
.w500{  width:500px;	}
.w600{  width:600px;	}
.alignright		{	text-align:right;	}
.aligncenter	{	text-align:center;	}
.alignmiddle *	{	vertical-align:middle;	}
.alignleft		{	text-align:left;	}
.fl  {  float:left;		}
.fr  {  float:right;	}
.fn  {  float:none;		}
.dn  {  display:none;	}
.ihr {  display:none;	}
.dit {  display:block;	}
.bd  {  border:1px solid #FFF;}
.fc1  {  color:#f78f14;}
.fc2  {  color:#959595;}
.ft12 {	font-size:12px; line-height: 1.3em;	}
.ft14 {	font-size:14px;	}
.ft16 {	font-size:16px;	}
.ft18 {	font-size:18px;	}
.ft20 {	font-size:20px;	}
.lh20  { line-height:2em;}
.lh5  { line-height:1.5em;}
.rl{ 	writing-mode: tb-rl;font-size:18px;}
/*--------------------------------------
              BACKGROUND
--------------------------------------*/
.bg{
	margin:0 auto;
	position:relative;
	width:1000px;
	height: 100%;
	background:url(../images/bgbar_white.png)repeat-y fixed top center;
	opacity:0.3;
	filter:alpha(opacity=30);
	-ms-filter: galpha( opacity=30)h;
}

/*--------------------------------------
              BACK TO TOP
--------------------------------------*/
#backtop {
	position: fixed;
	margin-left:20px;
	bottom: 50px;
	z-index: 1000;
}
#backtop span {
	width: 70px;
	height: 70px;
	display: block;
	background: url(../images/icon.png) center no-repeat rgba(255,255,255,0.2);
	-webkit-border-radius:40px;
    -moz-border-radius:40px;
    border-radius:40px;
}
#backtop a:hover span {
	background:url(../images/icon.png) center no-repeat rgba(255,255,255,0.3);
	-webkit-border-radius:40px;
    -moz-border-radius:40px;
    border-radius:40px;

}
/*--------------------------------------
              HEADER
--------------------------------------*/
nav{
	z-index:9999;
	width:980px;
	margin:10px 10px; 
	display:inline-block;
}
/*--------------------------------------
              LOGO
--------------------------------------*/
header{
	width:980px;
	padding: 5px;
	padding-bottom:20px;
	margin:0px auto; 

}
/*--------------------------------------
             MAP
--------------------------------------*/
.map{
	padding:30px 40px 0 0;
	text-align: right;
}
/*--------------------------------------
              CONTENTS
--------------------------------------*/
.navi_c ul{}
.navi_c li{float:left; font-size:16px; padding-top:5px;}
.b_bgline_top{
	background:URL(../images/b_bgline1.png);
	width:560px;
	height:30px;
	padding:15px 20px 5px;
}
.b_bgline_middle{
	background:URL(../images/bg6.png) 50% center no-repeat ;
	width:530px;
	height:210px;
	padding:20px 35px 5px;
	writing-mode: tb-rl;

}
.b_bgline_bottom{
	background:URL(../images/b_bgline3.png);
	width:600px;
	height:10px;
}
.table_c1{
	position: relative; 
	width:550px;
	height:340px;
	margin-left:10px;
	float:left;
}
.table_c1 .inner{
	background:URL(../images/bg6.png) 50% center no-repeat ;
	padding:20px;
}

.album{
	min-height:130px;
	width:850px;
	margin:5px 30px;
	padding:20px;
	display:inline-block; 
	background:#CCC;
}
.album ul{}
.album li{
	float:left; 
	margin:5px;
	border:solid 5px #fff;
	background:#fff;
	font-size:12px;
	line-height:1.2em;
	color:#000;
	text-align:center;
	height:160px;
	
}
.album li img{padding-bottom:5px;}

.album li a{
}

.table_new{
	border:2px solid #000;
	width:900px;
	margin:0 auto;
	padding:20px;
}

.table_d{
	position: relative; width: 920px; margin: 0 auto; 
	border:1px solid #000;
	height:800px;
	padding:20px;
	background:URL(../images/bg4.png) bottom right no-repeat;

}
.table_d1{
	display:inline-block; 

}

.table_d2{
	position: relative; width: 260px; margin: 0 auto; 
	padding:20px;
	float:left;
}
.table_e{
	border:1px solid #000;
	background:URL(../images/bg4.png) bottom right no-repeat;
	width:920px;
	height:300px;
	padding:20px;
}
.table_e1{
	position: relative; width: 350px; margin: 0 auto; 
	float:left;
	padding-left:10px;
	}

.table_e2{
	position: relative; width: 190px; margin: 0 auto; 
	padding:40px 20px 0px;
	float:left;
}
.table_e3{
	position: relative; width: 290px; margin: 0 auto; 
	padding:40px 20px 0px;
	float:left;
}

.table_f{
	border:1px solid #000;
	width:920px;
	height:300px;
	padding:20px;
}
.table_g{
	border:1px solid #000;
	width:920px;
	height:350px;
	padding:20px;
}

.title_d{
	background:URL(../images/bg_bar.png) no-repeat;
	width:200px;
	height:50px;
	padding:10px 50px;
}
.bd_d{	
	border:1px solid #000;
	padding:10px;

}

.address_text{
	line-height:1.2em;
	padding:25px 0px 0 5px ;
	float:left;
}

/*--------------------------------------
              SLIDER
--------------------------------------*/
.slider{
	float:right; 
	width:760px;
	height:345px;
	margin-top:5px;
	margin-right:5px;
	}
.slider2{
	min-height:120px;
	width:850px;
	margin:5px 20px;
	padding:10px 10px 5px 10px ;
	display:inline-block; 
	background:#CCC;
	font-size: 12px;
	line-height:1.2;
	text-align:center;
	}
.slider2 span{ margin-top:5px;}
.slider3{display:none;}

.banner{
	float:left;
	width:200px; 
	height:345px;
	margin-left:5px;
	}
section#content{
	position:relative;
	padding-bottom:20px;
	height:100%;
}
/*--------------------------------------
              TEXT BOX
--------------------------------------*/
.btn {
	font-size:16px;
	font-family:Arial;
	font-weight:normal;
	-moz-border-radius:8px;
	-webkit-border-radius:8px;
	border-radius:8px;
	border:1px solid #eeb44f;
	padding:9px 18px;
	text-decoration:none;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(5%, #ffc477), color-stop(100%, #fb9e25) );
	background:-moz-linear-gradient( center top, #ffc477 5%, #fb9e25 100% );
	background:-ms-linear-gradient( top, #ffc477 5%, #fb9e25 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffc477', endColorstr='#fb9e25');
	background-color:#ffc477;
	color:#ffffff;
	display:inline-block;
	text-shadow:1px 1px 0px #cc9f52;
 	-webkit-box-shadow:inset 1px 1px 0px 0px #fce2c1;
 	-moz-box-shadow:inset 1px 1px 0px 0px #fce2c1;
 	box-shadow:inset 1px 1px 0px 0px #fce2c1;
 	margin-bottom:2px;
}
.btn:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(5%, #fb9e25), color-stop(100%, #ffc477) );
	background:-moz-linear-gradient( center top, #fb9e25 5%, #ffc477 100% );
	background:-ms-linear-gradient( top, #fb9e25 5%, #ffc477 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fb9e25', endColorstr='#ffc477');
	background-color:#fb9e25;
}
.btn:active {
	position:relative;
	top:1px;
}
/*--------------------------------------
              CONTACT
--------------------------------------*/
#contact-form{
 margin:20px 5px;

}
/*  Buttons */
.button{  
	display:inline-block; 
	background:url(../images/button.jpg) 0 -26px repeat-x #ccc; 
	font:12px/18px Arial, Helvetica, sans-serif;  
	padding:4px 0px 4px 8px; 
	border-radius:2px; 
	-moz-border-radius:2px; 
	-webkit-border-radius:2px; 
	box-shadow:1px 2px 2px rgba(0,0,0,0.5); 
	margin:0 1px 3px 0;color:#161519;
}
	.button span{ 
		display:inline-block; 
		background:url(../images/button-arrow.png) 0 -11px no-repeat; 
		width:13px;
		height:11px; 
		margin:5px 0 0 9px;
	}
	.button:hover{
		background:url(../images/button.jpg) 0 0 repeat-x; 
		text-decoration:none; 
		color:#fff;
	}
		.button:hover span{
			background:url(../images/button-arrow.png) 0 0 no-repeat;
		}

/*--------------------------------------
              FOOTER#192f60
--------------------------------------*/
footer{
 	background:#ccc; 
	width:100%;
	height: 100px;
	margin:0 auto;
}
.copyright{
	padding:10px;
	text-align:center; 
	color:#000;

}


@media only screen and (max-width: 479px) {
body{ 
	min-width:320px;
}
.wrapbg{
}
.bg{
	background: #FFF;
	width:320px;
	margin:0 auto;
}
section#content{
	background: #FFF;
	width:300px;
	padding:0px;
}

nav, nav select {
	margin:0px;
	width:300px;
}
.banner{
	width:300px;
	margin:10px;
	text-align:center;
}

header{
	width:300px;
	padding:0px;
}
.slider{display:none;}
.slider2{display:none;}
.slider3{width:300px;
	min-height:120px;
	margin:5px;
	padding:0px 2px ;
	display:inline-block; 
	background:#CCC;
	font-size: 12px;
	line-height:1.2;
	text-align:center;
}
.bx-wrapper .bx-prev {
	left: 0px;
	background: url(images/controls.png) no-repeat 0 -32px;
}

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


#contact-form input, #contact-form textarea{
	width: 250px;}
footer{
	margin:0 auto;
	width:320px;
}
.map{
	padding:30px 0;
	width:250px;
	margin:0 auto;
}
.map iframe{ width:300px; height:329px;}

.w150	{ width: 280px;	display: inline-table; margin:0 auto; }
.w200	{ width: 280px;	display: inline-table; margin:0 auto; }
.w250	{ width: 280px;	display: inline-table; margin:0 auto; }
.w300	{ width: 280px;	display: inline-table; margin:0 auto; }
.w350	{ width: 280px;	display: inline-table; margin:0 auto; }
.w400	{ width: 280px; display: inline-table; margin:0 auto; }
.w500	{ width: 280px; display: inline-table; margin:0 auto; }
.w600	{ width: 280px; display: inline-table; margin:0 auto; }
img{padding: 10px 0;}
.inone	{ display: none; }
.ic{text-align:center;}
.fr,.fl{float:none;}
.ifr{float:right;}
.ifl{float:left;}
.iac { text-align:center;}
.iar { text-align:right;}
.ial { text-align:left;}
.ipt10	{ padding-top: 10px;}
.ipt20	{ padding-top: 20px;}
.ipb20	{ padding-bottom: 20px;}
.imt10	{ margin-top: 10px;}
.imt0	{ margin-top: -40px;}
.ipd10{ padding:10px;}
.iml150{padding-left:150px;}
.imr20{padding-right:20px;}
.pd5{ padding: 0px;}
.pd10,.pd20,.pd30,.pd40{ padding-top: 0px; padding-bottom:0px;padding-right:0px;padding-left:0px;}
.pt10,.pt20,.pt30,.pt40{ padding-top: 0px;}
.pl10,.pl20,.pl30,.pl40{ padding-left:0px;}
.pr10,.pr20,.pr30,.pr40{ padding-right:0px;}
.mt10,.mt20,.mt30,.mt40{ margin-top: 0px;}
.mr10,.mr20,.mr30,.mr40{ margin-right: 0px;}
.ml10,.ml20,.ml30,.ml40{ margin-left: 0px;}
.mt1,.mb0,.mr0,.ml0{ margin: 0px;}
.ft16{font-size:14px;}
.lh5{line-height:1.2em;}
.lh20{line-height:1.5em;}
.ift18	{ font-size:18px; }
.alignright		{	text-align:center;	}
.aligncenter	{	text-align:center;	}
.alignmiddle *	{	vertical-align:middle;	}
.alignleft		{	text-align:center;	}
.table_g,.table_f,.table_e,.table_d,.table_c
{width:300px;	margin:20px 10px;	padding:0;
border:none; background:none;display:inline-table;}

.album{width:200px;border:none; background:none;display:inline-table;}
.album li img{padding:0px;}
.album ul {margin-left:30px;}

.table_new,.table_c1,.table_c2,
.table_d1,.table_d2,.table_e2,
.table_f1,.table_f2,
.table_g1,.table_g2,.album
{width:300px;	margin:20px 0px;	padding:0 10px;
border:none; background:none;display:inline-table;}

.table_e1{width:320px;	margin:20px 0px;	padding:0px;
border:none; background:none;display:inline-table;}

.table_d2{ width:200px;	margin:20px 30px;	padding:0px;
border:none; background:none;display:inline-table;}

.b_bgline_top,.b_bgline_middle,.b_bgline_bottom{
background:none; width:300px; padding:10px 0px;margin:10px;}

}
