@charset "UTF-8";
/*
Theme Name: JIWET
Description: A theme for JIWET
Author: M.Y.
Version: 0.8
*/

	html, body, div, span, applet, object, iframe,
	h1, h2, h3, h4, h5, h6, p, blockquote, pre,
	a, abbr, acronym, address, big, cite, code,
	del, dfn, em, font, img, ins, kbd, q, s, samp,
	small, strike, strong, sub, sup, tt, var,
	b, u, i, center,
	dl, dt, dd, ol, ul, li,
	fieldset, form, label, legend,
	table, caption, tbody, tfoot, thead, tr, th, td {
		margin: 0;
		padding: 0;
		border: 0;
		outline: 0;
		font-size: 100%;
		vertical-align: baseline;
		background: transparent;
		zoom: 1;
	}
	body {
		line-height: 1;
	}
	ol, ul {
		list-style: none;
	}
	sup {
		vertical-align: super;
		font-size: smaller;
	}
	/*blockquote, q {*/
		/*quotes: none;*/
	/*}*/
	/*blockquote:before, blockquote:after,*/
	/*q:before, q:after {*/
		/*content: '';*/
		/*content: none;*/
	/*}*/
 
/* remember to define focus styles! */
	:focus {
		outline: 0;
	}
 
/* remember to highlight inserts somehow! */
	ins {
		text-decoration: none;
	}
	del {
		text-decoration: line-through;
	}
 
/* tables still need 'cellspacing="0"' in the markup */
		table {
			border-collapse: collapse;
			border-spacing: 0;
		}

a.externallink {
	background: url(//www.jiwet.or.jp/wp/wp-content/themes/sample3/img/externallink.gif) right center no-repeat;
	padding: 0 20px 0 0;
	margin-right:5px;
}

a.pdflink {
	background: url(//www.jiwet.or.jp/wp/wp-content/themes/sample3/img/pdf_ico_01.gif) right center no-repeat;
	padding: 0 20px 0 0;
}

a.wordlink {
	background: url(//www.jiwet.or.jp/wp/wp-content/themes/sample3/img/word_ico_01.gif) right center no-repeat;
	padding: 0 20px 0 0;
}




@media all and (max-width: 9999px) {

/* Base Layout */
	
	html{
		background-color:#ffffff;
		font-family: "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
		height: 100%;
	}
	
	body{
		background-color:#ffffff;
		color:#333;
		height: 100%;
	}
	
	a:link,
	a:visited{
		color: #0077BB;
		text-decoration: none;
	}
	
	a:hover,
	a:active{
		color: #000;
		text-decoration: underline;
	}
	
	strong{
		font-weight: bold;
	}
	
	em{
		font-style: italic;
		font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	}
	
	#wrap{
		margin: 0 auto -150px; 
		min-height: 100%;
		height: auto !important;
		/*height: 100%;*/
	}
	
	
	#content{
		margin: 0 auto; 
		background:#ffffff;
		position:relative;
		z-index: 0;
		width: 940px;
		/*top: -10px;*/
		padding: 0 0 20px 0;
	}
	
	#main{
		width:700px;
		float:right;
		color: #333333;
		line-height: 1.5;
		position: relative;
	}
	
	.enquete-form{
		float: none !important;
		margin: 0 auto;
		width: 100% !important;
	}
	
		#english{
			font-family: 'Rufina', serif;
		}
		
		#english .top{
			width: 840px;
			margin: 0 auto;
			float: none;
		}

	/* Hover */
	
	a:hover img{
		opacity: .75;  /*Standard: FF gt 1.5, Opera, Safari;*/
		filter: alpha(opacity=75);  /*IE lt 8;*/
		-ms-filter: "alpha(opacity=75)";  /*IE 8;   */
		-khtml-opacity: .75;  /*Safari 1.x;   */
		-moz-opacity: .75;  /*FF lt 1.5, Netscape;  */
	}

	
/* Clearfix */
	
	.clearfix {zoom:1;}
	.clearfix:after{
		content: ""; 
		display: block; 
		clear: both;}
	
	
/* head */

	#header{
		border-top: 3px solid #123A8D;
		/*background-color: #00B;*/
		background-color: #ffffff;
		height: 75px;
		
	}
	
	#header .header-inner{
		width: 940px;
		height: 85px;
		margin: 0 auto;
		position: relative;
	}
	
	h1{
		
		font-size: 28px;
		text-indent: -9999px;
		background: url(img/logo.png) left 7px no-repeat;
	}

		#english h1{
			background: url(img/en_logo.png) left 7px no-repeat;
		}
	
	h1 a{
		text-decoration: none;
		color: #000;
		display: block;
		height: 75px;
	}
	
	
