@charset "utf-8";

p{font-size:16px}
.ttl2{color:#a70e39;font-size:210%;font-weight:bold;margin:0.7em}
.ttl2 p{text-align:center;font-size:60%;font-weight:normal}
@media only screen and (max-width: 600px){
.ttl2{font-size:160%}
}

#picfix{width:100%;margin:0 !important;float:left !important}
@media print {
body{
zoom: 75%;}
}
.icon-external-link-sign:before {
    content: "\f14c";
}
body{
font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka,"ＭＳ Ｐゴシック33\20\FF30\30B4\30B7\30C3\30AF","Helvetica",sans-serif;}
div#related-link div a:hover img {
border: 1px solid #5593BF;
}
#sns {
    float: right;
    margin: 40px 0 0 0;
    width: 260px;
}
iframe.line-it-button{
width:80px !important;
padding:0 6px 0 0;background-color:#06c755;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
-khtml-border-radius: 3px;
border-radius: 3px;
}
#twitter-widget-0,#twitter-widget-1{
/* padding: 0 0 4px; */
border-radius: 3px;
background-color: #1d9bf0;
/* width: 114px !important; */
/* height: 22px !important; */
/* zoom: 76%; */
margin-left: 2px;
}

.lead{
width:100%;
max-width:900px;
margin:0.6em auto;
text-align:center;
font-size:140%;
font-weight:bold;
line-height:1.4em;
}
.lead2{
width:100%;
max-width:900px;
margin:0.6em auto;
text-align:center;
font-size:130%;
font-weight:bold;
line-height:1.4em;
}
@media only screen and (max-width: 600px){
.lead{font-size:120%;}
.lead2{font-size:115%;}
}
.ttl{
	font-weight: 600;
    margin: 0.4em !important;
    text-align: center !important;
    font-size: 2.8vmin;
    line-height: 1.4em;
    color:white;
    background-color:#4c616e;
    border-radius:0.2em;
    padding: 0.5em 0.3em !important;
}
.txt_green{color:#4c616e;}
a.jump,a.jump:link{color:#4c616e !important;}
a.jump:hover{color:#cc0d50 !important;}
h2.ttl:hover{opacity:1}
#real{padding-top:2em}
.sec-ttl,.sec-ttl2{
	font-weight: 600;
    margin: 0.4em !important;
    text-align: center !important;
    font-size: 2.6vmin;
    line-height: 1.4em;
}
.sec-ttl3{	font-weight: 600;font-size:2.0vmin;text-align: center !important;}
.sec-ttl{
	color:white;
}
.sec-ttl2{
	color:#333;
}
b.eco{background: url(../images/marker2.gif) -25% repeat-x;}
.sec-ttl2 b{background: url(../images/marker.gif) -25% repeat-x;}.caption{margin:0 20px}
a:hover img{opacity:0.85}
#movcap{font-weight:600;letter-spacing:0.05em;font-size:115%;color:white;text-align:center;margin:0.6em 0 0;padding: 0}
.caption{padding:0 0 0.6em;margin:0;font-size:80%}

#ol{border-collapse: collapse;font-weight:normal;font-size:90%}
#ol th,#ol td{border:1px solid #aaa !important;line-height:1.4em}
#ol th{background:#eee;width:20%;min-width:120px}
#ol td b{font-size:130%;font-weight:bold;line-height:1.6em !important}
#ol td#b-cell{border:none !important;height:0.5em}


.spacer{height:60px}
.cell_p{margin:10px}
.cell_p img{width:100%;height:auto}

@media only screen and (max-width: 767px){
.cell{margin:16px 8px !important}
.house_top {
    border: 1px solid #aaa;
    color: #333;
    padding: 1em 0.1em;
    line-height: 1.3em;
}
.spacer{height:60px}

}
@media only screen and (max-width: 600px){
#mov_area .width-1of4,#real .width-1of4{width:100% !important}
.caption{padding:0 16px 0.6em;margin:0;font-size:80%}
.sec-ttl{font-size:20px}
.sec-ttl2{font-size:17px;line-height:1.6em}
.sec-ttl3{font-size:18px}
.spacer{height:130px}
.cellp{margin:0}
}
@media only screen and (max-width: 420px){
#btn{padding:0.1em 0 0 !important}
.spacer{height:88px}
.sec-ttl3{font-size:17px}
}
@media only screen and (max-width: 400px){
#btn{padding:0.1em 0 0 !important}
.spacer{height:80px}
}
@media only screen and (max-width: 320px){
.lead{font-size:105%}
.lead2{font-size:96%}
.jump,.sec-ttl3{font-size:14px}
}
@media only screen and (max-width: 280px){
.jump,.sec-ttl3{font-size:13px}
}
/*******************************/
/*
#sub_link a, #sub_link a:hover {
    font-size: 16px;
    font-weight: normal;
    text-shadow: 1px 1px 0px white, 1px 1px 3px #AAA;
    text-align: center;
    float: left;
    padding: 12px 4px 11px;
    margin: 0 14px 8px 0;
    display: block;
    text-decoration: none;
    color: #111;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    -khtml-border-radius: 6px;
    border-radius: 6px;
    min-width: 150px;
}
*html #sub_link a,#sub_link a:hover{
width:196px;
margin-bottom:0;

}
#sub_link a {
border: solid 2px #AAA;
background: url('../images/bg3.gif');
}
#sub_link a:hover,#sub_link a#on{
border:solid 2px #ec7699;
background-color:#ffd0eb;
background: url('../images/bg3pink.gif');
}
html*#sub_link a:hover{
cursor: pointer;
}
#sub_link a span,#sub_link a#on span,#sub_link a:hover span{
font-size:80%;
}
*/
div#sub_menu{width:100%;padding:10px 0 0 8px;box-sizing:border-box}
div#sub_link{float:left;width:25%}
div#sub_link a{width:90%;min-width:70px;}

/*********************/

.min{
font-family: "YuMincho","ヒラギノ明朝 Pro","Hiragino Mincho Pro","Hiragino Mincho ProN","ヒラギノ明朝 ProN W3","游明朝", "リュウミン R-KL","Ryumin Regular KL","Kozuka Mincho Pro","Kozuka Mincho Std","小塚明朝 Pro R", "小塚明朝 Std R","\FF2D\FF33\20\FF30\660E\671D","ＭＳ Ｐ明朝","\4D\53\660E\671D","MS Mincho", serif;
line-height:1.5em;
}

h3.min{font-weight:bold;font-size:280%;padding:0.3em 0 1.2em}
.min p{font-size:110%;line-height:1.7em;padding:0 0 0.8em 0}

@media only screen and (max-width:767px){
h3.min{font-size:260%}
}
@media only screen and (max-width:600px){
h3.min{font-size:190%}
}

#history{
width:100%;
border-collapse:collapse;
font-family: "Lucida Grande", Arial, Helvetica, "Helvetica Neue", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", メイリオ, Meiryo, "ＭＳ Ｐゴシック", sans-serif;
    text-size-adjust: 100%;
}

#history th{
padding:1em 0;
width:13%;
min-width:55px;
font-weight:bold;
border-bottom:2px solid #2d932d;
letter-spacing: 0em;
color:#2d932d;
}
#history td{
padding:6px 0 ;
font-weight:normal;
border-bottom:1px dotted #2d932d;
letter-spacing: 0em;
}


