@charset "utf-8";
/* CSS Document */


body{
	margin:0;
	padding:0;
	text-align:center;
	font-family: "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
	font-size:16px;
	line-height:160%;
/* 	background:#ffffff url("/img/body_bg.gif") repeat-x; */
	color:#555555;
}

img{
	border:0;
	vertical-align:top;
}

h1{
	width:191px;
	height:55px;
	margin:0;
	padding:0;
	position:absolute;
	top:37px;
	left:0;
	font-size:100%;
	line-height:100%;
}
	h1 a{
		outline:none;
		display:block;
		height:53px;
		background:url("../img/header_title.gif") repeat-x;
		text-indent:-4980px;
	}
h2{
	margin:0 0 5px;
	padding:0;
	font-size:100%;
	line-height:100%;
}
h3{
	margin:1em 0 1ex;
	padding:0;
	font-size:100%;
	line-height:100%;
	background:#cc6d1b;
}

p{
	margin:1.7em 10px;
}
	.side p{
		margin:1em 20px;
	}
	.side #check_result p{
		margin:1ex 0;
	}

form{
	margin:30px 0;
	padding:0;
}

a:link	{color:#0088ff;text-decoration:none;}
a:visited{color:#8800ff;text-decoration:none;}
a:hover	{color:#ff6600;text-decoration:underline;}
a:active	{color:#ff6600;text-decoration:underline;}


.root{
	width:800px;
	text-align:left;
/* 	background:url("/img/root_bg.gif") repeat-y; */
	margin:0 auto;
	overflow-x: hidden;	
}

a:hover img{
 opacity:0.6;
     filter: alpha(opacity=60);
     -ms-filter: "alpha( opacity=60 )";
     background: #FFFFFF;
     text-decoration:none
}





/*=========== header ================*/

.header{
	width:800px;
	height:130px;
	margin:0;
	position:relative;
	background:url("../img/header_bg.gif") no-repeat;
}
	.header-subtitle{
		position:absolute;
		width:450px;
		height:29px;
		left: 350px;
		top: 66px;
	}
		.header-subtitle span{
			display:block;
			height:29px;
			background:url("../img/header_subtitle.gif") repeat-x;
			text-indent:-4500px;
		}
	.hmenu{
		position:absolute;
		width:204px;
		height:19px;
		left:596px;
		top:0px;
		margin:0;
		padding:0;
		list-style-type:none;
	}
		.hmenu li{
			float:left;
			margin:0;
			padding:0 0 0 5px;
		}
			.hmenu li a{
				outline:none;
				display:block;
				height:31px;
			}
			.hmenu-home 		{width:80px;}
			.hmenu-contact		{width:114px;}
			.hmenu-home a		{background:url("../img/hmenu_home.gif") repeat-x;text-indent:-4000px;}
			.hmenu-contact a	{background:url("../img/hmenu_contact.gif") repeat-x;text-indent:-4560px;}




/*=========== main - center ================*/

.main{
	min-height:400px;
	}
	.index-mainimg img,
	.index-bnnrs img{
	margin-bottom:10px;
	}
	
	#index-mainimg{
		height: 369px;
		background: url("/img/index_mainpng.png") no-repeat;
		margin-bottom: 10px;
	}
	#index-mainimg .jcal{
		margin-left: 7px;
	}
	#index-mainimg .jcalprev{
	margin: 90px 0 0 -15px;
	padding-top: 100px;
	position: absolute;
	}
	#index-mainimg .jcalnext{
	margin: 90px 0 0 805px;
	padding-top: 100px;
	position: absolute;
	}
	div.arrow_right {
	width:0px; 
	height:0px; 
	margin:0 auto;
	border-left:10px solid #FF6986;  
	border-top:15px solid transparent; 
	border-bottom:15px solid transparent; 
	}
	div.arrow_left {
	width:0px; 
	height:0px; 
	margin:0 auto;
	border-right:10px solid #FF6986;  
	border-top:15px solid transparent; 
	border-bottom:15px solid transparent; 
	}
	a:hover div.arrow_left{
 	opacity:0.6;
	}
	a:hover div.arrow_right{
 	opacity:0.6;
	}
	
	#index-mainimg .jcal li{
		margin: 55px 5px 0 5px;
	}
	#index-mainimg #toList{
	position: relative;
	margin: -345px 0 0 248px;
	}

	#index-mainimg .largeimg{
		margin: 55px 0 0 10px;
	}


	
	
	#index-main-center{
		width:585px;
		float:left;
	}
	.index-recommend-container img{
	vertical-align: bottom;

	}

	.index-recommend-container h4{
	color: #333333;
	margin:25px 0 30px 10px;
	padding-left: 0px;
	font-size: 22px;
	text-shadow: 1px 1px 2px #DEDEDE;
	}
					
				
	.index-recommend-container p.name{
		text-align: right;
		padding-right: 15px;
	}
		
	
					
	.index-recommend-left{
		padding-top: 25px;
		float: left;
	}
	
	.index-recommend-right{
		width: 425px;
		float: right;
	}
	.index-recommend-left-biography{
		width: 138px;
		border: 1px solid;
		font-size: 12px;
		margin-top: 40px;
		padding: 5px;
		line-height: 1.3em;
		margin-bottom: 30px;
	}

	img.profileimg{
		-webkit-box-reflect: below 0px -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(.9, transparent), to(rgba(0,0,0,0.25)));
		box-reflect: below 0px -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(.9, transparent), to(rgba(0,0,0,0.25)));
		}

	.index-recommend-separater{
		clear: both;
		padding: 10px 0;
		border-bottom: 1px dotted #ff5976;
	}
	
	.index-report-container{
	margin-bottom: 40px;
	}
	
	#googlenews{
		margin-left: 20px;
		margin-bottom: 0;
	}
	
	
	
