/* browser-css reset */
*{
	margin:0;
	padding:0;
}



/* basic-design structure */
body{
	background-image:url(biruusu.jpg);
	background-position:-60px -120px;
	background-attachment:fixed;
	background-repeat:no-repeat;
	background-color:#ffffff;
	color:#333333;
	margin-bottom:15px;
}

div#container{
	width:650px;
	height:auto;
	margin:0 auto;
	text-align:left;
	border:0px double #002862;
	padding-bottom:5px;
	position: relative;
}

html[xmlns] #container{
	margin-top: 15px;
}

*:first-child+html #container{
	margin-top: 0px;
}

div#dot{
	width: 640px;
	margin-bottom: 5px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #002862;
	margin-left: 5px;
	height: 1px;
	float: left;
	text-indent: -9999px;
}

h2 {
	display:inline;
	width:588px;
	height:20px;
	float:left;
	font-size:8px;
	text-indent:-9999px;
}

.top{
	float:right;
	background-image:url(gaiyou.jpg);
	background-position:-588px 0;
	width:50px;
	height:20px;
	font-size:8px;
	text-indent:-9999px;
}

.top a{
	text-decoration:none;
	display:block;
	width:50px;
	height:20px;
	float:right;
	font-size:8px;
	text-indent:-9999px;
}

.kuhaku{
	margin: 5px;
	height: 300px;
	width: 640px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #002862;
	border-top-width: 1px;
	border-top-style: dotted;
	border-top-color: #002862;
	float: left;
	text-indent: -9999px;
}

html[xmlns]#kuhaku{
	margin: 5px;
}

/* header-design structure */

h1{
	width:640px;
	height:16px;
	background-color:#002862;
	font-size:12px;
	color:#ffffff;
	font-weight:normal;
	text-align:center;
	padding-top:4px;
	background-image: url(head.jpg);
	text-indent: -9999px;
	margin: 0px 5px;
	float: left;
}

div#header{
	width:640px;
	height:348px;
	margin:5px;
	position: relative;
	float: left;
}



/* menu-design structure */

#menu{
	position:relative;
	display:block;
	margin:0 0 0 5px;
	width:640px;
	height:50px;
	background-color:;
	float: left;
}

#menu em{
	float:left;
	list-style:none;
	text-indent:-9999px;
}

#menu a{
	text-decoration:none;
	display:block;
	width:128px;
	height:50px;
	background-image:url(menu.jpg);
	background-position:left top;
}

#menu02 a{
	background-position:-128px 0;
}
#menu03 a{
	background-position:-256px 0;
}
#menu04 a{
	background-position:-384px 0;
}
#menu05 a{
	background-position:-512px 0;
}
#menu01 a:hover{
	background-position:0 -51px;
}
#menu02 a:hover{
	background-position:-128px -51px;
}
#menu03 a:hover{
	background-position:-256px -51px;
}
#menu04 a:hover{
	background-position:-384px -51px;
}
#menu05 a:hover{
	background-position:-512px -51px;
}




/* gaiyou-design structure */

div#gaiyoubox{
	width:640px;
	margin:5px 5px 0;
	background-image: url(sinrairyokukabu.gif);
	background-repeat: repeat-y;
	background-color: #FFCC33;
	float: left;
	height: 380px;
	position: relative;
}


div#yuhi{
	float:left;
	background-image:url(yuhi.jpg);
	width:360px;
	height:380px;
	background-repeat: no-repeat;
	background-color: #FFFFFF;
	display: block;
	text-indent: -9999px;
}

div#gaiyousetu{
	float:left;
	width:280px;
	background-color: #669999;
	background-image: url(insaturyoku3.gif);
	background-repeat: repeat-y;
	height: 380px;
}


div#tabmenu{
	float:left;
	display:block;
	margin:0;
	width:279px;
	height:30px;
}




#tabmenu em{
	float:left;
	list-style:none;
	text-indent:-9999px;
}

#tabmenu a{
	text-decoration:none;
	display:block;
	width:93px;
	height:30px;
	background-image:url(kaisyamenu.gif);
	background-position:left top;
}

#tabmenu02 a{
	background-position:-93px 0;
}
#tabmenu03 a{
	background-position:-186px 0;
}

