/* ━━━━━ ▼基本設定 ━━━━━ */
body {
	font-family: "ＭＳ Ｐゴシック", Verdana, Geneva, Arial, Osaka, Helvetica, sans-serif;
	width: 100%;
	color: #555555;
	font-size: 100%;
	line-height: 100%;
	text-align: center;
	background-color: #dbdacf;
	padding: 0;
	margin: 0 auto;
}
table, th, td { line-height: 150%; } 
img { border: none; padding: 0; margin: 0; }
h1, h2, h3 { padding: 0; margin: 0; line-height: 100%; }
p { padding: 20px 0 0 0; margin: 0; line-height: 150%; }
input, textarea { padding: 2px; margin: 0; }
div, form, select, option { padding: 0; margin: 0; }
ul, ol, li { list-style: none; padding: 0; margin: 0; line-height: 100%; }
a:link, a:visited { color: #0066cc; text-decoration:none; }
a:hover, a:active { color: #666666; text-decoration:underline; }

/* =============================================
	▼汎用的なもの
============================================= */
/* 上余白 */
.sp5 { padding-top: 5px; }
.sp10 { padding-top: 10px; }
.sp15 { padding-top: 15px; }
.sp20 { padding-top: 20px; }
.sp25 { padding-top: 25px; }
.sp30 { padding-top: 30px; }
.sp40 { padding-top: 40px; }

/* 左余白 */
.lsp5 { padding-left: 5px; }
.lsp10 { padding-left: 10px; }
.lsp15 { padding-left: 15px; }
.lsp20 { padding-left: 20px; }
.lsp25 { padding-left: 25px; }
.lsp30 { padding-left: 30px; }
.lsp40 { padding-left: 40px; }

/* 右余白 */
.rsp5 { padding-right: 5px; }
.rsp10 { padding-right: 10px; }

/* 下余白 */
.bsp5 { padding-bottom: 5px; }
.bsp10 { padding-bottom: 10px; }
.bsp20 { padding-bottom: 20px; }
.bsp25 { padding-bottom: 25px; }

/* 上下余白 */
.tbsp20 { padding: 20px 0; }
.tbsp110 { padding: 110px 0; }

/* 全体余白 */
.pad5 { padding: 5px; }
.pad10 { padding: 10px; }

/* フォント */
.small { font-size: 80%; font-weight: normal; }
.bold { font-weight: bold; }
.blue { color: #336699; }
.red { color: #FF0000; }
.sblue { color: #3399cc; font-size: 82%; font-weight: normal; }
.aster { color: #FF0000; font-size: 90%; font-weight: normal; }

/* フロート */
.float-left {
	float:left;
}
.float-right {
	float:right;
}

/* =============================================
	▼共通
============================================= */

/* ━━━━ ▼Header ━━━━ */
#header {
	width: 100%;
	background: url(../../img/common/header-bk.gif) repeat-x center top;
	text-align: center;
	padding-top: 3px;
}
#header #header-container {
	width: 860px;
	height: 40px;
	text-align: left;
	padding-bottom: 2px;
	margin: 0 auto;
}
#header #header-container h1 {
	float: left;
}
#header #header-right {
	float: right;
	text-align: right;
}
#header #header-menu {
	text-align: right;
	margin-top: 5px;
	_margin-top: 9px;
}
#header #header-menu li {
	display: inline;
	font-size: 12px;
	border-left: 1px solid #666666;
	padding: 0 8px;
}
#header #header-menu li#end{
	border-right: 1px solid #666666;
}

/* ━━━━ ▼大枠 ━━━━ */
#container {
	width: 100%;
	background: url(../../img/common/container-bk.gif) repeat left top;
	text-align: center;
}
#contents {
	width: 860px;
	text-align: left;
	padding: 0;
	margin: 0 auto;
}
#main-area {
	width: 660px;
	text-align:left;
	font-size: 80%;
}
#main-pad {
	padding: 10px 0 10px 10px;
}
#main-contents {
	padding: 10px 15px 20px 15px;
}

/* ━━━━ ▼左メニュー ━━━━ */
#menu-area {
	width: 200px;
	background: url(../../img/common/menu-area-bk.gif) repeat-y left top;
	text-align: center;
	padding: 5px 0 10px 0;
}
.menu-box {
	width: 178px;
	border: 1px solid #a0a0a0;
	padding: 2px 0;
	margin: 0 auto;
}
.menu-box li {
	font-size: 0;
	line-height: 100%;
}

/* ━━━━ ▼パン ━━━━ */
#pan {
	padding-bottom: 5px;
	font-size: 98%;
}
#pan li {
	display: inline;
}

/* ━━━━ ▼pagetop ━━━━ */
.pagetop {
	font-size: 90%;
	background: url(../../img/common/pagetop.gif) no-repeat right 13px;
	padding: 10px 15px 0 0;
	margin: 10px 0 0 0;
}
.pagetop a:link,
.pagetop a:visited {
	color: #003366;
	text-decoration:none;
}
.pagetop a:hover,
.pagetop a:active {
	color: #666666;
	text-decoration:underline;
}

