/* CSS Document */
*{
	margin: 0px;
	padding: 0px;
}

body,
div,
dl, dt, dd,
ul, ol, li,
h1, h2, h3, h4, h5, h6,
pre,
form, fieldset, input, textarea,
p, blockquote,
th, td,ul,img{
	margin: 0;
	padding: 0;
	color: #666;
	text-align: left;
}

body{
    font:13px "ＭＳ Ｐゴシック",arial,helvetica,clean,sans-serif;
    *font-size:small;
    *font:x-small;
	color:#666;
}
table{
	font-size: 12px;
	border-collapse: collapse;
	border: 0;
	letter-spacing: normal;
	color: #333;
	line-height: 20px;
	text-align: left;
}

.text10{
	font-size:77%;
}
.text11{
	font-size:85%;
}
.text12{
	font-size:93%;
}
.text13{
	font-size: 100%;
	color: #666;
}
.text14{
	font-size:108%;
}
.text15{
	font-size:116%;
}
.text16{
	font-size:123.1%;
}
.text17{
	font-size:131%;
}
.text18{
	font-size:138.5%;
}
.text19{
	font-size:146.5%;
}
.text20{
	font-size:153.9%;
}
.text21{
	font-size:161.6%;
}
.text22{
	font-size:167%;
}
.text23{
	font-size:174%;
}
.text24{
	font-size:182%;
}
.text25{
	font-size:189%;
}
.text26{
	font-size:197%;
}

ul,ol{
	list-style-type: none;
}

img{
	border:0;
}

html{
	overflow-y:scroll; 
height:100%;
 margin-bottom:1px;
}

.clearfix:after{
	content: ".";
display: block;
clear: both;
height: 0;
visibility: hidden;
}
.clearfix{
	display: inline-block;
}
* html .clearfix{
	height: 1% ;
}
.clearfix{
	display:block;
}


a{
	text-decoration:none;
	color:#666;
}

a:hover{
	text-decoration: underline;
	color: #333;
}


/* ----wrapper------ */
#wrapper{
	width: 900px;
	margin-right: auto;
	margin-left: auto;
	padding-top: 20px;
	color: #333;
}

/* ----header------ */

#header h1{
	float:left;
	margin-bottom:10px;
}

#header ul{
	float:right;
	margin:10px 6px 0px 0px;
}


#header ul li{
	display:inline;
}

#navi{
	clear:both;
	height: 31px;
	position:relative;
}

/* ----#contents------ */

#contents{
	z-index:10;
}

#contents h1{
	padding:35px 0px 15px 50px;
}

#contents h2{
	padding:0px 0px 0px 53px;
	font-size:108%;
}

.jigyotop_a{
	clear:both;
	padding-top:25px;
}
	
.jigyotop_b{
	clear:both;
	float:right;
	padding:10px;
}

/* ----#company------ */

#company table.design1{
	width:850px;
	margin:0 0 50px 50px;
	line-height:1.7;
}

#company table.design1 th,
#company table.design1 td{
	padding:7px 4px;
	text-align:left;
	vertical-align:top;
}

/* ----#kyoten------ */
#kyoten{
	width:100%;
	height:900px;
	background:url(../img/kyoten_bg.gif) 110px 30px no-repeat;
}
	
#kyoten dl{
	margin:0px 0px 0px 55px;
}

#kyoten dl dt{
	background:url(../img/maru.gif) top left no-repeat;
	padding:0px 0px 3px 13px;
	font-weight:bold;
	}
#kyoten dl dd{
	line-height:1.3;
	padding:0px 0px 10px 0px;
}

/* ----business 共通----- */

#naiyo{
	margin:20px 0px 50px 53px;
}

.use_maru{
	background:url(../img/maru.gif) center left no-repeat;
	padding:5px 0px 3px 13px;
	font-weight:bold;
	}

.use_shikaku{
	background:url(../img/shikaku.gif) top left no-repeat;
	padding:5px 0px 3px 13px;
	font-weight:bold;
	}

.use_none{
	padding:0px 0px 3px 12px;
}

.pict{
	margin:0px 0px 50px 100px;
}

.pict_flow{
	float:right;
}

.pict_kikaku{
	margin:25px 0px 0px 55px;
}
	

/* ----#business02------ */
	
#sekkei_r{
	width:200px;
	float:left;
	margin-bottom:20px;
}
#sekkei_l{
	width:200px;
	float:left;
}
	

/* ----#business03------ */

#business03{
	width:100%;
	height:600px;
	background:url(../img/buisiness03_bg.gif) 380px 10px no-repeat;
}

#kikaku_r{
	width:350px;
	margin-bottom:20px;
}


/* ----#business04------ */

#business04{
	width:100%;
	height:600px;
	background:url(../img/buisiness04_bg.gif) 400px 20px no-repeat;
}

#buzai_r{
	width:250px;
	float:left;
}
#buzai_l{
	width:200px;
	float:left;
}
	

/* ----products----- */

#products{
	padding-bottom:30px;
}

#products table.u_katakou{
	text-align:center;
	}

#products table.u_katakou th{
	background-color: #00b9ef;
	color: #ffffff;
	border-top: 1px solid #666;
	padding: 4px 0;
	text-align: center;
	}

