@charset "UTF-8";

/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
+
+　Common Style
+
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

/* --------------------------------------------------------------------------------------
 Basic Settings
--------------------------------------------------------------------------------------- */

/* font ------------------------------ */

html{ 
    height: 100%;
    width: 100%;
}

body{
	font-family: Verdana, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 80%;
	color: #5b4937;
	line-height: 1.6;
	height: 100%;
	width: 100%;
	min-width:960px;
	text-align:center;
	background:#ffffff;
}

#body_bg{
	width:100%;
	background:url("../images/bg_shadw.png") center top repeat-y;
}

input,textarea,select{
	font-family: Verdana, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 100%;
}

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


/* Reset ------------------------------ */

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

img,table{
	border: none;
}

img {
	vertical-align: top;
	max-width:100%;
	height:auto;
	width:auto;
}

ul{
	list-style: none;
}

address,em,cite{
	font-style: normal;
}

fieldset{
	border: medium none;
}

table{
	font-size: 100%;
}

.normal{
	font-weight:normal;
}

.mini{
	font-size:80%;
}


/* Text Link ------------------------------ */

a {text-decoration:none;}
a:link {color: #5b4937;text-decoration: underline;}
a:visited {color: #1762b6;text-decoration: underline;}
a:hover {color: #5b4937;text-decoration: underline;}
a:active {text-decoration: underline;}


/* --------------------------------------------------------------------------------------
 Float
--------------------------------------------------------------------------------------- */

.clearfix:after { content:"."; display:block; height:0; clear:both; visibility:hidden; font-size:0; }
.clearfix { display:inline-block; }
/*\*/
* html .clearfix { height:1%; }
.clearfix { display:block; }
/**/
.floatL{
	float:left;
}

.floatR{
	float:right;
}

.clear{
	clear:both;
}


/* --------------------------------------------------------------------------------------
 Padding Margin
--------------------------------------------------------------------------------------- */
.top05{margin-top: 5px;}
.top10{margin-top: 10px;}
.top15{margin-top: 15px;}
.top20{margin-top: 20px;}
.top25{margin-top: 25px;}
.top30{margin-top: 30px;}
.top40{margin-top: 40px;}
.top50{margin-top: 50px;}
.topP10{padding-top: 10px;}
.topP15{padding-top: 15px;}
.topP20{padding-top: 20px;}
.topP30{padding-top: 30px;}
.topP40{padding-top: 40px;}
.leftP20{padding-left: 20px;}
.under05{margin-bottom: 5px;}
.under10{margin-bottom: 10px;}
.under15{margin-bottom: 15px;}
.under20{margin-bottom: 20px;}
.left05{margin-left: 5px;}
.left10{margin-left: 10px;}
.left15{margin-left: 15px;}
.left20{margin-left: 20px;}
.right05{margin-right: 5px;}
.right10{margin-right: 10px;}
.right15{margin-right: 15px;}
.right20{margin-right: 20px;}
.Punder05{margin-bottom: 5px;}
.Punder10{margin-bottom: 10px;}
.Punder15{margin-bottom: 15px;}
.Punder20{margin-bottom: 20px;}
.all10{padding: 10px;}



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

#wrap{
	width:920px;
	margin:0 auto;
}

header{
	text-align:left;
	width:920px;
	margin:0 auto;
}

h1{
	float:left;
	padding:18px 0 0 0;
}

#header_right{
	float:right;
}

#header_right img{
	float:right;
	margin:0 0 10px 0;;
}

#header_right ul{
	margin:0 0 20px 0;
}

#header_right ul li{
	display:inline;
	padding:0 10px 0 10px;
	border-right: 1px solid #5b3423;
}

#header_left h2{
	line-height:15px;
	font-size:90%;
	padding:10px 0 5px 0;
}

/*ieごとのクラス指定サンプル*/
.lt-ie9 ul li{
background:none;
}

/* --------------------------------------------------------------------------------------
 title
--------------------------------------------------------------------------------------- */

.circle{
	background:url("../images/circle.gif") 3px no-repeat;
	padding:10px 0 0 10px;
}

.circle p{
	padding:0 0 10px 20px;
	font-weight:bold;
	font-size:140%;
}

.circle_akabane{
	background:url("../images/akabane_circle.gif") 3px no-repeat;
	padding:8px 0 0 10px;
}

