@charset "utf-8";

/* _/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/

　モジュール名：ノーマライズ
　作　 成 　日：2013年10月15日(火)
　更　 新　 日：

_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/ */

/* 作業エリア作成 */
#nenga2014_support {
	width:1240px;
	margin:20px auto 0;
	text-align:left;
	padding:0;
	font-size:75%;
}

/* 画像 */
#nenga2014_support img {
	vertical-align:bottom;
	padding:0;
	margin:0;
	border:none;
	font-size:0;
}

/* 見出し */
#nenga2014_support h1, #nenga2014_support h2, #nenga2014_support h3, #nenga2014_support h4, #nenga2014_support h5 {
	padding:0;
	margin:0;
}

/* ブロック */
#nenga2014_support div {
	padding:0;
	margin:0;
}

/* パラグラフ */
#nenga2014_support p {
	padding:0;
	margin:0;
}

/* リスト */
#nenga2014_support ul, #nenga2014_support ol, #nenga2014_support li {
	padding:0;
	margin:0;
	list-style:none;
	line-height:1.6;
}

/* 定義リスト */
#nenga2014_support dl, #nenga2014_support dt, #nenga2014_support dd {
	padding:0;
	margin:0;
}

/* テーブル */
#nenga2014_support table {
	border-collapse:collapse;
	border-spacing:0;
}



/* _/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/

　モジュール名：オーバーライト
　作　 成 　日：2013年10月09日(水)
　更　 新　 日：

_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/ */

/* パンくずリスト */
#topicPath {padding-bottom:0;}



/* _/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/

　モジュール名：ヘッダ
　作　 成 　日：2013年10月15日(火)
　更　 新　 日：

_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/ */

/* メインビジュアル */
#nenga2014_support .header h1 {}



/* _/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/

　モジュール名：コンテンツ
　作　 成 　日：2013年10月15日(火)
　更　 新　 日：

_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/ */

/* エリア */
#nenga2014_support .contents {margin:30px 15px 0;}



/* _/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/

　モジュール名：よくあるお問い合わせ
　作　 成 　日：2013年10月15日(火)
　更　 新　 日：

_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/ */

/* エリア */
#nenga2014_support .often {text-align:center;}

/* タイトル */
#nenga2014_support .often h2 {margin:0 0 15px;}

/* リンク */
#nenga2014_support .often a {margin:0 10px;}



/* _/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/

　モジュール名：FAQ
　作　 成 　日：2013年10月15日(火)
　更　 新　 日：

_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/ */

/* エリア */
#nenga2014_support .faq {margin:40px 0 0;}

/* タイトル */
#nenga2014_support .faq h3 {
	color:#333;
	background:url(../images/title_sub.gif);
	font-size:16px;
	line-height:40px;
	padding:0 15px;
}

/* リスト */
#nenga2014_support .faq dl {margin:20px 15px 0;}
#nenga2014_support .faq dt {
	font-size:14px;
	line-height:20px;
}
#nenga2014_support .faq dt img {margin:0 5px 0 0;}
#nenga2014_support .faq dd {
	margin:2px 0 0 25px;
	line-height:1.8;
}

/* リンク */
#nenga2014_support .faq dd p {
	margin:5px 0 0;
	line-height:15px;
}
#nenga2014_support .faq dd img {margin:0 5px 0 0;}



/* _/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/

　モジュール名：回答
　作　 成 　日：2013年10月15日(火)
　更　 新　 日：

_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/ */

/* エリア */
#nenga2014_support .answer {
	margin:40px 0 0;
	text-align:center;
}

/* タイトル */
#nenga2014_support .answer h3 {
	color:#333;
	background:url(../images/title_sub.gif);
	font-size:16px;
	line-height:40px;
	padding:0 15px;
	text-align:left;
}

