@charset "utf-8";

/* 
01 reset
02 clr
03 layout
04 link
05 header
06 gNavi
07 footer
08 common
*/


/* 01 reset */
html {
	font-size: 10px;
}

* html {
	font-size: 62.5%;
}
html,
body,
h1,h2,h3,h4,h5,h6,
div,p,strong,em,
ul,li,dl,dt,dd,
table,th,td,caption,
form,select,option,address {
   margin: 0;
   padding: 0;
}
 
body {
  text-align:center; 
}

h1,h2,h3,h4,h5,h6 {
	font-size: 1em;
}

ul,ol,li,dl,dt,dd {
	text-indent: 0;
	padding-left: 0;
}

ul li,
ol li {
	list-style:none;
}

q:before,q:after {
	content: '';
}

br {
  letter-spacing:0px;
}

img{
	border: 0;
	vertical-align: bottom;
}

table { 
	border-collapse: collapse; 
	cell-spacing: 0px;
	empty-cells: show;
}


/* 02 clr */
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac */
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */


/* 03 layout */
body {
	background: #FFF url(../images/bg_body.gif) repeat left top;
	color: #000;
	font: 1.2em "¥Ò¥é¥®¥Î½Ç¥´ Pro W3", Osaka, "¥á¥¤¥ê¥ª", Meiryo, "£Í£Ó £Ð¥´¥·¥Ã¥¯", sans-serif;
}
* html body {
	line-height: 1.4;
}

#container {
	background: #FFF url(../images/bg_contents.gif) repeat-y center top;
	border-bottom: #B2DEB4 solid 1px;
	margin: 0 auto 20px;
	padding: 0;
	text-align: left;	
	width: 804px;
}

#contents {
	clear: both;
	padding: 6px 17px 0 12px;
}

#mainBox {
	clear: both;
	float:right;
	margin-top: 8px;
	width: 596px
}


/* 04 link */
a:link { color: #006600; text-decoration: underline;}
a:visited { color: #78AB6A; text-decoration: none; }
a:hover { color: #78AB6A; text-decoration: underline; }
a:active { color: #78AB6A; text-decoration: underline; }

ul.linklist li a {
	background: transparent url(../images/icon_list.gif) no-repeat 0 1px;
	line-height: 1;
	margin-left: 10px;
	padding-left: 9px;
}

p.pagetop {
  clear: both; 
	text-align: right;
	padding-bottom: 15px;
}
p.pagetop a {
	background: transparent url(../images/icon_top.gif) no-repeat left 4px;
	line-height: 1;
	padding-left: 10px;
}


/* indexBox */
#mainBox div.indexBox dl {
	margin-top: 0;
	margin-right: 10px;
	margin-bottom: 25px;
	margin-left: 0;
	padding: 0;
}
#mainBox div.indexBox dl dt  {
	margin-bottom: 5px;
	font-weight: bold;
	clear: both;
}

#mainBox div.indexBox dl dt a {
	background: transparent url(../images/icon_list.gif) no-repeat 0 1px;
	display: block;
	line-height: 1;
	text-decoration: none;
	border-bottom: 1px dotted #999999;
	padding-top: 0px;
	padding-right: 0;
	padding-bottom: 8px;
	padding-left: 10px;
}


* html #mainBox div.indexBox dl dt a {
	background: transparent url(../images/icon_list.gif) no-repeat 0 1px;
	display: block;
	text-decoration: none;
	border-bottom: 1px dotted #999999;
	padding-top: 1px;
	padding-right: 0;
	padding-bottom: 8px;
	padding-left: 10px;
}

#mainBox div.indexBox dl dd  {
	padding: 0 10px;
}

#mainBox div#mainInner table caption {
	font-weight: bold;
	text-align: left;
	margin-top: 10px;
	margin-bottom: 0px;
	padding: 0px;
}




/* 05 header */ 
#header {
	background: transparent url(../images/bg_header.gif) no-repeat left top;
	margin: 0 3px;
	padding: 0px;
	height: 93px;
}

#header h1 {
	float: left;
	margin-top: 12px;
	width: 190px;
}
#header h1 img {
	margin-left: 9px;
}

#header div#hNavi {
	float: right;
	text-align: right;
	width: 600px;
}

#header div#hNavi ul {
	padding-top: 32px;
	margin-right: 12px;
}
#header div#hNavi ul li {
	display: inline;
}
#header div#hNavi ul li img {
	vertical-align: text-top;
}


/* 06 gNavi */
div#gNavi {
	float:left;
	margin-top: 8px;
	width: 170px;
}

