@charset "UTF-8";


/* others */
@import url(https://fonts.googleapis.com/css?family=Orbitron:400,500,700,900);
body {
	margin: 0;
	font-family: 'メイリオ', 'Hiragino Kaku Gothic Pro', sans-serif;
}
/* サイト名 */
.site h1 a {
	color: #000000;
	text-decoration: none
}
.site h1 {
	margin: 0;
	width: 100px;
	height: 55px;
	padding: 0;
	background-repeat: no-repeat;
	background-position: 0 0 no-repeat scroll;
	background-image: url(../img_n/domelogo.png);
	background-attachment: scroll;
	text-indent: -9999px;
}
.site img {
	border: none;
	vertical-align: top
}
p.left {
	text-align: left
}
p.right {
	text-align: right
}
/* ヘッダー画像 */
.topimg {
	max-width: 100%;
	height: auto;
	vertical-align: top
}
/* キャッチコピー */
.catch {
	background-color: rgba(0,0,0,0.3);
	font-size: 14px;
	color: #FFFFFF;
	margin: 0;
	padding: 0;
	text-align: center;
}
/* ヘッダー画像にキャッチコピーを重ねる */
.top {
	position: relative;
	margin: auto;
	z-index: 1;
	/* [disabled]background-color: #474747;
*/
}
.catch {
	position: absolute;
	bottom: 0;
	right: 0;
	left: 0;
	z-index: 2;
}
/* 概要 */
.sub-menu-title a {
	display: block;
	background-color: #FFC600;
	color: #222222;
	text-align: left;
	text-decoration: none;
	margin-left: 0px;
}
.sub-menu-title a:hover {
}
.sub-menu-title li {
	display: block;
	padding-top: 40px;
	padding-bottom: 40px;
	font-size: 38px
}
.sub-menu-title .fa-database {
	background-color: #DDDDDD
}
.sub-menu-title .fa-bar-chart-o {
	background-color: #DDDDDD
}
.sub-menu-title .fa-envelope {
	background-color: #DDDDDD
}
.sub-menu-title img {
	vertical-align: bottom;
	height: auto;
	width: 100%;
}
/* お知らせ */
.news {
	/*padding-top: 20px;*/
	padding-right: 20px;
	padding-left: 0px;
	padding-bottom: 20px;
/*border: solid 5px #dddddd*/}
.news h1 {
	margin-top: 0;
	margin-bottom: 5px;
	font-size: 18px;
	color: #666666
}
.news ul {
	margin: 0;
	padding: 0;
	list-style: none
}
.news li a {
	display: block;
	/*padding: 5px;*/
	border-bottom: dotted 2px #dddddd;
	color: #222222;
	font-size: 14px;
	text-decoration: none
}
.news li a:hover {
	background-color: #eeeeee
}
.news time {
	color: #222222;
	font-weight: bold
}
.news a:after {
	content: "";
	display: block;
	clear: both
}
.news time {
	float: left;
	width: 110px
}
.news .text {
	float: none;
	width: auto;
	margin-left: 110px
}
/* コンテンツタイトル */	
/*.contenttitle h2 {
	margin-top: 10px;
	margin-bottom: 0px;
	font-size: 16px;
	color: #666666;padding-left: 15px;
}*/
.contenttitle {
	margin-top: 0;
	margin-bottom: 5px;
	font-size: 16px;
	color: #666666
}
/* SNSメニュー */
.follow ul {
	margin: 0;
	padding: 0;
	list-style: none
}
.follow li a {
	display: block;
	margin-bottom: 10px;
	padding-top: 5px;
	padding-right: 7px;
	padding-left: 7px;
	padding-bottom: 5px;
	border-radius: 4px;
	color: #ffffff;
	font-size: 11px;
	text-decoration: none;
}
.follow li a:hover {
	opacity: 0.8;
}
.tw {
	background-color: #63bafb;
	text-align: center;
}
.follow i {
	margin-right: 10px;
	font-size: 24px;
	vertical-align: middle
}
.fb {
	background-color: #5288f7;
	text-align: center;
}
.in {
	background-color: #517fa4;
	text-align: center;
}
.yt {
	background-color: #cd201f;
	text-align: center;
}
.ln {
	background-color: #5ae628;
	text-align: center;
	height: 25px;
	line-height: 2.5em;
	text-indent: -10pt;
	font-weight: bold;
	font-size: medium;
}
.follow-dm {
	background-color: #FD883A
}
/* 補足説明 */
.follow-info {
	margin-top: 0;
	margin-bottom: 20px;
	padding: 10px;
	background-color: #dddddd;
	font-size: 14px;
	text-align: center
}
.follow-info {
	position: relative;
	background: #dddddd;
}
.follow-info:after {
	top: 100%;
	left: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-color: rgba(221, 221, 221, 0);
	border-top-color: #dddddd;
	border-width: 15px;
	margin-left: -15px;
}
/* 概要 */
.link a {
	display: block;
	color: #222222;
	text-align: left;
	text-decoration: none;
	float: left;
	width: auto;
	height: auto;
}
/* パンくずリスト */
.bread {
	margin-bottom: 20px
}
.bread ol {
	margin: 0;
	padding: 0;
	list-style: none
}
.bread li a {
	display: inline-block;
	padding: 5px;
	color: #000000;
	font-size: 14px;
	text-decoration: none
}
.bread li a:hover {
	background-color: #eeeeee
}
.bread ol:after {
	content: "";
	display: block;
	clear: both
}
.bread li {
	float: left;
	width: auto
}
.bread li:after {
	content: '\003e';
	margin-left: 10px;
	margin-right: 10px;
	color: #888888
}
/* サイドメニュー */
.sidemenu {
/*border-left: 1pt solid #2B2B2B;
	border-right: 1pt solid #2B2B2B;
	border-bottom: 1pt solid #2B2B2B;
	background-color: #FFC600
	border-top-color: #2B2B2B;;*/
}
.sidemenu h1 {
	margin: 0;
	padding-top: 10px;
	padding-right: 10px;
	padding-left: 10px;
	padding-bottom: 10px;
	font-size: 16px;
	font-weight: normal
}
.sidemenu h1 i {
	margin-right: 5px;
	color: #8abc60;
	font-size: larger
}
.sidemenu ul {
	margin: 0;
	padding: 0;
	list-style: none
}
.sidemenu li a {
	display: block;
	padding: 10px;
	/*border-top: solid 1px #2B2B2B;*/
	color: #000000;
	font-size: 14px;
	text-decoration: none
}
.sidemenu li a:hover {
	background-color: #eeeeee
}
.iframe {
	margin-top: 20px;
}
/* コピーライト */
.copyright p {
	margin: 0;
	color: #222222;
	font-size: 12px
}
/* table degin bese */

.box7-1 table {
	/*max-width: 640px;*/
	border-collapse: collapse;
	empty-cells: show;
	font-size: small;
	color: #666666;
	margin-bottom: 20px;
	text-align: right;
}
.contents caption {
	border: #dddddd;
	padding: 5px;
	font-weight: bold;
	text-align: left;
	font-size: large;
	color: #666666;
}
/* table desgin 01 */

.table01 {
	background-color: #ffffff;
	border-collapse: collapse;
	margin-bottom: 40px;
	padding-top: 0px;
	margin-top: 50px;
	color: #FFB28A;
}
.table01 th {
	padding: 5px 5px;
	color: #666666;
	border: 1px solid #666666;
	font-weight: normal;
	text-align: left;
}
.table01 td {
	padding: 5px 5px;
	color: #666666;
	border: 1px solid #666666;
	max-width: 70%;
}
/* table desgin tcr */
 
.tabletcr {
	border-collapse: collapse;
	padding-top: 0px;
	margin-bottom: 80px;
	text-align: left;
	margin-top: 30px;
	/* [disabled]max-width: 362px;
*/
	word-wrap: break-word;
	width: 100%;
	font-size: small;
}
.tabletcr tr {
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	color: #666666;
}
.linetopdot {
	padding-top: 8px;
	padding-right: 8px;
	padding-bottom: 8px;
	color: #666666;
	border-top-style: dotted;
	border-top-width: thin;
}
.linetop {
	padding-top: 8px;
	padding-right: 8px;
	padding-bottom: 8px;
	border-top-width: medium;
	border-top-style: solid;
	color: #666666;
}
/* footerをバーの形にする */
.footer {
	background-color: #dddddd;
	clear: both;
}
リンク p .link p {
	margin: 0;
	color: #222222;
	font-size: 14px
}
/* リンク img
.link p	{margin: 0;
	color: #222222;
	font-size: 14px
	width="333.333%"} */

/* contents */
.contents h2 {
	margin-top: 0;
	margin-bottom: 20px;
	padding-left: 10px;
	border-left: solid 8px #FFC600;
	font-size: 22px;
	color: #666666;
}
.tcr-contents h2 {
	text-align: center;
}
/*.contents h2 {
	margin-top: 40px;
	margin-bottom: 20px;
	padding-left: 10px;
	font-size: 24px;
	color: #666666;
	text-align: center;
}*/
.contents h3 {
	font-size: 20px;
	margin-top: 20px;
	color: #666666;
	clear: both;
	margin-bottom: 5px;
}
.contents p {
	/*max-width: 640px;*/
	margin-top: 0;
	margin-bottom: 20px;
	width: 100%;
}
.contents .lead {
	max-width: 100%;
	font-size: 20px;
	color: #666666
}
.contents {
	max-width: 100%;
	padding-bottom: 0px;
	list-style-type: none;
	text-decoration: none;
}
.contents a:hover {
	color: #ff0000;
	text-decoration: none;
}
.contents a {
	color: #ff0000;
	text-decoration: none;
}
.contentsimg {
	height: auto;
	display: block;
	margin-top: 50px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 50px;
}
.contentsimg_w {
	width: 100%;
	display: block;
	margin-top: 30px;
	margin-right: auto;
	margin-left: auto;
}
.contentsimg_w2 {
	width: 100%;
	display: block;
	margin-right: auto;
	margin-left: auto;
}
.contentsimg_w3 {
	hight: auto;
	display: block;
	margin-bottom: 50px;
}
.contentsimg_w4 {
	width: 100%;
	display: block;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 50px;
}
contents a {
	text-decoration: none;
}
.photo3 {
	margin-bottom: 50px;
}
/* サイドメニュー */
.sidemenu ul {
	margin: 0;
	padding: 0;
	list-style: none
}
.sidemenu li a {
	display: block;
	padding-top: 5px;
	padding-right: 5px;
	padding-left: 10px;
	padding-bottom: 5px;
	color: #000000;
	font-size: 14px;
	text-decoration: none
}
.sidemenu li a:hover {
	background-color: #eeeeee
}
/* ボックスの左右 */
.header, .box4, .footer, .picup, .box7, .boxlink {
	padding-left: 15px;
	padding-right: 15px;
	padding-top: 5px;
}
/* ボックスの上下*/
/*.header {
	padding-top: 10px;
	padding-bottom: 0 px;
}*/
.box4 {
	padding-top: 20px;
	padding-bottom: 0px;
}
.box4-1 {
	padding-bottom: 20px
}
.picuptitle, .picuptitle a {
	/*margin-top: 15px;*/
	font-size: 18px;
	color: #666666;
	clear: left;
	/*height: 30px;*/
	font-weight: bold;
	text-decoration: none;
}
.boxlink {
	background-color: #686868;
	height: 100%;
	min-height: 0px;
}
.picup-1, .picup-2, .picup-3, .picup-4, .picup-5, .picup-6, .boxlink-1, boxlink-2, .boxlink-3 {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.box7 {
	padding-top: 30px;
	padding-bottom: 30px
}
li {
	list-style-type: none
}

/* ########### 359px以下 ########### */
@media (max-width: 359px) {
/* サイト名 */
.site img {
	width: 95px;
	height: auto
}
}

/* ########### 599px以下 ########### */
@media (max-width: 599px) {
/* ナビゲーション */
menu li a {
	padding: 10px 7px;
	font-size: 11px
}
/* キャッチコピー */
.catch {
	padding: 5px 10px;
	font-size: 12px
}
}

/* ########### 767px以下 ########### */
@media (max-width: 767px) {
#menu {
	display: none
}
/* トグルボタン */
#menubtn {
	padding: 6px 12px;
	border: solid 1px #aaaaaa;
	border-radius: 5px;
	background-color: #ffffff;
	position: absolute;
	top: 20px;
	right: 15px;
	cursor: pointer
}
#menubtn:hover {
	background-color: #dddddd
}
#menubtn:focus {
	outline: none
}
#menubtn i {
	color: #888888;
	font-size: 18px
}
#menubtn span {
	display: inline-block;
	text-indent: -9999px
}
/* ナビゲーションメニュー（縦） */
.menu　 {
	display: none
}
.menu ul {
	margin: 0;
	padding: 0;
	list-style: none;/*vertical-align: baseline;*/
}
.menu li a {
	display: block;
	padding: 5px;
	color: #000000;
	font-size: 14px;
	text-decoration: none
}
.menu li a:hover {
	background-color: #eeeeee
}
.gazo3 img {
	height: auto;
	border: none;
	vertical-align: bottom;
}
}

