@charset "utf-8";
/*=============================================*/
/* home */
/*=============================================*/
#header {
	height: 1060px;
}
#header h1 {
 margin: 0;
 padding: 22px 0 0;
 text-align: center;
}
#header_bg {
	position: absolute;
	top: 0px;
	width: 100%;
	left: 0;
	min-width: 1000px;
	z-index: 999
}
#header .logo_header {
	padding: 85px 0 59px 310px;
	 text-align: left;
}
#header .icon_header {
	padding: 0 0 0 450px;
}
#header ul.nav_header {
	padding: 35px 0 0 0px;
}
#header .left_header{
	float:left;
}
#header .right_header{
	float:right;
}
#header .center_header{
	text-align:center;
	margin-top:35px;
}
#key {
	height: 1060px;
	position: relative;
	width: 100%;
}
#key div {
	background-position: center top !important;
	background-repeat: no-repeat;
	position: relative;
	width: 100% !important;
	z-index: 9;
	height: 1060px;
}
#key .box {
	background-attachment: scroll;
	background-clip: border-box;
	background-color: rgba(0, 0, 0, 0);
	background-image: none;
	background-origin: padding-box;
	background-position: center top !important;
	background-repeat: no-repeat;
	background-size: cover;
	height: 1060px;
	margin: 0 auto;
}
#section01 {
	background: url(../img/index/section01_bg.jpg) repeat center top;
	min-height: 1145px;
	position: relative;
}
#section01 .line_01 {
	position: absolute;
	top: 0px;
	left: 0px;
}
#section01 h2 {
	position: absolute;
	top: 196px;
	left: 27px;
}
#section01 .img_01 {
	position: absolute;
	top: 135px;
	left: -316px;
}
#section01 .img_04 {
	position: absolute;
	top: 303px;
	right: -404px;
}
#section01 .img_02 {
	padding: 135px 0 0 473px
}
#section01 .img_03 {
	position: absolute;
	top: 647px;
	left: -70px;
}
#section01 .list_p {
	margin-left: 536px;
	color: #ffffff;
	padding: 23px 0 40px 0;
}
#section01 .list_p p {
	padding-bottom: 25px;
}
.button01{
	cursor:pointer;
	}
#section01 .first_link {
 background: rgba(0, 0, 0, 0) url("../img/index/first_link.png") no-repeat scroll center top;
 position: relative;
 width: 100%;
}
#section01 #first_link_on{
 background: rgba(0, 0, 0, 0) url("../img/index/first_link_on.png") no-repeat scroll center top;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	display:none;
	height: 100%;
}
#section01 .first_link .p_02 {
	position: absolute;
	top: 175px;
	text-align: center;
	width: 1000px;
	font-size: 13px;
	color: #ffffff;
}
#section02 {
	position: relative;
	z-index: 9;
}
#section02 #section02_slider {
	height: 1020px;
	position: relative;
	width: 100%;
}
#section02_slider div {
	background-position: center top !important;
	background-repeat: no-repeat;
	position: relative;
	width: 100% !important;
	z-index: 9;
	height: 1020px;
}
#section02_slider .box01 {
	background-attachment: scroll;
	background-clip: border-box;
	background-color: rgba(0, 0, 0, 0);
	background-image: none;
	background-origin: padding-box;
	background-position: center top !important;
	background-repeat: no-repeat;
	background-size: cover;
	height: 1020px;
	margin: 0 auto;
}
#section02 #section02_rp {
	background: url(../img/index/bg_white01.png) repeat center top;
	height: 1020px;
	position: absolute;
	top: 0px;
	width: 100%;
	z-index: 999;
}
#section02 #section02_bg {
	background: url(../img/index/section02_bg.png) no-repeat center top;
	height: 1020px;
}
#section02_bg .p_01 {
	text-align: center;
	line-height: 35px;
	padding: 35px 0 75px 0;
	color: #ffffff;
}
#section02_bg .btn_02 {
	text-align: center;
}
#section03 {
	position: relative;
}
#section03 #section03_slider {
	height: 1020px;
	position: relative;
	width: 100%;
}
#section03_slider div {
	background-position: center top !important;
	background-repeat: no-repeat;
	position: relative;
	width: 100% !important;
	z-index: 9;
	height: 1020px;
}
#section03_slider .box02 {
	background-attachment: scroll;
	background-clip: border-box;
	background-color: rgba(0, 0, 0, 0);
	background-image: none;
	background-origin: padding-box;
	background-position: center top !important;
	background-repeat: no-repeat;
	background-size: cover;
	height: 1020px;
	margin: 0 auto;
}
#section03_bg {
	background: url(../img/index/section03_bg.png) no-repeat center top;
	height: 1020px;
	position: absolute;
	top: 0px;
	width: 100%;
	z-index: 9;
}
#section03_bg .p_01 {
	text-align: center;
	width: 500px;
	color: #fff;
	padding: 16px 0 0 0;
	line-height: 35px;
}
#section03_bg .btn_03 {
	position: absolute;
	top: 599px;
	left: 522px;
}
#section04 {
	background: url(../img/index/section04_rp.jpg) repeat center top;
	height: 800px;
}
#section04_bg {
	background: url(../img/index/section04_bg.png) no-repeat center top;
	height: 800px;
}
#section05 #instafeed {
	padding: 0 0 100px 0px;
}
#rss_main {
	position: absolute;
	top: 200px;
	left: 83px;
}
#fb_main {
	background: #fff;
	position: absolute;
	top: 205px;
	left: 490px;
	width: 430px;
	height: 470px;
}
#feed {
}
#feed li {
	padding-bottom: 15px;
	background: url(../img/index/icon_rss.png) no-repeat left 5px;
	list-style: none;
}
#feed li span {
	color: #fff;
	display: block;
	font-size: 12px;
	line-height: 25px;
	padding: 3px 0 0 23px;
}
#feed a {
	color: #f6f6f6;
	font-size: 14px;
	line-height: 25px;
	text-decoration: none
}
#feed a:hover {
	text-decoration: underline
}
#section05 {
	background: url(../img/index/section05_rp.jpg) repeat center top;
}
#section05 #instafeed li {
	width:180px;
	float: left;
	margin-right: 15px;
	margin-bottom: 15px;
}
#section05 #instafeed li img{
	border: 3px solid #716035;
}
#section05 #instafeed small{
	color:#716035;
}
.header {
 width: 100%;
 min-width:1000px;
 margin: 0 0 0;
}
.bnr_box{
 display: flex;
 justify-content: center;
}
.bnr_box p{
 margin: 10px;
}
.btn_04 a:hover{
 	text-decoration:none;
	filter:alpha(opacity=80);
	-ms-filter: "alpha(opacity=80)";
	-moz-opacity:0.8;
	opacity:0.8;
}</div><div class="naked_ctrl">
<form action="/index.cgi/speech" method="get" name="gate">
<p><a href="http://altstyle.alfasado.net">AltStyle</a> によって変換されたページ <a href="https://www.c-d-r.tokyo/shared/css/index.css">(-&gt;オリジナル)</a>
/ <label>アドレス: <input type="text" name="naked_post_url" value="https://www.c-d-r.tokyo/shared/css/index.css" size="22" /></label> <label>モード: <select name="naked_post_mode">
<option value="default">デフォルト</option>
<option value="speech" selected="selected">音声ブラウザ</option>
<option value="ruby">ルビ付き</option>
<option value="contrast">配色反転</option>
<option value="larger-text">文字拡大</option>
<option value="mobile">モバイル</option>
</select>
<input type="submit" value="表示" />
</p>
</form>
</div>