.circle_akabane p{
	padding:0 0 10px 20px;
	font-weight:bold;
	font-size:140%;
}

.color_title{
	background:#eed49b;
	padding:0 0 0 10px;
	margin:20px 0 0 0;
	font-weight:bold;
}


.disc{
	list-style-type:disc;
	margin:10px 0 0 20px;
}


ol{
	margin:10px 0 0 20px;
}

ol.li{
	padding:10px 0 0 0;
}

.q_mark{
	background:url("../../question/images/q_image.gif") 10px no-repeat;
	padding:10px 0 10px 20px;
	margin:20px 0 0 0;
}

.q_mark p{
	padding:0 0 0 50px;
	font-weight:bold;
	font-size:120%;
}

.q_a{
	border-bottom: 1px dashed #ccc;
	margin:10px 10px 20px 10px;
	padding:0 0 20px 0;
}

.a_mark{
	background:url("../../question/images/a_image.gif") 10px no-repeat;
	padding:10px 0 10px 20px;
	margin:20px 0 0 0;
}

.a_mark p{
	padding:0 0 0 50px;
}

.phone_title{
	display:none;
}

.image_title{
	display:block;
}

/* --------------------------------------------------------------------------------------
 gnav
--------------------------------------------------------------------------------------- */

#gnavWrap{
	width:920px;
	margin:0 auto;
}

#gnav {
	list-style-type:none;
}

#gnav li{
	float:left;
	text-decoration:none;
}

#gnav li a{
	display:block;
	height:50px;
	text-indent:100%;
    	white-space: nowrap;
    	overflow: hidden;
	background: url("../images/navi.gif") top left no-repeat;
}

#gnav li#home a{background-position: 0 0;width: 184px;}
#gnav li#home a:hover{background-position: 0 -50px;}
#gnav li#home a.on{background-position: 0 -100px;}

#gnav li#company a{background-position:-184px 0;width: 184px;}
#gnav li#company a:hover{background-position: -184px -50px;}
#gnav li#company a.on{background-position: -184px -100px;}

#gnav li#work a{background-position: -368px 0;width: 184px;}
#gnav li#work a:hover{background-position: -368px -50px;}
#gnav li#work a.on{background-position: -368px -100px;}

#gnav li#recruit a{background-position: -552px 0;width: 184px;}
#gnav li#recruit a:hover{background-position: -552px -50px;}
#gnav li#recruit a.on{background-position: -552px -100px;}

#gnav li#contact a{background-position: -736px 0;width: 184px;}
#gnav li#contact a:hover{background-position: -736px -50px;}
#gnav li#contact a.on{background-position: -736px -100px;}


.accordion{
	display:none;
}

.accordion #adtitle{cursor:pointer;}

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

.phone_image{
	display:none;
}

#contents{
	width:920px;
	margin:10px auto;
	text-align:left;
	padding:10px 0 70px 0;
}

#contents_left{
	width:630px;
	float:left;
	padding:10px 0 70px 0;
}

#contents_right{
	width:270px;
	float:right;
	padding:0 0 70px 0;
}

.middle_text{
	width:600px;
	float:left;
}

.middle_image{
	float:right;
}

.top_image01{
	background:url("../../images/top_image01.gif") top left no-repeat;
	margin:10px 0 0 0;
	padding:120px 0 0 30px;
}

.top_image01 img{
	margin:30px 0 50px 0;
}

.top_button300{
	margin:10px 0 0 0;
	padding:16px 0 0 0;
}

.box300{
	width:300px;
	float:left;
	text-align:center;
}

.box300 img{
	text-align:center;
} 

.work_box{
	padding:10px 10px 10px 10px;
	border:1px solid #b6afaf;
	margin:20px 0 0 0;
}

.work_box p{
	float:left;
	width:400px;
	padding:0 0 10px 0;
}

.work_box p strong{
	font-size:140%;
}

.work_box img{
	float:right;
}

.ul_float{
	width:370px;
	margin:10px 0 0 0;
}

.left{
	float:left;
	list-style-type:square;
	margin:0 0 0 20px;
}

.right{
	float:right;
	list-style-type:square;
	margin:0 10px 0 0;
}

.service_contents p{
	float:left;
	width:450px;
	margin:20px 0 10px 10px;
}

.service_contents img{
	float:right;
	margin:20px 10px 10px 0;
}

