/************************************************************************************
RESET
*************************************************************************************/


/************************************************************************************
GENERAL STYLING
*************************************************************************************/


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


body {
	font-size:16px;
	line-height:30px;
	margin:0px;
	padding:0;
}
/*h1 {
	font-size:1.5em;
	margin-bottom:1em;
}
h2 {
	font-size:1.2em;
	margin-bottom:1em;
	margin-top:2em;
}
h3 {
	font-size:1em;
	margin-bottom:1em;
}*/
.mtop0 {
	margin-top:0;
}
ul {
	margin-bottom:10px;
	padding-left:18px;
}
ol {
	margin-bottom:10px;
	padding-left:26px;
}
li {
	margin:5px 0;
}
ol li ol,
ul li ul,
ol li ul,
ul li ol  {
	margin:0;
}
p {
	margin:1em 0;
}
a:hover img {
  opacity: 0.7;
  filter: alpha(opacity=70);
  -ms-filter: "alpha(opacity=70)";
}
form th {
	text-align:right;
	vertical-align:top;
}
th,td,textarea,input {
	font-family:verdana,arial,helvetica,sans-serif;
	font-size:100%;
}
img {
	border:0;
}
pre {
	margin-top:1em;
	margin-bottom:1em;
	padding:10px;
	overflow:auto;
	overflow-y: visible;
}
code {
	padding:1px 3px;
}
code, pre {
	background:#fff none repeat scroll 0 0;
	color:#555;
}
textarea,input { padding:2px 5px; }
blockquote{ margin:1em 0; padding:15px; border:1px solid #ccc; background:#fff url("../img/skin/dquot.gif") no-repeat 10px .8em; }
cite { text-align:right; display:block; font-size:.85em; }
cite a { text-decoration:none; }
dl	{ margin:0; padding:0; }
dt	{ font-weight:bold; margin:0; padding:0 0 0 20px; font-size:1.2em; }
dd	{ margin:0; padding:0; }
img { border:0; }
fieldset {
	background-color:#fff;
	padding:0 10px 10px 10px;
	border:1px solid #ccc;
}
legend {
	font-weight:bold;
}
option {
	padding-right:1em;
}
hr {
	margin:20px 0;
}
fieldset p {
	margin-top:1em;
	margin-bottom:0;
}
th,
td {
	padding:3px 5px;
}
img.icon { vertical-align:middle; padding-right:2px; }
.cite { font-size:.8em; }
.indent { margin-left:20px; }
.clearfix:after {
	content:".";
	display:block;
	visibility:hidden;
	height:0.1px;
	font-size:0.1em;
	line-height:0;
	clear:both;
}
.clearfix {
	display:inline-block;
}
/* Hides from IE-mac \*/
* html .clearfix {
	height:1%;
}
.clearfix {
	display:block;
}
/* End hide from IE-mac */

#wrap {
}





.ns,hr{display:none;}


#th {
	margin:0 0 20px 0;
}
body.black {
	background-color:#000;
	color:#ccc;
}
body.black a {
	color:#ff6699;
}



/************************************************************************************
HEADER
*************************************************************************************/

#head {
	padding: 0;
	border-top: 7px solid #007bc7;
	height: 270px;
	background-image: url(../images/head.jpg);
	background-repeat: repeat-x;
	background-position: 0 0;
}
#head-inside {
	margin:0 auto;
	height: 270px;
	padding: 0;
	width: 960px;
	position: relative;
	background-image: url(../images/head-inside.jpg);
}
#head-logo {
	position: absolute;
	left: 350px;
	top: 50px;
}
#head-description {
	position: absolute;
	left: 75px;
	top: 218px;
	font-size: 14px;
	line-height: 22px;
}
#head-boxlogo {
	position: absolute;
	top: 207px;
	left: 0px;
	width: 45px;
}

#head-job {
	position: absolute;
	top: 43px;
	right: 0px;
}
#head-tel {
	position: absolute;
	top: 93px;
	right: 0px;
}
#head-home {
	position: absolute;
	left: 330px;
	top: 206px;
}
#head-work {
	position: absolute;
	left: 457px;
	top: 206px;
}
#head-about {
	position: absolute;
	left: 583px;
	top: 206px;
}
#head-company {
	position: absolute;
	left: 709px;
	top: 206px;
}
#head-contact {
	position: absolute;
	left: 835px;
	top: 206px;
}



/************************************************************************************
FOOTER
*************************************************************************************/



