/* Getting the new tags to behave */
article, aside, audio, canvas, command, datalist, details, embed, figcaption, figure, footer, header, hgroup, keygen, meter, nav, output, progress, section, source, video {display:block;}
mark, rp, rt, ruby, summary, time {display:inline;}

/* Global properties ======================================================== */
html, body {width:100%; padding:0; margin:0;}

body {
	font-family: 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;;
	font-size:12px;
	line-height:24px;
	color:#333;
	background:#ffffff;
}

/** MAIN MENU **/
.menu{
	font-family: 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', sans-serif;
	;
	font-size:12px;
	line-height:20px;
	color:			#333;
	padding-right: 8px;
	padding-left: 10px;
	border-left-width: 5px;
	border-left-style: solid;
	border-left-color: #CCC;
}
.menu_c{
	font-family: 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', sans-serif;
	;
	font-size:12px;
	line-height:20px;
	color:			#f8ce4c;
	padding-right: 10px;
	padding-left: 12px;
	border-left-width: 5px;
	border-left-style: solid;
	border-left-color: #f8ce4c;
}



.current {
	color:	#f8ce4c;
}
/***********************************************************************/
a {
	text-decoration:none;
	cursor:pointer;
	color:#333;
}
a:hover {
	text-decoration:none;
	color:#f8ce4c;
}
a:active {
	text-decoration:none;
	color:#f8ce4c;
}
.container_w {
	text-align: center;
	width: 100%;
	}
.container_y {
	text-align: center;
	background-color: #f8ce4c;
	width: 100%;
	}
.container_g {
	text-align: center;
	background-color: #333;
	width: 100%;
	margin-bottom: 20px;
	height: 400px;
	}
.container_y2 {
	text-align: center;
	background-color: #f8ce4c;
	width: 100%;
	margin-bottom: 20px;
	}
.footer {
	font-family: Arial, Helvetica, sans-serif;
	width: 1000px;
	text-align: center;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	padding-left: 0px;
	vertical-align: bottom;
	font-size:10px;
	line-height:20px;
	color:#fff;
	vertical-align: bottom;
	padding-top: 5px;
	padding-right: 0px;
	background-color: #f8ce4c;
	height: 25px;
	}
	.footer2 {
	font-family: Arial, Helvetica, sans-serif;
	width: 1000px;
	text-align: center;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	padding-left: 0px;
	vertical-align: bottom;
	font-size:10px;
	line-height:20px;
	color:#fff;
	vertical-align: bottom;
	padding-top: 5px;
	padding-right: 0px;
	height: 25px;
	}

.menubox {
	text-align: center;
	width: 600px;
	text-align: left;
	margin-top: 86px;
	white-space: normal;
	display: inline;
	position: absolute;
	margin-left: 30px;
}
.header {
	text-align: center;
	width: 1000px;
	padding-top: 50px;
	padding-bottom: 20px;
	text-align: left;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	padding-right: 0px;
	padding-left: 0px;
	vertical-align: bottom;
	background-color: #FFF;
	}
.main {
	text-align:left;
	width: 840px;
	padding-top: 0px;
	padding-bottom: 0px;
	text-align: center;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	padding-right: 0px;
	padding-left: 0px;
	background-color: #333;
}
.main1 {
	text-align:left;
	width: 980px;
	padding-top: 10px;
	padding-bottom: 20px;
	text-align: center;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	padding-right: 0px;
	padding-left: 20px;
}

.main2 {
	text-align:left;
	width: 680px;
	padding-top: 0px;
	padding-bottom: 0px;
	text-align: center;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	padding-right: 0px;
	padding-left: 320px;
	border-top-width: 0px;
	border-bottom-width: 0px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #333;
	border-right-color: #333;
	border-bottom-color: #333;
	border-left-color: #333;
	background-color: #fff;
	position: relative;
}

.yuzu {
	background-repeat: no-repeat;
	background-position: left top;
	background-image: url(../images/yuzu_side.jpg);
	text-align:left;
	padding-top: 20px;
	padding-bottom: 40px;
	padding-left: 320px;
	width: 640px;
	padding-right: 40px;
}
.h10 {
	height:10px;
}
.h30 {
	height:30px;
	position: relative;
}

