@charset "utf-8";
@import url(https://fonts.googleapis.com/earlyaccess/notosansjapanese.css);

/* ============================================================ */
/* 共通スタイル（全デバイス共通）
/* ============================================================ */

/* -------------------- リセット -------------------- */
* {
	margin: 0;
	padding: 0;
}

img {
	border: 0;
}

/* -------------------- 基本設定 -------------------- */
body {
	background-color: #fff;
	font: 85%/1.6 'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro W3', Meiryo, 'メイリオ', 'MS Pゴシック', Osaka, sans-serif;
}

a {
	color: #007CEA;
	text-decoration: underline;
}

a:hover {
	color: #73B6F2;
	text-decoration: none;
}

/* -------------------- レイアウト -------------------- */
#container {
	margin: 0 auto;
	padding: 0;
	background: #fff;
	clear: both;
	overflow: hidden;
	text-align: left;
}

#contents p,
#contents table,
.hyo,
.contentsbox,
.asset-more,
.asset-body {
	margin-left: 10px;
}

.asset-body {
	margin-bottom: 15px;
}

.asset-body img {
	margin: 2px;
}

.asset-body h3 {
	margin: 30px 0 0 0;
}

.asset-body h4 {
	margin: 0 0 0 0;
}

.asset-body ul {
	margin-left: 10px;
	list-style-type: disc;
	padding-left: 20px !important;
}

.asset-body li {
	padding-left: 0 !important;
	vertical-align: top;
}

.asset-body ol {
	margin-left: 30px;
}

.asset-body p {
	margin: 10px 0;
}

/* -------------------- タイポグラフィ -------------------- */
h3 {
	border: 1px solid #999;
	margin: 15px 0;
	padding: 3px 3px 3px 10px;
	font-size: 1.3em;
	color: #004F10;
	background: #ddd url(/elements/h2bg.gif) repeat-x 0 0;
}

h4 {
	border-bottom: 1px solid #999;
	margin: 15px 0 5px 0;
	color: #004F10;
	font-size: 1.3em;
}

h4.topicsh4 {
	font-family: 'Noto Sans Japanese', sans-serif;
	font-weight: 100;
	height: 30px;
	font-size: 1.5em;
	color: #fff;
	background: #8c8989 url(/images/topics_bg.gif) no-repeat 0 0;
	line-height: 30px;
	vertical-align: middle;
	padding: 0 0 0 25px;
	margin: 0 0 0 0;
	border: 0;
}

h5 {
	border-bottom: 1px dotted #999;
	margin: 15px 0 5px 0;
	font-size: 1.2em;
	color: #666;
	padding-left: 5px;
}

h6 {
	margin: 30px 0 2px 5px;
	font-size: 1em;
	color: #333;
	border-left: 5px solid #A9D5B1;
	padding-left: 5px;
}

.h3contents {
	margin: 0 0 40px 10px;
}

.h3contents2 {
	margin: 10px 0 10px 0;
}

/* -------------------- テーブル -------------------- */
.hyo,
.hyo2,
.hyo3,
.hyo4,
.hyo5 {
	border-collapse: collapse;
	margin: 10px 0;
}

table.hyo5 {
	width: calc(100%-12px);
}

.hyo td,
.hyo th,
.hyo2 td,
.hyo2 th,
.hyo4 td,
.hyo4 th,
.hyo5 td,
.hyo5 th,
.hyoH3 td,
.hyoH3 th {
	padding: 4px;
	border: 1px solid #676;
}

.hyo th,
.hyo2 th,
.hyo4 th,
.hyoH3 th {
	background: #A9D5B1;
}

.hyo td,
.hyo5 td,
.hyoH3 td {
	background: #ffe;
}

.hyo th,
.hyo5 th,
.hyoH3 th {
	text-align: center;
}

.hyo td.yohaku {
	border-left: none;
	border-right: none;
}

.lefttd {
	background: #ded !important;
	padding: 2px;
	text-align: left;
	font-weight: bold;
}

.lefttd2 {
	padding: 2px;
	text-align: left;
	font-weight: bold;
}

.lefttdc {
	background: #ded !important;
	padding: 2px;
	text-align: center;
	font-weight: bold;
}

.hyo tbody th {
	background: #ded !important;
	padding: 2px;
}

.hyo5 thead th {
	background: #060 !important;
	color: #fff;
	font-weight: 900;
	border: 1px solid #aaa;
}

.hyo5 tbody th {
	background: #ded !important;
	font-weight: 300;
	text-align: center;
}

.kyotd,
td.dottopkyo,
td.dotbottomkyo {
	background: #ded !important;
	font-weight: bold;
}

.kyotdr {
	background: #ded !important;
	font-weight: bold;
	color: #900;
}

.tdr {
	color: #900;
}

.hyo3 td,
.hyo3 th {
	font-size: 0.9em;
	line-height: 1.4;
	padding: 3px;
	border: 1px solid #aaa;
	background: #fff;
}

.hyo4 td {
	text-align: center;
	background: #ffe;
}

.hyo4 {
	border: 2px solid #676;
}

.hyo4 th {
	text-align: center;
}

.hyo4 small,
.hyo small {
	color: #900;
	font-size: 1em;
	font-weight: bolder;
}

.trtop3px {
	border-top: solid 3px #676;
}

th.dotbottom,
td.dotbottom,
td.dotbottomkyo {
	border-bottom: 1px dotted #666;
}

th.dotboth,
td.dotboth {
	border-top: 1px dotted #666;
	border-bottom: 1px dotted #666;
}

th.dottop,
td.dottop,
td.dottopkyo {
	border-top: 1px dotted #666;
}

th.the {
	background-color: #ff7f00;
	color: #fff;
	width: 9.5em;
}

th.thb {
	background-color: #ff0000;
	color: #fff;
	width: 9.5em;
}

th.thd {
	background-color: #00c800;
	color: #fff;
	width: 9.5em;
}

th.thk {
	background-color: #007fff;
	color: #fff;
	width: 9.5em;
}

th.tht {
	background-color: #dc23fd;
	color: #fff;
	width: 9.5em;
}

th.throwhead,
th.throwhead2 {
	font-size: 1.2em;
	width: 1.2em;
	letter-spacing: 0.2em;
}

th.throwhead2 b {
	writing-mode: vertical-rl;
	-webkit-text-orientation: mixed;
	width: 1.2em;
}

.cmnTable {
	width: 740px;
	border-collapse: collapse;
	background-color: #FFF;
	margin: 0 auto;
	font-size: 100%;
}

.cmnTable td {
	padding: 10px;
	border: 1px solid #CCC;
	text-align: left;
}

.cmnTable .headLineKan {
	background-color: #0066CC;
	color: #FFF;
	font-weight: bold;
	text-align: center;
}

