@charset "Shift_JIS";



/* Table Of Contents

--------------------------------------------------

	

	last-updated: 2006.7;

	

	1: top

	2: body

	3: header

	4: navi

	 : popup_menu

	5: main, content

	6: footer

	7: sub page

	 : - message

	 : - rinen

	 : - history

	 : - nextgeneration

	 : - environment

	 : - safety

	 : - country

	 : - technology

	 : - sitemap

	 : - links

	 : - report

	 : - event

	 : - wagon

	 : - mono

	

--------------------------------------------------*/





/* top

--------------------------------------------------*/

#wrapper {

	width: 680px;

	margin-left: 20px;

	margin: 0 0 10px 20px;

}



/* left_box */

#wrapper #sidebar {

	width: 180px; 

	margin: 0; 

	padding: 0;

	float: left; 

}



#wrapper #sidebar img {

	margin: 0; 

	padding: 0;

	vertical-align: bottom;

}



#wrapper #sidebar #tree_box {

	margin-bottom: 1px;

}



/* center_box */

#wrapper #category {

	width: 300px; 

	margin: 0; 

	padding: 0; 

	text-align: center;

	float: left; 

}



#wrapper #category img {

	vertical-align: bottom;

	margin-bottom: 7px;

}



/* right_box */

#wrapper #news {

	width: 200px; 

	margin: 0; 

	padding: 0; 

	text-align: center; 

	background-color: #e5e9e5;

	float: right; 

}



#wrapper #news ul {

	margin: 0 0 0 0;

	text-align: left;

}



html>body #wrapper #news ul { /* Except for WinIE */

	padding: 0;

}



#wrapper #news li {

	margin: 5px 0px;

	border-bottom: 1px solid #c1cac0;

	list-style-type: none;

}



#wrapper #news ul a {

	background-image: url(img/top/list_2.gif);

	background-repeat: no-repeat;

	margin: 0 0 0 10px;

	padding: 0 0 5px 15px;

	width: 180px;

	display: block;

}



html>body #wrapper #news ul a { /* Except for WinIE */

	width: 170px;

}



#wrapper #news img {

	margin: 5px 0 0 0;

}



#wrapper #news #news_title {

	margin: 0;

}



#swf {

	margin: 10px 0;

}



#celar_img {

	clear: both;

}



#footer {

	clear: both;

}





/* body

--------------------------------------------------*/

body {

	background-color: #fff;

	margin: 0px;

}



body, td, th { font-size: 80%; }

body, td, th { /*/*//*/ font-size: 110%; /* */ }



img {

	border: 0px none #fff;

}



p {

	margin: 0px;

	color: #333;

	line-height: 160%;

}





/* header

--------------------------------------------------*/

#header_box {

	width: 700px;

	margin: 2px 0 0 0;

	border: 0px none #fff;

}



#mark_head {

	float: left;

}



#title_head {

	float: left;

	margin: 5px 0px;

}



#menu_head {

	float: right;

	margin: 5px 0px;

}



#head {

	margin: 0px;

}





/* navi

--------------------------------------------------*/

#common_navi_box {

	clear: both;

	margin: 0;

	padding: 0;

	width: 700px;

	border: 0px none #fff;

	background-image: url(img/navi.jpg);

	background-repeat: no-repeat;

}



#common_navi li {

	top: 0;

	margin: 0;

	padding: 0;

	list-style: none;

	position: absolute;

}



#common_navi li, #common_navi a {

	height: 43px;

	display: block;

}



#common_navi a {

	text-indent: -5000px;

	text-decoration: none;

}



#common_navi {

	margin: 0;

	padding: 0;

	background: url(img/navi.jpg) no-repeat;

	width: 700px;

	height: 43px;

	position: relative;

}



#navi_1 {

	left: 0px;

	width: 141px;

}



#navi_2 {

	left: 142px;

	width: 138px;

}



#navi_3 {

	left: 281px;

	width: 138px;

}



#navi_4 {

	left: 420px;

	width: 138px;

}



#navi_5 {

	left: 559px;

	width: 141px;

}



#navi_1 a:hover, #navi_1 a:visited:hover { 

	background: transparent url(img/navi.jpg) 0px -42px no-repeat;

}



#navi_2 a:hover, #navi_2 a:visited:hover { 

	background: transparent url(img/navi.jpg) -142px -42px no-repeat;

}

#navi_3 a:hover, #navi_3 a:visited:hover { 

	background: transparent url(img/navi.jpg) -281px -42px no-repeat;

}



#navi_4 a:hover, #navi_4 a:visited:hover { 

	background: transparent url(img/navi.jpg) -420px -42px no-repeat;

}



