/* default */
/* ----------------------- Browser Default Initialization */

html {
	/*overflow-y: scroll;*/
}
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td	{
	margin: 0;	padding: 0;
}
address, caption, cite, code, dfn, em, strong, th, var	{
	font-style: normal;
}
table	{
	border-collapse: collapse;	border-spacing: 0;
}
caption, th	{
	text-align: left;
}
q:before ,q:after {
	content: '';
}
object, embed	{
	vertical-align: top;
}
hr, legend	{
	display: none;
}
h1, h2, h3, h4, h5, h6	{
	font-size: 100%;
}
img, abbr, acronym, fieldset	{
	border: 0;
	vertical-align: bottom;
}
li	{
	list-style-type: none;
}


.mb10 {margin-bottom:10px !important;}
.mb15 {margin-bottom:15px !important;}
.mb20 {margin-bottom:20px !important;}



/* common */
html {
	height: 100%;
}

body {
	/*font-family: verdana,"ƒqƒ‰ƒMƒmŠpƒS Pro W3","Hiragino Kaku Gothic Pro",Osaka,"‚l‚r ‚oƒSƒVƒbƒN","MS PGothic",Sans-Serif;*/
	font-family: "ƒ�ƒCƒŠƒI", Meiryo, "ƒqƒ‰ƒMƒm–¾’© ProN W6", "HiraMinProN-W6", "HG–¾’©E", "‚l‚r ‚o–¾’©", "MS PMincho", "MS –¾’©", serif;
	color: #999;
	background: #fff;
	-webkit-text-size-adjust: 100%;
	-moz-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
	-o-text-size-adjust: 100%;
	text-size-adjust: 100%;
	font-size: 62.5%;
	line-height: 1.5;
	height: 100%;
	margin: 0;
	/*background:#696564;*/
	color:#555;
}

#home {
	background:url(../img/back_tate4.jpg) repeat 0 0;
}
.home-in {
	height: 100%;
	background: linear-gradient(right, #000000,
		rgba(0,0,0,0.3) 20%,
		rgba(225,225,225,0.5));
	background: -moz-linear-gradient(right, #000000,
		rgba(0,0,0,0.3) 20%,
		rgba(225,225,225,0));
	background: -webkit-gradient(linear, right top, left bottom, from(#000000),  
	            color-stop(0.2, rgba(0,0,0,0.3)),
	            to(rgba(225,225,225,0)));
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=1,startColorstr='#00000000', endColorstr='#80000000');

}

body > #container {
	height: auto;
}

img {
	max-width: 100%;
	height: auto;
}

a {
	text-decoration: none;
}

/* background_img */
img.bg {
	min-height: 100%;
	min-width: 1024px;
	width: 100%;
	height: auto;
	position: fixed;
	top: 0;
	left: 0;
}

@media all and (max-width: 1024px){
	img.bg {
	left: 50%;
	margin-left: -512px; }
}

/* container */
#container {
	position: relative;
	width: 100%;
	margin: 0 auto;
	overflow: hidden;
	
	min-width: 800px;
}


/* header */
#header {
	max-width: 100%;
	text-align: center;
	padding: 10px 0;
	margin-bottom: 20px;
}

#header h1 {
	margin: 20px 0 50px;
	/*position:relative;*/
}

#header h1 img.logo_icon {
	border-radius: 10px;
	box-shadow: 0 0 10px rgba(0,0,0,0.8);
	margin-bottom: 5px;
}


/*
#hd {
	margin: 20px 0 50px;
	position:relative;
	z-index:5;
}

#hd a img {
	border-radius: 10px;
	box-shadow: 0 0 10px rgba(0,0,0,0.8);
}
*/
#headerNav {
}

#headerNav ul {
	list-style: inside none;
	width: 570px;
	padding: 0;
	margin: 0 auto;
	overflow: hidden;
}

#headerNav ul li {
	float: left;
	width: 110px;
	text-align: center;
	margin-right: 5px;
	font-size: 1.4em;
	font-weight: bold;
	/*padding: 3px 0;*/
	/*border-radius: 2px;*/
	/*text-shadow: 0 1px 0 #fff;*/
}

#headerNav ul li:last-child {
	margin-right: 0;
}

#headerNav ul li:hover {
	background: #fff;
	/*background: #b80e3b;*/
	filter:alpha(opacity=80);
    -moz-opacity: 0.8;
	opacity: 0.8;
}

