@charset "utf-8";

/* global */
* {margin: 0; padding: 0; line-height: 1.6; font-size: 100%;}

body {margin: 20px; font-size: 86%; color: #24221d; background-color: #ede7c9;}

img {border: 0; line-height: 0; vertical-align: middile;}

p {text-align: left}

a {color: #0033ff; text-decoration: underline; outline: none;}
a:hover {color: #ff0000;}

.right {text-align: right}
.left {text-align: left}
.center {text-align: center}

.mt10 {margin-top: 10px;}
.mt20 {margin-top: 20px;}
.mt30 {margin-top: 30px;}
.mb10 {margin-bottom: 10px;}
.mb20 {margin-bottom: 20px;}
.mb30 {margin-bottom: 30px;}
.ml10 {margin-left: 10px;}
.ml20 {margin-left: 20px;}
.ml30 {margin-left: 30px;}

.clear {clear: both;}
.clearFix {overflow: hidden; height: 100%;}
.clearFix2:after {display: block; clear: both; height: 0; visibility: hidden; content: "."; zoom: 1;}

/* container */
#container {margin: 0 auto; width: 910px;}
#container .frame_top {background: url(../images/frame_top.png) no-repeat left top; padding-top: 5px;}
#container .frame_bottom {background: url(../images/frame_bottom.png) no-repeat left bottom; padding-bottom: 5px;}
#container .frame_middle {background: url(../images/frame_side.png) repeat-y center 0; padding: 0 5px;}

/* wrapper */
#wrapper {width: 900px; background-color: #ffffff;}

/* header */
#header {height: 100px; background: url(../images/logo_bg.png) no-repeat left top;}
#header img.logo {padding: 30px 0 0 50px;}

/* top_navi */
#top_navi ul {list-style: none;}
#top_navi ul li {float: left; width: 180px; height: 42px; overflow: hidden;}
#menu_introduce img {margin-left: -180px;}
#menu_business img {margin-left: -360px;}
#menu_legalfee img {margin-left: -540px;}
#menu_mandatary img {margin-left: -720px;}
#top_navi ul li img.menu_on,
#top_navi ul li a:hover img.menu_off {margin-top: -42px;}

/* contents */
#contents {padding: 50px 60px 20px;}
#contents h1 {padding-bottom: 20px; font-size: 200%; font-weight: normal; color: #9f6f25;}
#contents h2 {padding-bottom: 15px; font-size: 139%; font-weight: normal;}
#contents h3 {padding-bottom: 10px; font-size: 124%; font-weight: normal;}
#contents table.info {width: 100%; border-left: 1px #cccccc solid; border-top: 1px #cccccc solid;}
#contents table.info th,table.info td {padding: 6px 10px; border-right: 1px #cccccc solid; border-bottom: 1px #cccccc solid;}
#contents table.info th {font-weight: normal; text-align: left; background-color: #e8e8e8;}
#contents table.trance, table.trance th, table.trance th {border: none;}
#contents table.trance th,table.trance td {padding: 6px 10px;}
#contents table.fee {border-left: 1px #cccccc solid; border-top: 1px #cccccc solid;}
#contents table.fee th,table.fee td {width: 170px; font-size: 93%; padding: 6px 10px; border-right: 1px #cccccc solid; border-bottom: 1px #cccccc solid;}
#contents table.fee th {font-weight: normal; text-align: center; background-color: #e8e8e8;}
#contents li {padding-bottom: 10px;}
#contents #access_map {width: 100%; height: 600px;}
#contents table.mandatary {margin: 0 auto;}
#contents table.mandatary, table.mandatary th, table.mandatary th {border: none;}
#contents table.mandatary th,table.mandatary td {padding: 6px 10px; text-align: center;}
#contents .flow {padding: 10px 20px; font-size: 124%; border-radius: 20px; -moz-border-radius: 20px; -webkit-border-radius: 20px; border: 2px #c0c0c0 solid;}
#contents .triangle {font-size: 139%; color: #4da03d;}

/* bottom_navi */
#bottom_navi {padding: 50px 0 15px;}
#bottom_navi ul {list-style: none; text-align: center;}
#bottom_navi li {display: inline;}
#bottom_navi li a {padding: 0 10px; color: #203457; text-decoration: none;}
#bottom_navi li a:hover {color: #ff0000; text-decoration: underline;}
#bottom_navi li.separator {color: #c0c0c0;}

/* footer */
#footer {margin: 0 60px; padding: 10px 0; border-top: 3px solid #203457; font-size: 85%; color: #203457; text-align: center;}