#navi_5 a:hover, #navi_5 a:visited:hover { 

	background: transparent url(img/navi.jpg) -559px -42px no-repeat;

}



/* popup_menu */

#popup_menu {

	z-index: 99;

}



#popup_menu img {

	vertical-align: bottom;

}



#popup_menu .s_title {

	font-size: 95%;

}



#menu_1 {

	position: absolute;

	top: -47px; left: 0px;

	width: 142px;

	border: 0px solid #333;

	font-size: 12px;

	visibility: hidden;

	background-color: #fff;

	color: #333;

	text-align: left;

}



#menu_2 { 

	position: absolute;

	top: -47px;

	left: 142px;

	width: 139px;

	border: 0px solid #333;

	font-size: 12px;

	visibility: hidden;

	background-color: #fff;

	color: #333;

	text-align: left;

}



#menu_3 {

	position: absolute;

	top: -47px;

	left: 281px;

	width: 139px;

	border: 0px solid #333;

	font-size: 12px;

	visibility: hidden;

	background-color: #fff;

	color: #333;

	text-align: left;

}



#menu_4 {

	position: absolute;

	top: -47px;

	left: 420px;

	width: 139px;

	border: 0px solid #333;

	font-size: 12px;

	visibility: hidden;

	background-color: #fff;

	color: #333;

	text-align: left;

}



#menu_5 {

	position: absolute;

	top: -47px;

	left: 559px;

	width: 141px;

	border: 0px solid #333;

	font-size: 12px;

	visibility: hidden;

	background-color: #fff;

	color: #333;

	text-align: left;

}



#menu_1 a {

	margin: 0px;

	padding: 5px;

	display: block;

	text-decoration: none;

	background-color: #fff;

	color: #ffb300;

	border-bottom: 1px solid #ffb300;

}



#menu_2 a {

	margin: 0px;

	padding: 5px;

	display: block;

	text-decoration: none;

	background-color: #fff;

	color: #0c419a;

	border-bottom: 1px solid #0c419a;

}



#menu_3 a {

	margin: 0px;

	padding: 5px;

	display: block;

	text-decoration: none;

	background-color: #fff;

	color: #6dc420;

	border-bottom: 1px solid #6dc420;

}



#menu_4 a {

	margin: 0px;

	padding: 5px;

	display: block;

	text-decoration: none;

	background-color: #fff;

	color: #d5b500;

	border-bottom: 1px solid #d5b500;

}



#menu_5 a {

	margin: 0px;

	padding: 5px;

	display: block;

	text-decoration: none;

	background-color: #fff;

	color: #ff6600;

	border-bottom: 1px solid #ff6600;

}



#menu_1 a:hover {

	text-decoration: none;

	background-color: #ffb300;

	color: #fff;

}



#menu_2 a:hover {

	text-decoration: none;

	background-color: #0c419a;

	color: #fff;

}



#menu_3 a:hover {

	text-decoration: none;

	background-color: #6dc420;

	color: #fff;

}



#menu_4 a:hover {

	text-decoration: none;

	background-color: #d5b500;

	color: #fff;

}



#menu_5 a:hover {

	text-decoration: none;

	background-color: #ff6600;

	color: #fff;

}



#menu_1_link {

	border: 1px solid #ffb300;

	border-top: 3px solid #ffb300;

	margin: 0px;

	padding: 2px;

	padding-left: 3px;

}



#menu_2_link {

	border: 1px solid #0c419a;

	border-top: 3px solid #0c419a;

	margin: 0px;

	padding: 2px;

}



#menu_3_link {

	border: 1px solid #6dc420;

	border-top: 3px solid #6dc420;

	margin: 0px;

	padding: 2px;

}



#menu_4_link {

	border: 1px solid #d5b500;

	border-top: 3px solid #d5b500;

	margin: 0px;

	padding: 2px;

}



#menu_5_link {

	border: 1px solid #ff6600;

	border-top: 3px solid #ff6600;

	margin: 0px;

	padding: 2px;

}



#global_navi {

	margin: 0px;

	width: 700px;

	margin-bottom: 13px;

}



#global_navi_first_left {

	width: 516px;

	vertical-align: bottom;

}



#global_navi_first_center {

	width: 120px;

	height: 69px;

	vertical-align: bottom;

}



#global_navi_first_right {

	height: 69px;

	vertical-align: bottom;

}



#global_navi_second {

	margin: 0px;

	width: 516px;

}



/* main, content

--------------------------------------------------*/

#maincontent {

	margin-left: 20px;

	padding: 10px 0 10px 0;

}



