@charset "UTF-8";
/*
    name: midorinokomichi.net
    Copyright 2009 Green Cross Japan Foundation
*/
/*  Reset
----------------------------------------  */
body {
    font-size: 85%; /* IE */
    margin: 0;
    padding: 0;
    line-height: 1.8;
}
html>/**/body {
    font-size: 14px;
}
* {
    border: none;
    font-style: normal;
    margin: 0;
    padding: 0;
}
ul {
    list-style: none;
    margin: 0;
    padding: 0;
}
li{
    margin: 0;
    padding: 0;
    list-style-type: none;
    line-height: normal;
    color: #424242;
    line-height: 1.6;
    font-size: 100%;
}
a {
    text-decoration: none;
    color: #228B22;
    background-color: transparent;
	font-weight: bold;
}
a:hover {
    color: #f5a3c7
}
p {
    text-decoration: none;
    color: #424242;
    font-size: 100%;
    line-height: 1.8;
    font-weight: normal;
    font-family: Verdana, Arial, sans-serif;
}
h1,h2,h3,h4,h5,h6 {
    font-size: 100%;
	line-height: 1.2;
    font-weight: bold;
	color: #424242;
	text-align: left;
}
img {
    border: none;
    margin: 0;
    padding: 0;
}
em {
    color: #999999;
	font-size: 100%;
	line-height: 1.7;
}
strong {
    color: #424242;
}
/*  Layout
----------------------------------------  */
html, body {
    height:100%;
	background-color: #ffffff;
}
body {
    text-align: center;
    font-weight: normal;
    font-family: Verdana, Arial, sans-serif;
	background: url(../img/bg_body.jpg) repeat-x left top ;
}
div.bnr {
	text-align: center;
	height: 150px;
}
div#bnr-idx {
	height: 300px;
}
div#container {
	position: relative;
	margin: 0 auto;
	text-align: center;
    width: 970px;
	min-height: 600px;
	height: auto !important;
    height: 600px;
	background: url(../img/bg_ctnr.jpg) no-repeat left top ;
}
div#container-inner {
	width: 950px;
	margin: 0 auto;
}
div#content {
    position: static;
	display: inline;
    float: left;
	width: 780px;
}
div#main {
    display: inline;
    float: left;
	width: 550px;
}
div.main-hdr, div#main-inr {
    clear: both;
	text-align: left;
}
div.main-hdr, body.page-acv div#main-inr {
    position: static;
	text-align: left;
	margin-top: 40px;
}
div#main-inr {
    margin-top: 10px;
}
div#main-nav {
    display: inline;
    float: right;
	width: 210px;
	margin-top: 30px;
	text-align: left;
}
div#nav {
    display: inline;
    float: right;
	width: 160px;
	margin-top: 20px;
}
div#nav-inner {
	border-top: solid 1px #cccccc;
	font-size: 11px;
}
div#footer {
	clear: both;
	height: 190px;
	margin: 0 auto;
	background: url(../img/bg_ftr.jpg) repeat-x left bottom;
}
div#footer-inr {
    position: relative;
	width: 950px;
	border-top : solid 1px #f0f0f0;
	margin: 0 auto;
	text-align: right;
}
/*  Header
----------------------------------------  */
div#bnr-img {
	width: 950px;
    height: 300px;
    overflow: hidden;
    position: absolute;
	top: 0px;
	left: 10px;
	z-index: 1;
}
div#bgBnr {
	width: 950px;
    height: 150px;
    position: absolute;
	top: 0px;
	left: 10px;
	z-index: 1;
	background: url(../img/bg_bnrs01.jpg) no-repeat left top;
}
h1.midorino-komichi {
	position: absolute;
	top: 0;
	left: 10px;
	z-index: 2;
}
ul#sponsorship {
    position: absolute;
	top: 35px;
	right: 20px;
	z-index: 3;
}
ul#subnavHdr {
    z-index: 4;
	position: absolute;
	top: 0;
	right: 0;
	width: 320px;
	height: 30px;
	font-size: 13px;
	text-align: right;
	background: url(../img/bg_subnav.gif) no-repeat right top;
 }