/* テキスト */
#nenga2014_support .answer p {
	margin:15px 10px 0;
	text-align:left;
}
#nenga2014_support .answer .img_left {
	float:left;
	width:700px;
}
#nenga2014_support .answer img {margin:15px 0 0;}

/* リンク */
#nenga2014_support .answer .link {line-height:15px;}
#nenga2014_support .answer .link img {margin:0 5px 0 0;}

/* 注意 */
#nenga2014_support .answer .caution {
	color:#666;
	margin:5px 10px 0;
	padding-left:1em;
	text-indent:-1em;
}

/* 強めのタイトル */
#nenga2014_support .answer strong {
	display:block;
	color:#2f8b8b;
	font-size:18px;
	font-weight:bold;
	margin:30px 10px 0;
	text-align:left;
}

/* 強めのテキスト */
#nenga2014_support .answer div {
	margin:20px 10px 0;
	text-align:left;
	padding:10px;
	border:double 3px #096;
}
#nenga2014_support .answer .explanation {
	margin:20px 10px 0;
	padding:10px;
	border:none;
	background:#f0f0f0;
}
#nenga2014_support .answer span {color:#c00;}



/* _/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/

　モジュール名：トップへ戻る
　作　 成 　日：2013年10月15日(火)
　更　 新　 日：

_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/ */

/* エリア */
#nenga2014_support .back_button {
	margin:40px 0 0;
	text-align:center;
}



/* _/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/

　モジュール名：印刷の準備
　作　 成 　日：2013年10月15日(火)
　更　 新　 日：

_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/ */

/* エリア */
#nenga2014_support .preparation {}


/*--------------------------------------------------------------------------------
menyBlock
--------------------------------------------------------------------------------*/
.menyBlock {margin-top: 12px;}
.menyBlock ul {overflow:hidden;}
.menyBlock ul li {float: left; width: 223px; min-height: 172px; margin: 0 10px 20px 0}
.menyBlock ul li a{color: #fff;}
.menyBlock span{color: #fff; font-size: 115%;}
.menyBlock p{font-size:100%; width: 220px;}

/*--------------------------------------------------------------------------------
20241105追記
--------------------------------------------------------------------------------*/
.iLinkBnk02 {
display: inline-block; padding-left: 21px; background: url(/common/images/ico_pop_01.gif) 0 2px no-repeat;
}
.menyBlock .txt{
font-size:100%; width:225px;
}
.menyBlock div{
border:solid 1px #CCC;
}
.menyBlock ul li a span.popup{
display: block; width: 225px; padding: 10px 0 9px; text-align: center; background: #005ab4 url(/katsuyou/nenga/support/images/ico_link_03.png) no-repeat 10px 48%;
}

#nenga2014_support .bgb {
background-color: #e0effd;
display: block;width: 100%;
font-size: 14px;
font-weight: bold;
margin-bottom: 14px;
}

#nenga2014_support .bgb .bgb_inner {
padding: 5px 14px;
}

#nenga2014_support .bgg {
background-color: #EBF1DE;
padding: 6px;
}

table.tblMod01.thbold th {
font-weight:bold;
}

#nenga2014_support .faq .fc_orange {
color:#ea5506;
}

@media screen and (max-width:767px) {
#nenga2014_support .faq dl {
    margin: 20px 0 0;
  }
  
#nenga2014_support .faq dd {
    margin: 2px 0 0 10px;
  }
#nenga2014_support .faq .fap_table01 {
    overflow-x: scroll;
 }
#nenga2014_support .faq .fap_table01 table {
    min-width: 600px;
 }
#nenga2014_support .faq .fap_table01 .table01 {
    min-width: 500px;
 }
}

#nenga2014_support .video {
	max-width: 720px;
	margin: 0 auto;
}
#nenga2014_support .video .video-container {
	position: relative;
	margin: 0 auto;
	padding-bottom: 66.67%; /* 4:3 ratio */
	height: 0;
}
#nenga2014_support .video-container iframe{
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	width: 100%;
	border: 0;
}