#maincontent {

	/*/*//*/ padding-bottom: 0px; /* */

}



.subcontent {

	margin: 10px 0px 20px 0px;

	padding: 0px; 

}

.subcontent {

	/*/*//*/ margin: 10px 0px; /* */ 

}



.subcontent td {

	vertical-align: top; 

}



.subcontent p {

	margin: 10px 10px; 

}



.item {

	margin: 10px;

	line-height: 130%;

}



.item tr, td {

	color: #333;

	line-height: 120%;

}



.area {

	font-weight: bold;

}



.square {

	background-color: #eee;

	border: 1px solid #093;

	text-align: center;

	padding: 10px 0px;

	-moz-border-radius: 8px;

}



.square   { 

	/*/*//*/ margin: 0px 10px; /* */ 

}



.square p { 

	text-align: left; 

}



.note {

	font-size: 85%;

}



.caption {

	font-size: 85%;

	text-align: center;

}





/* footer

--------------------------------------------------*/





/* sub page

--------------------------------------------------*/



/* - message

--------------------------------------------------*/

#message h2 {

	font-size: 130%;

	color: #333;

	margin: 20px 0px;



}



#message #maincontent {

	margin: 0 10px;

}



#message #box {

	width: 608px;

	padding: 5px 35px 20px 35px;

	border-left: 1px solid #900;

	border-right: 1px solid #900;

}



*html #message #box { /* for WinIE, MacIE */

	width: 680px;

}



#message #box p {

	margin: 5px 0px;

}



#message #box #signature {

	width: 600px; 

	text-align: right;

}





/* - rinen

--------------------------------------------------*/

#rinen #maincontent {

	margin: 0 10px;

}



#rinen #maincontent p {

	margin: 10px 10px;

	text-align: left;

}



#rinen #maincontent .list {

	color: #95a0ae;

}





/* - history

--------------------------------------------------*/

#history #maincontent th {

	border-right: 1px solid #fff;

	background-color: #95a0ae;

}



#history #maincontent p {

	margin: 2px 0 2px 5px;

	padding-left: 3.5em;

	text-indent: -3.5em;

}



#history #maincontent .p_note {

	margin: 2px 0 2px 5px;

	padding-left: 0;

	text-indent: 0;

	width: 270px;

}



#history #maincontent span {

	color: #ffb400;

}



#history #maincontent .th_1 {

	padding: 5px 0;

	background-color: #95a0ae;

}



#history #maincontent .th_2_1 {

	padding: 5px 0;

	background-color: #dadada;

	border-right: 1px solid #fff;

	border-top: 1px solid #fff;

}



#history #maincontent .th_2_2 {

	padding: 5px 0;

	background-color: #eae7d9;

	border-right: 1px solid #fff;

	border-top: 1px solid #fff;

}



#history #maincontent .th_2_1 p { 

	width: 265px;

}



#history #maincontent .th_2_2 p { 

	width: 265px;

}



:root #history #maincontent .th_2_1 p { 

	width: 220px;

}



:root #history #maincontent .th_2_2 p { 

	width: 220px;

}





/* - nextgeneration

--------------------------------------------------*/

#nextgeneration #title {

	margin-top: 2px;

}



#nextgeneration #maincontent {

	margin: 0 10px;

}





/* - environment

--------------------------------------------------*/

#environment #title {

	margin-top: 2px;

}



#environment #maincontent {

	margin: 0 10px;

}





/* - safety

--------------------------------------------------*/

#safety #title {

	margin-top: 2px;

}



#safety #maincontent {

	margin: 0 10px;

}





/* - country

--------------------------------------------------*/

#country #title {

	margin-top: 2px;

}



#country #maincontent {

	margin: 0 10px;

}





/* - technology

--------------------------------------------------*/

#technology #title {

	margin-top: 2px;

}



#technology #maincontent {

	margin: 0 10px;

}



#technology .explanation {

	border-left: 1px solid #bcbcbc; 

	border-right: 1px solid #bcbcbc;

	text-align: center;

}



#technology .explanation  p {

	padding: 5px 15px;

	text-align: left;

	line-height: 130%;

}





/* - sitemap

--------------------------------------------------*/

#sitmap #maincontent {

	margin: 0 10px;

}



#sitmap #title {

	margin-top: 2px;

}



#sitmap .list_box {

	padding: 5px 0px;

}



#sitmap #maincontent ul {

	margin: 0;

	padding: 0 1px;

}



#sitmap #maincontent li {

	list-style: none;

	background: url(img/mark_list.gif) 0px 2px no-repeat;

	margin: 5px 0;

	padding: 0;

	text-indent: 20px;

}



