@charset "utf-8";

/* default ----------------------------------------------------------------------------------*/
body,div,pre,p,blockquote,
form,fieldset,input,textarea,select,option,
dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,
table,th,td,embed,object{
	margin:0;
	padding:0;
	vertical-align:baseline;
}
h1,h2,h3,h4,h5,h6{
font-style:normal;
font-weight:normal;
font-size:1.0em;
}
table{border-spacing:0;}
* html table{border-collapse:collapse;}
*:first-child+html table{border-collapse:collapse;}
caption,th{text-align:left; font-weight:normal;}
table,th,td,img{border:0;}
img,input{vertical-align:middle;}
q:before,q:after{content:'';}
ul{list-style: none;}
body{
	color:#333;
	font-size: 62.5%; /* 10px */
	font-size:1.0em;
	font-family:'Hiragino Kaku Gothic Pro', Meiryo, san-serif;
	line-height:1.7;
	background:#FFF;
}
h1{font-size: 2em; /* 20px */ }
p{font-size: 1.2em; /* 12px */ }
a{
	color: #333;
	text-decoration:none;
	outline:none;
}
a:hover{
	color:#FFAA00;
}
input{
	vertical-align:middle;
	text-align:center;
}
input.btn{
	padding:10px 30px;
}

/* font ----------------------------------------------------------------------------------*/
.f_small{
	font-size:0.8em;
}
.f_mini{
	font-size:0.6em;
}
.f_big{
	font-size:1.2em;
}
.f_big2{
	font-size:1.4em;
}
.f_white{
	color:#FFF;
}
.f_red{
	color:#F00;
}
.f_blue{
	color:#00F;
}
.f_yellow{
	color:#FF0;
}
.f_orange{
	color:#01858C;
}
.f_grey{
	color:#CCC;
}
.f_grey2{
	color:#666;
}
.f_green{
	color:#006633;
}
.f_undeline{
	text-decoration:underline;
}
.f_bold{
	font-weight:bold;
}
.f_normal{
	font-weight:normal;
}
.f_kifu{
	color:#05994B;
	font-size:0.6em;
}
.f_arial{
	font-family:arial black;
}

/* container ----------------------------------------------------------------------------------*/
#container{
	border-top:15px solid #6699CC;
	border-bottom:15px solid #6699CC;
	margin:0 0 15px 0;
}
#container_2{
	border-top:15px solid #6699CC;
	border-bottom:15px solid #6699CC;
	background:#FFFF33;
	margin:0 0 15px 0;
	padding:0 0 20px 0;
}

/* wrapper ----------------------------------------------------------------------------------*/
#wrapper{
	width:900px;
	margin:0 auto;
	overflow:hidden;
}

/* header ----------------------------------------------------------------------------------*/
#header{
	width:900px;
	height:150px;
	margin:0 0 20px 0;
}
#header_2007,
#header_2008,
#header_2009,
#header_2010,
#header_2011,
#header_2012,
#header_2013,
#header_2014,
#header_2015,
#header_2016{
	float:left;
	width:550px;
	height:80px;
	margin:15px 0 10px 0;
}
#header_2007{
	background:url(../images/year_head2007.jpg) no-repeat;
}
#header_2008{
	background:url(../images/year_head2008.jpg) no-repeat;
}
#header_2009{
	background:url(../images/year_head2009.jpg) no-repeat;
}
#header_2010{
	background:url(../images/year_head2010.jpg) no-repeat;
}
#header_2011{
	background:url(../images/year_head2011.jpg) no-repeat;
}
#header_2012{
	background:url(../images/year_head2012.jpg) no-repeat;
}
#header_2013{
	background:url(../images/year_head2013.jpg) no-repeat;
}
#header_2014{
	background:url(../images/year_head2014.jpg) no-repeat;
}
#header_2015{
	background:url(../images/year_head2015.jpg) no-repeat;
}
#header_2016{
	background:url(../images/year_head2016.jpg) no-repeat;
}
#header_2007 h1,
#header_2008 h1,
#header_2009 h1,
#header_2010 h1,
#header_2011 h1,
#header_2012 h1,
#header_2013 h1,
#header_2014 h1,
#header_2015 h1,
#header_2016 h1{
	text-indent:-9999px;
}
/* loopslider ----------------------------------------------------------------------------------*/
#loopslider{
	margin:0 auto;
	width:900px;
	height:100px;
	text-align:left;
	position:relative;
	overflow:hidden;
	margin:0 0 20px 0;
}