#nenga2014_support .video-block.column2 .video_list{
	float:left;
    width: 46%;
    margin-right: 8%;
}

#nenga2014_support .video-block.column2 .video_list:nth-of-type(2n){
margin-right:0;
}

#nenga2014_support .video-block.column2 .video_list:nth-child(n+3){
margin-top:40px;
}

@media only screen and (max-width: 767px) { 
#nenga2014_support .video .video-container {
	position: relative;
	margin: 0 auto;
	padding-bottom: 56.25%; /* 16:9 ratio */
	height: 0;
  }

#nenga2014_support .video-block.column2 .video_list{
	float:none;
	width: auto;
	margin: 0 0 30px 0;
  }
#nenga2014_support .video-block.column2 .video_list:nth-child(n+3){
margin-top:0;
  }
}


/*====================================================================
.purpose_drop
====================================================================*/


#nenga2014_support .purpose_drop {
	position: relative;
}

#nenga2014_support .purpose_drop_inner img[src*="ico_pop"] {
    width: 24px;
    height: 24px;
    position: absolute;
    right: 10px;
}

#nenga2014_support .purpose_drop_header {
	display: block;
	position: relative;
	z-index: 0;
	transition-duration: 0.2s;
	outline: revert;
}

#nenga2014_support .purpose_drop_header span {
	display: block;
	width:225px;
	background: #005ab4;
	padding: 10px 0 9px;
	text-align: center;
}

#nenga2014_support .purpose_drop_header::before {
    content: '';
    display: block;
    position: absolute;
    top: 87%;
    right: 1.5em;
    margin-top: -5px;
    width: 10px;
    height: 10px;
    border-top: 3px solid #ffffff;
    border-right: 3px solid #ffffff;
    -webkit-transform: rotate(45deg);
    transform: rotate(135deg);
}

#nenga2014_support .purpose_drop_header:hover {
	opacity: .7;
	text-decoration: none;
	color: #005ab4;
}

#nenga2014_support .purpose_drop_inner {
	width: 110%;
	display: none;
	padding: 20px 10px 10px 10px;
	box-sizing: border-box;
	position: absolute;
	border: 1px solid #ccc;
	background-color: #eeeeee;
	z-index: 1;
	margin-top: 5px;
	box-shadow: 3px 3px 3px rgb(0 0 0 / 15%);
}

#nenga2014_support .purpose_drop_inner .drop_subtitle {
	margin: 0 0 15px 0;
    padding: 0 0.5em 0.35em;
    border-bottom: solid 1px #333;
    font-size: 16px;
}

#nenga2014_support .purpose_drop_inner li {
	min-height: auto;
	font-size: 14px;
	text-align: left;
	position: relative;
}

#nenga2014_support .purpose_drop_inner li > a {
	display: block;
	position: relative;
	color: #005AB4;
	padding: 10px 20px;
}

#nenga2014_support .purpose_drop_inner li > a:hover {
	text-decoration: underline;
	color: #FF3300;
}

#nenga2014_support .purpose_drop_inner li > a::after {
	position: absolute;
    content: "";
    display: block;
    width: 6px;
    height: 6px;
    border-style: solid;
    border-width: 0 1px 1px 0;
    border-color: #005ab4;
    transform: rotate(-45deg);
    left: 0;
    top: 1.2em;
}

/* share
================================================== */
#nenga2014_support .share_title {
  font-size: 30px;
  text-align: center;
}

#nenga2014_support .share_list {
  margin: 25px auto 0;
}

#nenga2014_support .share_list ul {
  text-align: center;
}

#nenga2014_support .share_list ul li {
  vertical-align: top;
  display: inline-block;
  position: relative;
  margin: 0 15px;
}

@media only screen and (max-width: 767px) {
  #nenga2014_support .share_title {
    font-size: 22px;
  }

  #nenga2014_support .share_list {
    margin-top: 15px;
  }
}