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

/* 
html5doctor.com Reset Stylesheet
v1.6.1
Last Updated: 2010-09-17
Author: Richard Clark - http://richclarkdesign.com 
Twitter: @rich_clark
*/
html, body, div, span, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,abbr, address, cite, code,del, dfn, em, img, ins, kbd, q, samp,small, strong, sub, sup, var,b, i,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td,article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary,time, mark, audio, video {margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent;}
body {line-height:1;}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section { display:block;}
nav ul,nav ul li {list-style:none;}
blockquote, q {quotes:none;}
blockquote:before, blockquote:after,q:before, q:after {content:'';content:none;}
a {margin:0;padding:0;font-size:100%;vertical-align:baseline;background:transparent;}
/* change colours to suit your needs */
ins {background-color:#ff9;color:#000; text-decoration:none;}
/* change colours to suit your needs */
mark {background-color:#ff9;color:#000;font-style:italic;font-weight:bold;}
del {text-decoration: line-through;}
abbr[title], dfn[title] {border-bottom:1px dotted;cursor:help;}
table {border-collapse:collapse;border-spacing:0;}
/* change border colour to suit your needs */
hr{display:block;height:1px;border:0;   border-top:1px solid #cccccc;margin:1em 0;padding:0;}
input, select {vertical-align:middle;}

sup {
	vertical-align: text-top;
	line-height: 4px;
	font-size: 85%;
}


/* common.css */

body{
	margin:0px;
	padding:0px;
	letter-spacing: 0.05em;
	font: 12px/1.8em "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro",  Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	color: #000;
	background: url(../../images/2014/teaser/bg.png) repeat-x 0px 262px;
}

a{
	color: #d6000f;
	text-decoration: underline;
}

a:hover{
	text-decoration: none;
}

/* cf */
.cf:after {
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}

.cf {
	display: inline-block;
}

/* exlude MacIE5 \*/
* html .cf {
	height: 1%;
}

.cf {
	display:block;
}


#header{
	margin: 0px auto;
	padding: 0px;
	height: 320px;
	width: 960px;
	position: relative;
}

#header h1#t1{
	margin: 0px;
	padding: 0px;
	height: 107px;
	width: 482px;
	position: absolute;
	left: 0px;
	top: 14px;
}

#header h1#t2{
	margin: 0px;
	padding: 0px;
	height: 107px;
	width: 396px;
	position: absolute;
	top: 14px;
	right: 0px;
}

#header h1#t3{
	margin: 0px;
	padding: 0px;
	height: 108px;
	width: 419px;
	position: absolute;
	left: 270px;
	top: 145px;
}

#date{
	margin: 0px;
	padding: 0px;
	height: 150px;
}

#date h2{
	text-align: center;
	margin: 0px;
	padding: 0px;
}

#navi{
	margin: 0px auto;
	padding: 0px;
	width: 960px;
	height: 150px;
}

#navi ul li{
	margin: 0px;
	padding: 0px;
	float: left;
	width: 194px;
	height: 123px;
}

#navi ul li.r{width: 184px;}

#navi p{
	text-align: right;
	margin: 0px;
	padding: 0px;
}

#photo-frame{
	width: 100%;
	overflow: hidden;
}

#photo{
	margin: 0px auto;
	padding: 0px;
	width: 1540px;
}

#photo .pb{
	float: left;
	padding: 0px 8px 8px 0px;
}