@charset "utf-8";

/*━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
+-----+-----+-----+-----+-----+-----+-----+-----+-----+-----+
+-----+// Reset
+-----+-----+-----+-----+-----+-----+-----+-----+-----+-----+
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━*/

body,div,pre,p,blockquote,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,pre,
form,fieldset,input,textarea,select,option,table,th,td,tr,embed,object{
	margin:0;
	padding:0;
}

li{list-style-type:none;}
fieldset,table,img{border:0;}
table{border-collapse:collapse;border-spacing:0;}

/*━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
+-----+-----+-----+-----+-----+-----+-----+-----+-----+-----+
+-----+// Body
+-----+-----+-----+-----+-----+-----+-----+-----+-----+-----+
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━*/
html{height:100%;overflow-y:scroll;}
body{t
	ext-align:left;
	height:100%;
	overflow:scroll-y;
}

body img{vertical-align:top;}

h1,h2,h3,h4,h5,h6,p,li,dt,dd,form,pre,td,th,label,div{
	color:#ffffff;
	font-size:80%;
	line-height:140%;
}

div p,div li,div dt,div dd,div form,div pre,div td,div th,div label,
div div,div h1,div h2,div h3,div h4,div h5,div h6,
p p,p li,p dt,p dd,p from,p pre, p td,p th,p label,p div,
li p,li li,li dt,li dd,li from,li pre,li td,p th,li label,li div,li h3,
td p,td li,td dt,td dd,td from,td pre,td td,td th,td label,td div,
th p,th li,th dt,th dd,th from,th pre,th td,th th,th label,th div,
label p,label li,label dt,label dd,label form,label pre,label td,label th,label div,
form th,form td{
	font-size:100%;
}

a{overflow:hidden;}
a:link{color: #ffffff; text-decoration:underline;}
a:visited{color: #ffffff; text-decoration:underline;}
a:hover{color: #ffffff; text-decoration:none;}
a:active{color: #ffffff; text-decoration:none;}

body,h1,h2,h3,h4,h5,h6,td,th,p,div,input,textarea,pre,ul,li,ol{
	font-family:'ＭＳ Ｐゴシック','メイリオ','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro',Meiryo,sans-serif;
	font-weight:normal;
}

* html body *{
	vertical-align:baseline;
}

/*━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
+-----+-----+-----+-----+-----+-----+-----+-----+-----+-----+
+-----+// Wrap
+-----+-----+-----+-----+-----+-----+-----+-----+-----+-----+
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━*/

#wrap{
	width:100%;
	height:100%;
}


img.bg {
  min-height: 100%;
  min-width: 1024px;
  width: 100%;
  height: auto;
  position: fixed;
  top: 0;
  left: 0;
}
@media screen and (max-width: 1024px){
  img.bg {
  left: 50%;
  margin-left: -512px; }
}

div#wrap {
  position: relative;  
}

/*━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
+-----+-----+-----+-----+-----+-----+-----+-----+-----+-----+
+-----+// logo
+-----+-----+-----+-----+-----+-----+-----+-----+-----+-----+
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━*/

#logo{
	position: fixed;
	padding:30px 0 0 30px;
}

/*━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
+-----+-----+-----+-----+-----+-----+-----+-----+-----+-----+
+-----+// gnav
+-----+-----+-----+-----+-----+-----+-----+-----+-----+-----+
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━*/

#gnav{
	width:110px;
	height:100%;
	position: fixed;
	left:100%;
	margin-left:-150px;
	background:url(../images/nav_bg.png) left top repeat;
}

#gnav ul{
	padding:30px 0 0 10px;
}
#gnav li{
	margin-bottom:10px;
}

/*━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
+-----+-----+-----+-----+-----+-----+-----+-----+-----+-----+
+-----+// content
+-----+-----+-----+-----+-----+-----+-----+-----+-----+-----+
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━*/
#content{
	position: absolute;
    width:530px;
	left:100%;
	margin-left:-681px;
}
#content_inner{
	margin-top:80px;
	padding:30px;
	background:url(../images/content_bg.png) 0 0 repeat-y;   
}

#content h3{
	padding-bottom:5px;
	font-weight:bold;
	font-size:110%;
	margin-bottom:25px;
	border-bottom:solid 1px #fff;
}

