@charset "utf-8";
/* CSS Document */

/*
	* Theme color	: H = 355
	* Light			: #e60013;
	* Dark			: #a7060f;
*/

*{
	margin:0;
	padding:0;
	letter-spacing:0.1em;
	font-family:"メイリオ", Meiryo, "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	}

html{
	background:#000;
	}
body{
	background:#fff;
	}


/** ------------------------------ **/
/** Main Block
/** ------------------------------ **/

#body{
	background:url(../cssimg/back_body.gif) repeat-x top;
	}
#footerBack{
	background:url(../cssimg/back_footer.gif) repeat-x bottom;
	}
#wrap{
	position:relative;
	width:960px;
	margin:auto;
	z-index:0;
	}
#header{
	position:relative;
	height:150px;
	background:url(../cssimg/back_header.gif);
	z-index:2;
	}
#contents{
	position:relative;
	width:960px;
	min-height:500px;
	background:#fff;
	z-index:1;
	}
#main{
	float:left;
	width:620px;
	min-height:500px;
	padding:10px 10px 40px;
	}
#side{
	float:right;
	width:300px;
	min-height:500px;
	padding:10px 10px 40px;
	}
#footer{
	clear:both;
	width:940px;
	height:180px;
	padding:0 10px;
	background:url(../cssimg/back_footer.gif) repeat-x;
	color:#e5e5e5;
	font-size:12px;
	}


/** ------------------------------ **/
/** Tag Style
/** ------------------------------ **/

a{
	overflow:hidden;
	color:#e60013;
	}
a:hover{
	color:#a7060f;
	}
img{
	border:0;
	}
ul,li{
	list-style:none;
	}


/** ------------------------------ **/
/** Class Style
/** ------------------------------ **/

/** text align **/
.tLeft{
	text-align:left !important;
	}
.tCenter{
	text-align:center !important;
	}
.tRight{
	text-align:right !important;
	}
/** float **/
.fLeft{
	float:left !important;
	margin-right:10px;
	margin-bottom:5px;
	}
.fRight{
	float:right !important;
	margin-left:10px;
	margin-bottom:5px;
	}
/** clear **/
.clear{
	clear:both !important;
	}
.cRight{
	clear:right !important;
	}
.cLeft{
	clear:left !important;
	}
.noClear{
	clear:none !important;
	}

.listEntries li{
	margin-left:10px;
	margin-bottom:5px;
	padding-left:20px;
	line-height:15px;
	font-size:12px;
	background:url(../cssimg/listmark15.gif) left top no-repeat;
	}
.listCategories li{
	margin-bottom:5px;
	padding-left:20px;
	line-height:15px;
	font-size:12px;
	background:url(../cssimg/listarrow15.gif) left top no-repeat;
	}


/** Header
------------------------------ **/
#headerTop{
	position:relative;
	height:80px;
	
	z-index:1;
	}
/** Lang Change **/
#langChange{
	overflow:hidden;
	position:absolute;
	right:0;
	top:60px;
	width:100px;
	height:20px;
	}
#langChange a{
	display:block;
	padding-left:20px;
	width:80px;
	line-height:20px;
	border-bottom:solid 1px #999;
	background:url(../cssimg/back_langchange1.gif) left center;
	font-size:12px;
	color:#fff;
	text-decoration:none;
	}
#langChange a:hover{
	background:url(../cssimg/back_langchange2.gif) left center;
	}
/** Header Menu **/
#headerMenu{
	position:relative;
	width:960px;
	height:60px;
	
	z-index:0;
	}
#topMenu{
	position:relative;
	width:960px;
	height:60px;
	}
#topMenu dt{
	float:left;
	}
#topMenu dd{
	display:none;
	position:absolute;
	top:55px;
	background:#333;
	overflow:visible;
	}
#topMenu dd ul{
	position:relative;
	overflow:visible;
	}
#topMenu dd li{
	position:relative;
	border-style:none solid solid;
	border-width:1px;
	font-size:12px;
	overflow:visible;
	}