#tabmenu01 a:hover{
	background-position:0 -30px;
}
#tabmenu02 a:hover{
	background-position:-93px -30px;
}
#tabmenu03 a:hover{
	background-position:-186px -30px;
}



#kaisya{
	width:280px;
	float: left;
	height: 124px;
}

#kaisya h2 {
	background-image:url(insaturyoku.gif);
	width:280px;
	height:54px;
	text-indent:-9999px;
	float: left;
}

#kaisya h3 {
	background-image:url(insaturyoku_r2_c1.gif);
	width:280px;
	height:70px;
	text-indent:-9999px;
	float: left;
}

#kaisyasetu {
	background-image: url(insaturyoku3.gif);
	background-repeat: no-repeat;
	float: left;
	height: 226px;
	width: 280px;
}

#kaisyasetu p.ue{
	font-size: 11px;
	line-height: 140%;
	text-indent: -11px;
	text-align: justify;
	text-justify:inter-ideograph;
	margin-right:11px;
	margin-left:41px;
	margin-top:0px;
	font-family: "‚l‚r ‚oƒSƒVƒbƒN", Osaka, "ƒqƒ‰ƒMƒmŠpƒS Pro W3";
}

#kaisyasetu p{
	font-size: 11px;
	line-height:140%;
	text-indent:-11px;
	margin-top: 10px;
	text-align: justify;
	text-justify:inter-ideograph;
	margin-right: 11px;
	margin-left: 41px;
	font-family: "‚l‚r ‚oƒSƒVƒbƒN", Osaka, "ƒqƒ‰ƒMƒmŠpƒS Pro W3";
}

 


/* hpseisaku-design structure */

div#seisaku{
	position:relative;
	width:640px;
	height:20px;
	background-color:#002862;
	margin:5px 5px 0;
	float: left;
}

#seisaku h2 {
	background-image:url(hpseisaku.jpg);
}

div#hpsyasin{
	width: 640px;
	margin: 5px;
	height: 271px;
	background-image: url(homepage.jpg);
	float: left;
}

div#hpsyasin h3{

	text-indent: -9999px;
}



div#hpsetumei{
	filter:Alpha(opacity=80);
	position:relative;
	width:640px;
	height:auto;
	margin:0 5px;
	float: left;
	padding-top: 5px;
	padding-bottom: 5px;
}

div#hpsetumei h4{
	font-size: 16px;
	background-image: url(hptoiawase.gif);
	background-repeat: no-repeat;
	text-indent: -9999px;
	height: 50px;
	width: 640px;

}

div#hpsetumei p{
	font-size:12px;
	text-indent:-12px;
	line-height:120%;
	padding:5px 24px 5px 36px;
	text-align: justify;
	text-justify:inter-ideograph;
	color:#333333;
	background-color: #FFFFFF;
}

div#hpnaiyou{
	filter:Alpha(opacity=80);
	position:relative;
	width:640px;
	height:auto;
	margin:0 5px;
	padding:10px 0;
	background-color: #FFFFFF;
	float: left;
}

div#hpnaiyou p{
	font-size:10px;
	line-height:120%;
	padding:10px 10px;
	text-align: justify;
	text-justify:inter-ideograph;
	color:#333333;
}


	

div#jisseki{
	float:left;
	width:640px;
	padding-right: 0px;
	padding-left: 0px;
}
#jisseki h5{
	width:400px;
	height:20px;
	background-image:url(jisseki/title/jisseki.gif);
	text-indent:-9999px;
}
div#jhyou{
	width:622px;
	height:162px;
	overflow:auto;
	border:1pt solid #666666;
	margin-top:5px;
	margin-left:0px;
	position: relative;
}
div#jhyou a{
	display:block;
	width:116px;
	height:12px;
	color:#000000;
	text-decoration:none;
}
div#jhyou a:hover,div#kako a:hover{
	position:relative;
	top:1pt;
	left:1pt;
	display:block;
	width:116px;
	height:12px;
	color:#000000;
	text-decoration:none;
}
div#jhyou a.gazou,div#khyou a.gazou{
	display:block;
	width:120px;
	height:90px;
}
div#jhyou img,div#khyou img,div#hpnaiyou img{
	border:0pt;
}


