@charset "utf-8";

/*body--------------------------------------------------------------*/

html,body
{
	height			: 100%;
}


body
{
	margin			: 0 auto;
	padding			: 0;
	font			: 14px/1.6 Meiryo, 'メイリオ', 'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro W3', 'ＭＳ Ｐゴシック', 'Lucida Grande', 'Lucida Sans Unicode', sans-serif;
	color			: #666;
	background		: #fffce6;
	text-align		: center;
	height			: 100%;
}

/*Opera用*/
html:first-child body
{
	font			: 14px/1.5  Meiryo, 'メイリオ', 'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro W3', 'ＭＳ Ｐゴシック', 'Lucida Grande', 'Lucida Sans Unicode', sans-serif;
}

div,form,map
{
	margin			: 0;
	padding			: 0;
}

p
{
	margin-top      : 0;
	padding         : 0;
}

img
{
	border			: 0;
	vertical-align  : top;
}

/*システムが絡む場合、GoogleMapを使用する場合は消す*/
table
{
	margin-left		: auto;
	margin-right	: auto;
}

#side p,#side h1,#side #side h2,#side h3,
#header p,#header h1,#header h2,#header h3,
#footer p,#footer h1,#footer h2,#footer h3
{
	margin			: 0;
	font			: normal 1em  Meiryo, 'メイリオ', 'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro W3', 'ＭＳ Ｐゴシック', 'Lucida Grande', 'Lucida Sans Unicode', sans-serif;
	text-align		: left;
}

/*link--------------------------------------------------------------*/

a:link,
a:visited
{
	color           : #960; 
	text-decoration : underline;
}

a:hover,
a:active
{
	color           : #960; 
	text-decoration : none;
}







/*layout------------------------------------------------------------*/

#wrapper
{
	width			: 100%;
	height			: 100%;
	margin			: 0;
	padding			: 0;
}

.top_image_offset
{
	background:url(../animation/images/img01.jpg) 0 0 no-repeat;
  	background-position: center 50%;
  	background-size: cover;
	z-index:-2
}



.va_midle
{

  position: relative;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}

.top_header_inner
{
	text-align			: center;
}
.top_header_inner .top_logo
{
	padding-top			: 110px;
	padding-bottom		: 150px;
}


#top_header
{
	height:100%;
}






#header
{
	background		: url(../images/common/base/catch_arrow.png) bottom center no-repeat;
	padding-bottom	: 0px;
}
#header .h_logo
{
	background-image			: url(../images/common/base/catch_bg02.gif),url(../images/common/base/catch_bg.gif);
	background-position			: top center,top left;
	background-repeat			: no-repeat,repeat-x;
	padding						: 22px 0px 32px;
}
#header .h_logo img
{
	width					: 380px;
	height					: auto;
}

.page_title
{
	background				: url(../images/common/base/page_title_bg.jpg) center 50% no-repeat;
	background-size			: cover;
}

.page_title h1
{
	padding					: 0px;
	margin					: 0px;
	padding					: 70px 0px;
	color					: #fffce6;
	font-size				: 38px;
	width					: 100%;
	background				: rgba(0,0,0,0.2);
	font-weight				: normal;
	box-sizing		: border-box;

}

.page_title .jp
{
	border-right			: 1px #666 solid;
	padding					: 0px 10px 0px 10px;
	margin-right			: 10px;
}


.page_title h1 .en
{
	font-size				: 22px;
    display					: -moz-inline-box;
    display					: inline-block;
    /display				: inline;
    /zoom					: 1;
	vertical-align			: middle;


}




.top_about_title
{
	background		: url(../images/common/base/catch_arrow.png) bottom center no-repeat;
	padding-bottom	: 9px;
}
.top_about_title_inner
{
	background-image			: url(../images/common/base/catch_bg02.gif),url(../images/common/base/catch_bg.gif);
	background-position			: top center,top left;
	background-repeat			: no-repeat,repeat-x;
	padding						: 22px 0px 42px;
}

#main_contents
{
	width			: 100%;
	background:url(../images/common/base/main_contents_bg.png) top center no-repeat;
	margin-left		: auto;
	margin-right	: auto;
	position		: relative;
	top				: -10px;
	padding-top		: 10px;
}

