@charset "UTF-8";

/*--------------------------------------
目次
	1.初期設定リセット
	2.全体のベース
	3.全体の枠組み
	4.ヘッダー
	5.パララックス
	7.フッター
---------------------------------------*/

/*--------------------------------------*/
/*（１）初期設定リセット				*/
/*--------------------------------------*/
html { color: #000000 ; background: #FFF; line-height:1.6; }
html,body,div,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,p,blockquote,fieldset,input,code,legend,button,textarea,th,td {margin: 0;padding: 0; }
table { border-collapse: collapse; border-spacing: 0; }
h1,h2,h3,h4,h5,h6,pre,code,address,caption,cite,code,em,strong,th,dfn,var,optgroup { font-weight: normal; font-style: normal; }
fieldset,img { border: none;}
del,ins { text-decoration: none; }

li{ list-style:none;}
caption,th { text-align: left; }
td{ vertical-align:top; }
img{vertical-align:middle;}


q:before,q:after { content: ''; }
abbr,acronym { border: 0; font-variant: normal; }
sup { vertical-align: baseline ; }
sub { vertical-align: baseline ; }
legend { color: #000000; }
input,button,textarea,select,optgroup,option { font-family: inherit; font-size: inherit; font-style: inherit; font-weight: inherit; }



/*--------------------------------------*/
/*（２）全体のベース					*/
/*--------------------------------------*/

/*共通クラス*/
.clear{ clear:both ; }
.go-to{ margin:8px ; }
.accent{ color:#f30f30 ; font-weight:normal ; }
.arrow{	padding-left:18px ;}
.arrow-sub{ padding-left:12px ;}

/*テキスト関係*/
a{ 			text-decoration:underline ;}
a:link{ 	text-decoration:underline ; color:#0066FF ;}
a:visited{ 	text-decoration:underline ; color:#0066FF ;}
a:hover{ 	text-decoration:underline ; color:#F00 ;}
a:active { 	text-decoration:underline ; color:#F00 ;}


h2{}
h3{}
h4{ font-weight:bold;}
h5{ font-weight:bold;}


.center{ text-align:center ; }
.right{  text-align:right ; }

body {
	background: #FFFFFF;
	background: -webkit-linear-gradient(top, #FFFFFF, #FFFFFF 100%);
	background: -moz-linear-gradient(top, #FFFFFF, #FFFFFF 100%);
	background: -o-linear-gradient(top, #FFFFFF, #FFFFFF 100%);
	background: -ms-linear-gradient(top, #FFFFFF, #FFFFFF 100%);
	background: linear-gradient(top, #FFFFFF, #FFFFFF 100%);
	background-attachment:fixed;
}

ol, ul {
	list-style: none;
}

p {
	margin:1em 0;
	line-height:1.1em;
}

a:hover img  {
	opacity:0.6;
}

/*--------------------------------------*/
/*（３）全体の枠組み					*/
/*--------------------------------------*/
html{ 
	background-color:#FFF ;
	height:100% ;
	margin:0 ;
	padding:0 ; 
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif ;
	background-position:top ;
	background-repeat:repeat-x ;
	font-size:62.5% ;
	line-height:normal ;
}

#all{
	height:100% ;
	margin:0px auto 0px auto;
	position:relative ;
	overflow:hidden ;
	text-align:center ;
}

html #all{
	height:auto ;
}


#body{
	width:1100px ;
	height:100% ;
	margin:0px auto 0px auto;
	text-align:center ;
	font-size:1.3em  ;
}

.wrap {
	width:1200px;
	z-index:54;
	position:relative;
	text-align:center;
	top:148px;
	margin:0 auto;
	padding:10px;
}

.right-col{
	z-index:9999;
	width:230px;
	float:left;
	background-color:#FFFFFF;
	position:relative;
	border-radius:5px;
	padding:5px;
}

.right-col ul li{
	margin-top:5px;
}



.main-col{
	width:950px;
	float:left;
	position:relative;
}

.main-col p{
	text-align:left;
	font-size:18px;
}

.main-center{
	width:930px;
	background-color:#FFFFFF;
	border-radius:5px;
	padding:5px;
	float:left;
	z-index:9999;
}

.main-left1{
	width:250px;
	float:left;
	background-color:#FFFFFF;
	position:relative;
	border-radius:5px;
	padding:5px;
	margin-top:10px;
}

.main-right1{
	width:660px;
	float:left;
	background-color:#FFFFFF;
	position:relative;
	border-radius:5px;
	padding:5px;
	margin-top:10px;
	margin-left:10px;
}

.main-right2{
	width:451px;
	float:left;
	background-color:#FFFFFF;
	position:relative;
	border-radius:5px;
	padding:5px;
	margin-top:10px;
	margin-left:10px;
}

.main-right3{
	width:190px;
	float:left;
	background-color:#FFFFFF;
	position:relative;
	border-radius:5px;
	padding:5px;
	margin-top:10px;
	margin-left:10px;
}


.main-contents{
	width:920px;
	float:left;
	background-color:#FFFFFF;
	position:relative;
	border-radius:5px;
	padding:10px;
	margin-top:10px;
	margin-left:5px;
}


.main-right1 img{
	padding-top:5px;
}

.main-campaign {
	width:455px;
	float:left;
	position:relative;
	padding:5px;
	margin-top:10px;
}

.main-campaign table {
	font-size:12px;
	text-align:left;
}

.main-campaign table td {
	padding:5px;
}

.main-campaign table td a {
	color:#333333;
}
.main-campaign table td a:hover {
	color: #a32403;
}

.main-campaign-title {
	font-size:18px; 
	padding-top:5px; 
	padding-left:12px; 
	background:url(../img/main_left_bg.png);
	background-repeat:no-repeat; 
	height:36px; 
	color:#FFFFFF; 
	font-weight:bold;
}
.main-campaign-title a {
	text-decoration:none;
	color:#FFFFFF;
}
.main-campaign-title a:hover {
	color: #a32403;
}

.main-menu {
	font-size:18px; 
	color:#FFFFFF; 
	font-weight:bold;

	float:left;
	position:relative;
	padding:5px;
	margin-top:10px;
}

.main-menu-sub  {
	border:solid 1px #EBD3C3;
	width:915px;
}
.main-menu-sub th {
	font-size:18px;
	padding-top:5px;
	padding-left:12px;
	height:36px;
	color:#333333;
	font-weight:bold;
	width:600px;
}

.main-menu-sub td {
	font-size:14px;
	height:36px;
	color:#333333;
	vertical-align:middle;
}

#main-menu_sub_back {
	background-color:#5C412E;
	color:#FFFFFF;
	padding:5px 10px 5px 10px;;
}

#main-menu_sub_back2{
	background-color:#7B573F;
	color:#FFFFFF;
	padding:5px 10px 5px 10px;;
}

.main-menu-text {
	font-size:12px;
	border:solid 1px #EBD3C3;
	text-align:left;
	padding:5px;
	color:#333333;
	font-weight:normal;
}

.sub_white {padding: 20px 20px 20px 0; text-align:left; list-style: none;}
.sub_white li {padding: 0; width: 450px; margin: 0; line-height: 32px;  font-size:16px;}
.sub_white li a {color:#000; padding: 4px 5px 4px 20px; background: url(skins/images/arrow_off.png) no-repeat 5px 8px;}
.sub_white li a:hover {color: #a32403; background: #efefef url(skins/images/arrow_on.png) no-repeat 5px 8px;}

/*--------------------------------------*/
/*（４）ヘッダー						*/
/*--------------------------------------*/
#header_section{
	width:100%;
	margin:0 auto;
	position:relative ;
}

#header {
	z-index: 100;
	position: fixed;
	width:100%;
	/* IE9 */
	background-color:#FFFFFF;

	/* IE10 Consumer Preview */ 
	background-image: -ms-linear-gradient(top, #FFFFFF 0%, #FFFFFF 100%);

	/* Mozilla Firefox */ 
	background-image: -moz-linear-gradient(top, #FFFFFF 0%, #FFFFFF 100%);

	/* Opera */ 
	background-image: -o-linear-gradient(top, #FFFFFF 0%, #FFFFFF 100%);

	/* Webkit (Safari/Chrome 10) */ 
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #FFFFFF), color-stop(1, #FFFFFF));

	/* Webkit (Chrome 11+) */ 
	background-image: -webkit-linear-gradient(top, #FFFFFF 0%, #FFFFFF 100%);

	/* W3C Markup, IE10 Release Preview */ 
	background-image: linear-gradient(to bottom, #FFFFFF 0%, #FFFFFF 100%);
}

#header p {
	width:100%;	
	margin-top:0px;
	padding:5px;
	color:#FFFFFF;
	font-size:12px;
	text-align:left;
	letter-spacing:0.1em;

	/* IE9 */
	background-color:#FFFFFF;

	/* IE10 Consumer Preview */ 
	background-image: -ms-linear-gradient(top, #FFFFFF 0%, #FFFFFF 100%);

	/* Mozilla Firefox */ 
	background-image: -moz-linear-gradient(top, #FFFFFF 0%, #FFFFFF 100%);

	/* Opera */ 
	background-image: -o-linear-gradient(top, #FFFFFF 0%, #FFFFFF 100%);

	/* Webkit (Safari/Chrome 10) */ 
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #FFFFFF), color-stop(1, #FFFFFF));

	/* Webkit (Chrome 11+) */ 
	background-image: -webkit-linear-gradient(top, #FFFFFF 0%, #FFFFFF 100%);

	/* W3C Markup, IE10 Release Preview */ 
	background-image: linear-gradient(to bottom, #FFFFFF 0%, # 100%);
}

#header_logo {
	text-align:left;
	padding-left:230px;
}

#menu {
	float:left;
	width:100%;
}

#menu ul,li{
	float:left;
}

#menu ul {
	float:left;
}

#inq {
	position:fixed;
	top:57px;
	right:3%;
}

#tel {
	position:fixed;
	top:28px;
	right:15%;
}
#face {
	position:fixed;
	top:28px;
	right:3%;
}

.page-top {
	position: fixed;
	bottom: 15%;
	right: 5%;
	z-index:9999;
}

.page-top a {
	z-index:9999;
	display: block;
	color: #fff;
	background: #000;
	padding: 30px 30px;
	text-align: center;
	text-decoration: none;
}

/*--------------------------------------*/
/*（５）パララックス					*/
/*--------------------------------------*/

#progress {
	height:2%;
	background:#444;
	bottom:0;
	z-index:200;
}

#scrollbar {
	position:fixed;
	right:2px;
	height:50px;
	width:6px;
	background:#444;
	background:rgba(0,0,0,0.6);
	border:1px solid rgba(255,255,255,0.6);
	z-index:300;
	border-radius:3px;
}

.skrollr-desktop #scrollbar {display:none;}

#bg1, #bg2, #bg3 {
	z-index:50;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background:url(../img/bubbles.png) repeat 0 0;
}

#bg2 {
	z-index:49;
	background-image:url(../img/bubbles2.png);
}

#bg3 {
	z-index:48;
	background-image:url(../img/bubbles3.png);
}

#bg4 {
	z-index:51;
	background-image:url(../img/bg01.jpg);
	top:0;
	left:0;
	width:100%;
	height:100%;
	background-position:center top;
	background-repeat:no-repeat;
	-moz-background-size:cover;
	background-size:cover;
}

#bg5 {
	z-index:52;
	background-image:url(../img/bar.png);
	margin-left:20%;
}
#bg6 {
	z-index:53;
	background-image:url(../img/bar.png);
	margin-top:20%;
}

#bg7 {
	z-index:54;
	background-image:url(../img/shine.png);
	top:0;
	left:0;
	width:100%;
	height:100%;
	background-repeat:repeat 0 0;


}