#jhyou dl,#khyou dl{
	width:121px;
	height:156px;
	float:left;
	text-align:left;
	font-size:10px;
	position: relative;
}

html[xmlns] #jhyou dl.kadan{
	margin-top: 8px;
}

#khyou dl{
	height:106px;
}

#jhyou dt,#khyou dt{
	display:block;
	width:116px;
	height:12px;
	background-color:#fff4ff;
	border-bottom:1pt solid #aaa;
	border-right:1pt solid #aaa;
	float: left;
	padding-top: 1px;
	padding-right: 2px;
	padding-bottom: 1px;
	padding-left: 2px;
	position: relative;
}

#jhyou dd,#khyou dd{
	display:block;
	width:120px;
	height:90px;
	padding:0px;
	border-bottom:1pt solid #aaa;
	border-right:1pt solid #aaa;
	position: relative;
	float: left;
} 
#jhyou dd.jisetu{
	width:116px;
	height:51px;
	background-color:#ffffe8;
	border-bottom:2pt double #aaa;
	font-size:9px;
	line-height:110%;
	padding:2px;
	position: relative;
}
#jhyou dd.jisetub{
	display:block;
	width:120px;
	height:45px;
	background-color:#ffffe8;
	border-right:1pt solid #aaa;
	font-size:9px;
	line-height:110%;
	padding:2px 2px 6px 2px;
}

div#kako{
	margin-top:20px;
}

div#kako h5{
	width:300px;
	height:20px;
	background-image:url(jisseki/title/honsya.gif);
	text-indent:-9999px;
	float: left;
}	

div#kako h6{
	width:200px;
	height:20px;
	background-image:url(mobile.gif);
	text-indent:-9999px;
	float: left;
}	

div#khyou{
	width:242px;
	height:106px;
	border:1pt solid #666666;
	margin-top:5px;
	margin-left:0px;
	float: left;
}

div#mobile{
	width:74px;
	height:74px;
	border:1pt solid #666666;
	margin-top:5px;
	margin-left:70px;
	float: left;
}	



div#mobile p{
	background-image: url(bacode.gif);
	text-indent: -9999px;
	height: 74px;
	width: 74px;
	background-repeat: no-repeat;
}

*html #mobile p{
	margin-top: 15px;
	margin-left: 15px;
}
	
div#mobile a{
	height: 74px;
	width: 74px;
	display: block;
	margin-top: -10px;
	margin-left: -10px;
}	
	
.kname{
	display:block;
	width:120px;
	height:12px;
	padding:1px 2px 1px 2px;
	background-color:#ecffff;
	border-bottom:1pt solid #aaa;
	border-right:1pt solid #aaa;
}
.knamer{
	display:block;
	width:120px;
	height:12px;
	padding:1px 2px 1px 2px;
	background-color:#ecffff;
	border-bottom:1pt solid #aaa;
}
.kpre{
	display:block;
	width:120px;
	height:90px;
	background-position:center center;
	padding:2px;
	border-right:1pt solid #aaa;
} 
.kprer{
	display:block;
	width:120px;
	height:90px;
	background-position:center center;
	padding:2px;
} 


/* event-design structure */

div#event{
	position:relative;
	width:640px;
	height:20px;
	background-color:#002862;
	margin:5px 5px 0;
	float: left;
}
#event h2 {
	background-image:url(event.jpg);

}

#eventhead{
	filter:Alpha(opacity=80);
	background-image: url(eventhead.jpg);
	margin: 5px 5px 0px;
	height: 171px;
	width: 640px;
	float: left;
	position: relative;
	text-indent: -9999px;
}

div#eventbox{
	filter:Alpha(opacity=80);
	position:relative;
	width:640px;
	height:250px;
	float: left;
	margin-top: 5px;
	margin-right: 5px;
	margin-bottom: 10;
	margin-left: 5px;
	padding-top: 0px;
	padding-right: 0;
	padding-bottom: 0px;
	padding-left: 0;
}

div#eventbox a{
	font-size:10px;
}

div#eventleft{
	float:left;
	width:365px;
	position: relative;
	height: 220px;
}

