@charset "UTF-8";

/* 全体構造
---------------------------------------------------- */
* {
	margin: 0;
	padding: 0;
}
body {
	font: normal normal normal small/1.8 Verdana, "ＭＳ Ｐゴシック", sans-serif;
	color: #333333;
	background: #FFFFFF;
	font-size: small;
}
.wrapper {
	width: 960px;
	margin: 0 auto;
}
.cboth {
	clear: both;
}
.cboth hr{
	display:none;
}
.mt10 {
	margin-top: 10px;
}
.mt20 {
	margin-top: 20px;
}
.mb10 {
	margin-bottom: 10px;
}
.mb20 {
	margin-bottom: 20px;
}
.to-pagetop {
	clear:both;
	width:100%;
	margin: 0 0 20px;
}
.to-pagetop a {
	display:block;
	width:95px;
	height:28px;
	text-indent:-99999px;	
	background: url('../img/to-pagetop.gif') no-repeat;
}
.to-pagetop a:hover {
	background-position: bottom;
}
table caption {
	display:none;
}

.left {
	float:left;
	}
	
.right {
	float:right;
	}

.none {
	display:none;
}

.hidden {
	visibility:hidden;
	}

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

.clearfix {
  min-height: 1px;
}

* html .clearfix { /* for IE6 */
  height: 1px;
  /*\*//*/
  height: auto;
  overflow: hidden;
  /**/
}

.mail {
 	font-weight: bold;
	line-height: 1.5;
	text-decoration:underline;
	color:#ea8700;
}

/* リンク
---------------------------------------------------- */
a {
	outline-style:none;
}
a:link, a:visited {
	color: #333333;
}
a:hover, a:active {
	color: #999999;
	text-decoration:underline;
}

/* ヘッダ
---------------------------------------------------- */
#header {
	margin:0 auto;
	width: 960px;
	height: 138px;
	background: #ffffff url('../img/bg-header.gif') left top repeat-x;
}
.headerBox {
	width: 968px;
	height: 138px;
	margin: 0 auto ;
	position:relative;
	background: url('../img/bg-menu.gif') right top no-repeat;
}

#header h1 {
	position: absolute;
	top: 38px;
	left: 12px;
	width: 100%;
	text-indent: -99999px;
	background: url('../img/logo.gif') no-repeat;
}
#header h1 a {
	display: block;
	width: 111px;
	height: 38px;
}

#header .catch {
	position: absolute;
	top: 50px;
	left: 153px;
	width: 263px;
	height: 12px;
	text-indent: -99999px;
	background: url('../img/logolink/logo-text.gif') no-repeat;
}

#header .mailmaga {
	position: absolute;
	top: 0px;
	right: 5px;
	width: 134px;
	height: 33px;
	text-indent: -99999px;
}
#header .mailmaga a {
	display: block;
	width: 134px;
	height: 33px;
	background: url('../img/bt-mailmaga.gif') 0 0 no-repeat;
}
#header .mailmaga a:hover {
	background-position: bottom;
}

#header .mypage {
	position: absolute;
	top: 0px;
	right: 5px;
	width: 134px;
	height: 33px;
	text-indent: -99999px;
}
#header .mypage a {
	display: block;
	width: 134px;
	height: 33px;
	background: url('../img/bt-mypage.gif') 0 0 no-repeat;
}
#header .mypage a:hover {
	background-position: bottom;
}

#header #login-form {
	font-size: 10px;
	font-weight: bold;
	position: absolute;
	top: 51px;
	left: 428px;
	width: 535px;
	height: 53px;
}
#header #login-form .passBox {
	margin: 2px 9px;
	text-align: right;
	display: inline;
	float: right;
	width: 16.75em;
}
#header #login-form .mailBox {
	margin: 2px 0px;
	text-align: right;
	display: inline;
	float: right;
	width: 18.75em;
}
#header #login-form .passBox input.txt,
#header #login-form .mailBox input.txt {
	width: 100px;
	height: 14px;
	ime-mode: disabled;
}
#header #login-form .login-btn {
	display: inline;
	width: 90px;
	/*height: 21px;*/
	float: right;
	text-align: left;
}
#header #login-form .login-btn a {
	display: block;
	width: 90px;
	height: 21px;
	text-indent: -99999px;
	background: url('../img/bt-login.gif') 0 0 no-repeat;
}
#header #login-form .login-btn a:hover {
	background-position:bottom;
}

#header #login-form .option {
	clear: both;
	padding: 3px 0 0 0;
	/*margin: 5px;
	padding: 5px 5px 0;*/
}
#header #login-form .option .autoLogin {
	display: inline;
	width: 215px;
	float: left;
	text-align: right;
}
#header #login-form .option .pwdForgot {
	display: inline;
	width: 16em;
	float: left;
	text-align: right;
}
#header #login-form .option .pwdForgot a {
	text-decoration: none !important;
}
#header #login-form .option .pwdForgot a:hover {
	text-decoration: underline !important;
}

