@charset "utf-8";

*{margin:0;padding:0;}


ol, ul {
list-style: none;
}

ol,ul,li {
	margin: 0;
	padding: 0;
	list-style-type: none;
}



body{
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", verdana, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", Sans-Serif;
font-size: 14px;
color:#505050;
line-height:1.6;
border-top:9px solid #0a03a2;
overflow-x: hidden;
letter-spacing: 0.2em;

}


a{
text-decoration:none;
color:#2d2d2d;
}

a:hover{
color:#8a0b1e;
text-decoration:none;
}

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


a:active, a:focus{
outline: 0;
}

img{
border:0;
}

.inner{
width:1030px;
margin: 0 auto;
}


.clear{
clear:both;
}

.center{
text-align:center;
}

.right{
text-align:right;
}

.right-b{
text-align: right;
font-weight: bold;
}

.left{
text-align:left;
}

.imgleft{
float: left;
}

.imgleft2{
float: left;
margin: 5px 15px;
}

.imgright{
float: right;
}

.imgright2{
float: right;
margin-right: 70px;
}

.imgright3{
float: right;
margin-left: 10px;
}


.imgcenter{
margin: 0px 15px;
}

.imgcenter1{
margin: 0px 20px;
float: left;

}

.imgcenter2{
margin: 0px 20px;
float: left;
}

.imgcenter2 img{
border:1px solid #898989;
}

.mgb15{
margin-bottom: 15px;
}

.mgb30{
  margin-bottom: 30px;
}

.mgb40{
margin-bottom: 40px;
}

.mgb50{
margin-bottom: 50px;
}

.mgb70{
margin-bottom: 70px;
}

.mgb100{
margin-bottom: 100px;
}

.mgb120{
margin-bottom: 120px;
}

.sec01{
margin-bottom: 50px;
clear:both;
overflow: hidden;
}

.sec02{
background: #f5f4f2;
padding: 25px 0px 20px;
clear: both;
}

.sec03{
background: #f5f4f2;
padding: 40px 0px 80px;
clear: both;
height: 120px;
}




/*************
/* ヘッダー
*************/
#header{
margin: 0 auto;
width: 1030px;
height:130px;
}

#header h1{
position: absolute;	
top: 40px;
}

#gnavi{
position: relative;
left:457px;
top:8px;
}

#header #gnavi li{
float: left;
border-right:1px solid;
width:131px;
overflow: hidden;
}

#header #gnavi li.navi01 {
width:165px ;
}

#header #gnavi li a{
display: block;
}


.button{
	display: inline-block;
	text-align: center;
	text-decoration: none;
	outline: none;
}

.button::before,
.button::after,
.button1::before,
.button1::after,
.button2::before,
.button2::after,
.button3::before,
.button3::after
 {
	position: absolute;
	z-index: -1;
	display: block;
	content: '';
}

.button,
.button::before,
.button::after,
.button1,
.button1::before,
.button1::after,
.button2,
.button2::before,
.button2::after,
.button3,
.button3::before,
.button3::after  
{
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: all .3s;
	transition: all .3s;
}

.button {
	position: relative;
	z-index: 2;
	background-color: #fff;
	color: #333;
}

.button:hover {
	color: #fff;
}

.button::after {
	top: 100%;
	width: 100%;
	height: 100%;
}

.button:hover::after {
	top: 0;
	background-color: #333;
}

.button1 {
	display: inline-block;
	width: 280px;
	height: 60px;
	text-align: center;
	text-decoration: none;
	line-height: 54px;
	outline: none;
	position: relative;
	left: 65px;
	-webkit-perspective: 280px;
	perspective: 280px;
	font-size: 18px;
	margin-right: 20px;
	margin-bottom: 40px;
}