div#gNavi dl dt {
	background: transparent url(../images/icon_list.gif) no-repeat 3px 2px;
	padding-left: 14px;
}

div#gNavi dl dt img {
	vertical-align: top;
	padding-bottom: 5px;
}

div#gNavi dl dd {
	margin-bottom: 8px;
}

div#gNavi ul#gaNavi {
	background: transparent url(../images/ga_navi_over.gif) repeat left top;
	margin: 0;
	padding: 0;
	height: 391px;
	width: 169px;
}

div#gNavi ul#giNavi {
	background: transparent url(../images/gi_navi_over.gif) repeat left top;
	margin: 0;
	padding: 0;
	height: 181px;
	width: 169px;
}

div#gNavi dl dd ul li {
	float: left;
	overflow: hidden;
	
}
/* legacy IE6(5) */
* html div#gNavi dl dd ul li {
	overflow: visible;
}

div#gNavi dl dd ul li a {
	display: block;
	height: 30px;
}

ul#gaNavi li#ga01 a {
	background: transparent url(../images/ga_navi.gif) no-repeat left top;
	width: 169px;
}
ul#gaNavi li#ga02 a {
	background: transparent url(../images/ga_navi.gif) no-repeat 0 -30px;
	width: 169px;
}
ul#gaNavi li#ga03 a {
	background: transparent url(../images/ga_navi.gif) no-repeat 0 -60px;
	width: 169px;
}
ul#gaNavi li#ga04 a {
	background: transparent url(../images/ga_navi.gif) no-repeat 0 -90px;
	width: 169px;
}
ul#gaNavi li#ga05 a {
	background: transparent url(../images/ga_navi.gif) no-repeat 0 -120px;
	width: 169px;
}
ul#gaNavi li#ga06 a {
	background: transparent url(../images/ga_navi.gif) no-repeat 0 -150px;
	width: 169px;
}
ul#gaNavi li#ga07 a {
	background: transparent url(../images/ga_navi.gif) no-repeat 0 -180px;
	width: 169px;
}
ul#gaNavi li#ga08 a {
	background: transparent url(../images/ga_navi.gif) no-repeat 0 -210px;
	width: 169px;
}
ul#gaNavi li#ga09 a {
	background: transparent url(../images/ga_navi.gif) no-repeat 0 -240px;
	width: 169px;
}
ul#gaNavi li#ga10 a {
	background: transparent url(../images/ga_navi.gif) no-repeat 0 -270px;
	width: 169px;
}
ul#gaNavi li#ga11 a {
	background: transparent url(../images/ga_navi.gif) no-repeat 0 -300px;
	width: 169px;
}

ul#gaNavi li#ga12 a {
	background: transparent url(../images/ga_navi.gif) no-repeat 0 -330px;
	width: 169px;
}
ul#gaNavi li#ga13 a {
	background: transparent url(../images/ga_navi.gif) no-repeat 0 -360px;
	width: 169px;
}



ul#giNavi li#gi01 a {
	background: transparent url(../images/gi_navi.gif) no-repeat left top;
	width: 169px;
}
ul#giNavi li#gi02 a {
	background: transparent url(../images/gi_navi.gif) no-repeat left -30px;
	width: 169px;
}
ul#giNavi li#gi02 a {
	background: transparent url(../images/gi_navi.gif) no-repeat left -30px;
	width: 169px;
}
ul#giNavi li#gi03 a {
	background: transparent url(../images/gi_navi.gif) no-repeat left -60px;
	width: 169px;
}
ul#giNavi li#gi04 a {
	background: transparent url(../images/gi_navi.gif) no-repeat left -90px;
	width: 169px;
}
ul#giNavi li#gi05 a {
	background: transparent url(../images/gi_navi.gif) no-repeat left -120px;
	width: 169px;
}
ul#giNavi li#gi06 a {
	background: transparent url(../images/gi_navi.gif) no-repeat left -150px;
	width: 169px;
}

ul#gaNavi li#ga01 a:hover,
ul#gaNavi li#ga02 a:hover,
ul#gaNavi li#ga03 a:hover,
ul#gaNavi li#ga04 a:hover,
ul#gaNavi li#ga05 a:hover,
ul#gaNavi li#ga06 a:hover,
ul#gaNavi li#ga07 a:hover,
ul#gaNavi li#ga08 a:hover,
ul#gaNavi li#ga09 a:hover,
ul#gaNavi li#ga10 a:hover,
ul#gaNavi li#ga11 a:hover,
ul#gaNavi li#ga12 a:hover,
ul#gaNavi li#ga13 a:hover,
ul#giNavi li#gi01 a:hover,
ul#giNavi li#gi02 a:hover,
ul#giNavi li#gi03 a:hover,
ul#giNavi li#gi04 a:hover,
ul#giNavi li#gi05 a:hover,
ul#giNavi li#gi06 a:hover {
	background: none;
}

