@charset "Shift_JIS";
/* IEIJ  Design Style Sheet 2005 */
/* all
----------------------------------*/
*{
	margin: 0px;
	padding: 0px;
}
body {
	color: #333;
	font-size:small;
	background-image:none;
	background:#eee;
	margin: auto;
	width: 800px;
	text-align:center;
	font-family: Verdana, Arial, 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
	font-weight: normal;
	-webkit-text-size-adjust: 100%;
}
#wrapper {
	margin: auto;
	width: 800px;
	position:relative;
	border-left:#ccc solid 1px;
	border-right:#ccc solid 1px;
	background:#fff;
	text-align:left;
}

h1{
	font-size:large;
	font-weight:bold;
	margin-bottom:8px;
}
h2,h3{
	font-size:medium;
	font-weight:bold;
}
h4,h5{
	font-size:small;
	font-weight:bold;
}

/* link
----------------------------------*/
a {
	background: transparent;
	text-decoration:none;
}
a:link {
	color: #369;
}
a:visited {
	color: #47a;
}
a:hover, a:active {
	color: #f93;
	text-decoration:underline;
}

/* header
----------------------------------*/
#header {
	position:absolute;
	top:0px;
	left:0px;
	width: 800px;
	height: 90px;
	background: url(../images/head_bg.jpg) no-repeat;
}
#header p{
	text-indent:-9999px;
}
a#logoJP{
	position:absolute;
	top:0px;
	left:0px;
	width:255px;
	height:59px;
	background:url(../images/logo_jp1.jpg) no-repeat;
}
a#logoEN{
	position:absolute;
	top:0px;
	left:255px;
	width:288px;
	height:59px;
	background:url(../images/logo_en.jpg) 0px 0px no-repeat;
}
a#logoEN:hover{
	background:url(../images/logo_en.jpg) 0px -59px no-repeat;
}

a#btnJoin{
	position:absolute;
	top:9px;
	left:554px;
	width:94px;
	height:17px;
	background:url(../images/btn_join.gif) 0px 0px no-repeat;
}
a#btnJoin:hover{
	background:url(../images/btn_join.gif) 0px -17px no-repeat;
	}
a#btnSitemap{
	position:absolute;
	top:9px;
	left:661px;
	width:84px;
	height:17px;
	background:url(../images/btn_sitemap.gif) 0px 0px no-repeat;
}
a#btnSitemap:hover{
	background:url(../images/btn_sitemap.gif) 0px -18px no-repeat;
	}
a#btnFaq{
	position:absolute;
	top:9px;
	left:750px;
	width:46px;
	height:17px;
	background:url(../images/btn_faq.gif) 0px 0px no-repeat;
}
a#btnFaq:hover{
	background:url(../images/btn_faq.gif) 0px -18px no-repeat;
	}
#headSearch{
}
#searchText{
	position:absolute;
	top:30px;
	left:554px;
	width:182px;
	height:20px;
}
#searchBtn{
	position:absolute;
	top:30px;
	left:743px;
	width:54px;
	height:20px;
}

/* navi
----------------------------------*/

#navi {
}
#navi p{
	text-indent:-9999px;
}
#navi a {
	position:absolute;
	top:63px;
	height:25px;
}

a#menuBtntop{
	left:0px;
	width:61px;
	background:url(../images/navi.gif) 0px 0px no-repeat;
}
a#menuBtnwhat{
	left:61px;
	width:89px;
	background:url(../images/navi.gif) -61px 0px no-repeat;
}
a#menuBtnevent{
	left:150px;
	width:60px;
	background:url(../images/navi.gif) -150px 0px no-repeat;
}
a#menuBtnabout{
	left:210px;
	width:107px;
	background:url(../images/navi.gif) -210px 0px no-repeat;
}
a#menuBtneducate{
	left:317px;
	width:59px;
	background:url(../images/navi.gif) -317px 0px no-repeat;
}
a#menuBtnaward{
	left:376px;
	width:65px;
	background:url(../images/navi.gif) -376px 0px no-repeat;
}
a#menuBtnJIEIJ{
	left:441px;
	width:72px;
	background:url(../images/navi.gif) -441px 0px no-repeat;
}
a#menuBtnjlve{
	left:513px;
	width:79px;
	background:url(../images/navi.gif) -513px 0px no-repeat;
}
a#menuBtnpublish{
	left:592px;
	width:48px;
	background:url(../images/navi.gif) -592px 0px no-repeat;
}
a#menuBtnfukyubu{
	left:640px;
	width:49px;
	background:url(../images/navi.gif) -640px 0px no-repeat;
}
a#menuBtnbunkakai{
	left:640px;
	width:49px;
	background:url(../images/naviB.gif) 0px 0px no-repeat;
}
a#menuBtnlink{
	left:689px;
	width:45px;
	background:url(../images/navi.gif) -689px 0px no-repeat;
}
a#menuBtnbbs{
	left:734px;
	width:62px;
	background:url(../images/navi.gif) -734px 0px no-repeat;
}