/* Sitemap, Search box and RSS icon */
	
	
	#search{
		position: absolute;
		right: 0;
		top: 0;
		width: 420px;
		background: url(img/search_bg.png) left top no-repeat;
		height: 37px;
		padding: 1px 15px 0 75px;
	}
	
	#search .rss{
		float: left;
		margin: 3px 10px 0 0;
	}
	
	#search form{
		float: left;
		width: 320px;
	}
	
	
	#search p{
		color: #ffffff;
		line-height: 25px;
		font-size: 12px;
	}
	
	#search p.sitemap{
		float: left;
		margin: 0 25px 0 0;
	}
	
	#search p.sitemap a:link,
	#search p.sitemap a:visited{
		color: #ffffff;
		text-decoration: underline;
	}
	
	
	#search p.sitemap a:hover,
	#search p.sitemap a:active{
		color: #ffffff;
		text-decoration: none;
	}
	
	
	
	#search p.advanced{
		float: right;
		width: 60px;
		text-align: right;
	}
	
	#search p.advanced a:link{
		color: #ffffff;
		text-decoration: underline;
	}
	
	#search p.advanced a:visited{
		color: #ffffff;
		text-decoration: underline;
	}
	
	#search p.advanced a:hover{
		color: #ffffff;
		
	}
	
	#search p.advanced a:active{
		color: #ffffff;
		
	}
	
	#search input{
		float: left;
	}
	
	#search input[type="text"]{
		width: 180px;
		background:url(img/searcharea_bg.png) left top repeat-x;
		border: 1px solid #1645A7;
		color: #ffffff;
		padding: 2px 3px;
		font-size: 12px;
		height: 18px;
		line-height: 18px;
	}
	
	#search input[type="submit"]{
		background:url(img/search.png) left top no-repeat;
		text-indent: -9999px;
		border: none;
		height: 24px;
		width: 24px;
		cursor: pointer;
		padding: 0;
		margin: 0 0 0 10px;
	}
	
	div.adv-search-link{
		background-color: #efefef;
		padding: 10px;
		margin: 0 0 20px 0;
	}
	
	span.result-parent{
		text-align: right;
	}
	
	
	
/* Header navigation */
	
	#head-nav{
		position: absolute;
		bottom: 20px;
		right: 10px;
		font-size: 14px;
		text-align: right;
		width: auto;
	}
	
	#head-nav ul{
		float: right;
		width: auto;
	}
	
	#head-nav ul li{
		float: left;
		margin: 0 0 0 10px;
		background: url(img/list_mark_orange.png) left center no-repeat;
		text-indent: 10px;
	}
	
	#head-nav ul li.english{
		/*background: url(img/United-States.png) left center no-repeat;*/
		font-weight: bold;
		font-size: 16px;
		text-indent: 10px;
	}
	
	#head-nav ul li.english a{
		color: #14268C;
	}
	
	
	#head-nav ul li a{
		color: #14268C;	
	}
	
	
	
/* Global Navigation  */
/* First level */
	
	#nav-bar{
		width: 100%;
		background: url(img/nav_bg.png) left top repeat-x;
		height: 54px;
		z-index: 100;
		position: relative;
	}
	
	#nav-bar ul.nav{
		width: 940px;
		margin: 0 auto;
		background: url(img/nav_separate.png) right top no-repeat;
	}
		
	#nav-bar ul.nav li{
		text-align: center;
		float: left;
		color: #FFF;
		font-weight: bold;
		position: relative;
		font-family:"ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	}
	
	#nav-bar ul.nav li a{
		color: #FFF;
		text-decoration:none;
		display: block;
		height: 45px;
		line-height: 50px;
		background: url(img/nav_separate.png) left top no-repeat;
	}
	
	#nav-bar ul.nav li a:link{
		color: #ffffff;
		text-decoration: none;
	}
	
	#nav-bar ul.nav li a:visited{
		color: #ffffff;
		text-decoration: none;
	}
	
	#nav-bar ul.nav li a:hover{
		color: #fff;
		text-decoration: none;
		background: url(img/nav_hover.png) left top repeat-x;
	}
	
	#nav-bar ul.nav li a:active{
		color: #fff;
		text-decoration: none;
		background: url(img/nav_hover.png) left top repeat-x;
	}
	
		/* english */
	
		#english #nav-bar{
			background: url(img/en_nav_bg.png) left top repeat-x;
		}
		
		#english #nav-bar ul.nav{
			background: url(img/en_nav_separate.png) right top no-repeat;
		}
		
		#english #nav-bar ul.nav li{
			/*font-family: 'Ubuntu Condensed', sans-serif;*/
			font-family: 'Rufina', serif;
			
		}
		
		#english ul.nav li a{
			background: url(img/en_nav_separate.png) left top no-repeat;
		}		

		#english #nav-bar ul.nav li a:link{
			color:#14268C;
		
		}
		
		#english #nav-bar ul.nav li a:visited{
			color:#14268C;
		}
		
		#english #nav-bar ul.nav li a:hover{
			background: url(img/en_nav_hover.png) left top repeat-x;
			color:#ffffff;
		}	
	
		#english #nav-bar ul.nav li a:active{
			background: url(img/en_nav_hover.png) left top repeat-x;
			color:#ffffff;
		}
	
	
	
/* Seconde level */
	
	#nav-bar ul.nav li ul.children{
		position: absolute;
		left: 0;
		background-color: #efefef;
		opacity: .95; /* FireFox, Webkit, Opera */
		box-shadow: 2px 2px 5px #666666;
		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=950)";
		filter: progid:DXImageTransform.Microsoft.Alpha(opacity=95); /* IE5.5+ */
	}
	
	#nav-bar ul.nav li ul.children li{
		line-height:1;
		background: none;
		color: #000;
		font-size: small !important;
		text-indent: 0;
		min-height: 0;
		border-bottom: 1px solid #cccccc;
		text-align: left;
		float: none;
		font-family:"メイリオ", Meiryo, "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	}
	
	#nav-bar ul.nav li .children li a{
		display: block;
		height: auto;
		line-height:1.5;
		padding: 10px 5px;
		background: none;
	}
	
	#nav-bar ul.nav li .children li a:link{
		color: #14268C;
		text-decoration: none;
	}
	
	#nav-bar ul.nav li .children li a:visited{
		color: #14268C;
		text-decoration: none;
	}
	
	#nav-bar ul.nav li .children li a:hover{
		color: #fff;
		text-decoration: none;
		background: #00619F;
	}
	
	#nav-bar ul.nav li .children li a:active{
		color: #14268C;
		text-decoration: none;
	}
	
		#english #nav-bar ul.nav li .children li a:hover{
			background: #0000BB;
		}
	

	
/* Third level */
	
	#nav-bar ul.nav li ul.children li ul.children{
		top: 0;
	}
	