.blue_box {
	font-family: 'EB Garamond', serif;
	font-size: 14px;
	line-height: normal;
	color: #FFF;
	background-color: #f8ce4c;
	height: 26px;
	width: 844px;
	padding-top: 10px;
	padding-right: 20px;
	padding-bottom: 0px;
	padding-left: 20px;
	display: block;
	margin-bottom: 20px;
	text-align: left;
	vertical-align: middle;
	font-style: normal;
}

h2 {font-family: 'Great Vibes', cursive; font-size:30px; line-height:36px; color:#000;margin:24px 0 14px; font-weight:400;	background-color: #CCC;
	padding: 0px;
	margin-top: 0px;
	margin-right: 20px;
	margin-bottom: 20px;
	margin-left: 0px;
	border: 1px solid #999;
}

ul {
	margin:0;
	padding:0;
	list-style-image:none;
	list-style-position: outside;
	list-style-type: square;
}
/******************************************************************/
.clear {clear:both; line-height:0; font-size:0; width:100%;}
.wrapper {width:100%; overflow:hidden; position:relative}
.wrap {overflow:hidden; position:relative}
.extra-wrap {overflow:hidden;}
.fleft {float:left !important;}
.fright {float:right !important;}
.center {text-align:center !important}
.italic {font-style:italic}
.tright {text-align:right}
.line-height {line-height:16px !important;}


.color-2 {text-decoration:underline;}
a.color-2:hover {text-decoration:none;}