.button1 span {
	display: block;
	position: absolute;
	width: 280px;
	height: 60px;
	border: 2px solid #000562;
	text-align: center;
	line-height: 56px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: all .3s;
	transition: all .3s;
	pointer-events: none;

}
.button1 span:nth-child(1) {
	background-color: #000562;
	color: #fff;
	-webkit-transform: rotateX(90deg);
	-moz-transform: rotateX(90deg);
	transform: rotateX(90deg);
	-webkit-transform-origin: 50% 50% -30px;
	-moz-transform-origin: 50% 50% -30px;
	transform-origin: 50% 50% -30px;
}
.button1 span:nth-child(2) {
	background-color: #fff;
	color: #000562;
	-webkit-transform: rotateX(0deg);
	-moz-transform: rotateX(0deg);
	transform: rotateX(0deg);
	-webkit-transform-origin: 50% 50% -30px;
	-moz-transform-origin: 50% 50% -30px;
	transform-origin: 50% 50% -30px;
}
.button1:hover span:nth-child(1)
{
	-webkit-transform: rotateX(0deg);
	-moz-transform: rotateX(0deg);
	transform: rotateX(0deg);
}
.button1:hover span:nth-child(2)
{
	background-color: #000562;
	-webkit-transform: rotateX(-90deg);
	-moz-transform: rotateX(-90deg);
	transform: rotateX(-90deg);
}

.button2 {
	display: inline-block;
	width: 140px;
	height: 35px;
	text-align: center;
	line-height: 54px;
	outline: none;
	font-size: 13px;
}


.button2 {
	position: relative;
	z-index: 2;
	border: 2px solid #575757;
	color: #fff;
	line-height: 35px;
	-webkit-perspective: 300px;
	perspective: 300px;
	-webkit-transform-style: preserve-3d;
	transform-style: preserve-3d;
}

.button2:hover {
	color: #000000;
}

.button2::after {
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: #575757;
	-webkit-transform-origin: center bottom;
	transform-origin: center bottom;
	-webkit-transform: rotateX(0);
	transform: rotateX(0);
}
.button2:hover::after {
	-webkit-transform: rotateX(-180deg);
	transform: rotateX(-180deg);
}

.button3 {
	display: inline-block;
	width: 220px;
	height: 45px;
	text-align: center;
	line-height: 45px;
	outline: none;
	-webkit-perspective: 220px;
	perspective: 220px;
	font-size: 18px;
    margin-left: 180px;
}



.button3 span {
	display: block;
	position: absolute;
	width: 220px;
	height: 45px;
	border: 2px solid #000562;
	text-align: center;
	line-height: 45px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: all .3s;
	transition: all .3s;
	pointer-events: none;

}
.button3 span:nth-child(1) {
	background-color: #000562;
	color: #fff;
	-webkit-transform: rotateX(90deg);
	-moz-transform: rotateX(90deg);
	transform: rotateX(90deg);
	-webkit-transform-origin: 50% 50% -30px;
	-moz-transform-origin: 50% 50% -30px;
	transform-origin: 50% 50% -20px;
}
.button3 span:nth-child(2) {
	background-color: #fff;
	color: #000562;
	-webkit-transform: rotateX(0deg);
	-moz-transform: rotateX(0deg);
	transform: rotateX(0deg);
	-webkit-transform-origin: 50% 50% -30px;
	-moz-transform-origin: 50% 50% -30px;
	transform-origin: 50% 50% -20px;
}
.button3:hover span:nth-child(1)
{
	-webkit-transform: rotateX(0deg);
	-moz-transform: rotateX(0deg);
	transform: rotateX(0deg);
}
.button3:hover span:nth-child(2)
{
	background-color: #000562;
	-webkit-transform: rotateX(-90deg);
	-moz-transform: rotateX(-90deg);
	transform: rotateX(-90deg);
}


#header #headbn ul{
clear:both;
height: 50px;
position: relative;
top:35px;
left:620px;
}

a#bn01 {
   display: block;
    border: none;
   width: 200px;
   height: 50px;
   text-indent: -1000px;
   background: url("images/headbn02.png") no-repeat;
   background-size: 400px;
   float: left;
       margin-right: 10px;

}

a#bn01:hover {
   background-position: top right;
    border: none;
}

