/* ----------------------------- */
/* ↓スマホ向けスクリーンサイズ　 ふりわけ */
P.resizeimage5 img { width: 100%;}
P.resizeimage5 img.miniimage { display: none; } /* Media Queriesが使えないブラウザのため */

/* ▼表示領域481px以上の場合 */
@media screen and (min-width: 481px) {
P.resizeimage5 img.miniimage { display: none;
}/* miniを非表示 */
P.resizeimage5 img.bigimage  { display: block;
}  /* bigを表示 */
}
/* ▼表示領域480px未満の場合 */
@media screen and (max-width: 480px) {
P.resizeimage5 img.miniimage { display: block;
}  /* miniを表示 */
P.resizeimage5 img.bigimage  { display: none;
}/* bigを非表示 */
}


TR {
font-family: "Meiryo UI","Verdana","ＭＳ Ｐゴシック","sans-serif","Osaka"; FONT-SIZE: 14px; COLOR: #000000;
}
TD {
font-family: "Meiryo UI","Verdana","ＭＳ Ｐゴシック","sans-serif","Osaka"; FONT-SIZE: 14px; COLOR: #000000;
}
TH {
font-family: "Meiryo UI","Verdana","ＭＳ Ｐゴシック","sans-serif","Osaka"; FONT-SIZE: 14px; COLOR: #000000;
}

h1{
font-size:17px;
margin-left:0px;
margin-right:0px;
margin-bottom:5px;
margin-top:2px;
color:#0088ff;
text-shadow: 1px 1px 1px #FFF;
}

h2{
font-size:16px;
margin-left:0px;
margin-right:0px;
margin-top:5px;
margin-bottom:5px;
color:#0088ff;
text-shadow: 1px 1px 1px #FFF;
}

h3{
font-size:16px;
margin-left:0px;
margin-right:0px;
margin-top:5px;
margin-bottom:3px;
color:#0088ff;
text-shadow: 1px 1px 1px #FFF;
}
h4{
font-size:16px;
margin-left:0px;
margin-right:0px;
margin-top:5px;
margin-bottom:3px;
color:#0088ff;
text-shadow: 1px 1px 1px #FFF;
}
h5{
font-size:16px;
margin-left:0px;
margin-right:0px;
margin-top:10px;
margin-bottom:10px;
color:#0088ff;
text-align:center;
text-shadow: 1px 1px 1px #FFF;
}
.dotc {
font-family: "Meiryo UI","Verdana","ＭＳ Ｐゴシック","sans-serif","Osaka"; FONT-SIZE: 13px; COLOR: #000000;
margin: 5px 5px 5px 5px;
padding: 12px;
border: 3px dotted #ff0000;
}
.dot {
font-family: "Meiryo UI","Verdana","ＭＳ Ｐゴシック","sans-serif","Osaka"; FONT-SIZE: 13px; COLOR: #000000;
margin: 5px 15px 5px 15px;
padding: 10px;
border: 2px dotted #55aaff;
}
.dot2 {
font-family: "Meiryo UI","Verdana","ＭＳ Ｐゴシック","sans-serif","Osaka"; FONT-SIZE: 13px; COLOR: #000000;
margin: 10px 15px 10px 15px;
padding: 8px;
border: 3px dotted #44aaff;
}
.line0 {
font-size: 1pt;
margin: 10px 0px 10px 0px;
padding-bottom: 1px;
border-top: 3px dotted #55aaff;
}
.line1 {
font-size: 1pt;
margin: 10px 5px 10px 5px;
padding-bottom: 1px;
border-top: 3px dotted #55aaff;
}
.line2 {
font-size: 1pt;
margin: 10px 10px 10px 10px;
padding-bottom: 1px;
border-top: 3px dotted #55aaff;
}
.line {
font-size: 1pt;
margin: 10px 18px 0px 18px;
padding-bottom: 1px;
border-top: 3px dotted #55aaff;
}
.mjr200 {
margin: 0px 200px 0px 0px;
FONT-SIZE: 11pt; 
}
.mj0 {
margin: 0px 0px 0px 0px;
FONT-SIZE: 10pt; 
}
.mj {
margin: 0px 15px 0px 15px;
FONT-SIZE: 10pt; 
}
.incom {
font-family: "Verdana", "ヒラギノ角ゴ Pro W3", "ＭＳ ゴシック", "Osaka‐等幅";
font-size: 12px;
color: #000000;
margin: 10px 15px 10px 15px;
}