ul#gaNavi li#ga01.act a {
	background: transparent url(../images/ga_navi_act.gif) no-repeat left top;
	width: 169px;
}
ul#gaNavi li#ga02.act a {
	background: transparent url(../images/ga_navi_act.gif) no-repeat left -30px;
	width: 169px;
}
ul#gaNavi li#ga03.act a {
	background: transparent url(../images/ga_navi_act.gif) no-repeat left -60px;
	width: 169px;
}
ul#gaNavi li#ga04.act a {
	background: transparent url(../images/ga_navi_act.gif) no-repeat left -90px;
	width: 169px;
}
ul#gaNavi li#ga05.act a {
	background: transparent url(../images/ga_navi_act.gif) no-repeat left -120px;
	width: 169px;
}
ul#gaNavi li#ga06.act a {
	background: transparent url(../images/ga_navi_act.gif) no-repeat left -150px;
	width: 169px;
}
ul#gaNavi li#ga07.act a {
	background: transparent url(../images/ga_navi_act.gif) no-repeat left -180px;
	width: 169px;
}
ul#gaNavi li#ga08.act a {
	background: transparent url(../images/ga_navi_act.gif) no-repeat left -210px;
	width: 169px;
}
ul#gaNavi li#ga09.act a {
	background: transparent url(../images/ga_navi_act.gif) no-repeat left -240px;
	width: 169px;
}
ul#gaNavi li#ga10.act a {
	background: transparent url(../images/ga_navi_act.gif) no-repeat left -270px;
	width: 169px;
}
ul#gaNavi li#ga11.act a {
	background: transparent url(../images/ga_navi_act.gif) no-repeat left -300px;
	width: 169px;
}
ul#giNavi li#gi01.act a {
	background: transparent url(../images/gi_navi_act.gif) no-repeat left top;
	width: 169px;
}
ul#giNavi li#gi02.act a {
	background: transparent url(../images/gi_navi_act.gif) no-repeat left -30px;
	width: 169px;
}
ul#giNavi li#gi03.act a {
	background: transparent url(../images/gi_navi_act.gif) no-repeat left -60px;
	width: 169px;
}
ul#giNavi li#gi04.act a {
	background: transparent url(../images/gi_navi_act.gif) no-repeat left -90px;
	width: 169px;
}
ul#giNavi li#gi05.act a {
	background: transparent url(../images/gi_navi_act.gif) no-repeat left -120px;
	width: 169px;
}
ul#giNavi li#gi06.act a {
	background: transparent url(../images/gi_navi_act.gif) no-repeat left -150px;
	width: 169px;
}

div#gNavi ul#bnrArea li {
	margin-bottom: 10px;
	text-align:center; 
}

div#gNavi ul#bnrArea li.lastImg {
	margin-bottom: 0;
}


/* 07 footer */
#footer {
	clear: both;
	background: transparent url(../images/bg_footer.gif) no-repeat top left;
	font-size: 1em;
	line-height: 1.2em;	
	margin: 0 3px;
	height: 64px;
}

#footer p#address {
	float: left;
	margin-top: 9px;
	padding-left: 9px;
	width: 65%;
}

#footer address {
	font-style: normal;
	float: right;
	margin-top: 9px;
	padding-top: 2.4em;
	padding-right: 15px;
	text-align: right;
	width: 30%;
}


/* 08 common */
.floatL {
	float: left;
	margin: 0 12px 12px 0;
}
.floatR {
	float: right;
	margin: 0 0 12px 12px;
}
.clr {
   clear: both;
}
.txtC {
	text-align: center;
}
.txtR {
	text-align: right;
}

.right {
	text-align: right;
}

/*¥í©`¥«¥ë¥Ê¥Ó
================================*/

#localnavi {
	border: 1px solid #388074;
	background-color: #F4FFF9;
	text-align: left;
	padding: 1px;
	margin-top: 0px;
	margin-right: 5px;
	margin-bottom: 1.5em;
	margin-left: 5px;
}
div.para3
 {
	padding-top: 5px;
	padding-bottom: 0px;
	padding-left: 15px;
	padding-right: 10px;
}
div.para3  ul  li
   {
	float: left;
	padding-bottom: 5px;
}
div.para3  ul  li  a
    {
	display: block;
	padding-top: 0;
	padding-right: 5px;
	padding-bottom: 0px;
	padding-left: 28px;
}
/* 3¶Î½M */
div.para3 ul li {
	width: 33%;
}

