@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: 	2010-4-1 by Sadaoka
Author: 	Sadaoka
Copyright: 	(C) 2010 dabhand Inc.
--------------------------------------------------------------- */

/* Basis */
/* ------------------------------------------------------------ */
body {
	background-color: #fff;
	font-family: "ヒラギノ丸ゴ Pro W4", "HiraMaruPro-W4", "Meiryo UI", Meiryo, "MS UI Gothic", Arial, Helvetica, sans-serif;
	text-align: center;
	font-size: 12px;
	line-height: 1.7;
	letter-spacing: 0.04em;
	color: #000;
	margin: 0;
	padding: 0;
}

table {
	font-size: 12px;
}

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

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;
	border: 0px #f00 solid;
}

.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;
}

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

.f_right {
	float: right;
}

/* Center */
/* ------------------------------------------------------------ */
.f_center {
	text-align: center;
}

/* 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;
}

.l_mgn10 {
	margin-left: 10px;
}

.l_mgn20 {
	margin-left: 20px;
}

.r_mgn10 {
	margin-right: 10px;
}

.r_mgn20 {
	margin-right: 20px;
}


/* Header */
/* ------------------------------------------------------------ */
#header {
	background: url(../images/header_bg.gif) left bottom repeat-x;
	display: block;
	overflow: hidden;
	border: 0px #f00 solid;
}

#header .header_bg1 {
/* background: url(../images/header_bg1.gif) center top no-repeat; */
	height: 486px;
	display: block;
	overflow: hidden;
	border: 0px #f00 solid;
}

#header .header_bg2 {
	background: url(../images/header_bg2.gif) center top no-repeat;
	text-align: left;
	height: 216px;
	display: block;
	overflow: hidden;
	border: 0px #f00 solid;
}

#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 35px;
	display: block;
	overflow: hidden;
	border: 0px #f00 solid;
}

#header .header2 {
	width: 950px;
	height: 186px;
	margin-left: auto;
	margin-right: auto;
	display: block;
	overflow: hidden;
	border: 0px #f00 solid;
}

/* Body */
/* ------------------------------------------------------------ */
#body {
	clear: both;
	text-align: left;
	width: 950px;
	margin-left: auto;
	margin-right: auto;
	display: block;
	overflow: hidden;
	border: 0px #f00 solid;
}

/* 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;
	display: block;
	overflow: hidden;
	border-bottom: 1px #f3ecda solid;
}

.bread_crumb ul {
	list-style: none;
	width: 810px;
	margin-left: auto;
	margin-right: auto;
	padding: 0px 70px;
	display: block;
	overflow: hidden;
	border: 0px #f0f solid;
}

.bread_crumb li {
	list-style: none;
	letter-spacing: 0;
	display: inline;
	border: 0px #f0f solid;
}

/* Box */
/* ------------------------------------------------------------ */
.w950 {
	clear: both;
	width: 950px;
	margin-left: auto;
	margin-right: auto;
	display: block;
	overflow: hidden;
	border: 0px #f00 solid;
}

.w910 {
	clear: both;
	width: 910px;
	margin-left: auto;
	margin-right: auto;
	display: block;
	overflow: hidden;
	border: 0px #f00 solid;
}

.w860 {
	clear: both;
	width: 860px;
	margin-left: auto;
	margin-right: auto;
	display: block;
	overflow: hidden;
	border: 0px #f00 solid;
}

.w810 {
	clear: both;
	width: 810px;
	margin-left: auto;
	margin-right: auto;
	display: block;
	overflow: hidden;
	border: 0px #f00 solid;
}

.w790 {
	clear: both;
	width: 790px;
	margin-left: auto;
	margin-right: auto;
	display: block;
	overflow: hidden;
	border: 0px #f00 solid;
}

.w430 {
	width: 430px;
	display: block;
	overflow: hidden;
	border: 0px #f00 solid;
}

/* Pagetop */
/* ------------------------------------------------------------ */
.pagetop {
	text-align: right;
	line-height: 1;
	margin: 30px 0px 0px;
	display: block;
	overflow: hidden;
	border: 0px #f00 solid;
}

/* 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;
	border: 0px #f00 solid;
}

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

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

#footer .footer_bg1 {
	clear: both;
	padding: 20px;
	display: block;
	overflow: hidden;
	border: 0px #f00 solid;
}

#footer .w910 {
	width: 910px;
	margin-left: auto;
	margin-right: auto;
	display: block;
	overflow: hidden;
	border: 0px #f00 solid;
}

#footer .w300 {
	width: 300px;
	display: block;
	overflow: hidden;
	border: 0px #f00 solid;
}

#footer .w600 {
	width: 600px;
	display: block;
	overflow: hidden;
	border: 0px #f00 solid;
}

#footer h3 {
	height: 13px;
}

#footer .arrow1 {
	background: url(../images/arrow1.gif) left center no-repeat;
	padding: 0px 0px 0px 10px;
	display: block;
	overflow: hidden;
	border: 0px #f00 solid;
}

#footer .duties {
	width: 600px;
	display: block;
	overflow: hidden;
	border: 0px #f00 solid;
}

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

#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;
	display: block;
	overflow: hidden;
	border: 0px #f00 solid;
}

#footer .footer_bg2 {
	clear: both;
	background-color: #ffc800;
	padding: 20px;
	display: block;
	overflow: hidden;
	border: 0px #f00 solid;
}

#footer .footer_menu {
	color: #fff;
	font-size: 88%; /* 標準で10pt相当 */
	width: 910px;
	margin-left: auto;
	margin-right: auto;
	display: block;
	overflow: hidden;
	border: 0px #f00 solid;
}

#footer .footer_menu li {
	list-style: none;
	display: inline;
	border: 0px #00f solid;
}

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

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

#footer address {
	color: #fff;
	font-style: normal;
	font-size: 83%; /* 標準で10pt相当 */
	width: 910px;
	margin-left: auto;
	margin-right: auto;
	display: block;
	overflow: hidden;
	border: 0px #f00 solid;
}