#history th,#history td{font-size:16px}
@media only screen and (max-width:767px){
#history th,#history td{font-size:14px}
}


#history td ul{padding:0 0 6px 18px;margin:0}
#history td ul li{
 position: relative;
  list-style-type: none!important;
  padding: 6px 0 0px 0;
  line-height: 1.4em;
  vertical-align: middle;
text-indent:-11px;
}
#history ul li:before{
  display:inline-block; 
  vertical-align: middle;
  content:'';
  width:0.6em;
  height:0.6em;
  background: #95df4a;
  border-radius: 50%;
  margin-right: 4px;
  margin-bottom: 4px;  
}

/*************201907****************/
#box img{
  transition: opacity 3.6s;
  -moz-transition: opacity 3.6s;
  -webkit-transition: opacity 3.6s;
  -o-transition: opacity 3.6s;
}
@media only screen and (max-width: 768px){
#box img{
  transition: opacity 1.4s;
  -moz-transition: opacity 1.4s;
  -webkit-transition: opacity 1.4s;
  -o-transition: opacity 1.48s;
}
}
div#footer-area .cell{float:none !important;}

ul#portfolio li,ul#portfolio li img{width:100%}
#portfolio{max-height:790px !important;}
.col,.cell,.sec0{display: inline-block;box-sizing: border-box;}