/* ━━━━ ▼フッター ━━━━ */
#footer {
	width: 100%;
	font-size: 12px;
	border-top: 1px solid #CCCCCC;
	background-color: #dbdacf;
}
#footer-container {
	width: 860px;
	text-align: left;
	padding: 0;
	margin: 0 auto;
}
#footer #copy {
	float: left;
	width: 430px;
	padding: 30px 0;
}
#footer #footer-menu {
	float: right;
	width: 420px;
	padding: 10px 0;
}
#footer #footer-menu li {
	display: inline;
	border-left: 1px solid #666666;
	padding: 0 8px;
}
#footer #footer-menu li#end{
	border-right: 1px solid #666666;
}

/* ━━━━ ▼H3/H4/H5 ━━━━ */
h3 {
	font-size: 130%;
	line-height: 140%;
	padding: 10px 0 0 0;
}
h4 {
	color: #333333;
	font-size: 120%;
	line-height: 140%;
	background: #FFFFFF url(../../img/common/h4-bk.gif) repeat-x left bottom;
	border-top: 1px solid #CCCCCC;
	border-left: 2px solid #A6A388;
	border-right: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
	padding: 3px 10px;
	margin: 20px 0 0 0;
}
h5 {
	font-size: 120%;
	line-height: 140%;
	padding: 20px 0 0 0;
	margin: 0;
}
#main-contents .no-pad {
	padding: 0;
}

/* ━━━━ ▼テーブル ━━━━ */
.table-box01 {
	text-align: center;
	background-color: #CCCCCC;
	margin: 20px 0 0 0;
}
.table-box01 table {
	width: 100%;
	text-align: left;
}
.table-box01 table caption {
	width: 100%;
	text-align: right;
	background: url(../../img/common/container-bk.gif);
}
.table-box01 table th {
	color: #003366;
	font-size: 100%;
	font-weight: normal;
	background-color: #d0e4ee;
	border: 1px solid #f7f7f7;
}
.table-box01 table th.ttl {
	color: #003366;
	font-size: 100%;
	text-align:center;
	font-weight: normal;
	background-color: #e6e6e6;
	border: 1px solid #f7f7f7;
}
.table-box01 table th.total {
	color: #003366;
	font-size: 100%;
	font-weight: normal;
	background-color: #e3d7c5;
	border: 1px solid #f7f7f7;
}
.table-box01 table td {
	background-color: #f7f7f7;
	border: 1px solid #f7f7f7;
}
.table-box01 table input.input-size-m {
	width: 225px;
	border: 1px solid #CCCCCC;
}
.table-box01 table input.input-size-l {
	width: 420px;
	border: 1px solid #CCCCCC;
}
.table-box01 table textarea {
	width: 420px;
	font-size: 12px;
	height: 4em;
	border: 1px solid #CCCCCC;
}