.inlink {
font-family: "Verdana", "ヒラギノ角ゴ Pro W3", "ＭＳ ゴシック", "Osaka‐等幅";
font-size: 12px;
color: #224422;
margin: 10px 15px 10px 15px;
padding: 10px;
border: 1px dotted #888888;
}
.bq10 {
margin: 10px 10px 10px 10px;
}
.bq20 {
margin: 20px 20px 20px 20px;
}
.bq30 {
margin: 30px 30px 30px 30px;
}
.bq40 {
margin: 40px 40px 40px 40px;
}
ul {
margin: 0px 0px 0px 10px;
padding: 0px;
}
ul{ list-style-image:url("../../icsc.gif"); margin: 0 0 0 1.5em;}
li {
margin: 0px 0px 0px 0px;
padding: 0px;
}


A:link { FONT-WEIGHT: bold; color: #0000ff }
A:visited { FONT-WEIGHT: bold; color: #9900ff }
A:active { FONT-WEIGHT: bold; color: #ff0000 }
a:hover {
color:#ff0000;
}
hr {
border-width: 1px 0px 0px 0px; /* 太さ */
border-style: dashed; /* 線種 */
border-color: gray; /* 線色 */
height: 1px; /* 高さ */
 }

#image_0{
max-width: 100%;
height: auto;
width /***/:auto;　
}


#phototxt {
	margin: 0;
	text-align: center;
	font-size: 75%;
}
#infotxt {
	margin: 0;
	text-align: left;
	font-size: 80%;
}


p {
line-height: 16px;
}


/*●●●●●●●●●●●●●●●●●●●
●style.css 画面の横幅が769px以上
●●●●●●●●●●●●●●●●●●●*/
@media screen and (min-width: 769px){


html, body {height: 100%;}  /*高さ100%に指定*/
body {
margin:10px auto;
padding: 0;
background-color: #e8e8e8;
background-image: url(../kabe_052.gif);
font-family: "Meiryo UI","Verdana","ＭＳ Ｐゴシック","sans-serif","Osaka"; FONT-SIZE: 16px; COLOR: #000000;
}

#tp{
font-family: "Meiryo UI","Verdana","ＭＳ Ｐゴシック","sans-serif","Osaka"; FONT-SIZE: 16px; COLOR: #000000;
margin-left:auto;
margin-right:auto;
background-color:#e8e8e8;
text-align:right;
width:780px;
height : 55px;
margin:0px auto;
padding : 0px;
background-image: url(../0_top_gy.gif);
background-repeat: no-repeat;
vertical-align:bottom;
}


#contents{
background-color:#e8e8e8;
background-image: url(../0_bggy.gif);
text-align:left;
width:780px;
margin-left: auto;
margin-right: auto;
margin-bottom:30px;
padding : 10px;
box-shadow: 0 0 20px 0px #728EC5;
border-radius: 10px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
}

#ft1{
font-family: "Times New Roman","Meiryo UI","Verdana","ＭＳ Ｐゴシック","sans-serif","Osaka"; FONT-SIZE: 13px; COLOR: #000000;
margin-left:auto;
margin-right:auto;
margin-bottom:3px;
background-color:#e8e8e8;
text-align:center;
width:780px;
background-image: url(../0_bggy.jpg);
background-repeat: no-repeat;
}

#ft2{
font-family: "Times New Roman","Meiryo UI","Verdana","ＭＳ Ｐゴシック","sans-serif","Osaka"; FONT-SIZE: 12px; COLOR: #333333;
margin-left:auto;
margin-right:auto;
background-color:#e8e8e8;
text-align:center;
width:780px;
height:360px;
margin: 0px 0px 0px 0px;
background-image: url(../ft/ft_nichinan.jpg);
background-repeat: no-repeat;
}
.fttxt{
}

.left-box-1{
text-align:center;
float : left;
width : 380px;
background : #e8e8e8;
padding : 5px;
border : 0px;
margin: 10px 0px 10px 0px;
}

.left-box-1l{
text-align:left;
float : left;
width : 380px;
background : #e8e8e8;
padding : 5px;
border : 0px;
margin: 10px 0px 10px 0px;
}