div.col img{float:left !important;}

.sec0 img{width:100% !important;height:auto}
.sec0{position:relative;text-align:center;margin:0 auto;height:auto;width:100% \9}
.sec0 figure{position: absolute;
    z-index: 100;top:0%;text-align:center;width:100%}
.sec0 figure .h2_ttl{width:90%;margin:0 auto;}
.sec0{height:4em;width:100%;margin:1em 0 0.3em}
#orange-box{color:white;
background:#f1811d;
background-image: -webkit-gradient(linear, left top, left bottom, from(#ff9b42), to(#f1811d));
background-image: linear-gradient(to bottom, #ff9b42 0%, #f1811d 100%);
background-repeat: repeat-x;
background-position: left top;
box-sizing:border-box;
border-bottom: 1px solid #713401;
height:auto;
}
#gray-box{color:white;
background:#888888;
background-image: -webkit-gradient(linear, left top, left bottom, from(#999999), to(#777777));
background-image: linear-gradient(to bottom, #999999 0%, #777777 100%);
background-repeat: repeat-x;
background-position: left top;
box-sizing:border-box;
border-bottom: 1px solid #555555;
height:auto;
}
/*------------------201904-----------------------*/
.pc2{display:block !important}
.smp2{display:none !important}


.width-1of2,.width-1of3,.sec1of2,.sec1of3{float:left !important}
.width-1of2{width:46% \9}
.sec1of2{width:48.1%;width:46.5% \9}
.sec1of3{width:31.5%;width:30% \9}
#inner_green{box-sizing:border-box;margin:1em 3% 1em 3.5%;text-align:left}
@media only screen and (max-width:1216px){
.sec1of3{width:31.4%}
}
@media only screen and (max-width:1170px){
.sec1of2{width:48.0%}
}
@media only screen and (max-width:979px){
.width-1of3{width:50%}
.sec1of3{width:48%}
.pc2{display:none !important}
.smp2{display:block !important}
}

@media only screen and (max-width:767px){


}

@media only screen and (max-width:640px){

.width-1of3{width:100%}
.sec1of3{width:100%;float:none}
#inner_green{margin:1em 3.5% 1em 2%}
}

#area_link a img{border:1px solid #aaa \9}












/*-----------------------------------------*/





div#related-link div a img {
border: 1px solid white;
}

table.pdf{
	font-size: 14px;
	margin: 0;
	border: 1px solid #bbbbbb;
}
td.pdf{
	font-size: 12px;
	line-height:1.2em;
	margin: 0;
	padding: 8px;
	border: 1px solid #bbbbbb;
}
#tokuten01{
padding:60px 153px 20px 30px;
	font-size: 10px;
	color:#444;
	line-height:1.4em;
}
#tokuten02{
padding:60px 156px 20px 30px;
	font-size: 10px;
	color:#444;
	line-height:1.4em;
}	
#tokuten03{
padding:60px 150px 20px 22px;
	font-size: 10px;
	color:#444;
	line-height:1.4em;
}	

#tokuten01 p{
	margin:6px 0 0 0;
	font-size: 10px;
	color:#777;
	line-height:1.1em;
}
#tokuten02 p{
	margin:6px 0 0 0;
	font-size: 10px;
	color:#777;
	line-height:1.1em;
}

