@charset "utf-8";
/* CSS Document */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-style:normal;
	font-weight: normal;
	vertical-align: baseline;
}
* {
	box-sizing: border-box;
}

ol, ul{
    list-style:none;
}

img {
	vertical-align: bottom;
}
.clearfix:after {
	content: "."; 
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}

.clearfix {
	min-height: 1px;
}

* html .clearfix {
	height: 1px;
	/*¥*//*/
	height: auto;
	overflow: hidden;
	/**/
}
body {
	background-color: #000;
	color:#fff;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif
}
#wrap {
	border-top: 2px solid #5b5a59;
	border-bottom: 1.5px solid #515150;
	width:100%;
}
.inner02 {
	width:960px;
	height:580px;
	margin: 0 auto;
	background: url(../img/bg.jpg) no-repeat;
}
.inner02 h1 {
	padding-top:35px;
	padding-left:20px;
	font-size:57px;
	font-weight: bold;
	line-height: 1;
}
.inner02 h2 {
	font-size:15px;
	padding-left:20px;
}
.inner02 .item {
	padding-top:60px;
}
.inner02 .item li {
	float:left;
	width:240px;
	height:370px;
	position:relative;
}
.inner02 .item li a {
	width:240px;
	height:370px;
	display:block;
}
.inner02 .item li span {
	position:absolute;
	top:15px;
	left:20px;
	text-indent:-9999px;
}
.inner02 .item .tit01 {
	display:block;
	background: url(../img/tit01.png) no-repeat;
	width:177px;
	height:70px;
}
.inner02 .item .tit02 {
	display:block;
	background: url(../img/tit02.png) no-repeat;
	width:147px;
	height:69px;
}
.inner02 .item .tit03 {
	display:block;
	background: url(../img/tit03.png) no-repeat;
	width:133px;
	height:120px;
}
.inner02 .item .tit04 {
	display:block;
	background: url(../img/tit04.png) no-repeat;
	width:145px;
	height:85px;
}
.inner02 .item a:hover .tit01 {
	background: url(../img/tit01on.png) no-repeat;
}
.inner02 .item a:hover .tit02 {
	background: url(../img/tit02on.png) no-repeat;
}
.inner02 .item a:hover .tit03 {
	background: url(../img/tit03on.png) no-repeat;
}
.inner02 .item a:hover .tit04 {
	background: url(../img/tit04on.png) no-repeat;
}
.inner02 .item li img.main1 {
	position:absolute;
	top:123px;
	right:10px;
	width:180px;
}
.inner02 .item li img.main2 {
	position:absolute;
	top:120px;
	right:15px;
	width:180px;
}
.inner02 .item li img.main3 {
	position:absolute;
	top:120px;
	right:28px;
	width:180px;
}
.inner02 .item li img.main4 {
	position:absolute;
	top:128px;
	right:20px;
	width:180px;
}



#footer_mobile {

	clear: both;

	width: 960px;

	margin: 0 auto;

	padding: 12px 0 0;

}

#footer_mobile #footerLink {

	float: left;

}

#footer_mobile #footerLink li {

	float: left;

	margin: 0 18px 0 0;

}

#footer_mobile #footerLink li a {

	display: block;

	height: 16px;

	background: url(../img/footer_tx_mobile02.gif) no-repeat 0 0;

}

#footer_mobile #footerLink li a span {

	display: none;

}

#footer_mobile #footerLink #footerLink01 a {

	width: 108px;

	background-position: 0 0;

}

#footer_mobile #footerLink #footerLink02 a {

	width: 83px;

	background-position: -126px 0;

}

#footer_mobile #footerLink #footerLink01 a:visited {

	background-position: 0 -32px;

}

#footer_mobile #footerLink #footerLink02 a:visited {

	background-position: -126px -32px;

}

#footer_mobile #footerLink #footerLink01 a:hover {

	background-position: 0 -16px;

}

#footer_mobile #footerLink #footerLink02 a:hover {

	background-position: -126px -16px;

}


#footer_mobile #copyright03 {

	float: right;

	width: 411px;

	height: 15px;

	background: url(../img/footer_tx_mobile.gif) no-repeat 0 0;

}

#footer_mobile #copyright03 span {

	display: none;
}