#topMenu dd li.hasSub{
	padding:0 10px 0 0;
	background:url(../cssimg/topmenuarrow.gif) right center no-repeat;
	}
#topMenu dd a{
	display:block;
	width:140px;
	padding:0 10px;
	line-height:24px;
	color:#fff;
	text-decoration:none;
	}
#topMenu dd a:hover{
	background:#a7060f;
	}
#topMenu dd a.hasSub{
	width:140px;
	padding-right:0;
	}
/** Header Sub Menu **/
#topMenu .subMenu{
	display:none;
	position:absolute;
	top:-1px;
	left:100%;
	border-top:solid 1px;
	background:#333;
	}


/** Footer
------------------------------ **/

#footerLink{
	height:20px;
	margin-bottom:20px;
	}
#footerLink li{
	display:inline;
	margin-right:5px;
	line-height:20px;
	}
#footerInfo{
	float:left;
	width:600px;
	height:110px;
	}
#footerInfo p{
	line-height:20px;
	}
#footerLogo{
	float:right;
	}
#copyright{
	clear:both;
	width:940px;
	line-height:30px;
	color:#999;
	text-align:center;
	}


/** Side Contents
------------------------------ **/

.sideBox{
	margin-bottom:30px;
	font-size:12px;
	}
.sideBox a{
	color:#7a993d;
	}
.sideBox p{
	line-height:20px;
	}
.sideBox h3{
	margin-bottom:10px;
	padding:4px 10px;
	background:url(../cssimg/back_side_h3.gif) bottom;
	color:#fff;
	font-size:12px;
	font-weight:normal;
	}

.sideBox .otherEntry{
	clear:both;
	text-align:right;
	}

/** Pickup **/
.sideBox .pickup dt{
	line-height:20px;
	font-size:12px;
	font-weight:bold;
	}
.sideBox .pickup dd{
	margin-bottom:5px;
	}
.sideBox .pickup dd .image{
	float:left;
	width:120px;
	margin-right:10px;
	}
.sideBox .pickup dd .image img{
	width:120px;
	height:auto;
	}
.sideBox .pickup dd .text{
	}

/** Whats New **/
.sideBox .whatsNew li{
	margin-bottom:10px;
	padding-left:15px;
	background:url(../cssimg/side_listmark10.gif) top left no-repeat;
	}
.sideBox .whatsNew li a{
	display:block;
	line-height:15px;
	text-decoration:none;
	}
.sideBox .whatsNew li a span{
	display:block;
	line-height:10px;
	font-size:10px;
	color:#999;
	}

/** Supporter **/
.sideBox .supporter dt{
	line-height:20px;
	font-size:12px;
	font-weight:bold;
	}
.sideBox .supporter dd .image{
	float:left;
	margin-right:10px;
	}
.sideBox .supporter dd .image img{
	width:auto;
	height:auto;
	}
.sideBox .supporter dd .text{
	
	}


/** Main Contents
------------------------------ **/

/** Index **/
.mainImage{
	margin-bottom:20px;
	}
.indexItems{
	margin-bottom:30px;
	}
.indexItems h2{
	margin-bottom:20px;
	}
.indexItems p{
	line-height:20px;
	margin-bottom:10px;
	}
.indexItems .sign{
	text-align:right;
	font-size:12px;
	}

/** Arcives **/
.pankuz{
	margin-bottom:30px;
	line-height:15px;
	font-size:10px;
	}
.pageNavi{
	padding:0 5px;
	background:#eee;
	}
.pageNavi li{
	display:inline;
	line-height:20px;
	font-size:12px;
	}

/** Entry **/
.entryBlock h1{
	margin-bottom:40px;
	padding-left:5px;
	line-height:25px;
	font-size:20px;
	font-weight:normal;
	border-left:solid 5px #e60013;
	}
.entryBody{
	width:620px;
	font-size:14px;
	line-height:20px;
	}
.entryBody p{
	margin-bottom:1em;
	}