.mark{
	text-align:center;
}

.red{
	color:red;
}

.use_image01{
	background:url("../../use/images/use_image01.gif") top left no-repeat;
	margin:10px 0 0 0;
}

.use_image01 p{
	padding:20px 0 0 120px;
}

.use_image01 img{
	padding:10px 0 20px 120px;
}

.use_image02{
	background:url("../../use/images/use_image02.gif") top left no-repeat;
	margin:10px 0 0 0;
}
.use_image02 p{
	padding:20px 0 60px 120px;
}

.use_image03{
	background:url("../../use/images/use_image03.gif") top left no-repeat;
	margin:10px 0 0 0;
}
.use_image03 p{
	padding:20px 0 20px 120px;
}

.use_image04{
	background:url("../../use/images/use_image04.gif") top left no-repeat;
	margin:10px 0 0 0;
}
.use_image04 p{
	padding:20px 0 20px 120px;
}

/* --------------------------------------------------------------------------------------
 table
--------------------------------------------------------------------------------------- */

.normal_table{
	width:630px;
	border-collapse: collapse;
	margin:20px 0 20px 0;
}

.normal_table th{
	padding:0px 30px 0px 20px;
	border:1px solid #c9baba;
	background:#ededed;
	text-align:left;
	color:#585353;
	
}

.normal_table td{
	padding:10px 0 10px 20px;
	border:1px solid #c9baba;
}

.use_table{
	width:100%;
	border-collapse: collapse;
	margin: 10px 0 10px 0;
}
.use_table th{
	padding: 7px 5px 7px 10px;
	border: 1px solid #c9baba;
	text-align:center;
	color:#585353;
	background:#ededed;
}

.use_table th.blue{
	color:#585353;
	background:#f8f3f2;
}
.use_table td{
	text-align:center;
	border: 1px solid #c9baba;
	background-color: #ffffff;
}

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

#pagetopLink{
	width:950px;
	margin:0 auto;
	text-align:right;
}

footer{
	width:960px;
	margin:0 auto;
	background:url("../images/footer_bg.jpg") left top no-repeat;
	color:#ffffff;
	padding:10px 0 10px 0;
}

address{
	text-align:left;
	padding:0 0 0 20px;
	color:#ffffff;
}

/* --------------------------------------------------------------------------------------
 smart phone
--------------------------------------------------------------------------------------- */

@media screen and (max-width: 580px)  {

.img100{
	width:100%;
}

#wrap{
	width:100%;

}

body{
	min-width:100%;
}

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

header{
	width:100%;
	padding:0;
	background:#ffffff;
	text-align:center;
}

h1{
	float:none;
	padding:0 0 20px 0;
}

#header_right{
	display:none;
}

#header_left h2{
	line-height:100%;
	font-size:85%;
	padding:20px 0 20px 10px;
}

/* --------------------------------------------------------------------------------------
 gnav
--------------------------------------------------------------------------------------- */

#gnavWrap{
	display:none;
}

.accordion{
	display:block;
}

#adtitle a{
	background:#4e98c1;
	border-bottom:1px solid #446fb3;
	padding:10px 0 10px 10px;
	text-align:left;
	font-size:120%;
	display:block;
	color:green;
}

#admenu{
	background:#a4d7f3;
	text-align:left;
}

#admenu li{
	background:url("../images/phone_mark.png") 10px center no-repeat;
	text-align:right
}

#admenu li a{
	background:none;
	border-bottom:1px solid #446fb3;
}

#adtitle a {text-decoration: none;color:#ffffff;}
#admenu a {text-decoration: none;display:block;padding:12px 0 12px 30px; height:100%;}
#admenu a:link {color: #166b87;text-decoration: none;}
#admenu a:visited {color: #166b87;text-decoration: none;}
#admenu a:hover {color: #166b87;text-decoration: underline;}
#admenu a:active {text-decoration: underline;}


.accordion ul{
	display:none;
}

.accordion .hover{
	display:block;
}

/* --------------------------------------------------------------------------------------
 title
--------------------------------------------------------------------------------------- */

.phone_title{
	display:block;
	margin:20px 0 20px 0;
	background:#a6c6f1;
	padding:8px;
	font-size:110%;
	font-weight:bold;
}

.image_title{
	display:none;
}