#loopslider ul{
	height:100px;
	float:left;
	display:inline;
	overflow:hidden;
}

#loopslider ul li{
	width:155px;
	height:100px;
	float:left;
	display:inline;
	overflow:hidden;
}

/* =======================================
	ClearFixElements
======================================= */
#loopslider ul:after{
	content:".";
	height:0;
	clear:both;
	display:block;
	visibility:hidden;
}

#loopslider ul{
	display:inline-block;
	overflow:hidden;
}

/* content ----------------------------------------------------------------------------------*/
#content{
	position:relative;
	width:900px;
	height:800px;
	background:url(../images/top_bg.jpg) no-repeat;
	margin:0 0 20px 0;
}
#tree_area{
	height:460px;
}
.top_btn2007, /*----------------------------------------------- ガジュマルの実 設定*/
.top_btn2008,
.top_btn2009,
.top_btn2010,
.top_btn2011,
.top_btn2012,
.top_btn2013,
.top_btn2014,
.top_btn2015,
.top_btn2016{
	position:absolute;
}
.top_btn2007 img,/*なんか座標外にリンクがでるバグ対策*/
.top_btn2008 img,
.top_btn2009 img,
.top_btn2010 img,
.top_btn2011 img,
.top_btn2012 img,
.top_btn2013 img,
.top_btn2014 img,
.top_btn2015 img,
.top_btn2016 img{
	margin:-5px 0 0 0;
}
.top_btn2007{
	top:300px;
	left:290px;
}
.top_btn2008{
	top:210px;
	left:110px;
}
.top_btn2009{
	top:100px;
	left:260px;
}
.top_btn2010{
	top:180px;
	left:430px;
}
.top_btn2011{
	top:240px;
	left:250px;
}
.top_btn2012{
	top:90px;
	left:-90px;
}
.top_btn2013{
	top:280px;
	left:290px;
}
.top_btn2014{
	top:370px;
	left:-260px;
}
.top_btn2015{
	top:80px;
	left:30px;
}
.top_btn2016{
	top:230px;
	left:190px;
}

/* year_area ----------------------------------------------------------------------------------*/
#year_area{
	width:900px;
/*	height:650px;*/
	margin:0 0 40px 0;
	_margin:0 0 10px 0;
	overflow:hidden;
}

/* comment_list ----------------------------------------------------------------------------------*/
#comment_list{
	float:left;
	width:548px;
/*	height:588px;*/
	border:1px solid #CCCCCC;
	background:#FFF;
	padding:30px 20px 30px 30px;
}
#comment_area{
/*	height:590px;*/
/*	height:560px;*/
	height:640px;
	overflow:scroll;
	overflow-x:hidden;
}
dl#comment_box{
	color:#333333;
	font-size:0.8em;
	width:520px;
}
dl#comment_box dt{
	color:#666666;
	text-align:right;
	margin:0 0 30px 0;
}
dl#comment_box dd.type1{
	border-bottom:3px solid #FF7F7F;
}
dl#comment_box dd.type2{
	border-bottom:3px solid #7F7FFF;
}
dl#comment_box dd.type3{
	border-bottom:3px solid #8DC88F;
}
dl#comment_box dd.type4{
	border-bottom:3px solid #FFFF7F;
}
dl#comment_box dd.type5{
	border-bottom:3px solid #FFCC7F;
}
dl#comment_box dd.type6{
	border-bottom:3px solid #7F7F7F;
}
dl#comment_delete_mail{
	font-size:0.8em;
}
dl#comment_delete_mail dt{
	color:#F00;
}
dl#comment_delete_mail dd{
	line-height:1.7;
	width:129px;
	height:17px;
	background:url(../images/top_disc1.jpg) 0 0 no-repeat;
	margin:0 auto;
	padding:0 0 0 36px;
}

