@charset "utf-8";
@import"reset.css";

html { font-size: 62.5%; }

body {
  background: #ffffff;
  
  font-family: "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", Verdana, "游ゴシック", YuGothic,  "メイリオ", Meiryo, sans-serif;
  line-height: 1.5;
}

.txtfix, .txtFix {
  display: none;
}

a { color: #000000; text-decoration: none; }

a:focus, *:focus { outline:none; }

a:hover {
  color: #cccccc;
  
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}


/*========================================
  折り返し制御
========================================*/

.bw {
  word-wrap : break-word;
  overflow-wrap : break-word;
}


/*========================================
  フォント種類
========================================*/

.gothic {
  font-family: "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", Verdana, "游ゴシック", YuGothic,  "メイリオ", Meiryo, sans-serif;
}

.mincho {
  font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", "メイリオ", Meiryo, serif;
}


/*========================================
  フォントサイズ
========================================*/

.fs08 { font-size: 8px; font-size: 0.8rem; }
.fs09 { font-size: 9px; font-size: 0.9rem; }
.fs10 { font-size: 10px; font-size: 1.0rem; }
.fs11 { font-size: 11px; font-size: 1.1rem; }
.fs12 { font-size: 12px; font-size: 1.2rem; }
.fs13 { font-size: 13px; font-size: 1.3rem; }
.fs14 { font-size: 14px; font-size: 1.4rem; }
.fs15 { font-size: 15px; font-size: 1.5rem; }
.fs16 { font-size: 16px; font-size: 1.6rem; }
.fs17 { font-size: 17px; font-size: 1.7rem; }
.fs18 { font-size: 18px; font-size: 1.8rem; }
.fs19 { font-size: 19px; font-size: 1.9rem; }
.fs20 { font-size: 20px; font-size: 2.0rem; }
.fs21 { font-size: 21px; font-size: 2.1rem; }
.fs24 { font-size: 24px; font-size: 2.4rem; }
.fs30 { font-size: 30px; font-size: 3.0rem; }
.fs36 { font-size: 36px; font-size: 3.6rem; }
.fs48 { font-size: 48px; font-size: 4.8rem; }


/*========================================
  フォント太さ
========================================*/

.fb { font-weight: bold; }
.fn { font-weight: normal; }


/*========================================
  フォントカラー
========================================*/

.wht { color: #FFFFFF; }
.blk { color: #000000; }
.red { color: #e60012; }


/*========================================
  行間
========================================*/

.fl12 { line-height: 1.2; }
.fl13 { line-height: 1.3; }
.fl14 { line-height: 1.4; }
.fl15 { line-height: 1.5; }
.fl16 { line-height: 1.6; }
.fl17 { line-height: 1.7; }
.fl18 { line-height: 1.8; }
.fl19 { line-height: 1.9; }
.fl20 { line-height: 2.0; }
.fl25 { line-height: 2.5; }
.fl30 { line-height: 3.0; }


/*========================================
  text-align・float
========================================*/

.taL { text-align: left; }
.taC { text-align: center; }
.taR { text-align: right; }
.fL { float: left; }
.fR { float: right; }


/*========================================
  padding
========================================*/

.pt05 { padding-top: 5px; }
.pt10 { padding-top: 10px; }
.pt15 { padding-top: 15px; }
.pt20 { padding-top: 20px; }
.pt25 { padding-top: 25px; }
.pt30 { padding-top: 30px; }

.pb05 { padding-bottom: 5px; }
.pb10 { padding-bottom: 10px; }
.pb15 { padding-bottom: 15px; }
.pb20 { padding-bottom: 20px; }
.pb25 { padding-bottom: 25px; }
.pb30 { padding-bottom: 30px; }

.ptb05 { padding-top: 5px; padding-bottom: 5px; }
.ptb10 { padding-top: 10px; padding-bottom: 10px; }
.ptb15 { padding-top: 15px; padding-bottom: 15px; }
.ptb20 { padding-top: 20px; padding-bottom: 20px; }

.pl10 { padding-left: 5px; }
.pl10 { padding-left: 10px; }
.pl15 { padding-left: 15px; }
.pl20 { padding-left: 20px; }
.pl25 { padding-left: 25px; }
.pl30 { padding-left: 30px; }

.pr10 { padding-right: 5px; }
.pr10 { padding-right: 10px; }
.pr15 { padding-right: 15px; }
.pr20 { padding-right: 20px; }
.pr25 { padding-right: 25px; }
.pr30 { padding-right: 30px; }

.prl05 { padding-right: 5px; padding-left: 5px; }
.prl10 { padding-right: 10px; padding-left: 10px; }
.prl15 { padding-right: 15px; padding-left: 15px; }
.prl20 { padding-right: 20px; padding-left: 20px; }


/*========================================
  margin
========================================*/

.mt03 { margin-top: 3px; }
.mt05 { margin-top: 5px; }
.mt10 { margin-top: 10px; }
.mt15 { margin-top: 15px; }
.mt20 { margin-top: 20px; }
.mt25 { margin-top: 25px; }
.mt30 { margin-top: 30px; }
.mt40 { margin-top: 40px; }
.mt50 { margin-top: 50px; }

.mb0 { margin-bottom: 0px !important; }
.mb03 { margin-bottom: 3px; }
.mb05 { margin-bottom: 5px; }
.mb10 { margin-bottom: 10px; }
.mb15 { margin-bottom: 15px; }
.mb20 { margin-bottom: 20px; }
.mb25 { margin-bottom: 25px; }
.mb30 { margin-bottom: 30px; }
.mb40 { margin-bottom: 40px; }
.mb50 { margin-bottom: 50px; }
.mb60 { margin-bottom: 60px; }
.mb70 { margin-bottom: 70px; }

.mrl10 { margin-right: 10px; margin-left: 10px; }
.mrl-10 { margin-right: -10px; margin-left: -10px; }

.ml10 { margin-left: 10px; }
.ml15 { margin-left: 15px; }
.ml20 { margin-left: 20px; }
.ml25 { margin-left: 25px; }
.ml30 { margin-left: 30px; }

.mr00 { margin-right: 0px; }
.mr10 { margin-right: 10px; }
.mr15 { margin-right: 15px; }
.mr20 { margin-right: 20px; }
.mr25 { margin-right: 25px; }
.mr30 { margin-right: 30px; }
.mr40 { margin-right: 40px; }
.mr50 { margin-right: 50px; }


/*========================================
  background-color
========================================*/

.bgcBlk { background-color: #000; }
.bgcRed { background-color: #e10000; }
.bgcGray { background-color: #eeeeee; }


/*================================================================================
  clearfix
================================================================================*/

.clearfix:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
.clearfix {
  display: inline-block;/*for IE 7andMacIE5*/
}
/*Hides from IE-mac\*/
*html.clearfix {
  height: 1%;
}
.clearfix {
  display: block;
  /*clearfix修正版*/
  overflow: hidden;
}


/*================================================================================
  header
================================================================================*/

header {
  width: 100%;
  height: auto;
  border-bottom: 1px solid #000000;
}


/*========================================
  header_inner
========================================*/

#header_inner {
  position: relative;
  margin: 0 auto;
  width: 960px;
  height: 110px;
}

#header_inner h2 a {
  position: relative;
  display: block;
  width: 264px;
  height: 64px;
  top: 30px;
  left: 0px;
  background: url(../img/logo.png) no-repeat left top;
  
  text-align: left;
  text-indent: -9999px;
}
#header_inner h2 a:hover {
  filter: alpha(opacity=50);
	-moz-opacity: 0.5;
	opacity: 0.5;
}

#header_inner h5 {
  position: absolute;
  width: 75px;
  height: 12px;
  top: 40px;
  right: 0px;
  background: url(../img/promotion.png) no-repeat left top;
  
  text-align: left;
  text-indent: -9999px;
}


/*================================================================================
  footer
================================================================================*/

footer {
  clear: both;
  height: auto;
  border-top: 1px solid #cccccc;
  padding: 20px 10px;
  
  color: #000000;
  font-size: 11px; font-size: 1.1rem;
  line-height: 1.7;
  text-align: center;
}
footer a {
  color: #000000;
  text-decoration: underline;
}
footer a:hover {
  text-decoration: none;
}


/*================================================================================
  #container
================================================================================*/

#container {
  width: 100%;
  height: auto;
  background-color: #FFFFFF;
  
  color: #444444;
}

#container_inner {
  width: 100%;
  height: auto;
  background-color: #FFFFFF;
  margin: 0 auto;
  padding-bottom: 20px;
  padding-top: 40px;
}


/* //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */

/*========================================
  con_title
========================================*/

.con_title {
	position: relative;
	width: 1000px;
	height: 870px;
	background: #FFFFFF url(../img/title.png) top left no-repeat;
  margin: 0 auto;
  margin-bottom: 50px;
}

.con_title_txt {
	position: absolute;
	width: 1000px;
	left: 0px;
	top: 760px;
  
  color: #FFFFFF;
}


/*========================================
  con_movie_box
========================================*/

.con_movie_box {
	position: relative;
	width: 100%;
	height: auto;
  background-color: #e0f1f8;
  padding: 40px 0 50px 0;
}

.con_movie_box_inner {
	position: relative;
	width: 1000px;
	height: auto;
	margin: 0 auto;
}

.con_movie_box_inner .con_movie_title {
  width: 900px;
	height: 49px;
	background: url(../img/movie_title.png) top left no-repeat;
  margin-left: 50px;
  
  text-align: left;
	text-indent: -9999px;
}

.con_movie_box_inner .con_movie_txt {
	width: 1000px;
}

.con_movie_box_inner .con_movie_prof {
  float: left;
  width: 280px;
  min-height: 190px;
  background-color: #FFFFFF;
  padding: 20px;
}
.con_movie_prof01 {
  width: 160px;
	height: 90px;
	background: url(../img/movie_prof01.png) top left no-repeat;
  padding: 10px 0 0 120px;
}
.con_movie_prof02 {
  width: 160px;
	height: 90px;
	background: url(../img/movie_prof02.png) top left no-repeat;
  padding: 10px 0 0 120px;
}
.con_movie_prof03 {
  width: 160px;
	height: 90px;
	background: url(../img/movie_prof03.png) top left no-repeat;
  padding: 10px 0 0 120px;
}

.con_movie_box_inner .con_movie {
  clear: both;
	width: 900px;
	background-color: #e0f1f8;
  margin-left: 50px;
}


/*================================================================================
  con_main
================================================================================*/

.con_main {
	width: 900px;
  padding: 40px 0;
  margin: 0 auto;
}

.con_interview {
  width: 800px;
  padding: 0 50px;
}


/*========================================
  con_item
========================================*/

.con_item {
	position: relative;
	width: 100%;
	height: auto;
  background-color: #e0f1f8;
  padding: 30px 0;
}

.con_item_inner {
	position: relative;
	width: 880px;
	height: auto;
  background-color: #FFFFFF;
  padding: 40px;
	margin: 0 auto;
}

.con_item_left {
  float: left;
  width: 390px;
}
.con_item_right {
  float: right;
  width: 455px;
}

/* con_intel ------------------------*/
.con_intel {
  width: 350px;
	min-height: 54px;
	background: url(../img/intel_logo.png) top left no-repeat;
  padding: 5px 0 0 60px;
}

/* btn_info ------------------------*/
.btn_info a {
  display: block;
	width: 455px;
	height: 50px;
  background: url(../img/btn_info.png) top left no-repeat;
  
  text-align: left;
	text-indent: -9999px;
}
.btn_info a:hover {
  filter: alpha(opacity=70);
	-moz-opacity: 0.7;
	opacity: 0.7;
}

/*========================================
  con_credit
========================================*/

.con_credit {
	position: relative;
	width: 900px;
	height: auto;
	margin: 0 auto;
  margin-bottom: 40px;
}

.con_credit a {
  color: #000000;
  text-decoration: none;
}
.con_credit a:hover {
  filter: alpha(opacity=70);
	-moz-opacity: 0.7;
	opacity: 0.7;
}

.menu_photo {
  width: 230px;
  height: 150px;
}

.menu_txt {
  width: 670px;
  height: 150px;
  vertical-align: middle;
}