#header #login-form .desc {
	/*margin: 5px 0;*/
	font-weight: normal;
}

#header #login-form .logout-btn {
	display: inline;
	width: 90px;
	/*height: 21px;*/
	float: right;
	text-align: left;
}
#header #login-form .logout-btn a {
	display: block;
	width: 90px;
	height: 21px;
	text-indent: -99999px;
	background: url('../img/bt-logout.gif') 0 0 no-repeat;
}
#header #login-form .logout-btn a:hover {
	background-position:bottom;
}
#header #login-form .myname {
	margin: 4px 0px;
	text-align: right;
}
#header #login-form .myname span {
	display: block;
	padding-right: 100px;
	text-align: right;
}
#header #login-form .desc {
	text-align: right;
}
#header #login-form .desc a {
	text-decoration: none !important;
}
#header #login-form .desc a:hover {
	text-decoration: underline !important;
}


/*
#header ul {
	position: absolute;
	margin: 0;
	padding: 0;
	top: 10px;
	right: 10px;
	list-style: none;
}
#header li {
	display: inline;
	margin: 0;
	padding: 0;
	font-size: small;
}
#header li a {
	text-decoration: underline !important;
}
#header .search-block {
	position: absolute;
	top: 42px;
	right: 10px;
}
*/

#global-navi {
	clear: both;
	position: absolute;
	top: 104px;
	left: 0px;
	text-indent: -99999px;
}

#global-navi a {
	display: block;
	width: 160px;
	height: 34px;
}
#global-navi a.to-charipra {
	position: absolute;
	top: 0px;
	left: 0px;
	background: url('../img/bg-menu00.gif') left top no-repeat;
}
#global-navi a.to-donation {
	position: absolute;
	top: 0px;
	left: 160px;
	background: url('../img/bg-menu00.gif') -160px top no-repeat;
}
#global-navi a.to-donation:hover {
	background-position:-160px -34px;
}
#global-navi a.to-company {
	position: absolute;
	top: 0px;
	left: 320px;
	background: url('../img/bg-menu00.gif') -320px top no-repeat;
}
#global-navi a.to-company:hover {
	background-position:-320px -34px;
}
#global-navi a.to-npo {
	position: absolute;
	top: 0px;
	left: 480px;
	background: url('../img/bg-menu00.gif') -480px top no-repeat;
}
#global-navi a.to-npo:hover {
	background-position:-480px -34px;
}
#global-navi a.to-support {
	position: absolute;
	top: 0px;
	left: 640px;
	background: url('../img/bg-menu00.gif') -640px top no-repeat;
}
#global-navi a.to-support:hover {
	background-position:-640px -34px;
}
#global-navi a.to-navisearch {
	position: absolute;
	top: 0px;
	left: 800px;
	background: url('../img/bg-menu00.gif') -800px top no-repeat;
}
#global-navi a.to-navisearch:hover {
	background-position:-800px -34px;
}




#global-navi a.to-charipra-select {
	position: absolute;
	top: 0px;
	left: 0px;
	background: url('../img/bg-menu00.gif') no-repeat;
	background-position:0 -34px;
}

#global-navi a.to-donation-select {
	position: absolute;
	top: 0px;
	left: 160px;
	background: url('../img/bg-menu00.gif') no-repeat;
	background-position:-160px -34px;
}

#global-navi a.to-company-select {
	position: absolute;
	top: 0px;
	left: 320px;
	background: url('../img/bg-menu00.gif') no-repeat;
	background-position:-320px -34px;	
}

#global-navi a.to-npo-select {
	position: absolute;
	top: 0px;
	left: 480px;
	background: url('../img/bg-menu00.gif') no-repeat;
	background-position:-480px -34px;
}

#global-navi a.to-support-select {
	position: absolute;
	top: 0px;
	left: 640px;
	background: url('../img/bg-menu00.gif') no-repeat;
	background-position:-640px -34px;
}

#global-navi a.to-navisearch-select {
	position: absolute;
	top: 0px;
	left: 800px;
	background: url('../img/bg-menu00.gif') no-repeat;
	background-position:-800px -34px;
}


	
#global-navi li ul {
	display:none;
	position:relative;
	margin:34px 0 0;
	width:160px;
	z-index: 1000;
	}
	
*html #global-navi li ul { /* for IE6 */
	margin:9px 0 0;
	}
	
*:first-child+html #global-navi li ul{ /* for IE7 */
	margin:9px 0 0;
	}
	