.cmnTable .headLineKen {
	background-color: #CC0000;
	color: #FFF;
	font-weight: bold;
	text-align: center;
}

.cmnTable .headLineDen {
	background-color: #E6CA13;
	color: #FFF;
	font-weight: bold;
	text-align: center;
}

.cmnTable .headLineDob {
	background-color: #336633;
	color: #FFF;
	font-weight: bold;
	text-align: center;
}

.cmnTable .center {
	text-align: center;
}

table.pricebox {
	border-collapse: collapse;
}

table.pricebox th {
	border: 0;
	font-weight: normal;
	text-align: left;
}

table.pricebox td.pricetd {
	text-align: right;
	padding: 0 1em 0 0;
}

#shippingtable1 {
	border-collapse: collapse;
	margin: 10px 0;
}

#shippingtable1 thead th {
	padding: 3px;
	background: #A9D5B1;
	border: 1px solid #676;
}

#shippingtable1 tbody th {
	padding: 3px;
	background: #fafafa;
	border: 1px solid #676;
}

#shippingtable1 tbody td {
	padding: 3px;
	border: 1px solid #676;
}

#shippingtable1 tbody td.white {
	padding: 3px;
	border-bottom: 1px solid #fff;
	border-right: 1px solid #fff;
}

#shippingtable2 {
	border-collapse: collapse;
	margin: 10px 0;
}

#shippingtable2 td.c1 {
	border-left: 1px solid #676;
	border-top: 1px solid #676;
	border-bottom: 1px solid #676;
	padding: 3px;
}

#shippingtable2 td.c2 {
	border-top: 1px solid #676;
	border-bottom: 1px solid #676;
	padding: 3px;
}

#shippingtable2 td.c3 {
	border-right: 1px solid #676;
	border-top: 1px solid #676;
	border-bottom: 1px solid #676;
	padding: 3px;
}

#shippingtable2 th {
	border-left: 1px solid #676;
	border-top: 1px solid #676;
	border-bottom: 1px solid #676;
	padding: 3px;
	background: #A9D5B1;
}

#feature05table th {
	background-color: #5b9377;
	font-size: 1.1em;
	font-family: 'Noto Sans Japanese', sans-serif;
	font-weight: 600;
	color: #fff;
	padding: 5px;
	margin: 0 auto;
}

#feature05table td.feature05koza,
#feature05table td.feature05kozab {
	background-color: #fff;
	font-size: 1em;
	font-family: 'Noto Sans Japanese', sans-serif;
	font-weight: 200;
	padding: 1px 5px 1px 10px;
	text-align: left;
}

#feature05table td.feature05kozah,
#feature05table td.feature05kozahb {
	background-color: #fff;
	color: #007e19;
	font-size: 1.3em;
	font-family: 'Noto Sans Japanese', sans-serif;
	font-weight: 600;
	padding: 1px 5px;
	text-align: left;
}

#feature05table td.feature05price,
#feature05table td.feature05priceb {
	background-color: #fff;
	font-size: 1em;
	font-family: 'Noto Sans Japanese', sans-serif;
	font-weight: 600;
	padding: 1px 5px;
	text-align: right;
}

#feature05table td.feature05kozahb,
#feature05table td.feature05kozab,
#feature05table td.feature05priceb {
	border-bottom: 1px solid #333;
}

/* -------------------- ホバーエフェクト -------------------- */
img.wink,
a.wink img,
.wink {
	transition: transform 0.2s ease, opacity 0.2s ease;
	cursor: pointer;
}

img.wink:hover,
a.wink:hover img,
.wink:hover {
	transform: translateY(-1px) scale(0.98);
	box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
	opacity: 0.8;
}


/* -------------------- ユーティリティクラス -------------------- */
.catch {
	font-size: 1.2em;
	font-weight: bold;
	color: #FF5A00;
}

.caution {
	color: #900;
	padding-left: 3em;
	text-indent: -3em;
	margin-left: 10px;
	font-family: "Noto Sans Japanese", "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
}

.cautionafter2 {
	color: #900;
	padding-left: 2em;
	text-indent: -2em;
	margin-left: 15px;
	font-family: "Noto Sans Japanese", "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
}

.cautionB {
	padding-left: 2em;
	text-indent: -2em;
}

.cautionC {
	color: #900;
	padding-left: 2em;
	text-indent: -2em;
	margin-left: 10px;
}

.cautionD {
	padding-left: 4em;
	text-indent: -4em;
	margin-left: 10px;
	font-family: "Noto Sans Japanese", "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
}

.cautionE {
	padding-left: 1em;
	text-indent: -1em;
	margin-left: 10px;
}

.caution1em {
	padding-left: 1em;
	text-indent: -1em;
	margin: 0 0 0 10px !important;
}

.shikakubox .caution1em {
	padding-left: 1em;
	text-indent: -1em;
	margin: 0 0 0 2em !important;
}

.caution3em {
	padding-left: 3em;
	text-indent: -3em;
	margin: 0 0 0 10px !important;
}

.cautionbox {
	padding: 5px;
	border: 2px solid #900;
	margin: 10px 0 20px 10px;
}

.shikakubox {
	padding: 10px;
	border: 1px solid #676;
	margin: 10px 0 0 10px;
	background: #ffe;
}

.shikakubox p {
	padding-left: 1.5em;
	text-indent: -1.5em;
	margin-bottom: 0 !important;
	padding-bottom: 0 !important;
}

.shikakubox ul {
	list-style: none;
}

ul.gakushikaku {
	list-style: none;
	margin-left: 1.5em;
}

ul.jushikaku {
	margin: 10px 0 10px 10px;
}

.red {
	color: #900;
}

.f100 {
	font-weight: 100;
}

.atten {
	margin-left: 30px;
}

#copy {
	padding: 5px;
	margin: 5px;
	border: 1px solid #ccc;
	font-size: 1.1em;
	line-height: 1.4;
	color: #030;
	background: #fff url(/elements/copybg.gif) repeat 0 0;
	font-weight: bold;
}

#spcopy {
	padding: 5px;
	margin: 5px;
	border: 2px solid #c33;
	font-size: 1.1em;
	line-height: 1.4;
	color: #300;
	background: #fff url(/elements/copybg.gif) repeat 0 0;
	font-weight: bold;
}

/* -------------------- ボックス・コンポーネント -------------------- */
.box123 {
	padding: 0 !important;
	margin: 0 !important;
}

.box2L {
	border: 1px solid #aaa;
	border-radius: 5px;
	width: 375px;
	float: left;
	margin: 0 3px 10px 0;
	padding: 0;
	list-style: none;
	box-shadow: 2px 2px 3px #aaa;
	-webkit-box-shadow: 2px 2px 3px #aaa;
	-moz-box-shadow: 2px 2px 3px #aaa;
}

