@charset "utf-8";
/* CSS Document */
@import url("y_search.css");


/* HTML elements */
body,h1,h2,h3,h4,h5,h6,p,ul,ol,li,dl,dt,dd {
	margin: 0px;
	padding: 0px;
	font-weight: normal;
	font-size: 100%;
	line-height: 1.4;
}
img {
	border:0;
}
a:hover img{
	opacity:0.75;
	filter: alpha(opacity=75);
}
hr {
	display:none;
}

/* Stracture */
#wrapper {
	background-image: url(img/bg_head.gif);
	background-repeat: repeat-x;
	width: 950px;
	margin: 0 auto;
	background-position: center top;
}
#header {
	width: 910px;
	position: relative;
	height: 160px;
	background-image: url(img/bg_header.jpg);
	background-repeat: no-repeat;
	background-position: right bottom;
	margin-top: 0;
	margin-right: 20px;
	margin-bottom: 12px;
	margin-left: 20px;
}
.contents:after,
.ad:after {  
	content: ".";  
	display: block;  
	visibility: hidden;  
	height: 0.1px;  
	font-size: 0.1em;  
	line-height: 0;  
	clear: both;
}
.contents {
	width: 910px;
	margin: 0 20px;
	position: relative;
	display: inline-block;
	margin-bottom: 5px;
}
#cat .contents,
#list .contents,
#content .contents {
	width: 885px;
	position: relative;
	display: inline-block;
	margin-top: 0;
	margin-right: 30px;
	margin-left: 30px;
	border-bottom: 25px solid #ffffff;
}
#localnavi {
	width: 200px;
	float: left;
}
.relatedinfo {
	float: left;
	margin-top: 25px;
	background-image: url(img/relatedinfo_bg.gif);
	background-position: center bottom;
	background-repeat: no-repeat;
	left: 0px;
	position: static;
	width: 200px;
}
#pagebody {
	width: 675px;
	float: right;
	min-height: 500px;  
	height: auto !important; 
	height: 500px;
}
.ad {
	display: inline-block;
	width: 907px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 5px;
	margin-bottom: 10px;
	border: 1px solid #CCCCCC;
	position: relative;
	text-align: left;
}
#footer {
	width: 100%;
	clear: both;
	background-color: #E5F6FA;
	font-size: 90%;
}


/* Block style */
#sitelogo {
	position: absolute;
	left: 3px;
	top: 20px;
}
#header #sitemap {
	position: absolute;
	right: 0px;
	background-image: url(img/bg_sitemap.gif);
	width: 108px;
	text-align: center;
	background-repeat: no-repeat;
	background-position: center top;
	height: 28px;
	padding-top: 3px;
}
#header #sitemap a {
	color: #FFFFFF;
	text-decoration: none;
	font-size: 86%;
	font-weight: bold;
}
#header #translation {
	position: absolute;
	right: 135px;
	top: 0px;
}
.contents .mainimage {
	margin-bottom: 12px;
}

/* AD & Footer */
.ad h2 {
	width: auto;
	position: absolute;
	left: 5px;
	top: 6px;
}
.ad p {
	width: 50px;
	float: left;
	font-size: 10px;
	position: absolute;
	left: 5px;
	top: 30px;
	text-align: center;
}
.ad ul {
	margin-left: 73px;
	margin-bottom: 3px;
	margin-top: 6px;
	margin-right: 5px;
}
.ad li {
	display: inline;
	list-style-type: none;
}
.ad li img {
	margin-right: 3px;
}
#footer {
	width: 100%;
	padding-top: 6px;
	text-align: center;
}
#top #footer {
	width: 100%;
	padding-top: 0;
	text-align: left;
}
#top #footer .address {
	width: 595px;
	float: left;
	margin-top: 10px;
}
#footer .office {
	float: right;
	width: 340px;
	background-image: url(img/address_hasen.gif);
	background-repeat: repeat-y;
	background-position: left top;
	margin-top: 10px;
	margin-bottom: 10px;
}
#footer h2 {
	color: #083667;
	font-weight: bold;
	font-size: 100%;
	margin: 0 0 8px 10px;
	display: inline;
}
#footer .address h2 {
	display: block;
	float: left;
}
#footer address {
	display: inline;	
	margin: 5px 0;
	font-style: normal;
}
#footer .address address,
#footer .address ul,
#footer .address p {
	display: block;
	margin: 0 0 5px 100px;
	font-style: normal;
}
#footer .address p {
	font-size: 85%;
}
#footer .office ul {
	margin-left: 16px;
}
#footer .office p {
	float: right;
	margin-top: -20px;
	margin-right: 10px;
}
#footer ul li {
	background-image: url(img/bul_submenu.gif);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 11px;
	list-style-type: none;
	margin-bottom: 4px;
}
#footer .address ul li {
	display: inline;
	margin-right: 4px;
}