/*━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
+-----+-----+-----+-----+-----+-----+-----+-----+-----+-----+
+-----+// page_ttl
+-----+-----+-----+-----+-----+-----+-----+-----+-----+-----+
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━*/

#page_ttl{
	position: absolute;
	height:40px;
	left:100%;
	margin-left:-681px;
}

/*━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
+-----+-----+-----+-----+-----+-----+-----+-----+-----+-----+
+-----+// footer
+-----+-----+-----+-----+-----+-----+-----+-----+-----+-----+
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━*/

#footer{
	position: fixed;
	top:94%;
	font-size:90%;
	padding:2px 10px;
	background:url(../images/foot_bg.png) left top repeat;
}

/*━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
+-----+-----+-----+-----+-----+-----+-----+-----+-----+-----+
+-----+// about
+-----+-----+-----+-----+-----+-----+-----+-----+-----+-----+
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━*/

#about_ol li{
	list-style-type:decimal;
	margin-left:20px;
}

.map{
	font-size:90%;
	padding-left:13px;
	margin-bottom:50px;
	background:url(../images/icon01.png) left center no-repeat;
}

.about_us table{
    border-collapse: collapse;
   	border-spacing: 0;
}

.about_us table td{
	padding: 10px 0 10px 0;
	border-bottom: 1px solid #333333;
}

.about_us table .t{
}

.about_us table .g{
	width: 120px;
}

/*━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
+-----+-----+-----+-----+-----+-----+-----+-----+-----+-----+
+-----+// works
+-----+-----+-----+-----+-----+-----+-----+-----+-----+-----+
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━*/
.worksBox{
	margin-bottom:30px;
}
.worksBox dt,
.worksBox dd{
	margin-bottom:5px;
}

.worksBox dt{font-weight:bold;}
.worksBox dd{clear:both;}

.worksBox span{
	float:right;
	font-size:90%;
	padding-left:13px;
	background:url(../images/icon01.png) left center no-repeat;
}

/*━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
+-----+-----+-----+-----+-----+-----+-----+-----+-----+-----+
+-----+// message
+-----+-----+-----+-----+-----+-----+-----+-----+-----+-----+
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━*/

#message_ttl{
	padding:0 !important;
	font-size:140% !important;
	margin-bottom:25px;
	border:none !important;
}

/*━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
+-----+-----+-----+-----+-----+-----+-----+-----+-----+-----+
+-----+// contact
+-----+-----+-----+-----+-----+-----+-----+-----+-----+-----+
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━*/

#contact_msg{
	border:solid 1px #fff;
	padding:10px;
	margin-bottom:40px;
}

#contact_table{
	width:100%;
	margin-bottom:20px;
	border-left: solid 1px #fff;
	border-top: solid 1px #fff;
}

#contact_table th,
#contact_table td{
	padding:5px;
	border-right: solid 1px #fff;
	border-bottom: solid 1px #fff;
}

#contact_table th{
	width:150px;
	text-align:left;
}

#contact_table .req{
	float:right;
	font-size:80%;
}

#contact_table .input01{
	width:90% !important;
}
#contact_table .input02{
	width:30% !important;
}

#contact_table .input01,
#contact_table .input02{
	padding:2px 5px;
}

#reset,#submit{
	padding:10px;
}

/*━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
+-----+-----+-----+-----+-----+-----+-----+-----+-----+-----+
+-----+// copyright
+-----+-----+-----+-----+-----+-----+-----+-----+-----+-----+
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━*/

address{
	position: fixed;
	top:94%;
	left:100%;
	font-style:normal;
	font-size:80%;
	margin-left:-140px;
}

/*━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
+-----+-----+-----+-----+-----+-----+-----+-----+-----+-----+
+-----+// over
+-----+-----+-----+-----+-----+-----+-----+-----+-----+-----+
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━*/

.over a:hover img{
	filter: alpha(opacity=70);
	moz-opacity: 0.70;
	opacity: 0.70;
}

/*━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
+-----+-----+-----+-----+-----+-----+-----+-----+-----+-----+
+-----+// common style
+-----+-----+-----+-----+-----+-----+-----+-----+-----+-----+
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━*/

/*+-----+-----+-----+-----+-----+-----+-----+-----+-----+-----+
+-----+// txt
--+-----+-----+-----+-----+-----+-----+-----+-----+-----+-----+*/

