@charset "utf-8";

@import url(pc.css) screen and (min-width: 681px);
@import url(smart.css) screen and (max-width: 680px);


/* reset style - リセット及びbody基本設定
----------------------------------------------------------- */
@import url("reset.css");


/* setup style
----------------------------------------------------------- */
@import url("setup.css");



body {
	margin:0 auto;
	-webkit-text-size-adjust: 100%; /* スマホで横にした時の文字のサイズを固定化*/
	background:url(../images/common/body_bg01.gif);
	}

/*-------------------------------------------------
	lineDot*common
  ------------------------------------------------- */
.lineDotT{
		background:url(../images/common/dotline_01.png) 0 0 repeat-x;
		margin-top:15px;
		padding-top:15px;
}

/*-------------------------------------------------
	list*common
  ------------------------------------------------- */

ul.list{
		background:url(../images/common/dotline_01.png) 0 0 repeat-x;
	}
ul.list li{
	clear: both;
	padding: 15px 10px 15px 0;
	background: url(../images/common/dotline_01.png) 0 bottom repeat-x;
	line-height: 1.5em;
	font-size: 14px;
	}
ul.list li a{
		display:block;
		padding-right:25px;
		background:url(../images/common/arrow01_right.png) right 50% no-repeat;
		-moz-background-size:10px auto;
		-webkit-background-size:10px auto;
		background-size:10px auto;
		text-decoration:none;
		}
	ul.list li .data,
	ul.list li .cat{
			color:#8f8f8f;
			}
}
@media screen and (min-width: 681px) {
	ul.list li .data{
			float:left;
			width:20%;
			font-size:95%;
			}
	ul.list li .title{
			float:left;
			width:80%;
			overflow: auto;	/* for modern browser */
			zoom: 1;	/* for ie6 */
			}
	ul.list li .cat{
			width:100%;
			clear:both;
			display:block;
			font-size:95%;
			text-align:right;	
			}
}

@media screen and (max-width: 680px) {
	ul.list li {
		font-size:13px;
	}
	ul.list li .data{
		width:auto;
		margin-right:10px;
		font-size:95%;
	}
	ul.list li .title{
		width:auto;
		overflow:visible;
	}
	ul.list li .cat{
			font-size:95%;
	}
}


/*-------------------------------------------------
	linkBox*common
  ------------------------------------------------- */

.linkBox{
	border:1px solid #d2d2d2;
	}
.linkBox+.linkBox{
	margin-top:10px;
}
.linkBox h4{
		margin:0 !important;
		padding:10px 15px;
		}
.linkBox a{
		display:block;
		padding-right:15px;
		background:url(../images/common/arrow02_right.png) right 50% no-repeat;
		-moz-background-size:10px auto;
		-webkit-background-size:10px auto;
		background-size:10px auto;
		text-decoration:none;
		}
.linkBox h4 img{
		height:18px !important;
		width:auto;
		line-height:1em;
	}


/*-------------------------------------------------
	link-arrow*common
  ------------------------------------------------- */
  .link-arrow{
	  margin-top:15px;
	  padding-right:20px;
	  text-align:right;
	  background:url(../images/common/arrow02_right.png) right 50% no-repeat;
	  font-size:95%;
  }


/*-------------------------------------------------
	pageTop
  ------------------------------------------------- */
#pageTop{
	 width:100%;
	 text-align:center;
	 padding:25px 0;
	 }
	 
/* #pageTop img  * Res-PC  */
	#pageTop img{
	 width:auto;
	 height:20px;
	 }

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

	headArea
	
 ================================================= */
#headArea{
	position:relative;
	width:100%;
}
#head h1{
	float:left;
}


/*-------------------------------------------------
	menulist
  ------------------------------------------------- */
#overlay{
	display:none;
	position:fixed;
	top:0px;
	left:0;
	z-index:100;
	width:100%;
	box-sizing:border-box;
			}
	#overlay .PC{
		display:inline-block;
	}
	#overlay .SP{
		display:none;
	}
@media screen and (min-width: 400px) {
	#overlay .PC{
		display:none;
	}
	#overlay .SP{
		display:inline-block;
	}
}
/*NaviBox*/
#overlay .NaviBox{
	width:100%;
	box-sizing:border-box;
	padding:15px 10px;
	background:rgba(0,0,0,0.8);
}
	#overlay .NaviBox h4{
		width:100%;
		box-sizing:border-box;
		font-weight:bold;
		margin-bottom:15px;
		line-height:1.2em;
		color:#FFFFFF;
		border:2px solid #FFFFFF;
		padding:10px;
	}
	#overlay .NaviBox ul{
		border-top:1px dotted #e2e2e2;
	}
	#overlay .NaviBox li{
		padding:5px;
		border-bottom:1px dotted #e2e2e2;
		font-size:9px;
		color:#FFFFFF;
	}
	#overlay .NaviBox li a{
		text-decoration:none;
		font-size:13px;
		padding-left:5px;
		color:#FFFFFF;
	}
	#overlay .NaviBox li.sub{
		padding:5px 5px 5px 20px;
	}
	#overlay .NaviBox #close{
		width:100%;
	}
	#overlay .NaviBox #close p{
		margin-top:10px;
		background:rgba(116,116,116,0.8);
		text-align:center;
		font-size:13px;
		padding:5px;
		border-radius: 2px;        /* CSS3草案 */  
		-webkit-border-radius: 2px;    /* Safari,Google Chrome用 */  
		-moz-border-radius: 2px;   /* Firefox用 */  
		color:#FFFFFF;
		width:100%;
		box-sizing:border-box;
		cursor:pointer;
		display:block;
	}
	#overlay .NaviBox  #accordionList{
		border-top:1px dotted #e2e2e2;
	}
	#overlay .NaviBox #accordionList dt{
		padding:5px;
		border-bottom:1px dotted #e2e2e2;
		font-size:9px;
		color:#FFFFFF;
	}
	#overlay .NaviBox #accordionList dt a{
		text-decoration:none;
		font-size:14px;
		padding-left:5px;
		cursor:pointer;
		color:#FFFFFF;
	}
	#overlay .NaviBox  #accordionList ul{
		border-top:none;
	}
	#overlay .NaviBox  #accordionList ul li{
		border-bottom:1px dotted #e2e2e2;
		border-top:none;
	}
	

