﻿@charset "Shift_JIS";

/*===========================================================

 stylecss

============================================================*/


/* :::::::::::::::::::::::::::: reset :::::::::::::::::::::::::::: */
* {
margin:0px;
padding:0px;
}

html{
	height:100%;
}

body{
	height:100%;
	background-color:#000;
	text-align:center;
	color:#333333;
	font:17px/1.22; font-family:"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,Osaka,"ＭＳ Ｐゴシック","MS PGothic",SegoeUI,Tahoma,Verdana,Arial,sans-serif;
	*font-size:small;
	*font:x-small;
}

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{
	margin:0;
	padding:0;
}

fieldset,
img { border:0; vertical-align:bottom; margin:0; padding:0; }

address,
caption,
cite,
code,
dfn,
em,
strong,
th,
var { font-style:normal; font-weight:normal; }

pre,
code,
kbd,
samp,
tt { font-family:monospace; *font-size:108%; line-height:99%; }

li { list-style:none; }

caption,
th { text-align:left; }

h1,h2,h3,h4,h5,h6 {
	font-size:14px;
	font-weight:normal;
}

q:before,q:after { content:''; }

abbr,
acronym { border:0; font-variant:normal; }

sup,
sub { line-height:-1px; vertical-align:text-top; }
sub { vertical-align:text-bottom; }

input,
textarea,
select { font-family:inherit; font-size:inherit; font-weight:inherit; }

address { font-style:normal; }

hr { display:none; }



/* :::::::::::::::::::::::::::: link ::::::::::::::::::::::::::: */
a:link {   
    color:#da0012;   
    text-decoration:underline;   
}   
a:visited {   
    color:#da0012;   
    text-decoration:underline;   
}   
a:hover {
    color:#333333;  
    text-decoration:none;   
}
a:active {   
    color:#333333;   
} 


/* ------------------------- **** -------------------------- */
.clr{clear:both;}
.blk{display:block;}


/*------------------------------------------------------------
 文字
-------------------------------------------------------------*/
.r14{
	font-size:14px;
	color:#F00909;
}
.f18g{
	font-size:18px;
	color:#00a040;
	font-weight:bold;
}

/*===========================================================

 枠組・レイアウト用css

============================================================*/

/*=========================================================== 

	#header
	
/*=========================================================== */
#header{
    margin:0;
	padding:0 0 1px 0;
	width:auto;
	min-width: 1030px;
	height:100px;
	background:#fff;
}
#header #headerbox{
    margin:0 auto;
	padding:0 15px;
	width:1000px;
	height:auto;
	background:#fff;
}
#header #headerbox h1{
	text-align:left;
	float:left;
	margin:0;
	padding:0;
}
#header #headerbox ul.headmenu{
	float:left;
	width:690px;
	height:100px;
	margin:0;
	padding:0;
}
#header #headerbox ul.headmenu li{
	float:left;
	margin:0;
	padding:0;
}

/*=========================================================== 

	#メイン画像
	
/*=========================================================== */
#main{
	background-image: url(../images/main.jpg) ;
    background-size: cover;
    background-position: center;
	min-width: 1030px;
	width:100%;
	height: 500px;
	text-indent:-9999px;
	white-space:nowrap;
	overflow:hidden;
}
#main2{
	background-image: url(../images/main2.jpg) ;
    background-size: cover;
    background-position: center;
	min-width: 1030px;
	width:100%;
	height: 500px;
	text-indent:-9999px;
	white-space:nowrap;
	overflow:hidden;
}
/*=========================================================== 

	#フッター
	
/*=========================================================== */
.footer{
    margin:30px 0;
	padding:0;
	color: #ffffff;
	font-size: 14px;
}
/*=========================================================== 

	#ページトップ
	
/*=========================================================== */
#scroll-to-top {
  position: fixed;
  z-index: 2147483647;
  bottom: 5px;
  right: 16px;
  background-color:#da0012;
  color: #fff;
  font-size: 18px;
  font-family: sans-serif;
  text-decoration: none;
  padding: 10px 15px;
  margin-bottom: 12px;
  border-radius: 4px;        /* CSS3草案 */  
  -webkit-border-radius: 4px;    /* Safari,Google Chrome用 */  
  -moz-border-radius: 4px;   /* Firefox用 */ 

}
.pt01 {
  background-color:#fff;
  border:#014099 1px solid;
  font-size: 14px;
  font-family: sans-serif;
  text-decoration: none;
  padding: 3px 3px;
  text-align:right;
  margin:20px 0 0 670px;
}

