@charset "utf-8";

/* ********************************************* */
/** コンテンツ用
/** contents.css
/** 株式会社glad
/* ********************************************* */

/********************************
トップページ
********************************/


/*ヘッダー部分*/
.width55 {
	width:55%;
}

.width35 {
	width:35%;
}


.bgWhiteBodyArea
{
	width: 93%;
	padding: 2%;
	text-align: left;
	background: #FFFFFF;
	-webkit-box-shadow: 0 0 10px #bbb;
	box-shadow: 0 0 10px #bbb;
	margin:0 auto 30px;
}

.bgWhiteBodyArea:last-child{
	margin:0 auto;
	}

.mainCatchCopy
{
	font-family:"游明朝","YuMincho","ヒラギノ明朝 ProN W3","Hiragino Mincho ProN","HG明朝E","ＭＳ Ｐ明朝","ＭＳ 明朝","serif";
	font-size: 100%;
	line-height: 1.5;
}


/*施工事例・お客様の声*/
.type
{
	background-color: #3F53C5;
	padding: 5px 10px;
	color: #ffffff;
	text-align: center;
	font-size: 90%;
	display: inline-block;
}

.topVoice
{
	position:relative;
}
.topVoice .morebtn01
{
	width:33%;
	position:absolute;
	right:5px;
	top:1.5px;
}

.topVoice .morebtn01 a:before
{
	content: "\f138";
	font-family: FontAwesome;
	font-size:14px;
	padding-right:3px;
}
.topVoice .morebtn01 a
{
	border-radius:4px;
	padding:2px 0;
/*	background:#75bb29;
*/	color:#293fbb;
	display:block;
	text-align:right;
	text-decoration:none;
	font-size:10px;
	font-weight:bold;
}


/*.topVoice .morebtn01
{
	width:33%;
	position:absolute;
	right:0px;
	top:7px;
}

.topVoice .morebtn01 a:before
{
	content: "\f138";
	font-family: FontAwesome;
	font-size:14px;
	padding-right:4px;
}
.topVoice .morebtn01 a
{
	border-radius:4px;
	padding:4px 0;
/*	background:#75bb29;
*/
/*	color:#293fbb;
	display:block;
	text-align:center;
	text-decoration:none;
	font-size:12px;
	font-weight:bold;
}*/



.voiceArea
{
	position:relative;
}

.voiceArea a
{
	text-decoration:none;
	display:block;
	width:100%;
	color:#000;
	font-size: 13px;
}
.voiceArea dl
{
	padding:11px 0 8px;
	border:1px solid #ccc;
	border-bottom:none;
	background:#DCFAFF;
}
.voiceArea dl:last-child
{
	border-bottom:1px solid #ccc;

	}
.voiceArea dt
{
	float:left;
	margin:0px 10px 0px 10px;
}
.voiceArea dd
{
	width:95%;
}

.voiceArea a:after{
	content: "\f054";
	font-family: FontAwesome;
	position: absolute;
	right: 2%;
	top: 50%;
	color: #666;
	}


