@charset "Shift_JIS";

/*=========================================================

	Site Name   SS2016特設ページ
	File Name   page.css

	Create Date 2015/05/14
	Update Date 2016/03/01

==========================================================*/

/* Start of "Micro clearfix" */
.clearfix { zoom: 1; }
.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
/* End of "Micro clearfix" */


/*  Common page style
------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/

.ex-marginTopNone {
	margin-top: 0 !important;
}
.ex-marginTop10 {
	margin-top: 10px !important;
}
.ex-marginTop20 {
	margin-top: 20px !important;
}
.ex-marginTop30 {
	margin-top: 30px !important;
}
.ex-marginTop40 {
	margin-top: 40px !important;
}
.ex-marginTop50 {
	margin-top: 50px !important;
}

.ex-marginNone {
	margin: 0 !important;
}

.ex-marginBottomNone {
	margin-bottom: 0 !important;
}
.ex-marginBotton10 {
	margin-bottom: 10px !important;
}
.ex-marginBotton20 {
	margin-bottom: 20px !important;
}
.ex-marginBotton30 {
	margin-bottom: 30px !important;
}
.ex-marginBotton40 {
	margin-bottom: 40px !important;
}
.ex-marginBotton50 {
	margin-bottom: 50px !important;
}

.ex-alignLeft {
	text-align: left !important;
}
.ex-alignRignt {
	text-align: right !important;
}
.ex-alignCenter {
	text-align: center !important;
}

.ex-cautionText {
	margin-left: 1em;
	text-indent: -1em;
	padding: 0 10px;
	font-size: 0.769em !important;
}
.ex-cautionColor {
	color: #cc0000;
}

.none {
	display: none;
}


/*  SS2016 page style
------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/

#SS2016 {
	margin: 0 0 100px;
}

#SS2016 div.link-box-bgc {
	margin: 20px 0;
	padding: 20px 15px;
	background: #eeeeee;
}
#SS2016 div.link-box-bgc p {
	margin: 0;
	padding: 0;
}
#SS2016 div.link-box-bgc p a {
	margin: 0;
	padding: 0 0 0 15px;
	background: transparent url(/share/images/arrow_black.gif) no-repeat left 0.4em;

}

#SS2016 div.layout-box {
	position: relative;
	width: 950px;
	height:;
	overflow: hidden;
}

#SS2016 div.layout-box p {
}

#SS2016 div.layout-box ul {
}
#SS2016 div.layout-box ul li {
}
#SS2016 div.layout-box ul li a {
	display: block;
	width: 35px;
	height: 45px;
}

#SS2016 div.layout-box ul li a img {
	margin-top: 10px;
}

#SS2016 div.layout-box ul li.layout-modal-01 {
	position: absolute;
	top: 80px;
	left: 330px;
}
#SS2016 div.layout-box ul li.layout-modal-02 {
	position: absolute;
	top: 80px;
	left: 590px;
}
#SS2016 div.layout-box ul li.layout-modal-03 {
	position: absolute;
	top: 190px;
	left: 100px;
}
#SS2016 div.layout-box ul li.layout-modal-04 {
	position: absolute;
	top: 290px;
	left: 260px;
}
#SS2016 div.layout-box ul li.layout-modal-05 {
	position: absolute;
	top: 400px;
	left: 130px;
}
#SS2016 div.layout-box ul li.layout-modal-06 {
	position: absolute;
	top: 260px;
	left: 450px;
}
#SS2016 div.layout-box ul li.layout-modal-07 {
	position: absolute;
	top: 480px;
	left: 590px;
}
#SS2016 div.layout-box ul li.layout-modal-08 {
	position: absolute;
	top: 370px;
	left: 780px;
}

#SS2016 div.layout-box ul li.layout-modal-lc {
	position: absolute;
	top: 240px;
	left: 52px;
}
#SS2016 div.layout-box ul li.layout-modal-lc a {
	width: 63px;
	height: 73px;
}


#SS2016 div.remodal h1{

}
#SS2016 p {
}




/*追加*/

#header{
/*	color: #fff;
	height: 35px;
	font-size: 18px;
	background-color: #246090;

	padding: 5px 0 0 10px;
	text-align:left;*/
	margin-top: 15px;
}
.remodal h1{
	font-size: 25px;
	margin-bottom: 8px;
	padding-left: 5px;
	text-align: left;
	margin-top:10px;
}
.graph{
	background-color:#d7f5ff;
	padding: 20px ;
}


.graph p.c5-heading{
	font-size: 18px;
	margin-bottom: 10px;
}


.graph ul{
	font-size: 14px;
	margin-bottom: 10px;
	padding-left: 20px;
}
.graph li{
	list-style-type: disc;
}

.graph img{
	margin: 0 auto 0;
	width: 100%;
}

.graph div.c5-box {
	background-color:#ffffff;
	padding: 10px;
}
.graph div.c5-box h3{
	padding: 10px;
	font-size: 16px;
}
.graph div.c5-box ul{
	 font-size: 14px;
	 padding: 5px 30px;
}

.graph div.c5-box2 {
	margin-top: 10px;
}

.graph .c5-caption {
	font-size: 0.8rem;
	color: #606060;
}

.h2-underline{
	font-size: 16px;
	margin-bottom: 15px;
	padding: 5px 0 0 10px;
	border-bottom: 1px solid #ddd;
}
a.img_btn_arrow{
	color: #fff;
	font-size: 16px;
	text-decoration: none;
	height: 38px;
	margin-bottom: 20px;
	display: inline-block;
}
a.img_btn_arrow:hover{
	text-decoration: underline;
}
a.img_btn_arrow span{
	margin-right: auto;
	margin-left: auto;
	padding: 14px 10px 11px 25px;
	background-color: #5787f4;
	background-image: url(../images/img_btn_arrow.png);
	background-repeat: no-repeat;
	background-position: 8px 51%;
}
#SS2016 div.list-box{
	margin-top: 20px;
	overflow: hidden;
}
#SS2016 div.list-box .left-list-box{
	width:300px;
	float:left;
	padding-left: 15px;
}
#SS2016 div.list-box .right-list-box{
	width:300px;
	float:left;
	padding-left: 20px;
}

#movieWindow{
	overflow:auto !important;
}
#movieWindow #movieplayer{
	width:820px !important;
}