@charset "UTF-8";
/* deiri.css */
/* - - - * - - - - * - - - - * - - - - * - - - - *
 * 設定追加：H25.11.11 (月) H28.04.14 (木) 調整
 * 前回最終：H28.05.08 (日) webstyle.css から移行
 * 新作移行：R02.05.29 (金) レスポンシブ化 R02.06.15 (月) 
 * 最新更新：R02.10.10 (土) R02.10.17 (土) ★R04.01.07 (金)
 * - - - * - - - - * - - - - * - - - - * - - - - *
 */
/* 上・右・下・左 ◆ 上・左右・下 ◆ 上下・左右 */
/* ******************************************** */
/*
** ------------------------------------------------------ */
/* ---- 上・右・下・左 ◆ 上・左右・下 ◆ 上下・左右 ---- */

h2 {
    max-width: 93%;         /* ★R04.01.07 (金) 98% */
}

#oritatam { margin: 0 0 1em 10px; position: relative; }

	a				{ text-decoration: none; }
	a.linkbox:link	{ text-decoration: none; color: #ffff00 }
	a:link			{ text-decoration: none; color: #3399ff }
	a:visited		{ text-decoration: none; color: #0000ff }
	a:active		{ text-decoration: none; color: #ff0099 }
	a:hover			{ text-decoration: none; color: #ff00cc }

.texRight {
	text-align:right;
	margin-right: 20px;
	}
/* ▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲ */

/* ▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼ */
.box-dai {
/*	clear: both; */
	width: 90%;                    /* ★R02.05.29 (金) 780px */
	margin: 0 auto;                /*  0px 0px 0px 50px */
}
.box-syo {
	float: left;
	margin: 2px 12px 0 10px;       /* 2px 20px 0px 20px */
	width: 29%;                    /* 28% ★R02.10.17 (土) */
/* 	border: solid 1px #ff9911;               【確認用】 */
}
.box-syo h3 {
    color: #07c;
    font-size: 1.0em;
    font-weight: bold;
    margin: 20px 0 10px 0px;
}
.box-syo ul {
	width: 30%;
	margin: 0;
	padding-left: 1.5em;      /* ★R02.10.12 (月) */
	list-style-type: none;
}
.box-syo ul li {
/* 	margin-left: 20px;
	padding-left: 20px;    ★R02.10.12 (月) */
	white-space: nowrap;
}
/*  - - - Link.htm 用 - - - */
.box-yoko {
	margin: 2px auto;    /* 2px 0px 0px 20px ★R02.10.12 (月) */
	padding: 10px 5px 1px 30px;
	width: 90%;
	/* 
	border-style: solid none solid none;
	border-width: 1px 0px 1px 0px;
	border-color: #00ff88;
	*/
}
.box-yoko li {
	display: inline-block;        /* 横に並べる */
	background-color: #eee;
	text-align: center;
	vertical-align: middle;
	width: 28%;
	height: 30px;
	padding: 5px 5px 1px 10px;
}

#nav {
  list-style: none;
  font-size: 0;
}
#nav li {
  width: 140px;
  text-align: center;
  background-color: #333;
  display: inline-block;
  font-size: 16px;
}
#nav li a {
  text-decoration: none;
  color: #fff;
  font-weight: bold;
}

/* - - ▼▼▼ - -【レスポンシブ用】- - ▼▼▼ - - - - - - */
@media screen and (min-width: 640px) and (max-width:859px) {
.box-dai {
	width: 98%;
	margin: 0px 0px 0px 5px;
}
.box-syo {
	width: 30%;                 /* ★R02.06.15 (月) */
/* 	border: 1px solid #ff9911;  ★R02.06.15 (月) */
	margin: 2px 5px 0 3px;      /* 2px 5px 0 5px */
	}
.box-yoko {
	margin: 2px 0px 0px 10px;
	width: 95%;
	padding: 10px 7px 1px 10px;
}
.box-yoko li {
	display: inline-block;       /*  横に並べる */
	background-color: #eff;
	width: 24%;
	height: 30px;
	font-size: 0.9em;
	padding: 12px 5px 1px 20px;
	}
}
/* - - - - - - - - - - - - - - - - - */
@media (max-width: 639px) {
.box-dai {
	width: 98%;
	margin: 0 0 0 2px;
	}
.box-syo {
	margin: 2px 0 0 7px;     /* 2px 0 0 10px */
	width: 27%;               /* 30% ★R04.01.07 (金) */
	overflow: hidden;
	}
.box-syo h3 {
	font-size: 1.0em;
	margin: 20px 0 10px 0px;
	width: 98%;
	white-space: nowrap;
	overflow: hidden;
	}
.box-syo ul li {
	margin: 0 0 0 5px;
/* 	padding-left: 22px;   ★R02.10.16 (金) 22px */
	font-size: 0.85em;
	white-space: nowrap;
	}
.box-yoko {
	width: 97%;
	margin: 2px 0px 0px 3px;
	padding: 10px 1px 1px 1px;
	font-size: 0;
	}
.box-yoko ul li {
	display: inline-block;       /* 横に並べる  */
	background-color: #efe;
	text-align: center;
	vertical-align: middle;
	width: 27%;
	height: 30px;
	font-size: 0.82em;
	padding: 12px 0 1px 8px;      /* 12px 0 1px 12px */
	}
}
/* - - ▲▲▲ - -【レスポンシブ用】- - ▲▲▲ - - - - - - */