/*=========================================================== 

	#サブ画像
	
/*=========================================================== */
#sub{
    margin:0;
	padding:0;
	width:auto;
	min-width: 1030px;
	height: auto;
	background:#fff;
}
#sub #subbox{
    margin:0 auto;
	padding:60px 15px 47px 15px;
	width:1000px;
	height:auto;
	background:#fff;
}
#sub #subbox .subbox01{
    margin:0 45px 0 0;
	padding:0;
	width:455px;
	height:auto;
	float: left;
	font-size: 18px;
	text-align: left;
}
#sub #subbox .subbox01 img{
    margin:0 15px 0 0;
	padding:0;
	width:214px;
	height:141px;
	float: left;
}
/*=========================================================== 

	#会社概要
	
/*=========================================================== */
#company{
    margin:0;
	padding:0 0 25px 0;
	width:auto;
	min-width: 1030px;
	height: auto;
	background:#f5f5f5;
}
#company #companybox{
    margin:0 auto;
	padding:0 15px 47px 15px;
	width:1000px;
	height:auto;
	background:#f5f5f5;
}
#company #companybox ul,#company2 #companybox2 ul{
    margin:0;
	padding:0;
	width:1000px;
	height:auto;
}
#company #companybox ul li,#company2 #companybox2 ul li{
    margin:0;
	padding:0;
	width:1000px;
	height:auto;
	float: left;
}
#company #companybox ul li.c01,#company2 #companybox2 ul li.c01{
    margin:0;
	padding:20px 0 20px 20px;
	width:220px;
	height:auto;
	font-weight: bold;
	text-align: left;
	float: left;
}
#company #companybox ul li.c02,#company2 #companybox2 ul li.c02{
    margin:0;
	padding:20px 20px 20px 0;
	width:740px;
	height:auto;
	text-align: left;
	float: left;
}
#company #companybox ul li.line,#company2 #companybox2 ul li.line{
	width: 1000px;
	background: url(../images/line02.gif) top left no-repeat;
	padding: 0 0 2px 0;
	height: auto;
	margin: 0;
	float: left;
	clear:both;
}
#company #companybox ul.map01,#company2 #companybox2 ul.map01{
    margin:25px 0 0 0;
	padding:0 0 0 50px;
	width:950px;
	height:auto;
}
#company #companybox ul.map01 li,#company2 #companybox2 ul.map01 li{
    margin:0 0 10px 0;
	padding:0 0 0 15px;
	width:935px;
	height:auto;
	text-align: left;
	background: url(../images/disc.gif) top left no-repeat;
}
#company #companybox ul.map01 li p.m01,#company2 #companybox2 ul.map01 li p.m01{
	font-size: 18px;
	font-weight: bold;
}
/*=========================================================== 

	#会社概要 悪アクセス
	
/*=========================================================== */
#company2{
    margin:0;
	padding:0 0 25px 0;
	width:auto;
	min-width: 1030px;
	height: auto;
	background:#ffffff;
}
#company2 #companybox2{
    margin:0 auto;
	padding:0 15px 47px 15px;
	width:1000px;
	height:auto;
	background:#ffffff;
}
/*=========================================================== 

	#事業概要
	
/*=========================================================== */
#business{
    margin:0;
	padding:0 0 45px 0;
	width:auto;
	min-width: 1030px;
	height: auto;
	background:#ffffff;
}
#business #businessbox{
    margin:0 auto;
	padding:0 15px 47px 15px;
	width:1000px;
	height:auto;
	background:#ffffff;
}
#business #businessbox p.b01{
	text-align: left;
}
#business #businessbox p.line01{
	width: 1000px;
	background: url(../images/line01.gif) top left no-repeat;
	padding: 0 0 2px 0;
	height: auto;
	margin: 20px 0 25px 0;
	float: left;
	clear:both;
}
/*=========================================================== 

	#受注実績
	
/*=========================================================== */
#results{
    margin:0;
	padding:0 0 25px 0;
	width:auto;
	min-width: 1030px;
	height: auto;
	background:#f5f5f5;
}
#results #resultsbox{
    margin:0 auto;
	padding:0 15px 47px 15px;
	width:1000px;
	height:auto;
	background:#f5f5f5;
}
#results #resultsbox p.b01{
	text-align: left;
}
#results #resultsbox p.line01{
	width: 1000px;
	background: url(../images/line01.gif) top left no-repeat;
	padding: 0 0 2px 0;
	height: auto;
	margin: 20px 0 25px 0;
	float: left;
	clear:both;
}
/*=========================================================== 

	#個人情報
	
/*=========================================================== */
#privacy{
    margin:0;
	padding:0 0 25px 0;
	width:auto;
	min-width: 1030px;
	height: auto;
	background:#ffffff;
}
#privacy #privacybox{
    margin:0 auto;
	padding:0 15px 47px 15px;
	width:1000px;
	height:auto;
	background:#ffffff;
}
#privacy #privacybox ul{
    margin:0;
	padding:0;
	width:1000px;
	height:auto;
}
#privacy #privacybox ul li{
    margin:0;
	padding:0;
	width:1000px;
	height:auto;
	float: left;
}
#privacy #privacybox ul li.c03{
    margin:0;
	padding:15px 15px 50px 15px;
	width:970px;
	height:auto;
	text-align: left;
	float: left;
}
#privacy #privacybox ul li.c04{
    margin:0;
	padding:20px 0 20px 15px;
	width:45px;
	height:auto;
	text-align: left;
	float: left;
}
#privacy #privacybox ul li.c05{
    margin:0;
	padding:20px 15px 20px 0;
	width:925px;
	height:auto;
	text-align: left;
	float: left;
}
#privacy #privacybox ul li.c06{
    margin:0;
	padding:20px 0 40px 0;
	width:1000px;
	height:auto;
	text-align:  right;
	float: left;
}
#privacy #privacybox ul li.line02{
	width: 1000px;
	background: url(../images/line01.gif) top left no-repeat;
	padding: 0 0 2px 0;
	height: auto;
	margin: 0;
	float: left;
	clear:both;
}
/*=========================================================== 

	#お問い合わせ
	
/*=========================================================== */
#contact{
    margin:0;
	padding:0;
	width:auto;
	min-width: 1030px;
	height: auto;
	background:#fff;
}
#contact #contactbox{
    margin:0 auto;
	padding:0 15px 100px 15px;
	width:1000px;
	height:auto;
	background:#fff;
}
#contact #contactbox p.text01{
	text-align: center;
	font-size: 24px;
	font-weight: bold;
}
#contact #contactbox p.text02{
	text-align: left;
	font-size: 18px;
	color: #F00909;
}
#contact #contactbox ul.contact01{
	margin: 15px 0 30px 0;
	float: left;
	width: 1000px;
	height: auto;
}
#contact #contactbox ul.contact01 li{
	margin: 0;
	float: left;
	text-align: left;
}
#contact #contactbox ul.contact01 li.co01{
	width: 250px;
	height: auto;
	margin: 0;
	padding: 27px 0 15px 0;
	float: left;
}
#contact #contactbox ul.contact01 li.co02{
	width: 750px;
	height: auto;
	margin: 0;
	padding: 15px 0;
	float: left;
}
#contact #contactbox ul.contact01 li.co03{
	width: 250px;
	height: auto;
	margin: 0;
	padding: 15px 0;
	float: left;
}
#contact #contactbox ul.contact01 li.line{
	width: 1000px;
	background: url(../images/line01.gif) top left no-repeat;
	padding: 0 0 2px 0;
	height: auto;
	margin: 0;
	float: left;
	clear:both;
}
#contact #contactbox .f01{
	width:300px;
	height:auto;
	margin:5px 15px 5px 0;
	padding:5px;
	border:#b2b1b1 1px solid;
}
#contact #contactbox .f02{
	width:500px;
	height:150px;
	margin:5px 15px 5px 0;
	padding:5px;
	border:#b2b1b1 1px solid;
	vertical-align:text-top;
}
#contact #contactbox .f03{
	width:100px;
	height:auto;
	margin:5px 15px 5px 0;
	padding:5px;
	border:#b2b1b1 1px solid;
}
#contact #contactbox .btn01{
	width:160px;
	height:40px;
	font-size:16px;
    margin:0;
	padding:0;
	color:#FFF;
	background:url(../images/arrow.png) #da0012 no-repeat center right;
	text-align:center;
	cursor: pointer;
	border:#da0012 1px solid;
	border-radius: 4px;        /* CSS3草案 */  
    -webkit-border-radius: 4px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 4px;   /* Firefox用 */
	}

