@charset "UTF-8";

/* CSS Information
---------------------------------------------------------------
Site URL:	http://www.dabhand.co.jp/
File name:	layout_commonness.css
Summary:	base styles
Created:	2010-4-1
Last update:	2015-4-21 by Sadaoka
Author:	Sadaoka
Copyright:	(C) 2010 dabhand Inc.
--------------------------------------------------------------- */

/* Basis */
/* ------------------------------------------------------------ */
html, body, div, span, object, iframe, 
h1, h2, h3, h4, h5, h6, p, blockquote, pre, 
abbr, address, cite, code, 
del, dfn, em, img, ins, kbd, q, samp, 
small, strong, sub, sup, var, 
b, i, 
dl, dt, dd, ol, ul, li, 
fieldset, form, label, legend, 
table, caption, tbody, tfoot, thead, tr, th, td, 
article, aside, canvas, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section, summary, 
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: normal;
	vertical-align: baseline;
	background: transparent;
}

article, aside, canvas, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section, summary {
	display: block;
}

body {
	background-color: #fff;
	font-family: Verdana, Roboto, "Droid Sans", "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
	font-size: 12px;
	line-height: 1.7;
	letter-spacing: 0.04em;
	color: #000;
}

div {
	display: block;
	overflow: hidden;
}

img {
	vertical-align: middle;
}

a {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}

table {
	font-size: 12px;
}

table,
div,
p,
span,
a,
img,
ul,
ol,
li,
dl,
dt,
dd {
	margin: 0;
	padding: 0;
	vertical-align: top;
}

br {
	letter-spacing: 0;
}

/* テキストを表示させない */
/* ------------------------------------------------------------ */
.none { display: none; border: 1px #f00 solid; }

/* インデント１文字分 */
/* ------------------------------------------------------------ */
.indent {
	text-indent: -1em;
	margin-left: 1em;
}

/* Font size */
/* ------------------------------------------------------------ */
h1, h2, h3, h4, h5, h6 {
	font-style: normal;
	font-weight: normal;
	font-size: 100%;
	margin: 0;
	padding: 0;
}

.txt_9 {
	font-size: 75%; /* 標準で9pt相当 */
}

.txt_10 {
	font-size: 83%; /* 標準で10pt相当 */
}

.txt_11 {
	font-size: 91%; /* 標準で11pt相当 */
}

.txt_14 {
	font-size: 116%; /* 標準で14pt相当 */
}

.txt_18 {
	font-size: 149%; /* 標準で18pt相当 */
}

.bold {
	font-weight: bold;
}

.txt_red {
	color: #f00;
}

.txt_yellow {
	color: #ffb300;
}

sub {
	font-size: 75%; /* 標準で9pt相当 */
	vertical-align: baseline;
}

/* Link */
/* ------------------------------------------------------------ */
a:link, a:visited {
	color: #f80;
	text-decoration: none;
}

a:hover, a:active {
	color: #f80;
	text-decoration: underline;
}

/* Align */
/* ------------------------------------------------------------ */
.a_left {
	text-align: left;
}

.a_center {
	text-align: center;
}

.a_right {
	text-align: right;
}

/* Float */
/* ------------------------------------------------------------ */
.f_left {
	float: left;
}

.f_right {
	float: right;
}

.dsp_ilnblk {
	display: inline-block !important;
	/* For IE 6/7 */
	*display: inline;
	*zoom: 1;
}

/* Clear */
/* ------------------------------------------------------------ */
.float:after {
	content: '';
	height: 0;
	clear: both;
	display: block;
	visibility: hidden;
}

/* Clear */
/* ------------------------------------------------------------ */
.clear {
	clear: both;
}

/* Margin */
/* ------------------------------------------------------------ */
.t_mgn5 {
	margin-top: 5px;
}

.t_mgn10 {
	margin-top: 10px;
}

.t_mgn20 {
	margin-top: 20px;
}

.t_mgn30 {
	margin-top: 30px;
}

.t_mgn50 {
	margin-top: 50px;
}

.b_mgn20 {
	margin-bottom: 20px;
}

.l_mgn10 {
	margin-left: 10px;
}

.l_mgn20 {
	margin-left: 20px;
}

.r_mgn10 {
	margin-right: 10px;
}

.r_mgn20 {
	margin-right: 20px;
}

/* PC版を表示の時はスマホ版は非表示 */
/* ------------------------------------------------------------ */
#build-menu {
	display: none;
}

.smp_mode {
	display: none;
}

/* Header */
/* ------------------------------------------------------------ */
#header {
	background: url(../images/header_bg.gif) left bottom repeat-x;
}

#header .header_bg1 {
/* background: url(../images/header_bg1.gif) center top no-repeat; */
	height: 486px;
}

#header .header_bg2 {
	background: url(../images/header_bg2.gif) center top no-repeat;
	text-align: left;
	height: 216px;
}

#header h1 {
	color: #fff;
	text-align: left;
	font-size: 83%; /* 標準で10pt相当 */
	line-height: 30px;
	width: 890px;
	height: 30px;
	margin-left: auto;
	margin-right: auto;
	padding: 0px 155px;
}