a#menuBtntop:hover{
	background:url(../images/navi.gif) 0px -27px no-repeat;
}
a#menuBtnwhat:hover{
	background:url(../images/navi.gif) -61px -27px no-repeat;
}
a#menuBtnevent:hover{
	background:url(../images/navi.gif) -150px -27px no-repeat;
}
a#menuBtnabout:hover{
	background:url(../images/navi.gif) -210px -27px no-repeat;
}
a#menuBtneducate:hover{
	background:url(../images/navi.gif) -317px -27px no-repeat;
}
a#menuBtnaward:hover{
	background:url(../images/navi.gif) -376px -27px no-repeat;
}
a#menuBtnJIEIJ:hover{
	background:url(../images/navi.gif) -441px -27px no-repeat;
}
a#menuBtnjlve:hover{
	background:url(../images/navi.gif) -513px -27px no-repeat;
}
a#menuBtnpublish:hover{
	background:url(../images/navi.gif) -592px -27px no-repeat;
}
a#menuBtnfukyubu:hover{
	background:url(../images/navi.gif) -640px -27px no-repeat;
}
a#menuBtnbunkakai:hover{
	background:url(../images/naviB.gif) 0px -27px no-repeat;
}

a#menuBtnlink:hover{
	background:url(../images/navi.gif) -689px -27px no-repeat;
}
a#menuBtnbbs:hover{
	background:url(../images/navi.gif) -734px -27px no-repeat;
}


/* container
----------------------------------*/
#container{
	position:absolute;
	top:87px;
	left:0px;
	width:800px;
	background:#fff;
}

/* contents align center
----------------------------------*/
#contentsC{
	width:650px;
	margin-left:60px;
}

/* contents
----------------------------------*/
#contents{
	width:650px;
	padding-left:10px;
	padding-right:10px;
	line-height:135%;
}


#contents hr{
	margin:10px;
}

#contents h1{
	clear:both;
	color:#036;
	margin:8px 0px 10px;
	background:url(../images/h1_bg.gif) no-repeat bottom left;
	text-shadow:1px 1px 1px #aaa;
	line-height:133%;
}
#contents h2{
	clear:both;
	margin:8px 0px 10px;
	padding-left:4px;
	background:url(../images/h2_bg.gif) repeat-x bottom;
}
#contents h3,h4{
	clear:both;
	margin:8px 0px 10px;
}
#contents h5{
	clear:both;
	margin-left:16px;
	margin-bottom:1em;
}

#contents p{
	margin-left:16px;
	margin-bottom:1em;
}
#contents .marginbottom0{
	margin-bottom:0em;
}

#contents blockquote{
	background:#eee;
	padding:1em;
	margin:2em;
}

#contents ul,#contents dl{
	margin-left:32px;
	margin-bottom:1em;
}
#contents ol{
	margin-left:32px;
	margin-bottom:1em;
}
.urlist{
	list-style:upper-roman;
}
.list-l-alpha{
	list-style:lower-alpha;
}
.list-none{
	list-style:none;
}

#contents dt{
	margin-top:10px;
}
#contents dd{
	padding-left:18px;
	margin-bottom:16px;
}

#contents .sign{
	margin-top:20px;
	margin-bottom:20px;
	text-align:right;
	font-size:large;
	font-family:serif;
	letter-spacing:0.5em;
}

#contents .sign-s{
	margin-top:20px;
	margin-bottom:20px;
	text-align:right;
	letter-spacing:0.5em;
}
/*
:root *> #contents .sign-s{ font-family:serif;  }
*/


#contents .K10{
	font-size:10px;
}
#contents .arL{
	text-align:left;
}
#contents .arR{
	text-align:right;
}
#contents .arC{
	margin-left:auto;
	margin-right:auto;
	text-align:center;
}
#contents .varM{
	vertical-align:middle;
}

.clrf00{
	color:#f00;
}
.clrfff{
	color:#fff;
}