a#bn02 {
   display: block;
    border: none;
   width: 200px;
   height: 50px;
   text-indent: -1000px;
   background: url("images/headbn01.png") no-repeat;
   background-size: 400px;
   float: left;


}

a#bn02:hover {
   background-position: top right;
    border: none;
}


.mainimage{
width:1030px;
margin: 0 auto;
}


/*************
全体
*************/

#container{
margin: 0 auto;
width: 1030px;
}

#main{
width:730px;
float: right;
padding-bottom: 50px;
}

p{
	margin-bottom: 10px;
}


.style01{
font-size: 36px;
text-align: center;
background: url("images/line01.jpg")center bottom no-repeat; 
background-size: 250px 2px;
height: 70px;
color:#4d4d4d;
}

.style02{
font-size: 28px;
background: url("images/line01.jpg")center right no-repeat; 
background-size: 300px 2px;
color:#4d4d4d;
	
}

.style03{
font-size: 20px;
text-align: center;
padding: 8px 0px 5px;
margin: 0px 40px;
color: #4d4d4d;
border-bottom: 2px solid #4d4d4d;
}

.style04{
font-size: 24px;
border-bottom: 3px solid #0a03a2;
margin-bottom: 18px;
}

.style05{
font-size: 18px;
border-bottom: 1px solid #0a03a2;
border-left:6px solid #0a03a2;
padding-left: 10px;
margin-bottom: 18px;
}

.style06{
font-size:16px;
margin-bottom: 5px;
border-bottom: 1px solid #d8d8d8;
}

.style07{
width:47%;
font-size: 16px;
padding: 3px 0px 1px 10px;
background: #3e3e3e;
color: #fff;
margin-bottom: 10px;
}


.text01{
font-size:20px;
margin-bottom:2px;
}

.text02{
font-size:20px;
margin-bottom:-14px;
margin-top:5px;

}

.text03{
font-size:25px;
margin-bottom: 5px;
margin-top: 5px;

}

.text03 span{
font-size: 32px;
font-weight: bold;
}

.text04{
font-size: 16px;
margin-top: 2px;
margin-bottom: -3px;
}

.text05 a{
font-weight: bold;
float: right;
margin-top: 20px;
text-decoration: underline;

}


.text06{
border-bottom: 1px dashed;
font-weight: bold;
padding-left: 10px;
margin-bottom: 20px;
font-size: 16px;
}

.text07{
margin-bottom: 15px;
}

.text08{
border-top: 1px solid #c8c8c8;
margin-right: 130px;
padding: 10px 0px 15px;
margin-top: 10px;
}


.text09{
border-bottom: 1px solid #ccc ;
text-align: center;
font-weight: bold;
}


.underline{
text-decoration: underline;
font-weight: bold;
}

.text-a{
color: #f10011;
font-weight: bold;
font-size: 16px;
}

.text-q{
color: #1d00bd;
font-weight: bold;
font-size: 16px;
}

.more_txt_line{
	padding-top: 10px;
	text-align: center;
}

table.address{
width:500px;
margin: 45px 0px 60px;
}

table.address tr th{
padding-right: 20px;
text-align: left;
}

.guide{
width: 680px;
margin: 0 auto;
}


.spot{
width: 72%;
border: 2px solid #b8b8b8;
padding:10px 10px 10px 15px;
margin: 25px auto 0; 
overflow: auto;
height: 60px;
}


.span01{
padding: 0 15px 0 5px;
}

.span02{
position:relative;
left:-15px;
top:2px;
}

.span03{
padding-right: 10px;

}

.span04 {
position: relative;
top:-14px;
padding-left: 25px;
text-decoration: underline;
color: #e30000;

}

.span04 a{
color: #e30000;

}

.span05{
color: #e30000;
padding-left: 7px;
}

.span06{
padding-left: 25px;
}

.span07{
margin-top:15px;
font-size: 13px;
text-decoration: underline;
}

.news{
width:750px;
margin: 0px 130px 0px 150px;
padding: 50px 0;
}


ul.news li{
padding-bottom:5px;
padding-top:10px;
border-bottom: 1px solid;
}

