/* 共通設定 */
/* タグごとのスタイル */
body {
	margin:0px;
	padding:0px;
	font-family: "Helvetica Neue", "Helvetica", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Arial", "Meiryo", sans-serif;
	font-size:16px;
	line-height:1.4em;
	color:#333333;
	background-color: #333;
	min-width:320px;
}
img {
	margin:0px;
	padding:0px;
	max-width:100%;
	height:auto;
	width /***/:auto;
}
a:link,
a:active {
	color:#333;
	text-decoration:none;
}
a:hover {
	color:#aaa;
	text-decoration:underline;
}
a:visited {
	color:#888;
	text-decoration:none;
}
a.caution:link,
a.caution:active {
	color:#CC0000;
	text-decoration:none;
}
a.caution:hover {
	color:#CC0000;
	text-decoration:underline;
}
a.caution:visited {
	color:#CC0000;
	text-decoration:none;
}
p {
	margin:10px 0px 0px 0px;
}
ul {
	margin:0px;
	padding:0px;
}
ol {
	margin:0px 0px 0px 1em;
	padding:0px;
}

/* クラスごとのスタイル */
.palecolor,
.midcolor,
.deepcolor,
.palecolor2,
.midcolor2,
.deepcolor2 {
	padding:10px 10px;
	border:1px solid #999;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
}
.palecolor {
	background:#fff;
}
.palecolor2 {
	margin:0px 0px 15px 0px;
	padding:0px;
	background:#fff;
}
.midcolor {
	background:#fff;
}
.deepcolor {
	background:#eeeefa;
}
.emphasize { /* 強調 */
	font-weight:bold;
}
.attention { /* 注目すべき事項など */
	color:#CC0000;
	font-weight:bold;
}
.caution { /* 警告など */
	color:#CC0000;
	font-weight:normal;
}

.highlight-text {
  /* 文字を大きくする */
  font-size: 1.2em; 
}
	
.new { /* NEWマーク */
	background:url('../images/new.gif') 0px 0px no-repeat;
}
.hot { /* HOTマーク */
	background:url('../images/hot.gif') 0px 0px no-repeat;
}
.fboxcontainer {
	zoom:1;
	margin-top:15px;
}
.fboxcontainer:after, .fboxcontainer:before {
	content: "";
	clear: both;
	display: block;
}
.leftimg { /* 左寄り画像 */
	margin:0px 10px 0px 0px;
	float:left;
}
.clear { /* フロート解除 */
	clear:both;
}

/* ページ内ジャンプ */
p.jump {
	margin-top:25px;
	font-weight:bold;
}
select.jump {
	margin-bottom:10px;
	border:3px solid #5662d4;
	font-weight:normal;
}

/* 段落設定 */
.paragraph {
	padding:30px 0px 30px 0px;
	margin:0px;
	width:100%;
}
.paragraph:after {
	display:block;
	content:"";
	height:30px;
}
.paragraph ul {
	margin-left:0px;
	list-style-image:url('../images/menu/arrow2.gif');
}
.paragraph ol {
	list-style-type: decimal;
	list-style-image:none;
}
.paragraph li {
	margin:10px 15px 5px 15px;
}
.paragraph li.nomark {
	list-style:none;
}
.paragraph table {
	margin:0px;
	background:none;
}
.paragraph td {
	padding:0.75em;
}

/* リスト表示のテーブル */
.paragraph table.list {
	margin-bottom:15px;
	width:100%;
	border-top:1px solid #ffa42b;
	border-bottom:1px solid #ffa42b;
	border-spacing:0px;
	clear:both;
}
.paragraph tr.list2 {
	background:#eee;
}
.paragraph td.list {
	padding-left:15px;
	padding-bottom:10px;
	background:url('../images/menu/arrow2.gif') 5px 1.1em no-repeat;
}
.paragraph div.listtitle {
	margin-bottom:5px;
	font-weight:bold;
}
.paragraph div.backnumber {
	padding:0px 0px 0px 10px;
	float:right;
	background:url('../images/menu/arrow2.gif') 0px 0.3em no-repeat;
}
.paragraph table.list2 {
	margin-top:5px;
	width:100%;
	border:1px solid #ffa42b;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
	border-spacing:0px;
	clear:both;
}
.paragraph table.list2 tr.list2 {
	background:none;
}
.paragraph table.list2 tr.list2 > td {
	border-bottom:1px dashed #ffa42b;
}
.paragraph table.list3 {
	margin-top:5px;
	border:1px solid #ffa42b;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
	border-spacing:0px;
	clear:both;
}

.paragraph li.sublist {
	list-style-image: url('../images/menu/arrow.gif');
}

/* サポートOS用テーブル */
.paragraph table.supportOS {
	display:block;
	width:100%;
}
.paragraph table.supportOS tbody {
	display:block;
	width:100%;
	overflow-x:auto;
}
.paragraph table.supportOS td {
	text-align:center;
	padding:6px 5px 4px 5px;
}
.paragraph table.supportOS td.min-200 {
	min-width:200px;
	width:600px;
}
.paragraph table.supportOS td.left {
	text-align:left;
}

/* 入力フォーム */
.paragraph table.inputform {
	width:100%;
	border-spacing:0px;
}
.paragraph table.inputform tr {
	display:block;
	padding:10px 0px;
	width:100%;
	height:auto;
	clear:both;
}
.paragraph table.inputform th,
.paragraph table.inputform td {
	display:block;
	padding:5px;
	float:left;
}
.paragraph table.inputform th {
	width:125px;
	text-align:left;
}
.paragraph table.inputform th.wide {
	width:200px;
	text-align:left;
}
.paragraph table.inputform td.float {
	display:inline-block;
	padding:5px 5px;
	width:150px;
	white-space:none;
}
.paragraph table.inputform td.float2 {
	display:inline-block;
	padding:5px 5px;
	width:270px;
	white-space:none;
}
.paragraph table.inputform input.input-post {
	width:60px;
}
.paragraph table.inputform input.input-full,
.paragraph table.inputform2 textarea.input-full,
.paragraph table.inputform textarea.input-full {
	width:98%;
}

/* リンクボタン */
.paragraph div.linkbtn {
	margin-left:auto;
	margin-right:auto;
	width:100px;
	text-align:center;
}
.paragraph .linkbtn a {
	position:relative;
	display:block;
	width:100%;
	height:2em;
	background:url('../images/link/link.gif') 0 1em no-repeat;
}
.paragraph .linkbtn a:hover {
	position:relative;
	display:block;
	width:100%;
	height:2em;
	text-align:center;
	background:url('../images/link/link_b.gif') 0 1em no-repeat;
}
.paragraph .linkbtn_sysconst a {
	position:relative;
	display:block;
	width:279px;
	height:192px;
	background:url('../images/package/est2/pict1n.gif') no-repeat;
}
.paragraph .linkbtn_sysconst a:hover {
	position:relative;
	display:block;
	width:279px;
	height:192px;
	background:url('../images/package/est2/pict1n_b.gif') no-repeat;
}

/* ダウンロードボタン */
.paragraph div.downbtn {
	margin-left:auto;
	margin-right:auto;
	width:100px;
	text-align:center;
}
.paragraph .downbtn a {
	position:relative;
	display:block;
	width:100%;
	height:2em;
	text-align:center;
	background:url('../images/support/download.gif') 0 1em no-repeat;
}
.paragraph .downbtn a:hover {
	position:relative;
	display:block;
	width:100%;
	height:2em;
	text-align:center;
	background:url('../images/support/download_b.gif') 0 1em no-repeat;
}

/* IE画像 */
.paragraph .edge {
	max-width:500px;
	background:url('../images/download/cad_trs/edge_b.png') no-repeat;
	background-size:contain;
}
.paragraph .edge a {
	display:block;
	background:url('../images/download/cad_trs/edge.png') no-repeat;
	background-size:contain;
}
.paragraph .edge a:hover {
	display:block;
	background:none;
}