#headerNav ul li a {
	color: #6E362A;
	color: #fff;
	display: block;
	letter-spacing:1px;
	text-shadow: 0 0 3px #000;
	padding: 3px 0;
}
#headerNav ul li a:hover {
  color: #666;
  text-shadow: none;
}

#header_bg {
	min-width: 570px;
	min-height: 250px;
	max-width: 100%;
	/*heigth: auto;
	vertical-align:bottom;*/
	overflow: hidden;
	position: relative;
	margin-bottom: 40px;
}

#header_bg > img {
	width: 100%;
	margin-top: -400px;
	margin-bottom: -400px;
}

#header_bg #header {
	width: 100%;
	text-align: center;
	position: absolute;
	top: 0;
}

.home-header {
	overflow: visible !important;
	min-height: 330px !important;
}

/* main */
#main {
	max-width: 900px;
	margin: 0 auto;
	padding: 0 10px;
	overflow: hidden;
	text-align: left;
}

.hellow {
	font-size: 1.6em;
	font-weight: bold;
	color: #fff;
	text-align: center;
	margin: 40px 0;
	/*text-shadow: 0 1px 0 #fff;*/
}

.hellow p {
	letter-spacing:2px;
	/*text-shadow: 3px 0 3px #000;*/
	padding:5px 0;
	text-shadow: 0 1px 0 #000;
	font-family: "ƒqƒ‰ƒMƒm–¾’© ProN W6", "HiraMinProN-W6", "HG–¾’©E", "‚l‚r ‚o–¾’©", "MS PMincho", "MS –¾’©", serif;
}

/* footer */
#footer {
	width: 100%;
	margin: 0 auto;
	font-size: 1.2em;
	/*color: #696969;*/
	color: #ccc;
	text-align: center;
	/*border-top: 1px solid #ccc;*/
	padding: 10px 0 30px;
	/*position: fixed;
	bottom: 3px;*/
}

#footer.home-f {
	position: fixed;
	z-index:5;
	bottom:0;
}

/* page_top */
#back_to_top {
	position: fixed;
	right: 10px;
	bottom: 10px;
	filter:alpha(opacity=60);
    -moz-opacity: 0.6;
	opacity: 0.6;
}

#back_to_top > a {
	width: 50px;
	height: 50px;
	line-height: 50px;
	border-radius: 25px;
	/*margin:0px 15px 0px 15px;*/
	background: #b80e3b;
	font-size: 2em;
	font-weight: bold;
	color: #eee;
	text-align: center;
	display: block;
}

h2 {
	font-size: 2.8em;
	font-weight: bold;
	text-align: center;
	/*border: 1px solid #696969;
	padding: 3px 0 3px 10px;*/
	padding: 3px 0;
}

h3 {
	font-weight: bold;
	font-size: 1.8em;
	/*border-bottom: 1px solid #ccc;
	border-left: 5px groove #ccc;
	padding: 3px 0 3px 10px;*/
	padding: 3px 0;
}

h4 {
	font-size: 1.6em;
	padding: 3px 0;
}

h2,h3,h4,#headerNav {
	font-family: "ƒqƒ‰ƒMƒm–¾’© ProN W6", "HiraMinProN-W6", "HG–¾’©E", "‚l‚r ‚o–¾’©", "MS PMincho", "MS –¾’©", serif;
}
h2,h3,h4 {
	color: #9B8E7E;
}

.topicpath {
	text-align: right;
	width: 100%;
	margin-bottom: 30px;
}

.topicpath li {
	display: inline;
	font-size: 1.2em;
	color: #696969;
}

.topicpath li a {
	color: #696969;
}

table {
	width:100%;
	/*margin-bottom:5.2%;*/
}
table th {
	font-size:1.4em;
	border:1px solid #ccc;
	background:#f3f3f3;
	color:#696969;
	width:20%;
	text-align:center;
	vertical-align:middle;
	line-height:1.3;
	padding:10px;
}
table td {
	/*font-size:1.2em;*/
	border:1px solid #ccc;
	width:70%;
	text-align:left;
	vertical-align:middle;
	font-size:1.4em;
	padding:10px;
	line-height:1.3;
	color:#696969;
}

.marker_ougi {
	width: 0;
	height: 0;
	border: 16px solid transparent;
	border-top: 16px solid #b80e3b;
	border-radius: 100%;
}

.lead {
	font-size: 1.4em;
	padding: 3px 0;
}

.sec_h2 {
	overflow: hidden;
	margin-bottom: 50px;
}

.sec_h2 h2 {
	margin-bottom: 50px;
}

.sec_h3 {
	overflow: hidden;
	margin-bottom: 80px;
}