h3.voice
{
	position: relative;
	padding: .5em 1em .5em 1.2em;
	border: 1px solid #ccc;
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#fff), to(#f0f0f0));
	background: -moz-linear-gradient(#fff, #f0f0f0);
	background: linear-gradient(#fff, #f0f0f0);
}

h3.voice::after 
{
	position: absolute;
	top: .3em;
	left: .4em;
	content: '';
	width: 6px;
	height: -webkit-calc(100% - 10px);
	height: calc(100% - 10px);
	background-color: #293fbb;
	border-radius: 4px;
}


/*リフォームメニュー*/

.menuList li,.menuListR li
{
	background-color: #f0f0f0;
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#fff), to(#f0f0f0));
	background: -moz-linear-gradient(#fff, #f0f0f0);
	background: linear-gradient(#fff, #f0f0f0);
	position:relative;
	list-style:none;
	margin:0;
	min-height:45px;
}

.menuList li a,.menuListR li a
{
	text-decoration:none;
	color:#000;
	display:block;
	padding:15px 0 15px 35px;
	}

.menuList li:nth-child(n+2) a,.menuListR li:nth-child(n+2) a
{
	padding:15px 0 15px 27px;

}

.menuList li:nth-child(1),.menuListR li:nth-child(1)
{
	font-weight:bold;
	border: 1px solid #ccc;
}

.menuList li:nth-child(n+2),.menuListR li:nth-child(n+2)
{
	background:url("../images/top/icon_l.png") no-repeat 15px 45%;
	background-size:8px 9px;
	font-size:90%;
	border-bottom: 1px dashed #ccc;
	border-left:1px solid #ccc;
	border-right:1px solid #ccc;
	border-top:none;
}
.menuList li:nth-child(1) a:after,.menuListR li:nth-child(1) a:after
{
	content: "\f054";
	font-family: FontAwesome;
	position: absolute;
	right: 2%;
	top: 38%;
	color: #666;
	font-size: 0.8em;
}


/*335px以下のcssで二行になるテキスト用*/
@media (max-width: 335px)
{
	.menuList li.twoline a,.menuListR li.twoline a
	{
		padding:11px 0 3px 27px;
	}
}


.menuListR li:nth-child(1),.menuListR li:nth-child(n+2)
{
	border-left:none;
}

.menuList li:last-child,.menuListR li:last-child
{
	border-bottom: 1px solid #ccc;
}

.iconRoom a
{
	background:url("../images/top/icon-room.png") no-repeat 8px 45%;
	background-size:22px 22px;
}
.iconWater a
{
	background:url("../images/top/icon-toilet.png") no-repeat 8px 45%;
	background-size:22px 22px;
}
.iconOutdoors a
{
	background:url("../images/top/icon-outdoors.png") no-repeat 8px 45%;
	background-size:22px 22px;
}
.iconOther a
{
	background:url("../images/top/icon-other.png") no-repeat 8px 45%;
	background-size:22px 22px;
}

/*店舗のトータルサイン
.shopBox01
{
	float:left;
	width:50%;
	margin-right:15px;
}
.shopBox02
{
	float:left;
	width:32%;
}
.shopBox03
{
	width:90%;
}
*/

/*店舗内装リフォーム事例
.shopArea
{
	display:flex;
	}
.shopArea p
{
	font-size:12px;
	line-height:1.3;
}

.shopArea a
{
	border:1px solid #ccc;
	width:100%;
	display:block;
	text-decoration:none;
	color:#000;
}
.shopArea a:last-child
{
	border-left:none;
}

.shopArea .shopBox01:nth-child(2)
{
	border-left:none;
}

.shopArea .shopBox01 a
{
	text-decoration:none;
	color:#000;
	display:block;
}

.moreBtn
{
	border-radius:3px;
	border:1px solid #000;
	padding:4px;
	text-align:center;
	font-size:85%;
	width:80%;
	margin:0 auto 10px;
}
*/

/*ドロワーメニュー*/

.bgBlueMenu
{
	background-color:#293fbb;
}

/*トップページ用h3*/

h3.topPage
{
	position: relative;
	padding: .5em 1em .5em 1.2em;
	border: 1px solid #ccc;
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#fff), to(#f0f0f0));
	background: -moz-linear-gradient(#fff, #f0f0f0);
	background: linear-gradient(#fff, #f0f0f0);
}

h3.topPage::after 
{
	position: absolute;
	top: .3em;
	left: .4em;
	content: '';
	width: 6px;
	height: -webkit-calc(100% - 10px);
	height: calc(100% - 10px);
	background-color: #293fbb;
	border-radius: 4px;
}

/*よくいただくご質問*/
.faqList
{
	text-indent: -1.2em;
	padding-left: 1.2em;
}

.faqList span
{
	font-weight:bold;
	padding:0 5px 0 0;
}
.faqList dt
{
	color:#F16900;
	font-weight:bold;
	margin:0 0 5px 0;
	margin-top:10px;
}

.faqList dd
{
	margin-left:1.2em;
	margin-bottom:10px;
}

.faqList dd span
{
	color:#D30048;
}

.faqList dt.faqListBorderNone
{
	border-top:none;
}

/*フォントカラー*/

.textGladBlue
{
	color:#293fbb;
}



/*看板の種類一覧*/

.topSeisakuArea
{
	position:relative;
}

.topSeisakuArea a
{
	text-decoration:none;
	display:block;
	width:100%;
	color:#000;
	font-size: 13px;
}
.topSeisakuArea dl
{
	padding:11px 0 8px;
	border:1px solid #6E96E7;
	border-bottom:none;
	background:#F5F5F5;
}

.topSeisakuArea dl:hover
{
	background:#DCFAFF;
}

.topSeisakuArea dl:last-child
{
	border-bottom:1px solid #6E96E7;

	}
.topSeisakuArea dt
{
	float:left;
	margin:0px 10px 0px 10px;
}
.topSeisakuArea dd
{
	width:95%;
}

.topSeisakuArea a:after{
	content: "\f054";
	font-family: FontAwesome;
	position: absolute;
	right: 2%;
	top: 50%;
	color: #666;
	}

.topSeisakuArea dl h3
{
	background-color: #56A2FD;
	padding: 5px 10px;
	color: #ffffff;
	text-align: center;
	font-size: 90%;
	display: inline-block;
}

.topSeisakuArea dl h3 span
{
	font-size: 80%;
}

/*リスト一覧の直下「その他タイプの…」*/

.topSeisaku-etc
{
	position:relative;
	padding:11px 0 8px;
	border:1px solid #6E96E7;
	background-color:#F5F5F5;
	font-size:13px;
}

/*.topSeisaku-etc a
{
	text-decoration:none;
	display:block;
	width:100%;
	color:#000;
	font-size:13px;
}

.topSeisaku-etc a:hover
{
	background:#DCFAFF;
}*/

.topSeisaku-etc ul li
{
	float:left;
	list-style:none;
	margin-top:10px;
	margin-right:7px;
	
}
.topSeisaku-etc h3
{
	margin-left:10px;
	margin-right:10px;
	background-color: #56A2FD;
	padding: 5px 10px;
	color: #ffffff;
	text-align: left;
	font-size: 90%;
	display: inline-block;
}

.topSeisakuLeftBox01
{
	float:left;
	margin-left:10px;
	font-size: 13px;
	width:90%;
}

.topSeisakuLeftBox02
{
	float:left;
	margin-left:10px;
	width:95%;
}

.topSeisaku-etc a:after{
	content: "\f054";
	font-family: FontAwesome;
	position: absolute;
	right: 2%;
	top: 50%;
	color: #666;
	}
	
/*
.topSeisakuArea dl h3
{
	font-weight:bold;
	font-size:20px;
	color:#56A2FD;
}

.topSeisakuArea dl h3 span
{
	font-weight:bold;
	font-size:14px;
	color:#56A2FD;
}
*/



/********************************
サンプル例ポップアップ
********************************/
.designTP{
	width:90%;
	}



/********************************
リフォームメニュー一覧
********************************/
/*ブロックメニュー*/

.blockMenu li{
	border: 1px solid #ccc;
	border-bottom:none;
	margin: 0px;
	list-style:none;
}
.blockMenu li:last-child
{
	border-bottom:1px solid #ccc;
}

.blockMenu li a
{
	position:relative;
	display: block;
	margin: 0;
	padding: 20px 0px 20px 90px;
	color: #333;
	font-size:90%;
	font-weight: bold;
	text-decoration: none;
}

.blockMenu li.step a
{
	background:url(../images/btn/3step.gif) no-repeat left center;
	background-size:60px 60px;
}

.blockMenu li.hosyou a
{
	background:url(../images/btn/hoshou.gif) no-repeat left center;
	background-size:60px 60px;
}

.blockMenu li.shippai a
{
	background:url(../images/btn/shippai.gif) no-repeat left center;
	background-size:60px 60px;
}


.blockMenu li.menuBarrierfree a
{
	background:url(../images/btn/menu_barrierfree.jpg) no-repeat left center;
	background-size:60px 60px;
}

.blockMenu li.menuCross a
{
	background:url(../images/btn/menu_cross.jpg) no-repeat left center;
	background-size:60px 60px;
}
.blockMenu li.menuYuka a
{
	background:url(../images/btn/menu_yuka.jpg) no-repeat left center;
	background-size:60px 60px;
}
.blockMenu li.menuTenjyou a
{
	background:url(../images/btn/menu_tenjyou.jpg) no-repeat left center;
	background-size:60px 60px;
}

.blockMenu li.menuKitchen a
{
	background:url(../images/btn/menu_kitchen.jpg) no-repeat left center;
	background-size:60px 60px;
}

.blockMenu li.menuToilet a
{
	background:url(../images/btn/menu_toilet.jpg) no-repeat left center;
	background-size:60px 60px;
}
.blockMenu li.menuBath a
{
	background:url(../images/btn/menu_bath.jpg) no-repeat left center;
	background-size:60px 60px;
}
.blockMenu li.menuWashroom a
{
	background:url(../images/btn/menu_washroom.jpg) no-repeat left center;
	background-size:60px 60px;
}

.blockMenu li.menuExterior a
{
	background:url(../images/btn/menu_exterior.jpg) no-repeat left center;
	background-size:60px 60px;
}

.blockMenu li.menuWall a
{
	background:url(../images/btn/menu_wall.jpg) no-repeat left center;
	background-size:60px 60px;
}
.blockMenu li.menuRoof a
{
	background:url(../images/btn/menu_roof.jpg) no-repeat left center;
	background-size:60px 60px;
}
.blockMenu li.menuParking a
{
	background:url(../images/btn/menu_parking.jpg) no-repeat left center;
	background-size:60px 60px;
}

.blockMenu li.menuTana a
{
	background:url(../images/btn/menu_tana.jpg) no-repeat left center;
	background-size:60px 60px;
}

.blockMenu li.menuDoor a
{
	background:url(../images/btn/menu_door.jpg) no-repeat left center;
	background-size:60px 60px;
}
.blockMenu li.menuRenovation a
{
	background:url(../images/btn/menu_renovation.jpg) no-repeat left center;
	background-size:60px 60px;
}
.blockMenu li.menuShop a
{
	background:url(../images/btn/menu_shop.jpg) no-repeat left center;
	background-size:60px 60px;
}

.blockMenu li a:after
{
	content: "\f054";
	font-family: FontAwesome;
	position: absolute;
	right: 3%;
	top: 40%;
	color: #666;
}


/*ブロック看板製作説明メニュー*/

.blockMenu02 li{
	border: 1px solid #ccc;
	border-bottom:none;
	margin: 0px;
	list-style:none;
}
.blockMenu02 li:last-child
{
	border-bottom:1px solid #ccc;
}

.blockMenu02 li a
{
	position:relative;
	display: block;
	margin: 0;
	padding: 20px 0px 20px 70px;
	color: #333;
	font-size:90%;
	font-weight: bold;
	text-decoration: none;
}

.blockMenu02 li.step a
{
	background:url(../images/btn/3step.gif) no-repeat left center;
	background-size:60px 60px;
}

.blockMenu02 li.hosyou a
{
	background:url(../images/btn/hoshou.gif) no-repeat left center;
	background-size:60px 60px;
}

.blockMenu02 li.shippai a
{
	background:url(../images/btn/shippai.gif) no-repeat left center;
	background-size:60px 60px;
}

.blockMenu02 li a:after
{
	content: "\f054";
	font-family: FontAwesome;
	position: absolute;
	right: 3%;
	top: 40%;
	color: #0099ff;
}

/*.blockMenu02 li a:after
{
	content: "\f054";
	font-family: FontAwesome;
	position: absolute;
	right: 3%;
	top: 40%;
	color: #666;
}*/

/*サブナビ*/
.subnavi
{
	border-radius:5px 5px 0 0;
	color:#FFFFFF;
	font-size:100%;
	padding:5px 5px 5px 11px;
}

.subnavi i
{
	font-size:120%;
	margin-right:10px;
}

/********************************
リフォーム下層（室内・水回り・屋外・その他）
********************************/
/*流れ*/

.flowTitle
{
	padding: 7px 0 7px 38px;
	background: url(../images/contents/image-flow05.gif) no-repeat left center;
	background-size: 40px 25px;
	border-bottom: 1px dashed #ccc;
}
.flowTitle p
{
	color:#ffffff;
	font-size:100%;
	padding:12px 0 0 0;
	text-align:center;
	font-weight:bold;
}

/********************************
店舗内装リフォーム事例・
施工対応エリア
********************************/
/*可変リスト*/
.typeList
{
	display:flex;
	flex-wrap:wrap;
}
.typeList li
{
	margin-bottom:5px;
	margin-right:5px;
	}



/********************************
パンくずナビ
********************************/
.pannavi p
{
	margin:15px 5px 15px 0;
	font-size:11px;
}

/********************************
ページ内リンク
********************************/
.pageLink
{
	width:100%;
	margin:0 auto 20px;
}

.pageLink li{
	position:relative;
	list-style:none;
	width:49%;
	float:left;
	border:1px solid #ccc;
	}

.pageLink li:nth-child(n+3){
	border-top:none;
	}
.pageLink li:nth-child(odd)
{
	border-right:none;
	}
.pageLink li a
{
	text-decoration:none;
	display:block;
	padding:13px 0;
	color:#333;
	text-align:center;
}

.pageLink li a:after
{
	content: "\f078";
	font-family: FontAwesome;
	position: absolute;
	right: 4%;
	top: 38%;
	color: #666;
	font-size: 0.8em;
}


/********************************
ドキュメント
********************************/
.pageLink li.borderR
{
	border-right:1px solid #ccc;
}

/********************************
施工事例・お客様の声
********************************/
.list
{
	width:100%;
	font-size:90%;
}

.list th
{
	text-align:center;
	background:#eee;
	vertical-align:middle;
	width:40%;
}

.list th,.list td
{
	padding:9px 15px;
	border:1px solid #cccccc;
}

/********************************
お見積りからお届けまでの流れ
********************************/
dl.flowInfo
{
	margin:0;
}

.flowInfo dt
{
	font-weight:bold;
}

.flowInfo .tel a
{
	text-decoration:none;
	color:#ff974a;
	font-weight:bold;
}

/********************************
看板種類別紹介ページ
********************************/

.hurigana{
	font-size:65%;
}
/*
.itemBtnArea a
{
	display:block;
	width:276;
	height:55;
	background-image:url(../images/btn/panel-btn.gif);
	background-repeat:no-repeat;
}
*/

/*お問合わせフォームはこちらボタン*/
.itemBtnArea ul li{
	background-color:#f1533e;
	width:90%;
	border-radius: 3px;
	-moz-border-radius:3px;
	-ms-border-radius:3px;
	margin:0 auto;
	list-style:none;
	position:relative;
}

.itemBtnArea ul li a{
	text-decoration:none;
	padding:10px;
	display: block;
	font-size:1.11em;
	color:#fff;
	text-align:center;
	font-weight:bold;
	line-height:1.5em;
}

.itemBtnArea ul li a:after{
	content: "\f054";
	font-family: FontAwesome;
	position: absolute;
	right: 2%;
	top: 38%;
	color: #fff;
	font-size:1.3em;
}


.sankouList
{
	width:100%;
	border:1px solid #D6D6D6;
}

.sankouList th
{
	text-align:center;
	background:#eee;
	font-weight:bold;
	font-size:115%;
}

.sankouList th,.sankouList td
{
	padding:10px 10px;
	border:1px solid #dedede;
	font-size:110%;
}


.sankouList ul li
{
	float:left;
	width:50%;
}


h4.sankou_Level
{
	font-size:115%;
	border-left:6px solid #0192C5;
	padding-left:5px;
}

.sankouTextBlue
{
	color:#008BE8;
}

dl.syousaiList
{
	width:95%;
	padding-left:10px;
}
dl.syousaiList dt
{
	font-weight:bold;
}
dl.syousaiList dd
{
	margin-bottom:10px;
}

.zitureiGrayBox
{
	background-color:#f3f3f3;
	padding:15px;
}

.zitureiWhiteBox
{
	background-color:#FFFFFF;
	padding:15px;
}

.seisaku-info
{
	width:100%;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:25px;
}
.seisaku-info th
{
	border-bottom:1px solid #999898;
	font-weight:bold;
}

.seisaku-info:first-child th
{
	width:30%;
}

.seisaku-info td
{
	border-bottom:1px solid #999898;
}

h3.tokutyou
{
	font-size:120%;
	border-left:6px solid #0192C5;
	padding-left:5px;
	margin-bottom:5px;
}

/********************************
デザインを無料で作成します
********************************/
.width35 {
	width:35%;
}

/********************************
看板を製作する為に必要な３ＳＴＥＰ
********************************/

.step_icon
{
	background:url(../images/point8_8.png) no-repeat;
	background-size: 30px 21px;
	padding:2px 3px 15px 30px;
	margin-left:5px;
}
.step_attention
{
	background:url(../images/finger-icon.gif) no-repeat;
	background-size: 27px 30px;
	padding:0 0 0 35px;
	margin-left:0;
}

h3 .step_title
{
	font-size: 100%;
	font-weight: bold;
	line-height: 1.3;
}

.step_list li
{
	line-height: 1.3;
}

.kankaku
{
	padding-right:3px;
}

.textStepColor
{
	color:#258FDC;
}


.stepList
{
	width:100%;
}

.stepList th
{
	vertical-align:middle;
	width:110px;
}

.stepList th:after
{
	content:"：";
	position: absolute;
	left:105px;
}

.stepList td
{
	vertical-align:top;
	text-align:left;
}

.stepList .noBorder
{
	border-top-style:hidden;
}

.stepList th,.stepList td
{
	padding:2px;
	border-top:1px dotted #e0dcdc;
}

/********************************
失敗しない業者選び
********************************/

/*失敗しない業者選びのページリンク*/
/*.pageLinkSippai
{
	display:flex;
}

.pageLinkSippai a
{
	position:relative;
	text-decoration:none;
	display:block;
	padding: 8px 5px 17px 5px;
	color:#333;
	text-align:center;
	border:1px solid #ccc;
	border-right:none;
	width:25%;
}

.pageLinkSippai a:last-child
{
	border-right:1px solid #ccc;
}

.pageLinkSippai a:after
{
	content: "\f078";
	font-family: FontAwesome;
	position: absolute;
	right: 50%;
	bottom: 2%;
	color: #666;
	font-size: 0.8em;
}
*/

.hukidashi
{
	position: relative;
	display: inline-block;
	padding: 15px;
	min-width: 115px;
	height: auto;
	color: #19283C;
	background: #e0f9c4;
}

.hukidashi:after
{
	position: absolute;
	top: 100%;
	left: 50%;
	content: '';
	width: 0;
	height: 0;
	border: 10px solid transparent;
	border-top: 13px solid #e0f9c4;
}


.bgLightBlue
{
	background-color:#D7EEFF;
}

.pageLinkSippai02
{
	display:flex;
}

.pageLinkSippai02 a
{
	position: relative;
	text-decoration: none;
	display: block;
	text-align: left;
	/*padding: 8px 5px 17px 5px;*/
	padding: 0 0 17px 0;
	background: #ffffff;
	border: 1px solid #0147D5;
	border-radius: 10px 10px 10px 10px;
	margin-right:1px;
	color: #333;
	width: 25%;
}

.pageLinkSippai02 a:last-child
{
	margin-right: none;
}

/*.pageLinkSippai02 a:last-child
{
	border-right:1px solid #ccc;
}*/

.pageLinkSippai02 a:after
{
	content: "\f078";
	font-family: FontAwesome;
	position: absolute;
	right: 45%;
	bottom: 2%;
	color: #ff974a;
	font-size: 0.8em;
}

.type02
{
	background-color: #0147D5;
	color: #ffffff;
	padding:5px 0 5px 0;
	text-align: center;
	font-size:120%;
	display:block;
	border-radius:7px 7px 0 0;
}


/********************************
会社概要
********************************/

.aboutList th
{
	width:30%;
}

table.borderNone
{
	border:none;
}

/********************************
gladショールームのご案内
********************************/
.access01,.access02
{
	min-height:38px;
	padding:5px 0 0 47px;
}

.access01
{
	background:url("../images/contents/icon_car.png") no-repeat left 50%;
	background-size:37px 38px;
}
.access02
{
	background:url("../images/contents/icon_parking.png") no-repeat left 50%;
	background-size:37px 38px;
}

.googleMap {
	position: relative;
	padding-bottom: 75%; /*縦横比*/
	height: 0;
	overflow: hidden;
	width: 90%;
	margin: 0 auto;
}
.googleMap iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100% !important;
	height: 100% !important;
}

/********************************
お問い合わせ・お見積り依頼フォーム
********************************/

.formTable
{
	width:96vw;
}
.formTable th,
.formTable td
{
	border:1px solid #cccccc;
}
.formTable th
{
	background-color:#DCE6FF;
	width:auto;
	text-align:left;
	padding:2vw;
}
.formTable td
{
	border-bottom:none;
	padding-left:2vw;
}
.nonBorderTable td
{
	width:100%;
	padding:0;
}
.formTable:last-of-type
{
	border-bottom:1px solid #B3C8D7;
}

#MailForm .nonBorder th,
#MailForm .nonBorder td
{
	border:none;
}

#MailForm .menuPageLink li ul li{
	background:url(../images/top/icon_l.png) 0% 50%;
	background-repeat:no-repeat;
	padding-left:20px;
	padding-top: 12px;
}



div#err
{
	color:#ff0000;
	font-weight:bold;
	border:none;
	background-color:#FFCECE;
}


.formBtnArea
{
	width:290px;
	height:47px;
	margin-left:auto;
	margin-right:auto;
}



/*↓form2で使用↓*/
.formSineType
{
	width:90vw;
	background-color:#EDFBFF;
	border:1px solid #CCCCCC;
	/*margin-left:10px;*/
}
.formSignBtn
{
	height:50px;
	padding:2px;
	cursor:pointer;
	display:flex;
	align-items:center;
	position:relative;
}
.formSignContents
{
	display:none;
	width:88vw;
	padding:2px;
}
.formSignBtnImg
{
	position:absolute;
	right:2px;
	top:3px;
}
.formSignSekourei
{
	width:220px;
	margin:0 auto;
}
.formSignSekoureiBottom
{
	display:flex;
	display: -ms-flexbox; /* IE10 */
	display: -webkit-box; /* Android4.3以下、Safari3.1〜6.0 */
	display: -webkit-flex; /* Safari6.1以降 */
	justify-content:space-between;
	-ms-flex-pack: justify; /*IE10*/
	-webkit-box-pack: justify; /* Android4.3以下、Safari3.1〜6.0 */
	-webkit-justify-content: space-between; /* Safari6.1以降 */
}
/*↑form2で使用↑*/


/*******************************/
/*「続きを読む」（CSSのみで実装）*/
/*******************************/
/*「続きを読む」テキスト*/
/*.readMoreText label{
	text-decoration:underline;
	color:#0000FF;
}*/

/*.readMoreText input[type="checkbox"].on-off{
	display: none;
}*/

.readMoreText div.read {
	-webkit-transition: all 1s;
	-moz-transition: all 1s;
	-ms-transition: all 1s;
	-o-transition: all 1s;
	transition: all 1s;
	margin: 0;
	padding: 0;
	list-style: none;
}

.readMoreText input[type="checkbox"].on-off + div.read{
	max-height:0;
	overflow:hidden;
}

.readMoreText input[type="checkbox"].on-off:checked + div.read{
	max-height:5000px;
}

.readMoreText div.read li {
	line-height:1em;
	margin-bottom:10px;
	text-indent: -1em;
	padding-left: 1em;
}


/********************************
保証とアフターメンテナンスについて
********************************/
/*安心の1年無償保証とアフターサービス*/
h3.anshin
{
	font-size:110%;
	border-left:6px solid #0192C5;
	padding-left:5px;
}