.paragraph .ie {
	max-width:500px;
	background:url('../images/download/cad_trs/ie_b.gif') no-repeat;
	background-size:contain;
}
.paragraph .ie a {
	display:block;
	background:url('../images/download/cad_trs/ie.gif') no-repeat;
	background-size:contain;
}
.paragraph .ie a:hover {
	display:block;
	background:none;
}

/* 動画 */
.paragraph .movie img {
	max-width:100px;
}

/* ポリシー用リスト */
.paragraph ol.sub > li {
	margin-left:2em;
	margin-bottom:20px;
	list-style-type:cjk-ideographic;
}
.paragraph ol.sub > li.nomark {
	list-style:none;
}

.sitemap-columns ul {
	margin-left:0px;
	list-style-image:url('../images/menu/arrow2.gif');
}

.paragraph ol.detail > li {
	margin-left:3em;
	list-style-type:katakana-iroha;
}
.paragraph ul.subdetail > li {
	margin-left:1em;
	list-style-type:circle;
}
.paragraph ul.subsubdetail > li {
	margin-left:2em;
	list-style-type:disc;
}

/* 汎用テーブル色等 */
.paragraph .midcolor {
	margin-bottom:15px;
}
.paragraph .deepcolor {
	background:#f6f6f6;
	/*background:#eee;*/
}
.paragraph .palecolor2 {
	text-align:right;
}
.paragraph .midcolor2 {
	margin-bottom:2px;
}
.paragraph .deepcolor2 {
	background:#eee;
	font-weight:bold;
	text-align:center;
}
.paragraph .download .palecolor {
	width:120px;
}

/* 価格表テーブル色等 */
.paragraph .pricetable .midcolor {
	border:none;
	background:#fff;
}
.paragraph .pricetable .deepcolor {
	border:none;
	background:#eee;
}
.paragraph .pricetable .deepcolor2 {
	border:none;
	background:#e9c623;
}

/* その他 */
.paragraph li.floatlist {
	display:inline-block;
	padding:0px 0px 0px 10px;
	float:left;
	background:url('../images/menu/arrow2.gif') 0px 6px no-repeat;
}
.paragraph li.ext {
	margin-left:5px;
	margin-right:5px;
	padding:0px 10px;
	min-width:6em;
}
.paragraph .nowrap {
	white-space:nowrap;
}
.paragraph .ta-left {
	text-align:left;
}
.paragraph .ta-center {
	text-align:center;
}
.paragraph .ta-right {
	text-align:right;
}

/* アコーディオン */
.accbox {
	margin: 0px;
	padding: 0px;
	max-width: 100%;
}
.accbox input {
	display: none;
}
.accbox label {
	display: block;
	margin: 0px;
	padding: 5px 5px;
	width:200px;
	cursor: pointer;
	transition: all 0.3s;
	color:#5760d6;
}
.accbox label:before {
	font-family: "Font Awesome 5 Free";
	content: '\f054';
	font-weight: 900;
	padding-right: 8px;
}
.accbox label:hover:before {
	content: '\f054';
	color: #e9c623
}
.accbox label:hover {
	color: #e9c623
}
.accbox .accshow {
	height: 0px;
	padding: 0px;
	overflow: hidden;
	opacity: 0;
	transition: all 0.5s;
}

.cssacc:checked + label + .accshow {
	height: auto;
	padding: 5px;
	opacity: 1;
}
.cssacc:checked + label:before {
	content: '\f078';
}

/* IDごとのスタイル */
#wrapper,
#header,
#headercontainer,
#main,
#maincontainer {
	background:#fff;
}
#footer,
#footercontainer {
	background:#333;
}

/* サイトロゴ */
#logo {
	margin:0px;
	padding:0px;
	width:140px;
	height:90px;
	background:#fff url('../images/logo_b.png') 0px 20px no-repeat;
	float:left;
}
#logo a.btn {
	display:block;
	margin:0px;
	padding:0px;
	width:140px;
	height:100%;
	background:url('../images/logo.png') 0px 20px no-repeat;
}
#logo a.btn:hover {
	display:block;
	margin:0px;
	padding:0px;
	width:140px;
	height:100%;
	background:none;
}

/* オプション誘導ボタン */
#opt {
	width: 100%;
	max-width: 627px;
	text-align: center;
	line-height: 0px;
	margin: 20px auto;
	overflow: hidden;
	border-radius: 5px;
	box-shadow: 0px 0px 3px 3px rgba(0, 0, 0, 0.15);
}
#opt img {
	width: 100%;
	max-width: 627px;
	cursor: pointer;
	transition-duration: 0.3s;
}
#opt:hover img {
	opacity: 0.6;
	transition-duration: 0.3s;
}

/* ファイル互換性ページ誘導ボタン */
#gokan {
	width: 100%;
	max-width: 627px;
	text-align: center;
	line-height: 0px;
	margin: 20px auto;
	overflow: hidden;
	border-radius: 5px;
	box-shadow: 0px 0px 3px 3px rgba(0, 0, 0, 0.15);
}
#gokan img {
	width: 100%;
	max-width: 627px;
	cursor: pointer;
	transition-duration: 0.3s;
}
#gokan:hover img {
	opacity: 0.6;
	transition-duration: 0.3s;
}

/* 推奨環境誘導ボタン */
#sui {
	width: 100%;
	max-width: 627px;
	text-align: center;
	line-height: 0px;
	margin: 20px auto;
	overflow: hidden;
	border-radius: 5px;
	box-shadow: 0px 0px 3px 3px rgba(0, 0, 0, 0.15);
}
#sui img {
	width: 100%;
	max-width: 627px;
	cursor: pointer;
	transition-duration: 0.3s;
}
#sui:hover img {
	opacity: 0.6;
	transition-duration: 0.3s;
}

/* 問い合わせボタン1 */
#toi1 {
	width: 100%;
	max-width: 627px;
	text-align: center;
	line-height: 0px;
	margin: 20px auto;
	overflow: hidden;
	border-radius: 5px;
	box-shadow: 0px 0px 3px 3px rgba(0, 0, 0, 0.15);
}
#toi1 img {
	width: 100%;
	max-width: 627px;
	cursor: pointer;
	transition-duration: 0.3s;
}
#toi1:hover img {
	opacity: 0.6;
	transition-duration: 0.3s;
}

/* 問い合わせボタン2 */
#toi2 {
	width: 100%;
	max-width: 627px;
	text-align: center;
	line-height: 0px;
	margin: 20px auto;
	overflow: hidden;
	border-radius: 5px;
	box-shadow: 0px 0px 3px 3px rgba(0, 0, 0, 0.15);
}
#toi2 img {
	width: 100%;
	max-width: 627px;
	cursor: pointer;
	transition-duration: 0.3s;
}
#toi2:hover img {
	opacity: 0.6;
	transition-duration: 0.3s;
}

/* 問い合わせボタン3 */
#toi3 {
	width: 100%;
	max-width: 627px;
	text-align: center;
	line-height: 0px;
	margin: 20px auto;
	overflow: hidden;
	border-radius: 5px;
	box-shadow: 0px 0px 3px 3px rgba(0, 0, 0, 0.15);
}
#toi3 img {
	width: 100%;
	max-width: 627px;
	cursor: pointer;
	transition-duration: 0.3s;
}
#toi3:hover img {
	opacity: 0.6;
	transition-duration: 0.3s;
}

/* hiroiの誘導ボタン */
#yuudou {
    display: inline-block;
    max-width: 300px;
    text-align: center;
    line-height: 0; 
    margin: 20px auto;
    overflow: hidden;
    border-radius: 5px;
    box-shadow: 0px 0px 3px 3px rgba(0, 0, 0, 0.15);
}