/* Category,Entry */
#globalnavi {
	background-image: url(img/bg_globalnav.jpg);
	background-repeat: no-repeat;
	width: 910px;
	margin: 0 auto 20px;
	background-position: left center;
	position: relative;
	padding-top: 4px;
}
#footer #about {
	background-color: #D1F0F8;
	clear: both;
	text-align: center;
	font-size: 90%;
	color: #333333;
	padding-top: 5px;
	padding-bottom: 5px;
}
#footer #copyright {
	background-color: #01A5C2;
	clear: both;
	text-align: center;
	font-size: 90%;
	color: #FFFFFF;
	padding-top: 2px;
	padding-bottom: 2px;
}
#globalnavi ul {
	margin-left: 16px;
}
#globalnavi li {
	display: inline;
	margin-right: 4px;
}
#globalnavi #form1 {
	position: absolute;
	right: 11px;
	top: 8px;
}
#globalnavi #keyword {
	width: 170px;	
}
#pagebody #topicpath {
	font-size: 84%;
}
#pagebody .catlist {
	margin-left: 18px;
}
#pagebody h1 {
	background-color: #FFEBCE;
	font-size: 128%;
	font-weight: bold;
	margin-top: 5px;
	margin-bottom: 20px;
	padding: 4px;
}
#pagebody .catlist div {
	width: 188px;
	float: left;
	margin-right: 13px;
	border-top-width: 6px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #01A5C2;
	border-right-color: #BCE7EF;
	border-bottom-color: #BCE7EF;
	border-left-color: #BCE7EF;
	background-image: url(img/bg_subcat.gif);
	background-repeat: repeat-x;
	background-position: left top;
	padding: 6px;
	margin-bottom: 15px;
	height: 7.5em;
}
#pagebody .catlist h2 {
	float: right;
	width: 132px;
	font-size: 105%;
	font-weight: bold;
	line-height:1.1;
}
#pagebody .catlist .image {
	float: left;
}