.leftbox{
float: left;	
width: 49%;
}

.rightbox{
float: right;
width: 49%;
}

.leftbox ul li,.rightbox ul li{
margin-bottom: 10px;
}

.list3box{
padding:20px 0 100px;
}

.list3box li{
float: left;
width:31%;
margin-right: 3.5%;
}

.list3box li:last-child{
margin-right: 0;
}

.leftimg{
float: left;
margin: 0px 20px 5px 0px; 
}

.sp02{
font-size: 12px;
float: right;
}

table.t1,table.t2{
border:1px solid;
border-collapse: collapse;
empty-cells: show;
margin: 15px auto 0px;
}

table.t1 th{
border-right:1px solid;
border-bottom: 1px solid;
background-color: #e8e8e8;
font-weight: normal;
height: 30px;
}

table.t1 th:nth-child(2){
width:150px;
}

table.t1 td:first-child{
width:53px;
text-align: center;
background-color: #e8e8e8;
padding: 0;

}

table.t1 td{
border-right:1px solid;
border-bottom: 1px solid;
padding: 10px 5px 10px 10px;;
}

table.t2 th{
border-bottom: 1px solid;
background: #ffecff;
padding: 8px 20px 5px;
}

table.t2 td{
border-right:1px solid;
border-bottom: 1px solid;
padding: 10px 10px 8px;
text-align: center;
}

table.t3 td{
text-align: center;
}

table.t3 td img{
padding-top: 10px;
}

.scale {
    width: 260px;

}
.scale img {
    -moz-transition: -moz-transform 0.5s linear;
    -webkit-transition: -webkit-transform 0.5s linear;
    -o-transition: -o-transform 0.5s linear;
    -ms-transition: -ms-transform 0.5s linear;
    transition: transform 0.5s linear;
}
.scale img:hover {
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -o-transform: scale(1.2);
    -ms-transform: scale(1.2);
    transform: scale(1.2);
}

.red{
color:#F50000;
font-weight: bold;
}

.red1{
color:#f50000;
font-weight: bold;
text-align: center;
}

.red2{
color:#f50000;
font-weight: bold;
padding: 10px 0px 7px;
}

.red3{
font-size: 18px;
color:#f50000;
font-weight: bold;
padding:20px;
}

.red4{
color:#F50000;
text-decoration: underline;
}

.red0{
color:#F50000;
}

.order{
width: 500px;
margin: 40px auto 20px;
}


.list3 li{
width:230px;
float: left;
margin-right: 20px;
margin-bottom:10px;
text-align: center;
}

.list3 li:last-child{
margin-right: 0px;
}

.list3 li a{
	background-color: #fff;
	border: 2px solid #0a03a2;
	color: #000;
	padding: 12px 0px;
    border-radius: 3px;

}

.list3 li a:hover {
	background-color: #0a03a2;
	border-color: #0a03a2;
	color: #fff;
	display: block;
}

.list3 li a::before,
.list3 li a::after
 {
	position: absolute;
	z-index: -1;
	content: '';
	
}

.list3 li a,
.list3 li a::before,
.list3 li a::after
{
	
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: all .3s;
	transition: all .3s;
		display: block;

}


.kenteilist{
margin-left: 40px;
}

.kenteilist li{
width:305px;
height:250px;
float: left;
margin-right:40px ;
margin-bottom: 40px;
text-align: center;
color:#fff;
padding-top:20px;
background-size: 100%;
}


.close{
text-align: center;
width: 100%;
margin: 10px auto;
padding: 4px 0px 3px;
border: 1px solid ;
border-radius: 5px;
background: #5d5d5d;
}

.close a{
display: block;
color: #fff;
}

.media{
float: left;
width:48%;
overflow: auto;
height: 120px;

}

ul.media li{
border-bottom: 1px dashed #cecece;
padding: 8px 10px 6px;
}

.kentei-info{
  margin-top: 20px;
}