/* main visual */
	
	#home #mainvisual{
		height:	295px;
	}
	
	#page #mainvisual{
		/*height: 130px;*/
	}
	
	#page #mainvisual img{
		vertical-align: bottom;
	}
	
		
	
	#mainvisual{
		overflow: hidden;
		background: url(img/main-visual-back.png) left top repeat-x #efefef;
		/*border-bottom: 2px solid #0000bb;*/
		margin: 0 0 0;
		position: relative;
		top: -10px;
		
	}
	
	#mainvisual #slideshow{
		width: 940px;
		margin: 0 auto;
		position: relative;
		/*top: -15px;*/
	}
	
	#mainvisual .image{
		width: 940px;
		margin: 0 auto;
		position: relative;
	}
	
	#mainvisual #slideshow img{
		vertical-align: bottom;
	}
	
	span.image-wrapper{
		display: block;
		
	}
	
	.prev{
		background: url(img/prev.png) left top no-repeat;
		width: 27px;
		height: 60px;
		float: left;
		text-indent: -9999px;
	}
	
	.next{
		background: url(img/next.png) left top no-repeat;
		width: 27px;
		height: 60px;
		float: left;
		text-indent: -9999px;
	}
	
	


/* message */
	
	.message{
		vertical-align: middle;
		padding: 10px;
		font-size: 12px;
		width: 365px;
		position: absolute;
		color:	#ffffff;
		top: 40px;
		left: 50%;
		margin: 0 0 0 50px;
		line-height: 1.3;
		background-color: rgba( 0,0,0,0.3 ); 
		filter: progid:DXImageTransform.Microsoft.gradient(startcolorstr=#33000000, endcolorstr=#33000000, gradienttype=0); 
	}
	
	
	

/* Slider */

	#thumbs{
		bottom: 0;
		height: 60px;
		position: absolute;
		width: 940px;
		background: url(img/black_bg.png) left top;
		padding: 4px 0;
		left: 50%;
		margin: 0 0 0 -470px;
	}
	
	#thumbs ul{
		margin: 0 auto;
		width: 890px;
	}
	
	#thumbs ul li{
		width:  171px;
		height: 60px;
		float: left;
		padding: 0 3px;
		position:relative;
	}
	
	div.controls {
		bottom: 76px;
		position: absolute;
		right: 50%;
		margin: 0 -460px 0 0;
		z-index: 20;
		background-color: #000000;
		padding: 3px;
	}
	
	div.controls a{
		color: #ffffff;
	}

	#thumbs div.title-bar {
		position: absolute;
		font-size: 12px;
		bottom: 1px;
		text-align: center;
		width: 169px;
		height: 17px;
		color: white;
		background-color: rgba(0,0,0,0.4);
		left: 4px;
	}
	#thumbs div.title-bar > span,#thumbs div.title-bar > div {
		position: absolute;
		bottom: 2px;
		right: 0;
		width: 171px;
		z-index: 20;
	}
	
/* centre */
	
	#center{
		width: 520px;
		float: left;
	} 
	
	
	#buttons{
		width: 160px;
		float: right;
	}
	
	#buttons li{
		margin: 0 0 3px 0;
	}
	
	#buttons p{
		margin: 0 !important;
	}
	
	#buttons p a{
		display: block;
	}
	
	#buttons p a.pdflink{
		padding: 0 !important;
		background: none;
	}
	
	#buttons p a img{
		vertical-align: bottom;
	}
	

/* news-space */
	
	.news-space{
		margin: 0 0 20px 0;
	}
	
	.news-space h2{
		font-size:20px;
		/*line-height: 1;*/
		height: 43px;
		line-height: 50px;
		/*text-indent: 0;*/
		border: none;
		font-weight: normal;
		text-indent:10px;
	}
	
	dl.news{
		padding: 10px;
		margin: 0 0 10px;
		font-size: 13px;
	}
	
	dl.news dt{
		width: 75px;
		float: left;
		
	}
	
	dl.news dd{
		width: 425px;
		float: left;
		margin: 0 0 10px 0;
	}
	
	dl.news img{
		vertical-align: middle;
	}
	

	.top h2{
		background: url(img/h2bg.png) left top no-repeat;
		font-size:18px;
		height: 46px;
		line-height: 48px;
		/*text-indent: 0;*/
		border: none;
		font-weight: normal;
		text-indent:10px;
		color: #ffffff;
	}
	
		#english .top h2{
			background: url(img/en_h2bg.png) left top no-repeat;
			font-size:18px;
			height: 46px;
			line-height: 44px;
			/*text-indent: 0;*/
			font-weight: normal;
			text-indent:10px;
			color: #ffffff;
			width: 840px;
		}
	
	.top p{
		margin: 0 0 10px 0;
	}
	
	.top p.readmore{
		margin: 0 0 30px 0;
		text-align: right;
		font-size: small;
	}
	
	#main{
		width:700px;
		float:right;
	}
	
	#main p{
		margin: 0 0 20px 0;
		line-height:1.5;
	}
	
	#main a:visited{
		color: #809EF4;
		text-decoration: none;
	}
	
	#main ul li{
		list-style-type: none;
		line-height: 1.5;
	}
	
	#main ol li{
		list-style-type: decimal;
		line-height: 1.5;
	}

		.english-message{
			width: 800px;
			padding: 0 15px;
		
		}
	
	
/* text decoration in the main section */
	
	#main img.alignleft{
		display: block;
		float: left;
		padding: 0 15px 15px 0;
	}
	
	#main img.alignright{
		display: block;
		float: right;
		padding: 0 0 15px 15px;
	}
	
	#main img.aligncenter{
		display: block;
		margin: 0 auto;
	}
	
	
