@charset "euc-jp";

/*  INDEX
--------------------
1.基本設定(初期化)
2.基本レイアウト
3.テキスト基本
4.スペース
5.写真関連
6.トップページ
7.中ページ
--------------------
*/


/* 1. 基本設定(初期化)
----------------------------------------------- */
*{
	font-size: 100%;
	font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',Arial,sans-serif;
}
html{
	height:100%;
}
body{
	height:100%;
	margin: 0;
	padding: 0;
	text-align:center;
	background: #FFF;
	font-size:12px;
	line-height:1.5;
	letter-spacing:1px;
	color:#333;
}

a:link, a:visited{
	color:#027ABB;
	text-decoration:none;
}
a:hover{
	color:#027ABB;
	text-decoration:underline;
}
h1, h2, h3, h4, h5, h6, p, pre,form,
blockquote, ul, ol, dl, dd, dt{
	margin: 0;
	padding: 0;
}
li {list-style-type:none;}
img {border:none;}
address{
	font-style: normal;
	font-weight: normal;
}
.clear {clear:both;}
.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}
.clearfix {min-height: 1px;}
* html .clearfix {
	height: 1px;
	/*\*//*/
	height: auto;
	overflow: hidden;
	/**/
}
hr {
	display:none;
}
.line {
	background:url(../gifs/line.gif) repeat-x;
	height:5px;
	margin:10px 0;
}

/* 2. 基本レイアウト
----------------------------------------------- */
#header {
	padding: 10px 0 0 0;
	border-top:solid 12px #0099FF;
	border-bottom:solid 5px #33CCFF;
}
#header_main {
	width: 900px;
	margin:0 auto;
}
#header_main img {
	vertical-align:top;
}



#container {
	width: 900px;
	margin:0 auto;
	padding: 20px 0 0 0;
}

#contents {
	float:left;
	width:600px;
	text-align:left;
}

#topicpath {
	margin: 20px 0 5px 0;
	font-size: 10px;
}
	#topicpath li {
		float:left;
	}
	#topicpath li a {
		padding:0 8px 0 0;
		margin: 0 8px 0 0;
		float:left;
		background: url(../gifs/topicpath.gif) right no-repeat;
	}




#sidenavi {
	float:right;
	width: 240px;
	text-align:left;
}

#sidenavi .works p {
	margin:20px 0 0 0;
}
#sidenavi .works p img {
	margin: 0 0 5px 0;
}

#sidenavi li {
	margin: 5px 0 0 0;
	padding: 0 0 5px 0;
}

#sidenavi .member {
	width: 240px;
	margin: 40px 0 0 0;
}
#sidenavi .member img {
	vertical-align:top;
	-ms-interpolation-mode: bicubic; /* IE7用 */
}

#sidenavi .member ul {
	margin: 15px 0 0 2px;
}
#sidenavi .member li {
	float: left;
	width: 30px;
	margin: 0 4px 0 0;
}

#sidenavi .link {
	margin: 40px 0 0 0;
}
#sidenavi .link ul {
	margin: 15px 0 0 0;
}
#sidenavi .link ul li a {
	padding-left: 14px;
	background: url(../gifs/linkdot.gif) 0 40% no-repeat;
}
#sidenavi .link ul li a:link, #sidenavi .link ul li a:visited{
	color:#333;
	text-decoration:none;
}
#sidenavi .link ul li a:hover{
	color:#027ABB;
	text-decoration:underline;
}

#sidenavi .toiawase{
	margin: 40px 0 0 0;
}
#sidenavi .toiawase p{
	margin: 15px 0 0 0;
}
#sidenavi .toiawase ul {
	margin: 15px 0 0 0;
}
#sidenavi .toiawase ul li a {
	padding-left: 14px;
	background: url(../gifs/linkdot.gif) 0 40% no-repeat;
}
#sidenavi .toiawase ul li a:link,
#sidenavi .toiawase ul li a:visited{
	color:#333;
	text-decoration:none;
}
#sidenavi .toiawase ul li a:hover{
	color:#027ABB;
	text-decoration:underline;
}




#footer {
	width: 100%;
	margin: 80px 0 0 0;
	padding: 0 0 20px 0;
	background: #09F;
	text-align:left;
	font-size:11px;
	color:#FFF;
}
#footer img {
	vertical-align:top;
}

#footer_navi {
	width: 100%;
	background: #FFF;
	text-align:center;
}
	#footer_navi_main {
		width: 900px;
		margin: 0 auto;
		padding: 0 0 15px 0;
		text-align:right;
		position:relative;
	}
		#poweredby{
			position:absolute;
			top:-3px;
			left:0px;
			width:277px;
			height:30px;
		}