#yuudou img {
    display: block;
    width: 100%;
    max-width: 300px;
    cursor: pointer;
    transition-duration: 0.3s;
}

#yuudou:hover img {
    opacity: 0.6;
    transition-duration: 0.3s;
}

/*hiroi誘導のところの並べ方*/
.image-group {
    display: flex; 
    justify-content: space-around; 
    align-items: center; 
    margin-top: 20px; 
}

.image-group p {
    margin: 0; 
    padding: 0 10px; 
}

/* ナレッジベースボタン */
#knowledge {
	margin:10px 5px;
	padding:0px;
	width:161px;
	height:90px;
	float:right;
	background:#fff url('../images/ngbbut_b.png') no-repeat;
}
#knowledge a.btn,
#knowledge a.btn:hover {
	display:block;
	width:161px;
	height:90px;
}
#knowledge a.btn {
	background:url('../images/ngbbut.png') no-repeat;
}
#knowledge a.btn:hover {
	background:none;
}

/* リモートボタン */
#remotebtn {
	margin:10px 0px;
	padding:0px;
	width:310px;
	height:90px;
	float:right;
	background:#fff url('../images/remotebtn_b.png') no-repeat;
}
#remotebtn a.btn,
#remotebtn a.btn:hover {
	display:block;
	width:310px;
	height:90px;
}
#remotebtn a.btn {
	background:url('../images/remotebtn.png') no-repeat;
}
#remotebtn a.btn:hover {
	background:none;
}

/* ページ上部検索 */
#cse {
	padding:0px 0px 8px 0px;
	margin:0px;
	width:100% !important;
	height:42px;
	float:right;
	font-size:0.8em !important;
	text-align:right;
	background:#fff;
}
#cse input.gsc-input {
	padding:0px 10px !important;
	width:132px;
	height:28px;
	font-size:1.2em !important;
	background:none !important;
	border-color:#5662d4;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px !important;
}
#cse input.gsc-search-button {
	padding:0px !important;
	width:60px;
	height:30px;
	font-size:1em !important;
	background:#5662d4;
	border-color:#5662d4;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px !important;
}
#cse input.gsc-search-button:hover {
	background:#ffa42b;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px !important;
}
#cse input.gsc-input:hover,
#cse input.gsc-search-button:hover {
	border-color:#ffa42b;
}

/* 検索ページフォーム */
#cse2 {
	width:100% !important;
	font-size:0.8em !important;
}
#cse2 .gsc-control-cse {
	padding:0px;
}
#cse2 td.gsc-input {
	padding:0px !important;
}
#cse2 input.gsc-input {
	padding:0px 10px !important;
	width:95%;
	height:28px;
	font-size:1.2em !important;
	background:none !important;
	border-color:#5662d4;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px !important;
}
#cse2 input.gsc-search-button {
	padding:0px !important;
	width:10%;
	height:30px;
	font-size:1em !important;
	background:#5662d4;
	border-color:#5662d4;
}
#cse2 input.gsc-search-button:hover {
	background:#ffa42b;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px !important;
}
#cse2 input.gsc-input:hover,
#cse2 input.gsc-search-button:hover {
	border-color:#ffa42b;
}
#cse2 form.gsc-search-box {
	padding:0px;
	width:90%;
}
#cse2 td.gsc-input {
	padding:0px !important;
	width:98%;
}
#cse2 input.gsc-input {
	padding:0px 1% !important;
	width:98%;
}
#cse2 td.gsc-search-button {
	padding:0px 1% !important;
	width:98%;
}
#cse2 input.gsc-search-button {
	padding:0px !important;
	width:100%;
}
#cse2 td.gsc-clear-button {
	padding:0px 1% !important;
	width:30px;
}

/* 検索結果 */
.gsc-tabsArea {
	border-color:#666 !important;
}
.gsc-tabHeader.gsc-tabhActive {
	background:#666 !important;
	border-color:#666 !important;
	text-align:center;
	vertical-align:middle;
}
.gsc-tabHeader.gsc-tabhInactive:hover {
	background:#ffa42b !important;
	border-color:#ffa42b !important;
	text-align:center;
	vertical-align:middle;
}
.gsc-tabHeader.gsc-tabhInactive {
	background:#5662d4 !important;
	border-color:#5662d4 !important;
	text-align:center;
	vertical-align:middle;
}
.gsc-webResult.gsc-result:hover {
	border:1px solid #ffa42b !important;
}
.gs-webResult.gs-result a.gs-title:link, .gs-webResult.gs-result a.gs-title:link b, .gs-imageResult a.gs-title:link, .gs-imageResult a.gs-title:link b	{
	color: #5662d4 !important;
}
.gs-webResult.gs-result a.gs-title:active, .gs-webResult.gs-result a.gs-title:active b, .gs-imageResult a.gs-title:active, .gs-imageResult a.gs-title:active b {
	color: #5662d4 !important;
}
.gs-webResult.gs-result a.gs-title:visited, .gs-webResult.gs-result a.gs-title:visited b, .gs-imageResult a.gs-title:visited, .gs-imageResult a.gs-title:visited b {
	color: #5662d4 !important;
}
.gs-webResult.gs-result a.gs-title:hover, .gs-webResult.gs-result a.gs-title:hover b, .gs-imageResult a.gs-title:hover, .gs-imageResult a.gs-title:hover b {
	color: #ffa42b !important;
}
.gs-webResult div.gs-visibleUrl, .gs-imageResult div.gs-visibleUrl {
	color: #999 !important;
}

/* パンくずリスト */
#curpos {
	margin:0px;
	padding:0px 0px 15px 0px;
	width:100%;
	font-size:0.8em;
	line-height:1.2em;
}

/* バナー */
div.banner {
	margin:0px auto;
	padding:0px;
	width:100%;
	height:auto;
	line-height:0px;
	border:1px solid #ddd;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
}
div.banner2 {
	margin:15px auto 0px auto;
	padding:0px;
	width:100%;
	height:auto;
	line-height:0px;
	border:1px solid #ddd;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
}


/* 米印リスト */
ul.rice {
	margin-left:5px;
	list-style-image:url('../images/menu/ricesymb.gif');
}
ul.rice2 {
	margin-left:5px;
	list-style-image:url('../images/menu/ricesymb2.gif');
	color:#CC0000;
}
ol.rice {
	margin:15px 0px 0px 5px;
	counter-reset: point;
}
ol.rice li {
	list-style: none;
	margin: 0px;
	padding-left:2.5em;
	position: relative;
}
ol.rice li:before {
	counter-increment: point;
	content: "※" counter(point);
	padding: 0px;
	position: absolute;
	top: 0px;
	left: 0px;
	width:1em;
	height:1em;
}
ol.rice2 {
	margin:10px 0px 0px 5px;
	counter-reset: point;
	color:#CC0000;
}
ol.rice2 li {
	list-style: none;
	margin: 0px;
	padding-left:2.5em;
	position: relative;
}
ol.rice2 li:before {
	counter-increment: point;
	content: "※" counter(point);
	padding: 0px;
	position: absolute;
	top: 0px;
	left: 0px;
	width:1em;
	height:1em;
}

table.law li {
	margin-left:15px;
}

.midfont {
	font-size:1.5em;
	line-height:1.1em;
}
.bigfont {
	font-size:2em;
	line-height:1.2em;
}
.campaignprice {
	margin:15px 0px 0px 0px;
	padding:0px;
	line-height:0px;
}
#topnavi a {
	color:#333;
}
.linkbtn a:hover,
.downbtn a:hover,
#topnavi a:hover,
#nav a:hover,
#curpos a:hover {
	color:#aaa;
	/* color:#ffa42b; */
	text-decoration:none;
}