#customer01{
margin:6px 422px 0px 54px;
	font-size: 10px;
	color:#444;
	line-height:1.4em;
}
#customer02{
margin:169px 16px 0px 54px;
	font-size: 10px;
	color:#444;
	line-height:1.4em;
}	
#customer03{
margin:80px 250px 0px 16px;
	font-size: 10px;
	color:#444;
	line-height:1.4em;
}	




.contact{
	width:696px;
	margin:28px 0px 0px 14px;
	border:2px solid #5d6c7c;
}

.contact_title{
	background-color: #5d6c7c;
    font-weight: bold;
    color: white;
	padding:4px;
	font-size:16px;
	text-align:center;
}

.contact_l{
	border-left:1px solid #5d6c7c;
	border-top:1px solid #5d6c7c;
	border-right:1px solid #5d6c7c;
	background-color: #fff;
    font-weight: bold;
    color: #5d6c7c;
	padding:2px;
	font-size:14px;
	vertical-align:middle;	
	text-align:center;
	height:16px;
	width:352px;
}
.contact_w{
    font-weight: bold;
    color: #555;
	padding:20px 0px 10px 5px;
	font-size:14px;
	line-height:1.5em;
	vertical-align:middle;
	text-align:center;
	border: 1px solid #5d6c7c;
	background-color: white;
}
.contact_list{
	margin:10px 0 0 14px;
	width:700px;
	margin-bottom:30px;
}
.contact_bt{
	margin:10px 0 6px ;
	padding:6px 10px 8px;
	background-color:#fff;
	font-size:18px;
	text-shadow: 1px 1px 0px white,1px 1px 3px #AAA;
	text-decoration: none;
	letter-spacing:0.1em;
	color: #111;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	-khtml-border-radius: 6px;
	border-radius: 6px;
	min-width:168px;
	border: solid 2px #AAA;
	background: url('/shisan/images/bg3.gif');
}
html*.contact_bt{
	margin-top:20px;
	padding:8px 0 4px;
	color:#111;
	background-color:#fff;
	font-size:14px;
}

.contact_bt:hover{
border:solid 2px #ec7699;
background: url('/shisan/images/bg3pink.gif');
}
html*.contact_bt:hover{
border:solid 2px #ec7699;
background: url('/shisan/images/bg3pink.gif');
}

table.box{
margin:16px 0 0 0px;
font-size:14px;
color:#3333aa;
}

table.pdf{
	font-size: 14px;
	margin: 0;
	border: 1px solid #bbbbbb;
}
td.pdf{
	font-size: 14px;
	margin: 0;
	padding: 10px;
	border: 1px solid #bbbbbb;
}

#base0{
background:#9cd3dd;
padding:20px 20px;

}
#base0 #bg0{
position:relative;
background:#fff;
padding:12px 20px;
-moz-border-radius: 20px;
-webkit-border-radius: 20px;
-khtml-border-radius: 20px;
border-radius: 20px;
border:1px solid #fff;
behavior: url('/shisan/common/css/PIE.htc');

}

#base{
background:#c89cdd;
padding:20px 20px;

}
#base #bg{
position:relative;
background:#fff;
padding:12px 20px;
-moz-border-radius: 20px;
-webkit-border-radius: 20px;
-khtml-border-radius: 20px;
border-radius: 20px;
border:1px solid #fff;
behavior: url('/shisan/common/css/PIE.htc');

}


#layout1{
border-collapse: collapse;
border:none;
margin-top:16px;
}
#layout1 table td{
padding:0;
}
#layout1 td{
width:267px;
/*height:267px;*/
/*background:#f1f1f1;*/
vertical-align:top;
font-size:14px;
line-height:1.3em;
}