.sec_h3 h3 {
	margin-bottom: 10px;
}

.sec_h4 h4 {
	text-align: center;
}

.img_txt {
	font-size: 1.2em;
	text-align: center;
	padding-top: 3px;
}

.img_waku {
	border: 1px solid #ccc;
}




/* tatenishiki */
.sec_tate_1 {
}

.sec_tate_1 > img {
	float: right;
	width: 300px;
	margin-left: 20px;
	margin-bottom: 20px;
}

.sec_tate_1_img1 {
	float: left;
	width: 152px;
	margin-right: 20px;
}
		
.kanae_tate_bg {
	padding: 0;
	background: url('../img/kanae_tate_bg.png') top right repeat;
	position: relative;
	margin-bottom: 50px;
	height: 200px;
}

.kanae_tate_bg .bg_top {
	position: absolute;
	top: 0;
	left: 0;
	width: 65%;
	height: 100%;
	background: linear-gradient(left, #0E0B29,
		#0E0B29 50%,
		rgba(225,225,225,0.5));
	background: -moz-linear-gradient(left, #0E0B29,
		#0E0B29 50%,
		rgba(225,225,225,0));
	background: -webkit-gradient(linear, left top, right top, from(#0E0B29),
		color-stop(0.5, #0E0B29),
		to(rgba(225,225,225,0)));
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=1,startColorstr='#FF0E0B29', endColorstr='#110E0B29');
}

.kanae_tate_bg .bg_top .bg_in{
	padding: 20px 0 0 30px;
}

.kanae_tate_bg .bg_top .bg_in h2 {
	color: #EBC588;
	color: #9B8E7E;
	font-weight: normal;
	text-align: left;
	margin-bottom: 10px;
}

.kanae_tate_bg .bg_top .bg_in p {
	color: #9B8E7E;
	color: #ccc;
	font-size: 1.3em;
	/*text-shadow: 0 1px 0 #fff;*/
}

.sec_tate_2_img1 {
	float: right;
	width: 250px;
	margin: 0 0 20px 20px;
}

ul.sec_tate_2_img2 {
	padding: 0;
	overflow: hidden;
	margin: 0 auto;
	width: 760px;
	margin-top: 15px;
}

ul.sec_tate_2_img2 li {
	float: left;
	width: 250px;
	margin-right: 5px;
}

ul.sec_tate_2_img2 > li:last-child {
	margin-right: 0;
}

.sec_tate_3_img1 {
	float: left;
	width: 200px;
	margin-right: 20px;
}

.sec_tate_3_img2 {
	float: right;
	width: 250px;
	margin-left: 20px;
}

.sec_tate_3_img3 {
	float: left;
	width: 250px;
	margin-right: 20px;
}

.sec_tate_3_img4 {
	float: left;
	width: 200px;
	margin-right: 15px;
}

ul.sec_tate_3_img5 {
	padding: 0;
	overflow: hidden;
	width: 275px;
	margin: 0 auto;
	margin-bottom: 30px;
}

ul.sec_tate_3_img5 li {
	float: left;
	width: 52px;
	margin-right: 3px;
}

ul.sec_tate_3_img5 li:last-child {
	margin-right: 0;
}

/* about */
.sec_ab_1 img {
	float: right;
	width: 240px;
	margin-left: 10px;
}

.map1 {
	float: right;
	width: 442px;
	margin-left: 10px;
}

.gmap {
	border: 1px dotted #ccc;
	margin-bottom: 20px;
}

.gmap iframe {
	width: 100%;
}

/* contact */
#formWrap {
	width:700px;
	margin:0 auto;
}

#formWrap table {
	background: url('../img/kanae_white.jpg') right top no-repeat;
	margin: 15px 0;
}

.frm_btn {
	padding: 3px 5px;
}

.frm_input {
	opacity: 0.8;
	filter:alpha(opacity=80);
    -moz-opacity: 0.8;
}

.hissu {
	color: red;
}

/* products */
ul.tenji {
	margin-top: 20px;
}

div.slider2 {
	width: 700px;
	margin: 40px auto;
}

div.slider2 > ul {
	width: 800px;
	/*margin:0 auto;
	padding-left: 100px;*/
	margin-right: -100px;
	overflow: hidden;
	_zoom: 1;
}

.slider2 > ul > li {
	float: left;
	width: 300px;
	display: block;
	margin-right: 100px;
	margin-bottom: 40px;
}

div.slider2 h4 {
	padding-bottom:10px;
}