#footer_main {
	width: 900px;
	margin:0 auto;
}
#copyright {
	padding: 10px 0 0 0;
	font-size:10px;
	line-height:14px
}






/* 3.テキスト基本
----------------------------------------------- */
.fs14{font-size:14px; line-height:20px; letter-spacing:1px}		/* 見出し */
.fs12{font-size:12px; line-height:18px; letter-spacing:1px}		/* 本文 */
.fs11{font-size:11px; line-height:13px}						/* 注釈 */
.fs10{font-size:10px; line-height:14px}						/* キャプション */

.fse16{font-size:16px; line-height:18px}						/* 英見出し */
.fse14{font-size:14px; line-height:18px; letter-spacing:1px}		/* 英本文 */
.fse12{font-size:12px; line-height:14px}						/* 英注釈 */
.fse11{font-size:11px; line-height:12px}						/* 英キャプション*/
.blue{color:#0057B9;}
.red{color:#C00;}




h3{
	margin:20px 0 0 0;
	font-size:14px;
	line-height:20px;
	letter-spacing:1px;
	color:#CC0000;
}
#contents h4{
	margin:20px 0 0 0;
	padding: 0 0 0 8px;
	border-left:solid 2px #CC0000;
	font-size:18px;
	line-height:20px;
	letter-spacing:1px;
}


.linkdot {
	margin: 0;
	padding-left: 14px;
	background: url(../gifs/linkdot.gif) 0 40% no-repeat;
}
.indent {
	padding-left:1em;
	text-indent:-1em;
}
.note {
	font-size:10px;
	line-height:14px;
	margin-top:5px;
}

sup {
	font-size:10px;
	line-height:14px;
}





/* 4. スペース
----------------------------------------------- */
.mt10 { margin-top: 10px !important; }
.mt20 { margin-top: 20px !important; }



/* 5.写真関連
----------------------------------------------- */
.alpha a img {
	filter: Alpha(Opacity=100);
	-moz-opacity: 1;
	opacity: 1;
}
.alpha a:hover img { 
	filter: Alpha(Opacity=70); 
	-moz-opacity: 0.7;
	opacity: 0.7;
}
img.left { float: left; margin: 2px 20px 16px 0; }
img.right { float: right; margin: 2px 0 16px 20px; }

img.p-left15{
	float:left;
	margin:0px 10px 2px 0;
}

img.p-right15{
	float:right;
	margin:0px 0 2px 10px;
}


/* 6.トップページ
----------------------------------------------- */
.top #header {
	padding: 33px 0 54px 0;
}

.top .news{
	position:relative;
	margin:40px 0 0 0;
}

.top .news dl{
	margin:20px 0 0 0;
	line-height:1.5;
}
	.top .news dt{
		margin:10px 0 0;
		padding: 0 0 5px 0;
		font-size: 10px;
		color:#09F;
	}
	.top .news dt strong{
		display:block;
		font-size: 14px;
	}
	.top .news dd {
		padding: 0 15px 15px 0;
		background: url(../gifs/dot.gif) bottom repeat-x;
	}

.top .news dt a:link, .top .news dt a:visited{
	color:#09F;
	text-decoration:none;
}
.top .news dt a:hover{
	color:#027ABB;
	text-decoration:underline;
}

.top .news .repolist{
	position:absolute;
	top:5px;
	left:450px;
}



.top .event{
}
.top .event dl{
	margin:20px 0 0 0;
}
	.top .event dt{
		margin:15px 0 5px 0;
		font-size: 14px;
		font-weight: bold;
		color:#0099FF;
	}
	.top .event dd {
		padding: 5px 15px 0 0;
		border-top:solid 1px #09F;
	}
.top .event dl.data {
	margin: 5px 0;
	padding: 3px;
	background:#f2f1f0;
}
	.top .event .data dt {
		float:left;
		clear:both;
		width:5em;
		margin:0;
		padding: 2px 0 4px 0;
		font-size: 12px;
		font-weight: normal;
		color:#333;
	}
	.top .event .data dd {
		margin-left: 6em;
		padding: 2px 0 4px 0;
		_height:1%; /* IE用 */
		border:none;
	}

.top .about {
	margin: 40px 0 0 0;
}
	.top .about p{
		margin: 15px 0 0 0;
	}
	.top .about em{
		display:block;
		margin: 10px 0 0 0;
		font-style: normal;
		color:#09F;
	}
	.top .about ul{
		margin: 5px 0 0 0;
	}
	.top .about li{
		padding:0 0 4px 12px;
		background: url(../gifs/listdot.gif) 0 3px no-repeat;
	}