#intro {
	width:50%;
	left:50%;
	top:1em;
	margin-left:-24%;
	margin-top:10%;
	padding:3em;
	padding-top:7em;
	background:#fff;
	text-align:center;
	border-radius:1em;

	-webkit-transform-origin:0 0;
	-moz-transform-origin:0 0;
	-ms-transform-origin:0 0;
	-o-transform-origin:0 0;
	transform-origin:0 0;

	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	z-index:55;
}

#intro2 {
	margin-top:-5%;
	text-align:center;
}

#intro3 {
	z-index:57;
	background-image:url(../img/intro2.png);
	width:100%;
	height:100%;
	background-position:100% 100%;
	-moz-background-size:cover;
	background-size:contain;
	background-repeat:no-repeat;
}

#intro .arrows {
	font-size:2em;
	color:#09f;
}

#transform {
	width:70%;
	left:50%;
	top:20%;
	margin-left:-35%;
	text-align:center;
	font-size:150%;
	.transform-origin(50%, 50%);
}

#properties {
	width:100%;
	height:100%;
	padding-top:10%;
	text-align:center;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

#flbg1 {
	z-index:52;
	margin-top:0%;
	width:100%;
	height:100%;
	top:40%;
	text-align:center;
}

#flbg2 {
	z-index:57;
	margin-top:0%;
	width:100%;
	height:100%;
	top:15%;
	text-align:center;
}