.big{
	font-size:133%;
}
.small{
	font-size:88%;
}
.bgPink{
	background:#fcc;
}

.strongBox{
	background:#ffe;
	border:1px solid #f60;
	margin:0.5em;
	margin-left:16px;
	padding:0.5em;
}

.border1{
	border:#333 1px solid;
}

.ended{
	text-align:center;
	font-weight:bold;
	color:#f00;
}

/* go to page home */

p.totop{
	background:url(../images/toTop.gif) no-repeat center right;
	margin-left:0px;
	padding-right:18px;
	text-align:right;
	border-bottom:1px dotted #69c;
}

#contents .blockh480px{
	height:480px;
}

/* indent */

#contents .indent1{
	padding-left:1em;
}
#contents .indent2{
	padding-left:2em;
}
#contents span.chapnum{
	font-weight:bold;
	padding-right:1em;
}
#contents .indent-1{
	text-indent:-1em;
}
#contents .indent-2{
	text-indent:-2em;
}

/*link & mail */

a.mailto{
	padding-left:18px;
	background:url(../images/mailto.gif) no-repeat left center;
}
a.urllink{
	padding-left:18px;
	background:url(../images/mark_link.gif) no-repeat left center;
}
a.pdflink_s{
	padding-left:18px;
	background:url(../images/pdficon_ss.gif) no-repeat 3px center;
}
a.wordlink_s{
	padding-left:18px;
	background:url(../images/wordicon_ss.gif) no-repeat 3px center;
}
a.xlslink_s{
	padding-left:18px;
	background:url(../images/excelicon_ss.gif) no-repeat 3px center;
}

#contents p.link{
	text-align:right;
}
#contents p.link a{
	padding-left:16px;
	background:url(../images/mark_link.gif) no-repeat center left;
}

#contents p.btnBack{
	text-indent:-9999px;
}

#contents p.btnBack a{
	display:block;
	height:10px;
	background:url(../images/btn_back.gif) no-repeat right;
}
a.wordlink{
	display:block;
	padding-left:32px;
	padding-top:12px;
	padding-bottom:12px;
	background:url(../images/word_icon.gif) no-repeat center left;
}
a.pdflink{
	display:block;
	padding-left:32px;
	padding-top:12px;
	padding-bottom:12px;
	background:url(../images/pdf_icon.gif) no-repeat center left;
}
a.xlslink{
	display:block;
	padding-left:32px;
	padding-top:12px;
	padding-bottom:12px;
	background:url(../images/excel_icon.gif) no-repeat center left;
}



/*page top navi */

.pagecontents,.pagecontents2,#contents .pagecontents5{
	margin-left:10px;
}
.pagecontents li,.pagecontents2 li,.pagecontents5 li{
	display:block;
	list-style:none;
}
.pagecontents2 li,.pagecontents5 li{
	float:left;
	text-align:center;
}
.pagecontents li a,.pagecontents2 li a,.pagecontents5 li a{
	display:block;
	padding:2px;
	background:#eee;
	border:1px solid #fff;
	border-radius: 6px;/*CSS3*/
}
.pagecontents li a{
	width:620px;
	padding:2px 2px 2px 8px;
}
.pagecontents2 li a{
	width:300px;
}
.pagecontents5 li a{
	width:120px;
}

.pagecontents li a:hover,.pagecontents2 li a:hover,.pagecontents5 li a:hover{
	background:#fff;
}


/* next & forward page navi */

#contents .pagemove{
	clear:both;
	position:relative;
	padding:8px 0px;
	margin-left:0px;
	font-size:10px;
	height:24px;
	text-align:center;
}

#contents .pagemove a{
	background:#eee;
	border:#abf solid 1px;
	padding:8px;
}
.pagemove a:hover{
	background:#fdd;
}
.pagemove a.current{
	background:#fff;
}
#contents .pagemove span{
	background:#fff;
	border:#ddd solid 1px;
	padding:8px;
}