#layout1 td div{
font-weight:bold;
border-bottom:1px dotted #9f2340;
margin-bottom:6px;
}
#layout1 td p{
color:#b84c97;
font-size:16px;
font-weight:bold;
padding:4px 0;
line-height:1.2em;
}
#layout1 td p#cap{
color:#333;
padding-top:2px;
font-size:12px;
font-weight:normal;
}
/*#layout1 td p img{
margin-right:2px;
width:16px;
height:16px;
}*/
#layout1 td img{
margin-top:4px;
margin-left:1px;
float:right;
}
#layout1 td p#red{
font-size:16px;
color:#666666;
font-weight:bold;
padding:0 0 4px;
}
#layout1 th{
width:19px;
}

#base2{
background:#f894ab;
padding:20px 20px;

}
#base2 #bg2{
position:relative;
background:#fff;
padding:10px 10px 2px;
-moz-border-radius: 20px;
-webkit-border-radius: 20px;
-khtml-border-radius: 20px;
border-radius: 20px;
border:1px solid #fff;
behavior: url('/shisan/common/css/PIE.htc');
}
#base2 #bg2 table{
border-collapse: collapse;
}


/*-----------------------------------*/
#area_ttl{
padding: 3px 10px 2px;
background: #c11d47;
/*background:#8e8e94;*/
font-size: 16px;
color: white;
margin:0 0 6px 1px;
width:824px;
float:left;
font-weight: bold;
text-align:center;
}
#sub_menu{
padding:16px 0 16px 35px;
height:auto;
/*overflow:auto;*/
/*height:150px;*/
}
*html #sub_menu{
padding:10px 0 0 32px;
height:150px;
}
#sub_link.label{float:left;min-width:184px;padding:0 8px;font-size: 16px;font-weight:bold;
margin:0 14px 0 0;text-align: center;}
*html #sub_link.label{width:184px;}
#sub_link a,#sub_link a:hover{
position:relative;
font-size: 16px;
font-weight: normal;
text-shadow: 1px 1px 0px white,1px 1px 3px #AAA;
text-align: center;
float:left;
padding:6px 8px 5px;
margin:0 12px 6px 0;
display: block;
text-decoration: none;
color: #111;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
-khtml-border-radius: 6px;
border-radius: 6px;
min-width:182px;
behavior: url('/shisan/common/css/PIE.htc');
}
*html #sub_link a,#sub_link a:hover{
width:182px;
}
#sub_link a {
border: solid 2px #AAA;
background: url('/shisan/images/bg3.gif');
}
#sub_link a:hover,#sub_link a#on{
border:solid 2px #ec7699;
background-color:#ffd0eb;
background: url('/shisan/images/bg3pink.gif');
}
#sub_link a span,#sub_link a#on span,#sub_link a:hover span{
font-size:80%;
}

#bt:hover img {
filter: alpha(opacity=80);
opacity: 0.8;
}
/*------------------------------------------------*/
#obi_menu{background:#c0c0ce;

}
#obi_inner{
text-align:left;
margin:0 auto;
padding:30px 25px 20px;
z-index:80;
position: relative;
height:200px;
width:870px
}
html*#obi_inner{
/*left:230px;*/
margin-top:16px;
padding:20px 10px 15px;
width:870px;
}
#obi_link{float:left !important;}
#obi_link a img{width:250px;margin-bottom:6px}
#obi_link a,#obi_link a:hover,#obi_link_b a,#obi_link_b a:hover{position: relative;
font-size: 12px;
font-weight: normal;
text-align: center;
float:left !important;
padding:5px 8px 4px;
margin:0 11px;
display: block;
text-decoration: none;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
-khtml-border-radius: 6px;
border-radius: 6px;
width:250px;
height:180px;
behavior: url('/house/PIE.htc');}
html*#obi_link a,#obi_link a:hover,#obi_link_b a,#obi_link_b a:hover{
width:250px;
height:200px;
}
#obi_link a,#obi_link a:hover{
text-shadow: none;
color: #333;
}
#obi_link a {
border: solid 1px #666;
background-color: #fff;
text-shadow: 1px 1px 0px #999,1px 1px 3px  #eee;
}
#obi_link a:hover,#obi_link a#on{
border: solid 1px #c11d47;
background-color:#ffecf1;
text-shadow: 1px 1px 0px #999,1px 1px 3px  #eee;
}
#obi_link_b a,#obi_link_b a:hover{
text-shadow: 1px 1px 0px #999,1px 1px 3px  #aaa;
color: white;
}
#obi_link_b a {
border: solid 1px #999;
background: #b2b900;
}

