@charset 'UTF-8';

*{ 
    margin:0;padding:0; 
} 

html{ 
    height:100%; 
}

img {border: 0;}

body {
    min-height:100%; 
    height:auto !important;
    height:100%; 
   	font-size: 14px;
	background:white url("/images/background.jpg") repeat-x;
	font-size: 14px;
	line-height: 1.8em;
	font-family:verdana,Hiragino Kaku Gothic Pro,Osaka,MS PGothic,Sans-Serif;
}


#container {
    min-height:100%; 
    height:auto !important;
    height:100%; 
	position:relative;
	margin: 0 auto;
	background: white;
}

.wrapper {
	width: 980px;
	margin: 0 auto;
}
body > #container{ 
  height:auto;
  overflow: auto;
}

h1 {
	font-size: 12px;
	line-height: 12px;
	padding: 10px 0px ;
	font-weight: normal;
	background: #ccc;
	color: #444;
	
}
h2 {
	-moz-border-radius:5px ;
	-webkit-border-radius:5px ;
	border-radius:5px;
	font-size: 18px;
	line-height: 1em;
	padding: 10px 20px ;
	font-weight: normal;
	background: #444;
	color: white;
	margin-bottom: 20px;
	
}

input {font-size: 16px;padding: 5px;}
textarea{font-size: 16px;padding: 5px;line-height: 1.8em;width: 400px;}
#header{
}

#mainimg {
	height: 486px;
	background: url(/images/mainimg_20160720.jpg) no-repeat center top;
}

#idx_service{
/* 	background: url(/images/bg_service.jpg) no-repeat center top; */
	padding: 30px 0;
/* 	font-size: 0; */
}

/*
#idx_service a{
	display: inline-block;
	padding: 10px;	
}
*/

#idx_company{
/* 	background: #f2f0de; */
	background: #efefef;
	padding: 30px 0;
}

#contents {

}


#gmenu {
/* 	background: url(/images/bg_header.jpg) repeat-x center bottom; */
	text-align: center;
	font-size: 0;
	padding: 10px 0;
}

#gmenu a{
	font-size: 16px;
	display: inline-block;
	min-width:100px;
	padding: 6px 15px;
	color: white;
	font-weight: bold;
	border-right: 1px dotted #444;
	text-align: center;
	vertical-align: middle;
	text-decoration: none;
}
#gmenu a:hover{
	color: #f90;
	text-decoration: underline;
}
#gmenu a.last {
	border: 0;
}


#main {
	float: left;
	width: 760px;

}

#sidemenu {
	float: right;
	width:200px;

}


#sidemenu .service {
	-moz-border-radius:5px ;
	-webkit-border-radius:5px ;
	border-radius:5px;
	border: 1px solid #ccc;
	background: #efefef;
	height: 140px;
	padding: 30px;
	display: block;
	margin-bottom: 20px;
}


#sidemenu a{
	font-size: 14px;
	display: block;
	padding:10px 10px;
	border:2px solid #ccc;
	margin:5px 0;
	text-decoration: none;
	color: #777;
	font-weight: bold;
}
#sidemenu a:hover{
	color: #000;
	background: #eee;

}


#mainmenu {
	

}


#tag {
	border-bottom: 1px solid #ccc;
	padding: 20px 0;
	margin:0 0 10px 0;
	font-size: 22px;
	font-weight: bold;
	margin: 0 auto;
/* 	background: url(/images/bg_tag.jpg) no-repeat; */
	color: white;
	background: #444;
	letter-spacing: 0.1em;
}

#tag small{
	font-size: 10px;
}

#mainmenu img {
	padding:0;margin:0;
	float:left;
	border:0;

}

#footer {
	background: #ccc;
	padding: 40px 0;
	color: #444;
}

#footer a{
	text-decoration: none;
	color: #09f;
}

#footer ul {
	list-style-type: none;
}
#footer li {
	padding:0;
	margin:0;
}

#footer .ft_menu{
	float:left;
	width:180px;
	padding:0;
	margin:0;

}

#footer .ft_menu h2{
	font-size: 14px;
	font-weight: bold;
}

#footer .ft_copyright {
	border-top: 1px #aaa dotted;
	padding: 15px 0 15px 0;
	font-size: 12px;
}