#pagebody .catlist .explain {
	float: right;
	width: 132px;
	font-size: 84%;
	font-weight: normal;
	margin-top: 3px;
	height: 73px;
	line-height:1.3;
	overflow: hidden;
}
#localnavi li {
	background-image: url(img/bul_local.jpg);
	background-repeat: no-repeat;
	background-position: left center;
	list-style-type: none;
	padding-left: 15px;
	margin-bottom: 5px;
}
#localnavi ul {
	background-image: url(img/bg_localnav.jpg);
	background-position: bottom;
	background-repeat: repeat-x;
	background-color: #F3FBFD;
	padding-bottom: 30px;
	padding-top: 10px;
	padding-right: 10px;
	padding-left: 10px;
	margin: 2px 0px 0px;
	border-top-width: 3px;
	border-top-style: solid;
	border-top-color: #01A5C2;
}
#localnavi a {
	color: #003333;
}
.relatedinfo ul {
	margin-top: 8px;
	margin-left: 22px;
	margin-bottom: 8px;
	background-image: url(img/relatedinfo_ar.gif);
	background-position: right center;
	background-repeat: no-repeat;
	margin-right: 3px;
}
.relatedinfo li {
	list-style-type: disc;
	font-size: 95%;
	margin-left: 6px;
	margin-bottom: 5px;
}
.relatedinfo h2 {
	padding-top: 4px;
	padding-right: 8px;
	padding-bottom: 4px;
	padding-left: 8px;
	color: #FF6600;
	font-weight: bold;
	background-image: url(img/relatedinfo_h2.gif);
	background-position: top;
}
.related  h2 {
	clear: both;
	background-color: #FFFEFA;
	padding: 3px 8px;
	margin-bottom: 18px;
	font-weight: bold;
	color: #003333;
	border-bottom: 1px solid #FF6633;
}
.related ul {
	margin: 0 0 15px 15px;
}
.related li.scf {
	line-height: 1.8;
	background-image: url(img/folder_sc.jpg);
	background-repeat: no-repeat;
	background-position: left center;
	list-style-type: none;
	padding-left: 19px;
	margin-left: 5px;
}
.kijilist {
	margin-left: 15px;
	margin-bottom: 25px;
}
.kijilist dt {
	padding-left: 15px;
	background-image: url(img/bul_list.jpg);
	background-position: left 5px;
	background-repeat: no-repeat;
	clear: both;
	line-height: 1.4;
	margin-left: 6px;
	width: 475px;
	display: block;
	margin-bottom: 4px;
}
.kijilist dd {
	width: 160px;
	font-size: 90%;
	display: block;
	float: right;
	margin-top: -1.65em;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	text-align: right;
	line-height: 1.2;
}
#content .section:after {  
	content: ".";  
	display: block;  
	visibility: hidden;  
	height: 0.1px;  
	font-size: 0.1em;  
	line-height: 0;  
	clear: both;
}
#content .section {
	width: 655px;
	margin-left: 10px;
	display: inline-block;
	margin-bottom: 10px;
}
#content .section h2 {
	width: 655px;
	background-image: url(img/h2_content.gif);
	background-repeat: repeat-x;
	background-position: bottom;
	margin-bottom: 8px;
	padding-bottom: 5px;
	font-weight: bold;
	color: #663333;
	font-size: 102%;
	letter-spacing: 0.05em;
}
#content .section p {
	margin-bottom: 0.85em;
}

#content .section ul,
#content .section ol {
	margin-left: 32px;
	margin-bottom: 0.85em;	
}

#content .section ul li {
	list-style-type: disc;
}

#content .section img {
	margin: 0 5px;
}
#content .section .imgleft {
	float: left;
}
#content .section .imgright {
	float: right;
}
#content .section p.image {
	text-align: center;
}
#content .section p.image span {
	display:block;
	font-size: 82%;
	text-decoration: none;
	color: #666666;
}
#content .contentinq {
	background-image: url(img/bg_toiawase.gif);
	background-repeat: repeat-x;
	background-position: top;
	padding: 10px;
	font-size: 90%;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
}
#content .contentinq h2 {
	font-weight: bold;
	color: #663333;
}
#content .section .attach {
	border: 1px solid #EDEDED;
	background-repeat: no-repeat;
	background-position: 2px center;
	margin-top: 3px;
}
#content .section .attach a {
	display: block;
	padding: 4px;
	padding-left: 26px;
	font-size: 90%;
	font-weight: bold;
}
#content .section .pdf {
	background-image: url(img/icns/pdf.gif);
}
#content .section .ppt {
	background-image: url(img/icns/ppt.gif);
}
#content .section .doc {
	background-image: url(img/icns/doc.gif);
}
#content .section .xls {
	background-image: url(img/icns/xls.gif);
}
#content .section .wmv {
	background-image: url(img/icns/wmv.gif);
}
#content .section .htm {
	background-image: url(img/icns/htm.gif);
}
.treelist {
}
.treelist dt {
	font-weight: bold;
	margin-top: 8px;
	margin-bottom: 4px;
	background-image: url(img/h2_content.gif);
	background-position: bottom;
	background-repeat: repeat-x;
	width: 100%;
	padding-bottom: 9px;
	clear: both;
	padding-left: 6px;
}
.treelist dd {
	margin-left: 9px;
	padding-left: 13px;
	background-image: url(img/bul_list.jpg);
	background-position: left 6px;
	background-repeat: no-repeat;
	clear: both;
	font-weight: bold;
	margin-bottom: 5px;
	margin-top: 10px;
}
.treelist dd ul {
	display: inline-block;
	margin-botttom: 5px;
	width: 90%;
	padding-top: 4px;
	padding-bottom: 4px;
}
.treelist dd ul.kiji {
	margin-left: 3px;
	padding-top: 8px;
	padding-bottom: 8px;
}
.treelist dd ul:after {  
	content: ".";  
	display: block;  
	visibility: hidden;  
	height: 0;  
	font-size: 0;  
	line-height: 0;  
	clear: both;
}
.treelist dd ul li {
	font-size: 95%;
	display: inline;
	padding-right: 7px;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #CCCCCC;
}
.treelist dd ul.kiji li {
	display: block;
	float: none;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 7px;
	margin-left: 0px;
	border-left-width: 4px;
	border-left-style: solid;
	border-left-color: #FF6600;
	list-style-type: none;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 8px;
	border-right-style: none;
}

