@charset "utf-8";

/* reset ---------------------------------------- */

*{
	margin: 0;
	padding: 0;
}

/* definition ---------------------------------------- */
body {
	margin: 0;
	padding: 0;
	background: #CDD3C9 url(../images/bg.jpg) repeat-x left top;
}

img {
	border: none;
}
p,li,th,td,dl {
	color: #333;
	line-height: 1.5;
	font-size: 90%;
}
a {
	color: #11429b;
}
a:hover {
	color: #165ae6;
}
a:visited {
	color: #384f78;
}

#container {
	background: url(../images/bg_content_loop.gif) repeat-y center top;
	margin: 20px auto 0;
	width: 700px;
}
#content {
	background: url(../images/bg_content.gif) no-repeat center bottom;
	padding: 20px 30px 30px;
	width: 640px;
}
#footer {
	background: #CDD3C9 none;
	margin: 0 auto;
	width: 700px;
	clear: both;
	padding: 5px 0 0 0;
}
#footer .about,
#footer .links {
	position: relative;
	left: 10px;
	background: url(../images/icon_about.gif) no-repeat left center;
	padding-left: 16px;
	padding-right: 12px;
	float: left;
	min-height: 11px;
	font-size: 75%;
}
*html #footer .about {
	height: 11px;
}
#footer .copyright {
	position: relative;
	left: -10px;
	float: right;
	padding-bottom: 20px;
	font-size: 75%;
}

/* top ---------------------------------------- */
#top #content h2 {
	margin: 0 0 10px;
}
#top #intro {
	margin: 0 0 20px;
}
#top #intro p {
	margin-bottom: 10px;
}

#top .btn_start {
	text-align: center;
	margin: 0 0 15px;
}
.box_green {
	background: #DEEBD1 url(../images/bg_boxG_btm.gif) no-repeat center bottom;
	padding: 0 0 14px;
	width: 640px;
}
.box_green .box_greenInner {
	background: url(../images/bg_boxG_top.gif) no-repeat center top;
	padding-top: 13px;
}
#top #attention {
	clear: both;
}
#top #attention h3 {
	display: inline;
	float: left;
	width: 97px;
	margin: 0 0 0 20px;
}
#top #attention p {
	display: inline;
	margin: 0 20px 0 0;
	float: right;
	width: 480px;
}

/* input ---------------------------------------- */
#boxInput {
	border: 1px solid #afb7ac;
	margin: 0 0 20px;
	padding: 0;
}
#boxInput table {
	margin: 0 0 20px;
	padding: 0 1px;
	width: 638px;
}
#boxInput th {
	font-weight: normal;
	text-align: left;
	padding: 12px;
}
#boxInput td {
	padding: 12px;
}
#boxInput ul {
	margin: 0 1px 20px;
	list-style: none;
}
#boxInput li {
	padding: 12px;
}
#boxInput ul input {
	margin-right: 10px;
}
#boxInput select {
	width: 200px;
}

/* result ---------------------------------------- */
#result {
	margin: 0 auto 35px;
	width: 384px;
	text-align: center;
}
#result dt {
	margin-bottom: 16px;
}
#result dd {
	margin-bottom: 19px;
}
.btn_top {
	text-align: center;
	clear: both;
}

/* about ---------------------------------------- */
#about {
	margin: 0 0 20px;
}
#about p {
	margin: 0 0 25px;
}
#about dl {
	margin-bottom: 15px;
	line-height: 1.4;
}
#about dt {
	background: url(../images/icon_arrow.gif) no-repeat left 4px;
	padding: 0 0 0 18px;
	min-height: 15px;
}
*html #about dt {
	height: 15px;
}
#about dd {
	padding: 0 0 10px 18px;
}
#about dd span {
	font-size: 90%;
}


/* workcheck ---------------------------------------- */
#workcheck {
	margin: 0 0 18px;
}
#workcheck .ttl {
	font-size: 90%;
	color: #4A8F00;
	border-bottom: 2px solid #58A100;
	margin: 0 0 15px;
	padding: 0 0 6px;
}
#workcheck ul {
	list-style: none;
	margin-bottom: 22px;
}

#workcheck ul#areaList {
	margin-bottom: 0;
}

