@charset "utf-8";

/*-- default style clear ---------------------*/
* {margin: 0; padding: 0;}

body {
font-family: Verdana, "qMmpSPro W3", "Hiragino Kaku Gothic Pro", "CI", Meiryo, "lr oSVbN", sans-serif;
font-size: 74.5%;
font-weight : normal;
font-style : normal;
text-align: center;
line-height: 1.6;
color: #111111;
background: url(../img/bg01.gif) repeat-x 0 0;
background-color: #ffffff;}

html>/**/body {overflow: scroll;}

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

img {
border-style: none;
vertical-align: bottom;}

ul,ol {list-style: none;}

strong,em {font-style: normal;}

a {color: #0376db;}
a:hover {text-decoration: none;}



/*-- layout ---------------------*/
#wrapper {
margin: 0 auto;
width: 900px;
text-align: left;
background: url(../img/bg02.gif) no-repeat 0 0;}



/*-- header ---------------------*/
#header {
position: relative;
width: 900px;
height: 84px;}

#header .ul02 {
position: absolute;
top: 43px;
left: 334px;}

#header .ul02 li {float: left;}

#header .breadcrumb {
position: absolute;
top: 90px;
right: 4px;
font-size: 11px;
color: #999999;}

#header .breadcrumb li {
float: left;
margin-right: 4px;}

#header .breadcrumb li a {
margin-right: 4px;
color: #999999;}



/*-- footer ---------------------*/
#footer_wrap {
background: url(../img/f_bg01.gif) repeat-x 0 0;}

#footer {
position: relative;
margin: 0 auto;
padding: 20px 0 60px;
width: 900px;
text-align: center;}

#footer .pagetop {
position: absolute;
top: -9px;
left: 834px;}

#footer ul {float: left;}

#footer ul li {
float: left;
margin-right: 20px;
padding-left: 13px;
background: url(../img/icon01.gif) no-repeat 0 6px;}

#footer address {float: right;}



/*-- main ---------------------*/
#main {
margin-bottom: 60px;
width: 900px;
min-height: 300px;}

* html #main {height: 300px;} /* for IE6 */

#main_left {
float: left;
width: 648px;}

#main_right {
float: right;
width: 220px;}

.tit01 {margin-bottom: 20px;}