#header .header2 {
	width: 950px;
	height: 186px;
	margin-left: auto;
	margin-right: auto;
	padding: 0px 125px;
}

/* Bread crumb menu */
/* ------------------------------------------------------------ */
.bread_crumb {
	background: url(../images/body_bg_top.gif) left top repeat-y;
	text-align: left;
	font-size: 83%; /* 標準で10pt相当 */
	width: 100%;
	padding: 0px 0px 10px;
	border-bottom: 1px #f3ecda solid;
}

.bread_crumb ul {
	list-style: none;
	width: 810px;
	margin-left: auto;
	margin-right: auto;
	padding: 0px 195px;
}

.bread_crumb li {
	list-style: none;
	letter-spacing: 0;
	display: inline;
}

/* Body */
/* ------------------------------------------------------------ */
#body,
#body_service,
#body_flow,
#body_works,
#body_about,
#body_contact,
#body_privacypolicy {
	clear: both;
	text-align: left;
	width: 950px;
	margin-left: auto;
	margin-right: auto;
	padding: 0px 125px;
}

/* Box */
/* ------------------------------------------------------------ */
.w1200 {
	clear: both;
	width: 1200px;
	margin-left: auto;
	margin-right: auto;
}

.w950 {
	clear: both;
	width: 950px;
	margin-left: auto;
	margin-right: auto;
}

.w910 {
	clear: both;
	width: 910px;
	margin-left: auto;
	margin-right: auto;
}

.w860 {
	clear: both;
	width: 860px;
	margin-left: auto;
	margin-right: auto;
}

.w810 {
	clear: both;
	width: 810px;
	margin-left: auto;
	margin-right: auto;
}

.w790 {
	clear: both;
	width: 790px;
	margin-left: auto;
	margin-right: auto;
}

.w430 {
	width: 430px;
}

/* Pagetop */
/* ------------------------------------------------------------ */
.pagetop {
	text-align: right;
	line-height: 1;
	margin: 30px 0px 0px;
}

/* Banner */
/* ------------------------------------------------------------ */
.contact_banner a {
	background: url(../images/contact_banner.jpg) left top no-repeat;
	width: 890px;
	height: 155px;
	margin-left: auto;
	margin-right: auto;
	display: block;
	overflow: hidden;
}

.contact_banner a:hover {
	background: url(../images/contact_banner.jpg) left bottom no-repeat;
}

/* Footer */
/* ------------------------------------------------------------ */
#footer {
	clear: both;
	background-color: #f9f6ed;
	text-align: left;
	border-top: 2px #ffc800 solid;
}

#footer .footer_bg1 {
	clear: both;
	width: 1200px;
	margin-left: auto;
	margin-right: auto;
	padding: 20px 0;
}

#footer .w910 {
	padding: 0 145px;
}

#footer .w300 {
	width: 300px;
}

#footer .w600 {
	width: 600px;
}

#footer h3 {
	height: 13px;
}

#footer .arrow1 {
	background: url(../images/arrow1.gif) left center no-repeat;
	padding: 0px 0px 0px 10px;
}

#footer .duties {
	width: 600px;
}

#footer .duties table {
	width: 100%;
	empty-cells: hide;
	border-collapse: collapse;
}

#footer .duties th {
	text-align: left;
	font-size: 83%; /* 標準で10pt相当 */
	vertical-align: middle;
	font-weight: normal;
	white-space: nowrap;
	padding: 7px 5px 7px 0px;
	border-top: 1px #f3ecda solid;
	border-bottom: 1px #f3ecda solid;
}

#footer .duties td {
	text-align: left;
	font-size: 83%; /* 標準で10pt相当 */
	vertical-align: middle;
	padding: 7px 0px;
	border-top: 1px #f3ecda solid;
	border-bottom: 1px #f3ecda solid;
}

#footer .arrow2 {
	background: url(../images/arrow2.gif) left center no-repeat;
	padding: 0px 0px 0px 10px;
}

#footer .footer_bg2 {
	clear: both;
	background-color: #ffc800;
	padding: 20px 0;
}

#footer .footer_menu {
	color: #fff;
	font-size: 88%; /* 標準で10pt相当 */
	width: 910px;
	margin-left: auto;
	margin-right: auto;
	padding: 0 145px;
}

#footer .footer_menu li {
	list-style: none;
	display: inline;
}

#footer a:link,
#footer a:visited {
	color: #fff;
	text-decoration: none;
}

#footer a:hover,
#footer a:active {
	color: #fff;
	text-decoration: underline;
}

#footer address {
	color: #fff;
	font-style: normal;
	width: 910px;
	margin-left: auto;
	margin-right: auto;
	padding: 0 145px;
}

#footer .dsp_iln_blk {
	display: inline-block !important;
}

#footer .icon_pc {
	background: url(../images/icon_pc.png) right center no-repeat;
	background-size:15px 13px;
	text-decoration: none;
	padding: 0 20px 0 0;
}