/* style.css */

@charset "UTF-8";

@font-face{ 
	font-family: 'cinecaption'; /* お好きな名前にしましょう */
	src: url('../font/cinecaption.eot'); /* IE9以上用 */
	src: url('../font/cinecaption.eot?#iefix') format('embedded-opentype'), /* IE8以前用 */
	url('../font/cinecaption.woff') format('woff'), /* モダンブラウザ用 */
	url('../font/cinecaption.ttf') format('truetype'); /* iOS, Android用 */
	font-weight: normal; /* 念の為指定しておきます */
	font-style: normal;
}


/* 全体、その他
============================================*/
body {
	background: #000;
	color: #FFF;
	text-align: justify;
	text-justify: inter-ideograph;
	-ms-text-justify: inter-ideograph;
	font-size: 14px;
	line-height: 1.6;
	font-family: YuGothic, '游ゴシック','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,sans-serif;
	-webkit-text-size-adjust: 100%;
}

strong {
	font-weight: bold;
}

a{
	outline: none;
	color: #323232;
	-webkit-transition: 0.3s;
	-moz-transition: 0.3s;
	-o-transition: 0.3s;
	transition: 0.3s;
}
a:focus{
	outline: none;
}
a:hover {
	filter: alpha(opacity=50);
	-moz-opacity:0.5;
	opacity:0.5;
}

span.supText {
font-size: 60%;
vertical-align: top;
position: relative;
top: -0.2em;
}
span.subText {
font-size: 60%;
vertical-align: bottom;
position: relative;
top: 0.2em;
}

.imgcenter {
    display: block;
		text-align: center;
}
.imgright { float: right; padding-left: 20px; padding-bottom: 20px; }
.imgleft { float: left; padding-right: 20px; padding-bottom: 20px; }

#wrapper {
	margin: 0 auto;
	width: 640px;
}