#global-navi li ul li {
	width:161px;
	height:33px;
	}
	
#global-navi li ul li a {
	width:161px;
	height:33px;
	}
	
#global-navi a.to-charipra01 {
	background:url(../img/global-navi-submenu01.gif) no-repeat;
	}
	#global-navi a.to-charipra01:hover {
		background-position:bottom;
		}
#global-navi a.to-charipra02 {
	background:url(../img/global-navi-submenu02.gif) no-repeat;
	}
	#global-navi a.to-charipra02:hover {
		background-position:bottom;
		}
#global-navi a.to-charipra03 {
	background:url(../img/global-navi-submenu03.gif) no-repeat;
	}
	#global-navi a.to-charipra03:hover {
		background-position:bottom;
		}
#global-navi a.to-charipra04 {
	background:url(../img/global-navi-submenu04.gif) no-repeat;
	}
	#global-navi a.to-charipra04:hover {
		background-position:bottom;
		}
#global-navi a.to-charipra05 {
	background:url(../img/global-navi-submenu05.gif) no-repeat;
	}
	#global-navi a.to-charipra05:hover {
		background-position:bottom;
		}
#global-navi a.to-charipra06 {
	background:url(../img/global-navi-submenu06.gif) no-repeat;
	}
	#global-navi a.to-charipra06:hover {
		background-position:bottom;
		}
#global-navi a.to-charipra07 {
	background:url(../img/global-navi-submenu07.gif) no-repeat;
	}
	#global-navi a.to-charipra07:hover {
		background-position:bottom;
		}
		

/* フッタ
---------------------------------------------------- */
#footer {
	clear: both;
	width: 968px;
	margin: 0 auto;
	background: #FFFFFF;
	text-align: center;
}
#footer .wrapper {
	width: 960px;
	margin: 0 auto;
	border-top: #cccccc solid 1px;
}
#footer ul {
	padding: 10px 0 5px;
	list-style: none;
	font-size: 93.75%;
}
#footer li {
	display: inline;
	padding: 0 3px;
}
#footer li a {
	text-decoration: none !important;
}
#footer li a:hover {
	text-decoration: underline !important;
}
#footer .wrapper div {
	display:block;
	width:82px;
	height:28px;
	margin: 20px auto 15px auto;
	text-indent:-99999px;	
	background: url('../img/logolink/logo-footer.gif') no-repeat;
	}
#footer address {
	font-style: normal;
	padding: 5px 0px;
	font-size: x-small;
}

/* ページ本体
---------------------------------------------------- */
#pagebody {
	background: #ffffff;
	overflow: hidden;
	width: 968px;
	margin: 0 auto;
}
#pagebody .wrapper {
	/*background: #ff0000;
	overflow: hidden;*/
}

/* コンテンツ
---------------------------------------------------- */
#content {
	float: left;
	margin: 0 0 15px;
	width: 613px;
}
#contentbody {
	position: relative;
}

#content-wide {
	float: left;
	margin: 0;
	width: 100%;
}

#content #content-left {
	width:170px;
	float: left;
	list-style:circle;
}
#content #content-right {
	width: 515px;
	float: right;
}

#content #main-banner h2 {
	width: 100%;
	height: 324px;
	margin: 0 0 25px;
	background: url('../img/main-banner.gif') no-repeat;
	text-indent: -99999px;
}
#content #main-banner a.kikin {
	position: absolute;
	display:block;
	top: 162px;
	left: 282px;
	width: 100px;
	height: 20px;
	text-indent: -99999px;
}
#content #main-banner a.support {
	position: absolute;
	display:block;
	top: 292px;
	left: 268px;
	width: 44px;
	height: 20px;
	text-indent: -99999px;
}

/* 左サイドバー
---------------------------------------------------- */
#left-sidebar {
	float: left;
	width: 205px;
	background:#F2F1E8;
}
#left-sidebar a:link, a:visited {
	color: #333333;
}
#left-sidebar a:hover, a:active {
	color: #999999;
}
#left-sidebar ul {
	margin:0 0 8px;
	padding:40px 0 0;
	background:url('../img/left-sidebar-header.gif') no-repeat;
}	
#left-sidebar ul li {
	display:block;
	margin:5px 0;
	width:205px;
	height:25px;
	background:url('../img/left-sidebar-menubg.gif') no-repeat;
	/*font-size: 93.75%;*/
	font-size:12px; 
}
#left-sidebar ul li#menu01 a {
	display:block;
	background:url('../img/left-sidebar-menu01.gif') no-repeat;
}
#left-sidebar ul li#menu01 a:hover {
	background-position: 0 -25px;
	text-decoration:none;
}
#menu02 a, #menu03 a, #menu04 a, #menu08 a, #menu09 a, #menu10 a, #menu11 a, #menu12 a, #menu13 a, #menu14 a {
	margin:0 0 0 18px;
	padding:0 0 0 12px;
	background:url('../img/left-sidebar-arrow.gif') no-repeat left center;
	text-decoration:none;
}
#left-sidebar ul li#menu05 a {
	display:block;
	background:url('../img/left-sidebar-menu05.gif') no-repeat;
	text-decoration:none;
}
#left-sidebar ul li#menu05 a:hover {
	background-position: 0 -25px;
}
#left-sidebar ul li#menu06 a {
	display:block;
	background:url('../img/left-sidebar-menu06.gif') no-repeat;
	text-decoration:none;
}
#left-sidebar ul li#menu06 a:hover {	
	background-position: 0 -25px;
}
#left-sidebar ul li#menu07 a {
	display:block;
	background:url('../img/left-sidebar-menu07.gif') no-repeat;
	text-decoration:none;
}
#left-sidebar ul li#menu07 a:hover {
	background-position: 0 -25px;
}
	