#products table.u_katakou td{
	background-color: #e9f7ff;
	border-top: 1px solid #666;
	border-bottom: 1px solid #666;
	padding: 4px 0;
	text-align: center;
	}

.line_right{
	border-right:1px solid #666;
}

#products h4{
	margin:10px 0 3px 0;
	clear:both;
}

.kome p{
	float:right;
	margin:3px 68px 0 15px;
	font-size:85%;
	}

.kome img{
	margin:5px 0 40px 0;
	}

#pict24{
	margin-top:-75px;
	}

#pict24 img{
	float:right;
}
#pict24 img.last{
	margin-bottom:50px;
}


/* ----#investment------ */

#contents #investment h3{
	background:url(../img/mark_01.gif) top left no-repeat;
	padding:0px 0px 5px 12px;
}

#contents #investment h4{
	float:left;
	margin:5px 0px 50px 15px;
	color:#666;
}

#contents #investment ul li{
	display:inline;
	background:url(../img/mark_02.gif) top left no-repeat;
	padding:0px 0px 10px 12px;
	margin:0px 0px 0px 15px;
	line-height:1.7;
	font-weight:bold;
	}

#contents #investment h3 a{
	color:#67ade0;
}
	
/* ----#case------ */

#case, #greeting, #intro{
	text-align: left;
	padding-bottom: 30px;
}

#case img{
	margin:25px 0;
}

.gotop a{
	font-weight:bold;
}


/* ----サイトポリシー、個人情報、電子公告------ */

#subnavi{
	margin:0px 0px 50px 53px;
	font-size:108%;
	line-height:1.5;
}

#subnavi dl dt{
	margin:20px 0px 0px 0px;
}

#subnavi dl dd{
	margin:0px 65px 0px 14px;
}

.deishi{
	margin-bottom:500px;
}

	
/* ----#footer------ */

#footer{
	clear:both;
	border-top:1px solid #999;
	margin-top:15px;
	padding:15px 0px 20px 0px;
	font-size:93%;
}
	
#footer ul{
	float:right;
}

#footer ul li{
	display:inline;
	border-left:1px solid #999;
	padding:0px 8px 0px 15px;
	}

#footer ul li.last{
	border-right:1px solid #999;
	}

div#footer address{
	font-style:normal;
padding:0px 0px 0px 0px;
color:#999999;
}

.inquiry{
	text-align:center;
	margin:20px 0;
}
#wrapper #contents #intro div p{
	font-family: "ＭＳ ゴシック", "MS Gothic", "Osaka－等幅", Osaka-mono, monospace;
	font-size: 12px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	color: #000;
	word-spacing: normal;
	height: auto;
	width: auto;
	text-transform: none;
}
#wrapper #contents #intro div p{
	text-align: center;
}
#wrapper #contents #intro div p{
	line-height: 20px;
}
#wrapper table tr td u font font .menu font a {
	color: #000;
}
#wrapper table tr td u font font font a {
	color: #000;
}
#wrapper table tr td u font a font {
	color: #000;
}
#wrapper #intro #investment .text13 li a {
	color: #333;
}
#wrapper #intro #investment .text13 li a {
	color: #666;
}
#wrapper #intro table tr td u font font {
	color: #000;
}
#wrapper table tr td font {
	color: #000;
}
#wrapper table tr td strong {
	color: #000;
}

@charset "UTF-8";

* {
    box-sizing: border-box;
}

body {
    color: #333;
    font-family: "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
}

.contact {
    width: 960px;
    margin: 0 auto;
    padding: 60px 0;
}

.contact-ttl {
    font-size: 40px;
    font-weight: bold;
    margin-bottom: 40px;
    text-align: center;
}

.contact-table {
    width: 100%;
    margin-bottom: 20px;
    border: 1px solid #ccc;
}

.contact-item,
.contact-body {
    padding: 20px;
    border: 1px solid #ccc;
}

.contact-item {
    text-align: left;
    width: 30%;
    background-color: #eee;
}

.contact-body {
    width: 70%;
}

.form-text {
    width: 100%;
    padding: 10px;
    border-radius: 5px;
    border: 1px solid #ccc;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    max-width: 400px;
}

.contact-sex + .contact-sex {
    margin-left: 10px;
}

.contact-sex-txt {
    display: inline-block;
    margin-left: 5px;
}

.form-select {
    width: 180px;
    height: 40px;
    padding: 5px;
    border: 1px solid #ccc;
    border-radius: 5px;
}

.contact-skill {
    display: block;
}

.contact-skill + .contact-skill {
    margin-top: 10px;
}

.contact-skill-txt {
    display: inline-block;
    margin-left: 5px;
}

.form-textarea {
    width: 100%;
    padding: 10px;
    height: 300px;
    border-radius: 5px;
    border: 1px solid #ccc;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
}

.contact-submit {
    width: 250px;
    background-color: #5073BD;
    color: #fff;
    font-weight: bold;
    display: block;
    margin: 0 auto;
    font-size: 16px;
    padding: 15px;
    border-radius: 100vh;
    border: none;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    cursor: pointer;
}