.box2R {
	border: 1px solid #aaa;
	border-radius: 5px;
	width: 375px;
	float: left;
	padding: 0;
	list-style: none;
	margin: 0 0 10px 3px;
	box-shadow: 2px 2px 3px #aaa;
	-webkit-box-shadow: 2px 2px 3px #aaa;
	-moz-box-shadow: 2px 2px 3px #aaa;
}

.box3L {
	border: 1px solid #aaa;
	border-radius: 5px;
	width: 248px;
	float: left;
	padding: 0;
	list-style: none;
	margin: 0 0 10px 0;
	box-shadow: 2px 2px 3px #aaa;
	-webkit-box-shadow: 2px 2px 3px #aaa;
	-moz-box-shadow: 2px 2px 3px #aaa;
}

.box3C {
	border: 1px solid #aaa;
	border-radius: 5px;
	width: 248px;
	float: left;
	padding: 0;
	list-style: none;
	margin: 0 5px 10px 5px;
	box-shadow: 2px 2px 3px #aaa;
	-webkit-box-shadow: 2px 2px 3px #aaa;
	-moz-box-shadow: 2px 2px 3px #aaa;
}

.box3R {
	border: 1px solid #aaa;
	border-radius: 5px;
	width: 248px;
	float: left;
	padding: 0;
	list-style: none;
	margin: 0 0 10px 0;
	box-shadow: 2px 2px 3px #aaa;
	-webkit-box-shadow: 2px 2px 3px #aaa;
	-moz-box-shadow: 2px 2px 3px #aaa;
}

.box1 {
	border: 1px solid #aaa;
	border-radius: 5px;
	width: 755px;
	float: left;
	padding: 0;
	list-style: none;
	margin: 0 0 10px 3px;
	box-shadow: 2px 2px 3px #aaa;
	-webkit-box-shadow: 2px 2px 3px #aaa;
	-moz-box-shadow: 2px 2px 3px #aaa;
}

.box123-inner {
	padding: 10px;
}

.box123-inner h4 {
	margin-top: 0;
	font-size: 1em;
}

.featureBox {
	display: block;
	float: left;
	margin: 10px 10px;
	border-bottom: 6px solid #007e19;
	background: linear-gradient(#fffed0, #ffeb9f);
	height: auto;
}

.featureBox p {
	margin: 0 1em;
}

.featureBox2 {
	display: inline-block;
	margin: 10px 10px;
	height: auto;
	overflow: hidden;
	background: linear-gradient(#fffed0, #ffeb9f);
	border-bottom: 6px solid #007e19;
}

.featureBox h3,
.featureBox2 h3 {
	margin: 0;
	padding: 0;
	border-bottom: 1px solid #00340b;
	border-top: 0;
	border-left: 0;
	border-right: 0;
	font-weight: normal;
	border-radius: 10px 10px 0 0;
	background: -moz-linear-gradient(top, #004f10, #FFF);
	background: -webkit-linear-gradient(top, #004f10, #FFF);
	background: linear-gradient(to bottom, #004f10, #FFF);
}

#featureContainer {
	text-align: center;
	margin: 0 auto;
}

.licensetopbox1,
.licensetopbox2,
.licensetopbox3 {
	margin: 0 0 10px 0;
	background-color: #f2f2f2;
	font-size: 1.3em;
}

.licensetopbox1 {
	border: solid 1px #016a1a;
}

.licensetopbox2 {
	border: solid 1px #2f6988;
}

.licensetopbox3 {
	border-left: solid 1px #b40101;
	border-right: solid 1px #b40101;
	border-bottom: solid 1px #b40101;
}

.licensetopbox1 strong,
.licensetopbox2 strong,
.licensetopbox3 strong {
	color: #c00;
}

.licensetopboxmain {
	padding: 15px 20px 20px 20px;
}

.licensetopboxinner {
	margin: 20px 5px 5px 5px;
	padding: 10px;
	font-size: 1em;
	background-color: #fff;
}

h4#namakoza {
	font-size: 1.8em;
	font-family: 'Noto Sans Japanese', sans-serif;
	font-weight: 200;
	border: 0;
	color: #016a1a;
	background: #f2f2f2 URL(/elements/licensetopbox_bg.gif) no-repeat;
	padding: 5px 5px 5px 20px;
	margin: 0;
}

h4#netkoza {
	font-size: 1.8em;
	font-family: 'Noto Sans Japanese', sans-serif;
	font-weight: 200;
	border: 0;
	color: #2f6988;
	background: #f2f2f2 URL(/elements/licensetopbox_bg.gif) no-repeat;
	padding: 5px 5px 5px 20px;
	margin: 0;
	line-height: 1.3;
}

h4#netkoza small {
	font-size: 0.5em;
	font-weight: 700;
}

dl.price dt {
	border-left: solid 8px #CEC;
	padding-left: 3px;
}

#voice {
	padding: 10px;
	border: 1px solid #999;
}

#voice .kamoku {
	font-weight: bold;
	color: #339;
}

#voice p {
	line-height: 1.6;
	margin: 10px 0;
}

#dvdnetbox {
	padding: 10px;
	border: 1px solid #0075bc;
	margin: 10px 0;
}

#dvdnetbox img {
	margin-bottom: 15px;
}

#dvdnetbox h3 {
	margin-top: 0;
}

#map,
#map2 {
	margin: 10px;
}

#shipping dt {
	float: left;
	width: 3em;
	clear: both;
}

#shipping dd {
	margin-left: 3em;
}

.submitbutton {
	border: 1px dotted #aaa;
	margin: 10px 0;
	background: #ddd;
	padding: 5px 0 5px 10px;
}

.btnArea {
	margin: 0 0 40px 0;
}

.goform {
	margin: 10px 0 30px 10px;
}

.goform a {
	display: block;
	width: 320px;
	height: 35px;
	text-indent: -1000px;
	background-image: url(/elements/goform.gif);
	background-position: 0px -35px;
}

.goform a:hover {
	background-position: 0px 0px;
}

.golink {
	margin: 10px 0 10px 5px;
	color: #393;
	border: 1px dotted #060;
	padding: 3px;
}

.golink2 {
	font-weight: normal;
}

.golink3 {
	margin: 10px 0 10px 5px;
	color: #393;
	border: 2px dotted #060;
	padding: 3px;
	font-weight: bold;
	font-size: 1.2em;
}

.golink a {
	text-decoration: none;
}

.entrylist {
	display: block;
	border-bottom: 1px dotted #666;
	padding: 5px;
	margin: 15px 0 0 0;
}

.entrylist h4 {
	display: block;
	border-top: 1px dotted #666;
	border-bottom: none;
	font-size: 1em;
	margin: -1em 0 0 0;
	padding: 5px 3px 0 3px;
}

.foot-navi {
	display: block;
	border-top: 1px dotted #666;
	margin: 15px 0 0 0;
	padding: 3px 0 0 0;
}