#sitmap #maincontent a {

	color: #666;

	text-decoration: none;

}





/* - links

--------------------------------------------------*/

#links h2 {

	font-size: 100%;

	color: #fff;

	background-color: #999;

	width: 680px;

	margin: 20px 0 5px 0;

	padding: 2px 5px;

}



#links #title {

	margin-top: 2px;

}



#links #maincontent {

	margin: 0 10px;

}



#links #maincontent ul {

	margin: 0;

	padding: 0 1px;

}



#links #maincontent li {

	list-style: none;

	background: url(img/mark_list.gif) 0px 2px no-repeat;

	margin: 5px 0;

	padding: 0;

	text-indent: 20px;

}



#links #maincontent a {

	color: #666;

	text-decoration: none;

}





/* - report

--------------------------------------------------*/

#report #maincontent {

	margin: 0 10px;

}



#report #title {

	margin-top: 2px;

}



/* - report_bn

--------------------------------------------------*/

#report_bn #maincontent {

	margin: 10px 40px;

}



#report_bn #title {

	margin-top: 2px;

}







/* - event

--------------------------------------------------*/

#event #maincontent {

	margin: 0 10px;

}



#event #title {

	margin-top: 2px;

}



#event .list_box {

	padding: 5px 0px;

}



#event #maincontent ul {

	margin: 0;

	padding: 0 1px;

}



#event #maincontent li {

	list-style: none;

	background: url(img/mark_list_under.gif) 0px 2px no-repeat;

	margin: 5px 0;

	padding: 0;

	text-indent: 20px;

}



#event #maincontent .list_box a {

	color: #666;

	text-decoration: underline;

}



#event #maincontent th {

	text-align: left;

	vertical-align: top;

	background-color: #ff9c04;

}



#event #maincontent .waku_photo {

	padding: 5px 1px;

	width: 160px;

	background-color: #fff;

	border: 1px solid #aaa;

	text-align: center;

}



*html #event #maincontent .waku_photo { /* for WinIE, MacIE */

	padding: 5px;

}





/* ----- news ----- */

#event #maincontent .news_title {

	margin: 0;

	padding: 0 0 5px 3px;

	background-color: #ff9c04;

	color: #fff;

	font-size: 16px;

	text-align: left;

	font-family: 'Osaka', '‚l‚r‚o ƒSƒVƒbƒN';

}



#event #maincontent .news_area {

	margin: 0 0 0 8px;

	padding: 3px 5px;

	background-color: #000;

	color: #fff;

	font-size: 12px;

	font-weight: normal;

	text-align: center;

	font-family: 'Osaka', '‚l‚r‚o ƒSƒVƒbƒN';

}



#event #maincontent .explanation {

	border-left: 1px solid #ff9c04; 

	border-right: 1px solid #ff9c04;

	background-color: #fff4e4;

	text-align: center;

}



#event #maincontent .explanation p {

	padding: 5px 20px;

	text-align: left;

	line-height: 130%;

}



#event #maincontent .photo {

	width: 170px;

	text-align: left;

	float: left;

}



#event #maincontent .wrap_detail {

	margin: 10px 20px;

}



#event #maincontent .detail th td {

	vertical-align: top;

	background-color: #fff4e4;

}



#event #maincontent .detail th {

	background-color: #fff4e4;

	font-weight: normal;

	color: #900;

}



/* ----- act ----- */

#event #maincontent #act_title {

	margin: 0;

	padding: 0 0 5px 10px;

	background-color: #ad743c;

	color: #fff;

	font-size: 16px;

	text-align: left;

	font-family: 'Osaka', '‚l‚r‚o ƒSƒVƒbƒN';

}



#event #maincontent #act {

	border-left: 1px solid #ad743c; 

	border-right: 1px solid #ad743c;

	background-color: #fff4e4;

	text-align: center;

}



#event #maincontent #act table {

	margin: 10px 20px;

	background-color: #fff4e4;

}



#event #maincontent #act tr {

	vertical-align: top;

}



#event #maincontent #act th {

	color: #ad743c;

	background-color: #fff4e4;

}



#event #maincontent #act td {

	padding: 0 0 20px 5px;

}



/* - wagon

--------------------------------------------------*/

#wagon_menu {

	margin: 7px 0px;

}



/* - mono

--------------------------------------------------*/

#hands_menu {

	margin: 7px 0px;

}


/* - claft

--------------------------------------------------*/
.img_flr {
float:right;
margin-left:12px;
}

p.crft {
margin:0px;
padding:0px;
line-height:150%;
text-align:center;
}