#flbg3 {
	z-index:56;
	background-image:url(../img/tri.png);
	top:0;
	left:0;
	width:100%;
	height:100%;
	background-position:center top;
	-moz-background-size:cover;
	background-size:cover;
}

#ajes {
	z-index:55;
	background-image:url(../img/ajes.png);
	top:0;
	left:0;
	width:100%;
	height:150%;
	background-position:center top;
	baclground-color:#FFFFFF;
	-moz-background-size:cover;
	background-size:cover;
}

#ajes2 {
	z-index:57;
	left:50%;
	width:100%;
	height:100%;
}

#ajes3 {
	z-index:57;
	left:60%;
	width:100%;
	height:100%;
}

#ajes4 {
	z-index:56;
	left:72%;
	width:100%;
	height:100%;
}

#body1 {
	z-index:58;
	background-image:url(../img/bg02.jpg);
	top:0;
	left:0;
	width:100%;
	height:150%;
	background-position:center top;
	baclground-color:#FFFFFF;
	-moz-background-size:cover;
	background-size:cover;
}


/*--------------------------------------*/
/*（６）スクロール関連					*/
/*--------------------------------------*/

#smooth  {
	z-index:300;
	position:fixed;
	right:2%;
	margin-top:20%;
	padding:25px;
	font-size:20px;
	letter-spacing:0.1em;
	clear:both;
}