/* 7.中ページ
----------------------------------------------- */
/* ---report--- */
#report dl.news{
	margin:20px 0 0 0;
	line-height:1.5;
}
	#report dl.news dt{
		margin:15px 0 0 0;
		font-size: 10px;
		color:#09F;
	}
	#report dl.news dt strong{
		display:block;
		font-size: 14px;
	}
	#report dl.news dd {
		padding: 0 15px 15px 0;
		background: url(../gifs/dot.gif) bottom repeat-x;
	}

#report dl.news dt a:link, #report dl.news dt a:visited{
	color:#09F;
	text-decoration:none;
}
#report dl.news dt a:hover{
	color:#027ABB;
	text-decoration:underline;
}


#report h2{
	margin:0 0 30px 0;
	padding:0 0 10px 0;
	border-bottom:solid 4px #3CF;
	font-size: 26px;
	color:#3CF;
}

#report h3{
	margin:0 0 10px 0;
	font-size: 10px;
	color:#09F;
}
	#report h3 strong{
		display:block;
		margin:0 0 5px 0;
		font-size: 16px;
		line-height:1.2;
		color:#333;
	}

#report p{
	margin:10px 0 0 0;
	line-height:1.8;
}


#report .photo {
	width: 600px;
	min-height:310px;
	height:auto !important;
	height: 310px;
}
	#report .photo ul {
		width: 630px;
		margin: 30px 0 0 0;
	}
	#report .photo li {
		float:left;
		width: 180px;
		margin: 0 30px 0 0;
	}
	#report .photo li img {
		border:solid 1px #CCC;
		vertical-align:top;
	}

#report dl.data{
	width:100%;
	margin:30px auto;
	background: url(../gifs/dot.gif) left bottom repeat-x;
	line-height:1.5;
}

#report dl.data dt{
	float:left;
	width:10%;
	padding: 5px 0 0 0;
	background: url(../gifs/dot.gif) left top repeat-x;
	font-weight: bold;
	color:#09f;
}

#report dl.data dd{
	_height:1%; /* IE6用 */
	margin:0 0 0 10%;
	padding: 5px 0 5px 0;
	background: url(../gifs/dot.gif) left top repeat-x;
}

#report h4.midashi {
	font-size: 16px;
	color: #333;
	margin-top: 40px;
	margin-bottom: 5px;
	padding: 0 0 5px 0;
	border: none;
	border-bottom: 1px dashed #666;
	font-weight: normal;
}


/* ---contact--- */
#contact h2{
	margin:0 0 30px 0;
	padding:0 0 10px 0;
	border-bottom:solid 4px #3CF;
	font-size: 26px;
	color:#3CF;
}

#contact h3{
	margin:0 0 10px 0;
	font-size: 10px;
	color:#09F;
}
	#contact h3 strong{
		display:block;
		margin:0 0 5px 0;
		font-size: 16px;
		line-height:1.2;
		color:#333;
	}

#contact p{
	margin:10px 0 0 0;
	line-height:1.5;
}
#contact p span{
	color:#ff4200;
	vertical-align:middle;
}
#contact img{
	margin: 5px 0;
}

#contact #contDetail{
	width:600px;
	margin:20px 0 0 0;
}

#contact #contDetail table{
	border-collapse:collapse;
	width:600px;
}

#contact #contDetail table th{
	width:120px;
	background:#eee;
	padding:5px;
	font-weight:bold;
	vertical-align:middle;
	border:1px solid #ddd;
	color:#333;
}

#contact #contDetail table th span{
	color:#ff4200;
	vertical-align:middle;
}

#contact #contDetail table td{
	background:#fff;
	padding:5px;
	text-align:center;
	border:1px solid #ddd;
}
#contact #contDetail table td.noborder{
	border:none;
}


#contact #contDetail table td input{
	width:431px;
	border:1px solid #ccc;
	padding:3px;
}

#contact #contDetail table td textarea{
	width:431px;
	height:260px;
	border:1px solid #ccc;
	padding:3px;
}

#contact #contDetail table td input:hover,
#contact #contDetail table td textarea:hover{
	border:1px solid #33ccff;
	background:#effbff;
}

#contact #contDetail table td input#submit{
	width:200px;
	padding:5px 0px;
}

#contact #contDetail table td input#reset{
	width:80px;
	padding:5px 0px;
}