div.movie {
	position:relative;
	width:100%;
	height:0;
	padding-top:56%;
}
div.movie iframe {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	border:none;
	z-index: 0;
}
.description {
	padding:15px 0px 30px 0px;
}
.paragraph div.container {
	width:100%;
}
.paragraph ul.box {
	padding:0px 0px 15px 0px;
}
.paragraph ul.box::after {
	content:"";
	display: block;
	clear:both;
	padding-bottom:14px;
	border-bottom: 1px solid #bbb;
}
.paragraph p.title {
	margin:0px;
	padding-left:15px;
	background:url('../images/menu/arrow2.gif') 1px 7px no-repeat;
	border-bottom:1px dashed #ffa42b;
	font-weight:bold;
}

/* オレンジ四角大見出し*/
h1 {
  position: relative;
  padding: 1rem 2rem calc(1rem + 10px);
  background: #ffa42b;
	line-height:1em;
}

h1:before {
  position: absolute;
  top: -7px;
  left: -7px;
  width: 100%;
  height: 100%;
  content: '';
  border: 4px solid #000;
}

h1.balloon {
	margin-top:30px;
}

.balloon-head {
  position: absolute;
  font-size: 0.5em;
  top: -60px; 
  left: 5px; 
  width: auto;
  min-width: 50px;
  margin: 3px 0px 0px 0px; 
  padding: 5px;
  border-radius: 10px;
  background: #002E4F;
  text-align: center;
  font-weight: bold;
  color: #fff;
  z-index: 0; 
}

.balloon-head::after {
  content: '';
  border: 15px solid transparent;
  border-top-color: #002E4F;
  position: absolute;
  bottom: -25px; 
  left: 50%;
  margin-left: -210px;
}

h1.move {
  animation: 0.5s move infinite alternate linear;
}

@keyframes move {
  from { transform: translateY(0); } 
  to { transform: translateY(4px); }
}

/* オレンジとグレーの線*/
.paragraph h2 {
	margin: 0px 0px 20px 1px;
	padding:0px 0px 0px 0px;
	border-bottom: 4px solid #bbb;
	font-size: 2em/*1.5em*/;
	line-height:1.3em;
	margin-top: 10px
}
.paragraph h2::after {
	margin: 4px 0px -4px 0px;
	padding: 0px;
	content: " ";
	display: block;
	width: 4em;
	height: 4px;
	background-color: #ffa42b;
}

/* SEO対策用　h2版の斜めの斜線のデザイン*/
h2.naname {
  	position: relative;
	display: inline-block;
	margin: 20px 0px 5px 2px; 
	padding: 0.7rem 3px; 
	border-bottom: none;
	font-size: 1.2em; 
	line-height: 1.2; 
}

