@charset "UTF-8";
@import url('../common/reset.css');

.wf-loading .body_txt {
	visibility: hidden;
}
.wf-active .body_txt {
	visibility: visible;
}

img{
	width:100%;
}

body{
	background-color: #EDEAE7;
	font-family: "century-old-style-std", "a-otf-ryumin-pr6n";
	letter-spacing:0.1em;
	line-height: 100%;
}

#wrapper{
	position: relative;
	max-width: 980px;
	margin: 0 auto;   /*全体の中央寄せ*/
	padding-bottom:50px;
	z-index: 1;
	top: 80px; 
	/*border: 1px solid black;*/
}

header{
    position: fixed;            /* フッターの固定 */
    top: 60px;                	/* 位置(上0px) */
    left: 0px;                  /* 位置(左0px) */
    width: 100%;                /* 横幅100%　*/
	z-index:9999;
}

#header_frame{
	height: 100%;              /* 縦の表示領域はheader-bkと同じ */
	width: 980px;              /* 横の幅970px */
	margin: auto;              /* 中央揃え */
}
.logo_frame{
	float : left;
}
.logo{
	font-size:250%;
	text-decoration: none;
	border-bottom: 4px solid black;
	padding-bottom: 3px;
	margin-left:10px;
}

nav#sidr{
	float : right;

}

li{
	float : left;
	margin-left:45px;
	font-size:105%;
}

li img{
	width:20px;
}

li a:hover { 	
	color:#999;
	border-bottom: 2px solid #999;
	padding-bottom: 2px;
}

.ico-menu img,.simple-menu{
	display:none;
}

#container{
	width:100%;
	z-index: 2;
	margin-top:60px;
}

#title_box{
	display: inline-block;
	width: 100%;
	text-align:center;
	margin-bottom:50px;
	margin-top:40px;
}
.title_txt{
	font-size:34px;
	text-decoration: none;
	border-bottom: 3px solid black;
	padding-bottom: 3px;
	text-align:center;
}

.name_txt{
	font-size:28px;
	margin-bottom:30px;
}

.job_txt{
	font-size:23px;
	margin-bottom:15px;
}

.body_txt{
	font-size:18px;
	line-height: 140%;
}

.body_txt p{
	margin-top:15px;
	margin-left:-10px;
}

.pc_only{
	margin-top: 60px;
	text-align:center;
}
.more_txt{
	font-size:34px;
	text-decoration: none;
	border-bottom: 3px solid black;
	padding-bottom: 3px;
	text-align:center;

}

footer{
	position: fixed;            /* フッターの固定 */
    top: 300px;                	/* 位置(上0px) */
	font-size:70%;
	letter-spacing:0.05em;
	width:300px;
	-moz-transform:    rotate( 90deg );  /* Firefox用 */
	-webkit-transform: rotate( 90deg );  /* Chrome,Safari,新しいOpera用 */
	-o-transform:      rotate( 90deg );  /* 古いOpera用 */
	-ms-transform:     rotate( 90deg );  /* IE9用 */
	transform:         rotate( 90deg );  /* CSS3の書き方 */
}
/*
footer{
	position: fixed;            
    top: 155px;                	
	font-size:70%;
	letter-spacing:0em;
    -ms-writing-mode: tb-rl; 
    -webkit-writing-mode: vertical-rl;
    writing-mode: vertical-rl;
}

*/