.box_simple {
	border:1px solid #ddd;
	padding:15px;

}

td {
	text-align:left;
	vertical-align:top;
}

.labelField {
	border:1px solid #FFFFFF;
	background-color:#dfdfdf;
}

.nomalField {
	border:1px solid #FFFFFF;
	background-color:#efefef;
}

em{
	color:#990000;
}

input {
margin:4px;
}

.w100 {
margin:4px;
}

.flowbox{
	padding:15px;
	border:2px solid #ccc;
	margin:10px 0;
}

.flowbox h3 {
	border-bottom: 2px dotted #ccc;
	margin:0 0 5px 0;
}

.orange {
	color: #f60;
}

.yajirushi {
	height:40px;
	background: url("/images/yajirushi.jpg") no-repeat center;
}


#indexgallery {

	border: 1px solid #ccc;
}
#indexgallery .entry_cover{
	float:left;
	width:80px;
	overflow: hidden;
	margin: 5px;
}

#indexgallery a {font-size: 11px; font-weight: normal;text-decoration: none;color: #09f;}
#indexgallery .img {
	width: 80px;
	height:120px;
	overflow: hidden;
	border: 1px solid #ccc;
}
#indexgallery img {
	height:120px;

}
#indexgallery .cmt ,#indexgallery .time {
	display: none;
}

.thumb {width: 400px;}

.recruittag {
    border-bottom: 2px solid #FF9628;
    color: #FF6600;
    font-size: 124%;
    font-weight: bold;
    margin: 0 0 15px;
    padding: 5px 0;
}
table.tableborder {
	border-collapse: collapse;
	background: white;
}

.tableborder th,.tableborder td{
    border: 1px solid #EEDBBB;
    line-height: 1.4;
    padding: 10px 10px;
    vertical-align: top;
}


.pframe{padding:5px;border:2px solid #ccc;}
.sp_l_15 {margin-left:15px }
.sp_r_15 {margin-right:15px }



.clear {clear: both;height: 0;font-size:0;overflow: hidden;}
.space05c {clear: both;margin-bottom:5px;height: 0;font-size:0;overflow: hidden;}
.space10c {clear: both;margin-bottom:10px;height: 0;font-size:0;overflow: hidden;}
.space15c {clear: both;margin-bottom:15px;height: 0;font-size:0;overflow: hidden;}
.space20c {clear: both;margin-bottom:20px;height: 0;font-size:0;overflow: hidden;}
.space25c {clear: both;margin-bottom:25px;height: 0;font-size:0;overflow: hidden;}

.r5b1 {
	-moz-border-radius:5px ;
	-webkit-border-radius:5px ;
	border-radius:5px;
	border: 1px solid #ccc;
}
#sendForm input,#sendForm textarea {font-size:14px;border: 2px solid #999;padding: 5px;background:#f5fbd9; }
#sendForm button {padding: 5px;font-size: 14px;}


#flow .yajirushi { text-align: center;height: 100px;}
#flow .numbers {float: left; width: 50px;}
#flow .photo {float: left;width: 200px;text-align: right;}
#flow .desc {float: left;width: 420px;}
#flow .photo img {border: 1px solid #ccc;padding: 5px;background: white;}

.attention {
	-moz-border-radius:5px ;
	-webkit-border-radius:5px ;
	border-radius:5px;
	border: 1px solid #444;
	padding: 20px;
	font-size: 11px;
	line-height: 1.6em;
}


.fl150 { float: left; width: 150px; }
.fr150 { float: right; width: 150px; }
.fl200 { float: left; width: 200px; }
.fr200 { float: right; width: 200px; }
.fl250 { float: left; width: 250px; }
.fr250 { float: right; width: 250px; }
.fl300 { float: left; width: 300px; }
.fr300 { float: right; width: 300px; }
.fl350 { float: left; width: 350px;}
.fr350 { float: right; width: 350px;}
.fl400 { float: left; width: 400px; }
.fr400 { float: right; width: 400px;}
.fl450 { float: left; width: 450px; }
.fr450 { float: right; width: 450px;}
.fl500 { float: left; width: 500px; }
.fr500 { float: right; width: 500px;}
.fl550 { float: left; width: 550px; }
.fr550 { float: right; width: 550px;}


.btn {
	display: block;
	margin: 7px auto;
	text-align: center;
	font-size:16px;
	text-decoration: none;
	width: 230px;
	background: #a31770;
	color: yellow;
	font-weight: bold;
	padding: 10px;
	line-height: 1em;
	-moz-border-radius:5px ;
	-webkit-border-radius:5px ;
	border-radius:5px;
}

.btn:hover {
	background: #c11983;
}


.photos {}
.photos a{
	display: block;
	width: 30%;
	margin: 1.3%;
	float: left;
	text-align: center;
	color: #777;
	text-decoration: none;
}
.photos a:hover{
	opacity: 0.7;
}

.photos a img{
	width: 100%;
	border: 1px solid #ccc;
}

.goods {}
.goods .box{
	display: block;
	width: 48%;
	margin: 1.0%;
	float: left;
	text-align: center;
	color: #777;
	text-decoration: none;
	height: 300px;
}
.goods .box:hover{
	opacity: 0.7;
}
.goods strong {
	font-size: 16px;
}
.goods p {
	text-align: left;
}
.goods h3 {
	margin-bottom: 5px;
}
.goods .box img{
	width: 100%;
	border: 1px solid #ccc;
}

.tags span{
	display: block;
	padding: 1%;
	width: 21%;
	margin: 1.0%;
	font-size: 14px;
	font-weight: bold;
	color: white;
	line-height: 1.0;
	float: left;
	text-align: center;
	text-decoration: none;
	background: #f60;
	-moz-border-radius:15px ;
	-webkit-border-radius:15px ;
	border-radius:15px;
}


#service .list {
		-moz-border-radius:5px ;
		-webkit-border-radius:5px ;
		border-radius:5px;
	border: 1px solid #ccc;
	background: #efefef;
	height: 140px;
	padding: 30px;
	display: block;
	margin-bottom: 20px;
}