#obi_link_b a:hover,#obi_lin_bk a#on{
border:solid 1px #999;
background-color:#c2ca01;
}


#area_link a,#area_link a:hover{
/*font-size: 12px;
font-weight: normal;*/
text-align: center;
/*float:left;*/
padding:0;
margin:0 auto;
display: block;
text-decoration: none;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
-khtml-border-radius: 6px;
border-radius: 6px;
width:600px;
height:80px;
behavior: url('/house/PIE.htc');}
html*#area_link a,#area_link a:hover{
width:600px;
height:80px;
}

#area_link a {
border: solid 1px #666;
background-color: #fff;
text-shadow: 1px 1px 0px #999,1px 1px 3px  #eee;
}
#area_link a:hover,#area_link a#on{
border: solid 1px #c11d47;
background-color:#ffecf1;
text-shadow: 1px 1px 0px #999,1px 1px 3px  #eee;
}
a:hover #bnr{
filter:alpha(opacity=85);opacity:0.85;}
/*---------------------------------------------*/

ul{margin: 0;padding: 0;list-style-type: none;}
#info_ttl{text-align:center;font-size:2vmin !important;font-weight:normal;color:#333350;padding-bottom:2px;}
#info{border-collapse: collapse;
border-spacing: 0;
margin:0 auto 16px;
max-width:1100px;
}
#info td{text-align:center !important;width:200px;vertical-align:top;font-size:14px}
#info td div{text-align:left;padding:7px 7px 0;line-height:1.4em}
#info td p{text-align:center !important;font-size:16px;font-weight:bold;color:#333350;padding-bottom:2px;}
#info th{width:14px}
#info td img{float:none;width:200px; height:130px;margin:0 auto;clear:both}
#info td div{max-width:240px}

#bt_event{
padding:8px;
border: solid 1px #aaa !important;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
-khtml-border-radius: 6px;
border-radius: 6px;

}

#info2{border-collapse: collapse;
border-spacing: 0;
margin:0 0;
width:100%;
}



#obi_menu .smp img{float:none;margin:0 auto}

@media only screen and (max-width:979px){


#arrow {
    vertical-align: middle;
   margin: 0.22em -10px 4px 10px !important;
}




}
@media only screen and (max-width:930px){
.sns2{display:none}
#obi_menu{height:170px;text-align:center}
#obi_inner{width:700px}
#obi_link a,#obi_link a:hover,#obi_link_b a,#obi_link_b a:hover{position: relative;
font-size: 0;
font-weight: normal;
text-align: center;
float:left !important;
padding:5px 0 4px;
margin:0 6px;
display: block;
text-decoration: none;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
-khtml-border-radius: 6px;
border-radius: 6px;
width:218px;
height:120px;
behavior: url('/house/PIE.htc');}
#obi_link a img{width:216px}

}
@media only screen and (max-width:767px){
.width-1of2{width:100%}
.width-1of2 img{width:100%}
div#footer-area{background-image:none}
#info_ttl{text-align:center;font-size:14px;font-weight:normal;color:#333350;padding-bottom:2px;}
#info2{border-collapse: collapse;
border-spacing: 0;
margin:0;
max-width:100%;
}
#info2 td{padding:0;width:50%;vertical-align:top;font-size:1em;text-align:left;line-height:1.4em}
#info2 td div{padding:9px}
#info2 td p{text-align:center;font-size:14px;font-weight:bold;color:#333350;padding-bottom:2px;}
#info2 th{width:0;padding:0}
#info2 td img{width:100%;margin:0 auto;}
.menu li#sub1 a{padding:20px 0 20px 0 !important;font-weight:bold;}