/* banner-space */
	
	#leftside{
		width: 220px;
		float: left;
	}
	
	ul.banners{
		list-style-type: none;
	}
	
	ul.banners li{
		float: left;
		padding: 0 19px 3px 0;
	}
	
	ul.banners li p{
		margin: 0 !important;
	}
	
	ul.banners li p a{
		display: block;
		background: none !important;
	}
	
	ul.banners li p img{
		vertical-align: bottom;
	}
	
	.mini-enquete-head img{
		vertical-align: bottom;
	}
	
	.mini-enquete-body{
		background-color: #FFCC66;
		padding: 10px;
		font-size: 13px;
	}
	
	.mini-enquete-body div.question{
		margin: 0 0 20px 0;
	}
	
	.mini-enquete-body div.question textarea{
		width: 194px;
		height: 50px;
		resize: none;
		
	}
	
	.mini-enquete-footer{
		margin: 0 auto;
		height: 45px;
		text-align: center;
		background: url(img/enquete-footer.png) left top no-repeat;
	}
	
	
/* submenu */
	
	div.submenu{
		font-size: 20px;
	}
	
	div.submenu div.parent{
		border-top: 3px solid #0000BB;
		border-bottom: 1px solid #0000BB;
		background: url(img/parent-arrow.png) 5px center no-repeat #efefef;
		color: #0000BB;
		height: 40px;
		line-height: 43px;
		text-indent: 25px;
		margin: 0 0 20px 0;
		overflow: hidden;
	}
	
	ul.sub-menu-list{
		padding: 0 0 0 10px;
		position: relative;
	}
	
	ul.sub-menu-list li {
		line-height: 1.4;
		margin: 0 0 10px;
		padding: 3px;
		position: relative;
		font-size: 14px;
		z-index: 10;
	}
	
	div.submenu ul li ul.children{
		position: absolute;
		left: 220px;
		background-color: #ffffff;
		border: 1px solid #cccccc;
		width: 220px;
		top: 0;
	}
	
	div.submenu ul li ul.children li{
		line-height: 1.5;
		margin: 0;
	}
	
	div.submenu ul li a{
		display: block;
		width: 95%;
	}
	
	div.submenu ul li:hover{
		background-color: #cccccc;
	}
	
	div.submenu ul li ul.children li:hover{
		background-color: #efefef;
	}
	
	div.submenu ul li ul.children li a:hover{
		background-color: #efefef;
	}
	
	div.submenu ul li ul.children li a{
		width: 100%;
	}
	
	div.submenu li.current_page_item{
		background:url(img/submenu_arrow.png) #efefef 195px center no-repeat;	
	}
	
	div.submenu ul li ul.children li.current_page_item{
		background: none #efefef 195px center no-repeat;
	}
	
	
/* BreadCrumbs */
	
	#breadcrumbs{
		color: #666666;
		font-size: 11px;
		margin: 0 0 10px;
	}
	
	#breadcrumbs li{
		float: left;
		font-size: 13px;
	}
	
	h2.page{
		/*font-size: 30px;*/
		font-size:1.5rem;
		color: #ffffff;
		position: absolute;
		top: 40px;
		left: 0;
		font-weight: normal;
		background-color: #00B498;
		padding: 5px 10px;
	}
	
		#english h2.page{
			/*font-family: 'Ubuntu Condensed', sans-serif;*/
			font-family: 'Rufina', serif;
		}
	
	
	.page #main{
		font-size: 14px;
	}
	
	.page #main h3{
		background: url(img/h3.png) left center repeat-y;
		border-bottom: 2px solid #0000bb;
		font-weight: normal;
		font-size: 18px;
		line-height: 1.4;
		padding: 0 0 0 20px;
		margin: 0 0 20px 0;
		color: #333333;
	}

	div#main.ShinsaSyomeiSP td p {
		margin:0 !important;
	}

	.page #main p{
		margin: 0 10px 1.5em 10px;
		line-height:1.6;
	}
	.page #main div.nop p {
		margin: 0 0 0.5em 0 !important;
	}

	.page #main ul,
	.page #main ol{
		overflow: hidden;
		margin: 0 0 20px 0;
	}
	
	.page #main ul{
		list-style: disc outside;
	}
	
	.page #main ol{
		list-style: decimal outside ;
	}
	
	.page #main ul li{
		margin: 0 0 0.5em 30px;
		list-style-type: disc;
		line-height: 1.5;
	}
	
	.page #main ol li{
		list-style-type: decimal;
		line-height: 1.5;
		margin: 0 0 0.5em 30px;
	}
	
		#english #main ul li{
			font-size: 15px;
		}
		
		#english #main ol li{
			font-size: 15px;
		}
	
	
/*image decoration in the main section */


	
	.page #main img.alignleft,
	.page #main div.wp-caption.alignleft{
		display: block;
		float: left;
		padding: 0 15px 15px 0;
	}
	
	.page #main img.alignright,
	.page #main div.wp-caption.alignright{
		display: block;
		float: right;
		padding: 0 0 15px 15px;
	}
	
	.page #main img.aligncenter,
	.page #main div.wp-caption.aligncenter{
		display: block;
		margin: 0 auto;
		width: auto;
		height: auto;
	}
	
	.wp-caption-text{
		margin: 0 !important;
	}
	