ul.sub-nav li {
	padding-right: 25px;
	display: inline;
}
ul.sub-nav li.list-end {
	margin-right: 0;
	background: none ;
}
.bnrSlide img {
    display: none
}
img#lnkEconeco {
    z-index: 4;
	position: absolute;
	top: 85px;
	right: 8px;
}
body.site-index img#lnkEconeco {
    z-index: 4;
	position: absolute;
	top: 240px;
	right: 8px;
}
/*  GB
----------------------------------------  */
 div.boxr {
     float: right;
 }
 div.boxl {
     float: left;
 }
div.en-otnnav {
    position: relative;
	width: 540px;
	height: 30px;
}
div#fnsnav {
    position: relative;
	padding-bottom: 15px;
}
dl#fns-nav {
    position: absolute;
	top: 10px;
	right: 0;
	width: 160px;
	height: 21px;
	background: #f0f0f0;
}
dl#fns-nav dt {
    float: left;
	width: 88px;
}
dl#fns-nav dd {
    float: left;
	width: 24px;
	height: 21px;
	cursor: pointer;
}
dl#fns-nav dd a {
	display: block;
}
dl#fns-nav dd a:hover {
    background: #f6d8e5;
}
p.ts {
    font-size: 88.8%;
}
p.tm {
    font-size: 110%;
}
p.tl {
    font-size: 140%;
}
span.date {
    font-size: 12px;
	color: #999999;
}
/*  Main
----------------------------------------  */
div.asset-body, div.asset-more {
    padding: 10px 0;
}
div#more {
    background: url(../img/bg_more.jpg) no-repeat left top;
	padding: 15px 10px 0 10px;;
}
div#more p.more-ftr {
    text-align: right;
	padding: 0 10px 10px 0;
}
ul#bdcms {
	clear: both;
	margin: 12px 0 0 0;
	font-size: 13px;
    text-align: left;
}
ul#bdcms li {
    display: inline;
	color: #2b5632
}
ul#bdcms li a {
    font-weight: normal;
	color: #999999;
}
ul#bdcms li a:hover {
    color: #f5a3c7
}
h2#th2-hdr {
     font-size: 110%;
	 padding-left: 20px;
	 background: url(../img/lst_here.gif) no-repeat left center;
 }
 h2#th2-hdr span {
     margin: 0 8px 0 0;
	 color: #f89ed1
 }
div#main-inr h3.th3-hdr {
     font-size: 110%;
	 clear: both;
	 line-height: 1.8;
	 padding: 0 25px;
	 margin: 10px 0 0 0;
	 background: #ecf7da url(../img/lst_off.gif) no-repeat left center;
 }
 div#main-inr ul.lst-main h3.th3-hdr {
     font-size: 100%;
	 clear: both;
	 line-height: 1.8;
	 padding: 0 0 0 25px;
	 margin: 15px 0 10px 0;
	 border-bottom: 1px solid #cccccc;
	 background: #ffffff url(../img/lst_suboff.gif) no-repeat left center;
 }
 h2#th2-mainIdx {
     font-size: 130%;
	 line-height: 1.6;
	 padding-left: 12px;
	 margin-bottom: 5px;
	 border-left: 8px solid #228b22
 }
 div.main-hdr p.ts {
    padding: 4px 0;
	color: #999999;
}
h2#th2-page, h3.th3-en {
     clear: both;
	 padding: 3px 0 0 10px;
	 margin: 15px 0 10px 0;
	 font-size: 140%;
	 line-height: 1.5;
	 border-left: solid 4px #c0e491;
	 background: url(../img/bg_green.gif) repeat left top;
 }
 h2#th2-page span {
     padding: 0 5px;
	 color: #f5a3c7
 }
h3.th3-acv {
	 font-size: 120%;
	 line-height: 1.4;
}
h3.th3-acv {
	margin:4px 0;
	clear: left;
 }