.entryBody h2{
	margin-bottom:9px;
	padding:3px 0;
	border-bottom:solid 1px #e60013;
	font-size:14px;
	}
.entryBody iframe.gDocs{
	width:620px;
	height:480px;
	border:none;
	}
.entryBody #photoGallery li{
	list-style:none;
	display:block;
	float:left;
	width:88px;
	height:68px;
	margin-right:10px;
	margin-bottom:10px;
	border:solid 1px #999;
	}
.entryBody #photoGallery a{
	display:block;
	float:left;
	overflow:hidden;
	width:80px;
	height:60px;
	background:#fff;
	border:solid 4px #fff;
	text-align:center;
	}
.entryBody #photoGallery img{
	border:none;
	max-height:60px;
	height:60px;
	height:auto;
	}
/** Entries List **/
.entriesBlock h1{
	margin-bottom:40px;
	padding-left:5px;
	line-height:20px;
	font-size:16px;
	border-left:solid 5px #e60013;
	}
/** Entries & Categories **/
.entries,
.categories{
	margin-bottom:40px;
	}
.entries h2,
.categories h2{
	margin-bottom:9px;
	padding:3px 0;
	border-bottom:solid 1px #e60013;
	font-size:14px;
	}
.categories h2{
	border-left:solid 5px #a7060f;
	padding-left:5px;
	}
.entries h2 a,
.categories h2 a{
	text-decoration:none;
	}
.entries .more{
	float:left;
	margin-bottom:10px;
	margin-right:10px;
	}
.entries .more *{
	max-width:120px;
	}
.entries .membersURL,
.entries .membersURL a{
	font-size:12px;
	color:#666;
	}
.entries .description{
	margin-bottom:10px;
	line-height:20px;
	font-size:14px;
	}
.entries .entryDate{
	clear:both;
	padding-top:4px;
	border-top:dotted 1px #999;
	font-size:12px;
	text-align:right;
	}
.categories .description{
	margin-bottom:10px;
	line-height:15px;
	font-size:12px;
	}
.categories .allPost{
	padding-left:20px;
	font-size:12px;
	text-align:right;
	}
.categories .listEntries{
	margin-bottom:10px;
	}
.categories .listCategories{
	margin-bottom:10px;
	}


/** Documents Table
------------------------------ **/

.docTable{
	width:100%;
	border-collapse:collapse;
	}
.docTable th,
.docTable td{
	padding:9px 5px 20px;
	vertical-align:top;
	}
.docTable th{
	width:100px;
	border-top:solid 2px #999;
	font-size:12px;
	font-weight:normal;
	color:#666;
	text-align:left;
	}
.docTable td{
	border-top:solid 1px #ccc;
	}


/** Organization Chart
------------------------------ **/

#organization_chart{
	position:relative;
	}
#organization_chart dt{
	position:relative;
	display:inline;
	margin:0 10px;
	padding:0 5px 5px;
	background:#fff;
	z-index:1;
	}
#organization_chart dd{
	position:relative;
	top:-10px;
	z-index:0;
	}
#organization_chart ul{
	padding:14px 0 9px 11px;
	border:solid 1px #999;
	}
#organization_chart li{
	float:left;
	width:260px;
	margin-right:9px;
	margin-bottom:10px;
	padding:4px 9px;
	border:solid 1px #ccc;
	background:#fff;
	font-size:12px;
	}

/** Delegate **/
#orgDelegate{
	width:600px;
	margin:auto;
	}
#orgDelegate dd li{
	border-color:#ccf;
	background:#eef;
	}

/** Members **/
#orgMembers{
	width:600px;
	padding:9px;
	border:solid 1px #999;
	}
#orgMembers dd li{
	border-color:#bed;
	background:#eff;
	}

/** Office **/
#orgOffice{
	width:240px;
	margin:0 auto 10px;
	}
#orgOffice div,
#orgOffice p{
	text-align:center;
	}
#orgOffice p{
	margin:10px;
	padding:4px;
	border:solid 1px #ff6673;
	background:#fee;
	}