/* Accordion */

	dl.accordion dt{
		background: url("css/ui-lightness/images/ui-bg_glass_100_f6f6f6_1x400.png") repeat-x scroll 50% 50% #E6E6E6;
		border: 1px solid #D3D3D3;
		color: #555555;
		font-weight: normal;
		padding: 10px;
		cursor: pointer;
		border-radius: 4px;
		margin: 0 0 5px 0;
		position: relative;
		text-indent: 1em;
	}
	
	dl.accordion dt span{
		text-indent: -9999px;
		width: 16px;
		height: 16px;
		left: 0.5em;
		margin-top: -9px;
		position: absolute;
		top: 50%;
		/*background: #fff url(css/ui-lightness/images/ui-icons_ef8c08_256x240.png) no-repeat fixed -32px -128px;*/
		/*background: #000 url(image/hoge.gif) no-repeat fixed right bottom;*/
		background-image: url(css/ui-lightness/images/ui-icons_ef8c08_256x240.png);
		background-position: -32px -128px;
	}
	
	dl.accordion dt.active{
		background: url("css/ui-lightness/images/ui-bg_glass_100_fdf5ce_1x400.png") repeat-x scroll 50% 50% #FFFFFF;
		border: 1px solid #AAAAAA;
		color: #212121;
		font-weight: normal;
		border-bottom-left-radius: 0;
		border-bottom-right-radius: 0;
		border-bottom: 0;
		margin: 0;
	}
	
	dl.accordion dt.active span{
		background-position: -64px -128px;
	}

	dl.accordion dd{
		padding: 10px;
		border: 1px solid #cccccc;
		margin: 0 0 5px 0;
		border-bottom-left-radius: 4px;
		border-bottom-right-radius: 4px;
	}

	.accordion dd a:link,
	.accordion dd a:visited{
		color: #0077BB !important;
	}
	
	.accordion dd a:hover,
	.accordion dd a:active{
		color: #333333 !important;
		text-decoration: underline !important;
	}
	
	
	
/* Q and A */

	dl.accordion.q-and-a dd p{
		margin: 0!important;
		padding: 0 0 10px 25px !important;
		background: url(img/q.png) left 1px no-repeat;
	}
	
	.page #main #qa-area{
		background: #efefef;
		padding: 20px;
		margin: 0 0 20px 0;
	}
	
	.page #main #qa-area h3.question{
		background: url(img/q-big.png) left center no-repeat;
		border-bottom: none;
		padding: 0 0 0 40px;
		line-height: 1.6;
	}
	
	.page #main #qa-area div.answer{
		background: url(img/a-big.png) left top no-repeat;
		padding: 0.5em 0 0 40px;
		font-size: 14px;
	}
	
	.page #main #qa-area div.answer p{
		margin: 0 0 10px 0;
	
	}
	
	p.related{
		margin: 0!important;
		padding: 0 0 10px 25px !important;
		background: url(img/q.png) left 1px no-repeat;
	}
	
	.page #main p.question{
		background: url(img/q.png) left 1px no-repeat;
		margin: 0 0 0.5em 0;
		padding: 0 0 0 25px;
	}
	
	
	
/* SPIRIT21 */

div.spirit21{
	margin: 20px 0 0 0;
	text-align: right;
}

/* Table */
	
	.page #main table{
		margin: 0 auto;
		
	}

	/* ゆいまーる */
	.page #main.yuimaru table thead th,
	.page #main.yuimaru table thead td,
	.page #main.yuimaru table tbody th{
		border: none;
		border-collapse: collapse;
		padding: 5px;
		text-align: left;
		background-color: #D9F1FF;
	}
	.page #main.yuimaru table tbody td{
		border: none;
		border-collapse: collapse;
		padding: 5px;
	}
	/* ゆいまーる */

	.page #main table thead th,
	.page #main table thead td,
	.page #main table tbody th{
		border: 1px solid #666666; 
		border-collapse: collapse;
		padding: 5px;
		text-align: left;
		background-color: #D9F1FF;
	}
	
	.page #main table tbody td{
		border: 1px solid #666666; 
		border-collapse: collapse;
		padding: 5px;
	}


/* Research page table */

	table.research-docs{
		margin: 0 auto!important;
		width: 656px!important;
		border: none!important;
	}
	
	table.research-docs tbody td{
		text-align: left !important;
		border: none!important;
		padding: 0!important;
	}
	
	table.research-docs td.icon{
		width: 14px!important;
		padding: 0 5px 0 0!important;
		
		
	}
	
	table.research-docs td.icon img{
		vertical-align: middle!important;
	}


/* Research page english */

	ul.research-docs-en{
		margin: 0 !important;
	}
	
	ul.research-docs-en li{
		list-style-type: square !important;
		color: #EC8E0C;
		font-size: 16px;
	}
	
/* List style for parent pages */
	
	.page #main ul.children-list{
		list-style: none;
	
	}
	
	.page #main ul.children-list li{
		font-weight: bold;
		background: url(img/main_list_arrow.png) left 3px no-repeat;
		text-indent: 20px;
		list-style: none;
		margin: 0 0 20px 0;
		border-bottom: 1px dotted #efefef; 
	}

	
/* News list */
	
	.page dl.news {
		margin: 0 0 30px;
		padding: 0;
	}
	
	
	.page dl.news dd {
		float: left;
		margin: 0 0 15px;
		width: 580px;
	}
	
	
	
	
