@charset "utf-8";
/*------------------------------------
------------------------------------*/
body {
	margin:0;
	padding:0;
	min-height:900px;
	background:#000000;
}
img {
	margin:0;
	padding:0;
	border:0;
}
a {/*リンク*/
	border-style: none;
	text-decoration: none;
	color:#FFFFFF;
}
.clear {
	clear:both;
}
.clear hr {
	display:none;
}
/*------------------------------------

------------------------------------*/
#wrap {/**/
	margin:0;
	padding:0;
	width:100%;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size:14px;
	color:#FFFFFF;
	background:#000000;
}
#navi,#intr,#footer{
	z-index:10;
}
#bg img {
	z-index:1;
}
#footer{
	width:100%;
	font-size:12px;
	text-align:center;
}
h3,h4,p{
	margin:0;
	padding:0;
	display:inline;
}
h3{
	font-size:24px;
}

h4{
	font-size:18px;
}
/*------------------------------------
------------------------------------*/
@media(min-width:740px) {
#navi,#intr,#footer{
	background:url(../images/blk80.png)
}
#bg img,#navi {
	width:100%;
	position:fixed;
	top:0;
}
#intr{
	width:30%;
	padding:1% 2% 1% 2%; 
	position:fixed;
	bottom:40px;
	right:2%;
}

#intr h3,#intr h4,#intr p{
	margin:0;
	padding:0;
	display:inline;
}
#footer{
	position:fixed;
	bottom:0;
}
#navi #logo{
	margin:20px 0 20px 3%;
	width:24%;
	float:left;
}
#navi ul#link{
	margin:20px 0 0 20px;
	padding:0;
	width:70%;
	list-style-type:none;
	font-size:16px;
	line-height:32px;
	font-weight:600;
	float:left;
}
#navi ul#link li {
	margin:0 30px 5px 0;
	padding:0;
	vertical-align:middle;
	float:left;
}
#navi ul#link li img{
	vertical-align:top;
}
/*-------------------------*/
.content {
	width:80%;
	margin:0 10% 0 10%;
	padding:8% 0 0 0 ;
}
.content img {
	width:50%;
	float:left;
}
div.memo{
	color:#FFFFFF;
	width:40%;
	float:left;
	font-size:16px;
	line-height:24px;
	margin:0 5% 0 5%;
}
ul#item{
	margin:8% 0 10% 20%;
	padding:0;
	width:80%;
	list-style-type:none;
	font-size:32px;
	line-height:32px;
	font-weight:600;
	float:left;
}
ul#item li img{
	width:100%;
	max-width:1020px;
}
}
/*------------------------------------
------------------------------------*/
@media(max-width:739px) {
#wrap{
	line-height:28px;
}
#bg img, #navi{
	width:100%;
}
#intr {
	margin:5%;
}
#navi .punct{
	display:none;
}
#navi #logo{
	margin:5%;
	width:90%;
}
#navi ul#link{
	margin:0 0 0 5%;
	padding:0;
	list-style-type:none;
	line-height:28px;
	font-weight:600;
}
#navi ul,#link li {
	margin:0;
	padding:0;
}
ul#item{
	margin:0 0 0 5%;
	padding:0;
	list-style-type:none;
	line-height:28px;
	font-weight:600;
}
ul#item img{
	margin:0;
	padding:0;
	width:95%;
}
/*-------------------------*/
.content img {
	width:100%;
}
.memo{
	margin:5%;
}
}