.left-box-2{
float : left;
text-align:center;
width : 380px;
padding : 5px;
background : #e8e8e8;
border : 0px;
margin: 10px 0px 10px 0px;
}

.left-box-2l{
float : left;
text-align:left;
width : 380px;
padding : 5px;
background : #e8e8e8;
border : 0px;
margin: 10px 0px 10px 0px;
}

.left-box-3{
float : left;
text-align:left;
width : 440px;
padding : 5px;
background : #e8e8e8;
border : 0px;
margin: 5px 0px 5px 0px;
}

.left-box-4{
float : left;
text-align:center;
width : 320px;
padding : 5px;
background : #e8e8e8;
border : 0px;
margin: 5px 0px 5px 0px;
}

.left-box-5{
float : left;
text-align:center;
width : 240px;
padding : 10px;
background : #e8e8e8;
border : 0px;
margin: 5px 0px 5px 0px;
}

.left-box-6{
float : left;
text-align:left;
width : 510px;
padding : 5px;
background : #e8e8e8;
border : 0px;
margin: 5px 0px 5px 0px;
}


.left-box-l{
text-align:center;
float : left;
width : 388px;
background : #e8e8e8;
padding : 0px;
border : 0px;
margin: 0px 0px 10px 0px;
}

.left-box-r{
float : left;
text-align:center;
width : 388px;
padding : 0px;
background : #e8e8e8;
border : 0px;
margin: 0px 0px 0px 0px;
}



.clr-block{
clear : both;
text-align:left;
background : #e8e8e8;
padding : 0px;
border : 0px;
}


#back-top {
position: fixed;
bottom: 30px;
right: 30px;
z-index: 9999;
}
 
#back-top a {
width: 108px;
display: block;
text-align: center;
font: 11px/100% Arial, Helvetica, sans-serif;
text-transform: uppercase;
text-decoration: none;
outline: none;
color: #000000;
 
/* transition */
-webkit-transition: 1s;
-moz-transition: 1s;
-o-transition: 1s;
transition: 1s;
 
filter: alpha(opacity=50);
-moz-opacity: 0.5;
opacity: 0.5;
}
#back-top a:hover {
color: #728EC5;
 
filter: alpha(opacity=100);
-moz-opacity: 1.0;
opacity: 1.0;
}
 
/* arrow icon (span tag) */
#back-top span {
width: 108px;
height: 108px;
display: block;
margin-bottom: 7px;
background: #728EC5 url(../0_up-arrow.png) no-repeat center center;
 
/* rounded corners */
-webkit-border-radius: 1px;
-moz-border-radius: 1px;
border-radius: 1px;
 
/* transition */
-webkit-transition: 1s;
-moz-transition: 1s;
-o-transition: 1s;
transition: 1s;
}
#back-top a:hover span {
background-color: #728EC5;
}
}


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



#container{
width:100%;
}

BODY {
width :92%;
font-family: "Meiryo UI","Verdana","ＭＳ Ｐゴシック","sans-serif","Osaka"; FONT-SIZE: 16px; COLOR: #000000;
 line-height : 120%;

color:#000000;
background-color: #e8e8e8;
background-image: url(../kabe_052.gif);
}



#tp{
FONT-SIZE: 12px; COLOR: #000000;
margin-left:auto;
margin-right:auto;
background-color:#e8e8e8;
text-align:right;
height : 55px;
margin:0px auto;
padding : 0px;
background-image: url(../0_top_gy.gif);
background-repeat: no-repeat;
vertical-align:bottom;
}

#contents{
background-color:#e8e8e8;
background-image: url(../0_bggy.gif);
text-align:left;
width:100%;
margin-left: auto;
margin-right: auto;
padding : 10px;
box-shadow: 0 0 5px 0px #728EC5;
border-radius: 10px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
}

#ft1{
font-family: "Times New Roman","Meiryo UI","Verdana","ＭＳ Ｐゴシック","sans-serif","Osaka"; FONT-SIZE: 13px; COLOR: #000000;
margin-left:auto;
margin-right:auto;
margin-bottom:3px;
background-color:#e8e8e8;
text-align:left;
background-image: url(../0_bggy.jpg);
background-repeat: no-repeat;
}