/* photo_list ----------------------------------------------------------------------------------*/
#photo_list{
	float:right;
	width:280px;
/*	height:650px;*/
/*	margin:0 0 40px 0;*/
}
.year_photo_t{
	width:190px;
	height:10px;
	background:url(../images/year_photo_t.png) no-repeat;
}
.year_photo_m{
	width:180px;
	background:url(../images/year_photo_m.png) repeat-y;
	padding:0 0 0 10px;
}
.year_photo_b{
	width:190px;
	height:20px;
	background:url(../images/year_photo_b.png) no-repeat;
}
.year_photo_2{
	margin:0 0 0 90px;
}

/* form_area ----------------------------------------------------------------------------------*/
#form_title{
	width:900px;
	margin:0 0 10px 0;
}
ul#form_area{
	float:left;
	overflow:hidden;
}
ul#form_area li{
	text-align:right;
	line-height:100%;
}
ul#form_area li input{
	height:20px;
}
ul#form_area li.name,
ul#form_area li.year,
ul#form_area li.mail,
ul#form_area li.nick,
ul#form_area li.age,
ul#form_area li.position,
ul#form_area li.country{
	float:left;
	height:27px;
	margin:0 5px 5px 0;
	padding:3px 5px 0 0;
	display:inline;
}
ul#form_area li.name{
	width:295px;
	background:url(../images/form_name.png) no-repeat;
}
ul#form_area li.year{
	width:220px;
	background:url(../images/form_year.png) no-repeat;
}
ul#form_area li.mail{
	width:360px;
	background:url(../images/form_mail.png) no-repeat;
	margin:0 0 5px 0;
}
ul#form_area li.nick{
	width:205px;
	background:url(../images/form_nick.png) no-repeat;
}
ul#form_area li.age{
	width:80px;
	background:url(../images/form_age.png) no-repeat;
}
ul#form_area li.position{
	width:220px;
	background:url(../images/form_position.png) no-repeat;
}
ul#form_area li.country{
	width:360px;
	background:url(../images/form_country.png) no-repeat;
	margin:0 0 5px 0;
}
ul#form_area li.comment{
	float:left;
	width:627px;
	height:100px;
	background:url(../images/form_comment.png) no-repeat;
	margin:0 0 15px 0;
	padding:3px 0 0 273px;
	display:inline;
}
*:first-child+html ul#form_area li.comment{/*ie7*/
	height:115px;
}
ul#form_area li.name input{
	width:190px;
	height:20px;
}
ul#form_area li.year select{
	height:20px;
}
ul#form_area li.mail input{
	width:230px;
	height:20px;
}
ul#form_area li.nick input{
	width:110px;
	height:20px;
}
ul#form_area li.age input{
	width:35px;
	height:20px;
}
ul#form_area li.position select{
	height:20px;
}
ul#form_area li.country input{
	width:230px;
	height:20px;
}
ul#form_area li.comment textarea{
	width:600px;
	height:90px;
}
.form_button_area{
	float:right;
	overflow:hidden;
}
.form_submit{
	float:right;
	height:70px;
}
.form_back{
	float:right;
	height:70px;
	margin:0 20px 0 0;
}
ul#error_list{
	float:left;
	line-height:120%;
	border:1px solid #F00;
	background:#FFF;
	margin:0 0 20px 0;
	padding:10px 0 10px 30px;
}
ul#error_list li{
	color:#F00;
	font-size:0.8em;
	list-style-type:disc;
	margin:0 30px 0 0;
}

