@charset "utf-8";

/*
Reset
*/
html,body,h1,h2,h3,h4,h5,h6,div,span,ul,ol,p,b,
br,table,section,article,video,audio,
address,strong,form,aside,footer,header {
	margin:0;
	padding:0;
	border:0;
	outline:0;
	font-size:100%;
	vertical-align:baseline;
}

img{
	border:0px;
	vertical-align:top;/*画像の下に勝手に生じる隙間をなくす*/
}

p {
}

h1 {
	color:#fff;
}

h2 {
	margin-left:54px;
	padding-left:8px;
	font-size:12px;
	color:#000;
	border-left:solid 7px #fff;
	position:relative;
	display:block;
}

h2::before{
	position:absolute;
	content:"";
	display:block;
	border-left:solid 7px #a39638;
	left:-7px;
	height:88%;
}

h3 {
	color: #fff;
	font-size:13px;
	margin-left:40px;
	padding:10px 0 5px 0;
}

a {
	color: #fff;
	text-decoration:none;
}

a:hover{
	color: #ff6464;
	text-decoration:none;
}

a:focus{
	outline:none;/*　aタグフォーカス時の枠を消すだけのコード　*/
}

/*
-----------------------------
body
-----------------------------
*/
body {
	font-family: 'Lato', 'Noto Sans JP', 'ヒラギノ角ゴ ProN', 'Hiragino Kaku Gothic ProN', 'メイリオ', Meiryo, sans-serif;
	background-color:white;
}

.wrap {
	width:400px;
	background-position:left top;
	background-repeat:no-repeat;
}

/*
-----------------------------
upper
-----------------------------
*/
.upper { 
	width:400px;
	height:255px;
	background-color:#FFF;
	float:left;
}

.haikeinomi{
	width:400px;
	float:left;
	background-image:url(../img/wd-kabu1.png);
	background-position:top -87px left 0px;
	background-repeat:no-repeat;
	float:left;
}

.midashi {
	width:400px;
	float:left;
	padding-top:58px;
	padding-bottom:50px;
	color:#000;
}

.midashi p{
	width:320px;
	padding-left:58px;
	padding-top:1px;
	padding-bottom:3px;
	font-size:12.4px;
}

/*
-----------------------------
下部
-----------------------------
*/

.kabu {
	width:400px;
	float:left;
	padding:38px 0 0 0;
	background:#000;
}
.kabu p{
	width:300px;
	padding-left:50px;
	font-size:13px;
	color:white
}
/*
-----------------------------
footer
-----------------------------
*/

.footer{
	width:400px;
	height:100px;
	float:left;
	text-align:center;
	color:#fff;
	background-color:#000;
}

.footer p{
	color:#fff;
	font-size:12px;
}

.footer ul{
	list-style-type:none;
}

.footer ul li{
	font-size:12px;
	display:inline-block;
	font-family:"ＭＳ ゴシック", "MS Gothic", "Osaka－等幅", Osaka-mono, monospace;
}

.footer ul li:not(:first-child)::before{
	content:"/ ";
}