#eventltitle{
	float: left;
	height: 21px;
	width: 365px;
	position: relative;
}

#eventleft h3.l1{
	float:left;
	width:280px;
	height:21px;
	background-image:url(olive/event/pickup.gif);
	background-repeat:no-repeat;
	text-indent:-9999px;
	position: relative;
	margin-left: 4px;
}

#eventleft h3.l3{
	float:left;
	width:280px;
	height:21px;
	background-image:url(olive/event/pickup.gif);
	background-repeat:no-repeat;
	text-indent:-9999px;
	position: relative;
	margin-left: 4px;
}


#eventleft .syousai{
	float:right;
	display:block;
	width:69px;
	height:21px;
	background-image:url(olive/event/syousai.gif);
	background-repeat:no-repeat;
	background-position:top right;
	text-indent:-9999px;
	margin-right:6px;
	margin-top:7px;
	margin-bottom:3px;
	position: relative;
}
#eventleft a{
	display:block;
	width:69px;
	height:20px;
}


#eventhyou{
	width:345px;
	height:auto;
	border:1px solid #666666;
	margin-left:10px;
	margin-top: 33px;
}

*html #eventhyou.uemg{
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 10px;
}


#eventleft .siro{
	display:block;
	width:340px;
	height:22px;
	background-image:url(sankaku.gif);
	background-repeat:no-repeat;
	background-position:1% 50%;
	border-bottom:1px solid #cccccc;
	padding:9px 0 0 5px;
	text-indent:10px;
	font-size:10px;
	position: relative;
	background-color: #FFFFCC;
}
#eventleft .iro{
	display:block;
	width:340px;
	height:22px;
	background-color:#e6f5e1;
	background-image:url(sankaku.gif);
	background-repeat:no-repeat;
	background-position:1% 50%;
	border-bottom:1px solid #cccccc;
	padding:9px 0 0 5px;
	text-indent:10px;
	font-size:10px;
	position: relative;
}

#eventleft .siro a,#eventleft .iro a{
	cursor:crosshair;
	display:block;
	width:340px;
	height:22px;
	color:#000000;
	text-decoration:none;
}

#eventleft .siro a:hover,#eventleft .iro a:hover{
	position:relative;
	top:1pt;
	left:1pt;
	color:#666666;
}

#eventleft h3.l2{
	clear:both;
	width:231px;
	height:22px;
	background-image:url(olive/event/access.gif);
	background-repeat:no-repeat;
	text-indent:-9999px;
	margin-top:10px;
}

#eventleft h3.l2 a{
	width:231px;
	height:22px;
	text-indent:-9999px;
}



div#eventright{
	float:right;
	width:269px;
	position: relative;
	height: 218px;
}
#eventright h3{
	width:269px;
	height:21px;
	background-image:url(olive/event/bosyuu.gif);
	background-repeat:no-repeat;
	text-indent:-9999px;
	position: relative;
}
#eventright img{
	width:269px;
	height:177px;
	margin-top:10px;
	position: relative;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
}

#dynloadarea{
	float: left;
	height: 640px;
	width: 630px;
	position: relative;
	display: block;
	margin-top: 10px;
	margin-left: 2px;
}




/* olive-design structure */

div#olive{
	position:relative;
	width:640px;
	height:20px;
	background-color:#002862;
	margin:5px 5px 0;
	float: left;
}
#olive h2 {
	background-image:url(kigyou.jpg);
}

#olivehead{
	filter:Alpha(opacity=80);
	background-image: url(olivehead.jpg);
	margin: 5px 5px 0px;
	height: 171px;
	width: 640px;
	float: left;
	position: relative;
	text-indent: -9999px;
}

div#olivebox{
	filter:Alpha(opacity=80);
	position:relative;
	width:640px;
	height:auto;
	margin:0 5px;
	padding:10px 0;
	float: left;
}

#olivebox h3{
	float:left;
	width:220px;
	height:21px;
	background-image:url(olive/event/pickup.gif);
	background-repeat:no-repeat;
	text-indent:-9999px;
	position: relative;
	margin-left: 3px;
}