#menu02 a:hover, #menu03 a:hover, #menu04 a:hover, #menu08 a:hover, #menu09 a:hover, #menu10 a:hover, #menu11 a:hover, #menu12 a:hover {
	text-decoration:underline;
}
#left-sidebar h2 {
	margin:19px 0 0;
	width:205px;
	height:30px;
	text-indent:-99999px;
}

#left-sidebar #kifukin {
	margin: 15px 0;
	text-align:center;
}
#left-sidebar #kifukin h2 {
	height:30px;
	background: url('../img/kifukin-title.gif') no-repeat;
}
#left-sidebar #kifukin .kingaku {
	font-size: large;
	font-weight: bold;
}
#left-sidebar #kifukin .unit {
	font-weight: bold;
}
#left-sidebar #kifukin .remarks {
	font-size: x-small;
	font-weight: bold;
}
#left-sidebar #kifukin .action a {
	display: block;
	margin:5px auto;
	width: 194px;
	height: 40px;
	text-indent: -99999px;
	background: url('../img/kifukin-action.gif') no-repeat;
}
#left-sidebar #kifukin .action a:hover {
	background-position: bottom;
}

#left-sidebar #voice h2 {
　margin-top:19px;
	background: url('../img/voice-title.gif') no-repeat;
}
#left-sidebar h3 {
	 margin:11px 0 0;
	font-weight: bold;
}
#left-sidebar #voice .voice-ichiran {
	margin:0 auto 11px;
	podding:9px;
	width:192px;
	text-align:left;
	font-size: 93.75%; 
	line-height:1.5;
}
#left-sidebar #voice .voice-ichiran p {
	line-height:1.5;
}
#left-sidebar #voice .voice-hr {
	clear:both;
	height:1px;
	border:none;
	background:url('../img/voice-hr.gif') repeat-x;
}

*html #left-sidebar #voice .voice-hr { /* for IE6 */
	color:#F2F1E8;
	border-bottom:dotted 1px #999;
	}
	
*:first-child+html #left-sidebar #voice .voice-hr { /* for IE7 */
	color:#F2F1E8;
	border-bottom:dotted 1px #999;
	}

#left-sidebar .voice-ichiran a {
	float:right;
	margin:8px 0 7px 0;
	display:block;
	width:94px;
	height:25px;
	background:url('../img/voice-detail.gif') no-repeat;
	text-indent:-99999px;
}
#left-sidebar .voice-ichiran a:hover {
	background-position:0 -25px;
}