#obi_menu{padding:30px 14px 16px;height:auto;box-sizing:border-box}

#obi_menu .smp a img{border:1px solid #aaa;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
-khtml-border-radius: 10px;
border-radius:10px;
margin:0 auto 14px;
}

/*nav ul{height:44px}*/

}
@media only screen and (max-width: 600px){
#area_link a, #area_link a:hover{padding:10px 0;width:90%;height:50px;}
#area_link a img{width:100%}
}



/****************201908*****************/


.site-center2{
max-width:1200px;
margin:0 auto;
}
#sub_menu{

padding:14px 0 10px 22px;
height:auto;
line-height:1.0em !important;
/*overflow:auto;*/
/*height:45px;*/
}
*html #sub_menu{
padding:14px 0 0 15px;
/*height:60px !important;*/
}
#sub_link a, #sub_link a:hover {
    font-size: 16px;
    font-weight: normal;
    text-shadow: 1px 1px 0px white, 1px 1px 3px #AAA;
    text-align: center;
    float: left;
    padding: 0.8em 4px 0.8em !important;
    margin: 0 14px 8px 0;
    display: block;
    text-decoration: none;
    color: #111;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    -khtml-border-radius: 6px;
    border-radius: 6px;
    min-width: 150px;
}
*html #sub_link a,#sub_link a:hover{
width:196px;
margin-bottom:0;

}
#sub_link a {
border: solid 2px #AAA;
background: url('../images/bg3.gif');
}
#sub_link a:hover,#sub_link a#on{
border:solid 2px #ec7699;
background-color:#ffd0eb;
background: url('../images/bg3pink.gif');
}
html*#sub_link a:hover{
cursor: pointer;
}
#sub_link a span,#sub_link a#on span,#sub_link a:hover span{
font-size:80%;
}

div#sub_menu{width:100%;padding:10px 0 0 8px;box-sizing:border-box}
div#sub_link{float:left !important;width:25%}
div#sub_link a{width:90%;min-width:70px;}


#sub_link a span,#sub_link a#on span,#sub_link a:hover span{
font-size:80%;
}



@media only screen and (max-width: 767px)
{
div#sub_link {
    width: 50%;
}
}

/*------------------------201911---------------------*/

#area{
color:white;
padding:0.6em;
}
#area a,#area a:hover{font-size:120%;color:#fff131;font-weight:bold}

.area_info{padding:0.6em;}
.area_box{border:1px dotted #fff131;padding:0.6em;background:#c06b2c}
#area p{text-align:left}
#area p b{font-size:120%;line-height:1.8em;
/*text-align:center;*/
}
#area .area_info{width:25% !important}


/*
@media only screen and (min-width: 1021px) and (max-width: 1100px) {
#area p{font-size:85%}
}
@media only screen and (min-width: 941px) and (max-width: 1020px) {
#area p{font-size:80%}
}*/
@media only screen and (max-width: 1100px){
#area .area_info{width:50% !important}
}
@media only screen and (max-width: 767px){
.headerNav00R{font-size:100%}
#area .area_info{width:100% !important}
}
.box img{
  transition: opacity 1.4s;
  -moz-transition: opacity 1.4s;
  -webkit-transition: opacity 1.4s;
  -o-transition: opacity 1.4s;
}
@media only screen and (max-width: 768px){
.box img{
  transition: opacity 1.4s;
  -moz-transition: opacity 1.4s;
  -webkit-transition: opacity 1.4s;
  -o-transition: opacity 1.4s;
}
}
.lead2 nobr{margin:0 -0.2em}
@media only screen and (max-width: 280px){
h2.ui-title{font-size:100%}
.headerNav00R{font-size:100%}
.lead{font-size:90%}
.lead2{font-size:110%}
h3.min{font-size:150%}
h2.ttl{font-size:1.2em !important}
.sec-ttl2{font-size:100%}
}