/* Form */
	
	div.entry-button{
		clear:both;
		padding: 30px 0 0 0;
		text-align: center;
	}


	table.seminar-info{
		width: 100%;
		margin: 0 0 20px 0 !important;
		position: relative;
	}
	
	p.date-place{
		width: 400px !important;
		margin:	0 auto !important;
		text-align: left !important;
	}
	
	table.seminar-info th,
	table.seminar-info td{
		border: 1px solid #cccccc !important;
		position: relative;
	}
	
	table.seminar-info thead td p{
		text-align: center;
	}
	
	table.seminar-info thead td p.title{
		font-size: 22px;
		margin: 0 !important;
	}
	
	table.seminar-info.form2 tbody th{
		width: 60px !important;
	}
	table.seminar-info tbody th{
		width: 100px;
	}

	p.seminar-map{
		width: 50px;
		height: 25px;
		position: absolute;
		top: 50px;
		right: 80px;
		margin: 0 !important;
		
	}
	
	.page form{
		background-color: #efefef;
		padding: 10px;
	}

	.page form span.mwform-radio-field-text,.page form span.mwform-checkbox-field-text{
		color: black;
		font-size: small;
	}
	.page form span{
		color: #ff0000;
		font-size: small;
	}

	div#main.webinar dl.contact-form,
	div#main.webinar dl.contact-confirm,
	div#main.webinar dl.contact-thanks{
		width: 650px;
		padding: 10px;
		margin: 0 auto 20px;
		background-color: #ffffff;
	}

	dl.contact-form,
	dl.contact-confirm,
	dl.contact-thanks{
		width: 500px;
		padding: 10px;
		margin: 0 auto 20px;
		background-color: #ffffff;
	}
	
	dl.contact-form dt,
	dl.contact-confirm dt,
	dl.contact-thanks dt{
		float: left;
		width: 150px;
		height: 30px;
		/*background: url(../../contact/img/contact-each.jpg) left top no-repeat;*/
		color: #15268C;
		text-indent: 10px;
	}

	div#main.webinar dl.contact-form dd,
	div#main.webinar dl.contact-confirm dd,
	div#main.webinar dl.contact-thanks dd{
		float: left;
		width: 490px;
		margin: 0 0 10px 0;
	}

	dl.contact-form dd,
	dl.contact-confirm dd,
	dl.contact-thanks dd{
		float: left;
		width: 350px;
		margin: 0 0 10px 0;
	}
	
	dl.contact-thanks{
		border:	1px solid #cccccc;
		background-color: #fafafa;
	}

	div#main.webinar dl.contact-form dd.textarea{
		border: medium none;
		/*height: 162px;*/
		padding: 0;
		width: 490px;
	}

	div#main.webinar dl.contact-form dd.textarea{
		border: medium none;
		/*height: 162px;*/
		padding: 0;
		width: 490px;
	}

	dl.contact-form dd.textarea{
		border: medium none;
		/*height: 162px;*/
		padding: 0;
		width: 272px;
	}

	div#main.webinar dl.contact-form dd input[type="text"]{
		background-color: #ffffff;
		border: 1px solid #cccccc;
		line-height: 20px;
		width: 100%;
		padding: 5px;
	}

	dl.contact-form dd input[type="text"]{
		background-color: #ffffff;
		border: 1px solid #cccccc;
		line-height: 20px;
		width: 250px;
		padding: 5px;
	}
	
	.postalcodelabel{
		margin: 0 0 10px 0;
	}
	
	#postalcode{
		width: 8em;
		margin: 0 0 10px 0;
	}

	div#main.webinar dl.contact-form textarea{
		resize: none;
		border: 1px solid #cccccc;
		/*background: url(../../contact/img/input.jpg) left top #ffffff;*/
		width: 100%;
		height: 150px;
		padding: 5px;
	}

	dl.contact-form textarea{
		resize: none;
		border: 1px solid #cccccc;
		/*background: url(../../contact/img/input.jpg) left top #ffffff;*/
		width: 260px;
		height: 150px;
		padding: 5px;
	}
	
	form p.buttons, form div.buttons{
		text-align: center;
		margin: 10px 0 0 0 !important;
	}

	#main input[type="submit"]{
		width: 100px;
		height: 40px;
		font-size: 16px;
	}
	
	
		
	div.condition{
		margin: 0 auto;
		width: 500px;
	}
	
	div.condition iframe{
		border: 1px solid #666666;
		width: 498px;
	}
	
	#form dl dd span{
		color: #666666;
		font-size: small;
	}
	
	#form #tel,
	#form #fax,
	#form #mail{
		IME-MODE: disabled;
	}
	
	dl.contact-thanks dt.payment{
		color: #ff0000 !important;
		clear: both;
		font-weight: bold;
		margin: 20px 0 0 0;
		text-align: center;
		font-size: 20px;
		width: 488px;
	}
	
	dl.contact-thanks dd.payment{
		border: 1px solid #cccccc;
		clear: both;
		padding: 5px;
		width: 488px;
		background-color: #ffffff;
	}
	
	dl.contact-thanks dd.payment p.bank{
		border: 1px solid #cccccc;
		width: 280px;
		margin: 0 auto 20px !important;
		padding: 10px;
		
		
	}
	
	
	
	/* 確認 */
	
/*	dl.contact-confirm{
		width: 500px;
		padding: 10px;
		margin: 0 auto;
	}
	
	
	dl.contact-confirm dt{
		float: left;
		width: 150px;
		height: 22px;
		margin: 0 0 20px 0;
	}
	
	dl.contact-confirm dd{
		float: left;
		width: 260px;
		height: 22px;
		padding: 0 5px;
		margin: 0 0 20px 0;
	}*/
	
	dl.contact-confirm dd p,
	dl.contact-thanks dd p{
		margin: 0 !important;
	}
	
	dl.contact-confirm dd.textarea{
		border: medium none;
		height: 162px;
		padding: 0;
		width: 272px;
	}

	p.thanks-message{
		text-align: center;	
	}
	
	div.thanks-seminar-title{
		font-size: 20px;
		text-align: center;
	}
	
	p#print-button{
		text-align: center;
	}
	
	p#print-button img{
		vertical-align: top;
	}
	
	