.hr {height:2px; background:#f3f1ec; }

.border-1 {border:5px solid #e6d9c6}

/*********************************header*************************************/
h1 {margin:26px 0 26px 256px;}
h1 a {}
/***********************************nav*************************************/
nav {position:relative; z-index:101;background:url(../images/menu.png) repeat-x left top;padding-left:135px; margin-top:5px}
nav:before {content:'';background:url(../images/m-right.png) no-repeat left top; width:48px; height:56px; position:absolute; right:-48px;top:0px}
nav:after {content:'';background:url(../images/m-left.png) no-repeat left top; width:48px; height:56px; position:absolute; left:-48px; top:0px}
.head-content {position:relative; z-index:4; margin:0 auto; min-height:120px; background:url(../images/head.png) repeat #39454a}



/***********************aside************************/
aside {}

.link-img {
	display:inline-block;
	position:relative;
	text-decoration:none;
	cursor:pointer;
	height:158px;
	width:158px;
	overflow:hidden;
	border: 1px solid #f8ce4c;
	z-index:1;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 18px;
	margin-bottom: 20px;
	}
.label.link-img {
	overflow:hidden;
	float:left;
	font-family: 'EB Garamond', serif;
	font-size: 14px;
	line-height: 16px;
	text-align: center;
	vertical-align: middle;
	}

.text-box-img {
	display:inline-block;
	position:absolute;
	height:158px;
	width:158px;
	left:0px;
	border: 1px solid #f8ce4c;
	bottom:-500px;
	background: #f8ce4c;
	z-index:2;
	}
	
.text-box-padding1 {
	font-size: 11px;
	line-height: 18px;
	font-family: Arial, Helvetica, sans-serif;
	color:#FFF;
	position:relative;
	overflow:hidden;
	padding-top:52px;
	text-align: center;
	display: block;
	}
.text-box-padding2 {
	font-size: 11px;
	line-height: 18px;
	font-family: Arial, Helvetica, sans-serif;
	color:#FFF;
	position:relative;
	overflow:hidden;
	padding-top:43px;
	text-align: center;
	display: block;
	}
.img-text {
	font-family: 'EB Garamond', serif;
	font-size: 16px;
	line-height: 18px;
	}
.p1 {margin-right:0;}
.p2 {margin-bottom:15px;}
.p3 {margin-bottom:30px;}
.p4 {margin-bottom:40px;}
.p5 {margin-bottom:50px;}

.1line {padding-top:70px;}
.2line {padding-top:61px;}
.3line {padding-top:52px;}
.4line {padding-top:43px;}


/*****************gallery***********************************************/
.main_g {
	width:960px;
	padding:0px;
	margin:0;
	color:#fff;
	position:relative;
}
.thumb {
	position:relative;
	text-decoration:none;
	cursor:pointer;
	height:80px;
	width:80px;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 14px;
	margin-bottom: 14px;
	border: 1px solid #FFF;
}

#content_blockg{ padding-top:0px; padding-bottom:0px;}


/************************************************************************
-) Slider: only the following lines are necceassary for slider styling,
   rest of the css file styles the demo page
*************************************************************************/
.aviaslider{ 
height:400px; 	/*this changes the height of the image slider*/
width:840px;
overflow: hidden;
position: relative;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}


	
.aviaslider li, .aviaslider .featured{
display: block;
width:100%;
height:100%;
position: absolute;
top:0;
left:0;
z-index: 1;
}

.js_active .aviaslider li, .js_active .aviaslider .featured{
display:none;
}

.aviaslider img, .aviaslider a img, .aviaslider a{
border:none;
text-decoration: none;
}
.head1 {
	font-size:14px;
	color:#333;
	width: 600px;
	line-height:26px;
	padding-left:30px;
	background-image: url(../images/list1.jpg);
	background-repeat: no-repeat;
	background-position: left 0px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #f8ce4c;
}
.list1 {
	font-size:12px;
	color:#333;
	width: 600px;
	line-height:24px;
	padding-left:30px;
	background-position: left 0px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #f8ce4c;
}

/*-------------------------- GOOGLE MAP --------------*/
.g_map {
	float: left;
	margin: 0;
	padding-top: 15px;
	padding-bottom: 15px;
	width: 100%;
	margin-right: 0px;
}
.g_map > iframe {
	padding: 0;
	width: 450px;
	height: 450px;
	outline: none;
	border: 10px solid #666;
}
/*-------------------------- start Contact form --------------*/
dl {margin:0px 0px 0 0px; }
dl dd span { display:block; width:20px; float:left;}
#form { margin:0px 0 0px 0px; width:500px; }
#form input {
    outline: medium none;
	font-family: 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif; 
	font-size:12px; 
	color:#333;
	line-height:24px; 
	height:24px; 
	padding:10px 10px 6px;
	width:500px; 
	background:#FFF;
	border:1px solid #999;
	float:left;
	}
#form textarea {
    outline: medium none;
    overflow: auto;
	font-family: 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif; 
	font-size:12px; 
	color:#333;
	height:154px; 
	padding:5px 10px 5px;
	width:500px; 
	background:#FFF;
	border:1px solid #999;
	resize:none;
	float:left;
	margin-bottom:10px;
	}
#form label {
	position:relative;
	overflow:hidden;
	display: block;
	min-height:24px;
}

#form .error, #form .empty {
    color: #FF0000;
    display: none;
    font-size: 10px;
	line-height:10px;
	width:300px;
	float:left;
	margin-top:0px;
}
#form .error-empty {
	margin: 0px 0px 10px 5px !important; 
	display:none;
	float:left;
	}
#form .success {
	position: absolute;
	z-index: 1;
	width: 480px;
	border: 1px dashed #f8ce4c;
	opacity: 0.9;
	text-align: center;
	vertical-align: middle;
	display: block;
	padding: 20px;
	background-color: #FFF;
}

#form .success .success_txt {
  position: relative;
  top: 40%;
  color: #333;
  text-align: center;
}
.btns {
	float: left;
	margin-top: -8px;
}
.btns > a {
  margin-left: 7px;
}

/*-------------------------- end Contact form --------------*/
.row {
  margin-left: -20px;
  *zoom: 1;
}
.row:before,
.row:after {
  display: table;
  content: "";
  line-height: 0;
}
.row:after {
  clear: both;
}
[class*="span"] {
  float: left;
  min-height: 1px;
  margin-left: 20px;
}
.span9 {
  width: 600px;
  background: #f8ce4c;
}
.list2 {
	font-size: 12px;
	line-height: 20px;
	text-align: justify;
	text-indent: 0px;
	list-style-type: decimal;
	list-style-position: outside;
	white-space: normal;
	margin-left: 46px;
	margin-bottom: 9px;
}