.cartBox {
	margin: 10px 0 0 10px;
}

.cartBox .cartbox {
	background: #ffffee;
	border: 2px solid #f95e5e;
	padding: 5px;
	width: 470px;
	clear: both;
	overflow: hidden;
}

.cartBox .cartbox a {
	width: 115px;
	height: 26px;
	display: block;
	float: left;
}

.cartBox .cartbox .inputForm {
	width: 340px;
	padding-top: 5px;
	float: left;
}

.cartBox .cartbox .inputForm input {
	width: 40px;
}

.marklet {
	clear: both;
	float: right;
	padding: 0 0 4px 0;
}

.marklet .fb-like,
.marklet p {
	float: left;
	margin: 0;
	padding: 0;
}

.marklet .mixi_btn {
	margin-right: 1em;
}

.marklet_end {
	clear: both;
	overflow: hidden;
}

.column {
	clear: both;
}

.jukoryobox {
	display: flex;
	margin-left: 10px;
}

.jukoryoL {
	width: 5em;
}

.jukoryoR {
	width: calc(100% - 5em);
}

#shikakutoph2 {
	font-family: "Noto Sans Japanese", "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
	font-size: 3em;
	font-style: normal;
	font-weight: 100;
	color: #999;
	margin-bottom: 5px;
	padding-bottom: 1px;
	border-bottom: 1px dotted #aaa;
}

#shikakutop {
	font-family: 'Noto Sans Japanese', sans-serif;
	font-size: 1.8em;
	font-weight: 800;
	color: #900;
	margin-top: 20px;
}

#tensaku {
	font-size: 1.2em;
	font-weight: bolder;
	margin-top: 30px;
	margin-bottom: 30px;
	border-top: 2px solid #393;
	padding-top: 5px;
}

#telbox {
	background: URL(../elements/head_tel.png) no-repeat left center;
	padding: 0 0 0 50px;
	line-height: 1;
	min-height: 40px;
}

#telbox p {
	margin: 0;
	padding: 0;
	font-family: 'Noto Sans Japanese', sans-serif;
	font-size: 0.8em;
	font-weight: 900;
	color: #999;
}

#telbox strong {
	font-family: 'Noto Sans Japanese', sans-serif;
	font-size: 3em;
	font-weight: 100;
}

#kouzatopbanners {
	margin: 20px auto;
	border: 1px solid #999;
	overflow: hidden;
}

#navih2 {
	font-size: 1.2em;
	font-family: 'Noto Sans Japanese', sans-serif;
	font-weight: 100;
	color: #666;
	margin: 2px 0 0 0;
	padding-left: 10px;
	border-left: 4px solid #ccc;
}

#topbanners {
	display: none;
}

#samplemovie {
	width: 712px;
	height: 412px;
}

#fnavi {
	display: none;
}

.slides {
	height: 250px;
}

.slider {
	width: 960px;
	height: 240px;
	overflow: hidden;
}

.bx-clone {
	display: none;
}

ul#stations {
	margin: 0;
	padding: 0;
}

ul#stations li {
	margin: 0;
	padding: 0;
}

.tickercontainer {
	background: #fff;
	width: 738px;
	height: 27px;
	margin: 0;
	padding: 0;
	overflow: hidden;
}

.tickercontainer .mask {
	position: relative;
	left: 10px;
	top: 8px;
	width: 718px;
	overflow: hidden;
}

ul.newsticker {
	position: relative;
	left: 100px;
	list-style-type: none;
	margin: 0;
	padding: 0;
}

ul.newsticker li {
	float: left;
	margin: 0;
	padding: 0;
	background: #fff;
}

ul.newsticker a {
	white-space: nowrap;
	padding: 0;
	color: #009;
	font-size: 1.1em;
	margin: 0 50px 0 0;
}

ul.newsticker span {
	margin: 0 10px 0 0;
}

#ticker01 a,
#ticker02 a,
#ticker03 a,
#ticker04 a,
#ticker05 a {
	text-decoration: none;
}

#tab {
	border-bottom: none !important;
	width: 100% !important;
	clear: both;
	overflow: hidden;
	margin: 0 !important;
	padding: 0 !important;
	margin-bottom: 15px !important;
	text-indent: 0;
	margin-bottom: 1em;
}

#tab li {
	display: block;
	width: 150px;
	background: #dcdcdc;
	line-height: 25px;
	text-align: center;
	float: left;
	margin: 0 !important;
	padding: 0 !important;
	border: 1px solid #acacac;
	border-top: 2px solid #acacac;
	border-bottom: 1px solid #acacac;
}

#tab .space {
	width: 20px;
	float: left;
	height: 27px;
	background: #fff;
	border: 0;
	border-bottom: 1px solid #acacac;
}

#tab #space2 {
	width: 280px;
	float: left;
	height: 27px;
	background: #fff;
	border: 0;
	border-bottom: 1px solid #acacac;
}

#tab a {
	font-weight: bold;
	color: #8A8A8A;
	text-decoration: none;
}

#tab #current {
	background: url(/images/form_tab.gif) repeat-x 0 0;
	border: 1px solid #acacac;
	border-top: 3px solid #990000;
	border-bottom: 0;
}

#tab #current a {
	font-weight: bold;
	color: #990000;
	text-decoration: none;
}

#contentslist ul {
	width: 400px;
	margin: 15px 20px;
	border-bottom: 1px dotted #004F10;
	padding-left: 0 !important;
}

#contentslist li {
	border-top: 1px dotted #004F10;
	padding-top: 4px;
	padding-bottom: 4px;
	padding-left: 5px !important;
	font-size: 1.0em;
	list-style: none;
}

#contentslistleft {
	float: left;
}

#contentslistright {
	float: left;
	margin-left: 15px;
}

#contentslistleft ul,
#contentslistright ul {
	width: 250px;
	margin: 15px 20px;
	border-bottom: 1px dotted #004F10;
	padding-left: 0 !important;
}

#contentslistleft li,
#contentslistright li {
	border-top: 1px dotted #004F10;
	padding-top: 4px;
	padding-bottom: 4px;
	padding-left: 5px !important;
	font-size: 1.1em;
	list-style: none;
	font-weight: bold;
}

#page-6 ul,
#page-8 ul,
#page-11 ul {
	width: 400px;
	margin: 15px 0;
	border-bottom: 1px dotted #004F10;
}

#page-6 li,
#page-8 li,
#page-11 li {
	width: 400px;
	border-top: 1px dotted #004F10;
	padding-top: 4px;
	padding-bottom: 4px;
	padding-left: 23px !important;
	font-size: 1.0em;
	list-style: none;
}

#page-3 ul {
	margin-left: 10px;
	list-style-type: disc;
	padding-left: 20px !important;
}

