@charset "utf-8";

/*
-----------------------------------------------------
◆◆東京FP ver2015　スタイルシート◆◆
◇◇◇◇◇◇◇レイアウト定義◇◇◇◇◇◇◇
■■■■■■■■PC用設定■■■■■■■■
-----------------------------------------------------
-----------------------------------------------------
【改訂履歴】
22/03/24：「グローバルヘッダ設定（YCGロゴ部分）」設定変更
21/08/04：「.FB_Inn p.Copy」修正
20/06/02：「グローバルヘッダ設定（ログインボタン部分）」設定変更
20/04/20：「臨時告知欄」追加
20/04/14：「グローバルフッタ設定」設定変更
19/10/01：「約款」追加
19/09/03：「新税率に関するお知らせ」追加
16/09/05：「スマホ用ナビ（PC非表示）」に定義追加
16/05/19：「グローバルヘッダ設定」変更
16/03/15：「グローバルヘッダ設定」変更
15/09/30：フッタ設定を改訂
15/07/30：初版作成
-----------------------------------------------------
*/

/* --------------◆◆全ページ共通設定◆◆--------------*/

body {
	margin:0;
	padding:0;
	background-color:#fff;
	font-size:100%;
	color:#444;
	text-align:center;
	}

/* --◆h1テキスト設定--*/

.Pagetop {
	margin:0;
	padding:3px;
	border-top:5px solid #147356;
	box-shadow:rgba(0, 0, 0, 0.2) 0px 2px 3px 0px;
	-webkit-box-shadow:rgba(0, 0, 0, 0.2) 0px 2px 3px 0px;
	font-size:10px;
	font-weight:normal;
	color:#777;
	text-align:left;
	position:relative;
	z-index:1;
	}

/* --◆グローバルヘッダ設定--*/

#responsive-menu-button {display:none;}

.G_Header {
	width:100%;
	height:155px;
	margin:0px auto 0px auto;
	background:url("../img/header_bk2018.jpg") repeat-x center 0px;
	text-align:center;
	position:relative;
	z-index:0;
	}

.GH_Inn {
	position:relative;
	width:877px;
	height:100px;
	margin:0px auto 0px auto;
	background:url("../img/header_in_bk.png") no-repeat center 0px;
	text-align:left;
	}

.GH_Inn p a {
	position:absolute;
	display:block;
	/*left:40px;
	top:29px;
	width:270px;
	height:41px;*/
	left:0;
	top:35px;
	width:323px;
	height:49px;
	text-indent:-999em;
	background:url("../img/header_logo_global_yamada.svg") no-repeat left top / contain;
	}

.GH_Inn a:hover {
	text-decoration:none;
	}

.GH_Inn ul.Text {
	position:absolute;
	top:10px;
	right:60px;
	margin:0;
	padding:0;
	list-style:none;
	font-size:11px;
	}

.GH_Inn ul.Text li {
	display:inline;
	margin-left:-4px;
	margin-right:0px;
	}

.GH_Inn ul.Text li a {
	padding:0px 5px;
	border-left:1px solid #b6b6b6;
	border-right:1px solid #b6b6b6;
	}

.GH_Inn ul.Bt li {
	position:absolute;
	}

.GH_Inn ul.Bt li.Login { left:338px; top:35px; }
.GH_Inn ul.Bt li.Document { left:500px; top:35px; }
.GH_Inn ul.Bt li.Application { left:662px; top:35px; }

.GH_Inn ul li.Home {
	display:none;
	}

