@charset "utf-8";

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

　　共通設定

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


/*  全体 共通設定
---------------------------------------------*/

/*  リンク 共通設定
-------------------------- */

/* -- 動き滑らか -- */
#headerTop .boxSNS a,
#headerBtm a,
#content a img {
  transition: all 0.4s ease;
}

/* -- 半透明 -- */
#header #headerTop .boxLinkArea .boxSNS a:hover {
  opacity: 0.7;
  filter: alpha(opacity=70);
}

#content a:hover img {
  opacity: 0.5;
  filter: alpha(opacity=50);
}

/* -- 下線 -- */
#footer a:hover
.txtLink {
  text-decoration: underline;
}

/* -- 下線なし -- */
.txtLink:hover {
  text-decoration: none;
}


/*  テキスト 共通設定
-------------------------- */

em {
  font-weight: bold;
}


/*  アイコン　設定
-------------------------- */
    
/* -- 矢印アイコン -- */
.icnArw {
  display: inline-block;
  position: relative;
  padding-left: 14px;
}

/* 矢印 */
.icnArw:before {
  position: absolute;
  top: 50%;
  left: 0;
  width: 0;
  height: 0;
  margin-top: -4px;
  border-top: 4px solid transparent;
  border-right: 4px solid transparent;
  border-bottom: 4px solid transparent;
  border-left: 7px solid #ff8000;
  content: "";
}

/* 白色矢印 */
.icnArw:before {
  border-left: 6px solid #fff;
}


/* タイトル・ロゴ・アイコンの文字インデント設定（背景画像使用）
-------------------------- */

#header .boxSiteLogo #ttlSiteLogo a,
#header .boxSiteLogo .txtDescription,
.boxLinkarea .txtMore a {
  display: block;
  overflow: hidden;
  background-repeat: no-repeat;
  text-align: left;
  text-indent: 200%;
  /text-indent: -9999px;
  text-indent: -9999px\9;
  white-space: nowrap;
}


/*  メインタイトル
---------------------------------------------*/

.boxMainTitle {
  padding: 30px 0 50px;
  color: #310204;
  font-size: 1.4em;
  text-align: center;
}

.boxMainTitle .ttlMain,
.boxMainTitle .ttlSub {
  font-weight: bold;
  line-height: 1.2em;
}

.boxMainTitle .ttlMain {
  margin-bottom: 5px;
  font-weight: bold;
  font-size: 1.15em;
}

.boxMainTitle .ttlMain .txtSmall {
  font-size: 0.9em;
}


/*  アコーディオン・メニュー
---------------------------------------------*/

#container.gt640 .boxAcc .boxAccCont {
  display: block !important;
}



/*  テーブル
---------------------------------------------*/

.boxTable {
  border: 1px solid #ccc;
  border-top: none;
  border-left: none;
  width: 100%;
}

.boxTable tr {
  border-top: 1px solid #ccc;
}

.boxTable th,
.boxTable td {
  padding: 10px;
  border-left: 1px solid #ccc;
  background: #fff;
  vertical-align: top;
}

.boxTable th {
  width: 150px;
}

.boxTable .bgEven th,
.boxTable .bgEven td {
  background: #faf9f9;
}

/* カラー：ホワイト */

.boxTable.boxClrWhite,
.boxTable.boxClrWhite th,
.boxTable.boxClrWhite td {
  border: none;
}

.boxTable.boxClrWhite tr:first-child {
  border-top: none;
}

.boxTable.boxClrWhite th,
.boxTable.boxClrWhite td {
  padding: 12px;
}

.boxTable.boxClrWhite .bgEven th,
.boxTable.boxClrWhite .bgEven td {
  background: #fff;
}

.boxTable.boxClrWhite th {
  width: 120px;
  font-weight: bold;
}



/*  ボックス全体をリンク
---------------------------------------------*/

.boxLinkarea {
  position: relative;
  cursor: pointer;
}

.boxLinkarea .txtMore {
  height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
}

.boxLinkarea .txtMore a {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}


/*  タイトル
---------------------------------------------*/

.ttlObi {
  margin-bottom: 20px;
  padding: 12px 20px 7px;
  border-bottom: 4px solid #310204;
  background: #f9f6f5;
  font-size: 1.1em;
  font-weight: bold;
}


/*  Colorbox 追加設定
---------------------------------------------*/

/* Retinaディスプレイ用 */

#cboxContent {
  margin: -1px;
  padding: 1px;
}

#cboxTopLeft,
#cboxTopCenter,
#cboxTopRight {
  margin-bottom: -1px;
}

/*  news label
---------------------------------------------*/
.boxNewsList dl dd p.newstxtbox {
	border-radius: 2px;
    color: #fff;
    display: block;
    float: left;
    font-size: 12px;
    margin-right: 10px;
    text-align: center;
    width: 100px;
}

.boxNewsList dl dd P.category1,
#news-detail p.category1 {
	background-color: #000;
}

.boxNewsList dl dd P.category2,
#news-detail p.category2 {
	background-color: #0825BB;
}

.boxNewsList dl dd P.category3,
#news-detail p.category3 {
	background-color: #BC0407;
}

.boxNewsList dl dd P.category4,
#news-detail p.category4 {
	background-color: #408902;
}

.boxNewsList dl dd P.category5,
#news-detail p.category5 {
	background-color: #F57305;
}

.boxNewsList dl dd P.category6,
#news-detail p.category6 {
	background-color: #9801E4;
}

.boxNewsList dl dd p.txtNews { margin-left: 126px;}

#news-detail .boxEntryHead p.newstxtbox {
	border-radius: 2px;
    color: #fff;
    display: block;
    font-size: 12px;
    margin-right: 14px;
    text-align: center;
    width: 100px;
	margin-left:90px;
}

#news-detail .boxEntryHead p.info {background-color: #000;}
#news-detail .boxEntryHead p.media {background-color: #0825BB;}
#news-detail .boxEntryHead p.app {background-color: #BC0407;}

#news-detail .boxEntryHead p.txtDate {float:left; width:80px;}

/*　IFRAME 設定
---------------------------------------------*/

#container-iframe {
  text-align: left;
  line-height: 1.9em;
  padding:20px;
}

/*　a link Btn
---------------------------------------------*/
.linkBtn-A { display:block; margin:0 auto; }
.linkBtn-A a { display:block; padding:12px; background-color:#3637b5; text-align:center; color:#FFF; }
.linkBtn-A a:link,
.linkBtn-A a:visited { color:#FFF; text-decoration:none; }
.linkBtn-A a:hover,
.linkBtn-A a:active { opacity: 0.7; transition: all 0.4s ease; text-decoration:underline; }

.BtnSS { width:30%; }
.BtnS { width:40%; }
.BtnM { width:65%; }
.BtnL { width:85%; }

ul li.linkBtn-A{
	display: inline-block;
}
/*　Txt Color
---------------------------------------------*/
.Txt_Blue { color:#3637b5; }
.Txt_Gray { color:#999999; }

/*　sp on/off
---------------------------------------------*/
.spShow { display:none; }

/*　pre release
---------------------------------------------*/
.preMsg { padding:160px 0; }
.preMsg p { font-size:180%; line-height:2.4em; }
.preMsg p .L { font-size:240%; }
.preMsg p .m { font-size:200%; }