/* サイドバー
----------------------------------------------------
#sidebar {
	float: right;
	margin: 0 0 15px;
	width: 206px;
}

#sidebar #login-form {
	padding: 5px;
	font-size: x-small;
	font-weight: bold;
	border: solid 1px #ED7215;
	background: #FFFFFF;
}
#sidebar #login-form .textbox {
	margin: 5px;
	text-align: right;
}
#sidebar #login-form .textbox input.txt {
	width: 100px;
	height: 14px;
	ime-mode: disabled;
}
#sidebar #login-form .login-btn a {
	margin: 10px auto;
	display: block;
	width: 111px;
	height: 20px;
	text-indent: -99999px;
	background: url('../img/login-btn.gif') no-repeat;
}
#sidebar #login-form .login-btn a:hover {
	background-position:bottom;
}
#sidebar #login-form .option {
	margin: 5px;
	padding: 5px 5px 0;
	border-top: dotted 1px #999999;
}
#sidebar #login-form .desc {
	margin: 5px 0;
	font-weight: normal;
}
#sidebar #login-form .logout-btn a {
	margin: 10px auto;
	display: block;
	width: 111px;
	height: 20px;
	text-indent: -99999px;
	background: url('../img/logout-btn.gif') no-repeat;
}
#sidebar #login-form .logout-btn a:hover {
	background-position:bottom;
}

#sidebar #kifukin {
	margin: 15px 0;
	text-align: center;
	background: url('../img/kifukin-bg.gif') repeat-y;
}
#sidebar #kifukin h2 {
	height:45px;
	text-indent:-99999px;
	background: url('../img/kifukin-hl.gif') no-repeat;
}
#sidebar #kifukin .kingaku {
	font-size: large;
	font-weight: bold;
}
#sidebar #kifukin .unit {
	font-weight: bold;
}
#sidebar #kifukin .remarks {
	font-size: x-small;
	font-weight: bold;
}
#sidebar #kifukin .action {
	margin: 5px 0;
}
#sidebar #kifukin .action a {
	display: block;
	width: 206px;
	height: 47px;
	text-indent: -99999px;
	background: url('../img/kifukin-action.gif') no-repeat;
}
#sidebar #kifukin .action a:hover {
	background-position: bottom;
}

#sidebar ul {
	list-style: none;
}
#sidebar li {
	margin: 5px 0;
}
#sidebar li#mychari a {
	display: block;
	width: 206px;
	height: 94px;
	text-indent: -99999px;
	background: url('../img/mychari.gif') no-repeat;
}
#sidebar li#mychari a:hover {
	background-position: bottom;
}
#sidebar li#bokin-simulator a {
	display: block;
	width: 206px;
	height: 82px;
	text-indent: -99999px;
	background: url('../img/bokin-simulator.gif') no-repeat;
}
#sidebar li#bokin-simulator a:hover {
	background-position: bottom;
}
#sidebar li#virtual-kifu a {
	display: block;
	width: 206px;
	height: 82px;
	text-indent: -99999px;
	background: url('../img/virtual-kifu.gif') no-repeat;
}
#sidebar li#virtual-kifu a:hover {
	background-position: bottom;
}
#sidebar li#staffblog a {
	display: block;
	width: 206px;
	height: 51px;
	text-indent: -99999px;
	background: url('../img/staffblog.gif') no-repeat;
}

*/

/*---=01-base---*/
* {
	margin:0px;
	padding:0px;
}

body {
	font: normal normal normal small/1.8 Verdana, "ＭＳ Ｐゴシック", sans-serif;
	color: #333333;
}

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

img {
	border:0;
}

ul { list-style:none;}

table {
	border:none;
	border-collapse:collapse;
	font-size:100%;
}

strong {
		font-style:normal;
		font-weight:bold;
}

table caption {	display:none;}

td,th {
	text-align:left;
	line-height: 1.4;
}

#wrapper {
	margin:0px auto;
	width:609px;
	text-align:left;
	overflow:hidden;
}

#main-box {
	width:609px;
	float:left;
	margin: 0px;
}

#main {
	width:715px;
	text-align:left;
}

a:link,a:visited {
	color:#333333;
	text-decoration:none;
}

a:active,a:hover {
	color:#666666;
	text-decoration:underline;
}

a { outline-style:none;}

#nav {
	float:right;
	width:206px;
	margin: 0px 0px 0px 0px;
}

#logotalk { float:left; margin: 0 0 10px;}

#nav-pick-up-project {
	width:206px;
	float:left;
	margin: 0 0 33px;
	background: url(../img/bg-nav-pick-up-project.jpg) repeat-y;
}

#nav-pick-up-project h2 {
	float:left;
	width:206px;
	height:43px;
	background: url(../img/nav-pick-up-project.jpg) no-repeat;
	text-indent:-99999px;
}

#nav-pick-up-project ul {
	float:left;
	width:204px;
	font-size:100%;
	line-height:1;
	font-weight:bold;
	text-align:center;
}

#nav-pick-up-project ul li {
	margin: 0;
	padding:0;
}

#nav-pick-up-project ul li a {
	display:block;
	-height:1em;
	margin: 0;
	padding: 5px 0 6px;
	color:#FFFFFF;
	background: url(../img/bg-nav-pick-up-project-li.jpg) bottom center no-repeat;
}

#nav-pick-up-project ul li a:active,#nav-pick-up-project ul li a:hover { background: #ed9539 url(../img/bg-nav-pick-up-project-li-ov.jpg) bottom center no-repeat;}

#nav-pick-up-project ul li a {
	display:block;
}

#nav-pick-up-project p.ichiran {
	float:left;
	clear: both;
	width:206px;
	height:25px;
}

p.iikoto-sengen {
	float:left;
	clear:both;
	width:206px;
	height:122px;
	margin: 0 0 10px;
}

p.iikoto-sengen a {
	display:block;
	width:206px;
	height:122px;
	text-indent:-99999px;
	background-image: url(../img/nav-sengen.jpg);
}