.bold{font-weight:bold;}
.txt_r{text-align:right;}

/*+-----+-----+-----+-----+-----+-----+-----+-----+-----+-----+
+-----+// フロート
--+-----+-----+-----+-----+-----+-----+-----+-----+-----+-----+*/
.float_l{float:left;}
.float_r{float:right;}
/*+-----+-----+-----+-----+-----+-----+-----+-----+-----+-----+
+-----+// マージン設定
--+-----+-----+-----+-----+-----+-----+-----+-----+-----+-----+*/

.m_auto{margin-left:auto !important;margin-right:auto !important;}

.m_10{margin:10px;}

.m_t0{margin-top:0px !important;}.m_t5{margin-top:5px !important;}
.m_t10{margin-top:10px !important;}.m_t15{margin-top:15px !important;}
.m_t20{margin-top:20px !important;}.m_t25{margin-top:25px !important;}
.m_t30{margin-top:30px !important;}
.m_t40{margin-top:40px !important;}

.m_b0{margin-bottom:0px !important;}.m_b5{margin-bottom:5px !important;}
.m_b10{margin-bottom:10px !important;}.m_b15{margin-bottom:15px !important;}
.m_b20{margin-bottom:20px !important;}.m_b25{margin-bottom:25px !important;}
.m_b30{margin-bottom:30px !important;}.m_b35{margin-bottom:35px !important;}
.m_b40{margin-bottom:40px !important;}
.m_b50{margin-bottom:50px !important;}

.m_r0{margin-right:0px !important;}.m_r5{margin-right:5px !important;}
.m_r10{margin-right:10px !important;}.m_r15{margin-right:15px !important;}
.m_r20{margin-right:20px !important;}.m_r25{margin-right:25px !important;}
.m_r30{margin-right:30px !important;}


.m_l0{margin-left:0px !important;}.m_l5{margin-left:5px !important;}
.m_l10{margin-left:10px !important;}.m_l15{margin-left:15px !important;}
.m_l20{margin-left:20px !important;}.m_l25{margin-left:25px !important;}
.m_l30{margin-left:30px !important;}

/*+-----+-----+-----+-----+-----+-----+-----+-----+-----+-----+
+-----+// パディング設定
--+-----+-----+-----+-----+-----+-----+-----+-----+-----+-----+*/

.p_0{padding:0 !important;}
.p_5{padding:5px !important;}
.p_10{padding:10px !important;}
.p_15{padding:15px !important;}
.p_20{padding:20px !important;}
.p_30{padding:30px !important;}

.p_t0{padding-top:0px !important;}.p_t5{padding-top:5px !important;}
.p_t10{padding-top:10px !important;}.p_t15{padding-top:15px !important;}
.p_t20{padding-top:20px !important;}.p_t25{padding-top:25px !important;}
.p_t30{padding-top:30px !important;}

.p_b0{padding-bottom:0px !important;}.p_b5{padding-bottom:5px !important;}
.p_b10{padding-bottom:10px !important;}.p_b15{padding-bottom:15px !important;}
.p_b20{padding-bottom:20px !important;}.p_b25{padding-bottom:25px !important;}
.p_b30{padding-bottom:30px !important;}

.p_r0{padding-right:0px !important;}.p_r5{padding-right:5px !important;}
.p_r10{padding-right:10px !important;}.p_r15{padding-right:15px !important;}
.p_r20{padding-right:20px !important;}.p_r25{padding-right:25px !important;}
.p_r30{padding-right:30px !important;}

.p_l0{padding-left:0px !important;}.p_l5{padding-left:5px !important;}
.p_l10{padding-left:10px !important;}.p_l15{padding-left:15px !important;}
.p_l20{padding-left:20px !important;}.p_l25{padding-left:25px !important;}
.p_l30{padding-left:30px !important;}.p_l40{padding-left:40px !important;}
.p_l50{padding-left:50px !important;}

/*━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
+-----+-----+-----+-----+-----+-----+-----+-----+-----+-----+
+-----+// ContentClear
+-----+-----+-----+-----+-----+-----+-----+-----+-----+-----+
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━*/

.clearfix:after{
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}

* html .clearfix{height:1%;}
*:first-child+html .clearfix{height:1%;}

/*\*//*/
.clearfix{
	display: inline-table;
}
/**/