#service .mainimg {
	display: block;
	margin-bottom: 20px;
	width: 48%;
	float: left;
}


#service .desc {
	display: block;
	margin-bottom: 20px;
}

#service a.photobox {
	display: block;
	width: 223px;
	height: 160px;
	margin: 8px;
	border: 2px solid #ccc;
	-moz-border-radius:10px ;
	-webkit-border-radius:10px ;
	border-radius:10px;
	overflow: hidden;
	float: left;
}
#service a.photobox img{
	width: 100%;
	height: auto;
	display: block;
}

#works a {
		-moz-border-radius:5px ;
		-webkit-border-radius:5px ;
		border-radius:5px;
	border: 1px solid #ccc;
	background: #efefef;
	height: 220px;
	width: 220px;
	display: block;
	margin:10px;
	float: left;
}

#index a.box {
		-moz-border-radius:5px ;
		-webkit-border-radius:5px ;
		border-radius:5px;
	border: 1px solid #ccc;
	background: #efefef;
	height: 220px;
	width: 220px;
	display: block;
	margin:10px;
	float: left;
}




.point {
	display: inline-block;
	-moz-border-radius:5px ;
	-webkit-border-radius:5px ;
	border-radius:5px;
	padding: 10px;
	background: #f90;
	color: white;
	line-height: 1em;
	font-size: 16px;
}


.sample_mainimg {
		-moz-border-radius:5px ;
		-webkit-border-radius:5px ;
		border-radius:5px;
	border: 1px solid #ccc;
	background: #efefef;
	height: 190px;
	padding: 30px;
	display: block;
	margin-bottom: 20px;
	
}

.sample_contact {
		-moz-border-radius:5px ;
		-webkit-border-radius:5px ;
		border-radius:5px;
	border: 1px solid #ccc;
	background: #efefef;
	height: 140px;
	padding: 30px;
	display: block;
	margin-bottom: 20px;
	
}

.line {
	border-bottom: 1px dotted #000;
	height: 1px;
}

a.service_link {
		display: block;
		color: #444;
		font-size: 22px;
		-moz-border-radius:15px ;
		-webkit-border-radius:15px ;
		border-radius:15px;
		width: 42.0%;
		margin: 0.9%;
		float: left;
		padding: 50px 30px !important;
		background: #ddd;
		text-align: center;
		text-decoration: none;
		font-weight: bold;
}

.service_link small{
	display: block;
	font-weight: normal;
	font-size: 12px;
}