p.iikoto-sengen a:active,p.iikoto-sengen a:hover { background-position:bottom;}

#nav-bokin-sougaku {
	width:206px;
	float:left;
	margin: 0 0 30px;
	background: url(../img/bg-nav-bokin-sougaku.jpg) repeat-y;
}

#nav-bokin-sougaku h3 {
	float:left;
	width:206px;
	height:45px;
	background: url(../img/nav-bokin-sougaku.jpg) no-repeat;
	text-indent:-99999px;
}

#nav-bokin-sougaku ul {
	float:left;
	padding: 0 11px 0 9px;
	font-size:120%;
	font-weight:bold;
}

#nav-bokin-sougaku ul li {
	float:left;
	width:186px;
	padding: 3px 0;
}

#nav-bokin-sougaku ul li.dotted { background: url(../img/dotted-gray02.jpg) bottom repeat-x;}

#nav-bokin-sougaku ul li dt,#nav-bokin-sougaku ul li dd{ float:left;}

#nav-bokin-sougaku ul li dt {
	width:46px;
	text-indent: -99999px;
	background-position:left center;
	background-repeat:no-repeat;
}
#nav-bokin-sougaku ul li dt.dt01 { background-image: url(../img/bg-nav-bokin-sougaku-dt01.jpg);}
#nav-bokin-sougaku ul li dt.dt02 { background-image: url(../img/bg-nav-bokin-sougaku-dt02.jpg);}

#nav-bokin-sougaku ul li dd {
	width:140px;
	text-align:right;
}

#nav-bokin-sougaku ul li dd p {
	float:left;
	width:120px;
}

#nav-bokin-sougaku ul li dd span {
	display:block;
	float:right;
	width:20px;
	text-align:left;
	text-indent:-99999px;
	background-repeat:no-repeat;
	background-position:3px 7px;
}
#nav-bokin-sougaku ul li dd span.dd01 { background-image: url(../img/bg-nav-bokin-sougaku-dd01.jpg);}
#nav-bokin-sougaku ul li dd span.dd02 { background-image: url(../img/bg-nav-bokin-sougaku-dd02.jpg);}

#nav-bokin-sougaku	p.kihu {
	float:left;
	clear: both;
	width:206px;
	height:47px;
	margin: 5px 0 0;
}
#nav-bokin-sougaku p.kihu a {
	display:block;
	width:206px;
	height:47px;
	text-indent:-99999px;
	background-image: url(../img/bg-nav-bokin-sougaku-kihu.jpg);
}

#nav-bokin-sougaku p.kihu a:active,#nav-bokin-sougaku  p.kihu a:hover { background-position:bottom;}

#banner-title {
	float:left;
	clear:both;
	width: 206px;
	height:12px;
	line-height:0;
	margin: 0 0 5px;
	background: url(../img/banner-title.jpg) no-repeat;
	text-indent:-99999px;
}

#nav ul.banner {
	float:left;
	clear:both;
	margin: 0px 0px 30px;
}

#nav ul.banner li { margin:0px 0px 10px;}

#nav ul#contents-banner {
	float:left;
	clear:both;
	margin: 0 0 30px;
}
#nav ul#contents-banner li { float:left; margin: 0 0 8px;}

/*---=06-top---*/

#top-main {
	width:625px;
	float:left;
	margin: 0px 23px 0px 0px;
}

#top-main h2 {
	float:left;
	width:625px;
	height:330px;
	margin: 0 0 25px;
}

#top-main h2 a {
	display:block;
	width:625px;
	height:330px;
	text-indent:-99999px;
	background: url(../img/top-sub01.jpg) no-repeat;
}

#top-main h3 {
	float:left;
	width:307px;
	height:122px;
	text-indent:-99999px;
	background-repeat:no-repeat;
}

#top-main h3 a {
	display:block;
	width:307px;
	height:122px;
}

#top-main h3 a:active,#top-main h3 a:hover { background-position:bottom;}

#top-sub02 a { background-image:url(../img/top-sub02.jpg);}
#top-sub03 a { background-image:url(../img/top-sub03.jpg);}
#top-sub04 a { background-image:url(../img/top-sub04.jpg);}
#top-sub-kawaguchi a { background-image:url(../img/top-sub-kawaguchi.jpg);}
#top-sub-virtual a { background-image:url(../img/top-sub-virtual.jpg);}
#top-sub-no3and4 a { background-image:url(../img/top-sub-no3and4.jpg);}
#top-sub-mychari a { background-image:url(../img/top-sub-mychari.jpg);}

#top-catch {
	float:left;
	clear:both;
	width:625px;
	margin: 0 0 35px;
}