#smooth a {
	text-decoration:none;
}

#scroll {
	z-index:301;
	width:58px;
	left:49%;
	text-align:center;
	bottom:5%;
	position:fixed;
	background:#fff;
	overflow:hidden;
}

#scroll2 {
	z-index:302;
	width:100%;
	text-align:center;
	bottom:10.5%;
	padding:5px;
	background:#fff;
	font-size:20px;
	color:#666666;
	position:fixed;
}

/*--------------------------------------*/
/*（７）フッター						*/
/*--------------------------------------*/

#footerbar{
	z-index:9998;
	padding: 20px;
	display: block;
	width: 100%;
	height: 300px;
	background:#967B54;
}

#footerbar2{
	z-index:9998;
	position:absolute; top:1200px;
	padding: 20px 0px 40px 0px;
	width: 100%;
	height: 300px;
	background:#967B54;
}

.footer-inner a:link,.footer-inner a:visited {color:#ffffff;text-decoration:none;}
.footer-inner a:hover,.footer-inner a:active {color:#ffffff;text-decoration:underline;}

#footer-cmn .footer-inner{
	margin:0 auto;
	padding: 20px 0 15px;
	width:1200px;
}

#footer-cmn ul li{
	float:left;
	margin:0 30px 10px 0;
}

#footer-cmn ul li a{
	display:block;
	padding-left:13px;
	background:url(../img/icon_arrow_02.png) no-repeat 0 0.6em;
}



#footer .footer-inner{
	margin:0 auto;
	padding:35px 0 10px;
	width:1200px;
}

#footer .clm-box{
	float:left;
	width:300px;
}

#footer .clm-box dl{
	margin-bottom:20px;
	padding:0 0 0 20px;
	background:url(../img/bg_line_02.gif) repeat-y 0 0;
}

#footer .clm-box dl dt{
	margin-bottom:10px;
	padding-left:13px;
	font-weight:bold;
	font-size:1.4em;
	background:url(../img/icon_arrow_02.png) no-repeat 0 0.5em;
}

#footer .clm-box dl .no-arrow{
	background:none;
}

#footer .clm-box dl dd{
	padding-left:5px;
	font-size:1.1em;
}


/*==========================*/
/* その他                   */
/*==========================*/

.box-text {
	height: auto;
	width: auto;
	padding-right: 40px;
	padding-left: 40px;
	text-align: left;
	padding-top: 10px;
	padding-bottom: 20px;
	color:#000;
}

.mbox-right {
	float: right;
	padding-top: 10px;
	padding-right: 20px;
}

.mbox-left {
	float: left;
	width: 545px;
	height: auto;
}

.mbox-yen {
	width: auto;
	height: auto;
	padding-top: 10px;
	padding-left: 32px;
	float: left;
}

.left {
    float: left;
}

.pb_5 {
    padding-bottom: 5px;
}
.ptop_5 {
    padding-top: 5px;
}

.pb_4 {
    padding-bottom: 4px;
}
.ptop_5 {
    padding-top: 5px;
}
.f14 {
    font-size: 14px;
}
.pink {
    color: #F69;
}
.right {
    float: right;
}

.clear {
    clear: both;
}

h3 {
    font-size: 16px;
    font-weight: normal;
    color: #777;
    height: 20px;
    width: auto;
    margin: 0px auto;
    padding: 5px 0px 17px 30px;
    border-bottom: 1px solid #CCC;
    background: url('../img/h3-bg.gif') no-repeat scroll left center transparent;
}