/* footer ----------------------------------------------------------------------------------*/
#footer{
	height:200px;
	background:#FFF;
}
#footer_area{
	width:900px;
	margin:0 auto;
	overflow:hidden;
}
ul#footer_link1,
ul#footer_link2{
	float:left;
	width:125px;
}
ul#footer_link2{
	margin:27px 0 0 0;
	_margin:33px 0 0 0;/*ie6*/
}
*:first-child+html ul#footer_link2{/*ie7*/
	margin:33px 0 0 0;
}
ul#footer_link1 li,
ul#footer_link2 li{
	font-size:0.8em;
	height:17px;
	background:url(../images/top_disc1.jpg) 0 0 no-repeat;
	margin:0 0 10px 0;
	_margin:0 0 5px 0;
	padding:0 0 0 36px;
}
ul#footer_link3{
	float:left;
	width:330px;
	overflow:hidden;
}
ul#footer_link3 li,
ul#footer_link3 li.middle1,
ul#footer_link3 li.middle2{
	float:left;
	font-size:0.8em;
	line-height:100%;
	_line-height:120%;/*ie6*/
	width:291px;
	background:url(../images/top_disc2.jpg) 0 0 no-repeat;
	margin:0 0 10px 0;
	padding:0 0 0 39px;
}
ul#footer_link3 li.middle1{
	line-height:1.7;
	width:169px;
	height:17px;
	background:url(../images/top_disc1.jpg) 0 0 no-repeat;
	padding:0 0 0 36px;
}
ul#footer_link3 li.middle2{
	line-height:1.7;
	width:89px;
	height:17px;
	background:url(../images/top_disc1.jpg) 0 0 no-repeat;
	padding:0 0 0 36px;
}
ul#footer_link1 li a,
ul#footer_link2 li a,
ul#footer_link3 li a{
	display:block;
}
.footer_link2_space{
	float:left;
	width:125px;
	height:10px;
}
ul#footer_link4{
	float:left;
	width:320px;
}
ul#footer_link4 li{
	font-size:0.8em;
	font-weight:bold;
	line-height:100%;
	_line-height:120%;/*ie6*/
	margin:0 0 10px 0;
}
.footer_name{
	margin:4px 0 0 0;
}
address{
}
address a{
}

/* 木の実アニメーション ----------------------------------------------------------------------------------*/
.button{
	position:relative;
	height:14px;
	margin:0 10px 0 20px; padding:5px 10px 5px 15px;
	cursor:pointer;
	display:inline-block;
	font-size:11px;
	text-decoration:none;
	background:#fff;
	font-weight:bold;
	-moz-border-radius-bottomleft:5px;
	-moz-border-radius-bottomright:5px;
	-moz-border-radius-topleft:5px;
	-moz-border-radius-topright:5px;
}
.button img{
	position:absolute;
	top:-4px; left:-12px;
	border:0;
}
.btn_send{
	border:solid 1px #63D517;
	color:#63D517;
}
.btn_send:hover{
	background:#CDFFAF;
}
.btn_cancel{
	border:solid 1px #FF8358;
	color:#FF8358;
}
.btn_cancel:hover{
	background:#FFC7AF;
}
fieldset{
	padding:10px;
	width:350px;
}
textarea{
	width:310px; height:10em;
	margin:0 20px;
}
.right{
	text-align:right;
}
/* 利用にあたっての注意点 ----------------------------------------------------------------------------------*/
#privacy_area{
	font-size:1.2em;
}
#privacy_top{
	margin:0 0 30px 0;
}
ul#privacy_list{
	list-style-type:decimal;
	margin:0 0 25px 20px;
}
ul#privacy_list li{
	margin:0 0 5px 0;
}
/* 日本・ASEANユースリーダーズサミット ----------------------------------------------------------------------------------*/
#asean_area{
	font-size:1.2em;
}
ul#asean_list{
}
ul#asean_list li{
	margin:0 0 20px 0;
}
ul#asean_list li a,
ul#asean_list li a:link,
ul#asean_list li a:visited{
	color:#00F;
}
ul#asean_list li a:hover{
	color:#06F;
}
/* aaa ----------------------------------------------------------------------------------*/
/* aaa ----------------------------------------------------------------------------------*/
/* aaa ----------------------------------------------------------------------------------*/
/* aaa ----------------------------------------------------------------------------------*/
/* aaa ----------------------------------------------------------------------------------*/
/* aaa ----------------------------------------------------------------------------------*/