#top-catch li {
	float:left;
	width:307px;
	margin: 0 0 10px;
}
#top-catch li.right {
	float:right;
}

#top-main h4 {
	float:left;
	clear:both;
	width:100%;
	height:16px;
	margin: 0 0 8px;
	text-indent:-99999px;
	background-repeat:no-repeat;
}

#top-sub06 { background-image:url(../img/top-sub06.jpg);}
#top-sub07 { background-image:url(../img/top-sub07.jpg);}


.update-topics {
	float:left;
	clear:both;
	width:100%;
	margin: 0 0 35px;
	background: url(../img/dotted-gray01.jpg) repeat-x;
}
.update-topics li {
	float:left;
	clear:both;
	width:100%;
	padding: 7px 0;
	background: url(../img/dotted-gray01.jpg) bottom repeat-x;
}

.update-topics dl {
	float:left;
	clear:both;
	width:100%;
}

.update-topics dl dt,.update-topics dl dd {
	float:left;
}

.update-topics dl dt {
	width:115px;
	text-indent:20px;
	color:#ec7216;
}
.update-topics dl dd {
	width:510px;
}

.col-gray dd { color:#5f5c5c;}
.col-or dd { color:#ec7216;}

.col-gray dd a:link,.col-gray dd a:visited { color:#ec7216;}
.col-gray dd a:active,.col-gray dd a:hover { color:#ec7216;text-decoration:underline;}
.col-or dd a:link,.col-or dd a:visited { color:#ec7216;}
.col-or dd a:active,.col-or dd a:hover { color:#ec7216;text-decoration:underline;}

/*---=07-layout---*/

.section01 {
	float:left;
	width: 564px;
}

.box {
	float:left;
	clear:both;
	width:713px;
}

.box-s {
	float:left;
	clear:both;
	width:633px;
}
.box-ss {
	float:right;
	clear:both;
	width:194px;
}

.box01-top {
	padding:5px 0 0;
	margin: 0 0 25px;
	background: url(../img/box01-top.jpg) no-repeat;
}
.box01-bottom {
	padding:0 0 7px;
	background: url(../img/box01-bottom.jpg) bottom no-repeat;
}
*html .box01-bottom {/* for IE6 */
	padding:0 0 4px;
}
*:first-child+html .box01-bottom {/* for IE7 */
	padding:0 0 4px;
}
.box01-contents {
	padding:15px 0 13px;
	background: url(../img/box01-contents.jpg);
	text-align:center;
}
.box01-contents a:link,.box01-contents a:visited { color:#ec7216; text-decoration:none;}
.box01-contents a:active,.box01-contents a:hover { color:#ec7216; text-decoration:underline;}


.box02-top {
	padding:5px 0 0;
	margin: 0 0 25px;
	background: url(../img/box02-top.jpg) no-repeat;
}
.box02-bottom {
	margin:0;
	padding:0 0 7px;
	width:715px;
	background: url(../img/box02-bottom.jpg) left bottom no-repeat;
}
.box02-contents {
	padding:6px 0;
	background: url(../img/box02-contents.jpg) repeat-y;
}

.box02-ttl-box {
	width:688px;
	padding: 0 12px 12px;
	border-bottom:solid 1px #EC7216;
}

.box02-ttl-box h4 {
	float:left;
	width:418px;
	padding: 2px 0 0;
	margin: 0 10px 0 0;
	font-size:100%;
	line-height:1.4;
	font-weight:bold;
	color:#ec7216;
}

.box02-contents-box {
	width:683px;
	padding: 11px 33px 5px 12px;
}
.box02-contents-box02 {
	float:left;
	width:633px;
	padding: 11px 39px 5px 43px;
}

.box02-contents-box02 h4 {
	float:left;
	clear:both;
	width:633px;
	height:50px;
	margin: 0 0 5px;
	text-indent: -99999px;
	background-repeat: no-repeat;
}

.box04-top {
	padding:3px 0 25px;
	background: url(../img/box04-top.jpg) no-repeat;
}
.box04-top-last {
	padding:3px 0 0px;
	background: url(../img/box04-top.jpg) no-repeat;
}
.box04-bottom {
	padding:0 0 3px;
	background: url(../img/box04-bottom.jpg) left bottom no-repeat;
}
.box04-contents {
	width:609px;
	margin: 0 3px 0 0;
	padding:11px 12px 11px;
	background: #e9e9e9;
}

.box05-top {
	float:left;
	width:590px;
	padding:3px 0 0;
	margin: 0 0 10px 43px;
	background: url(../img/box05-top.jpg) right top no-repeat;
}
.box05-bottom {
	width:590px;
	padding:0 0 3px;
	background: url(../img/box05-bottom.jpg) left bottom no-repeat;
}
.box05-contents {
	width:560px;
	margin:0;
	padding:9px 15px;
	background: url(../img/box05-contents.jpg);
}

.box06-top {
	padding:5px 0 20px;
	background: url(../img/box06-top.jpg) no-repeat;
}
.box06-top-last {
	padding:5px 0 10px;
	background: url(../img/box06-top.jpg) no-repeat;
}
.box06-bottom {
	padding:0 0 7px;
	background: url(../img/box06-bottom.jpg) bottom no-repeat;
}
.box06-contents {
	padding:6px 0;
	background: url(../img/box06-contents.jpg);
}

.box06-ttl-box {
	width:605px;
	padding: 0 12px 12px;
	border-bottom:solid 1px #EC7216;
}

.box06-ttl-box h4 {
	float:left;
	width:470px;
	height:auto;
	padding: 2px 0 0;
	margin: 0 10px 0 0;
	font-size:100%;
	line-height:1.4;
	font-weight:bold;
	color:#ec7216;
	text-indent:0;
}

.box06-contents-box {
	width:606px;
	padding: 11px 15px 5px 12px;
}

.box07-top {
	padding:4px 0 0;
	background: url(../img/box07-top.jpg) no-repeat;
}
.box07-bottom {
	padding:0 0 4px;
	background: url(../img/box07-bottom.jpg) left bottom no-repeat;
}
.box07-contents {
	width:691px;
	padding:10px 12px 18px;
	background: #edeee8;
}

/*---=08-general-purpose---*/

#main h2 {
	float:left;
	width:715px;
	height:38px;
	margin: 0 0 10px;
	text-indent: -99999px;
	background-repeat: no-repeat;
}

#main h3 {
	float:left;
	width:715px;
	height:22px;
	margin: 0 0 25px;
	text-indent: -99999px;
	background-repeat: no-repeat;
}


.ttl-btm-ca {
	margin:0 auto;
	clear:both;
	width:715px;
	padding: 0 0 15px;
	font-size:140%;
	font-weight:bold;
	color:#ec7216;
}

.ttl-btm-ca02 {
	float:left;
	clear:both;
	width:546px;
	padding: 0 0 40px 18px;
}

ul.center {
	float:left;
	clear:both;
	width:100%;
	text-align:center;
}

ul.center li { margin: 0 0 15px;}

ul.center02 {
	clear:both;
	width:100%;
	text-align:center;
}

ul.center02 li { display:inline; padding: 0 15px 0 0;}

ul.disc li {
	list-style:disc;
	margin: 0 0 0 15px;
}

ul.decimal li {
	list-style: decimal;
	margin: 0 0 0 23px;
}

table.table01 { color:#333333;}
table.table01 th,table.table01 td { padding: 3px 0;}
table.table01 th {
	vertical-align:top;
	padding-right:20px;
	font-weight:normal;
	text-align:right;
}

.to-top {
	clear:both;
	width:100%;
	margin: 0 0 38px;
}

.to-top a {
	display:block;
	width:95px;
	height:28px;
	text-indent:-99999px;	
}
.to-top a { background-image:url(../img/to-top.jpg);}
.to-top a:active,.to-top a:hover { background-position:bottom;}

.indent {
	margin-left:1em;
	text-indent:-1em;
}
.indent01 { text-indent:1em;}

#main strong a:link,#main strong a:visited { color:#ec7216; text-decoration:none;}
#main strong a:active,#main strong a:hover { color:#ec7216; text-decoration:underline;}

a.col-or:link,a.col-or:visited { color:#ec7216;}
a.col-or:active,a.col-or:hover { color:#ec7216;text-decoration:underline;}


.mb10 {	margin-bottom:10px;}
.mb15 {	margin-bottom:15px;}
.mb20 {	margin-bottom:20px;}
.mb25 {	margin-bottom:25px;}
.mb30 {	margin-bottom:30px;}
.mb40 {	margin-bottom:40px;}
.mb50 {	margin-bottom:50px;}
.mb70 {	margin-bottom:70px;}
.mb95 {	margin-bottom:95px;}
.mb155 { margin-bottom:155px;}

.pl5 { padding-left:5px;}
.pl50 { padding-left:50px;}

.pt20 { padding-top:20px;}

.pb30 { padding-bottom:30px;}

.ali-cen { text-align:center;}
.ali-right { text-align: right;}
.ali-left {	text-align: left;}

.fl { float:left;}
.fr { float:right;}

.clb { clear:both;}
.cll { clear:left;}
.clr { clear:right;}

.detail a {
	display:block;
	width:85px;
	height:21px;
	background:url(../img/bt-detail.gif) no-repeat;
	text-indent:-99999px;
}

.detail a:hover {
	background-position:0 -21px;
}