A {
color:#00f;
}

A:visited {
color:#52188c;
}

BODY {
font-size:12pt;
font-family:'ＭＳ Ｐゴシック',sans-serif;
line-height:80%;
color:#000;
background-color:#fff;
text-align:left;
margin:0;
padding:0;
}

#page {
width:870px;
margin-right: auto;
margin-left : auto;
text-align:left;
line-height:160%;
border-width:0;
padding:5px 0 5px 5px;
}

#header {
width:830px;
height:210px;
background-color:#FFF;
background-image : url(header.jpg);
vertical-align:top;
text-align:center;
margin:0 0 0 10px;
padding:5px 0 5px 0px;
}

#header a {
  COLOR: #000;
}
#header a:visited {
  COLOR: #000;
}

#contents {
float:left;
width:660px;
margin:0;
padding:0;
}

#left_bar {
float:left;
width:160px;
text-align:left;
line-height:100%;
margin:0 0 0 10px;
padding:0;
}

#content_top {
float:right;
width:468px;
text-align:left;
line-height:160%;
margin:0 0 0 20px;
}

#content {
float:right;
width:468px;
text-align:left;
line-height:160%;
margin:0 0 0 20px;
}


#right_bar {
  float:left;
  width:160px;
  text-align:right;
margin:0 0 0 20px;
padding:0 0 0 0px;
}

#right_back {
border-right:#000 1px solid;
border-top:#000 1px solid;
border-left:#000 1px solid;
border-bottom:#000 1px solid;
color:#000;
float:left;
width:155px;
text-align:left;
line-height:150%;
font-size:11pt;
margin:0 0 0 0px;
padding:5px 0 5px 3px;
}
#right_back a{
  COLOR: #00f;
}
#right_back a:visited {
  COLOR: ##ff80ff;
}
#right_back hr {
  background-color: Black;
  width: 98%;
  color: Black;
  border: none;
  height: 1px;
  text-align: left;
  margin-left: 0px;
} 


#menu_main a {
font-size:11pt;
font-weight: bold;
background-color:#ddd;
color:#blue;
display: block;
padding: 0.1em 3px;
margin: 0.3em 0px;
white-space: nowrap;
border-style: solid;
border-width: 0px;
border-color: #c0c0c0;
line-height: 2em;
}

#menu_sub a {
font-size:11pt;
display: block;
margin: 0em auto;
white-space: nowrap;
}

#menu_next a {
float:right;
white-space: nowrap;
}

#footer {
clear:both;
font-size:8pt;
line-height:110%;
width:813px;
text-align:left;
margin:0 0 0 20px;
padding:5px 0 5px 5px;
}

#footer2 {
clear:both;
font-size:8pt;
line-height:110%;
width:813px;
text-align:right;
margin:0 0 0 20px;
padding:5px 0 5px 5px;
}

.block {
width:49%;
float:left;
line-height:160%;
margin:1px;
}

H1 {
font-size:28pt;
text-align:center;
color:#0b0;
margin:2px 0 0;
padding:10px 5px 10px 0;
}

H2 {
font-size:22pt;
text-align:center;
color:#bb0;
margin:3px 0 0;
padding:3px 0 0;
}

H3 {
font-size:14pt;
background-color:#ccc;
color:#000;
margin:0px 0 2px;
padding:3px 5px 2px 2px;
}

H4 {
font-size:11pt;
background-color:#ddd;
color:#000;
margin:3px 0 0 0px;
padding:2px 0 3px 5px;
}

.plate {
border-right:#000 1px solid;
border-top:#000 1px solid;
font-size:10pt;
border-left:#000 1px solid;
width:100%;
line-height:160%;
border-bottom:#000 1px solid;
text-align:left;
margin:0 0 20px;
}

hr {
background-color:grey;
color:grey;
border:none;
height:1px;
}

img {
border-style:none;
}


.clear {
    clear: both;
}



/*===============================================
●tablet.css 画面の横幅が819pxまで
===============================================*/
@media screen and (min-width:640px) and (max-width:819px){


.tab_none {
  display:none
;
}

#page {
width:680px;
}

#header {
width:660px;
margin:0 0 0 0px;
padding:5px 0 15px 0px;
}

#contents {
width:468px;
margin:0;
padding:0;
}