#foot {
	padding: 0;
	border-top: 7px solid #007bc7;
	border-bottom: 7px solid #007bc7;
	clear: both;
	margin: 50px 0 0 0;
	text-align: left;
}
.foot-inside {
	margin:0 auto;
	width: 960px;
	overflow: hidden;
	clear: both;
}
#foot-navi {
	border-bottom: 1px solid #cdcdcd;
	clear: both;
	overflow: hidden;
	padding: 0 0 15px 0;
}
#foot-navi p{
	clear: both;
	padding: 0 0 14px 0;
	margin: 0;
}
#foot-about {
	clear: both;
	margin: 0;
	font-size: 13px;
}
#foot-about p{
	padding: 0;
	margin: 0;
	
}
#foot-fb {
	width: 505px;
	float: left;
	color: #9e9e9e;
	text-align: right;
	padding: 60px 0 0 0;
}
#foot-manage {
	padding: 20px 0 0 0;
	clear: both;
	font-size: 11px;
	overflow: hidden;
	border-top: 1px solid #cdcdcd;
}
#foot-copy {
	font-size: 11px;
	float: right;
	width: 500px;
	text-align: right;
	line-height: 19px;
	padding: 0 20px 0 0;
}
#foot-logo {
	float: right;
	width: 136px;
}


/************************************************************************************
COMMON
*************************************************************************************/

#top-outer {
	clear: both;
	margin: 0;
	overflow: hidden;
	text-align: center;
	background-color: #007bc7;
	height: 278px;
	padding: 7px 0 0 0;
}
#top {
	padding: 0;
	clear: both;
	width: 960px;
	margin: 0 auto;
	overflow: hidden;
	height: 278px;
}

#contents-outer {
	padding: 50px 0 0 0;
	clear: both;
	margin: 0;
	overflow: hidden;
	text-align: left;
	border-top: 7px solid #007bc7;
}
#contents {
	padding: 0;
	clear: both;
	width: 960px;
	margin: 0 auto;
	overflow: hidden;
	text-align: left;
}
#contents-side {
	width: 270px;
	float: right;
}
#contents-side p {
	overflow: hidden;
	clear: both;
	margin:0 0 15px 0;
	padding: 0;
}
ul.work-side {
	overflow: hidden;
	clear: both;
	margin:0;
	padding: 0;
}
ul.work-side li {
	overflow: hidden;
	clear: both;
	margin:0 0 0 0;
	padding: 0;
	list-style-type: none;
}

#contents-main {
	width: 685px;
	float: left;
	text-align: left;
}
.maintitle {
	clear: both;
	font-size: 24px;
}
.manittitle-sub {
	font-size: 13px;
}
.subtitle {
	clear: both;
	font-size: 20px;
	background-image: url(../images/subtitle.jpg);
	background-position: 0 0;
	background-repeat: repeat;
	padding: 3px 10px 2px;
	margin: 0 30px 0 0;
}
.date {
	clear: both;
	font-size: 12px;
	margin: 0 30px 10px 0;
	text-align: right;
}
.index-info {
	padding: 20px 30px 10px;
	clear: both;
	border: 1px solid #d6d6d6;
}
.index-info-box {
	padding: 0 0 10px 0;
	clear: both;
	border-bottom: 1px dotted #d6d6d6;
	overflow: hidden;
}
.index-info-day {
	float: left;
	width: 100px;
}
.index-info-title {
	float: right;
	width: 490px;
}
.jireiichiran {
	clear: both;
	overflow: hidden;
	text-align: right;
}
.worklist {
	clear: both;
	overflow: hidden;background-image: url(../images/worklist.jpg);
	background-repeat: repeat-y;
	background-position: 0 0;
}
.worklist-box {
	float: left;
	width: 327px;
	text-align: center;
	border-right: 1px solid #d6d6d6;
	margin: 0 0 20px;
}
.worklist-box-photo {
	clear: both;
	overflow: hidden;
	margin: 25px;
}
.worklist-box-day {
	clear: both;
	overflow: hidden;
}
.worklist-box-title {
	clear: both;
	overflow: hidden;
}
.tc {
	text-align: center;
}


/************************************************************************************
INDEX
*************************************************************************************/

#contents-index {
	padding: 0;
	clear: both;
	width: 960px;
	margin: 0 auto;
	overflow: hidden;
	text-align: left;margin-top: 50px;
}
.ahead {
	font-size: 16px;
	clear: both;
	overflow: hidden;
}
.ji {
	clear: both;
	overflow: hidden;
	background-image: url(../images/ji.jpg);
}
.ji-title {
	clear: both;
	overflow: hidden;
	margin: 20px 30px 20px 22px;
	font-size: 19px;
	background-color: #FFF;
	padding: 3px 10px 2px;
}
.ji-box {
	margin: 0 0 40px 21px;
	width: 190px;
	float: left;
}
.anzen01 {
	width: 240px;
	float: left;
}
.anzen02 {
	width: 400px;
	float: right;
}


/************************************************************************************
comapny
*************************************************************************************/


#map {
	
}




/************************************************************************************
WORKS
*************************************************************************************/