h2.naname:after {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 8px;
  /*height: 10px;*/
  content: '';
  margin: 0;                 
  background-image: repeating-linear-gradient(-45deg, #004a80, #004a80 2px, transparent 2px, transparent 5px);
  background-color: transparent;
  background-size: 7px 7px;
  content: '';
  webkit-backface-visibility: hidden;
  backface-visibility: hidden;

}

/* 真ん中に線のデザイン*/
h2.mannaka {
  position: relative;
  padding: 0 65px;
  text-align: center;
	border-bottom: none; 
    padding: 0 65px;
}

.paragraph h2.mannaka::after { 
    content: none;
}
	
h2.mannaka:before {
  position: absolute;
  top: calc(50% - 1px);
  left: 0;
  width: 100%;
  height: 2px;
  content: '';
  background: #000;
}

h2.mannaka span {
  position: relative;
	z-index: 10; 
  padding: 0 1em;
  background: #fff;
}

/*SEO対策用 青の線に枠で囲むデザイン*/
h2.waku {
	margin:25px 0px 10px 0px;
	padding:5px 0px 0px 10px;
	line-height:1em;
	background:#fff;
	border-left:#004a80 7px solid;
	clear:both;
	font-size: 1.1em;
}

h2.waku {
	margin:5px 0 10px 0;
	padding:0px 0 5px 10px;
	line-height:1.3em;
	border-bottom:#666666 1px dashed;
}

h2.waku::after {
    content: none; 
    display: none;
}

/* 斜めの斜線のデザイン*/
h3.naname {
  position: relative;
  display: inline-block;
  margin: 20px 0px 5px 2px; 
  padding: 0.7rem 3px; 
  font-size: 1.2em; 
  line-height: 1.2; 
}

h3.naname:after {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 8px;
  content: '';
  background-image: -webkit-repeating-linear-gradient(135deg, #004a80, #004a80 2px, transparent 2px, transparent 5px);
  background-image: repeating-linear-gradient(-45deg, #004a80, #004a80 2px, transparent 2px, transparent 5px);
  background-size: 7px 7px;
  webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

/* 付箋のデザイン*/
h3.fusen {
  position: relative;
  display: inline-block;

  margin: 0px 0px 5px 20px; 
  padding: 0.8rem 1rem 0.8rem 1rem; 

  font-size: 1.5em; 
  line-height: 1.2; 

  color: #fff;
  background: #002E4F;
}

h3.fusen:before {
  position: absolute;
  top: 0;
  left: -20px; 
  content: '';
  border-width: 27px 20px 27px 0; 
  border-style: solid;
  border-color: transparent #002E4F transparent transparent;
}

h3.fusen:after {
  position: absolute;
  top: 50%; 
  transform: translateY(-50%);

  left: -10px;
  width: 14px;
  height: 14px;
  content: '';
  border-radius: 50%;
  background: #fff;
}

/* 青の線に枠で囲むデザイン*/
h3.waku {
	margin:25px 0px 10px 0px;
	padding:5px 0px 0px 10px;
	line-height:1em;
	background:#fff;
	border-left:#004a80 7px solid;
	clear:both;
}
h3.waku {
	margin:5px 0 10px 0;
	padding:0px 0 5px 10px;
	font-size:1.1em;
	line-height:1.3em;
	border-bottom:#666666 1px dashed;
	clear:both;
}

/*サイトマップの青い左線*/
h3.sitemap {
	padding: 1rem 1rem;
  border-left: 10px solid #004a80;
}

/* SEO対策用　h4版斜めの斜線のデザイン */
h4.naname {
  position: relative;
  display: inline-block;
  margin: 20px 0px 5px 2px; 
  padding: 0.7rem 3px; 
  font-size: 1em; 
  line-height: 1.2; 
}

h4.naname:after {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 8px;
  content: '';
  background-image: -webkit-repeating-linear-gradient(135deg, #004a80, #004a80 2px, transparent 2px, transparent 5px);
  background-image: repeating-linear-gradient(-45deg, #004a80, #004a80 2px, transparent 2px, transparent 5px);
  background-size: 7px 7px;
  webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

/*グレーの思い浮かべるデザイン*/
h4.fuwafuwa {
  position: relative;
  color: #FFFFFF;
  width: 100px;
  font-size: 1.5em; 
  margin: 1.7em 0px 1.5em 0px;
  padding: 1rem 1.5rem;
  border-radius: 10px;
  background: #696969;
}

h4.fuwafuwa:before,
h4.fuwafuwa:after {
  position: absolute;
  content: '';
  border-radius: 50%;
  background: #696969;
}

h4.fuwafuwa:before {
  bottom: -12px;
  left: 20px;
  width: 20px;
  height: 20px;
}

h4.fuwafuwa:after {
  bottom: -22px;
  left: 35px;
  width: 10px;
  height: 10px;
}

h5.tensen {
  position: relative;
  display: inline-block; 
  margin: 20px 0px 5px 2px;
  padding: 0.7rem 3px;
  font-size: 1em;
  line-height: 1.2;
}

h5.tensen:after {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 3px; 
  content: '';
  background-image: repeating-linear-gradient(to right, #000, #000 5.5px, transparent 5px, transparent 10.5px);
  background-size: 100% 100%; 
}

*::before, *::after {
	box-sizing: border-box;
}
.paragraph .float {
	margin:0px 5px;
	padding:7px;
	max-width:100%;
	list-style: none;
	float: left;
}
.paragraph .float::after {
	content:"";
	display: block;
}

.paragraph .orangeicon,
.paragraph .redicon
 {
	display:block;
	margin:0px 5px;
	padding:7px 10px;
	line-height:1.2em;
	/* padding:3px 7px; */
	width:4em;
	text-align:center;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius: 3px;
	color:#333;
	border: 1px solid #ffa42b;
}

.paragraph .blueicon
{
	display:block;
	margin:0px 5px;
	padding:7px 10px;
	line-height:1.2em;
	width:4em;
	text-align:center;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius: 3px;
	color:#333;
	border: 1px solid #2ba4ff;
}
.paragraph .grayicon
{
	display:block;
	margin:0px 5px;
	padding:7px 10px;
	line-height:1.2em;
	width:4em;
	text-align:center;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius: 3px;
	color:#333;
	border: 1px solid #bbb;
}

/* .paragraph .redicon {
	display:block;
	padding:3px 7px;
	width:4em;
	text-align:center;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius: 3px;
	color:#fff;
	text-shadow: 1px 1px 1px #000;
	border:1px solid #a34038;
	-moz-box-shadow:inset 0px 1px 0px 0px #f9bec4;
	-webkit-box-shadow:inset 0px 1px 0px 0px #f9bec4;
	box-shadow:inset 0px 1px 0px 0px #f9bec4;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ee6372), color-stop(1, #cf4647));
	background:-moz-linear-gradient(top, #ee6372 5%, #cf4647 100%);
	background:-webkit-linear-gradient(top, #ee6372 5%, #cf4647 100%);
	background:-o-linear-gradient(top, #ee6372 5%, #cf4647 100%);
	background:-ms-linear-gradient(top, #ee6372 5%, #cf4647 100%);
	background:linear-gradient(to bottom, #ee6372 5%, #cf4647 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ee6372', endColorstr='#cf4647',GradientType=0);
	background-color:#ee6372;
}
.paragraph .blueicon {
	display:block;
	padding:3px 7px;
	width:4em;
	text-align:center;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius: 3px;
	color:#fff;
	text-shadow: 1px 1px 1px #000;
	border:1px solid #3866a3;
	-moz-box-shadow:inset 0px 1px 0px 0px #bee2f9;
	-webkit-box-shadow:inset 0px 1px 0px 0px #bee2f9;
	box-shadow:inset 0px 1px 0px 0px #bee2f9;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #63b8ee), color-stop(1, #468ccf));
	background:-moz-linear-gradient(top, #63b8ee 5%, #468ccf 100%);
	background:-webkit-linear-gradient(top, #63b8ee 5%, #468ccf 100%);
	background:-o-linear-gradient(top, #63b8ee 5%, #468ccf 100%);
	background:-ms-linear-gradient(top, #63b8ee 5%, #468ccf 100%);
	background:linear-gradient(to bottom, #63b8ee 5%, #468ccf 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#63b8ee', endColorstr='#468ccf',GradientType=0);
	background-color:#63b8ee;
}
.paragraph .grayicon {
	display:block;
	padding:3px 7px;
	width:4em;
	text-align:center;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius: 3px;
	color:#fff;
	text-shadow: 1px 1px 1px #000;
	border:1px solid #666;
	-moz-box-shadow:inset 0px 1px 0px 0px #fff;
	-webkit-box-shadow:inset 0px 1px 0px 0px #fff;
	box-shadow:inset 0px 1px 0px 0px #fff;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #aaa), color-stop(1, #777));
	background:-moz-linear-gradient(top, #aaa 5%, #777 100%);
	background:-webkit-linear-gradient(top, #aaa 5%, #777 100%);
	background:-o-linear-gradient(top, #aaa 5%, #777 100%);
	background:-ms-linear-gradient(top, #aaa 5%, #777 100%);
	background:linear-gradient(to bottom, #aaa 5%, #777 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#aaa', endColorstr='#777',GradientType=0);
	background-color:#aaa;
} */

.button {
	margin:0px;
	padding:0px;
}
.button li {
	min-width:300px;
	height:52px;
	margin:10px 15px 0px 0px;
	padding:0px 0px 0px 0px;
	list-style: none;
	float:left;
}
.button:after {
	display:block;
	content:"";
	clear: both;
}
.button a {
	padding:5px 5px;
	min-width:288px;
	height:40px;
	text-decoration:none;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	display:inline-block;
	cursor:pointer;
}
.button img {
	margin:4px 2px 0px 6px;
	padding:0px;
	width:auto;
	height:32px;
	display:inline;
	vertical-align:middle;
}
.button p {
	margin:0px;
	padding:0px;
	height:50px;
	display:inline;
	vertical-align:middle;
}
.button p.btntext {
	margin:0px 4px;
	font-weight:bold;
	font-size:1.8em;
	position:relative;
	top:0.15em;
}
.button .green > a {
	border:1px solid #268a16;
	-moz-box-shadow:inset 0px 1px 0px 0px #caefab;
	-webkit-box-shadow:inset 0px 1px 0px 0px #caefab;
	box-shadow:inset 0px 1px 0px 0px #caefab;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #77d42a), color-stop(1, #5cb811));
	background:-moz-linear-gradient(top, #77d42a 5%, #5cb811 100%);
	background:-webkit-linear-gradient(top, #77d42a 5%, #5cb811 100%);
	background:-o-linear-gradient(top, #77d42a 5%, #5cb811 100%);
	background:-ms-linear-gradient(top, #77d42a 5%, #5cb811 100%);
	background:linear-gradient(to bottom, #77d42a 5%, #5cb811 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#77d42a', endColorstr='#5cb811',GradientType=0);
	background-color:#77d42a;
	color:#306108;
	text-shadow:0px 1px 0px #aade7c;
}
.button .green > a:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #5cb811), color-stop(1, #77d42a));
	background:-moz-linear-gradient(top, #5cb811 5%, #77d42a 100%);
	background:-webkit-linear-gradient(top, #5cb811 5%, #77d42a 100%);
	background:-o-linear-gradient(top, #5cb811 5%, #77d42a 100%);
	background:-ms-linear-gradient(top, #5cb811 5%, #77d42a 100%);
	background:linear-gradient(to bottom, #5cb811 5%, #77d42a 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#5cb811', endColorstr='#77d42a',GradientType=0);
	background-color:#5cb811;
}
.button .green > a:active {
	position:relative;
	top:1px;
}
.button .blue > a {
	border:1px solid #3866a3;
	-moz-box-shadow:inset 0px 1px 0px 0px #bee2f9;
	-webkit-box-shadow:inset 0px 1px 0px 0px #bee2f9;
	box-shadow:inset 0px 1px 0px 0px #bee2f9;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #63b8ee), color-stop(1, #468ccf));
	background:-moz-linear-gradient(top, #63b8ee 5%, #468ccf 100%);
	background:-webkit-linear-gradient(top, #63b8ee 5%, #468ccf 100%);
	background:-o-linear-gradient(top, #63b8ee 5%, #468ccf 100%);
	background:-ms-linear-gradient(top, #63b8ee 5%, #468ccf 100%);
	background:linear-gradient(to bottom, #63b8ee 5%, #468ccf 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#63b8ee', endColorstr='#468ccf',GradientType=0);
	background-color:#63b8ee;
	color:#14396a;
	text-shadow:0px 1px 0px #7cacde;
}
.button .blue > a:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #468ccf), color-stop(1, #63b8ee));
	background:-moz-linear-gradient(top, #468ccf 5%, #63b8ee 100%);
	background:-webkit-linear-gradient(top, #468ccf 5%, #63b8ee 100%);
	background:-o-linear-gradient(top, #468ccf 5%, #63b8ee 100%);
	background:-ms-linear-gradient(top, #468ccf 5%, #63b8ee 100%);
	background:linear-gradient(to bottom, #468ccf 5%, #63b8ee 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#468ccf', endColorstr='#63b8ee',GradientType=0);
	background-color:#468ccf;
}
.button .blue > a:active {
	position:relative;
	top:1px;
}
.button .red > a {
	border:1px solid #a34038;
	-moz-box-shadow:inset 0px 1px 0px 0px #f9bec4;
	-webkit-box-shadow:inset 0px 1px 0px 0px #f9bec4;
	box-shadow:inset 0px 1px 0px 0px #f9bec4;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ee6372), color-stop(1, #cf4647));
	background:-moz-linear-gradient(top, #ee6372 5%, #cf4647 100%);
	background:-webkit-linear-gradient(top, #ee6372 5%, #cf4647 100%);
	background:-o-linear-gradient(top, #ee6372 5%, #cf4647 100%);
	background:-ms-linear-gradient(top, #ee6372 5%, #cf4647 100%);
	background:linear-gradient(to bottom, #ee6372 5%, #cf4647 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ee6372', endColorstr='#cf4647',GradientType=0);
	background-color:#ee6372;
	color:#6a1a14;
	text-shadow:0px 1px 0px #de7d7c;
}
.button .red > a:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #cf4647), color-stop(1, #ee6372));
	background:-moz-linear-gradient(top, #cf4647 5%, #ee6372 100%);
	background:-webkit-linear-gradient(top, #cf4647 5%, #ee6372 100%);
	background:-o-linear-gradient(top, #cf4647 5%, #ee6372 100%);
	background:-ms-linear-gradient(top, #cf4647 5%, #ee6372 100%);
	background:linear-gradient(to bottom, #cf4647 5%, #ee6372 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#cf4647', endColorstr='#ee6372',GradientType=0);
	background-color:#cf4647;
}
.button .red > a:active {
	position:relative;
	top:1px;
}

.campaign td.deepcolor {
	text-align:center;
	font-weight:bold;
}
.campaign td.midcolor {
	width:40%;
}
.campaign td.palecolor2 {
	width:20%;
}

.frame_attention {
	margin: 30px 0px 20px 0px;
	border-radius:5px;
	border:3px solid #004a80;
}
.frame_attention ol {
	counter-reset: point;
	margin: 0px;
	font-size:1.2em;
}
.frame_attention ol li {
	list-style: none;
	margin: 0px;
	padding:0.6em 0px 0px 2.5em;
	position: relative;
}
.frame_attention ol li:before {
	counter-increment: point;
	content: counter(point);
	padding: 0.4em 0.6em;
	position: absolute;
	top: 0.5em;
	left: 0px;
	width:2em;
	height:2em;
	background: #ff3838;
	border-radius:1em;
	border:1px solid #ff3838;
	color:#ffffff;
	font-weight: bold;
	text-shadow: 1px 1px 1px #000;
}
.frame_attention ul {
	counter-reset: point;
	margin: 0px;
	font-size:1.2em;
}
.frame_attention ul li {
	margin: 15px 0px 0px 15px;
	position: relative;
}
.frame_attention ul li:before {
	padding: 0.4em 0.6em;
	position: absolute;
	top: 0.5em;
	left: 0px;
	width:2em;
	height:2em;
	background: #ff3838;
	border-radius:1em;
	border:1px solid #ff3838;
	color:#ffffff;
	font-weight: bold;
	text-shadow: 1px 1px 1px #000;
}
.frame_attention .header {
	margin:0px;
	padding:15px 20px;
	background:#ffbd66;
	color:#004a80;
	font-weight: bold;
	font-size:1.4em;
	line-height:1.4em;
	text-shadow: 1px 1px 1px #ccc;
}
.frame_attention .description {
	margin:0px;
	padding:20px 15px 15px 15px;
	background:#ddd;
	color:#004a80;
	font-weight: normal;
	font-size:1.2em;
	line-height:1.0em;
}
.frame_attention .content {
	padding: 15px;
}
.frame_attention .content > p {
	margin: 0px;
	padding: 0.5em 0px;
}
.frame_attention .footer {
	margin:0px;
	padding:15px 15px 10px 15px;
	background:#ddd;
	color:#004a80;
	font-weight: bold;
	font-size:1.2em;
	line-height:1.4em;
	text-shadow: 1px 1px 1px #fff;
}
.frame_attention .title {
	border-bottom:3px solid #ffa42b;
	color:#004a80;
	font-weight: bold;
	line-height:1.8em;
}
.frame_attention .detail {
	margin:10px;
	font-size:0.8em;
}
ul.listdisc {
	margin-left:8px;
	list-style:disc;
}

/* shadowbox */
#sb-title-inner,#sb-info-inner,#sb-loading-inner,div.sb-message{font-weight:200;color:#fff;}
#sb-container{position:fixed;margin:0;padding:0;top:0;left:0;z-index:999;text-align:left;visibility:hidden;display:none;}
#sb-overlay{position:relative;height:100%;width:100%;}
#sb-wrapper{position:absolute;visibility:hidden;width:100px;}
#sb-wrapper-inner{position:relative;border:1px solid #303030;overflow:hidden;height:100px;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;}
#sb-body{position:relative;height:100%;}
#sb-body-inner{position:absolute;height:100%;width:100%;}
#sb-player.html{height:100%;overflow:auto;}
#sb-body img{border:none;}
#sb-loading{position:relative;height:100%;}
#sb-loading-inner{position:absolute;font-size:14px;line-height:24px;height:24px;top:50%;margin-top:-12px;width:100%;text-align:center;}
#sb-loading-inner span{background:url(../images/shadowbox/loading.gif) no-repeat;padding-left:34px;display:inline-block;}
#sb-body,#sb-loading{background-color:#060606;}
#sb-title,#sb-info{position:relative;margin:0;padding:0;overflow:hidden;}
#sb-title,#sb-title-inner{height:26px;line-height:26px;}
#sb-title-inner{font-size:16px;}
#sb-info,#sb-info-inner{height:20px;line-height:20px;}
#sb-info-inner{font-size:0.8em;}
#sb-nav{float:right;height:16px;padding:2px 0;width:45%;}
#sb-nav a{display:block;float:right;height:16px;width:16px;margin-left:3px;cursor:pointer;background-repeat:no-repeat;}
#sb-nav-close{background-image:url(../images/shadowbox/close.png);}
#sb-nav-next{background-image:url(../images/shadowbox/next.png);}
#sb-nav-previous{background-image:url(../images/shadowbox/previous.png);}
#sb-nav-play{background-image:url(../images/shadowbox/play.png);}
#sb-nav-pause{background-image:url(../images/shadowbox/pause.png);}
#sb-counter{float:left;width:45%;}
#sb-counter a{padding:0 4px 0 0;text-decoration:none;cursor:pointer;color:#fff;}
#sb-counter a.sb-counter-current{text-decoration:underline;}
div.sb-message{font-size:12px;padding:10px;text-align:center;}
div.sb-message a:link,div.sb-message a:visited{color:#fff;text-decoration:underline;}


/* サイトマップの列を横並びにするためのスタイル */
.sitemap-columns {
	width: 100%;
    display: flex; 
	flex-wrap: wrap;
}

.sitemap-column ul {
    list-style: none;
    padding-left: 0; 
    margin-top: 5px;
	list-style-image:url('../images/menu/arrow2.gif');
}

.sitemap-column ul > li {
	margin-left: 24px;
}

.sitemap-columns .nomark {
	margin-left: 10px;
}
/* スマートフォンのスタイル */
@media screen and (max-width:640px) {
.fboxcontainer .leftimg {
	margin:0px auto;
	width:300px;
	float:none;
}
.button li {
	margin:10px auto 0px auto;
	width:300px;
	float:none;
}

/* ラッパー */
#wrapper {
	margin:0px;
	padding:0px;
	width:100%;
}

/* ヘッダー */
#header {
	padding:0px;
	padding:0px;
	width:100%;
}
#headercontainer {
	margin:0px;
	padding:0px;
	width:100%;
	height:100%;
}

/* メイン */
#main {
	clear:both;
	position:relative;
	margin:0px;
	padding:0px 1%;
	width:98%;
}
#maincontainer {
	margin:0px;
	padding:0px;
}

/* フッター */
#footer {
	margin:0px;
	padding:30px 0px 0px 0px;
	width:100%;
	background:#fff;
}
#footercontainer {
	margin:0px;
	padding:0px;
	width:100%;
	text-align:center;
	background:#fff;
}
#footercontainer .contact {
	padding:15px 15px;
	background:#333;
	color:#fff;
}

/* リモートボタン */
#remotebtn {
	display:none;
}

/* 上部メニュー */
#topnavi {
	display:none;
}

/* 問い合わせ先 */
#inquire {
	display:none;
}

#cse form.gsc-search-box {
	width:auto;
}

/* メインメニュー */
#navi {
	margin:10px 0px;
	width: 100%;
	font-size:0.9em;
	clear:both;
	border-top:solid 1px #ffa42b;
}
#nav, 
#nav ul {
	position:relative;
	margin:0;
	padding:0;
	list-style:none;
}

/* 第1階層 */
#nav {
	width:100%;
}
#nav li {
	display:inline-block;
	width:100%;
	height:30px;
	text-align:center;
	background:#fff;
	border-bottom:solid 1px #ffa42b;
}
#nav li a {
	display:block;
	padding:5px 0px;
	width:100%;
	height:20px;
	color:#5760d6;
}
#nav li a.menulink2 {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #e9c623), color-stop(1, #e38a43));
	background:-moz-linear-gradient(top, #e9c623 5%, #e38a43 100%);
	background:-webkit-linear-gradient(top, #e9c623 5%, #e38a43 100%);
	background:-o-linear-gradient(top, #e9c623 5%, #e38a43 100%);
	background:-ms-linear-gradient(top, #e9c623 5%, #e38a43 100%);
	background:linear-gradient(to bottom, #e9c623 5%, #e38a43 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#e9c623', endColorstr='#e38a43',GradientType=0);
	background-color:#e9c623;
	color:#000;
	text-shadow: 1px 1px 1px #fff;
}
#nav li:hover > a {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ee6372), color-stop(1, #cf4647));
	background:-moz-linear-gradient(top, #ee6372 5%, #cf4647 100%);
	background:-webkit-linear-gradient(top, #ee6372 5%, #cf4647 100%);
	background:-o-linear-gradient(top, #ee6372 5%, #cf4647 100%);
	background:-ms-linear-gradient(top, #ee6372 5%, #cf4647 100%);
	background:linear-gradient(to bottom, #ee6372 5%, #cf4647 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ee6372', endColorstr='#cf4647',GradientType=0);
	background-color:#ee6372;
	color:#fff;
	text-shadow: 1px 1px 1px #000;
}

/* 第2階層 */
#nav li > ul {
	display:none;
	width:100%;
}
#nav li:hover ul {
	display:block;
	top:1px;
	left:-1px;
	z-index:1;
}
#nav li li {
	display:inline-block;
	width:100%;
	height:30px;
	text-align:center;
	background:#efefef;
}
#nav li li a {
	display:block;
	padding:5px 0px;
	width:100%;
	height:20px;
}
#nav li:hover li:hover > a {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ee6372), color-stop(1, #cf4647));
	background:-moz-linear-gradient(top, #ee6372 5%, #cf4647 100%);
	background:-webkit-linear-gradient(top, #ee6372 5%, #cf4647 100%);
	background:-o-linear-gradient(top, #ee6372 5%, #cf4647 100%);
	background:-ms-linear-gradient(top, #ee6372 5%, #cf4647 100%);
	background:linear-gradient(to bottom, #ee6372 5%, #cf4647 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ee6372', endColorstr='#cf4647',GradientType=0);
	background-color:#ee6372;
	color:#fff;
	text-shadow: 1px 1px 1px #000;
	/*background:#fff;
	color:#ffa42b;*/
}

/* 下部メニュー */
#bottomnavi {
	margin:15px 0px;
	padding:0px;
	width:100%;
	height:170px;
	text-align:center;
}
#bottomnavi ul {
	margin:0px;
	padding:0px;
	width:100%;
}
#bottomnavi li {
	display:block;
	margin:0px;
	padding:0px;
	width:100%;
	height:30px;
	float:left;
	border-top:solid 1px #ffa42b;
}
#bottomnavi li a,
#bottomnavi li a:hover {
	display:block;
	padding:5px 0px;
	width:100%;
	height:20px;
	float:left;
}
#bottomnavi li a:hover {
	background:none;
}
#bottomnavi li:hover > a {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ee6372), color-stop(1, #cf4647));
	background:-moz-linear-gradient(top, #ee6372 5%, #cf4647 100%);
	background:-webkit-linear-gradient(top, #ee6372 5%, #cf4647 100%);
	background:-o-linear-gradient(top, #ee6372 5%, #cf4647 100%);
	background:-ms-linear-gradient(top, #ee6372 5%, #cf4647 100%);
	background:linear-gradient(to bottom, #ee6372 5%, #cf4647 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ee6372', endColorstr='#cf4647',GradientType=0);
	background-color:#ee6372;
	color:#fff;
	text-shadow: 1px 1px 1px #000;
	text-decoration:none;
	/*background:#f6f6f6 url('../images/menu/arrow2.gif') 15px 12px no-repeat;
	color:#333;*/
}

.paragraph table.inputform tr {
	padding:15px 0px;
}
.paragraph table.inputform th {
	width:98%;
	text-align:left;
}
.paragraph table.inputform th,
.paragraph table.inputform td {
	padding:0px 5px;
	float:none;
}

/* ページトップへのナビゲーション */
.page-top {
	z-index:1;
	display:none;
	position: fixed;
	bottom: 20px;
	right: 20px;
}
.page-top img {
	display:none;
}
.page-top a {
	background:url('../images/totop2.png') no-repeat;
	width:36px;
	height:36px;
	padding:0px;
	display: block;
}

.sitemap-column {
	width: 100%;
}

} /* @media screen and (max-width:640px) */

/* タブレットのスタイル */
@media screen and (min-width:641px) and (max-width:1039px) {

/* ラッパー */
#wrapper {
	margin:0px;
	padding:0px;
	/* padding:20px 0px 0px 0px; */
	width:100%;
	background:#ffa42b;
}

/* ヘッダー */
#header {
	margin:0px;
	padding:0px 0px 20px 0px;
	width:100%;
}
#headercontainer {
	margin:0px;
	padding:0px;
	width:100%;
}

/* メイン */
#main {
	margin:0px auto;
	padding:0px 1%;
	width:98%;
}
#maincontainer {
	margin:0px;
	padding:0px;
	width:100%;
}

/* フッター */
#footer {
	margin:0px;
	padding:0px;
	width:100%;
	height:91px;
}
#footercontainer {
	margin:auto;
	padding:15px 0px;
	width:100%;
	height:60px;
	text-align:center;
	background:#333;
	color:#fff;
}

/* 上部メニュー */
#topnavi {
	margin:10px 0px 20px 0px;
	/* margin:10px 0px 2px 0px; */
	padding:0px;
	width:100%;
	float:right;
	font-size:0.8em;
}
#topnavi ul {
	margin:0px;
	padding:0px;
	width:100%;
}
#topnavi li {
	display:block;
	margin-left:15px;
	padding-bottom:5px;
	width:30%;
	height:15px;
	float:left;
	text-align:left;
	border:none;
}
#topnavi li a,
#topnavi li a:hover {
	display:block;
	padding:0px 0px 0px 22px;
	width:160px;
	height:20px;
	float:left;
}
/* #topnavi li {
	background:url('../images/menu/arrow_b.gif') 12px 6px no-repeat;
}
#topnavi li a {
	background:url('../images/menu/arrow.gif') 12px 6px no-repeat;
} */
#topnavi li a:hover {
	background:none;
}

/* 検索 */
#cse {
	display: none;
	/* width:250px !important; */
}

/* 問い合わせ先 */
#inquire {
	display:none;
}

/* メニュー */
#navi {
	margin:10px 0px;
	padding:0px;
	width:100%;
	height:60px;
	font-size:0.9em;
	clear:both;
}
#nav, 
#nav ul {
	position:relative;
	margin:0px;
	padding:0px
}
#nav ul {
	list-style:none;
}

/* 第1階層 */
#nav {
	background-color: #efefef;
}
#nav li {
	display:block;
	width:33.33%;
	height:30px;
	text-align:center;
	float:left;
	background-color: #efefef;
}
#nav li a {
	display:block;
	padding:5px 0px;
	width:100%;
	height:20px;
	color:#333;
	white-space:nowrap;
}
#nav li a.menulink2 {
	color:#000;
}
#nav li:hover > a {
	color:#333;
	white-space:nowrap;
	background-color: #e6e6e6;
}

/* 第2階層 */
#nav li > ul {
	display:none;
	border-radius: 3px;
}
#nav li:hover ul {
	display:block;
	top:0px;
	left:-1px;
	width:100%;
	z-index:1;
}
#nav li li {
	display:block;
	width:100%;
	height:30px;
	text-align:left;
}
#nav li li a {
	display:block;
	padding:5px 5%;
	width:90%; /* padding分を除く */
	height:20px; /* padding分を除く */
	white-space:nowrap;
}
#nav li:hover li:hover > a {
	background-color: #e6e6e6;
}

