@charset 'UTF-8';
/*********************************************************************************/
/* Basic                                                                         */
/*********************************************************************************/

/*********************************************************************************
フォントサイズ指定：YUI
10px = 77% 11px = 85% 12px = 93% 13px = 100%
14px = 108% 15px = 116% 16px = 123.1% 17px = 131%
18px = 138.5% 19px = 146.5% 20px = 153.9% 21px = 161.6%
22px = 167% 23px = 174% 24px = 182% 25px = 189% 26px = 197%
*********************************************************************************/
html,body{
	height:100%;
	margin:0!important;
	padding:0!important;
	}
body{ 
	background-color:#fffff;/* 背景色 */
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size:13px;
	color:#484848;/* 文字色 */
	margin:0!important;
	padding:0!important;
	}
#wapper{ /* 全体DIV */
	margin:0 auto 0;
	position:relative;
	/* min-height:100%; */
	padding:50px 0 100px;/* 100px==footerの高さ */
	}
	@media not screen and (1) {#wapper{overflow:hidden;}}
	* html div#wapper{
		height:100%;
	}
#container{ /* コンテンツDIV */
	width:835px;
	position:relative;
	margin:0 auto;
	padding:0;
}

#header{ /* ヘッダー */
	font-size:11px; /* 11px */
	text-align:right;
	width:100%;
	padding:5px 0 5px 0px;
	margin: 0px auto;
	color:#fff;
	background-color:#999999;
}

#topimg{ /* トップ画像 */
    height: 0;
    padding-top: 193.88%;
	margin:30px 0px 30px 0px;
	background-image:url(../img/okuno50th_01.png);
	background-repeat:no-repeat;
	background-size:contain;
	text-indent:-99999px;
}

#guestimg{ /* プロフィール画像 */
    height: 0;
    padding-top: 8.94%;
	margin:0 auto;
	background-image:url(../img/okuno50th_02.png);
	background-repeat:no-repeat;
	background-size:contain;
	text-indent:-99999px;
}

#texttitle{ /* プロフィール画像 */
	margin: 0 20% 0% 20%;
	text-align:left;
}

#textarea{ /* プロフィール画像 */
	font-size:100%;
	margin: 0 20% 5% 22%;
	text-align:left;
}

.title{
	border-bottom:1px solid #333333;
	font-size:120%;
	font-weight:600;
	padding:0 0 0 0;
	margin: 0 auto;
}

#spacer1{ /* スペイサー */
    height: 0;
    padding-top: 4.02%;
	margin: 50px 0 0 0;
	background-image:url(../img/spacer.png);
	background-repeat:no-repeat;
	background-size:contain;
	text-indent:-99999px;
}

#spacer2{ /* スペイサー */
    height: 0;
    padding-top: 4.02%;
	margin: 100px 0 0 0;
	background-image:url(../img/spacer.png);
	background-repeat:no-repeat;
	background-size:contain;
	text-indent:-99999px;
}

#spacer3{ /* スペイサー */
    height: 0;
    padding-top: 4.02%;
	margin: 0 0 0 0;
	background-image:url(../img/spacer.png);
	background-repeat:no-repeat;
	background-size:contain;
	text-indent:-99999px;
}

.title2{
	font-size:100%;
	font-weight:600;
	padding:0 0 0 0;
	margin: 0 auto;
	text-align: center;
}

h2{
	border-bottom:1px solid #333333;
	color:#666;
	font-size:150%;
	font-weight:normal;
	padding:0 0 0 0px;
	margin: 0 50px 10px 50px;}



#footer{ /* フッター */
	font-size:11px; /* 11px */
	text-align:center;
	width:100%;
	padding:5px 0 5px 0px;
	margin: 0px auto;
	color:#fff;
	background-color:#000000;
}

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

/**************************
コンテンツ囲い
**************************/
#content{
	margin:20px 0;	
}
/**************************
コンテンツ左
**************************/
#contentLF{
	width:540px;
	height:100%;
	float:left;
}
/**************************
コンテンツ右
**************************/
#contentRT{
	width:270px;
	height:100%;
	float:right;
}

/**************************
コンテンツボックス
**************************/
.box{
	margin:20px 0 40px;
}
#sbox{
	width:68%;
	margin: 0px auto;
	padding:2%;
	border:1px solid #000;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

/**************************
埋め込みVIDEO整列用
**************************/
.movie-2item{
	text-align:center;
}
.movie-2item iframe{
	margin:0 5px ;
}
/**************************
クリア--回り込み（float）を使う場所をまるっと囲み、
フロート落ちを防ぎます。
<div class="cf">
	<div style="float:left"></div>
	<div style="float:right"></div>
</div>
**************************/
.cf:before,
.cf:after {
    content: " ";
    display: table;
}

.cf:after {
    clear: both;
}

.cf {
    *zoom: 1;
}