@charset "UTF-8";

* {
	margin:		0;
	padding:	0;
}


/* body */
body {
	width:				100%;
	font-family:		"UD新ゴL", "UD Shin Go Light", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size:			14px;
	background-color:	#FFFFFF;
	overflow:			hidden;
}

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


.headernavi {
	background-color:	#9d9d9f;
	text-align:			right;
	width:				100%;
	padding-top:		10px;
	padding-bottom:		10px;
	height:				20px;
}

.headernavi li {
	list-style:	none;
	float:		right;
	margin-left: 15px;
}


.header {
	height:				50px;
	width:				100%;
	padding-top:		20px;
}

.header .logo {
	margin-left:		20px;
}


.maincontents {
	width: 100%;
	margin:	auto;
	text-align:			center;
	overflow:			auto;
	position:			absolute;
	top:				150px;
	bottom:				60px;
}

.name {
	width: 100%;
	max-width: 532px;
}

.footer {
	bottom:				0px;
	position:			absolute;
	width:				100%;
	padding-top:		20px;
	padding-bottom:		20px;
	background-color:	#9d9d9f;
	text-align:			center;
}

.footer p {
	color:			#ffffff;
	margin:			0 0 3px 0;
	font-size:		12px;
	line-height:	1.4;
}

.comphead {
	width:			650px;
	font-weight:	bold;
	font-size:		18px;
	display:		inline-block;
	text-align:		left;
	border-bottom:	1px dotted #FF0000;
}

.compcell {
	width:			650px;
	font-size:		16px;
	display:		inline-block;
	text-align:		left;
	margin-left:	50px;
	padding-bottom: 15px;
}

@media screen and (max-width: 480px) {
.maincontents {position: static; width: 100%; padding-top: 40px;}
.footer {width: 100%;}
.comphead {width: 80%; font-size: 12px;}
.compcell {width: 80%; font-size: 12px;}
}