@charset "utf-8";
/*-----------------------------------------------------	*/
/*	for all	- General Settings　*/
/*-----------------------------------------------------	*/
body {
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	}
	
a:focus {
	outline: none;
}

.sp_only {
	display: none;
}

.pc_only {
	display: inherit;
}

span.none {
	display: none;
}
	
/*-----------------------------------------------------	*/	
.mb15 {
	margin-bottom: 15px;
}

.mb20 {
	margin-bottom: 20px;
}

.mb30 {
	margin-bottom: 30px;
}

.mb40 {
	margin-bottom: 40px;
}

.mb50 {
	margin-bottom: 50px;
}

.mb60 {
	margin-bottom: 60px;
}

.mt10 {
	margin-top: 10px;
}
.mt15 {
	margin-top: 15px;
}

.mt20 {
	margin-top: 20px;
}

.mt25 {
	margin-top: 25px;
}

.mt30 {
	margin-top: 30px;
}

.mt40 {
	margin-top: 40px;
}

.mt50 {
	margin-top: 50px;
}

.mt60 {
	margin-top: 60px;
}


.section {
	width: 100%;
	overflow: hidden;
}

.red{color:#ff0000;}


.blue{color:#0099ff;}


.clear {clear: both;}

.clear_text {
	text-indent:100%;
	white-space:nowrap;
	overflow:hidden;
}


/*------------------------------------------------
header
------------------------------------------------*/
header {
	display: block
	width:100%;
	height:110px;
	margin: 0px;
	padding: 0px;
	background: url(../img/header_bg.jpg) top center no-repeat; 
}

header div {
	width:1000px;
	height:auto;
	margin: 0px auto;
	padding: 0px;
}

header h1{
	margin: 0px;
	padding: 0px;
	line-height: 0;
}

.pf_logo {
	float: left;
	width:125px;
	height:auto;
	margin-top:15px;
}

.sega_logo {
	float: right;
	width:80px;
	height:auto;
	margin-top:15px;
}

/*------------------------------------------------
nav
------------------------------------------------*/
nav {
	width: 100%;
	height: 38px;
	margin: 0px auto 0px auto;
	padding-top:12px;
	border-top: 1px solid #c99c00;
	background: url(../img/nav_bg.jpg) top center no-repeat; 
	text-align: center;
}

nav a {
	display: block;
	height: 25px;
	box-sizing: border-box;
	display: inline-table;
	margin:0px 35px;
}


nav a#link01 {background: url(../img/nav/nav01_btn.png) left top no-repeat ; width: 38px; background-size: 38px;}
nav a#link02 {background: url(../img/nav/nav02_btn.png) left top no-repeat ; width: 77px; background-size: 77px;}
nav a#link03 {background: url(../img/nav/nav03_btn.png) left top no-repeat ; width: 92px; background-size: 92px;}
nav a#link04 {background: url(../img/nav/nav04_btn.png) left top no-repeat ; width: 119px; background-size: 119px;}
nav a#link05 {background: url(../img/nav/nav05_btn.png) left top no-repeat ; width: 97px; background-size: 97px;}

nav a:hover#link01,
nav a:hover#link02,
nav a:hover#link03,
nav a:hover#link04, 
nav a:hover#link05 {
	background-position: 0px -25px;
}

nav a.off#link01,
nav a.off#link02,
nav a.off#link03,
nav a.off#link04,
nav a.off#link05  {
	background-position: 0px -50px;
}

nav a.on#link01,
nav a.on#link02,
nav a.on#link03,
nav a.on#link04,
nav a.on#link05    {
	background-position: 0px -25px;
}

.clear {	
	clear: both;
		}
		
/*------------------------------------------------
リスト
------------------------------------------------*/
#contents01 ul{
	width:900px;
	height:auto;
	margin-left:auto;
	margin-right:auto;
}

#contents01 ul.marker {
	list-style-type: none;
}

#contents01  ul.marker01 li:before {
	content: '◆';
	margin-left:-1em;
	margin-right:0.5em;
}

#contents01  li{
  padding-left:0;
  margin-left:1em;
  color: #fff;
	text-align: left;
}

/*-----枠内注釈-----------------------------*/
#contents01  ul.marker02 li:before {
	content: '※';
	margin-left:-1em;
	margin-right:0.3em;
}

#contents01  ul.marker02 li {
	font-size:75%;
	line-height:180%;
}

/*------------------------------------------------
footer
------------------------------------------------*/
footer {
	width:100%;
	height: auto;
	line-height: 0;
	background: url(../img/footer-border.png) center top no-repeat; 
	text-align: left;
	color:#999999;
	clear: both;
}

#footer_content {
	width:900px;
	height: auto;
	font-size: 65%;
	padding: 30px 0px;
	margin: 0px auto;
}


footer p{
	line-height: 1.8em;
	margin-bottom:1em;
}


/*-----------------------------------------------------	*/
/*	for - 800px以下の記述　*/
/*-----------------------------------------------------*/
@media screen and (max-width:800px) {

.sp_only {
	display: inherit;
}

.pc_only {
	display: none;
}

/*------------------------------------------------
header
------------------------------------------------*/
header {
	height:150px;
	background: url(../img/header_bg_sp.jpg) top center no-repeat; 
	background-size:cover;
}

header div {
	width:95%;
}


/*------------------------------------------------
nav
------------------------------------------------*/
nav {
	max-width: 100%;
	height: 54px;
	margin: 0 auto;
	padding: 0;
}


nav img {
	width:auto ;
	height: 54px;
}

nav a {
	display: block;
	padding-top: 15px;
	padding-bottom: 35px;
	text-decoration: none;
	color:#ffffff;
	line-height: 1em;
	text-shadow: 
	0 0 6px #ffcc00, 
	0 0 6px #ffcc00, 
	0 0 0.8px #ffcc00;
}

label {
	display: block;
	margin: 0px;
	padding :0px;
	line-height: 0;
	background :rgba(10, 10, 10, 0.3);
	cursor :pointer;
}

input {
	display: none;
}

nav ul {
	position: absolute;
	z-index: 3;
	width: 100%;
	margin: 0px;
	padding:0px 0px;
	background :rgba(10, 10, 10, 0.9);
	list-style: none;
	font-size:100%;
}

nav a:hover {
	color:#66ccff;
}

nav li {
  max-height: 0;
  overflow-y: hidden;
  -webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
}

#menu_bar01:checked ~ #links01 li{
	max-height: 86px;
	opacity: 1;
}


/*------------------------------------------------
リスト
------------------------------------------------*/
#contents01 ul{
	width:90%;
	height:auto;
	margin-left:auto;
	margin-right:auto;
}

#contents01 ul.marker {
	list-style-type: none;
}

#contents01  ul.marker01 li:before {
	content: '◆';
	margin-left:-1em;
	margin-right:0.5em;
}

#contents01  li{
  padding-left:0;
  margin-left:1em;
  color: #fff;
	text-align: left;
}

/*-----枠内注釈-----------------------------*/
#contents01  ul.marker02 li:before {
	content: '※';
	margin-left:-1em;
	margin-right:0.3em;
}

#contents01  ul.marker02 li {
	font-size:85%;
	line-height:160%;
}




/*------------------------------------------------
footer
------------------------------------------------*/
#footer_content {
	width:90%;
	font-size: 100%;
	padding: 30px 0px 50px;
	margin: 0px auto 30px;
	background: none; 
	
}