@import url(http://fonts.googleapis.com/css?family=Tangerine|Dynalight);
@charset "utf-8";

/*
==============================================================================

Piero no fude web CSS

URI: http://www.pieronofude.com/

-------------------------------------------------------------------
*/



body{
	width: 100%;
	height:100%;
	text-align:center;
	position:relative;
}

div,p,dd,dl,dt,ul,li,h1,h2,h3,h4,h5,h6{
	font-size: 10px;
	font-family:"lucida grande", tahoma, verdana, arial, 'Hiragino Kaku Gothic Pro', Meiryo, 'MS PGothic', sans-serif;
	font-weight: normal;
	line-height: 1.5;
}

a:link {color:#cc3300;}
a:visited {color:#cc3300;}
a:active {color:#cc3300;}
a:hover {color:#ffa000;}


/*
==========================================

メインビジュアル

------------------------------------------
*/

#top_container{
	width:1235px;
	height:100%;
	position:relative;
    text-align:center;
	padding:45px 0 0 0;
	margin:0 auto 0 ;
}

h1{
	color:#999;
	position:absolute;
	top:10px;
	right:25px;
	}

/*
上部コンテンツ
------------------------------------------*/

#topbox{
	width:100%;
	height:auto;
	text-align:left;
	margin:0 auto 20px ;
	
}


#topbox_left{
	float:left;
	width:290px;
	height:auto;
	text-align:left;
	margin:0 0 0 20px;
}

#topbox_right{
	float:left;
	width:870px;
	height:auto;
	text-align:left;
	margin:0 0 0 35px;
}

#logo{
	margin:0 0 11px 0;
	padding:0 0 0 0;
	border-bottom:1px solid #ccc;
}

a:hover img#logo{
	opacity:0.6;
	filter: alpha(opacity=60);
	-ms-filter: "alpha( opacity=60 )";
	}

#about{
	margin:0 0 15px 0;
	padding:0 0 0 0;
	border-bottom:1px solid #ccc;
}

/*
時刻カウントダウン
-------------------*/

div#timebox{
	background:#FF0;
	width:290px;
	height:50px;
	margin:10px 0 0 0;
	position:relative;
	}

div#countdownbox{
	width:auto;
	height:auto;
	margin:10px 0 0 10px;
	font-size:16px;
	font-family:"Times New Roman", Times, serif;
	position:relative;
	top:14px;
	left:0;
	}

div#countdownbox img{
	margin:0 5px 0 ;
	position:relative;
	top:-5px;
	left:0;
	}



/*
バナーエリア
-------------------*/
	
div#main_visual{
	margin:0 0 25px 0;
	}

li.ban{
	float:left;
	margin:0 0 13px 0;
	}

li.ban img{
	margin:0 0 7px 0;
	}

li.ban a:hover img,
div#main_visual a:hover img{
	opacity:0.8;
	filter: alpha(opacity=80);
	-ms-filter: "alpha( opacity=80 )";
	}

li.ban p a:link{color:#333;}
li.ban p a:hover{color:#333;text-decoration:none;}
li.ban p a:active{color:#333;text-decoration:none;}
li.ban p a:visited{color:#333;}


h3#home_tit_column{
	width:280px;
	height:16px;
	background:url(../home/images/tit_column.png) no-repeat left top;
	text-indent:-9999px;
	margin:0 15px 10px 0;
	border-bottom:1px solid #ccc;
	}

h3#home_tit_pielog{
	width:280px;
	height:15px;
	background:url(../home/images/tit_pielog.png) no-repeat left top;
	text-indent:-9999px;
	margin:0 15px 10px 0;
	border-bottom:1px solid #ccc;
	}

h3#home_tit_about{
	width:280px;
	height:16px;
	background:url(../home/images/tit_about.png) no-repeat left top;
	text-indent:-9999px;
	margin:0 0 10px 0;
	border-bottom:1px solid #ccc;
	}

	
/*
下部コンテンツ
------------------------------------------*/

#underbox{
	width:100%;
	height:100%;
	position:relative;
    text-align:left;
	margin:0 auto 0px ;
	z-index:1;
}


/*
年表内アコーディオン
-------------------*/

h3.accordion_head{
	width: 1185px;
	font-size:14px;
	font-weight:bold;
	line-height:30px;
	cursor:pointer;
	background:#fff url(../home/images/battern01_back.png) repeat;
	margin:0 0px 15px 20px;
	padding:0 0 0 10px;
	}
	
