@charset "utf-8";

/*-----------------------------------------------------
Header
-------------------------------------------------------*/
#Header p.logo{
	/*display:none;*/
}

/*-----------------------------------------------------
Content
-------------------------------------------------------*/
#Content{
	width:964px;
}

/*-----------------------------------------------------
MV
-------------------------------------------------------*/
#MV{
	width:956px;
	margin:0 auto 50px;
	padding:4px;
	position:relative;
	background:url(../images/mv_bg.gif) no-repeat 0 0;
}
#MV ul.nav{
	width:220px;
	position:absolute;
	top:12px;
	right:12px;
}

/*-----------------------------------------------------
Header
-------------------------------------------------------*/
#Main{
	padding:0 0 0 2px;	
}

/*-------------------------------------
alert
---------------------------------------*/
#Main div.alert{
	width:700px;
	overflow:hidden;
}
#Main div.alert ul{
	width:660px;
	overflow:hidden;
	padding:20px 20px 10px;
	background:url(../images/alert_bg.gif) no-repeat 0 100%;
}
#Main div.alert ul li{
	padding:0 0 10px 15px;
	font-weight:bold;
	background:url(../common/images/content_ico_circle_blue.gif) no-repeat 0 1.3ex;
}

/*-------------------------------------
news
---------------------------------------*/
#Main div.news{
	margin:0 0 40px;
}
#Main div.news h2{
	font-weight:bold;
        font-size:100%;
}
#Main div.news #news-inline{
	width:700px;
	height:200px;
}
#Main div.news #news-inline div.customScrollBox{
	height:100%;
	overflow:hidden;
	position:relative;
}
#Main div.news #news-inline div.customScrollBox div.container{
	width:670px;
	float:left;
	position:relative;
}
#Main div.news div.content dl{
	width:670px;
	overflow:hidden;
}
#Main div.news div.content dl dt{
	width:7em;
	float:left;
	padding:15px 0;
}
#Main div.news div.content dl dt.first{
	padding:0 0 15px;
}
#Main div.news div.content dl dd.first{
	padding:0 0 15px 7em;
}
#Main div.news div.content dl dd{
	padding:15px 0 15px 7em;
	background:url(../common/images/content_bg_dotted_blue.gif) repeat-x 0 100%;
}
#Main div.news div.dragger_container{
	width:7px;
	height:200px;
	position:relative;
	float:right;
	cursor:pointer;
	background:#E4EFF3;
}
#Main div.news div.dragger_container div.dragger{
	background:#0390D8;
}

/*-------------------------------------
special
---------------------------------------*/
#Main div.special{
	width:700px;
	overflow:hidden;
}
#Main div.special h2{
        font-size:100%;
}
#Main div.special ul{
	width:700px;
	overflow:hidden;
}
#Main div.special ul li{
	width:340px;
	float:left;
	display:inline;
	padding:0 0 10px 10px;
	background:url(../common/images/content_ico_arw.gif) no-repeat 0 1ex;
}



/*-------------------------------------
Side
---------------------------------------*/
#Side{
	padding:0 2px 0 0;
}

/*-------------------------------------------
SP
-------------------------------------------*/
@media screen and (max-width: 979px) {
  #Content {
    width: calc(100% - 20px);
    max-width: 964px;
  }
  #MV {
    width: calc(100% - 8px);
    max-width: 956px;
    margin: 0 auto 20px;
  }
  #MV p img {
    width: 100%;
    height: auto;
  }
  #Main {
    padding: 0;
  }
  #Main div.special {
    width: 100%;
  }
  #Main div.special ul {
    width: 100%;
    max-width: 700px;
  }
  #Main div.special ul li {
    width: 100%;
    display: block;
    float: none;
    padding: 0;
    margin-bottom: 20px;
  }
  #Main div.special ul li img {
		width: 100% !important;
		max-width: 400px !important;
		height: auto !important;
		margin: 0 auto;
	}
  #Main div.special table {
		width: 100%;
	}
  #Main div.special table tbody {
		width: 100%;
	}
  #Main div.special table td {
		width: 100%;
		display: block;
		margin-bottom: 10px;
	}
  #Main div.news {
    width: 100%;
    margin: 0 0 30px;
  }
  #Main div.news #news-inline {
    width: 100%;
  }
  #Main div.news .sp-news .news-area {
    border-top: 1px solid #ccc;
    margin-bottom: 15px;
  }
  #Main div.news .sp-news .news-area .news-item {
    border-bottom: 1px solid #ccc;
    padding: 10px 0;
  }
  #Main div.news .sp-news .news-area .news-item.hidden {
    display: none;
  }
  #Main div.news .sp-news .news-area .news-item .date {
    font-size: 93%;
  }
  #Main div.news .sp-news .news-area .news-item .title {
    color: #0591D8;
    font-size: 115%;
  }
  #Main div.news .sp-news .news-area .news-item table {
		width: 100% !important;
		height: auto !important;
	}
	#Main div.news .sp-news .news-area .news-item p {
		overflow-wrap: anywhere;
	}
  #Main div.news .sp-news .news-btn {
    color: #0591D8;
    cursor: pointer;
    display: table;
    font-weight: bold;
    margin: 0 auto;
    text-align: center;
  }
}