#contact #contactbox p.text03{
	text-align: left;
	font-size: 16px;
	color: #F00909;
}
#contact #contactbox p.text04{
	text-align: left;
	font-size: 16px;
}
/*=========================================================== 

	#共通
	
/*=========================================================== */
h2{
	margin: 0 0 35px 0;
	padding: 60px 0 10px 22px;
	font-size:30px;
	font-weight: bold;
	background: url(../images/title_back.png) top left no-repeat;
	border-bottom: #b2b1b1 1px solid;
	text-align: left;
}
h3{
	margin: 0 0 15px 0;
	padding: 0;
	font-size:24px;
	font-weight: bold;
	text-align: left;
}
h4{
	margin: 25px 0 10px 0;
	padding: 0;
	font-size:20px;
	font-weight: bold;
	text-align: left;
	color: #da0012;
}
/*------------------------------------------------------------
 テーブル
-------------------------------------------------------------*/
table{
	margin:10px 0 0 0;
	padding:0;
	width:100%;
	height:auto;
	text-align:center;
	line-height:24px;
	border-collapse: collapse;
	background: #ffffff;
}
th,td{
	border: 1px solid #b2b1b1;
}
table tr th{
	margin:0;
	padding:20px 0 18px 0;
	background-color:#e2e2e2;
	font-size:18px;
	font-weight:bold;
	text-align:center;
}
table tr td{
	margin:0;
	padding:20px 0 18px 0;
	font-size:16px;
	text-align:center;
}
table tr td.t01{
	margin:0;
	padding:20px 0 18px 0;
	font-size:16px;
	font-weight:bold;
	text-align:center;
}
table tr td.t02{
	margin:0;
	padding:20px 30px 18px 60px;
	font-size:16px;
	text-align:left;
}
table tr td.t03{
	margin:0;
	padding:15px 20px 13px 20px;
	font-size:14px;
	text-align:left;
	width: 110px;
	height: auto;
}
table tr td.t04{
	margin:0;
	padding:15px 20px 13px 20px;
	font-size:14px;
	text-align:left;
	width: 550px;
	height: auto;
	line-height: 18px;
}
table tr td.t05{
	margin:0;
	padding:15px 20px 13px 20px;
	font-size:14px;
	text-align:left;
	line-height: 18px;
}