/*-------------------------------------------------
	mainNavi * Res-PC
  ------------------------------------------------- */

.mainNavi{ /* Res */ }


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

	ContentsArea 
	
 ================================================= */
 
 #ContentsArea { /* Res */ }
 
/*-------------------------------------------------
	ContentsEntryArea *  メイン
  ------------------------------------------------- */
 #ContentsEntryArea { /* Res */ }


/* entryArea * 
  ------------------------------------------------- */

/* entryHeadArea */
#ContentsEntryArea .entryHeadArea{
	background: url(../images/common/dotline_01.png) 0 bottom repeat-x;
}
/* entryTitleArea */
#ContentsEntryArea .entryTitleArea{
	background: url(../images/common/dotline_01.png) 0 bottom repeat-x;
}
/* entryTxtArea */
#ContentsEntryArea .entryTxtArea{
	padding:15px 0;
	background: url(../images/common/dotline_01.png) 0 bottom repeat-x;
}
#ContentsEntryArea .entryTxtArea .entryDataArea{
	text-align:right;
	color:#8f8f8f;
	margin-bottom:15px;
}
#ContentsEntryArea .entryTxtArea .entryDataArea .cat a{
	color:#8f8f8f;
	padding:0 3px;
}

/* entryTitle*h4 */
#ContentsEntryArea .entryTitle{
	padding:20px 5px;
	line-height:1.5em;
	font-size:1.2em;
}
/* entryCatTitle*h5 */
#ContentsEntryArea .entryCatTitle{
	background: url(../images/common/dotline_01.png) 0 bottom repeat-x;
	padding-bottom:1px;
}
#ContentsEntryArea .entryCatTitle h5{
	padding:10px 5px 8px;
	line-height:1;
	background:url(../images/common/body_bg02.gif);
}


/* entryArchiveList */
#ContentsEntryArea .entryArchiveList{
	margin:30px 0 0;
	}
/* entryCatTitle*h5 */
#ContentsEntryArea .entryArchiveList .entryCatTitle{
	background: url(../images/common/dotline_01.png) 0 0 repeat-x;
	padding-top:1px;
	padding-bottom:0;
}


/* entryListNavi */
#ContentsEntryArea .entryListNavi{
	margin:15px 0 0;
	text-align:center;
	line-height:35px;
	}
#ContentsEntryArea .entryListNavi a{
	text-decoration:none;
}
#ContentsEntryArea .entryListNavi .prev{
	padding-right:20px;
	text-align:right;
	}
#ContentsEntryArea .entryListNavi .next{
	padding-left:20px;
	}
#ContentsEntryArea .entryListNavi .link_page{
	padding:5px 8px;
	margin:0 3px;
	border:1px solid #d2d2d2;
	background:url(../images/common/body_bg02.gif);
}
#ContentsEntryArea .entryListNavi .link_page:hover{
	background:url(../images/common/body_bg03.gif);
}
#ContentsEntryArea .entryListNavi .current_page{
	padding:6px 9px;
	margin:0 3px;
}


/*-------------------------------------------------
	ContentsNaviArea *  ナビ
  ------------------------------------------------- */
 #ContentsNaviArea { /* Res */ }

/* NaviBox */


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

	footArea 
	
 ================================================= */
#footArea{
	width:100%;
}

/*-------------------------------------------------
	footNavi  * Res-PC
  ------------------------------------------------- */
.footNavi{ /* Res */ }


/*-------------------------------------------------
	footSubNavi
  ------------------------------------------------- */
.footSubNavi{
	width:100%;
	margin:0 auto;
	font-size:95%;
	padding:5px 0;
	background:url(../images/common/body_bg03.gif);
	text-align:center;
}

.copy{
	padding:15px 25px;
	text-align:center;
}



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

	ムービー可変用 
	
 ================================================= */

.video-container {
	position: relative;
	padding-bottom: 56.25%;
	padding-top: 30px;
	height: 0;
	overflow: hidden;
}

.video-container iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
#BCLcontainingBlock {
  width: 50%;
  margin-left: 10px;
  margin-bottom: 10px;
  float: right;
}
.BCLvideoWrapper {
  position: relative;
  padding-top: 1px;
  padding-bottom: 56.25%;
  height: 0;
}
* html .BCLvideoWrapper {
  margin-bottom: 45px;
  margin-top: 0;
  width: 100%;
  height: 100%;
}
.BCLvideoWrapper div,
.BCLvideoWrapper embed,
.BCLvideoWrapper object,
.BrightcoveExperience {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
}