.f12 {
    font-size: 12px;
}

p {
    font-size: 12px;
    line-height: 180%;
    margin: 0px;
    padding-top: 0px;
    padding-bottom: 0px;
    color: #666;
    font-weight: normal;
    font-family: "ヒラギノ角ゴ Pro W3","メイリオ","Hiragino Kaku Gothic Pro",Meiryo,Osaka,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;
}
/******************/
/* メールフォーム */
/******************/

/* tableの要素指定CSS */
table.mailform {
	width: 100%;
	padding: 5px;
	margin-rigth:auto;
	margin-left:auto;

}
table.mailform tr th {
	width: 150px;
	padding: 17px 10px;
	border-bottom: solid 1px #EAD9A1;
	text-align: left;
	font-size: 12px;
	font-weight: normal;
	color: #000000;
	background-color: #EDE2AF;
}

table.mailform td {
	color: #000000;
	background-color: #F3EBCD;
	text-align:left;
}

table.mailform tr td {
	padding: 7px 0px 7px 10px;
	border-bottom: solid 1px #EAD9A1;
	font-size: 12px;
}
table.mailform tr td ul li,table.mailform tr td ul,table.mailform tr td ol,table.mailform tr td ol li {
	margin: 5px;
	padding: 5px;
	list-style: none;
}

table.mailform input {
	height:25px;
	width:250px;
}

th.fmail_error,td.fmail_error,.fmail_error {
	background-color: #FFEEEE;
	color: #000000;
}
.contact #col-a td .postcode { width: 13em;}
.contact #col-a td p { padding: 0;}

/* dl */
dl.mailform {
	clear: both;
	width: 100%;
	padding: 10px;
}
dl.mailform dt {
	padding: 10px 0px 0px 0px;
	border-bottom: solid 1px #EAD9A1;
	text-align: left;
	font-size: 12px;
	font-weight: normal;
	color: #000000;
}
dl.mailform dd {
	padding: 5px;
	font-size: 12px;
}
dt.fmail_error,dd.fmail_error,.fmail_error {
	background-color: #FFEEEE;
	color: #000000;
}

/* ラベル指定 */
label.fmail_label {
	display: block;
	clear: both;
}

/*チェックしてる時*/
label.fmail_label_enabled {
	clear: both;
	display: block;
	margin: 1px;
	padding: 5px;
	border: solid 0px #EAD9A1;
	background-color: #FFCE3C;
	text-indent: 5px;
	
	/*radioとcheckboxが変な所で改行する時はここで調整*/
	width:auto;
	height:auto;
}

/*チェックしてない時*/
label.fmail_label_disabled {
	clear: both;
	display: block;
	margin: 1px;
	padding: 5px;
	border: none;
	text-indent: 5px;
	
	/*radioとcheckboxが変な所で改行する時はここで調整*/
	width:auto;
	height:auto;
}
label {
	cursor: pointer;
}
label input {
	
}

/*ボタンの位置*/
.button {
	width:100%;
	margin-top:20px;
	margin-left:auto;
	margin-right:auto;
}
/*素ボタンの高さ*/
.button input.default_button {
	height:40px
	padding:10px;
}
.button form.fmail_cancel {
	width:48%;
	text-align:right;
}
.button form.fmail_submit {
	width:48%;
	text-align:left;
}
.clearfix:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */




/*確認ボタン*/
.submit_confirm_button {
	width:160px;
	height:35px;
	border-width:0;
	border-style:none;
	background:url(../img/submit_button.jpg);
	margin-right:auto;
	margin-left:auto;
	text-align:center;
}
.submit_confirm_button:hover {
	background-position: right bottom;
}

/*送信ボタン*/
.submit_send_button {
	width:160px;
	height:35px;
	border-width:0;
	border-style:none;
	background:url(../img/send_button.jpg);
}
.submit_send_button:hover {
	background-position: right bottom;
}

/*戻るボタン*/
.submit_cancel_button {
	width:160px;
	height:35px;
	border-width:0;
	border-style:none;
	background:url(../img/back_button.jpg);
}
.submit_cancel_button:hover {
	background-position: right bottom;
}

/*送信完了画面*/
.site_top a{
	display:block;
	width:160px;
	height:35px;
	margin: 1em auto;
	border-width:0;
	border-style:none;
	background:url(../img/top_button.jpg);
	text-align:center;
	text-indent:-9999px;
}
.site_top a:hover{
	background-position: right bottom;
}