.GH_Inn ul li.Document a,
.GH_Inn ul li.Application a {
	display:block;
	width:152px;
	height:49px;
	margin:0px 2px;
	background-color:#f54c53;
	background: -webkit-linear-gradient(top,  #f54c53 0%,#f85c63 48%,#f54c53 51%,#f54c53 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #f54c53 0%,#f85c63 48%,#f54c53 51%,#f54c53 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #f54c53 0%,#f85c63 48%,#f54c53 51%,#f54c53 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #f54c53 0%,#f85c63 48%,#f54c53 51%,#f54c53 100%); /* W3C */
	box-shadow:rgba(223, 233, 234, 0.9) -1px 5px 4px -2px;
	-webkit-box-shadow:rgba(223, 233, 234, 0.9) -1px 5px 4px -2px;
	-webkit-text-shadow: 5px 3px 5px #d74e4a;
	text-shadow: 5px 3px 5px #d74e4a;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	text-align:center;
	font-size:14px;
	font-weight:bold;
	line-height:49px;
	color:#fff;
	}

.GH_Inn ul li.Document a:hover,
.GH_Inn ul li.Application a:hover {
	background: -webkit-linear-gradient(top,  #fc7134 0%,#fca27b 48%,#fc7134 51%,#fc7134 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #fc7134 0%,#fca27b 48%,#fc7134 51%,#fc7134 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #fc7134 0%,#fca27b 48%,#fc7134 51%,#fc7134 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #fc7134 0%,#fca27b 48%,#fc7134 51%,#fc7134 100%); /* W3C */
	}

.GH_Inn ul li.Login a {
	display:block;
	/*width:110px;*/
	width:152px;
	height:49px;
	margin:0px 2px;
	/*border:2px solid #d0e6e4;*/
	background-color:#d0e6e4;
	background: -webkit-linear-gradient(top,  #effcfc 0%,#f5fefe 59%,#ddfafc 63%,#f5fafa 99%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #effcfc 0%,#f5fefe 59%,#ddfafc 63%,#f5fafa 99%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #effcfc 0%,#f5fefe 59%,#ddfafc 63%,#f5fafa 99%); /* IE10+ */
	background: linear-gradient(to bottom,  #effcfc 0%,#f5fefe 59%,#ddfafc 63%,#f5fafa 99%); /* W3C */
	border-radius: 5px;
	-webkit-border-radius: 5px;
	box-shadow:rgba(208, 230, 228, 1) 0px 0px 2px 3px inset;
	-webkit-box-shadow:rgba(208, 230, 228, 1) 0px 0px 2px 3px inset;
	font-size:12px;
	font-weight:bold;
	line-height:20px;
	text-align:center;
	color:#000;
	}

.GH_Inn ul li.Login a span {
	display:block;
	width:100%;
	height:24px;
	background-color:#20563b;
	background: -webkit-linear-gradient(top,  #36765a 0%,#1c5036 99%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #36765a 0%,#1c5036 99%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #36765a 0%,#1c5036 99%); /* IE10+ */
	background: linear-gradient(to bottom,  #36765a 0%,#1c5036 99%); /* W3C */
	-webkit-border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	font-size:10px;
	font-weight:bold;
	line-height:24px;
	color:#fff;
	}

.GH_Inn ul.G_Navi {
	position:absolute;
	top:108px;
	left:0;
	margin:0;
	padding:0;
	list-style:none;
	}

.GH_Inn ul.G_Navi li {
	display:inline-block;
	width:144px;
	margin:0px 1px;
	padding-top:3px;
	background-color:#427f62;
	background: -webkit-linear-gradient(left,  #427f62 0%,#589b85 50%,#427f62 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(left,  #427f62 0%,#589b85 50%,#427f62 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(left,  #427f62 0%,#589b85 50%,#427f62 100%); /* IE10+ */
	background: linear-gradient(to right,  #427f62 0%,#589b85 50%,#427f62 100%); /* W3C */
	box-shadow:rgba(100, 100, 100, 0.5) -1px 5px 4px -4px;
	-webkit-box-shadow:rgba(100, 100, 100, 0.5) -1px 5px 4px -4px;
	float:left;
	}

.GH_Inn ul.G_Navi li a {
	display:block;
	width:142px;
	height:35px;
	border:1px solid #ccc;
	border-top:none;
	background-color:#f9f8e5;
	background:linear-gradient(to bottom, #fffff9, #f9f8e5);
	background:-webkit-gradient(linear, center top, center bottom, from(#fffff9), to(#f9f8e5));
	text-align:center;
	font-size:12px;
	font-weight:bold;
	line-height:35px;
	color:#000;
	}

.GH_Inn ul.G_Navi li a:hover {
	background:linear-gradient(to bottom, #fffff9, #fced95);
	background:-webkit-gradient(linear, center top, center bottom, from(#fffff9), to(#fced95));
	}

/* --◆コンテンツボディ設定--*/

.Body {
	width:875px;
	margin:0px auto;
	font-size:87.5%;
	text-align:center;
	}

/* --◆ボディヘッド設定--*/

.BodyHead {
	position:relative;
	width:875px;
	height:30px;
	}

.BodyHead h3 {
	position:absolute;
	top:2px;
	right:90px;
	margin:0;
	font-size:95%;
	font-weight:normal;
	line-height:22px;
	color:#be0209;
	}

.BodyHead a.Backtop {
	position:absolute;
	top:0;
	right:0;
	display:block;
	width:80px;
	height:22px;
	background:#ffffff;
	box-shadow:rgba(210, 210, 210, 0.5) 0px 0px 2px 2px inset;
	-webkit-box-shadow:rgba(210, 210, 210, 0.5) 0px 0px 2px 2px inset;
	border:1px solid #ccc;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	font-size:70%;
	line-height:22px;
	color:#333;
	}

.BodyHead a.Backtop:link {
	text-decoration:none;
	}

.BodyHead a.Backtop:before {
	display:block;
	content:'TOPへ';
	}

.BodyHead a.Backtop span {
	display:none;
	}

/* --◆ぱんくず設定--*/

ul.Pankuzu { margin:0px auto; padding-top:5px; text-align:left; font-size:75%; }
ul.Pankuzu li { display:inline-block; }
ul.Pankuzu li:before { content:'>'; margin:0px 5px; color:#666; }
ul.Pankuzu li:nth-child(1):before { content:''; margin:0px 0px; }

/* --◆リンクカラー設定（強調のとき）--*/

strong a:link { color:#f00; text-decoration:underline; }
strong a:visited { color:#f00; text-decoration:underline; }
strong a:hover { color:#f00; text-decoration:underline; }
strong a:active{ color:#f00; text-decoration:underline; }

/*◆ページトップへ*/

#pageTop{
	width:60px;
	height:60px;
	position:fixed;
	bottom:20px;
	right:25px;
	text-indent:-999em;
	background-image:url("../img/bt_pagetop_pc.png");
	background-size:120px 60px;
	}

#pageTop:hover{
	background-position:-60px 0px;
	}

/* --◆グローバルフッタ設定--*/

.G_Footer {
	width:100%;
	margin-top:60px;
	text-align:center;
	color:#fff;
	}

.G_Footer a:link { color:#fff; }
.G_Footer a:visited { color:#fff; }
.G_Footer a:hover { color:#fff; }

.GF_Inn {
	width:100%;
	background-color:#147356;
	}

.GF_Wrap {
	display:table;
	width:870px;
	margin:0px auto 0px auto;
	padding-bottom:20px;
	text-align:left;
	}

.GF_Inn div.GF_Block {
	display:table-cell;
	width:275px;
	}

.GF_Inn h3 {
	margin:20px 25px 0px 0px;
	padding:0px 0px 0px 10px;
	font-size:65%;
	font-weight:bold;
	border-left:3px solid #52a28a;
	}

.GF_Inn ul {
	margin:5px 25px 0px 5px;
	padding:0;
	font-size:65%;
	list-style:none;
	}

.GF_Inn ul li {
	margin-bottom:5px;
	padding:0px 0px 0px 10px;
	}

.FooterBottom {
	height:40px;
	padding-top:36px;
	background:#fff;
	}

.FB_Inn {
	width:875px;
	margin:0px auto;
	}

.FB_Inn p.Link {
	margin:0px 0px 0px 0px;
	float:left;
	}

.FB_Inn p.Link a {
	display:block;
	color:#000;
	font-size:14px;
	}

.FB_Inn p.Link a:before {
	display:inline-block;
	content:"";
	width: 0;
	height: 0;
	margin-right:5px;
	border-style: solid;
	border-width: 5px 0 5px 8.7px;
	border-color: transparent transparent transparent #000000;
	}

.FB_Inn p.Copy {
	margin:0px 0px 0px 0px;
	font-size:70%;
	color:#333;
	float:right;
	}

/*スマホ用ナビ（PC非表示）*/

.SP_Navi,
.SPbottomBtn { display:none; }

/*新税率に関するお知らせ*/

.TaxInfo {
	margin:15px auto;
	padding-bottom: 15px;
	border:2px solid #c33;
}

.TaxInfo h2 {
	margin:0 0 15px 0;
	padding:10px;
	background: #c33;
	font-weight: bold;
	color:#fff;
}

.TaxInfo h3 {
	margin:15px;
	padding-bottom: 10px;
	border-bottom: 1px solid #c33;
	text-align: left;
	font-weight: bold;
}

.TaxInfo p {
	margin:15px;
	line-height: 160%;
	text-align: left;
}

.TaxInfoLead {
	color:#c33;
}

.TaxInfo .Chart {
	width:600px;
	height:auto;
	margin:0px auto;
}

/*約款*/

.Yakkan ul li {
	list-style: disc;
}

/*臨時告知欄*/

.C_Block .infoBoard {
	margin:20px 15px 30px 15px;
	padding:15px;
	background-image:url("../../../img/top2015/bk_woody.png");
	box-shadow:rgba(100, 100, 100, 0.5) -1px 6px 4px -2px;
	-webkit-box-shadow:rgba(100, 100, 100, 0.5) -1px 6px 4px -2px;
	border-radius: 2px;
	}

.C_Block .infoBoard .infoBoardWrap {
	padding:15px 30px;
	background-color:#fff;
	background-repeat:no-repeat;
	box-shadow:
		rgba(100, 100, 100, 0.3) 0px 0px 3px 3px inset;
		-webkit-box-shadow:rgba(100, 100, 100, 0.3) 0px 0px 3px 3px inset;
	text-align:left;
	}

.C_Block .infoBoard .infoBoardWrap dt {
	padding:0 0 0 0;
	background: none;
	font-size:120%;
	font-weight: normal;
	color:#e52e2e;
	}

.C_Block .infoBoard .infoBoardWrap dt::before {
	display: none;
	}

.C_Block .infoBoard .infoBoardWrap dd {
	margin:15px 0 0 0;
	}

.C_Block .infoBoard .infoBoardWrap dd p {
	margin:15px 0 0 0;
	font-weight: bold;
	line-height: 140%;
	}