#page-3 li {
	padding-left: 0 !important;
	vertical-align: top;
}

#license-blog-body ul {
	list-style-type: disc;
	padding-left: 20px;
}

#license-blog-body li {
	padding-left: 0;
	vertical-align: top;
}

#page-256 h4,
#page-266 h4,
#page-246 h4,
#page-236 h4 {
	margin-top: 20px;
}

#page-274 h4,
#page-275 h4,
#page-265 h4,
#page-264 h4,
#page-255 h4,
#page-254 h4,
#page-245 h4,
#page-244 h4,
#page-495 h4,
#page-494 h4,
#page-501 h4 {
	margin-top: 25px;
	padding: 2px;
	border-left: 5px solid #393;
	border-top: 1px solid #393;
	border-right: 1px solid #393;
	border-bottom: 1px solid #393;
}

#fragment-1 strong,
#fragment-2 strong {
	color: #fff;
	padding: 5px;
	font-size: 1.1em;
	font-weight: 100;
}

#kenchiku #fragment-1 strong,
#kenchiku #fragment-2 strong {
	background-color: rgb(197 0 14);
}

#denki #fragment-1 strong,
#denki #fragment-2 strong {
	background-color: rgb(197 92 24);
}

#doboku #fragment-1 strong,
#doboku #fragment-2 strong {
	background-color: rgb(5 130 31);
}

#kan #fragment-1 strong,
#kan #fragment-2 strong {
	background-color: rgb(0 102 90);
}

#tsushin #fragment-1 strong,
#tsushin #fragment-2 strong {
	background-color: rgb(168 0 189);
}

#fragment-1 .voice,
#fragment-2 .voice {
	font-weight: bolder;
}

.hyo .hyogengo {
	border-right: none;
}

.hyo .hyodate {
	border-left: none;
}

                                .ui-tab-menu {
                                                              padding:5px 10px;
                                }