.top_catch
{
	margin-bottom	: 20px;
}

.top_catch02 img
{
	width			: 518px;
	height			: auto;
}




#wrapper .site_content
{
	top						: 0px;
	padding-top				: 50px;
	padding-bottom			: 1px;
}

#side
{
	width			: 200px;
	float			: left;
	text-align		: left;
}


#footer
{
	clear			: both;
	width			: 100%;
	background		: url(../images/common/base/footer_bg.jpg) top center no-repeat;
}

#footer_inner
{
	width			: 1000px;
	text-align		: left;
	margin			: 0 auto;
	padding-bottom	: 70px;
}

#footer_inner .footer_title
{
	padding			: 50px 0 38px 0px;
	text-align		: center;
}

#footer_inner .site_link,
#footer_inner .site_link li
{
	margin			: 0px;		
	padding			: 0px;
	list-style		: none;
}
#footer_inner .site_link li
{
    display: -moz-inline-box;
    display: inline-block;
    /display: inline;
    /zoom: 1;
    vertical-align : top;
	margin-left		: 3px;
}
#footer_inner .site_link
{
	margin-bottom	: 27px;
}
#footer .site_contact
{
letter-spacing: -.40em; /* 文字間を詰めて隙間を削除する */
}


#footer .site_contact div
{
    display: -moz-inline-box;
    display: inline-block;
    /display: inline;
    /zoom: 1;
    vertical-align : top;
	letter-spacing:normal;
	

}
#footer .f_logo
{
	width			: 310px;
	text-align		: left;
	border-right	: #967c4f solid 1px;
	padding			: 40px 0px 40px;
}


#footer .f_tel
{
	width			: 350px;
	text-align		: center;
	padding			: 15px 0px 15px;
}


#footer .f_contact
{
	width			: 310px;
	text-align		: right;
	padding-top		: 20px;
	margin-left		: 10px;
}

#footer .f_contact a
{
	display			: block;
	background-image:url(../images/common/icon/contact_icon.png),url(../images/common/base/contact_btn_bg.gif);
	background-position	: 95% 50%, 0 0 ;
	background-size		: auto auto,auto 100%;
	background-repeat	: no-repeat,repeat-x;
    border-radius			: 3px;        /* CSS3草案 */  
    -webkit-border-radius	: 3px;    /* Safari,Google Chrome用 */  
    -moz-border-radius		: 3px;   /* Firefox用 */
	border-bottom			: 3px #761616 solid;
	color					: #5e2b00;
	font-size				: 19px;
	padding					: 15px 80px 15px 38px;
	text-align				: center;
	text-decoration			: none;
	font-weight				: bold;
	line-height				: 1.2em;

}

#footer .f_contact a .en
{
	display					: block;
	font-size				: 14px;
}


#footer small
{
	padding					: 15px;
	font-size				: 16px;
	color					: #CCC;
	background				: #000;
	display					: block;
}

/*768以下の指定（タブレット）*/

@media screen and (max-width: 768px) {
#main_contents
{
	background-size			: 150% auto!important;
}

.top_header_inner
{
	text-align			: center;
}
.top_header_inner .top_logo
{
	padding-top			: 110px;
	padding-bottom		: 90px;
}

.top_header_inner .top_logo img
{
	width				: 65%;
	height				: auto;
}
.top_catch img
{
	width				: 70%;
	height				: auto;
}

.top_catch02 img
{
	width				: 60%;
	height				: auto;
}




#header .h_logo
{
	background-image			: url(../images/common/base/catch_bg02.gif),url(../images/common/base/catch_bg.gif);
	background-position			: top center,top left;
	background-repeat			: no-repeat,repeat-x;
	padding						: 28px 0px 28px;
}
#header .h_logo img
{
	width					: 300px;
	height					: auto;
}




.page_title
{
	background				: url(../images/common/base/page_title_bg.jpg) center 50% no-repeat;
	background-size			: cover;
}

.page_title h1
{
	padding					: 0px;
	margin					: 0px;
	padding					: 60px 0px;
	color					: #fffce6;
	font-size				: 33px;
	width					: 100%;
	background				: rgba(0,0,0,0.2);
	font-weight				: normal;


}

.page_title .jp
{
	border-right			: 1px #666 solid;
	padding					: 0px 10px 0px 10px;
	margin-right			: 10px;
}


.page_title h1 .en
{
	font-size				: 18px;
    display					: -moz-inline-box;
    display					: inline-block;
    /display				: inline;
    /zoom					: 1;
	vertical-align			: middle;


}

#wrapper .site_content
{
	top						: 0px;
	padding-top				: 30px;
}


.top_about_title_inner img
{
	width				: 90%;
	height				: auto;
}

#footer #footer_inner
{
	width				: 100%;
	padding-bottom		: 20px;
}

#footer_inner .footer_title
{
	padding				: 30px 0px 28px 0px;
}


#footer_inner .site_link li
{
	width				: 23%;
}

#footer_inner .site_link li img
{
	width				: 100%;
	height				: auto;
}

#footer_inner .site_link
{
	text-align			: center;
	margin-bottom		: 20px;
}

#footer .f_logo,
#footer .f_tel
{
	width				: 49%;
	text-align			: center;
}
#footer .f_tel
{
	padding				: 5px 0px;
}

#footer .f_tel img,
#footer .f_logo img
{
	width				: 80%;
	height:auto;
}



#footer
{
	background-size:auto 100%;
}
#footer .site_contact .f_contact
{
	display				: block;
	width				: 90%;
	margin				: 0 auto;
	padding-top			: 10px;
}


}