#ft2{
font-family: "Times New Roman","Meiryo UI","Verdana","ＭＳ Ｐゴシック","sans-serif","Osaka"; FONT-SIZE: 12px; COLOR: #222222;
margin-left:auto;
margin-right:auto;
background-color:#e8e8e8;
text-align:left;
height:360px;
margin: 0px 0px 0px 0px;
background-image: url(../ft/ft_nichinan.jpg);
background-repeat: no-repeat;
}
.fttxt{
margin: 10px 10px 0px 10px;
}


.left-box-1{
text-align:center;
float : left;
width : 98%;
background : #e8e8e8;
padding : 0px;
border : 0px;
margin: 10px 0px 10px 0px;
}
.left-box-1l{
text-align:left;
float : left;
width : 98%;
background : #e8e8e8;
padding : 0px;
border : 0px;
margin: 10px 0px 10px 0px;
}

.left-box-2{
float : left;
text-align:center;
width : 98%;
padding : 0px;
background : #e8e8e8;
border : 0px;
margin: 10px 0px 10px 0px;
}


.left-box-2l{
float : left;
text-align:left;
width : 98%;
padding : 0px;
background : #e8e8e8;
border : 0px;
margin: 10px 0px 10px 0px;
}

.left-box-3{
float : left;
text-align:left;
width : 98%;
padding : 0px;
background : #e8e8e8;
border : 0px;
margin: 5px 0px 5px 0px;
}

.left-box-4{
float : left;
text-align:center;
padding : 0px;
background : #e8e8e8;
border : 0px;
margin: 5px 0px 5px 0px;
}


.left-box-5{
float : left;
text-align:center;
width : 98%;
padding : 5px;
background : #e8e8e8;
border : 0px;
margin: 5px 0px 5px 0px;
}

.left-box-6{
float : left;
text-align:left;
width : 98%;
padding : 0px;
background : #e8e8e8;
border : 0px;
margin: 5px 0px 5px 0px;
}



.left-box-l{
text-align:center;
float : left;
width : 98%;
background : #e8e8e8;
padding : 0px;
border : 0px;
margin: 10px 0px 10px 0px;
}
.left-box-r{
float : left;
text-align:center;
width : 98%;
padding : 0px;
background : #e8e8e8;
border : 0px;
margin: 10px 0px 10px 0px;
}




.clr-block{
text-align:left;
clear : both;
background : #e8e8e8;
padding : 0px;
}



#back-top {
position: fixed;
bottom: 30px;
right: 30px;
z-index: 9999;
}
 
#back-top a {
width: 108px;
display: block;
text-align: center;
font: 11px/100% Arial, Helvetica, sans-serif;
text-transform: uppercase;
text-decoration: none;
outline: none;
color: #000000;
 
/* transition */
-webkit-transition: 1s;
-moz-transition: 1s;
-o-transition: 1s;
transition: 1s;
 
filter: alpha(opacity=50);
-moz-opacity: 0.5;
opacity: 0.5;
}
#back-top a:hover {
color: #728EC5;
 
filter: alpha(opacity=100);
-moz-opacity: 1.0;
opacity: 1.0;
}
 
/* arrow icon (span tag) */
#back-top span {
width: 108px;
height: 108px;
display: block;
margin-bottom: 7px;
background: #728EC5 url(../0_up-arrow.png) no-repeat center center;
 
/* rounded corners */
-webkit-border-radius: 1px;
-moz-border-radius: 1px;
border-radius: 1px;
 
/* transition */
-webkit-transition: 1s;
-moz-transition: 1s;
-o-transition: 1s;
transition: 1s;
}
#back-top a:hover span {
background-color: #728EC5;
}
}




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


#container{
width:100%;
}

BODY {
width :92%; 
font-family: "Meiryo UI","Verdana","ＭＳ Ｐゴシック","sans-serif","Osaka"; FONT-SIZE: 16px; COLOR: #000000;
 line-height : 130%;

color:#000000;
background-color: #e8e8e8;
background-image: url(../kabe_052.gif);
}



#tp{
FONT-SIZE: 11px; COLOR: #000000;
margin-left:auto;
margin-right:auto;
background-color:#e8e8e8;
text-align:right;
height : 45px;
margin:0px auto;
padding : 10px;
background-image: url(../0_top_gy_s.gif);

}

