@charset "euc-jp";

/* memorial */

h1.header-memorial{
	width: 1000px;
	height: 469px;
	margin: 0 auto;
	text-align: left;
	background:url(/dol/topics/10th_anniversary/img/memorial_movement/header.png) top center no-repeat;
}

h2{
	font-size: 20px;
	width: 97.5%;
	color: #fff;
	font-weight: bold;
	margin: 0px auto 0 auto;
	padding: 7px 5px 5px 10px;
	text-align: left;
	background: rgb(105,15,15); /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzY0YjJlNiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMxZDZjZTYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(left,  rgba(105,15,15,1) 0%, rgba(46,7,24,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(100,178,230,1)), color-stop(100%,rgba(46,7,24,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(left,  rgba(105,15,15,1) 0%,rgba(46,7,24,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(left,  rgba(105,15,15,1) 0%,rgba(46,7,24,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(left,  rgba(105,15,15,1) 0%,rgba(46,7,24,1) 100%); /* IE10+ */
	background: linear-gradient(to right,  rgba(105,15,15,1) 0%,rgba(46,7,24,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#690f0f', endColorstr='#2e0718',GradientType=1 ); /* IE6-8 */

}

.memorial_box_wall{ 
	width: 1000px; 
	height: auto; 
	margin: 0 auto; 
	background:url(/dol/topics/10th_anniversary/img/memorial_movement/wall_01.png) no-repeat top center; 
	}
	
.memorial-box{ 
	width: 740px; 
	height: auto; 
	margin: 0 auto; 
	text-align: left; 
	border: solid 2px #690f0f; 
	background: #fff; 
	padding: 30px 30px 0 30px; 
	font-size:12px;
	}
	
.memorial-box h3{ font-size: 16px; line-height: 1; color: #690f0f; padding-left: 6px; border-left: solid 10px #690f0f; border-bottom: solid 1px #690f0f; margin-bottom: 5px; margin-top: 10px; font-weight: bold;}
.memorial-box h4{ font-size: 16px; line-height: 1; color: #ab8a69; padding-left: 6px; border-left: solid 5px #ab8a69; margin-bottom: 5px; margin-top: 20px; font-weight: bold;}


.text-box{ padding-bottom: 30px; margin-left: 10px; margin-right:10px;}
.text-box02{ padding-bottom: 30px; padding-top:10px; margin-left: 10px; margin-right:10px;}
.text-box03{ padding-bottom: 10px; margin-right:10px;}
.text-box04{ padding-bottom: 0px; margin-left: 10px; padding-top:10px; margin-right:10px;}


ul.text-box2{ border: solid 3px #690f36; padding: 10px; font-size:14px; margin-bottom: 10px; background:#fbe1ec;}
ul.text-box2 li{border-bottom: dotted 1px #690f36; padding: 5px 0;}

table.data_box{min-width: 740px;}
table.data_box td,th{ border: solid 1px #000; padding: 5px; font-size: 12px; text-align: center;}
table.data_box th{ background: #8e7453; color: #fff;}

table.data_box2{min-width: 740px;}
table.data_box2 td,th{ border: solid 1px #000; padding: 5px; font-size: 12px;}
table.data_box2 th{ background: #8e7453; color: #fff; text-align: center;}
table.data_box2 td{ text-align: left;}

table.data_box tr:nth-child(even) { background:#fff;}
table.data_box tr:nth-child(odd) {background:#d8cbbc;}

table.data_box2 tr:nth-child(even) { background:#fff;}
table.data_box2 tr:nth-child(odd) {background:#d8cbbc;}

.at{font-size: 11px; padding: 4px 0;}


th.width_type01{width:198px;}
th.width_type02{width:238px;}
th.width_type03{width:298px;}

th.width_type04{width:140px;}
th.width_type05{width:248px;}
th.width_type06{width:146px;}
th.width_type07{width:158px;}

th.width_type08{width:50%;}


.left_box{
	width: 280px;
	height: auto;
	margin: 0 auto 20px auto;
	text-align: left;
	float: left;
}


.right_box{
	width: 360px;
	height: auto;
	margin: 10px auto 20px auto;
	text-align: left;
	float: left;
	padding-left: 6px;
}


.memorial-btn{ width: 400px; margin: 0 auto; padding: 0 0 0 0; text-align: center;}
.memorial-btn a{ background: url(/dol/topics/10th_anniversary/img/memorial_detail/btn04.png); width: 400px; height: 60px; display: block;}

.memorial-btn2{ width: 460px; margin: 0 auto; padding: 0 0 0 0; text-align: center;}
.memorial-btn2 a{ background: url(/dol/topics/10th_anniversary/img/memorial_detail/btn03.png); width: 460px; height: 60px; display: block;}

.memorial-btn3{ width: 360px; margin: 0 auto; padding: 0 0 0 0; text-align: center;}
.memorial-btn3 a{ background: url(/dol/topics/10th_anniversary/img/memorial_detail/btn05.png); width: 360px; height: 150px; display: block;}

.memorial-btn5{ width: 360px; margin: 0 auto; padding: 0 0 0 0; text-align: center;}
.memorial-btn5 a{ background: url(/dol/topics/10th_anniversary/img/memorial_detail/btn06.png); width: 360px; height: 150px; display: block;}

.memorial-btn4{ width: 760px; margin: 0 auto 10px auto; padding: 0 0 0 0; text-align: center;}
.memorial-btn4 a{ background: url(/dol/topics/10th_anniversary/img/memorial_detail/nikoniko.png); width: 760px; height: 53px; display: block;}

.memorial-btn a:hover{ filter:alpha(opacity=50); -moz-opacity: 0.5; opacity: 0.5;}
.memorial-btn2 a:hover{ filter:alpha(opacity=50); -moz-opacity: 0.5; opacity: 0.5;}
.memorial-btn3 a:hover{ filter:alpha(opacity=50); -moz-opacity: 0.5; opacity: 0.5;}
.memorial-btn4 a:hover{ filter:alpha(opacity=50); -moz-opacity: 0.5; opacity: 0.5;}
.memorial-btn5 a:hover{ filter:alpha(opacity=50); -moz-opacity: 0.5; opacity: 0.5;}

.memorial-btn strong{ position: absolute; width: 0; height: 0; overflow: hidden;}
.memorial-btn2 strong{ position: absolute; width: 0; height: 0; overflow: hidden;}
.memorial-btn3 strong{ position: absolute; width: 0; height: 0; overflow: hidden;}
.memorial-btn4 strong{ position: absolute; width: 0; height: 0; overflow: hidden;}
.memorial-btn5 strong{ position: absolute; width: 0; height: 0; overflow: hidden;}

/* table
---------------------------------------------- */
table.memorial_list{ margin:10px auto;}

table.memorial_list td{ border: solid 1px #000; padding:5px; text-align: left;}
table.memorial_list th{ background: #8e7453; color: #fff; text-align: center;}
.font10{font-size:10px;}

th.list_type01{width: 60px;}
th.bg_type1{ background: #b49c7e !important;}

.updata_txt{font-size: 10px;}
.noupdata{background: #ccc;}
.newupdata{font-size: 16px;}


ul {
list-style-type: disc;
padding-left:20px;
}

.note dt {
  position: relative;
}
.note dt span {
  position: absolute;
}
.note dd {
  padding-left: 1em;
}

p {
    padding-left: 1em;
    text-indent: -1em;
}

/* garally */

.garally_f {
	height:490px;
	width:600px;
	margin:0 auto;
	text-align:left;
	padding-bottom:10px;
}

.garally {
	height:450px;
	width:600px;
	margin:0 auto;
	padding-top:10px;
	padding-left:10px;
	text-align:left;
}


.g_cont {
}

.controls {
	margin-top:5px;
	margin-left:5px;
}

.controls a {
	height:20px;
	width:20px;
	background:#933;
	display:block;
	z-index:1000;
	float:left;
	border:#fff solid 1px;
	margin-left:5px;
	color:#fff;
	font-size:14px;
	text-align:center;
	text-decoration:none;
}

.controls a:hover {
	background:#ccc;
	color:#000;
}

div.scroller { 
	/* modify width and height of scrolling section if necessary	*/		
	height:450px;
	width:600px;
	overflow: hidden;
	border:#900 1px solid;
}
div.scroller div.section {
/* modify width and height of each section as needed (should match the size of the scroller window)	*/		
	height:450px;
	width:600px;
	overflow:hidden;
	float:left;
}
div.scroller div.content {
	width: 10000px;
}