.tit0102 {
	margin-bottom: 20px;
	padding: 3px 0 3px 6px;
	color: #ffffff;
	background-color: #0376db;}

.tit02 {
margin-bottom: 20px;
padding: 6px 0 6px 8px;
font-size: 15px;
font-weight: bold;
border-top: 2px solid #0376db;
border-bottom: 1px dotted #cccccc;}

#local_nav li {
width: 220px;
text-align: center;}

#local_nav .local_nav01 a {
display: block;
padding: 12px 0;
width: 220px;
font-size: 13px;
font-weight: bold;
text-align: center;
text-decoration: none;
color: #ffffff;
background-color: #0376db;
border-bottom: 1px solid #ffffff;}

#local_nav .local_nav01 a:hover {background-color: #2294f7;}

#local_nav .local_nav02 li {border-bottom: 1px solid #ffffff;}

#local_nav .local_nav02 a {
display: block;
padding: 8px 0 8px 21px;
width: 199px;
font-size: 12px;
text-align: left;
text-decoration: none;
color: #0376db;
background: url(../img/icon01.gif) no-repeat 8px 14px;
background-color: #e0f0ff;
border-top: 1px solid #c6def4;}

* html #local_nav .local_nav02 a {width: 220px;} /* for IE6 */

#local_nav .local_nav02 a:hover {background-color: #eff7ff;}

.box01 {
width: 646px;
height: 264px;
border: 1px solid #cccccc;
overflow: auto;}

.dl01 {padding: 16px;}

.dl01 dt {
clear: left;
float: left;
padding-left: 12px;
background: url(../img/icon02.gif) no-repeat 0 6px;}

.dl01 dd {
margin-bottom: 16px;
padding: 0 0 16px 120px;
border-bottom: 1px dotted #cccccc;}

.dl02 dt {
clear: left;
float: left;
padding-left: 12px;
background: url(../img/icon02.gif) no-repeat 0 6px;}

.dl02 dd {
margin-bottom: 16px;
padding: 0 0 16px 132px;
border-bottom: 1px dotted #cccccc;}

.dl02 dd li {
	margin-bottom: 8px;
	padding-bottom: 8px;
	border-bottom: 1px dotted #cccccc;}

.dl02 dd li.last {
	margin: 0;
	padding: 0;
	border: none;}

.dl03 dt {
padding-left: 12px;
background: url(../img/icon02.gif) no-repeat 0 6px;}

.dl03 dd {margin: 8px 0 0 12px;}

.dl04 dt {
clear: left;
float: left;
padding-left: 12px;
background: url(../img/icon02.gif) no-repeat 0 6px;}

.dl04 dd {
margin-bottom: 16px;
padding: 0 0 16px 252px;
border-bottom: 1px dotted #cccccc;}

.dl05 dt {
clear: left;
float: left;}

.dl05 dd {
margin-bottom: 16px;
padding: 40px 0 16px 260px;
min-height: 60px;
border-bottom: 1px dotted #cccccc;}

.dl06 dt {
	margin-bottom: 4px;
	font-weight: bold;}

.dl06 dd {margin: 0 0 12px 1em;}

.dl06 dd li {
	margin: 4px 0 4px 24px;
	list-style: decimal;
	list-style-position: outside;}

* html .dl05 dd {height: 100px;} /* for IE6 */

.ul01 li {margin-bottom: 8px;}

.ul01 li a:hover {
	background-color: #000000;
	opacity: 0.6;}

.ul03 li {
	padding-left: 12px;
	background: url(../img/icon01.gif) no-repeat 0 6px;}

.ul03 li.sitemap01 {margin-top: 8px;}
.ul03 li.sitemap02 {margin: 4px 0 0 20px;}

.line01 {border: 1px solid #cccccc;}

.txt01 {
margin-bottom: 12px;
border: 1px solid #cccccc;}

.txt01 em {
display: block;
padding: 8px;}

.txt02 {
padding-left: 12px;
background: url(../img/icon02.gif) no-repeat 0 6px;}







/*-- all id & class ---------------------*/
.block {display: block;}

.clear {clear: both;}
.float_left {float: left;}
.float_right {float: right;}

.txt_left {text-align: left;}
.txt_center {text-align: center;}
.txt_right {text-align: right;}
.bold {font-weight: bold;}

.mt4 {margin-top: 4px;}
.mt8 {margin-top: 8px;}
.mt12 {margin-top: 12px;}
.mt16 {margin-top: 16px;}
.mt20 {margin-top: 20px;}
.mt24 {margin-top: 24px;}
.mt28 {margin-top: 28px;}
.mt32 {margin-top: 32px;}
.mt36 {margin-top: 36px;}
.mt40 {margin-top: 40px;}
.mt60 {margin-top: 60px;}
.mb4 {margin-bottom: 4px;}
.mb8 {margin-bottom: 8px;}
.mb12 {margin-bottom: 12px;}
.mb16 {margin-bottom: 16px;}
.mb20 {margin-bottom: 20px;}
.mb24 {margin-bottom: 24px;}
.mb28 {margin-bottom: 28px;}
.mb29 {margin-bottom: 29px;}
.mb32 {margin-bottom: 32px;}
.mb36 {margin-bottom: 36px;}
.mb40 {margin-bottom: 40px;}
.mb60 {margin-bottom: 60px;}
.ml4 {margin-left: 4px;}
.ml8 {margin-left: 8px;}
.ml12 {margin-left: 12px;}
.ml16 {margin-left: 16px;}
.ml20 {margin-left: 20px;}
.ml24 {margin-left: 24px;}
.ml28 {margin-left: 28px;}
.ml32 {margin-left: 32px;}
.ml36 {margin-left: 36px;}
.ml40 {margin-left: 40px;}
.ml60 {margin-left: 60px;}

/*-- clearfix ---------------------*/
.clearfix {/zoom :1;}
.clearfix:after {content:'';display:block;clear:both;}