/* 図書 */
	
	.select-books,
	.select-manuals{
		position: relative;
	}
		
	.select-books .block{
		float: left;
		margin: 0 20px 0 0;
		width: 110px;
	}
	
	.select-books .hikkei{
		margin: 0 50px 0 0; 
	}
	
	.select-manuals .block{
		width: 270px;
		float: left;
		margin: 0 20px 0 0;
	}
		
	.select-books .button,
	.select-manuals .button{
		left: 60%;
		position: absolute;
		top: 32%;
		border: 3px solid #cccccc;
		padding: 3px;
	}
	
	.select-books .arrow,
	.select-manuals .arrow{
		left: 50%;
		position: absolute;
		top: 40%;
	}
	
	input#books-select,
	input#manual-select{
		width: 170px !important;
		font-size: 14px !important;
	}
	
	
	
	
	div.notes div{
		border: 1px solid #cccccc;
		background-color: #ffffff;
		margin: 10px auto;
		width: 500px;
		padding: 10px;
	}
	
	div.agree{
		margin: 0 auto;
		width: 478px !important;
	}
	
	
	input#hikkei{
		width: 3em;
		text-align: right;
	}
	
	input#tebiki{
		width: 3em;
		text-align: right;
	}
	
	input.manual-name{
		width: 200px !important;
		margin: 0 10px 10px 0 !important;
	}
	
	input.manual-number{
		width: 3em !important;
		margin: 0 0 10px 0;
	}
	
	.total-price{
		font-size: large;
		font-weight: bold;
		margin: 0 !important;
	
	}
	
	
/* 下水道機構情報 */
	div.quarterly-each{
		width: 175px;
		float: left;
		margin: 0 0 10px 0;
		height: 95px;
	}
	
	div.quarterly-each p{
	}
	
	p.q-image{
		float: left !important;
		margin: 0 5px 0 0 !important;

	}
	
	p.q-title{
		float: left !important;
		width: 100px;
		margin: 0 !important;
		font-size: 12px;

	}	
	
/* address */

	#push{
		height: 150px;
	}
	
	#gototop{
		width: 940px;
		margin: 0 auto 10px;
		font-size: 14px;
	}
	
	#gototop a{
		float: right;
	}
		
	#footer{
		width: 100%;
		background: url(img/footer_bg.png) left top repeat-x #14268C;
		height: 150px;
	}
	
	
	
	div.foot-inner{
		width: 940px;
		margin: 0 auto;
		clear:both;
		padding:10px 20px 30px;
		color:#333;
		text-align: left;
		font-size: 12px;
		position: relative;

	}
	
	address{
		width: 500px;
		float: left;
		line-height: 1.5;
		font-style: normal;
		color: #ffffff;
	}
	
	#foot-links{
		float: right;
		font-size: 12px;
	}
	
	#foot-links li{
		float: left;
		color: #ffffff;
	}
	
	#foot-links li a:link,
	#foot-links li a:visited{
		color: #ffffff;
		text-decoration: underline;
	}
	
	
	#foot-links li a:hover,
	#foot-links li a:active{
		color: #ffffff;
		text-decoration: none;
	}
	
	
	
	
/*サイトマップ*/	
	#sitemap_list li{
		list-style-type: none !important;
    	margin: 12px 0 !important;
	}


/* 通常検索 */

ul.search-result li{
	margin: 0 0 2em 20px !important;
	list-style: none !important; 
	
}

ul.search-result dt{
	font-size: 18px;
	color: #666666;
}

ul.search-result dd{
	color: #aaaaaa;
}


/* 詳細検索 */

div.result-area table{
	border: none;
}

div.result-area table td{
	border: none !important;
}

div.search-text{
	margin: 0 0 10px 0;
}

div.search-text input{
	width: 150px;
}

div.search-options{
	margin: 0 0 20px 0;
}

div.search-options label{
	margin: 0 1em 0 0;
}

#searchButton{
	font-size: 16px;
    height: 40px;
    width: 100px;
}


div#resultCount{
	margin: 2em auto 1em;
}

#resultArea{
	margin: 0 auto;


}

#resultArea dl{
	margin: 0 0 2em 0;
	
}

#resultArea dl dt{
	font-size: large;
	color: #0166CC;
}

#resultArea dl dd{
	margin: 0.4em;
}

p.pdf-link{
	margin: 0 0 0.5em 0 !important;
	font-size: small;
	background: url(img/pdf_ico_01.gif) no-repeat left center;
	text-indent: 20px;
}

p.content-txt{
	font-size: small;
	margin: 0 0 0.5em 0 !important;
	color: #AAAAAA;
}

p.content-txt em{
	color: #FF6666;
}

p.keywords{
	font-size: small;
	padding: 0 0 0 1em
}

p.keywords span{
	color: #CC3333;
}

#resultPaging{
	margin: 0 auto;
}

#resultPaging p{
	float: left;
	margin: 0 1em 0 0 !important;
	border: 1px solid #cccccc;
	padding: 5px;
}

#resultPaging p a{
	display: block;
}

p.detail{
	cursor: pointer;
}


.ui-dialog-title{
	font-weight: normal;
}

.ui-dialog-content p{
	font-size: 13px;
    margin: 10px 0 0;
    text-align: center;
}

.ui-dialog-content img{
	margin: 22px 20px 10px;
    width: 220px;
}




}





@media screen and (max-width: 940px) {
/* 差分のみ */
	
/* Base Layout */
	
	#content{
		width: 780px;
	}
	
	#main{
		width:540px;
	}
	
	
/* Hover */
	
	a:hover img{
		opacity: .75; /* Standard: FF gt 1.5, Opera, Safari */  
		filter: alpha(opacity=75); /* IE lt 8 */  
		-ms-filter: "alpha(opacity=75)"; /* IE 8 */  
		-khtml-opacity: .75; /* Safari 1.x */  
		-moz-opacity: .75; /* FF lt 1.5, Netscape */ 
	}
	
	