#contents .pagemove a.foward{
	left:0px;
	background:url(../images/btn_pm_forward.gif) 0px 0px no-repeat;
	text-indent:-9999px;
	display:block;
	position:absolute;
	top:4px;
	height:24px;
	width:69px;
	padding:0px;
	border:0px;
}
#contents .pagemove a.index{
	left:294px;
	background:url(../images/btn_pm_index.gif) 0px 0px no-repeat;
	text-indent:-9999px;
	display:block;
	position:absolute;
	top:4px;
	height:24px;
	width:69px;
	padding:0px;
	border:0px;
}
#contents .pagemove a.next{
	left:580px;
	background:url(../images/btn_pm_next.gif) 0px 0px no-repeat;
	text-indent:-9999px;
	display:block;
	position:absolute;
	top:4px;
	height:24px;
	width:69px;
	padding:0px;
	border:0px;
}
#contents .pagemove a.foward:hover{
	background:url(../images/btn_pm_forward.gif) 0px -26px no-repeat;
}
#contents .pagemove a.index:hover{
	background:url(../images/btn_pm_index.gif) 0px -26px no-repeat;
}
#contents .pagemove a.next:hover{
	background:url(../images/btn_pm_next.gif) 0px -26px no-repeat;
}





/* margin for page top navi & pagemove*/
.fclr{
	clear:both;
	height:1em;
}

/* table */
th.w10p,td.w10p{
	width:10%;
}
th.w20p,td.w20p{
	width:20%;
}
th.w25p,td.w25p{
	width:25%;
}
th.w30p,td.w30p{
	width:30%;
}
th.w40p,td.w40p{
	width:40%;
}
th.w50p,td.w50p{
	width:50%;
}

#contents table{
	width:630px;
	border-top:1px solid #69C;
	border-left:1px solid #69C;
	margin-left:16px;
	margin-bottom:1em;
}
#contents table ul{
	margin-left:2em;
}
#contents table ol{
	margin-left:2em;
}

#contents table caption{
	font-weight:bold;
	font-size:small;
	padding: 2px;
}
#contents table th{
	text-align:left;
	border-right:1px solid #69C;
	border-bottom:1px solid #69C;
	padding: 2px;
	background:#eff;
	vertical-align: top;
	white-space:nowrap;
}
#contents table td{
	border-right:1px solid #69C;
	border-bottom:1px solid #69C;
	padding: 2px;
	vertical-align: top;
}

/* table horizon line only*/

#contents table.horiz1{
	border-left:0px;
}

#contents table.horiz1 th{
	border-right:0px;
	border-bottom:1px solid #69C;
	padding: 2px;
}
#contents table.horiz1 td{
	border-right:0px solid #69C;
	border-bottom:1px solid #69C;
}

/* table auto width*/

#contents table.wauto{
	width:auto;
	margin-left:auto;
	margin-right:auto;
}

/* table for layout*/

#contents table.layout{
	width:auto;
	margin-left:auto;
	margin-right:auto;
	border:0px;
	text-align:center;
}
#contents table.layout td{
	border:0px;
	padding: 2px;
	vertical-align:middle;
}

#contents table.layoutL,#contents table.layoutLL{
	width:auto;
	margin-left:auto;
	margin-right:auto;
	border:0px;
	text-align:left;
}
#contents table.layoutLL{
	margin-left:2em;
}
#contents table.layoutL td,#contents table.layoutLL td{
	border:0px;
	padding: 2px;
	vertical-align:top;
}
#contents table.layoutL table{
	width:auto;
	margin-left:auto;
	margin-right:auto;
	border:0px;
	text-align:left;
}
#contents table.layoutL table.innerTable{
	border-top:1px solid #69C;
	border-left:1px solid #69C;
}
#contents table.layoutL table.innerTable td{
	border-right:1px solid #69C;
	border-bottom:1px solid #69C;
	padding: 2px;
}
#contents table.layoutL ul{
	margin-left:4em;
}
#contents table.layoutL ol{
	margin-left:4em;
}

#contents table table{
	width:auto;
	margin-left:auto;
	margin-right:auto;
	border-top:1px solid #69C;
	border-left:1px solid #69C;
	text-align:left;
}
#contents table table table{
	width:auto;
	margin-left:auto;
	margin-right:auto;
	border-top:1px solid #69C;
	border-left:1px solid #69C;
	text-align:left;
}

/* image */
#contents img.rphoto {
	float: right;
	margin-top: 2px;
	margin-right: 0px;
	margin-bottom: 2px;
	margin-left: 8px;
}
#contents img.lphoto {
	float: left;
	margin-top: 2px;
	margin-right: 8px;
	margin-bottom: 2px;
	margin-left: 0px;
}
#contents #lead img.lphoto {
	margin-right: 1em;
}
#contents div.blockw50p{
	float:left;
	width:50%;
	padding-bottom:8px;
	text-align:center;
}
#contents div.blockwAuto{
	float:left;
	width:auto;
	padding-bottom:8px;
	padding-left:4px;
	padding-right:4px;
	text-align:center;
}
#contents div.blockw50p p,#contents div.blockwAuto p{
	margin-left:0px;
}
#contents div.blockw80px{
	float:left;
	width:80px;
	padding-bottom:8px;
	text-align:center;
}