/* ============================================================ */
/* PC専用スタイル（601px以上）
/* ============================================================ */
@media screen and (min-width:601px) {
	.sp,
	#sidr {
		display: none;
	}

	/* -------------------- レイアウト -------------------- */
	#container {
		width: 1100px;
	}

	#header {
		width: 1100px;
		height: 75px;
		display: flex;
		justify-content: space-between;
		align-items: flex-start;
	}

	#headerBox {
		flex-shrink: 0;
	}

	#headright {
		width: 246px;
		flex-shrink: 0;
		margin-left: auto;
		margin: 0;
	}

	#navi {
		margin: 0 0 2px 0;
	}

	#main {
		clear: both;
		overflow: hidden;
	}

	/* -------------------- ヘッダー -------------------- */
	#header #headerBox h1 {
		width: 475px;
		height: 72px;
		background: url(/elements/head_logo.gif) no-repeat center;
		background-size: contain;
		margin: 0;
		padding: 0;
		overflow: hidden;
	}

	#header #headerBox h1 a {
		display: block;
		width: 475px;
		height: 72px;
		text-indent: -9999px;
		overflow: hidden;
		white-space: nowrap;
		font-size: 0;
		color: transparent;
		line-height: 0;
	}

	#header #headerBox h1:hover {
		transform: scale(0.98);
		filter: opacity(50%);
	}

	#pageheader {
		background: url(../elements/pageheader_bg.gif) no-repeat 0 0;
		height: 70px;
	}

	#pageheader h2 {
		font-size: 2.7em;
		font-family: 'Noto Sans Japanese', sans-serif;
		font-weight: 100;
		color: #015011;
		margin: 0 0 0 10px;
		vertical-align: middle;
		height: 70px;
		line-height: 70px;
	}

	#shikakuheader {
		background: url(../elements/shikakuheader_bg.png) no-repeat 0 0;
		height: 70px;
	}

	#shikakuheader h2 {
		font-size: 2.5em;
		font-family: 'Noto Sans Japanese', sans-serif;
		font-weight: 100;
		color: #f00;
		margin: 0 0 0 10px;
		vertical-align: middle;
		height: 70px;
		line-height: 70px;
	}

	#shikakuheader .shikakumenu {
		font-size: 0.8em;
		font-family: 'Noto Sans Japanese', sans-serif;
		font-weight: 200;
		color: #333;
		margin: 0 0 0 20px;
		vertical-align: middle;
		height: 70px;
		line-height: 70px;
	}

	/* -------------------- 左メニュー -------------------- */
	#leftmenu {
		width: 180px;
		float: left;
		min-height: 500px;
	}

	#leftmenu ul {
		width: 173px;
		margin-bottom: 15px;
		border-bottom: 1px dotted #004F10;
	}

	#leftmenu li {
		width: 150px;
		background: url(../elements/lm.gif) no-repeat 4px 6px;
		border-top: 1px dotted #004F10;
		padding-top: 4px;
		padding-bottom: 4px;
		padding-left: 23px;
		font-size: 1.0em;
		list-style: none;
	}

	#leftmenu a {
		color: #055;
		text-decoration: none;
	}

	#leftmenu a:hover {
		color: #CDDEDD;
		text-decoration: none;
	}

	#leftmenu .none {
		font-size: 0.85em;
	}

	#leftmenu img {
		margin: 2px 0;
	}

	#leftmenu .leftbox {
		margin: 20px 0 20px 0;
		background-color: #f1f1f1;
		padding: 5px;
	}

	#leftmenu .icons {
		width: 180px;
		background: 0;
		margin: 0;
		padding: 0;
	}

	#leftmenu td {
		width: 40px;
		padding-top: 5px;
		padding-right: 4px;
	}

	/* -------------------- コンテンツ -------------------- */
	#contents-outer {
		width: 920px;
		float: left;
	}

	#contents {
		padding-top: 7px;
		margin-top: 10px;
		margin-right: 0px;
		margin-bottom: 10px;
		margin-left: 15px;
	}

	#contents #topimage {
		margin: 0;
		padding: 0;
	}

	#contents #leftcontents {
		width: 655px;
		padding-right: 10px;
		float: left;
	}

	#contents #rightcontents {
		width: 240px;
		float: left;
	}

	#rightcontents img {
		margin: 2px 0;
	}

	#contents #topics {
		width: 655px;
		padding-top: 12px;
		clear: both;
		overflow: hidden;
	}

	#contents #topicsheader {
		background: url(../elements/topics_bg.gif) repeat-x 0 0;
	}

	#contents #topics h2 {
		background: url(../elements/topics_right.gif) no-repeat 365px;
	}

	#contents #topics #feed {
		width: 580px;
		text-align: right;
		background: #e9f6f0;
		padding: 5px;
		padding-right: 15px;
		float: left;
		font-size: 1.0em;
	}

	#contents #topics .topicsbox {
		width: 655px;
		background: #e9f6f0;
		padding: 5px;
		float: left;
		font-size: 1em;
	}

	#contents #topics .date {
		width: 120px;
		color: #397E7A;
		float: left;
	}

	#contents #topics .line {
		width: 380px;
		float: left;
		color: #397E7A;
		padding-left: 10px;
	}

	#contents #message {
		width: 640px;
		margin-top: 18px;
	}

	#contents #messagebox {
		padding: 10px;
		background: #E8E7E7 url(../elements/message_btm.gif) no-repeat 0 100%;
	}

	#contents #message .column {
		font-size: 0.9em;
		line-height: 1.4;
	}

	#top4navi {
		padding: 10px 0;
		border-top: 1px dotted #666;
		margin-top: 5px;
	}

	#top4navi table,
	#topimage table {
		margin-left: 0 !important;
	}

	.navi4title {
		font-size: 0.85em;
		line-height: 1.4;
		font-weight: bolder;
		color: #060;
		padding-left: 2px;
		border-left: 3px #FFD800 solid;
	}

	.navi4list {
		font-size: 0.9em;
		line-height: 1.7;
	}

	.navi4td {
		background: #CDEECD url(../images/navi4bg1.gif) repeat-x 0 0;
		border: 1px dotted #999;
		padding: 2px;
		margin: 2px;
	}

	.navi4td2 {
		background: #CDCDEE url(../images/navi4bg2.gif) repeat-x 0 0;
		border: 1px dotted #999;
		padding: 2px;
		margin: 2px;
	}

	#pannavi {
		padding: 10px 10px 10px 20px;
		background-color: #f1f1f1;
		margin-top: 30px;
	}

	/* -------------------- フッター -------------------- */
	#footer {
		margin-left: auto;
		margin-right: auto;
		margin-bottom: 5px;
		line-height: 1.4;
		font-size: 88%;
		padding-left: 10px;
		padding-top: 10px;
		background-color: #a7d2d0;
		background-image: url(../elements/footer_bg.gif);
		background-repeat: repeat-x;
		border-top-width: 5px;
		border-top-style: solid;
		border-top-color: #000;
	}

	#footer-inner {
		line-height: 1.4;
		font-size: 0.9em;
		padding-left: 10px;
		padding-top: 6px;
		width: 1100px;
		margin-right: auto;
		margin-left: auto;
	}

	#footer-inner b {
		font-size: 100%;
		font-weight: bolder;
	}

	#foot4navi {
		width: 1100px;
		margin: auto;
		padding-top: 10px;
		padding-right: 0px;
		padding-bottom: 10px;
		padding-left: 0px;
	}

	#foot4navi td {
		padding: 10px;
		color: #999;
		border: 0;
	}

	#foot4navi h3 {
		margin-top: 5px;
	}

	#foot4navi table {
		width: 1100px;
	}

	#foot4navi a {
		color: #33a;
		text-decoration: none;
	}

	#foot4navi a:hover {
		color: #3aa;
		text-decoration: underline;
	}

	/* -------------------- その他PC専用 -------------------- */
	.btnArea3-1 img,
	.btnArea3-2 img {
		margin: 0 0 1px 0;
	}

	.btnArea3-2 img {
		margin: 0 1px 1px 1px;
	}

	.btnArea3-3 img {
		margin: 0 0 1px 1px;
		padding: 1px 0 0 0;
	}

	.btnArea4-2 img {
		margin: 0 1px 0 1px;
	}

	.btnArea4-3 img {
		margin: 0 1px 0 0;
	}

	#kouzatopbanners {
		margin: 20px auto;
		border: 1px solid #999;
		text-align: center;
		display: flex;
		justify-content: space-between;
		flex-wrap: wrap;
	}

	#kouzatopbanners img.kouzatopbannerscenter {
		margin-left: 1px;
		margin-right: 1px;
	}

	#kouzatopbanner1 {
		width: 250px;
	}

	#kouzatopbanner2 {
		width: 250px;
	}

	#kouzatopbanner3 {
		width: 375px;
		background: #dfdfdf URL(/elements/box3bg.png) no-repeat;
		padding: 0 5px 5px 5px;
		text-align: left;
		margin-left: 15px;
	}

	.kouzatopbanner3nimg {
		margin-bottom: 4px;
	}

	#kouzatopbanner3 h3 {
		font-family: 'Noto Sans Japanese', sans-serif;
		background: none;
		font-size: 1.8em;
		font-weight: 1000;
		border: 0;
		margin: 0 0 0 20px;
		padding: 0;
	}

	#kouzatopbanner3 h4 {
		font-family: 'Noto Sans Japanese', sans-serif;
		background: none;
		font-size: 1em;
		font-weight: 500;
		border: 0;
		margin: 0 0 -0.2em 1em;
		padding: 0;
	}

	#kouzatopbanner3 p {
		font-family: 'Noto Sans Japanese', sans-serif;
		font-size: 1.1em;
		border: 0;
		margin: 0 0 0 2.5em;
		font-weight: 1000;
		padding: 0;
	}

	#featureContainer {
		width: 95%;
	}

	.featureBox {
		width: 45%;
	}

	dl.price dt {
		clear: left;
		float: left;
		width: 5em;
	}

	dl.price dd {
		margin-left: 6em;
	}

	.btnAreas {
		margin: 0 0 40px 0;
		display: flex;
		width: 905px;
	}

	.btnareaL {
		margin: 0 0 0 0;
		width: 299px;
	}

	.btnareaR {
		margin: 0 0 0 0;
		width: 606px;
	}

	.btnAreas1 img {
		margin: 0 0 1px 0;
	}

	.btnAreas2 img {
		margin: 0 1px 1px 7px;
	}

	.btnAreas3 img {
		margin: 0 0 1px 0;
	}

	#samplemovie {
		height: 560px;
	}

	#samplemovie iframe {
		width: 840px;
		height: 550px;
	}

	.gakka {
		min-width: 12em;
	}

}