/* ━━━━ ▼ボックス ━━━━ */
.white-box {
	width: 100%;
	text-align: center;
	border: 1px solid #CCCCCC;
	background-color: #f7f7f7;
	margin: 10px 0 0 0;
}
.white-box2 {
	width: 100%;
	text-align: center;
	border: 1px solid #CCCCCC;
	background-color: #f7f7f7;
	margin: 20px 0 0 0;
}
.white-box2 p {
	text-align: left;
}
.gray-box {
	font-weight: bold;
	background-color: #CCCCCC;
	text-align: left;
	padding: 10px;
}
.gray-box .dot {
	border-bottom: 1px dotted #555555;
	padding: 0 0 5px 0;
	margin: 0 0 5px 0;
}
.block-box {
	width: 100%;
	padding: 0;
	margin: 20px 0 0 0;
}
.block-box th {
	color: #166CB5;
	text-align: center;
	font-weight: bold;
	background-color: #FFFFFF;
	border-top: 1px solid #CCCCCC;
	border-left: 1px solid #CCCCCC;
	border-right: 1px solid #CCCCCC;
}
.block-box th .title {
	background: #9ADAF5 url(../../img/common/block-box-title-bk.gif) repeat-x left bottom;
	padding: 5px 0;
	margin: 1px;
}
.block-box th.none {
	background: none;
	border: none;
}
.block-box td {
	background-color: #FFFFFF;
	border-left: 1px solid #CCCCCC;
	border-right: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
}
.block-box td .text {
	padding: 0 10px 5px 10px;
	margin: 1px;
}
.block-box td .button {
	text-align: right;
	padding: 0 10px 10px 10px;
}
.block-box td.none {
	background: none;
	border: none;
}
.block-box2 {
	width: 408px;
	text-align: center;
	border: 1px solid #CCCCCC;
}
.block-box2 .gray {
	font-weight: bold;
	background: #ededed url(../../img/common/gray-box-bk.gif) repeat-x left top;
	border: 1px solid #FFFFFF;
	padding: 15px;
}
.block-box2 .blue {
	font-weight: bold;
	background: #e3f1f8 url(../../img/common/blue-box-bk.gif) repeat-x left top;
	border: 1px solid #FFFFFF;
	padding: 15px;
}
.block-box2 .gray2 {
	background: #FFFFFF url(../../img/common/gray-box2-bk.gif) repeat-x left top;
	border: 1px solid #FFFFFF;
	padding: 15px;
}
.block-box2 .gray2 table {
	width: 100%;
	text-align: left;
	border-top: 1px dotted #555555;
	padding: 0;
	margin: 15px 0 0 0;
}
.block-box2 .gray2 table th div {
	color: white;
	text-align: center;
	background: #6bb3ed;
}
.block-box3 {
	text-align: left;
	border: 1px solid #CCCCCC;
	margin: 20px 0 0 0;
}
.block-box3 .bluepad {
	background: #e3f1f8 url(../../img/common/blue-box-bk.gif) repeat-x left top;
	border: 1px solid #FFFFFF;
	padding: 15px;
}
.block-box3 h5 {
	color: #336699;
	float:left;
	padding: 0;
}
.block-box3 .button {
	float:right;
	padding: 0;
}
.box-type01 {
	width: 100%;
	text-align: left;
	padding: 0;
	margin: 0;
}
.box-border {
	text-align: left;
	border-left: 1px solid #CCCCCC;
	padding: 5px 0 5px 5px;
	margin: 5px 0;
}
.box-center {
	width: 410px;
	text-align: center;
	padding: 0;
	margin: 20px auto;
}
/* ━━━━ ▼ul ━━━━ */
ul.disc {
	text-align: left;
	padding-left: 2.0em;
	margin: 0;
}
ul.disc li {
	text-align: left;
	list-style: disc;
	line-height: 150%;
	padding: 2px 0;
	margin: 0;
}
ul.disc-type02 {
	text-align: left;
	padding-left: 2.0em;
	margin: 0;
}
ul.disc-type02 li {
	font-weight: bold;
	text-align: left;
	list-style: disc;
	line-height: 150%;
	padding: 2px 0;
	margin: 0;
}
ul.disc-type02 li.text {
	font-weight: normal;
	text-align: left;
	list-style: none;
	line-height: 150%;
	padding: 2px 0 8px 0;
	margin: 0;
}

ol.number{
	text-align: left;
	padding-left: 2.0em;
	margin: 0;
}
ol.number li {
	text-align: left;
	list-style: decimal;
	line-height: 150%;
	padding: 5px 0;
	margin: 0;
}


/* =============================================
	▼個別ページ
============================================= */
/* ━━━━ ▼事務所概要 ━━━━ */
#office-link {
	background: #FFFFFF url(../../img/other/office-link-bk.gif) repeat-x left bottom;
	padding: 10px;
	margin: 10px 0 0 0;
}
#office-link table {
	text-align: center;
}
#office-link td a {
	background: url(../../img/other/sitemap-bigmark.gif) no-repeat left 2px;
	_background: url(../../img/other/sitemap-bigmark.gif) no-repeat left top;
	padding: 0 0 0 2em;
	margin: 0;
}

/* ━━━━ ▼プロフィール ━━━━ */
#profile {
	width: 450px;
	float: left;
	padding: 0;
	margin: 0;
}
#profile-box {
	width: 143px;
	float: right;
	padding: 0;
	margin: 0;
}
#profile-box #name {
	padding: 10px;
}
#profile-box #text {
	font-size: 84%;
	_font-size: 80%;
}

/* ━━━━ ▼リンク集 ━━━━ */
.link-box {
	width: 100%;
	border-bottom: 1px solid #CCCCCC;
	margin: 10px 0 0 0;
}
.link-box .link {
	background: url(../../img/other/link-mark.gif) no-repeat 5px 2px;
	padding: 0 0 0 2.5em;
	margin: 0;
}

/* ━━━━ ▼サイトマップ ━━━━ */
.sitemap-box {
	width: 285px;
	text-align: left;
	background-color: #FFFFFF;
	border: 1px solid #CCCCCC;
	margin: 10px;
}
ul.sitemap {
	text-align: left;
	padding: 20px;
}
ul.sitemap li.top {
	font-weight: bold;
	background: url(../../img/other/sitemap-bigmark.gif) no-repeat left 2px;
	line-height: 150%;
	padding: 0 0 2px 2em;
	margin: 0;
}
ul.sitemap li {
	background: url(../../img/other/sitemap-mark.gif) no-repeat 27px 8px;
	line-height: 150%;
	padding: 2px 0 2px 3em;
	margin: 0;
}