.products {
	padding: 8px 0 20px 0;
	clear: both;
	overflow: hidden;
}
.products ul{
	padding: 0;list-style-type:none;
	margin: 0;
	clear: both;
	overflow: hidden;background-image: url(../images/worklist.jpg);
	background-repeat: repeat-y;
	background-position: 0 0;
}
.products li {
	float: left;
	width: 327px;
	text-align: center;
	border-right: 1px solid #d6d6d6;
	margin: 0 0 20px;
}
.products li img {
	clear: both;
	overflow: hidden;
	margin: 25px 25px 0;
}
.products p{
	clear: both;
	overflow: hidden;
	padding: 0;margin: 0;
}
.products-tt{
	font-size: 16px;
	font-weight: 700;
	color: #00C;
	line-height: 24px;
}

.btn_tab{
	height:62px;
	clear:both;
	background-image: url(../images/bgtab.png);
	background-repeat: no-repeat;
	background-position: 0 60px;
	text-align: left;
	margin: 0;
	padding: 0;
}

.btn_tab li{
	float:left;
	margin: 0 1px 0 0;
	list-style-type: none;
}

.container_tab{
	padding:0 0 0 0;
	clear: both;
}

.lbl{
	float:left;
	padding: 0 30px 0 20px;
	background-image: url(../images/plus.png);
	background-repeat: no-repeat;
	background-position: 0 3px;
}






/************************************************************************************
CONTACT
*************************************************************************************/

.contact-form {
	padding: 0;
	float: left;
	width: 465px;
}
.contact-provacy {
	padding: 0;
	float: right;
	width: 465px;
}
.contact-form {
	float: left;
	padding: 0;
	margin: 0;
	font-size: 16px;
	line-height: 27px;
	color: #FFF;
	width: 460px;
}
.contact-privacy {
	float: right;
	padding: 20px;
	margin: 0;
	font-size: 12px;
	line-height: 18px;
	color: #CCC;
	width: 420px;
	height: 530px;
	overflow: scroll;
	background-color: #404040;
}



/************************************************************************************
FLOW
*************************************************************************************/

.flow {
	clear: both;
	overflow: hidden;
	background-image: url(../images/ff.png);
	background-repeat: no-repeat;
	background-position: 0 0;
	padding: 250px 0 0 0;
}
.flow2 {
	clear: both;
	overflow: hidden;
	background-image: url(../images/ff2.png);
	background-repeat: no-repeat;
	background-position: left bottom;
	padding: 0 0 340px 0;
}
.flow3 {
	clear: both;
	overflow: hidden;
	background-image: url(../images/arar.png);
	background-repeat: no-repeat;
	background-position: 40px 30px;
}
.biz {
	clear: both;
	overflow: hidden;
	background-color: #f4f4f4;
	padding: 0 0 0 0;
}
.biz-box {
	margin: 30px 20px 0 110px;
	background-color: #FFF;
	padding: 20px;
	clear: both;
	overflow: hidden;
}
.biz-photo {
	width: 200px;
	float: left;
}
.biz-text {
	overflow: hidden;
	float: right;
	width: 250px;
}
.biz-text p {
	clear: both;
	overflow: hidden;
	margin: 0;
	font-size: 17px;
	padding: 0;
	color: #007bc7;
}



/************************************************************************************
BUSINESS
*************************************************************************************/

.biz-list {
	padding: 20px;
	clear: both;
	border: 1px solid #d6d6d6;
}
ul.biz-box {
	padding: 0 0 15px 0;
	margin: 0 0 30px 0;
	clear: both;
	overflow: hidden;
	
}
ul.biz-box p {
	padding: 0;
	margin: 20px 0;
}
ul.biz-box li {
	padding: 3px 10px;
	float: left;
	border: 1px solid #d6d6d6;
	margin: 0 20px 20px 0;
	background-color: #f1f1f1;
	color: #007bc7;
	list-style-type: none;
}
.biz0 {
	clear: both;
	overflow: hidden;
}
.biz-l {
	padding: 0;
	margin: 0 25px 0 0;
	float: left;
	width: 315px;
}
.biz-l img {
	margin: 0 0 15px 0;
	clear: both;
}


/************************************************************************************
COMPANY
*************************************************************************************/

.greeting {
	clear: both;
	overflow: hidden;
	background-image: url(../images/greeting.jpg);
	background-repeat: no-repeat;
	background-position: 0 0;
	padding: 220px 50px 0;
}
#map2 {
	padding: 10px;
	clear: both;
	border: 1px solid #d6d6d6;
}
.c-logo {
}
.c-logo img {
	margin: 0 10px 6px 0;
}


/************************************************************************************
BLOG
*************************************************************************************/

.blog-outer {
	clear: both;
	overflow: hidden;
	padding: 0;
}
.blog {
	clear: both;
	overflow: hidden;
	background-image: url(../images/blog.jpg);
	background-repeat: no-repeat;
	background-position: 0 0;
	padding: 35px 40px 0 120px;
	line-height: 18px;
	border: 1px solid #f9de69;
	height: 45px;
}