#lnavibg .act {
	font-weight: bold;
}

/* legacy IE6 */
* html div.para3 ul li {
	width: 33%;
}
#lnavibg  {
	background-image: url(/tokiwa/images/bg_lnavi01.gif);
	background-repeat: repeat;
}
#lnavibg ul  li a    {
	background: url(/tokiwa/images/but_lnavi01.gif) no-repeat left top;
	color:#004A3E;
}
#lnavibg ul  li a:visited    {
	text-decoration: underline;

}
#lnavibg ul  li a:hover     {
	background: url(/tokiwa/images/but_lnavi01_o.gif) no-repeat left top;
	color:#78AB6A;
}
#lnavibg ul  li a:active    {
	color:#78AB6A;
}

div.cate01 div#lnavibg ul li.act a,
div.cate02 div#lnavibg ul li.act a,
div.cate02 div#lnavibg ul li.act a:visited,
div.cate02 div#lnavibg ul li.act a:hover,
div.cate02 div#lnavibg ul li.act a:active,
div.cate03 div#lnavibg ul li.act a,
div.cate03 div#lnavibg ul li.act a:visited,
div.cate03 div#lnavibg ul li.act a:hover,
div.cate03 div#lnavibg ul li.act a:active {
	background: url(/tokiwa/images/but_lnavi_d.gif) no-repeat left top;
	color:#404040;
	text-decoration: none;
}



/* 10 kifu */
.flowblue {
	background-color: #E2F6FF;
	margin-right: 25px;
	margin-left: 25px;
	padding: 1em;
	border: 1px solid #999999;
	margin-bottom: 2em;
}

.floworange{
	background-color: #FFF2E2;
	margin-right: 25px;
	margin-left: 25px;
	padding: 1em;
	border: 1px solid #999999;
	margin-bottom: 2em;
}
.flowblue   h5 {
	background-color: #7FA1DF;
	padding-left: 3px;
	color: #FFFFFF;
}
.floworange    h5 {
	background-color: #FF8E53;
	padding-left: 3px;
	color: #FFFFFF;
}
.flowblue   p {
	background-color: #CDE6FF;
	padding-right: 3px;
	padding-left: 3px;
}
.floworange    p {
	background-color: #FFD3B7;
	padding-right: 3px;
	padding-left: 3px;
}
.indent01 {
	text-indent: -1em;
	margin-left: 1em;
}
.indent02 {
	text-indent: -1em;
	margin-left: 2em;
	margin-top: -1em;
}

#blue #mainBox div#mainInner h4  {
	color: #003399;
	font-weight: bold;
	padding-right: 10px;
	padding-bottom: 2px;
	font-size: 1.3em;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #003399;
	margin-bottom: 5px;
}

#orange #mainBox div#mainInner h4  {
	color: #FF3300;
	font-weight: bold;
	padding-right: 10px;
	padding-bottom: 2px;
	font-size: 1.3em;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #FF3300;
	margin-bottom: 5px;
}

.h5red {
	color: #FF0000;
	font-size: 0.9em;
	margin-left: 0.8em;
}
.h5orange {
	color: #FF6633;
	font-size: 1.2em;
}
.h5blue {
	color: #0066CC;
	font-size: 1.2em;
}

#mainBox #mainInner .bluetable caption {
	color: #003399;
	font-size: 1.3em;
}

#mainBox #mainInner .bluetable th {
	background-color: #E2F6FF;
}

#mainBox #mainInner .orangetable caption {
	color: #FF3300;
	font-size: 1.3em;
}

#mainBox #mainInner .orangetable th {
	background-color: #FFF2E2;
}
#kifucontact {
	background-color: #EFF9E0;
	padding-top: 1em;
	padding-right: 1em;
	padding-left: 1em;
	width: 60%;
	margin-right: auto;
	margin-left: auto;
	border: 1px solid #CCCCCC;
	margin-bottom: 1em;
}
.ol01  {
	margin-bottom: 0.5em;
}

.ol01 ol {
	margin-bottom: 0.5em;
}
.kifutable {
	margin-right: 15px;
	margin-left: 15px;
}
.kifutable ul li {
	list-style-position: outside;
	list-style-type: disc;
	margin-left: 1em;
}