/*=========== main - side ================*/	
	
.side{
	width:200px;
	padding-right:0;
	float:right;
	margin-bottom:15px;
	}

.index-smenu{
	margin:0 0 10px 0;
	padding:10px 0 0;
	list-style-type:none;
}
	.index-smenu li{
		margin:0;
		padding:0;
		height:26px;
	}
	.index-smenu a{
		outline:none;
		display:block;
		height:26px;
	}
	.index-smenu-about{width:113px;}
	.index-smenu-international{width:127px;}
	.index-smenu-about a{
		background:url("../../img/index_side_about.gif");
		text-indent:-4520px;
	}
	.index-smenu-international a{
		background:url("../../img/index_side_international.gif");
		text-indent:-5080px;
	}
	.index-smenu-recommend a{
		background:url("../../img/index_side_recommend.gif") no-repeat;
		text-indent:-5080px;
	}
	.index-smenu-media a{
		background:url("../../img/index_side_media.gif") no-repeat;
		text-indent:-5080px;
	}
	.index-smenu-admin a{
		background:url("../../img/index_side_admin.gif") no-repeat;
		text-indent:-5080px;
	}


.side .topics{
	margin-bottom: 10px;
	border: 1px solid #ff5976;
	border-radius: 5px
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}
.side .topics h5{
	margin: 0 0 0 0;
	padding: 5px 0 5px 10px;
	font-size: 15px;
	color: #FFFFFF;
	background-color: #ff5976;
}
.side .topics dl{
	font-size:12px;
	line-height: 1.2em;
	padding: 5px;
	margin: 0;
	border-bottom: 1px dotted #CCCCCC;
}
.side .topics dl .icon{
	position: absolute;
	margin:-10px 0 0 -44px;
	border: 1px solid #CCCCCC;
	text-shadow: 0 0 2px #CCCCCC;
}
.side .topics dt {
	font-size:10px;
	font-weight: bold;
	color: #ff5976;
	margin-left: 50px;
}
.side .topics dd {
	margin-left: 50px;
	min-height: 25px;
}

	
	#contact{
		margin-top: 30px;
		width:198px;
		border: 1px solid #ff5976;
	}
	#contact a{
		color: #ff5976;
	}
	#contact a:hover{
		opacity:0.6;
	}