/* 下部メニュー */
#bottomnavi {
	display:none;
}

.paragraph div.inputform {
	padding:0px;
	width:100%;
	float:left;
}
.paragraph table.inputform td {
	width:80%;
}

/* ページトップへのナビゲーション */
.page-top {
	z-index:1;
	display:none;
	position: fixed;
	bottom: 20px;
	right: 20px;
}
.page-top img {
	display:none;
}
.page-top a {
	background:url('../images/totop.png') no-repeat;
	width:36px;
	height:36px;
	padding:0px;
	display: block;
}

.sitemap-column {
	width: 50%;
}

} /* @media screen and (min-width:641px) and (max-width:1039px) */

/* PCのスタイル */
@media screen and (min-width:1040px) {

/* ラッパー */
#wrapper {
	margin:0px;
	padding:0px;
	/* padding:20px 0px 0px 0px; */
	width:100%;
	background:#ffa42b;
}

/* ヘッダー */
#header {
	margin:0px;
	padding:0px 0px 0px 0px;
	width:100%;
}
#headercontainer {
	margin: 0px;
	/* margin:0px auto; */
	padding: 0px 0px 20px 0px;
	/* padding:15px 30px 20px 30px; */
	width: 100%;
	/* width:980px; */
}

/* メイン */
#main {
	margin:0px;
	padding:0px;
	width:100%;
}
#maincontainer {
	margin:0px auto;
	padding:0px 30px;
	width:980px;
}