body#ctt-id1 h3.th3-acv {
    padding: 0 0 0 26px;
	margin:4px 0;
	clear: left;
    background: url(../img/icn_tpic.gif) no-repeat left center ;
}
h3.th3-cdr {
	font-size: 140%;
	line-height: 1.5;
}
h3.th3-box {
    background: url(../img/lst.gif) no-repeat left center ;
	padding-left: 25px;
	font-size: 120%;
}
div.box {
    padding: 10px 0;
}
div.en-ectL {
    font-size: 140%;
	padding: 10px 0
}
img.imgl {
    border: solid 1px #f0f0f0;
	padding: 2px;
}
img.imgl {
    float: left;
	margin: 0 15px 0 0;
}
img.imgc {
    background: #cccccc;
	padding: 2px;
}
div.divides-nav {
    font-size: 88.8%;
	text-align: right;
	color: #999999;
}
div.asset-body h4 {
	font-size: 130%;
	padding-bottom: 3px;
	margin: 20px 0 15px 0;
	line-height: 1.6;
	clear: both;
	font-weight: bold;
	border-bottom: solid 1px #cccccc;
}
div.asset-body h5 {
	font-size: 100%;
	padding-bottom: 3px;
	margin: 15px 0 10px 0;
	font-weight: bold;
}
div.asset-body p {
	padding-bottom: 10px;
}
div.asset-body ul,
div.asset-more ul {
	clear: both;
	margin: 15px 0 15px 20px;
}
div.asset-body ul li,
div.asset-more ul li{
	list-style-type: disc;
	margin-bottom: 10px;
	list-style-position: outside
}
div.asset-body table {
    text-align: left;
	font-size: 100%;
	border-top: solid 1px #cccccc;
	border-left: solid 1px #cccccc;
}
div.asset-body table caption {
	text-align: left;
	font-weight: bold;
	margin-bottom: 4px;
}
div.asset-body table tbody {
	background: #ffffff;
}
div.asset-body table td {
	padding: 4px;
	line-height: 1.6;
	border-right: solid 1px #cccccc;
	border-bottom: solid 1px #cccccc;
}
div.asset-box, div.en-tag {
	 padding: 15px 0;
 }
div.asset-box, div.en-tag, div.acv-box, div.en-box {
     clear: both;
 }
 div#en-re h4 {
     background: url(../img/icn_reen.gif) no-repeat left center;
	 padding: 4px 0 4px 28px;
 }
 div#en-re {
     padding: 10px;
	 background: url(../img/bg_green.gif) repeat left top;
 }
 dl.enTag {
    border-top: dashed 1px #cccccc;
	border-bottom: dashed 1px #cccccc;
	padding: 4px 0;
	font-size: 100%;
 }