.circle_akabane{
	background:url("../images/akabane_circle.gif") 3px no-repeat;
	padding:5px;
}

.circle_akabane p{
	padding:0 0 0 10px;
	font-weight:bold;
	font-size:120%;
}

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

#contents{
	width:100%;
	margin:0;
}

#contents p{
	width:95%;
	margin:0 0 0 2.5%;
}

.phone_image{
	display:block;
}

.main_image{
	display:none;
}

#contents_left{
	width:100%;
	float:none;
}

.shatei{
	text-align:center;
}

#contents_right{
	width:100%;
	float:none;
	text-align:center;
}

.middle_text{
	width:100%;
	float:none;
}

.middle_image{
	display:none;
}

.middle_image{
	display:none;
}

.top_image01{
	background:url("../../images/top_image01.gif") top left no-repeat;
	margin:10px 0 0 0;
	padding:120px 0 0 30px;
}

.top_image01 img{
	margin:30px 0 50px 0;
}

.top_button300{
	margin:10px 0 0 0;
	padding:16px 0 0 0;
}

.box300{
	width:100%;
	float:left;
	text-align:center;
}

.box300 img{
	text-align:center;
} 

.work_box{
	padding:10px 10px 10px 10px;
	border:1px solid #b6afaf;
	margin:20px 0 0 0;
}

.work_box p{
	float:none;
	width:100%;
	padding:0 0 10px 0;
}

.work_box p strong{
	font-size:140%;
}

.work_box img{
	float:none;
	width:100%
}

.ul_float{
	width:100%;
	margin:10px 0 0 0;
}

.left{
	float:none;
	list-style-type:square;
	margin:0 0 0 10px;
}

.left li{
	float:none;
	margin:0;
}

.right{
	float:none;
	list-style-type:square;
	margin:0 0 0 10px;
}

.service_contents p{
	float:left;
	width:100%;
	margin:20px 0 10px 10px;
}

.service_contents img{
	float:right;
	margin:20px 10px 10px 0;
}

.mark{
	text-align:center;
}

.red{
	color:red;
}

.use_image01{
	background:url("../../use/images/use_image01.gif") top left no-repeat;
	margin:10px 0 0 0;
}

.use_image01 p{
	padding:20px 0 0 120px;
}

.use_image01 img{
	padding:10px 0 20px 120px;
}

.use_image02{
	background:url("../../use/images/use_image02.gif") top left no-repeat;
	margin:10px 0 0 0;
}
.use_image02 p{
	padding:20px 0 60px 120px;
}

.use_image03{
	background:url("../../use/images/use_image03.gif") top left no-repeat;
	margin:10px 0 0 0;
}
.use_image03 p{
	padding:20px 0 20px 120px;
}

.use_image04{
	background:url("../../use/images/use_image04.gif") top left no-repeat;
	margin:10px 0 0 0;
}
.use_image04 p{
	padding:20px 0 20px 120px;
}

#contents_left iframe{
	width:100%;
}

dl{
	width:95%;
	margin:0 0 0 2.5%;
}

/* --------------------------------------------------------------------------------------
 table
--------------------------------------------------------------------------------------- */

.normal_table{
	width:100%;
	border-collapse: collapse;
	margin:20px 0 20px 0;
}

.normal_table th{
	padding:0px 30px 0px 20px;
	border:1px solid #c9baba;
	background:#ededed;
	text-align:left;
	color:#585353;
}

.normal_table td{
	padding:10px 0 10px 20px;
	border:1px solid #c9baba;
}

.use_table{
	width:100%;
	border-collapse: collapse;
	margin: 10px 0 10px 0;
}
.use_table th{
	padding: 7px 5px 7px 10px;
	border: 1px solid #c9baba;
	text-align:center;
	color:#585353;
	background:#ededed;
}

.use_table th.blue{
	color:#585353;
	background:#f8f3f2;
}
.use_table td{
	text-align:center;
	border: 1px solid #c9baba;
	background-color: #ffffff;
}



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

footer{
	width:100%;
	margin:0;
	background:#1c8e95;
	padding:10px 0 0 0;
	text-align:left;
}

footer p{
	width:95%;
	margin:0 0 0 2.5%;
}

#pagetopLink{
	display:none;
}


address{
	color:#ffffff;
	padding:0;
	text-align:left;
	width:95%;
	margin:0 0 0 2.5%;
}



}