/* フッター */
#footer {
	margin:0px;
	padding:0px;
	width:100%;
	height:91px;
}
#footercontainer {
	margin:0px;
	padding:15px 0px;
	width:100%;
	height:60px;
	text-align:center;
	background:#333;
	color:#fff;
}

/* ロゴ */
#logo {
	margin:0px 0px 0px 10px;
}

/* リモートボタン */
#remotebtn {
	margin:10px 10px 10px 0px;
	/* margin:10px 0px 0px 0px; */
}

/* 上部メニュー */
#topnavi {
	margin:15px 0px 0px 20px;
	padding:0px;
	width:510px;
	height:45px;
	float:left;
	/* float:right; */
	font-size:0.8em;
}
#topnavi ul {
	margin:0px;
	padding:0px;
	width:100%;
}
#topnavi li {
	margin:0px 10px 0px 0px;
	padding-bottom:5px;
	display:block;
	width:150px;
	height:15px;
	float:left;
	text-align:left;
	border:none;
}
#topnavi li a,
#topnavi li a:hover {
	display:block;
	padding:0px 0px 0px 22px;
	width:128px;
	height:20px;
	float:left;
}
/* #topnavi li {
	background:url('../images/menu/arrow_b.gif') 12px 6px no-repeat;
}
#topnavi li a {
	background:url('../images/menu/arrow.gif') 12px 6px no-repeat;
} */
#topnavi li a:hover {
	background:none;
}
#topnavi li.long {
	margin:0px 10px 0px 0px;
	padding-bottom:5px;
	display:block;
	width:170px;
	height:15px;
	float:left;
	text-align:left;
	border:none;
}
#topnavi li.long a,
#topnavi li.long a:hover {
	display:block;
	padding:0px 0px 0px 22px;
	width:160px;
	height:20px;
	float:left;
}