#olivebox h3.ol{
	float:left;
	width:220px;
	height:21px;
	background-image:url(olive/event/pickup.gif);
	background-repeat:no-repeat;
	text-indent:-9999px;
	margin-bottom:10px;
	position: relative;
}

#olivebox .syousai{
	float:right;
	display:block;
	width:69px;
	height:20px;
	background-image:url(olive/event/syousai.gif);
	background-repeat:no-repeat;
	background-position:top right;
	text-indent:-9999px;
	margin-right:1px;
	margin-top:0px;
	margin-bottom:0px;
	position: relative;
}
#olivebox .syousai a{
	display:block;
	width:69px;
	height:20px;
}


#olivehyou{
	width:630px;
	height:auto;
	border:1px solid #666666;
	margin-left:2px;
	float: left;
	position: relative;
	margin-top: 10px;
}
#olivehyou .siroh{
	display:block;
	float:left;
	width:313px;
	height:20px;
	background-image:url(sankaku.gif);
	background-repeat:no-repeat;
	background-position:1% 50%;
	border-bottom:1px solid #cccccc;
	border-right:1px solid #cccccc;
	padding:8px 0 0 5px;
	text-indent:10px;
	font-size:10px;
	position: relative;
}
#olivehyou .iroh{
	display:block;
	float:left;
	width:313px;
	height:20px;
	background-color:#e6f5e1;
	background-image:url(sankaku.gif);
	background-repeat:no-repeat;
	background-position:1% 50%;
	border-bottom:1px solid #cccccc;
	border-right:1px solid #cccccc;
	padding:8px 0 0 5px;
	text-indent:10px;
	font-size:10px;
	position: relative;
}
#olivehyou .sirom{
	display:block;
	float:right;
	width:305px;
	height:20px;
	background-image:url(sankaku.gif);
	background-repeat:no-repeat;
	background-position:1% 50%;
	border-bottom:1px solid #cccccc;
	padding:8px 0 0 5px;
	text-indent:10px;
	font-size:10px;
	position: relative;
}
#olivehyou .irom{
	display:block;
	float:right;
	width:305px;
	height:20px;
	background-color:#e6f5e1;
	background-image:url(sankaku.gif);
	background-repeat:no-repeat;
	background-position:1% 50%;
	border-bottom:1px solid #cccccc;
	padding:8px 0 0 5px;
	text-indent:10px;
	font-size:10px;
	position: relative;
}

#olivehyou a{
	cursor:crosshair;
	display:block;
	width:305px;
	height:20px;
	color:#000000;
	text-decoration:none;
}

#olivehyou a:hover{
	position:relative;
	top:1pt;
	left:1pt;
	color:#666666;
}

#olivehyou .sironasi{
	display:block;
	float:right;
	width:305px;
	height:20px;
	background-repeat:no-repeat;
	background-position:1% 50%;
	border-bottom:1px solid #cccccc;
	padding:8px 0 0 5px;
	text-indent:-9999px;
	font-size:10px;
	position: relative;
}
#olivehyou.ironasi{
	display:block;
	float:right;
	width:305px;
	height:20px;
	background-color:#e6f5e1;
	background-repeat:no-repeat;
	background-position:1% 50%;
	border-bottom:1px solid #cccccc;
	padding:8px 0 0 5px;
	text-indent:-9999px;
	font-size:10px;
	position: relative;
}
.bottom{
	clear:both;
	width:640px;
	height:0px;
	font-size:0pt;
	text-indent: -9999px;
}



/* link-design structure */

div#link{
	position:relative;
	width:640px;
	height:20px;
	background-color:#002862;
	margin:5px 5px 0;
	float: left;
}
#link h2 {
	background-image:url(link.jpg);
}

div#linkbox{
	filter:Alpha(opacity=80);
	position:relative;
	width:635px;
	height:auto;
	margin:5px;
	padding:10px 0 10px 5px;
	float: left;
}

div#linkbox a{
	cursor:crosshair;
	font-size:10px;
}

/* footer-design structure */

div#footer{
	width:640px;
	height:20px;
	background-image:url(copyright.jpg);
	text-indent:-9999px;
	position: relative;
	float: left;
	margin-top: 5px;
	margin-right: 5px;
	margin-bottom: 0;
	margin-left: 5px;
}