/*=========== footer ================*/
.footer{
	width:800px;
	clear:both;
	background:url("../img/footer_bg.gif") 0 27px no-repeat;
	padding:0 0 20px;
	margin-top:0px;
}
	.fmenu{
		margin:0;
		padding:0;
		list-style-type:none;
		height:33px;
	}
		.fmenu-admin,
		.fmenu-sitemap{
			float:left;
			width:120px;
			margin:0 5px 0 0;
			padding:0;
			line-style-type:none;
			height:33px;
		}
		.fmenu-admin a,
		.fmenu-sitemap a{
					outline:none;
					display:block;
					height:33px;
					text-indent:-4800px;
		}
		.fmenu-admin a		{background:url("../img/fmenu_admin.gif")}
		.fmenu-sitemap a	{background:url("../img/fmenu_sitemap.gif")}

	.footer-copy{
		margin-top:5px;
		font-size:80%;
		text-align:right;
		color:#74585e;
	}
		.footer-copy a:link,
		.footer-copy a:visited,
		.footer-copy a:hover,
		.footer-copy a:active{color:#74585e;text-decoration:underline;}


.even{
	background:#f8f8f8;
}
.caution{
	color:#ff3300;
}

.news-table{
	margin:5px 0px;
	width:585px;
}
	.news-table,
	.news-table th,
	.news-table td{
		border:none;
		border-collapse:collapse;
		border-spacing:0;
	}
	.news-table th{
		padding:0.5ex 1ex;
		text-align:left;
		font-weight:normal;
		vertical-align:top;
		color:#009211;
	}
	.news-table td{
		padding:0.5ex 1ex;
		vertical-align:top;
	}
.shashoku-mainimg{
	margin:10px 0 15px;
}
.shashoku-section{
	padding:0 4px 0 6px;
	width:256px;
	float:left;
}
.shashoku-section img{
	display:block;
}
.shashoku-navi{
	padding:30px 0 0;
	margin:0;
	height:50px;
	list-style-type:none;
}
.shashoku-navi-prev{
	margin:0;
	padding:0;
	float:left;
	width:120px;
}
.shashoku-navi-next{
	margin:0;
	padding:0;
	float:right;
	width:120px;
}
.shashoku-navi-next-tel{
	margin:0;
	padding:0;
	float:right;
	width:157px;
}
.shashoku-navi-next-jfeeng{
	margin:0;
	padding:0;
	float:right;
	width:190px;
}


hr.clear{
	height:0;
	visibility:hidden;
	clear:both;
	border:0 #ffffff solid;
}
.form-table{
	margin:10px auto;
}
.form-table td{
	vertical-align:top;
}
.form-table th{
	vertical-align:top;
	text-align:left;
}

textarea#message{
	width:500px;
}


/*=========== 問い合わせ用 ================*/
.pr_economist li img{
	position: absolute;
	float: left;
}







/*=========== アンケート特別ページ ================*/
#questionnaire{
	width: 700px;
	margin: 0 auto;
}

#questionnaire-txt1{
	margin: 20px 0 0 0;
	border: 1px solid #FF0000;
	padding: 10px 20px;
	background-color: #fff9f9;
}
#questionnaire-txt1 p,#questionnaire-txt2 p{
	margin: 0;
	line-height: 1.5em;
}
#questionnaire-txt1 .red{
	color: red;
}
#questionnaire-txt1 .term{
	text-align: center;
	margin: 20px auto;
	text-decoration: underline;
	font-size: 110%;
	font-weight: bold;
}
#questionnaire-txt2{
	margin: 25px 50px;
	font-size: 85%;
}
#questionnaire-txt2 p.head{
	margin-top: 5px;
	font-weight: bold;	
}
#questionnaire-txt2 p.txt{
	padding-left: 1em;
	color: gray;
}
#questionnaire-txt2 img{
	text-align: right;
}



/*=========== ボランティア募集特別ページ ================*/

.type{
	display: block;
	width: 650px;
	min-height: 200px;
	border: 1px solid black;
	margin: 10px auto 30px;
	border-radius: 10px;
}

.type h3{
	display: none;
}
.type p{
	padding: 70px 20px 0px 110px;
}

#volunteer-reporter{background: url(../../img/volunteer-04.gif) no-repeat;}
#volunteer-cameraman{background: url(../../img/volunteer-05.gif) no-repeat;}
#volunteer-webstaff{background: url(../../img/volunteer-06.gif) no-repeat;}

p.volunteer-contact{
	font-size: 1.3em;
	display: block;
	margin: 30px auto 50px;
	text-align: center;
}