h3.accordion_head:hover{
	background:#FF0;
	}
	
div#historybox{
	width:1195px;
	height:auto;
	background:#fff url(../home/images/battern01_back.png) repeat;
	padding:12px 0;
	margin:0 0 15px 20px;
	position:relative;
	}

div#historybox_img{
	position:absolute;
	top:20px;
	left:24px;
	width:auto;
	height:auto;
	padding:20px 10px 0px ;
	border:solid 0px #ccc;
	}

div#historybox_img p{
	text-align:center;
	font-size:30px;
	font-family: 'Tangerine', cursive;
	margin:15px 0 0 0;
	}

div#historybox h4{
	font-size:22px;
	margin:0 0 5px 0;
	border-bottom:1px solid #999;
	font-family: 'Dynalight', cursive;
}

ul#history_year{
	width:885px;
	margin:0 0 0 325px;
	}

ul#history_year li.history_year_list{
	float:left;
	width:260px;
	height: auto;
	margin:0 35px 5px 0px;
	padding:5px 0 5px 0;
	}

ul#history_year li.history_year_list ul li{
	font-size:11px;
	background:url(../common/images/listmark666.png) no-repeat left 50%;
	padding:0 0 0 15px;
	border-bottom:1px dashed #999;
	line-height:1.8;
	}


ul#history_year li.history_year_list ul li a:link{
	text-shadow:-1px -1px 0 white, 1px -1px 0 white, 1px 1px 0 white, -1px 1px 0 white;
	text-decoration:none;
	}

/*
年表
-------------------*/

ul#eventlist{
	width: 1195px;
	margin:0 0 0 20px;
	background:url(../home/images/verticalaxis.png) repeat-y 157px top;
	padding:0 0 0 0px;
	}

ul#eventlist li.event{
	padding:15px 0 50px 190px;
	margin:0 0 0px 0px;
	background:url(../home/images/point01.png) no-repeat 150px 31px;
	clear:both;
	position:relative;
	border-bottom:solid 1px #A4A6AC;
	}

ul#eventlist li.last{
	padding:15px 0 50px 190px;
	margin:0 0 0px 0px;
	border-bottom:none;
	}

div.eventinfo{
	}
	
span.date{
	font-family: 'Dynalight', cursive;
	position:absolute;
	top:25px;
	left:-2px;
	color:#fff;
	font-size:24px;
	width:140px;
	padding:0 20px;
	background:url(../home/images/date_back.png) no-repeat 2px top;
	}

span.icon{
	position:absolute;
	bottom:60px;
	left:0px;
	width:140px;
	}

span.url{
	font-size:10px;
	}

p.description{
	font-size:12px;
	line-height: 1.7;
	margin:5px 0 10px 0;
	}

span.hosoku{
	display:block;
	color:#666;
	font-size:10px;
	}

span.hosoku01{
	display:block;
	color:#444;
	border:1px solid #cecece;
	padding:3px 10px 3px;
	font-size:11px;
	margin:5px 0 0 0;
	}

ul#eventlist li h2{
	font-size:24px;
	height:50px;
	line-height:50px;
	margin:0 0 15px 0;
	background:#fff url(../home/images/battern01_back.png) repeat-x 0 bottom;
	}

div.galleryBox{
	padding:15px 15px 5px;
	background:#f6f6f6;
    box-shadow: 0px 0px 8px 0px #E3E3E3 inset;
	}

ul.imglist{
	margin: 0;
	}

ul.imglist li{
	display:block;
	float:left;
	margin:0 0 10px 0;
	background:url(../home/images/zoom.png) no-repeat 10px 10px;
	}

ul.imglist li img{
	margin:0 10px 0 0;
	height:93px;
	}

ul.imglist li a:hover img,
ul.imglist_mini li a:hover img{
	opacity:0.6;
	filter: alpha(opacity=60);
	-ms-filter: "alpha( opacity=60 )";
	background: #fff;
	}

ul.imglist_mini li{
	display:block;
	float:left;
	margin:0 0 10px 0;
	background:url(../home/images/minizoom.png) no-repeat 3px 3px;
	}

ul.imglist_mini li img{
	margin:0 10px 0 0;
	height:30px;
	}