/* ########### 768px以上 ########### */
@media (min-width: 768px) {
/* トグルボタン */
#menubtn {
	display: none
}
/* ナビゲーション */
#menu {
	display: block !important
}
.menu ul {
	margin: 0;
	padding: 0;
	list-style: none;/*vertical-align: baseline;*/
	border-right: 1px solid #dddddd
}
.menu li a {
	display: block;
	padding: 10px 10px;
	color: #000000;
	font-size: 14px;
	text-decoration: none;/*border-left: 1px solid #dddddd*/
}
.menu li a:hover {
	background-color: #eeeeee
}
.menu ul:after {
	content: "";
	display: block;
	clear: both
}
.menu li {
	float: left;
	width: auto;
	border-left: 1px solid #dddddd
}
.menu ul li {
	list-style: none;
	margin: 0;
	padding: 0;
	font-size: 14px;
	float: left;
	position: relative;
	/*line-height: 40px;*/
	color: #656565;/*親メニューの文字色*/
	text-align: center;
}
.menu ul li a {
	color: #656565;
	display: block;
	text-decoration: none;
}
.menu ul li:hover, .menu ul li a:hover {
	color: #fff;/*ホバー時の親メニューの文字色*/
}
.menu ul li ul {
	position: absolute;
	top: 40px;
	/*親メニューの高さと同じにする*/ width: 120%;
	z-index: 100;
}
.menu ul li ul li {
	visibility: hidden;
	overflow: hidden;
	width: 100%;/*サブメニューの幅*/
	height: 0;
	transition: .2s;
	background-color: #eeeeee;/*サブメニューの背景色*/
}
.menu ul li ul li:hover, .menu ul li ul li a:hover {
	background-color: #eeeeee;/*ホバー時のサブメニューの背景色*/
}
.menu ul li:hover ul li, .menu ul li a:hover ul li {
	visibility: visible;
	overflow: visible;
	height: 40px;/*サブメニューの高さ*//*z-index: 10;*/
}
/* BOX1とheader-navを横に並べる設定 */
.header:after {
	content: "";
	display: block;
	clear: both
}
.box1 {
	float: left;
	width: auto;
}
.header-nav {
	float: right;
	width: auto
}
/* BOX4-1とBOX4-2を横に並べる設定 */
.box4:after {
	content: "";
	display: block;
	clear: both
}
.box4-1 {
	float: left;
	width: 50%;
	/*padding-right: 35px;*/
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box
}
.box4-15 {
	float: left;
	width: 24.2%;
	padding-left: 5px;
}
.box4-2 {
	float: right;
	width: 24.23%;
}
/* picup-1、picup-2、picup-3を横に並べる設定 */
.picup:after {
	content: "";
	display: block;
	clear: both
}
.picup-2 {
	float: left;
	width: 33.3333%;
	padding-right: 4px
}
.picup-6 {
	float: left;
	width: 33.3333%;
	padding-left: 10px
}
.picup-6_4 {
	float: left;
	width: 24.23%;
	padding-left: 5px
}
.picup-1, .picup-2, .picup-3 {
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box
}
.picup-4, .picup-5, .picup-6 {
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box
}
/* BOX7-1とBOX7-2を横に並べる設定 */
.box7:after {
	content: "";
	display: block;
	clear: both
}
.box7-1 {
	float: right;
	width: 80%;
	padding-left: 50px;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box
}
.box7-1 img {
	vertical-align: bottom;
	text-align: center;
	float: right;
}
.box7-2 {
	float: left;
	width: 20%
}
.box7-3 {
	float: right;
	width: 100%;
	padding-left: 50px;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box
}
.box7-tcr {
	float: right;
	width: 100%;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box
}
.boxlink:after {
	content: "";
	display: block;
	clear: both
}
.boxlink-1 {
	float: left;
	width: 33.3333%;
	padding-right: 10px
}
.boxlink-2 {
	float: left;
	width: 33.3333%;
	padding-left: 5px;
	padding-right: 5px
}
.boxlink-3 {
	float: left;
	width: 33.3333%;
	padding-left: 10px
}
.boxlink-1, .boxlink-2, .boxlink-3 {
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	height: auto;
}
.gazo2 {
	height: auto;
	margin-bottom: 40px;
}
.gazo2 ul {
	margin-bottom: 0;
	margin-top: 0;
	list-style-type: none;
}
.gazo2 li a {
	display: block;
}
.gazo2 li {
	float: left;
	width: 33.3%;
}
.gazo2 img {
	max-width: 100%;
	height: auto;
	border: none;
	padding-bottom: 40px;
}
.gazo3 {
	height: auto;
	margin-bottom: 30px;
	margin-left: auto;
	margin-right: auto;
	width: 300px;
	min-height: 0px;
}
div.clear {
	clear: both;
	margin: 0 0 10px 0;
}
}