/* 検索 */
#cse {
	display:none;
	/* margin:0px 15px 0px 0px;
	width:250px !important; */
}

/* 問い合わせ先 */
#inquire {
	display:none;
	margin:0px 15px 0px 0px;
	width:400px;
	float:right;
	font-size:0.8em !important;
	text-align:right;
}

/* メニュー */
#navi {
	margin:0px;
	width: 100%;
	height:62px;
	font-size:0.9em;
	background-color: #efefef;
	clear:both;
}
#nav, 
#nav ul {
	position:relative;
	margin:0;
	padding:0;
	list-style:none;
}

/* 第1階層 */
#nav {
	width: 978px;
	height:60px;
	margin: 0px auto;
	padding: 0px 1px;
	background-color: #efefef;
	white-space:nowrap;
}
#nav li {
	display:block;
	width:163px;
	height:60px;
	text-align:center;
	float:left;
}
#nav li a {
	display:block;
	padding:20px 10px;
	width:143px;
	height:20px;
	color:#333;
	white-space:nowrap;
}
#nav li a.menulink2 {
	color:#000;
}
#nav li:hover > a {
	color:#333;
	white-space:nowrap;
	border-bottom:solid 3px #ffa42b;
}

/* 第2階層 */
#nav li > ul {
	display:none;
	border-radius: 3px;
}
#nav li:hover ul {
	display:block;
	top:0px;
	left: -17px;
	width: 196px;
	background-color: #efefef;
	z-index:1;
}
#nav li li {
	display:block;
	width:100%;
	text-align:left;
	float:none;
}
#nav li li a {
	display:block;
	padding:20px 30px;
	width: 136px;
	height:20px;
	white-space:nowrap;
	background:url('../images/menu/arrow.gif') 14px 28px no-repeat;
}
#nav li:hover li:hover > a {
	background-color: #e6e6e6;
	border-radius: 3px;
	border: none;
	white-space:nowrap;
}

/* 下部メニュー */
#bottomnavi {
	display:none;
}

.paragraph div.inputform {
	padding:0px 1%;
	width:48%;
	float:left;
}

/* ページトップへのナビゲーション */
.page-top {
	z-index:1;
	display:none;
	position: fixed;
	bottom: 20px;
	right: 20px;
}
.page-top img {
	display:none;
}
.page-top a {
	background:url('../images/totop2.png') no-repeat;
	/* background:url('../images/totop.png') no-repeat; */
	width:36px;
	height:36px;
	padding:0px;
	display: block;
}

.sitemap-column {
	width: 50%;
}

} /* @media screen and (min-width:1040px) */