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

body {
font-family:Verdana, "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
font-size:12px;
width:100%;
line-height:1.5em;
min-width:1000px;
}
a { 
	display:block;
	text-decoration:none;
	color:#D32980;
}

a:hover img{
    opacity:0.8;
    -moz-opacity:0.8;
    filter:alpha(opacity = 80);
}

/*header*/

.header{
	background:url(../img/top.jpg) center no-repeat;
	background-color:#000000;
	overflow:hidden;
	padding:20px;
}
.top_logo{
	float:left;
}
.top_logo h1{
	margin-bottom:10px;
	color:#e5007d;
}
.top_logo h2{
	margin-bottom:10px;
	margin-left:20px;
	color:#e5007d;
	font-weight:bold;
}
.gnav{
	color:#FFF;
	line-height:1.5em;
	overflow:hidden;
	float:right;
	font-size:14px;
}
.gnav a{
	color:#FFFFFF;
}
.gnav a:hover{
	color:#e5007d;
	border:#e5007d 1px solid;
}
.gnav li{
	margin-right:5px;
	list-style:none;
	float:left;
}
.box_button{
	padding:10px;
	border:#FFF 1px solid;
}

/*intro*/

.title{
	margin:0 auto;
	background:url(../img/intro.jpg) no-repeat 0 0;
}
.con_title{
	width:960px;
	margin:0 auto;
	overflow:hidden;
	padding:20px;
}
.con_title .left{
	float:left;
}
.con_title .right{
	float:right;
}

/*menu*/

.nav{
	background-color:#000;
	height:100px;
}
.fixed {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
}
.con_menu{
	width:960px;
	margin:0 auto;
	overflow:hidden;
	padding-top:25px;
}
.con_menu .btn{
	width:147px;
	height:50px;
	line-height:50px;
	text-align:center;
	float:left;
	border:#A4A4A4 solid 2px;
	font-weight:bold;
	color:#D32980;
	margin-right:10px;
	background-color:#DDDDDD;
}
.con_menu .right{
	margin:0;
}
.con_menu a:hover .btn{
	background-color:#B7B7B7;
}

/*main*/

#main{
	width:960px;
	margin:0 auto;
}
.st_win{
	margin-bottom:20px;
	padding-top:100px;
}
table{
	border:1px #ABABAB solid;
}
th,tr,td{
	border:1px #ABABAB solid;
	padding:10px;
}
table a:hover{
	background:#DCDCDC;
}

.st_main{
	padding-top:100px;
	margin-bottom:50px;
}
.con_main{
	overflow:hidden;
}
.con_nomi{
	width:313px;
	height:100%;
	overflow:hidden;
	float:left;
	margin-right:10px;
	margin-bottom:20px;
}
.last{
	margin-right:0;
}
.img_nomi{
	width:313px;
	overflow:hidden;
}
.box_nomi{
	overflow:hidden;
}
.box_title{
	color:#d32980;
	font-weight:bold;
	font-size:18px;
	margin:20px 0;
}
.box_img{
	margin-top:10px;
}
.con_com{
	overflow:hidden;
}
.box_com{
	width:450px;
	float:left;
}
.box_r{
	margin-left:60px;
}
.box_text{
	margin:5px 0 20px;
}

.box_eve{
	overflow:hidden;
	margin-bottom:30px;
}
.box_eve h3{
	margin-bottom:10px;
}

.eve_img{
	float:left;
	margin-right:20px;
}

/*tab*/
.con_sk{
	margin-top:50px;
}
#tab li {
  float: left;
  padding: 10px;
  list-style: none;
  cursor: pointer;
  background: #989898;
  width:300px;
  text-align:center;
}
#tab li:hover{
  background: #808080;
  color:#fff;
}
#tab li.select {
  background: #D32980;
  color:#fff;
  font-weight:bold;
  font-size:18px;
}
.disnon {
  display: none;
}
.content_wrap {
  clear: left;
  width: 500px;
  height: 100%;
  font-size: 20px;
  text-align: center;
  line-height: 100px;
  color: #fff;
}
.sk_info{
	overflow:hidden;
	margin-top:50px;
}
.con_info{
	margin:20px 0 20px;
	width:480px;
	overflow:hidden;
	float:left;
}
.con_info h3{
	font-weight:bold;
	margin-bottom:10px;
}
.info_img{
	float:left;
}
.box_info{
	overflow:hidden;
	margin-bottom:30px;
}
.box_txt{
	float:left;
	width:370px;
	padding-left:10px;
	padding-right:10px;
}
.box_title{
	border-bottom:#666666 1px solid;
	margin:0;
	padding-bottom:5px;
	margin-bottom:5px;
}

/*spo*/
.con_spo{
	overflow:hidden;
}
.wrap_spo{
	font-weight:bold;
	width:460px;
	padding:10px;
	float:left;
}
.wrap_spo h4{
	color:#D32980;
}
.box_spo{
	font-weight:normal;
	padding-left:20px;
}

/*pagetop*/
.page_top{
	color:#000000;
	text-align:right;
	font-weight:bold;
	margin-bottom:10px;
}
#page-top {
    position: fixed;
    bottom: 20px;
    right: 20px;
    font-size: 77%;
}
#page-top a {
    background: #666;
    text-decoration: none;
    color: #fff;
    width: 100px;
    padding: 30px 0;
    text-align: center;
    display: block;
    border-radius: 5px;
}
#page-top a:hover {
    text-decoration: none;
    background: #999;
}
/*footer*/

footer{
	margin-top:100px;
	text-align:center;
	padding:20px;
	background-color:#000000;
	color:#FFFFFF;
}