#contents{
margin-left:10px;
margin-right:10px;
background-color:#e8e8e8;
background-image: url(../0_bggy.gif);
padding : 5px;
text-align:left;
width:100%;
margin:0px auto;
}


#ft1{
font-family: "Times New Roman","Meiryo UI","Verdana","ＭＳ Ｐゴシック","sans-serif","Osaka"; FONT-SIZE: 13px; COLOR: #000000;
margin-left:auto;
margin-right:auto;
margin-bottom:3px;
background-color:#e8e8e8;
text-align:left;
background-image: url(../0_bggy.jpg);
background-repeat: no-repeat;
}


#ft2{
font-family: "Times New Roman","Meiryo UI","Verdana","ＭＳ Ｐゴシック","sans-serif","Osaka"; FONT-SIZE: 12px; COLOR: #333333;
line-height : 110%;
margin-left:auto;
margin-right:auto;
background-color:#e8e8e8;
text-align:left;
height:360px;
margin: 0px 0px 0px 0px;
background-image: url(../ft/ft_nichinan.jpg);
background-repeat: no-repeat;
}

.fttxt{
margin: 5px 5px 0px 5px;
}


.left-box-1{

text-align:center;
float : left;
width : 98%;
background : #e8e8e8;
padding : 0px;
border : 0px;
margin: 10px 0px 10px 0px;
}

.left-box-1l{

text-align:left;
float : left;
width : 98%;
background : #e8e8e8;
padding : 0px;
border : 0px;
margin: 10px 0px 10px 0px;
}

.left-box-2{
width : 98%;
float : left;
text-align:center;
padding : 0px;
background : #e8e8e8;
border : 0px;
margin: 10px 0px 10px 0px;
}

.left-box-2l{

float : left;
text-align:left;
width : 98%;
padding : 0px;
background : #e8e8e8;
border : 0px;
margin: 10px 0px 10px 0px;
}

.left-box-3{
float : left;
text-align:left;
width : 98%;
padding : 0px;
background : #e8e8e8;
border : 0px;
margin: 5px 0px 5px 0px;
}

.left-box-4{
float : left;
text-align:center;
width : 98%;
padding : 0px;
background : #e8e8e8;
border : 0px;
margin: 5px 0px 5px 0px;
}


.left-box-5{
float : left;
text-align:center;
width : 98%;
padding : 0px;
background : #e8e8e8;
border : 0px;
margin: 5px 0px 5px 0px;
}

.left-box-6{
float : left;
text-align:left;
width : 98%;
padding : 0px;
background : #e8e8e8;
border : 0px;
margin: 5px 0px 5px 0px;
}



.left-box-l{

text-align:center;
float : left;
width : 98%;
background : #e8e8e8;
padding : 0px;
border : 0px;
margin: 10px 0px 10px 0px;
}

.left-box-r{

float : left;
text-align:center;
width : 98%;
padding : 0px;
background : #e8e8e8;
border : 0px;
margin: 10px 0px 10px 0px;
}


.clr-block{
text-align:left;
clear : both;
background : #e8e8e8;
padding : 0px;
}


#back-top {
position: fixed;
bottom: 0px;
right: 10px;
z-index: 9999;
}
 
#back-top a {
width: 58px;
display: block;
text-align: center;
font: 11px/100% Arial, Helvetica, sans-serif;
text-transform: uppercase;
text-decoration: none;
outline: none;
color: #000000;
 
/* transition */
-webkit-transition: 1s;
-moz-transition: 1s;
-o-transition: 1s;
transition: 1s;
 
filter: alpha(opacity=50);
-moz-opacity: 0.5;
opacity: 0.5;
}
#back-top a:hover {
color: #728EC5;
 
filter: alpha(opacity=100);
-moz-opacity: 1.0;
opacity: 1.0;
}
 
/* arrow icon (span tag) */
#back-top span {
width: 58px;
height: 58px;
display: block;
margin-bottom: 7px;
background: #728EC5 url(../0_up-arrow.png) no-repeat center center;
 
/* rounded corners */
-webkit-border-radius: 1px;
-moz-border-radius: 1px;
border-radius: 1px;
 
/* transition */
-webkit-transition: 1s;
-moz-transition: 1s;
-o-transition: 1s;
transition: 1s;
}
#back-top a:hover span {
background-color: #728EC5;
}
}