#prefecture li {
	float: left;
	width: 250px;
	margin: 0 0 15px;
	padding: 0 0 0 70px;
	min-height: 57px;
	text-align: left;
}
*html #prefecture li {
	height: 57px;
}
#prefecture .level01 {
	background: url(../images/icon_level01.jpg) no-repeat left center;
}
#prefecture .level02 {
	background: url(../images/icon_level02.jpg) no-repeat left center;
}
#prefecture .level03 {
	background: url(../images/icon_level03.jpg) no-repeat left center;
}
#prefecture .level04 {
	background: url(../images/icon_level04.jpg) no-repeat left center;
}
#prefecture .p_summary {
	font-weight: bold;
}
#workcheck #areaList li {
	text-align: center;
	margin: 0;
	padding: 0 5px 20px;
	float: left;
	width: 70px;
	display: inline;
}
#workcheck #areaList li img {
	margin-bottom: 7px;
	vertical-align: top;
}

#check_detail {
	margin: 0 0 20px;

}
#check_detail .box_detail {
	background: #EBEFEA;
	border: 1px solid #d6dbd5;
	padding: 8px 10px 10px 10px;
	margin: 0 0 20px;
}
#check_detail .box_detail h2 {
	position: relative;
	left: -2px;
	font-size: 100%;
	font-weight: bold;
	color: #AB0606;
	background: url(../images/icon_check.gif) no-repeat left top;
	padding-left: 33px;
	min-height: 23px;
	padding-top: 3px;
}
*html #check_detail .box_detail h2 {
	height: 23px;
}
#check_detail .box_detail h2.support {
	font-size: 100%;
	font-weight: bold;
	color: #333;
	background: none;
	min-height: none;
	padding: 3px 0 0 0;
}
*html #check_detail .box_detail h2.support {
	height: auto;
}
#check_detail .box_detail .exposition {
	background: #FFF;
	border: 1px solid #AFB7AC;
	padding: 10px 10px 0 10px;
}
#check_detail .box_detail .exposition h3 {
	font-size: 90%;
	margin-bottom: 10px;
}
#check_detail .box_detail .exposition p {
	margin: 0 0 10px;
}
#check_detail .box_detail .exposition .inquiry {
	padding: 0 0 10px;
}
#check_detail .box_detail .exposition .inquiry h3 {
	font-size: 90%;
	font-weight: normal;
	background: url(../images/icon_arrow.gif) no-repeat 0px 3px;
	margin: 0;
	padding: 0 17px;
}
#check_detail .box_detail .exposition .inquiry p {
	margin: 0;
	padding: 0 17px;
}
#check_detail .box_detail .exposition .inquiry p.counter {
	margin-top: 10px;
}
#check_detail .box_detail .exposition .inquiry p.counter span {
	color: #3c8704;
}
#content #check_detail #feedback {
	background: #ECF9CE;
	border: 1px solid #AFC493;
	padding: 7px 11px 11px;
	margin: 0 0 20px;
}
#content #check_detail #feedback h3 {
	margin: 0 0 10px;
}
#check_detail #feedback .feedInput {
	width: 522px;
	vertical-align: middle;
	margin: 0 20px 0 0;
	padding: 3px 0;
}
#check_detail #feedback p img {
	vertical-align: middle;
}
#check_detail #feedback .txtCenter {
	text-align: center;
	margin-bottom: 15px;
}
#check_detail #feedback ul {
	list-style: none;
	text-align: center;
	margin-bottom: 10px;
}
#check_detail #feedback li {
	display: inline;
}
#check_detail #feedback ul img {
	margin: 0px 11px;
}
#check_detail #feedback .txt_thanks {
	float: left;
	width: 390px;
	padding-top: 25px;
}
#check_detail #feedback .btn_twitter {
	float: right;
	width: 208px;
	margin-top: 5px;
}

/* universal ---------------------------------------- */
.txt {
	padding-bottom: 20px;
}
.btn {
	margin: 0 0 20px;
	text-align: center;
	clear: both;
}
.must {
	color: #A60000;
}
.green {
	background: #EBEFEA;
}
.fm55 {
	width: 55px;
	padding: 3px 0;
}
p.notes {
	margin: 10px 0 0 0;
	font-size: 80%;
	line-height: 1.5;
}
p.notes.areabottom {
	margin: 0 0 30px 0;
	font-size: 80%;
	line-height: 1.5;
	text-align: center;
}
p.error {
	padding: 6px 5px 4px 5px;
	margin: 10px 0;
	background-color: #FFDEE4;
	color: #A60000;
	font-size: 90%;
	font-weight: bold;
	line-height: 1.5;
	text-align: center;
	border: 2px solid #A60000;
}

/* clearfix ---------------------------------------- */
.clearfix:after {  
    visibility: hidden;  
    display: block;  
    font-size: 0;  
    content: " ";  
    clear: both;  
    height: 0;  
}  
* html .clearfix             { zoom: 1; } /* IE6 */  
*:first-child+html .clearfix { zoom: 1; } /* IE7 */


/* Other ------------------------------------------- */
*html #container {
	behavior: url("../js/csshover3.htc");
}