/* SOSHIKI */
.soshiki {
	width: 100%;
	background-color: #666666;
	font-size: 95%;
}
.soshiki th {
	background-color: #fbe0ae;
}
.soshiki td {
	background-color: #FFFFFF;
	padding: 2px 4px;
}

/* MIDASHI TSUIKA 20090624 */
#content .section h2.midashi01 {
	border-left-width: 10px;
	border-left-style: solid;
	border-left-color: #009900;
	background-image: none;
	padding-left: 7px;
	color: #006600;
	font-size: 145%;
	line-height: 1.25;
}
#content .section h2.midashi02 {
	background-image: url(img/midashi02_bg.gif);
	background-repeat: repeat-x;
	background-position: center;
	width: 620px;
	margin-right: auto;
	margin-left: auto;
	text-align: center;
	padding-top: 8px;
	padding-right: 5px;
	padding-bottom: 8px;
	padding-left: 5px;
}
#content .section h2.midashi03 {
	background-color: #F0F0F0;
	background-image: none;
	width: 600px;
	margin-right: auto;
	margin-left: auto;
	padding: 6px;
	border-right-width: 6px;
	border-bottom-width: 1px;
	border-left-width: 6px;
	border-top-style: none;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-right-color: #01A5C2;
	border-bottom-color: #01A5C2;
	border-left-color: #01A5C2;
	color: #333333;
	font-weight: normal;
}
#content #flvmovie {
	width: 600px;
	margin: 0 auto;
}

/* MOBILE info for TOP */
#mobileinfo {
	background-image: url(img/bg_mobile.jpg);
	height: 55px;
	width: 250px;
	position: relative;
	background-position: -6px;
	margin-bottom:15px;
}
#mobileinfo a {
	font-size: 12px;
	position: absolute;
	left: 38px;
	top: 30px;
}
.helperapp {
	width: 910px;
	margin-left: 20px;
	font-size: small;
	height: 35px;
	padding: 10px 0;
}
.helperapp p {
	float: left;
	margin-right: 8px;
}

@media print{
#content #wrapper {
/* width 100%-->650px */
	width: 650px;
	margin: 0;
	padding: 0;
	background-image: none;
}
#content #wrapper div.contents {
	width: 100%;
	margin: 0;
	padding: 0;
}
#cat #wrapper #pagebody,
#list #wrapper #pagebody,
#content #wrapper #pagebody,
#content .section {
	width: 100%;
	float: none;
	margin: 0;
	padding: 0;
	min-height: 0px;   
	height: auto;
}
#content .section h2 {
	width: 100%;
}
#cat #header,
#list #header,
#content #header,
#globalnavi,#localnavi,#topicpath,
#cat #footer,
#list #footer,
#content #footer {
	display: none;
}
}