/* ########### 1190px以上 ########### */
@media (min-width:998px) {
/* 全体の横幅を固定 */
.box3, .box4, .header-inner, .footer-inner, .picup, .box7, .contenttitle, .boxlink-inner {
	width: 998px;
	margin-left: auto;
	margin-right: auto;
}
/* BOX Aの下に罫線を挿入 */
.header {
	margin-bottom: 0px;
	border-bottom: solid 1px #dddddd;
	background-color: #FFFFFF;
}
.follow-gp {
	background-color: #f65d4a
}
}
/*--------------------------------------
  　　スマホでの表示 テーブル
--------------------------------------*/
.res-table {
	width: 100%;
	margin: 2em auto;
}
.res-table th {
	padding: 3px;
	display: block;
	background-color: #E4E4E4;
	border-right: #8A8A8A 1px solid;
	border-left: 1px solid #8A8A8A;
	border-top: 1px solid #8A8A8A;
}
.res-table td {
	padding: 5px;
	display: block;
	text-align: center;
	border-top: 1px solid #8A8A8A;
	border-right: #8A8A8A 1px solid;
	border-left: 1px solid #8A8A8A;
}

/*media Queries PCサイズ
----------------------------------------------------*/
@media only screen and (min-width: 998px) {
/*--------------------------------------
  PCでの表示　テーブル
--------------------------------------*/

.res-table {
	width: 100%;
	margin: 5px auto;/*font-size:90%;　
	border:#8A8A8A 1px solid; */ 
}
.res-table tr {
/*border:#8A8A8A 1px solid; */ 
}
.res-table tr:last-child {
	border-left: 1px none #8a8a8a;
	border-right: none;
	border-bottom: none;
	border-top: none;
}
.res-table th {
	width: 20%;
	padding: 5px 10px;
	display: table-cell;
	border-right: #8A8A8A 1px solid;
	text-align: left;
	background-color: #E4E4E4;
	border-bottom: 1px solid #8a8a8a;
	border-left: 1px solid #8A8A8A;
}
.res-table td {
	width: 40%;
	padding: 5px 10px;
	display: table-cell;
	text-align: left;
	border-width: 1px;
	border-color: #8a8a8a;
	border-bottom-style: solid;
	border-right-style: solid;
}
/* picup-1、picup-2、picup-3を横に並べる設定 */
.picup:after {
	content: "";
	display: block;
	clear: both
}
.link img {
	vertical-align: bottom;
	vertical-align: top
}
.gazo img {
	height: auto;
	margin: 0px;
	padding: 0px;
	border: none;
	vertical-align: bottom;
	float: left;
}
.gazo table {
	max-width: 100%;
	margin: 0px;
	padding: 0px;
	height: auto;
	border: none;
}
.gazo3 {
	height: auto;
	margin-left: 15px;
	margin-bottom: 30px;
	padding-top: 0px;
	float: right;
}
/*.gazo3 img {
	max-width: 33.3%;
	height: auto;
	border: none;
	/*clear: left;*/

.picup {
	padding-top: 0px;
}
.picup-1-1 {
	float: left;
	width: 24.2%;
	padding-right: 5px
}
.picup-1-2 {
	float: left;
	width: 24.2%;
	padding-left: 5px;
	padding-right: 5px
}
.picup-1-3 {
	float: left;
	width: 24.2%;
	padding-left: 5px;
	padding-right: 5px
}
.picup-1-4 {
	float: right;
	width: 24.2%;
	padding-left: 5px
}
.picup-2-1 {
	float: left;
	width: 24.2%;
	padding-right: 6px
}
.picup-2-2 {
	float: left;
	width: 24.2%;
	padding-left: 5px;
	padding-right: 5px
}
.picup-2-3 {
	float: left;
	width: 24.2%;
	padding-left: 5px;
	padding-right: 5px
}
.picup-2-4 {
	float: right;
	width: 24.2%;
	padding-left: 5px
}
.sub-menu-title h2 {
	margin-top: 0;
	margin-bottom: 0;
	padding-top: 2px;
	padding-bottom: 2px;
	font-size: 14px;
	font-weight: normal;
	text-align: center;
	color: #FFFFFF;
	min-height: 85px;
	/*height: auto !important;*/
	height: 85px;
}
.sub-menu-title p {
	margin-top: 0;
	margin-bottom: 0;
	padding-top: 15px;
	padding-bottom: 15px;
	background-color: #EFEFEF;
	font-size: 14px;
	padding-left: 8px;
	padding-right: 8px;
	min-height: 96px;
	/*height: auto !important;*/
	height: 96px;
}
.clear {
	clear: both;
}
/*--------------------------------------
  　　スマホでの表示 テーブル
--------------------------------------*/
.res2 {
	width: 100%;
}
.res2 td {
	width: 50px;
	display: block;
}

/*media Queries PCサイズ ipad以上
----------------------------------------------------*/
@media only screen and (min-width: 768px) and (max-width: 979px) {
/*--------------------------------------
  PCでの表示　テーブル
--------------------------------------*/
.header {
 margin-bottom: 0px;
 border-bottom: solid 1px #dddddd;
 background-color: #FFFFFF;
}
.res2 {
 width: 100%;
 margin: auto;
}
.res2 td {
 width: 100%;
	/*padding: 5px 10px;*/
	display: table-cell;
 text-align: left;
}
.gazo {
 height: 290px;
}
.gazo ul {
 margin-bottom: 0;
 margin-top: 0;
}
.gazo li a {
 display: block;
}
.gazo li {
 float: left;
 width: 50%;
}
.gazo img {
 max-width: 50%;
 height: auto;
 border: none;
 vertical-align: bottom;
}
.gazo3 {
 max-width: 300px;
 height: auto;
 margin-bottom: 30px;
 float: right;
 margin-left: 20px;
}
/*.gazo3 img {
	max-width: 33.3%;
	height: auto;
	border: none;
	/*clear: left;*/
/* picup-1、picup-2、picup-3を横に並べる設定 */
.picup:after {
 content: "";
 display: block;
 clear: both
}
.link img {
 max-width: 100%;
 height: auto;
 vertical-align: top;
}
.picup {
 padding-top: 0px;
}
.picup-1-1 {
 float: left;
 width: 23.9%;
 padding-right: 5px
}
.picup-1-2 {
 float: left;
 width: 23.9%;
 padding-left: 5px;
 padding-right: 5px
}
.picup-1-3 {
 float: left;
 width: 23.9%;
 padding-left: 5px;
 padding-right: 5px
}
.picup-1-4 {
 float: right;
 width: 23.9%;
 padding-left: 5px
}
.picup-2-1 {
 float: left;
 width: 23.9%;
 padding-right: 5px
}
.picup-2-2 {
 float: left;
 width: 23.9%;
 padding-left: 5px;
 padding-right: 5px
}
.picup-2-3 {
 float: left;
 width: 23.9%;
 padding-left: 5px;
 padding-right: 5px
}
.picup-2-4 {
 float: right;
 width: 23.9%;
 padding-left: 5px
}
.box4-15 {
 float: left;
 width: 23.9%;
 padding-left: 5px;
}
.sub-menu-title h2 {
 margin-top: 0;
 margin-bottom: 0;
 padding-top: 2px;
 padding-bottom: 2px;
 font-size: 12px;
 font-weight: normal;
 text-align: center;
 color: #FFFFFF;
 min-height: 56px;
	/*height: auto !important;*/
	height: 56px;
 line-height: 1.2em;
}
.sub-menu-title p {
 margin-top: 0;
 margin-bottom: 0;
 padding-top: 15px;
 padding-bottom: 15px;
 background-color: #EFEFEF;
 font-size: 12px;
 padding-left: 8px;
 padding-right: 8px;
 min-height: 70px;
	/*height: auto !important;*/
	height: 70px;
 line-height: 1.2em;
}
}

/* 479px以下用（スマートフォン用）の記述 */
	
/*--------------------------------------
  　　スマホでの表示 テーブル
--------------------------------------*/
@media only screen and (max-width: 479px) {
.gazo ul {
 margin-bottom: 0;
 padding: 0;
 list-style-type: none;
}
.gazo img {
 max-width: 100%;
 height: auto;
 border: none;
 clear: left;
 vertical-align: bottom;
}
.gazo2 ul {
 margin-bottom: 0;
 padding: 0;
 list-style-type: none;
}
.gazo2 img {
 max-width: 100%;
 height: auto;
 border: none;
 clear: left;
}
.gazo3 {
 height: auto;
 margin-bottom: 30px;
 float: left;
}
.sub-menu-title h2 {
 margin-top: 0;
 margin-bottom: 0;
 padding-top: 2px;
 padding-bottom: 2px;
 font-weight: normal;
 text-align: center;
 color: #FFFFFF;
 margin-left: 1px;
 margin-right: 1px;
 font-size: medium;
}
.sub-menu-title p {
 margin-top: 0;
 margin-bottom: 0;
 padding-top: 10px;
 padding-bottom: 10px;
 background-color: #EFEFEF;
 padding-left: 5px;
 padding-right: 5px;
 font-size: medium;
}
.link img {
 max-width: 100%;
 max-height: 100%;
 vertical-align: top;
}
.follow ul {
 padding: 0;
 list-style: none;
 margin-top: 20px;
}
.tcr-contents h2 {
 text-align: center;
 width: 100%;
}
}