BODY {
BACKGROUND-COLOR: #ffffff;
COLOR: #000000;
margin-right: auto;
margin-left : auto;
width:910px;
}

table {
line-height:150%;
}

TD,TH{
line-height:150%;
padding: 10px;
}

dd{
  line-height : 1.8;
}

li{
  line-height : 1.8;
}

div {
line-height: 1.8;
padding: 10px;
}

image {
border-style: none;margin: 5px;
}

p {
line-height:1.8;
}

hr   {
clear: both;
}

.eeeeee {
background-color: eeeeee;border-radius: 1em;font-size: small;text-align: right;
}

.center {
text-align:center
}



/*　ヘッダー部分　*/

.header{
position: absolute;
top: 15px;
white-space: nowrap;
}
.header td{font-size:10pt;color: #4169E1;vertical-align: top;white-space: nowrap;}
.header A:link { color: #4169E1; } 
.header A:visited { color: #4169E1 } 
.header A:active { color: #ff6600; } 
.header A:hover { color: #FF0000; }



/*　メニュー部分　*/

.menu{
position: absolute;
top: 170px;
left: 10px;


}
.menu td{color:#000000;line-height:150%}
.menu A:link { color: #000000; } 
.menu A:visited { color: #000000; } 
.menu A:active { color: #000000; } 
.menu A:hover { color: #000000; } 

.navi td{line-height:150%;color:#4169e1;background-color:#FFFFFF}
.navi a:link{color:#4169E1}
.navi a:visited{color:#4169E1}
.navi a:active{color:#ff6600}
.navi a:hover{color:#FF0000}



.footer{font-size:16px;text-align:center;line-height:18pt;color:#4169E1}
.footer a:link{color:#4169E1}
.footer a:visited{color:#4169E1}
.footer a:active{color:#ff6600}
.footer a:hover{color:#FF0000}

.smenu {
border-bottom: solid 1px #dddddd;border-top: solid 1px #dddddd;
}
.lmenu {
border-bottom: solid 1px #dddddd;border-top: solid 1px #dddddd;
}
.psmenu {
border-bottom: solid 1px #dddddd;border-top: solid 1px #dddddd;
}
.rmenu {
border-bottom: solid 1px #dddddd;border-top: solid 1px #dddddd;
}



H1 {
	FONT-SIZE: 12pt
}
H1.bodyheader {
	FONT-SIZE: 10pt; COLOR: #000000; MARGIN: 0pt 0pt 0pt 3pt
}
H2 {
	MARGIN: 5px; FONT-SIZE: 1.0em;
}
H2.title {
	FONT-SIZE: 14pt;margin-top: 40px;padding-left: 10px;border-left: solid 10px #4169e1;border-bottom: solid 2px #dddddd
}
H3 {
	FONT-SIZE: 1.2em; FONT-WEIGHT: normal; MARGIN-TOP:5pt
}
HR {
	HEIGHT: 1pt; COLOR: #666666; SIZE: 1pt
}



/* ########### 359px以下 ########### */
@media (max-width: 359px) {



.text-menutate  {
         position: absolute;top: 420px;left: 10px;
}
.text-menutate li {
          float: left;margin: 10px;
}




.boxD2           {
          background-color: #eeeeee;padding-top: 5px;padding-bottom: 5px
}

/* サイト名 */
.site img	{width: 225px;
	height: auto}

}


/* ########### 599px 以下 ########### */
@media (max-width: 599px) {





}



/* ########### 767px以下 ########### */
@media (max-width: 767px) {



.center {
text-align:center
}
body {
width: auto;
}
h1         {
          width: auto;
}
ul         {
          list-style: none;
}
header img {
width: 45%;height: auto;
}
.boxA:after     {content: "";
                 display: block;
                 clear: both}
.boxA     {
          float: none;position: absolute;top: 50px;
}
.boxA img {
width: 30%;height: auto;
}
.boxA li{
          float: left;width: 46%;padding: 4px 2px;border: solid 1px #dddddd;text-align: center;font-size:11px;
}
.boxA li a {
text-decoration: none;
}

.boxB   {
position: absolute;
right: 10px;
width: 250px;
top: 50px;
}
.boxC   {
font-size:13px
}
.boxC img    {
          max-width: 100%;max-height: 100%;
}
.contents{
          position: absolute;width: 100%;top: 360px;
}
.main {
width: 100%;margin-right: auto;margin-left: auto;margin-top: 360px;margin-bottom: 1.5%;
}
.smenu img {
width: 30%;height: auto;
}
.lmenu img {
width: 40%;height: auto;
}
.psmenu img {
width: 40%;height: auto;
}
.rmenu img {
width: 40%;height: auto;
}

/* トグルボタン */
#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}

.menu li a	{display: block;
	padding: 5px;
	color: #000000;
	font-size: 14px;
	text-decoration: none}

.menu li a:hover	{background-color: #eeeeee}

}



/* ########### 768px以上 ########### */
@media (min-width: 768px) {



/*　ヘッダー部分　*/

.boxA{
position: absolute;
top: 15px;
white-space: nowrap;
}
.boxA:after     {
                 content: "";
                 display: block;
                 clear: both
}
.boxA ul {
          margin: 0 5px;padding: 0;list-style: none
}
.boxA li a {
          display: block;padding: 5px;color: #000000;font-size: 16px;text-decoration: none
}
.boxA li a:hover{
          background-color: #eeeeee
}
.boxA ul:after{
          content: "";dispray: block;clear: both
}
.boxA li{
          float: left;width: 200px;border: solid 1px #dddddd;text-align: center
}
.text-menu {
          position: absolute;top: 170px;
}
.text-menu ul {
          margin: 0 10px;padding: 0;list-style: none
}
.text-menu li a {
          display: block;padding: 10px;color: #000000;font-size: 16px;text-decoration: none
}
.text-menu li a:hover{
          background-color: #eeeeee
}
.text-menu ul:after{
          content: "";dispray: block;clear: both
}
.text-menu li{
          float: left;width: auto
}

.boxB:after     {content: "";
                 display: block;
                 clear: both
}
.boxB   {
position: absolute;
left: 10px;
width: 270px;
top: 60px;
}

.menu img {
margin: 2px;
}

/*　コンテンツ部分　*/

.contents{
width: 660;
position: absolute;
left: 300px;
right:10px;
top: 250px
}
.main {
width: 700px;margin-right: auto;margin-left: auto;margin-top: 210px;margin-bottom: 1.5%;
}


.boxC:after     {content: "";display: block;clear: both
}
.boxC ul         {
          list-style: none
}
.boxC li         {
          float: left;width: 33.3333%; 
}
.boxC2           {
          float: left;width: 32%;margin-right: 2%
}
.boxC3           {
          float: left;width: 32%;margin-right: 2%
}
.boxC4           {
          float: left;width: 32%
}
.boxC6           {
          float: left;width: 50%;
}
.boxC7           {
          float: left;width: 50%;
}
.boxC8	{
          float: left;width: 170px;border-left: solid 1px #dddddd;
}
.boxC9	{
          float: none;width: auto;margin-left: 170px
}
.boxC10	{
          float: left;width: 260px;border-left: solid 1px #dddddd
}

.boxC11	{
          float: none;width: auto;margin-left: 260px;
}
.boxC12	{
          float: left;width: 320px;border-left: solid 1px #dddddd
}

.boxC13	{
          float: none;width: auto;margin-left: 320px;
}



.boxD:after     {content: "";
                 display: block;
                 clear: both
}
.boxD2           {
          background-color: #eeeeee;padding-top: 5px;padding-bottom: 5px
}



.text-menutate ul {
          margin: 0;margin-top: 15px;padding: 0;list-style: none
}
.text-menutate li a {
          display: block;padding: 15px;color: #000000;font-size: 16px;text-decoration: none;border-bottom: dotted 2px #dddddd;
}
.text-menutate li a:hover{
          background-color: #eeeeee
}
.text-menutate ul:after{
          content: "";dispray: block;clear: both
}
.text-menutate{
          position: absolute;top: 170px;left: 10px;
}
header {
width: 750px;margin-right: auto;margin-left: auto;margin-top: 10px;
}

header div {
float:left;
}



/* トグルボタン */
#menubtn	{display: none}

/* ナビゲーション */
#menu	{display: block !important}

.menuyoko ul	{margin: 0;
	padding: 0;
	list-style: none}

.menuyoko li a	{display: block;
	padding: 10px 15px;
	color: #000000;
	font-size: 14px;
	text-decoration: none}

.menuyoko li a:hover	{background-color: #eeeeee}

.menuyoko ul:after	{content: "";
	display: block;
	clear: both}

.menuyoko li	{float: left;
	width: auto}

/* BOX1とBOX2を横に並べる設定 */
.boxA:after	{content: "";
	display: block;
	clear: both}

.box1	{float: left;
	width: auto}

.box2	{float: right;
	width: auto}

/* BOX4-1とBOX4-2を横に並べる設定 */
.box4:after	{content: "";
	display: block;
	clear: both}

.box4-1	{float: left;
	width: 70%;
	padding-right: 35px;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box}

.box4-2	{float: left;
	width: 30%}


/* BOX6-1、BOX6-2、BOX6-3を横に並べる設定 */
.box6:after	{content: "";
	display: block;
	clear: both}

.box6-1	{float: left;
	width: 32%;
	margin-right: 2%}

.box6-2	{float: left;
	width: 32%;
	margin-right: 2%}

.box6-3	{float: left;
	width: 32%}


/* 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-2	{float: left;
	width: 20%}


}


/* ########### 1190px以上 ########### */
@media (min-width: 1190px) {

/* 全体の横幅を固定 */
.box3, .box4, .boxA-inner, .box5-inner, .box6, .box7
	{width: 1140px;
	margin-left: auto;
	margin-right: auto}

/* BOX Aの下に罫線を挿入 */
.boxA	{margin-bottom: 20px;
	border-bottom: solid 1px #dddddd}

}