/* ============================================================ */
/* スマートフォン専用スタイル（600px以下）
/* ============================================================ */
@media screen and (max-width:600px) {
	/* -------------------- 非表示要素 -------------------- */
	.pc,
	#leftmenu,
	div#navi,
	#lnavibottom {
		display: none;
	}

	/* -------------------- 基本設定 -------------------- */
	body {
		background-image: none !important;
		font-size: 13px;
	}

	img {
		border: 0;
		max-width: 100%;
		height: auto;
		display: block;
		margin: auto;
	}

	/* -------------------- レイアウト -------------------- */
	#header,
	#container,
	#footer {
		width: 100%;
		height: auto;
	}

	#contents-outer {
		width: 98%;
		height: auto;
	}

	/* -------------------- ヘッダー -------------------- */
	
	/* #headright：配置 */
	#header #headright {
		width: 100%;
		text-align: center;
		float: none;
		margin-top: 5px;
		padding: 5px 0;
	}

	/* メニュー画像：大きく */
	#header #headright img {
		display: inline;
		max-width: 180px; /* 大きくする */
		height: auto;
		margin: 0;
	}

	/* 電話番号ボックスだけ小さく */
	#telbox {
		width: 200px; /* 200pxから140pxに縮小 */
		margin: 5px auto;
		background-size: 30px auto; /* 背景画像も縮小 */
		padding: 0 0 0 5px;
		min-height: 30px;
	}

	#telbox p {
		margin: 0;
		padding: 0;
		font-family: 'Noto Sans Japanese', sans-serif;
		font-size: 0.8em; /* 小さく */
		font-weight: 900;
		color: #999;
	}

	#telbox strong {
		font-family: 'Noto Sans Japanese', sans-serif;
		font-size: 1.6em; /* 3emから1.6emに縮小 */
		font-weight: 100;
	}	#header #headerBox {
		position: relative;
		width: 100%;
		display: flex;
	}

	#header #headerBox h1 {
		width: 475px;
		height: 72px;
		background: url(/elements/head_logo.gif) no-repeat center;
		background-size: contain;
		margin: 0;
		padding: 0;
		overflow: hidden;
		position: relative;
	}

	#header #headerBox h1 a {
		display: block;
		width: 475px;
		height: 72px;
		text-indent: -9999px;
		overflow: hidden;
		white-space: nowrap;
		font-size: 0 !important;
		color: transparent !important;
		line-height: 0;
	}

	#header #headerBox h1 img {
		width: 100%;
		max-width: 100%;
		height: auto;
	}

	#header #headerBox #spmenu {
		position: absolute;
		top: 0;
		right: 0;
		padding: 10px 5px 5px 0;

	}

	#header #headerBox #spmenu a {
		display: block;
		background: URL(../elements/humberger.png) no-repeat 50% 50%;
		text-indent: 100%;
		white-space: nowrap;
		overflow: hidden;
		width: 15px;
		height: 29px;
	}

	#header #headright {
		width: 100%;
		text-align: center;
		float: none;
	}

	#header #headright img {
		display: inline;
	}

	/* -------------------- タイポグラフィ -------------------- */
	h2 {
		margin: 5px 0px 5px 0px;
		color: #004F10;
		font-size: 1.1em;
		font-weight: normal;
	}

	h2 img {
		display: inline-block;
	}

	h3,
	h4,
	h5 {
		font-size: 1.1em;
	}

	h6 {
		border-left: 10px solid #A9D5B1;
	}

	/* 資格ヘッダー（#shikakuheader） */
	#shikakuheader {
		background: url(../elements/shikakuheader_bg.png) no-repeat 0 0;
		background-size: contain; /* スマホ用に追加 */
		height: auto !important;
		padding: 5px 0;
	}

	#shikakuheader h2 {
		font-family: 'Noto Sans Japanese', sans-serif;
		font-weight: 100;
		color: #f00;
		margin: 0 0 0 10px;
		font-size: 2.2em;
		line-height: 1.4;
	}

	#shikakuheader .shikakumenu {
		font-family: 'Noto Sans Japanese', sans-serif;
		font-weight: 200;
		color: #333;
		/* spanのdisplay設定は下記で個別に */
	}

	#contents #shikakuheader span {
		display: block;
	}

	/* smallタグを改行表示（全講座共通） */
	#contents #shikakuheader h2 .shikakumenu  {
		display: block !important;
		font-size: 0.7em !important;
		margin-top: 5px !important;
		font-weight: 400 !important;
	}

	#contents #shikakutoph2 small  {
		display: block !important;
		font-size: 0.7em !important;
		margin-top: -5px !important;
	}



	/* 電気通信工事施工管理技士専用の長体 */
	#shikakuheader h2#tsushin {
		transform: scaleX(0.9) !important;
		transform-origin: left center !important;
		letter-spacing: 0 !important;
		line-height: 1.3 !important;
		padding: 5px !important;
	}

	#page-507 #shikakutoph2 .shikakutoph2b {
		transform: scaleX(0.9) !important;
		transform-origin: left center !important;
		letter-spacing: 0 !important;
		line-height: 1.3 !important;
		padding: 5px !important;
                                                                display:block;
	}

                               #tsushin #ui-tab .ui-tab-menu {
		transform: scaleX(0.9) !important;
		transform-origin: left center !important;
		letter-spacing: 0 !important;
                                }

	/* -------------------- フォーム -------------------- */
	form {
		width: 70%;
		margin: auto;
	}

	form select {
		width: 100%;
		margin-top: 1em;
		margin-bottom: 1em;
	}

	/* -------------------- テーブル -------------------- */
	table {
		max-width: 100%;
	}

	table td {
		vertical-align: top;
	}

	.spScroll {
		width: 100%;
		overflow: auto;
		white-space: nowrap;
	}

	.spScroll::-webkit-scrollbar {
		height: 5px;
	}

	.spScroll::-webkit-scrollbar-track {
		background: #F1F1F1;
	}

	.spScroll::-webkit-scrollbar-thumb {
		background: #BCBCBC;
	}

	/* -------------------- リスト -------------------- */
	ul {
		list-style: none;
	}

	.icons {
		display: none;
	}

	/* -------------------- ナビゲーション -------------------- */
		.navi4title {
		font-size: 0.85em;
		line-height: 1.4;
		font-weight: bolder;
		color: #060;
		padding-left: 2px;
		border-left: 3px #FFD800 solid;
		border-bottom: 1px solid #999; /* スマホ用に追加 */
		margin: 30px 0px 5px 0px;
	}

	.navi4list {
		font-size: 0.9em;
		line-height: 1.7;
	}

	/* 2列表示 */
	.navi4td,
	.navi4td2 {
		display: inline-block; /* 横並び */
		width: calc(50% - 6px); /* 50%から余白を引く */
		vertical-align: top; /* 上揃え */
		background-repeat: repeat-x;
		background-position: 0 0;
		border: 1px dotted #999;
		padding: 5px;
		margin: 2px;
		box-sizing: border-box; /* パディング・ボーダー込みで幅計算 */
	}

	.navi4td {
		background-color: #CDEECD;
		background-image: url(../images/navi4bg1.gif);
	}

	.navi4td2 {
		background-color: #CDCDEE;
		background-image: url(../images/navi4bg2.gif);
	}

	.navi4td,
	.navi4td2 {
		padding: 8px; /* タップしやすいように広めに */
		margin: 5px 0; /* 上下の余白を広げる */
		border-radius: 3px; /* 角を丸く */
	}

	.navi4list {
		font-size: 1em; /* スマホで少し大きく */
		line-height: 1.8;
	}


	/* -------------------- ボタン・リンク -------------------- */
	.btnArea {
		max-width: 100%;
		text-align: center;
		margin: 0 0 40px 0;
	}

	.btnArea a {
		margin: 0;
	}

	.btnArea3-1 img {
		margin: 10px 0 0 0;
		width: 90%;
	}

	.btnArea3-2 img {
		margin: 1px 0 1px 0;
		width: 90%;
	}

	.btnArea3-3 img {
		margin: 0 0 30px 0;
		width: 90%;
	}

	.btnArea4-1 img {
		margin: 10px auto 0;
		width: 75%;
		display: block;
	}

	.btnArea4-2 img {
		margin: 1px auto 1px;
		width: 75%;
		display: block;
	}

	.btnArea4-3 img {
		margin: 0 auto 1px;
		width: 75%;
		display: block;
	}

	.btnArea4-4 img {
		margin: 0 auto 30px;
		width: 75%;
		display: block;
	}

	.btnAreas {
		margin: 0 0 1px 0;
		display: flex;
		width: 100%;
	}

	.btnareaL {
		margin: 0 0 0 0;
		line-height: 0;
	}

	.btnareaR {
		margin: 0 0 0 2px;
		line-height: 0;
	}

	.btnAreas1 img {
		margin: 0;
		width: calc(50% - 1px);
		margin: 0 1px 2px 2px;
	}

	.btnAreas2 img {
		width: calc(50% - 1px);
		margin: 0 1px 2px 2px;
	}

	.btnAreas3 img {
		width: calc(50% - 1px);
		margin: 0 0 1px 2px;
	}

	/* -------------------- コンテンツ -------------------- */
	#video {
		margin-bottom: 1em;
	}

	.asset-content {
		padding: 10px;
	}

	#pannavi {
		padding: 10px;
		background-color: #eee;
		border-bottom: 4px solid #000;
	}

	#top4navi {
		margin: 25px 5px 5px 5px;
		padding: 10px 0;
		border-top: 1px dotted #666;
	}

	#top4navi table {
		width: 400px !important;
		display: flex;
	}

	#top4navi table td {
		display: inline-block;
		width: 47%;
		margin: 0 2px 10px 2px;
	}

	#topbanners {
		width: 80%;
		margin: 20px auto;
		text-align: center;
	}

	#topbanners img {
		width: 100%;
		margin: 0;
		padding: 0;
	}

	#rightcontents {
		width: 80%;
		margin: 20px auto;
		text-align: center;
	}

	#rightcontents img {
		width: 100%;
		margin: 0;
		padding: 0;
	}

	#contents #leftcontents,
	#contents #topics,
	#contents #topics .topicsbox {
		width: 100%;
	}

	#contents #topics .date {
		float: none;
	}

	#contents #topics .line {
		float: none;
		width: 90%;
	}

	#contents #rightcontents {
		float: none;
		margin: auto;
	}

	.topicsbox {
		padding: 10px;
		background-color: #e9f6f0;
	}

	.navi4title {
		margin-top: 0;
	}

	input#legacy_xoopsform_block_submit {
		margin: 10px 0 30px 0 !important;
	}

	#gotokgkc {
		margin: 30px 0 20px 0;
	}

	#kouzatopcontents {
		padding: 5px;
	}

	#kouzatopcontents .btnArea {
		width: 80%;
		margin: 0 auto;
	}

	#kouzatopcontents .btnArea img {
		width: 100%;
	}

	/* -------------------- フッター -------------------- */
	#footer {
		margin: 0;
		padding: 0;
		background-color: #a7d2d0;
		border-bottom: 10px solid #62b4b0;
	}

	#footer #foot4navi {
		width: 90%;
	}

	#footer #foot4navi table {
		display: flex;
	}

	#footer #foot4navi table td {
		display: inline-block;
		width: 100%;
		margin: 0;
	}

	#fnavi {
		display: flex;
		text-align: center;
		width: 90%;
		margin: 30px auto 0;
	}

	#fnaviL,
	#fnaviR {
		padding: 5px;
		width: 50%;
	}

	#fnavi img {
		width: 100%;
	}

	#fnavi table {
		width: 100%;
	}

	#footer-inner {
		width: 90%;
		padding: 5px;
	}

	/* -------------------- その他 -------------------- */
	.slides {
		height: auto;
	}

	.tickercontainer {
		width: 395px;
	}

	.tickercontainer .mask {
		width: 375px;
	}

	ul.newsticker {
		position: relative;
		left: 100px;
		list-style-type: none;
		margin: 0;
		padding: 0;
	}

	ul.newsticker li {
		float: left;
		background: #fff;
	}

	.featureBox h3 {
		margin: 0;
		padding: 0;
		border: 0;
		font-weight: normal;
	}

	#featureContainer {
		width: 100%;
	}

	#telbox {
		width: 200px;
		margin: 10px auto;
	}

	dl.price dt,
	dl.price dd {
		display: inline;
	}

	#kouzatopbanners {
		margin: 30px 0 0 0;
		display: flex;
		flex-wrap: wrap;
	}

	#kouzatopbanners img {
		width: 100%;
	}

	#kouzatopbanners img.kouzatopbannerscenter {
		margin-left: 1px;
		margin-right: 1px;
	}

	#kouzatopbanner1 {
		width: 50%;
	}

	#kouzatopbanner2 {
		width: 50%;
	}

	#kouzatopbanner3 {
		width: 50px;
		background: #dfdfdf URL(/elements/box3bg.png) no-repeat;
		padding: 0 5px 5px 5px;
		text-align: left;
		margin-top: 1px;
		flex-grow: 1;
	}

	#kouzatopbanner3 h3 {
		font-family: 'Noto Sans Japanese', sans-serif;
		background: none;
		font-size: 1.8em;
		font-weight: 1000;
		border: 0;
		margin: 0 0 0 20px;
		padding: 0;
	}

	#kouzatopbanner3 h4 {
		font-family: 'Noto Sans Japanese', sans-serif;
		background: none;
		font-size: 1em;
		font-weight: 500;
		border: 0;
		margin: 0 0 -0.2em 1em;
		padding: 0;
	}

	#kouzatopbanner3 p {
		font-family: 'Noto Sans Japanese', sans-serif;
		font-size: 1.1em;
		border: 0;
		margin: 0 0 0 2.5em;
		font-weight: 1000;
		padding: 0;
	}

	#kouzatopbanner3n img {
		width: 100%;
	}

	#samplemovie {
		width: 320px;
		height: 180px;
	}

	#samplemovie {
		height: 285px;
	}

	#samplemovie iframe {
		width: 440px;
		height: 275px;
	}

	.kyotd,
	td.dottopkyo,
	td.dotbottomkyo {
		background: #ded !important;
		font-weight: bold;
	}

	.kyotdr {
		background: #ded !important;
		font-weight: bold;
		color: #900;
	}
}