@media screen and (min-width:480px) and ( max-width:748px) {
	
.top_header_inner .top_logo
{
	padding-top			: 20px;
	padding-bottom		: 60px;
}

.top_header_inner .top_logo img
{
	width				: 70%;
	height				: auto;
}
.top_catch
{
	margin-bottom		: 15px;
}

.top_catch img
{
	width				: 75%;
	height				: auto;
}

.top_catch02 img
{
	width				: 70%;
	height				: auto;
}









}



/*480以下の指定（スマホ横)*/
@media screen and (max-width: 480px) {


#header .h_logo
{
	background-image			: url(../images/common/base/catch_bg02.gif),url(../images/common/base/catch_bg.gif);
	background-position			: top center,top left;
	background-repeat			: no-repeat,repeat-x;
	padding						: 21px 0px 17px;
}
#header .h_logo img
{
	width					: 200px;
	height					: auto;
}

#header .h_logo a
{
	position:relative;
	z-index:1000;
}


#wrapper .site_content
{
	top						: 0px;
	padding-top				: 20px;
}

.page_title h1
{
	padding					: 0px;
	margin					: 0px;
	padding					: 30px 0px;
	color					: #fffce6;
	font-size				: 20px;
	width					: 100%;
	background				: rgba(0,0,0,0.2);
	font-weight				: normal;

}

.page_title .jp
{
	border-right			: none;
	padding					: 0px 0px 0px 0px;
	margin-right			: 0px;
}


.page_title h1 .en
{
	font-size				: 12px;
	display					: block;

}



.top_header_inner .top_logo
{
	padding-top			: 40px;
	padding-bottom		: 45px;
}



.top_header_inner .top_logo img
{
	width				: 88%;
	height				: auto;
}
.top_catch img
{
	width				: 87%;
	height				: auto;
}
.top_catch
{
	margin-bottom		: 10px;
}
.top_catch02 img
{
	width				: 87%;
	height				: auto;
}


.top_about_title_inner
{
	padding				: 22px 0px 32px;
}
#footer
{
	background				: #775522 url(../images/common/base/footer_bg02.gif) top left repeat-x;
	
}


#footer .site_contact .f_logo
{
	display				: none;
}
#footer .site_contact .f_tel
{
	width				: 100%; 
}
#footer .site_contact .f_tel img
{
	width				: 80%;
	height				: auto;
}
#footer_inner .site_link li
{
	width				: 80%;
	margin				: 0 auto;
	margin-bottom		: 10px;
	display				: block;
}

#footer_inner .site_link li img
{
	width				: 100%;
	height				: auto;
}
#footer_inner .footer_title img
{
	width				: 300px;
	height				: auto;
}

}
/*320以下の指定（スマホ縦)*/
@media screen and (max-width: 320px) {
}




/*---------------------------------------------------------*/
/*    copyright(C) WEB-SEED. All rights reserved. Ver1.0   */
/*---------------------------------------------------------*/