dl.enTag dt {
    width: 60px;
	float: left;
	padding-left: 28px;
	background: url(../img/icn_tag.gif) no-repeat left top ;
}
span.delimiter {
    padding: 0 6px;
	color: #cccccc;
}
dl#content-nav {
    font-size: 12px;
}
dt.page-nav {
    float: left;
	clear: left;
	width: 90px;
}
dd.page-prev, dd.page-next {
	float: left;
	width: 450px;
}
div.acv-box {
	padding-bottom: 15px;
}
body#ctt-srh div#main-inr {
    padding-top: 25px;
}
ul.en-cdr {
    background: url(../img/bg_cdr.gif) no-repeat left top ;
	text-align: center;
	height: 55px;
	width: 54px;
	float: left;
	font-size: 12px;
	margin-right: 15px;
}
ul.en-cdr li.cdrY {
    padding: 8px 0 0 0;
	color: #ffffff;
}
ul.en-cdr li {
    padding: 4px 0 0 0;
}
body#ctt-srh ul.acvLst {
    padding: 10px 0;
}
body.cat-acv ul.acvLst li {
	padding: 2px;
	min-height: 110px;
	height: auto !important;
    height: 110px;
	border-top: dashed 1px #cccccc;
}
body#ctt-srh ul.acvLst li {
    min-height: 110px;
	height: auto !important;
    height: 110px;
	padding: 2px;
}
body#ctt-srh h3.th3-acv {
    padding: 0 0 0 26px;
	margin:4px 0;
	clear: left;
    background: url(../img/lst.gif) no-repeat left center ;
}
ul.lst-mainInr1 div.boxl {
    width: 44px;
	text-align: center;
	padding: 4px 0;
	margin-bottom: 6px;
}
ul.lst-mainInr1 div.boxr {
    width: 492px;
	text-align: left;
}
ul.acvLst img.imgl, ul.lst-mainInr img.imgl {
    margin-top: 4px;
}
ul.lst-main  {
    padding-top: 12px;
}
ul.lst-main li {
    clear: both;
	margin-bottom: 30px;
}
ul.lst-main li ul.lst-main li h3.th3-hdr {
    padding: 6px 0 6px 8px;
	border-left: solid 4px #c0e491;
	margin-bottom: 5px;
	background: #e5fbc8;
}
ul.lst-mainInr li,ul.lst-mainInr1 li {
    padding: 4px 2px;
	margin: 0 0 6px 0;
	clear: both;
}
ul.lst-mainInr li p {
    color: #666666;
	line-height: 1.6;
}
body#ctt-id2 p.lstHdr {
	background: url(../img/lst.gif) no-repeat left center ;
    padding-left: 24px;
}
body#ctt-id5 p.lstHdr {
	background: url(../img/btn_links.png) no-repeat left center ;
    padding-left: 29px;
}
p.lstHdr {
	font-size: 16px;
	padding: 0 0 2px 0;
	line-height: 1.4;
}
body#ctt-id4 p.lstHdr a {
    color: #424242;
}
body#ctt-id4 p.lstHdr a:hover {
    color: #999999;
}
.rollGN {
    background: #d2ecaf;
}
.rollGY {
    background: #f9f8f8
}
p.page-top {
    clear: both;
	font-size: 12px;
	padding: 40px 0;
	text-align: right;
}
/*  Main Nav
----------------------------------------  */
div#mNavHere {
	background: url(../img/bg_mnavc.gif) repeat-y left top ;
}
div.mainNavHdr {
    padding: 10px 10px 10px 0;
	background: url(../img/bg_mnavt.gif) no-repeat left top ;
}
div.mainNavHdr p {
	font-size: 12px;
}
div.mainNavBox {
    clear: both;
	margin-top: 15px;
	padding: 6px 0 0 0;
}
div#gbNav {
	background: url(../img/bg_gbnav.gif) no-repeat left top ;
}
ul#lst-gbnav {
    background: url(../img/bg_gbnav.gif) no-repeat left bottom ;
	font-size: 13px;
	padding: 0 0 10px 0;
}
ul#lst-gbnav li {
    padding: 0 10px 4px 10px;
	line-height: 1.4;
}
h2.th2-nav {
    font-size: 14px;
	padding: 6px 0;
	font-weight: bold;
}
div#gbNav h2.th2-nav {
	margin-left: 10px;
	padding: 6px 10px 6px 19px;
	background: url(../img/icn_gbnav.gif) no-repeat left center ;
}
div#pickupNav h2.th2 {
    padding: 0 0 0 24px;
    background: url(../img/icn_pickup.gif) no-repeat left center ;
}
div#bnrCNav {
    text-align: center;
}
div#bnrCNav img {
    margin-bottom: 10px;
}
ul.lst-mnav {
    border-top: dashed 1px #cccccc;
	font-size: 13px;
	padding: 10px 0;
	background: url(../img/bg_mnavb.jpg) no-repeat left bottom ;
}
ul.lst-mnav li a {
	line-height: 2;
	padding-left: 19px;
	background: url(../img/lst_off.gif) no-repeat left center ;
}
ul.lst-mnav li a.here {
    background: url(../img/lst_here.gif) no-repeat left center ;
	padding-left: 19px;
	color: #2b5632;
}
ul.lst-mnav ul.lst-mnav {
    border-top: none;
	font-size: 12px;
	padding: 0;
	background: none;
}
ul.lst-mnav li ul.lst-mnav li a {
	line-height: 1.2;
	padding-left: 19px;
	background: url(../img/lst_suboff.gif) no-repeat left top ;
}
ul.lst-mnav li ul.lst-mnav li a.here {
	padding-left: 19px;
	color: #2b5632;
	background: url(../img/lst_subhere.gif) no-repeat left top ;
}
div.enTags h2.th2-nav {
    padding-left: 22px;
	background: url(../img/icn_tag16.gif) no-repeat left center ;
}
ul.lst-tpcs h2.th2 {
    padding-left: 22px;
	background: url(../img/icn_tpic.gif) no-repeat left center ;
}
div#srhNav h2.th2 {
    padding: 4px 0 4px 22px;
	background: url(../img/icn_tag16.gif) no-repeat left center ;
}
ul.lst-tpcs h2.th2 a, div#srhNav h2.th2 a {
    display: block;
	background: url(../img/btn_idx.gif) no-repeat right center ;
}
ul.lst-tpcs h2.th2 a:hover, div#srhNav h2.th2 a:hover {
	background: url(../img/btn_idx_on.gif) no-repeat right center ;
}
ul.lst {
    margin-top: 10px;
}
ul.lst li {
    padding: 4px 0;
	font-size: 12px;
	border-top: dashed 1px #cccccc;
}
ul.lstBox {
    margin-top: 10px;
}
ul.lstBox li {
    padding: 0 0 0 22px;
	margin: 5px 0;
	background: url(../img/lst_off.gif) no-repeat left top ;
}
ul.lstBox ul.lstBox {
    padding: 2px;
	margin: 8px 0;
	font-size: 88.8%;
	border: solid 1px #cccccc;
}
ul.lstBox ul.lstBox li {
    padding-left: 22px;
	margin: 2px 0;
	background: url(../img/lst_suboff.gif) no-repeat left center ;
}
div.mainNavBox ul.lst-tag {
    margin-top: 6px;
}
ul.lstM {
    margin-top: 4px;
}
ul.lstM li {
    padding: 2px;
}
ul.lstM li p {
	font-size: 88.8%;
	line-height: 1.6;
	padding-top: 2px;
}
ul.lst-tag {
	padding: 0 2px 10px 0;
}
div#idx-tag ul.lst-tag {
    background: url(../img/bg_idxtag.jpg) no-repeat left bottom;
	padding: 10px;
}
div#srhNav ul.lst-tag {
	padding: 0;
}
ul.lst-tag li {
    display: inline;
	margin-right: 2px;
}
ul.lst-tag .rank-1  { font-size: 20px; color: #228b22;}
ul.lst-tag .rank-2  { font-size: 18px; color: #719434;}
ul.lst-tag .rank-3  { font-size: 16px; color: #8dab59;}
ul.lst-tag .rank-4  { font-size: 14px; color: #999999;}
ul.lst-tag .rank-5  { font-size: 12px; color: #CCCCCC;}	
ul.lst-tag .rank-1 a { color: #228b22;}
ul.lst-tag .rank-2 a { color: #719434;}
ul.lst-tag .rank-3 a { color: #8dab59;}
ul.lst-tag .rank-4 a { color: #a2b461;}
ul.lst-tag .rank-5 a { color: #c0c0c0;}
ul.kwd-list li a:hover { color: #666666;}
ul.lst-tag li a:hover {
    color: #f5a3c7
}
form#idx-src {
	padding: 8px 0 0 12px;
}
form#src {
    margin-bottom: 10px;
	padding: 4px;
	background: #ebdfd1;
}
form#src label, form#idx-src label  {
    font-size: 12px;
	line-height: 1.4;
}
form#src input, form#idx-src input {
    border: solid 1px #cccccc;
	padding: 3px 4px;
}
/*  Side Nav
----------------------------------------  */
div.navBox {
    clear: both;
	padding: 10px 0;
}
div.NavHdr {
    text-align: left;
	margin-bottom: 10px;
}
div.NavHdr p {
    font-size: 11px;
	line-height: 1.5;
}
div#ouendan {
    margin-top: 30px;
}
div#ouendan ul li {
    padding: 4px 0;
    display: block;
	border-bottom: dashed 1px #cccccc;
}
div#ouendan ul li p.ts {
	line-height: 1.6;
}
div#ouendan ul li p.ts a {
    color: #424242;
}
div#ouendan ul li p.ts a:hover {
    color: #999999;
}
img.bnr {
    margin: 10px 0 0 0;
}
div#feed {
    margin: 15px 0;
	border-top: solid 4px #f0f0f0;
	padding: 6px 0;
}
div#feed h2 {
    font-size: 14px;
}
div#feed h3 {
    font-size: 12px;
}
div#feed p {
    font-size: 11px;
	line-height: 1.4;
	color: #999999;
	padding-top: 2px;
}
div#feed ul {
    margin: 5px 0;
}
div#feed ul li {
    padding: 4px 0;
}
div#bnr-moushikomi p {
    font-size: 88.8%;
	color: #ffffff;
	padding: 10px 15px 0 15px;
}
div#bnr-moushikomi {
    display: block;
	width: 210px;
	height: 150px;
	background: url(../img/bnr_moushikomi.png) no-repeat left top ;
}
div#bnrBNav {
    text-align: center;
	padding: 5px;
	border: 2px solid #ffc000
}

 /*  Footer
----------------------------------------  */
ul#subnavFtr {
	font-size: 12px;
	position: absolute;
	top: 10px;
	right: 0;
    text-align: right;
}
ul#subnavFtr li {
	padding-right: 10px;
	display: inline;
}
ul#subnavFtr li.list-end {
	padding-right: 0;
}
div#copyright {
    position: absolute;
	top: 90px;
	right: 0;
	font-size: 75%;
	color: #999999;
}
/* Form
----------------------------------------  */
div.ctt-form {
    text-align: left;
}
div.form-content {
    clear: both;
}
div.information,
div.form-content,
div.statement-box, div.check-box {	
	padding: 10px 15px;
}
div.information {	
	background: url(../img/bg_green.gif) repeat left top ;
}
div.check-box {	
	background: #fefcf3;
	border-top: dashed 1px #cccccc;
	border-bottom: dashed 1px #cccccc;
}
div#submit-ctt {
    padding: 10px;
	background: #fbf6dd;
}
div.check-box p.t11 {
    padding-bottom: 5px;
}
dl.cttbox dt, div.information dt  {
    margin-top: 8px;
}
div.information input,
div.form-content input,
dl.cttbox input,
div.statement-box textarea,
div.qt-txt textarea,
div.information3a textarea {
	border: solid 1px #cccccc;
	padding: 5px 4px;
}
div.information1,
div.information2a,
div.information3a {
    background: #f9f9f9;
}
div.information2 p,
div.information2a p,
div.information3 p,
div.information3a p,
div.information4 p {
    font-size: 88.8%;
	color: #416804;
	border-left: 6px solid #416804;
	padding-left: 10px;
	line-height: 1.8;
	margin-bottom: 10px;
}
div.information input, dl.cttbox input,
div.information1 input,
div.information2a input,
div.information2 input {
    width: 300px;
	background: #ffffff;
}
div.statement-box {
    background: #fefcf3;
}
div.statement-box textarea, div.qt-txt textarea, div.information3a textarea {
	font-size: 12px;
	margin: 5px 0;
	width: 470px;
}
div.statement-box textarea {
	height: 130px;
}
div.qt-txt textarea,
div.information3a textarea {
	height: 100px;
}
div.submit-box {
	text-align: right;
	padding: 10px 15px;
}
dl.verification {
    float: right;
	border-bottom: solid 2px #cccccc;
}
dl.verification dt {
	float: left;
	font-size: 14px;
}
dl.verification dt span, span.nsy {
	font-size: 12px;
	margin-left: 15px;
	color: #993300;
}
dl.verification dd {
    width: 40px;
	float: left;
}
div.information ol {
    clear: both;
	height: 40px;
	padding: 10px 0 0 0;
}
div.information select {
    border: solid 1px #cccccc;
	padding: 2px 4px;
	font-size: 13px;
}
div.submit-box ul {
	clear: both;
}
ul.btn-smt {
    margin-top: 15px;
}
ul.btn-smt li {
    padding-top: 10px;
}
input.rst {
   cursor: pointer;
   color: #a40000;
   font-size: 14px;
   width: 86px;
   border: solid 1px #a40000;
   background: #ffffff;
}
form#cttform textarea:focus, form#cttform input:focus {	
	border: solid 1px #E06E6E;
}
body#ctt-tns div#main-inner {
    height: 224px;
}
body#ctt-tns div#main-inner p {
    width: 400px;
	font-size: 13px;
}
h3.fm-title {
    font-size: 16px;
	font-weight: bold;
	padding: 5px 0 5px 26px;
	margin-bottom: 10px;
}
div.ck-box {
    background: url(../img/bg_green.gif) repeat left top ;
	padding: 10px 15px;
}
div.ck-box dl dd{
    margin-right: 10px;
}
dl.ck1, dl.ck2 {
    clear: both; 
	padding: 5px 0;
    border-bottom: solid 1px #cccccc;
	font-size: 13px;
}
dl.ck1 {
    height: 25px;
}
dl.ck2 {
    height: 45px;
}
dl.ck1 dt, dl.ck2 dt {
    width: 120px;
	padding-bottom: 15px;
}
dl.ck1 dt, dl.ck2 dt, dl.ck1 dd,  dl.ck2 dd {
    float: left;
	white-space: nowrap
}
div.qt-txt {
    clear: both;
	background: #fefcf3;
	padding: 10px 15px;
    font-size: 13px;
	line-height: 1.6;
}
div.qt-end {
    padding: 5px 15px;
}
ul.formcek li{
    display: inline;
	white-space: nowrap;
}
form#cttform h4.th4 {
    font-size: 18px;
	color: #228b22;
	padding: 15px 0 15px 32px;
	background: url(../img/t_leaf.gif) no-repeat left center;
}
ul.needCount li {
    float: left;
}
ul.needCount li.nc {
    width: 55px;
}
ul.needCount li.total {
    width: 62px;
}
ul.needCount li.nc input {
	width: 34px;
}
ul.needCount li.total input {
	width: 60px;
}
ul.needCount li label {
    font-size: 88.8%;
}
ul.needCount li {
	line-height: 1.3;
}
input#keisan {
    border: none;
	background: #333333;
	color: #ffffff;
}
div.information4 dl.ck3 dd {
    float: left;
	padding-right: 15px;
}
div#form-more {
    clear: both;
	margin: 25px 0;
}
div.information1 p.headline {
	margin-top: 15px;
}
div.information1 ul.syubetu {
    text-align: left;
}
div.information1 ul.syubetu input {
    width: 30px;
}
div.information1 ul.syubetu li {
    display: inline;
	margin-right: 10px;
}
/*  Index
----------------------------------------  */
div#site-concept {
    position: absolute;
	z-index: 5;
	top: 89px;
	left: 10px;
	width: 695px;
	height: 200px;
	text-align: left;
	background: url(../img/bg_concept.gif) no-repeat left top ;
}
div#site-concept p {
    font-size: 14px;
	line-height: 1.9;
	padding: 24px 0 0 12px;
	font-weight: bold;
	width: 626px;
	height: 180px;
}
div.idxBox {
    clear: both;
	text-align: left;
	padding: 8px 0;
}
div#idx-gbNav {
	height: 235px;
	background: url(../img/bg_idxgv.jpg) no-repeat left top;
}
div#idx-bnrB {
	background: url(../img/bg_idxbnrb.jpg) no-repeat left bottom;
	padding: 0 0 6px 0;
}
ul.lst-idxGBNav li.idxNavInr {
    float: left;
	width: 260px;
}
h2.th2-IdxNav {
    background: url(../img/lst_off.gif) no-repeat left center;
	padding-left: 22px;
	margin: 40px 0 0 8px;
}
ul.idxNavBox {
    height: 120px;
	overflow: auto;
	margin: 10px 0 15px 0;
	padding: 5px 8px;
}
ul.idxNavBox ul.idxNavBox {
    height: auto;
    margin: 0;
	font-size: 12px;
	padding: 0;
}
ul.idxNavBox ul.idxNavBox li {
    border-bottom: dashed 1px #f0f0f0;
	margin-left: 10px;
}
img.imgBnr {
    float: left;
	margin-right: 4px;
	width: 62px;
}
div#idx-ssr p {
	font-size: 12px;
	color: #999999;
}
div#idx-ssr p a {
    color: #424242;
	font-weight: normal;
}
div#idx-ssr p a:hover {
    color: #999999;
}
div#rdmEn {
    width: 780px;
    height: 105px;
	text-align: center;
    background: url(../img/bg_idxbnr.jpg) no-repeat left top;
}
div#pickUp h2.th2 {
     padding: 0 0 0 24px;
    background: url(../img/icn_pickup.gif) no-repeat left center ;
}
div#topics h2.th2 {
    padding: 0 0 0 24px;
    background: url(../img/icn_tpic.gif) no-repeat left center ;
}
div#idx-tag {
    background: url(../img/bg_idxtag.jpg) no-repeat left top ;
	padding: 0;
	margin-bottom: 15px;
}
div#idx-tag h2.th2 {
     padding: 15px 0 0 26px;
	margin: 0 0 0 10px;
    background: url(../img/icn_tag.gif) no-repeat left bottom ;
}
div#idx-bnrC img {
    margin: 0 10px 10px 0;
}
img.imgNew {
    margin: 0 4px;
}
div.information3 :after,
div.information4 :after {
    content: "";
	display: block;
	clear: both;
}
div.moushikomi-bnr a {
    display: block;
	background: url(../img/bg_moushikomi.png) no-repeat left top ;
	height: 55px;
	line-height: 3.1;
	font-size: 130%;
	color: #ffffff;
	padding-left: 90px;
}
div.moushikomi-bnr a:hover {
    display: block;
	background: url(../img/bg_moushikomi.png) no-repeat left bottom ;
	height: 55px;
}