.kentei-info p{
  margin-left: 15px;
  margin-bottom: 20px;
  padding-left: 40px;
  padding-top: 7px;
  font-size: 16px;
  border-bottom: 1px dotted #ccc;

}

.kentei-info p.vig{
  background: url(images/point02.png) no-repeat;
  background-size: 30px 39px;
}

.kentei-info p.cal{
  background: url(images/point03.png) no-repeat;
  background-size: 30px 39px;
}

.kentei-info p.one{
  background: url(images/point01.png) no-repeat;
  background-size: 30px 39px;
}

.kentei-info span{
  margin-left: 10px;
  font-size: 11px;
}

#venue-menu{
	margin:10px;
	padding:10px;

}

#venue-menu ul{

}

#venue-menu li a{
	text-align: center;
	display: block;
	width: 185px;
	float: left;
	padding:10px;
    margin-left: 20px;
    margin-bottom: 10px;
    border: 1px solid #FCAAC1;
    background-color: #F8E0E7;
}

#venue-menu li a:hover{
    background-color: #fff;
    color:#FF235C;
}

.venue{
padding:20px;
}

.venue h4{
	font-size: 18px;
	margin: 10px 0 10px 30px;
	padding-top: 20px;
	display: list-item;
	list-style-type: circle;
		color: #D3092A;	
}

.venue h5{
	font-size: 16px;
	margin-top:20px;
	margin-left: 20px;
}

.venue p{
	margin-left: 20px;

}


.venue img.right{
	float: right;
	margin-left: 10px;
}

.venue img.left{
	margin-right: 10px;
	float: left;
}

.access h5{
	font-size: 14px;
		display: list-item;
	list-style-type: square;
	margin: 20px 0 10px 40px;
}

.access ul{
margin-left: 40px;
}

.access li{
	font-size: 13px;
	margin-left: 15px;
	list-style-type: disc;
	margin-bottom: 10px;
}

#faq{
	padding:10px;
}

#faq dt{
    background-color: #FCE6E0;
	padding :10px;
	margin-bottom: 20px;
    cursor:pointer;
}

#faq dd{
	margin-top: 10px;
	padding :10px;
	margin-bottom: 20px;
    display:none;
}

#faq h4{
	margin: 10px 0 10px 20px;
	display: list-item;
	list-style-type: square;
}

.tantou p{
	margin-left: 40px;
	padding-left: 10px;
}

.tantou h4{
	font-size: 20px;
text-align: center;
padding: 8px 0px 2px;
margin: 0px 30px;
color: #4d4d4d;
border-bottom: 1px dotted #4d4d4d;
}

.tantou h5{
	margin: 15px 15px 15px 50px;
	margin-top: 15px;
	font-size: 16px;
	display: list-item;
	list-style-type: disc;
	text-decoration: underline;
	color: #f50000;
}

.tantou ul,dl{
     margin-left: 65px;
     margin-bottom: 20px;
}

.tantou li{
	  margin-bottom: 5px;
	  padding-left: 30px;
	  background: url('images/check01.png') 0 0 no-repeat;
	  background-size: 20px;
	  text-decoration: underline;
}

.tantou dt{
	font-weight: bold;
}

.tantou dd{
	margin-left: 3em;
}

.border{
	text-decoration: underline dotted;
	margin-bottom: 20px;
}

.bgpink{
	background-color: #FCF3F6;
    padding:0 5;
}

#flow h4{

	font-size: 16px;
	margin: 10px 0 10px 40px;
	padding-top: 20px;
	display: list-item;
	list-style-type: circle;
		color: #D3092A;	

}


#flow ul{
	padding-left:20px;
}

#flow ul p{
	font-weight: normal;
	font-size: 14px;
	padding-top: 10px;
}

#flow ul p.pink{
	font-weight: normal;
	font-size: 14px;
	padding: 10px;
	background-color: #FCF3F6;
	margin: 0 30px;
}

#flow ul p.pink span{
padding-left: 9em;
}

#flow li{
	font-size: 17px;
	font-weight: bold;
	padding-left: 50px;
	padding-top: 2px;
	margin-bottom: 10px;
}