#left_bar {
margin:0 0 0 20px;
width:100%;
}

#content {
width:468;
}

#right_bar {
margin:0 0 0 35px;
}

#footer {
width:660px;
}

#footer2 {
width:660px;
}




}



/*===============================================
●smart.css  画面の横幅が639pxまで
===============================================*/
@media only screen and (min-width: 240px) and (max-width: 639px){


.sp_none {
  display:none
;
}

.tab_none {
  display:none
;
}

.pc_none {
  display:inherit
;
}

BODY {
font-size:12pt;
margin:0;
padding:0;
}

#page {
width:100%;
max-width:468px;
margin:0;
padding:2;
}

#header {
width:100%;
margin:0 0 0 20px;
padding:2px 0 0px 2px;
}

#contents {
width:100%;
}

#left_bar {
width:100%;
margin:0 0 0 2px;
padding:0;
}

#content {
width:100%;
margin:0 0 0 2px;
padding:0;
}

#right_bar {
width:100%;
text-align:left;
margin:0 0 0 2px;
padding:0;
}
#right_back {
border-right:#000 0px solid;
border-top:#000 0px solid;
border-left:#000 0px solid;
border-bottom:#000 0px solid;
width:100%;
margin:0 0 0 0px;
padding:0 0 0 0px;
}

#footer {
width:100%;
margin:0 0 0 2px;
padding:0;
}

#footer2 {
width:100%;
margin:0 0 0 2px;
padding:0;
}

.plate {
font-size:12pt;
width:100%;
max-width:100%;
}

#menu_main a {
width:49%;
float:left;
color: #fff;
font-weight: bold;
text-align:center;
font-size:14pt;
border-style: solid;
border-width: 2px;
border-color: #e0e0e0;
-webkit-border-radius: 8px; /* Chrome,Safari */
-moz-border-radius: 8px;    /* Firefox */
border-radius: 8px;         /* CSS3 */
padding: 0.4em 0px;
margin: 0em auto;
text-decoration: none;
background-color: #8e8e8e;
line-height: 2em;
white-space: nowrap;
}
#menu_main a:visited {
color:#fff;
}

#menu_sub a {
width:49%;
float:left;
color: #fff;
font-weight: bold;
text-align:center;
font-size:14pt;
border-style: solid;
border-width: 2px;
border-color: #e0e0e0;
-webkit-border-radius: 8px; /* Chrome,Safari */
-moz-border-radius: 8px;    /* Firefox */
border-radius: 8px;         /* CSS3 */
padding: 0.4em 0px;
margin: 0em auto;
text-decoration: none;
background-color: #a0a0a0;
line-height: 2em;
white-space: nowrap;
}
#menu_sub a:visited {
color:#fff;
}

#menu_next a {
width:49%;
float:right;
color: #000;
font-weight: bold;
text-align:center;
font-size:14pt;
border-style: solid;
border-width: 2px;
border-color: #000;
-webkit-border-radius: 8px; /* Chrome,Safari */
-moz-border-radius: 8px;    /* Firefox */
border-radius: 8px;         /* CSS3 */
padding: 0.4em 0px;
margin: 0em auto;
text-decoration: none;
background-color: #e0e0e0;
line-height: 2em;
white-space: nowrap;
}
#menu_next a:visited {
color:#000;
}

#menu_home a {
width:98%;
float:left;
color:#fff;
font-weight: bold;
text-align:center;
font-size:14pt;
border-style: solid;
border-width: 2px;
border-color: #e0e0e0;
-webkit-border-radius: 8px; /* Chrome,Safari */
-moz-border-radius: 8px;    /* Firefox */
border-radius: 8px;         /* CSS3 */
padding: 0.4em 0px;
margin: 0em auto;
text-decoration: none;
background-color: #8e8e8e;
line-height: 2em;
white-space: nowrap;
}
#menu_home a:visited {
color:#fff;
}

#honbun a {
   border-style: solid;
   border-width: 2px;
   border-color: #c0c0c0;
   -webkit-border-radius: 8px; /* Chrome,Safari */
   -moz-border-radius: 8px;    /* Firefox */
   border-radius: 8px;         /* CSS3 */
   padding: 0.4em 0.3em;
   margin: 0px 0.3em;
   line-height: 2em;
   white-space: nowrap;
}


}