/* Clearfix */
	
	.clearfix
	{
		zoom:1;
	}
	.clearfix:after{
		content: ""; 
		display: block; 
		clear: both;}
	
	
/* header */
	
	#header .header-inner{
		width: 780px;
	}
	
	h1{
		font-size: 28px;
		text-indent: -9999px;
		background: url(img/logo-mini.png) left 10px no-repeat;
	}
	
	#head-nav{
		font-size: 12px;
	}
	
	#head-nav ul li.english {
		font-size: 12px;
	}
	
	
/* Search box and RSS icon */
	
	#search{
		width: 300px;
	}
	
	#search form {
    	float: left;
    	width: 220px;
	}
	
	#search p{
		font-size: 10px;
	}
	
	#search input[type="text"]{
		width: 90px;
	}
	
	#search p.advanced {
		width: 40px;
	}
	
	
/* Global Navigation  */
/* First level */
	
	#nav-bar ul.nav{
		width: 780px;
	}
	
	#nav-bar ul.nav li{
		text-align: center;
		float: left;
		color: #FFF;
		font-weight: bold;
		position: relative;
	}
	
	
/* main visual */

	#home #mainvisual{
		height: 245px;
	}
	
	
	#home #mainvisual #slideshow{
		width: 780px;
	}
	
	#home #mainvisual #slideshow img{
		width: 780px;
	}
	
	#home #mainvisual #slideshow .slider img{
		width: auto;
	}
	
	#thumbs {
		height: 50px;
		left: 50%;
		margin: 0 0 0 -390px;
		padding: 4px 0;
		width: 780px;
	}
	
	#thumbs ul li {
		float: left;
		height: auto;
		padding: 0 5px;
		width: 135px;
	}
	
	#thumbs ul li img{
		height: auto;
		width: 135px;
	}
	
	.prev {
		background: url("img/prev.png") no-repeat scroll left -5px transparent;
		height: 50px;
		width: 27px;
	}
	
	.next {
		background: url("img/next.png") no-repeat scroll left -5px transparent;
		height: 50px;
		width: 27px;
	}
	
	div.controls {
		bottom: 65px;
		margin: 0 -380px 0 0;
	}
	.message {
		bottom: 92px;
		font-size: 10px;
		left: 384px;
		width: 340px;
	}
	
	
	
/* Slider 
	
	div.slider{
		width: 387px;
		left: 383px;
		bottom: 11px;
	}
	
	div.slider ul{
		margin: 0 auto;
		overflow: hidden;
		width: 310px;
		height: 62px;
		
	}
	
	div.slider ul li{
		
	}*/
	

/* centre */
	
	#center{
		width: 540px;
	}
	
	

	
	
/* buttons */
	
	#buttons{
		float: right;
		width: auto;
		
	}
	
	#buttons ul{
		margin: 0 -30px 0 0;
	}
	
	#buttons ul li{
		float: left;
		margin: 0 30px 10px 0;
	}
	
	#buttons ul li p{
		margin: 0;
	}
	



/* message 
	
	.message{
		font-size: 12px;
		width: 290px;
		left: 460px;
		bottom:	92px;
	} 
	
*/
	
	
/* news-space */
	
	.news-space{
		margin: 0;
	}
	
	dl.news dd {

		width: 445px;
	}
	
	
/* address */
	
	address{
		/*width: 720px;*/
	}
	

/* page image */
	.page #main img.aligncenter{
		width: 500px;
		height: auto;
	}


/* Go to top */

#gototop {
    font-size: 12px;
    width: 808px;
}


/* footer */
div.foot-inner{
	width: auto;
	/*margin: 0 auto;
	clear:both;
	padding:10px 20px 30px;
	color:#333;
	text-align: left;
	font-size: 12px;*/
}


/* english */

#english .top {
    width: 780px;
}


#english .top h2 {
    width: auto;
}

#english #mainvisual{
	width: 780px;
	margin: 0 auto;
}

#english #mainvisual img{
	width: 780px;
}

.english-message {
    width: auto;
}

#english #gototop {
    width: 780px;
}




}











@media print{
.print #header,
	.print #nav-bar,
	.print #mainvisual,
	.print #breadcrumbs,
	.print #leftside,
	.print #print-button,
	.print #footer,
	.print #print-button
	{
		display: none;
	}
	
	.print #content{
		width: 100%;
		
	}
	
	.print #main{
		float: none;
		width: 100%;
		font-size: 13px;
	}
	
	.print #main p {
		margin: 0 !important;
	}
}

blockquote{
	display:block;
	background: #fff;
	padding: 23px 20px 15px 25px;
	margin: 0 0 20px;
	position: relative;

	/*Font*/
	/*font-family: Georgia, serif;*/
	font-size: 14px;
	line-height: 1.2;
	color: #666;
	text-align: justify;

	/*Borders - (Optional)*/
	border-left: 15px solid #0000bb;
	border-right: 2px solid #0000bb;

	/*Box Shadow - (Optional)*/
	-moz-box-shadow: 2px 2px 15px #ccc;
	-webkit-box-shadow: 2px 2px 15px #ccc;
	box-shadow: 2px 2px 15px #ccc;
}

blockquote::before{
	content: "\201C"; /*Unicode for Left Double Quote*/

	/*Font*/
	font-family: Georgia, serif;
	font-size: 60px;
	font-weight: bold;
	color: #999;

	/*Positioning*/
	position: absolute;
	left: 10px;
	top:5px;
}

blockquote::after{
	/*Reset to make sure*/
	content: "";
}

blockquote a{
	text-decoration: none;
	background: #eee;
	cursor: pointer;
	padding: 0 3px;
	color: #c76c0c;
}

blockquote a:hover{
	color: #666;
}

blockquote em{
	font-style: italic;
}

blockquote p{
	margin: 0 !important;
}