/** Sitemap
------------------------------ **/
#sitemap a{
	text-decoration:none;
	}
#sitemap h1{
	margin-bottom:20px;
	padding-left:5px;
	line-height:25px;
	font-size:20px;
	font-weight:normal;
	border-left:solid 5px #e60013;
	}
.sitemaps{
	margin-bottom:40px;
	}
.sitemaps h2{
	margin-bottom:10px;
	padding-left:5px;
	border-left:solid 5px #e60013;
	font-size:14px;
	}
.sitemaps ul{
	margin:10px 0;
	}


/** Mailform
------------------------------ **/
#mailform h1{
	margin-bottom:20px;
	padding-left:5px;
	line-height:25px;
	font-size:20px;
	font-weight:normal;
	border-left:solid 5px #e60013;
	}
#mailform h2{
	margin-top:9px;
	padding:3px 0;
	border-bottom:solid 1px #e60013;
	font-size:14px;
	}
#mailform p{
	font-size:12px;
	line-height:20px;
	}
#mailform form{
	padding:20px 0;
	}
#mailform th,
#mailform td{
	padding:5px;
	}
#mailform th{
	font-weight:normal;
	font-size:12px;
	color:#666;
	text-align:left;
	}

/** ILLF Application Form
------------------------------ **/
#illfAppForm h1{
	margin-bottom:20px;
	padding-left:5px;
	line-height:25px;
	font-size:20px;
	font-weight:normal;
	border-left:solid 5px #e60013;
	}
#illfAppForm h2{
	margin-top:9px;
	margin-bottom:5px;
	padding:3px 0;
	border-bottom:solid 1px #e60013;
	font-size:14px;
	}
#illfAppForm h3{
	margin-top:9px;
	margin-bottom:5px;
	padding:3px 5px;
	border-left:solid 5px #e60013;
	font-size:12px;
	color:#333;
	}
#illfAppForm h4{
	margin-top:5px;
	margin-bottom:5px;
	padding:0px 5px;
	border-left:solid 5px #7a993d;
	font-size:12px;
	font-weight:normal;
	color:#333;
	}
#illfAppForm p{
	margin-bottom:10px;
	font-size:12px;
	line-height:20px;
	}
#illfAppForm p.caution{
	line-height:15px;
	color:#c33;
	}
#illfAppForm span.must{
	color:#c33;
	}
#illfAppForm form{
	padding:20px 0;
	}
#illfAppForm table{
	margin-bottom:10px;
	border-collapse:collapse;
	}
#illfAppForm table th,
#illfAppForm table td{
	padding:9px;
	border:solid 1px #ccc;
	}
#illfAppForm table th{
	width:160px;
	background:#eee;
	color:#666;
	}
#illfAppForm p.entryButton{
	margin-bottom:20px;
	text-align:center;
	}
#illfAppForm input.text,
#illfAppForm textarea.text{
	width:360px;
	}
#illfAppForm input.button{
	padding:3px 5px;
	}
#illfAppForm th,
#illfAppForm td{
	padding:5px;
	}
#illfAppForm th{
	font-weight:normal;
	font-size:12px;
	color:#666;
	text-align:left;
	}
#illfAppForm .confBlock{
	border:solid 1px #ccc;
	margin-bottom:10px;
	padding:5px 10px;
	}
#illfAppForm label:hover{
	background:#eee;
	}
#illfAppForm thead th,
#illfAppForm thead td{
	font-weight:bold;
	background:#bbb;
	text-align:center;
	}
#illfAppForm tr.head th{
	font-weight:bold;
	background:#ddd;
	}
#illfAppForm td.others{
	font-size:12px;
	}
/***************/
/** Clear Fix **/
/***************/
.clearfix:after {
  content: ".";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
}

.clearfix {
  min-height: 1px;
}

* html .clearfix {
  height: 1px;
  /*\*//*/
  height: auto;
  overflow: hidden;
  /**/
}