/* 2dan paragraph*/
.parag2{
	float:left;
	width:49%;
	margin-right:5px;
}

/* 3dan paragraph*/
.parag3{
	float:left;
	width:32%;
	margin-right:5px;
}

/* right Navi
----------------------------------*/

#rnavi{
	width:120px;
	position:absolute;
	top:40px;
	left:670px;
	font-size:10px;
}

#rnavi a{
	display:block;
	width:112px;
	padding:2px;
	border-left:#ddd solid 2px;
	border-bottom:#369 dotted 1px;
}
#rnavi a#rnavititle{
	background:url(../images/rnavititileBG.gif) no-repeat;
	text-align:center;
	font-weight:bold;
	border-left:none;
	border-bottom:#369 dotted 1px;
}

#rnavi a:hover{
	background:#eee;
}
#rnavi a#rnavititle:hover{
	background:url(../images/rnavititileBG_on.gif) no-repeat;
}

/* lead
----------------------------------*/
#lead,.lead{
	margin:18px auto;
	padding:10px;
	border:1px solid #ccc;
	width: 90%;
	background-color: #eee;
	-moz-border-radius: 9px; /* for Fx */
	-moz-box-shadow: 2px 2px 2px #999;
	-webkit-border-radius: 6px; /* for Safari */
	-webkit-box-shadow: 2px 2px 2px #999;
	border-radius: 6px;/*CSS3*/
}
#lead p,.lead p{
	margin-left:0px;
	margin-bottom:0px;
}

/* topix path (pankuzu)
----------------------------------*/
#topiPath{
	background:url(../images/pankuzu.gif) no-repeat;
	width:780px;
	height:16px;
	font-size:10px;
	margin:10px;
	padding-top:2px;
}
#topiPath p{
	padding-left:8px;
}

/* for category Top (No.2 layer index)
----------------------------------*/
#categoryTop{
	padding-left:10px;
	padding-right:10px;
}
#categoryTop p{
	margin-left:16px;
	margin-bottom:1em;
}

#categoryTop h2{
	clear:both;
	margin:8px 0px 10px;
	padding-left:4px;
	background:url(../images/h2_bg.gif) repeat-x bottom;
}

#categoryTop h3{
	clear:both;
	margin:8px 0px 10px;
}

#categoryTop blockquote{
	background:#eee;
	padding:1em;
	margin:2em;
}

#categoryTop dl{
	margin-left:40px;
	margin-right:36px;
}
#categoryTop dt{
	font-size:medium;
	font-weight:bold;
	padding-left:18px;
	background:url(../images/list_mark01.gif) no-repeat top left;
	margin-top:10px;
}
#categoryTop dd{
	padding-left:18px;
	margin-bottom:16px;
}
#categoryTop ol,#categoryTop ul{
	margin-left:16px;
	margin-bottom:1em;
}

#categoryTop .arR{
	text-align:right;
}
#categoryTop .arC{
	margin-left:auto;
	margin-right:auto;
	text-align:center;
}
#categoryTop .lead{
	width:90%;
	margin-left:auto;
	margin-right:auto;
	text-align:left;
	padding:12px;
	border:#06c solid 1px;
	background:#ddd;
}
#categoryTop .K10{
	font-size:10px;
}

#categoryTop p.link{
	text-align:right;
}
#categoryTop p.link a{
	padding-left:16px;
	background:url(../images/mark_link.gif) no-repeat center left;
}
#categoryTop .lphoto {
	float: left;
	margin-top: 2px;
	margin-right: 4px;
	margin-bottom: 2px;
	margin-left: 8px;
}

/* footer
----------------------------------*/
#footer {
	clear:both;
	border-top: 1px solid #369;
	background:#fff;
	padding-top:8px;
	padding-bottom:8px;
	text-align:center;
	width: 800px;
}
#footer p {
	font-size: x-small;
}


/* lightbox2.0
----------------------------------*/

#lightbox{	position: absolute;	left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }

#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 10px; }

#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(../images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../images/nextlabel.gif) right 15% no-repeat; }

#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%	; }

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}	 	

#overlay{ position: fixed; top: 0; left: 1; z-index: 90; width: 100%; height: 500px; background-color: #000; }
:root *> #overlay{left: 0;};

* html #overlay { position: absolute;left: 0;}