#first h4{

	font-size: 16px;
	margin: 10px 0 10px 40px;
	padding-top: 20px;
	display: list-item;
	list-style-type: circle;
		color: #D3092A;	

}

#first h5{

	font-size: 14px;
	margin: 10px 0 10px 50px;
	display: list-item;
	list-style-type: square;

}

#first p{
	padding: 5px 15px;
}

#first ul{
	margin-left: 60px;
	margin-top: 20px;
}

#first li{
	font-weight: bold;
	padding-left: 65px;
	padding-top: 3px;
	margin: 20px 0;
}

#first li.level3{
	background:  url('images/badge01.gif') no-repeat;
}

#first li.level2{
	background:  url('images/badge02.gif') no-repeat;
}

#first li.level1{
	background:  url('images/badge03.gif') no-repeat;
}

#first li p{
	font-weight: normal;
}

#first p.right11{
	float: right;
	margin-top: -50px;
}

.mgl50{
	margin-left: 50px;
}

.mglr40{
	margin: 0 40px;
}

.li01{
	background: #fff url('images/li01.png') 0 0 no-repeat;
	background-size: 35px 31px;
}

.li02{
	background: #fff url('images/li02.png') 0 0 no-repeat;
	background-size: 35px 31px;
}

.li03{
	background: #fff url('images/li03.png') 0 0 no-repeat;
	background-size: 35px 31px;
}

.li04{
	background: #fff url('images/li04.png') 0 0 no-repeat;
	background-size: 35px 31px;
}

.li05{
	background: #fff url('images/li05.png') 0 0 no-repeat;
	background-size: 35px 31px;
}

.li06{
	background: #fff url('images/li06.png') 0 0 no-repeat;
	background-size: 35px 31px;
}

.li07{
	background: #fff url('images/li07.png') 0 0 no-repeat;
	background-size: 35px 31px;
}

.li08{
	background: #fff url('images/li08.png') 0 0 no-repeat;
	background-size: 35px 31px;
}

.s1{
	font-size: 12px;
	font-weight: bold;
}

.s2{
	font-size: 12px;
}

.s3{
	font-size: 11px;
}

ul.norm li{
     font-size: 13px!important;
     list-style-type: circle;
     padding-left: 10px !important;
     margin-left: 50px;
     font-weight: normal !important;
     margin-bottom: 5px !important;
}

#type h4{
	font-size: 20px;
text-align: center;
padding: 8px 0px 2px;
margin: 0px 30px;
color: #4d4d4d;
border-bottom: 1px dotted #4d4d4d;
}

#type p{
       padding: 10px;
       font-size: 13px;
}

.type3{
	background-color: #FDFAE2;
	margin:0 30px;
}

.type2{
	background-color: #FDF3E9;
	margin:0 30px;	
}

.type1{
	background-color: #FDEEF0;
	margin:0 30px;	
}

.type0{
	background-color: #EFF8FD;
	margin:0 30px;	
	padding: 10px;
    font-size: 13px;
}

.type4{
	background-color: #F7F5F5;
	margin:0 30px 10px 30px;	
	padding: 10px;
    font-size: 13px;
}

#type dt{
	list-style-type: square;
	display: list-item;
	color: #f50000;
}

#contents dt{
		list-style-type: square;
	display: list-item;
	font-weight: bold;
	color: #f50000;
	margin:20px 0 10px;
    text-decoration: underline;
}

#contents p.fs13{
       padding: 10px;
       font-size: 13px;
}

#media h4{
	font-size: 16px;
	margin: 10px 0 10px 40px;
	padding-top: 20px;
	display: list-item;
	list-style-type: circle;
	color: #D3092A;	
}

#cpinfo p{
	padding:10px;
}

#cpinfo ul{
	padding-left:30px;
	margin-bottom: 20px;
}

#cpinfo li{
	margin: 10px;
	list-style-type: decimal;
	padding-left: 10px;
	font-weight: bold;
	color: #f50000;
}