/* pankuzu-design structure */

#pankuzu{
	font-size: 10px;
	color: #000;
	height: 20px;
	width: 640px;
	margin-left: 5px;
	float: left;
	margin-top: 10px;
}

.navi{
	font-size: 10px;
	float: left;
	margin-top: 4px;
	margin-left: 0px;
	color: #000;
}

.navi a{
	color: #999999;
	text-decoration: none;
}

.navi a:hover{
	color: #000;
	text-decoration: underline;
}


/* gaiyou-design structure */

#gaiyoutitle{
	height: 20px;
	width: 640px;
	margin-left: 5px;
	float: left;
}

#gaiyoutitle h1{
	background-image: url(kaisyagaiyou.gif);
	height: 20px;
	width: 640px;
	text-indent: -9999px;
	background-repeat: no-repeat;
	margin: 0px;
	padding-top: 0px;
	float: left;
}

#gainaiyou{
	float: left;
	height: 340px;
	width: 640px;
	margin-top: 5px;
	margin-left: 5px;
	position: relative;
}


#tokei{
	background-image: url(gaitokei.jpg);
	background-repeat: no-repeat;
	float: left;
	height: 340px;
	width: 300px;
	position: relative;
}

#gaimoji{
	background-image: url(gaiyoumoji.gif);
	float: left;
	height: 340px;
	width: 337px;
	filter: Alpha(Opacity=80);
	position: relative;
}



/* jigyounaiyou-design structure */


#jigyoutitle{
	height: 20px;
	width: 640px;
	margin-left: 5px;
	float: left;
}

#jigyoutitle h1{
	background-image: url(jigyounaiyou.gif);
	height: 20px;
	width: 640px;
	text-indent: -9999px;
	background-repeat: no-repeat;
	margin: 0px;
	padding-top: 0px;
	float: left;
}

#jigyouga{
	float: left;
	height: 340px;
	width: 640px;
	margin-top: 5px;
	margin-left: 5px;
	position: relative;
	background-image: url(jigyouga.jpg);
	filter: Alpha(Opacity=80);
}


/* tizu-design structure */
#tizutitle{
	height: 20px;
	width: 640px;
	margin-left: 5px;
	float: left;
}

#tizutitle h1{
	background-image: url(kaisyatizu.gif);
	height: 20px;
	width: 640px;
	text-indent: -9999px;
	background-repeat: no-repeat;
	margin: 0px;
	padding-top: 0px;
	float: left;
}
#tizu{
	float: left;
	height: 340px;
	width: 640px;
	margin-top: 5px;
	margin-left: 5px;
	position: relative;
	background-image: url(simatizuout.gif);
	filter: Alpha(Opacity=80);
	background-repeat: no-repeat;
}

/* kabumenu-design structure */


#kabumenu{
	width: 580px;
	margin-top: 5px;
	margin-left: 5px;
	float: left;
	text-align: center;
	height: 20px;
	position: relative;
}

#kabumenu ul{
	list-style-type:none;
}

#kabumenu li{
	list-style-type:none;
	float: left;
	padding-left: 10px;
	text-align: center;
	margin-top: 10px;
}

#kabumenu li.kmleft{
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #CCCCCC;
	margin-left: 110px;
}

*html #kabumenu li.kmleft{
	margin-left: 55px;
}

#kabumenu li a{
	font-size: 10px;
	color: #999;
	text-decoration: none;
	float: left;
	list-style-type: none;
	padding-right: 10px;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #CCCCCC;
}



#kabumenu li a:hover{
	color: #333;
	text-decoration: underline;	
}



#copyr{
	float: left;
	height: 15px;
	width: 640px;
	margin-left: 5px;
	text-align: center;
	border: 1px dotted #999999;
	position: relative;
	background-color: #FFFFFF;
	filter: Alpha(Opacity=40);
	margin-top: 10px;
}

#copyr p{
	font-size: 10px;
	color: #666666;
	margin-top: 1px;
	text-align: center;
	height: 10px;
	width: 640px;
	float: left;
	position: relative;
	font-family: Geneva, Arial, Helvetica, sans-serif;
}