a.pdf{
	   border-bottom: 1px dotted #f50000;
	   padding-left: 30px;
	   padding-top: 10px;
       background:  url('images/pdf-icon.png') no-repeat;
       background-size: 25px;

	}

.kyouzai-info p{
padding-top: 10px;
line-height: 1.4;
}

.number{
		padding:10px;
}

.number li{
	font-size: 12px !important;
}



#privilege p{
	margin: 10px 0;
}

#privilege ul{
	margin:10px 20px;
}

#privilege li{
	font-weight: bold;
	padding: 5px  10px 5px 50px;

}

#privilege li p{
	font-weight: normal;

}
.boxed{
	border: 1px dotted #767a4b;
    padding: 7px;
}

.floatlist li{
 	float: left;
 	list-style-type: none !important;
 	border: 1px solid #eee;
 	margin:2px;
 	padding: 10px !important;
 	text-align: center;
 	font-weight: normal!important;
 	font-size: 12px;
}

/*************
サイド
*************/

#side{
width: 260px;
float: left;
padding-bottom: 50px;


}

span.sp01{
font-size: 12px;
padding-right:3px;
}


ul.sidenews li { 
padding: 5px 0px 5px ;
margin: 5px 12px;
border-bottom: 1px dashed;
}

ul.sidenews li:last-child{
border-bottom:none;
}


ul.sidebn{
margin: 30px 0px 0px;
}

ul.sidebn li{
margin-bottom: 10px;
}

.newsbox{
padding: 2px 2px 5px;
border: 1px solid ;

}


/*************
フッター
*************/

#footer{
background: #4d4c4c;
padding-bottom: 5px;
padding-top: 10px;
clear: both;
}

#footcontent{
position: relative;
margin: 0 auto;
width:1030px;
text-align: center;
color: #fff;
padding-top: 10px;
overflow: hidden;
}

.footlogo{
float: left;
padding-top: 30px;
text-align: left;
}


.footlogo span{
font-weight: bold;
padding-right: 35px;
}

.copy{
font-style: italic;
color:#c6c5c5;
position: absolute;
bottom: 0;
right: 0;
}

.sns{
position: absolute;
right: 0;
bottom: 30px;
}

#big-foot{
overflow: hidden;
}

#big-foot ul{
float: left;
color: #fff;
width: 330px;
margin: 0 3px;
}


#big-foot ul li{
float: left;
clear: both;
}

#big-foot ul li a{
color: #fff;
text-align: left;
font-size: 12px;
}

#big-foot ul li a:hover{
text-decoration: underline;
}

.li-end{
padding-bottom: 20px;
}


/*************
slider
*************/

#idMediaWrap{
    width:1030px;
    margin-top:40px;
    overflow: hidden;
    
}

#lineupItem{
    float:left;
	overflow: hidden;
	margin-bottom:20px;
}
#lineupItem li{
    float:left;
    display:inline;
	vertical-align:bottom;
	margin-right:14px;
	margin-left:14px;
	position:relative;
	 height:267px;
    background-size:100%;

}

.redbox{
background: url(images/slide/red.png) no-repeat;
}

.bluebox{
background: url(images/slide/blue.png) no-repeat;
	
}

.greenbox{
background: url(images/slide/green.png) no-repeat;
	
}

.purplebox{
background: url(images/slide/purple.png) no-repeat;
	
}

.blackbox{
background: url(images/slide/black.png) no-repeat;
	
}

.brownbox{
background: url(images/slide/brown.png) no-repeat;
	
}


#lineupItem li .slidebox{
	width: 305px;
	text-align: center;
	color:#fff;
	padding-top: 18px;
}


.prevBtn{
    float:left;
    width:13px;
    height:30px;
    padding-top:118px;
    padding-right:2px;
}

.prevBtn a:hover{
    width:13px;
    height:30px;
    zoom:1;
	
}
.nextBtn{
    float:right;
    width:13px;
    height:30px;
    padding-top:118px;
}

.nextBtn a:hover{
   width:13px;
    height:30px;
    zoom:1;
}