/* CSS Document */
.txc {
text-align:center;
font-size:0.8em;
font-weight:bold;
color:#F33;
}
@media only screen and (max-width: 940px){
body {
font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", 'モリサワ 新ゴ R', "Shin Go Regular", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
background-color:transparent;
}
img {
max-width:100%;
height:auto;
}
#contents,#navi,#header,#headWrapper,#contentsWrapper,#right,#footlink,#footlinkWrapper,#footer,#footerWrapper {
width:100%;
min-width:320px;
margin-left:auto;
margin-right:auto;
}
#call {
position:static;
display:none;
}
#right p.howtobtn,#right .lbl02,
#toparea2 .toparea2_L .p1,#toparea2 .toparea2_L p,#toparea2 .toparea2_L .p2,#right .lbl05 {
width:auto !important;
}
#headWrapper {
background-image:none;
}
#right .lbltop,.sm_align_center,.howtobtn,#right .lbl01{
text-align:center;
}
#right .lbltop img,#contents img.noblock,#contents .howtobtn img,#right .lbl01 img {
display:inline;
}
#header {
background-image: url(../common_img/header_back.png);
background-repeat: repeat-x;
background-position: center top;
height:auto;
}
#header h1 {
position:static;
padding-top: 10px;
padding-left: 3%;
padding-right: 3%;
padding-bottom: 5px;
}
/*  nav   #1d5987*/
#navi {
position:relative;
height: auto;
left: 0px;
top: 0px;
right: 0px;
bottom: 0px;
border-top-width: 3px;
border-top-style: solid;
border-top-color: #1d5987;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #CCC;
}
#navi ul {
overflow:hidden;
}
#navi li {
width:16.666666666666666666666666666666%;
text-align:center;
}
#navi li .b{
display:block;
}
#navi li a{
height:47px;
display:block;
font-size:0.9em;
padding-left:1%;
padding-right:1%;
padding-top:5px;
width:98%;
text-decoration:none;
font-weight:bold;
color:#1d5987;
background-image: url(../common_img/menu.png);
background-repeat: no-repeat;
background-position: left center;
}
#navi li.c a{
padding-top:12px;
height:40px;
}
#navi li img {
display:none;
}
#navi li .none {
display:block;
}
/* tell   */
.call {
position:relative;
font-size:0.85em;
display:block;
text-align:center;
font-style: normal;
}
.call .red {
font-weight:bold;
color:#cc0000;
font-size:1.1em;
}
.call .note {
font-size:0.8em;
}
.call .number{
font-weight:bold;
font-size:1.5em;
line-height:1.3em;
}
.call a{
color:#333;
text-decoration:none;
}
.call .tellmark{
display:block;
position:absolute;
top: -10px;
left: 9px;
}
/*  top   */
#toparea {
height:auto;
width:93%;
margin:10px auto;
background-image: url(../img/img_top3_s.jpg);
background-repeat: no-repeat;
background-position: right;
border: #62a91f 2px solid;
padding: 12px 0px 12px 20px;
}
#toparea2 {
width:700px;
margin: 25px auto 5px auto;
}
#toparea2 .toparea2_R {
float:left;
margin-left:5px;
}
/*   side    */
#left {
float:none;
padding-right:0;
width:auto;
clear:both;
margin:0 auto;
}
.side_bar {
overflow:hidden;
margin:0 auto;
max-width:470px;
}
.side_bar li {
float:left;
text-align:center;
width:48%;
margin:0 1%;
}
#left .side_bar li.sp1 {
display:none;

}
.rela {
position:relative;
}
#right .lbl02 {
padding:10px 0 10px 15px;
background-position:left center;
background-color: #ADED73;
background-image:url(../common_img/lbl04_s.jpg)
}
#right,#pagetop {
padding-left:0;
padding-right:0;
}
#right {
margin-left:0;
margin-right:0;
}
#right .lbl04 {
text-align:center;
}
#right .lbl04 img{
display:inline;
}
#pagetop a{
position:fixed;
bottom:10px;
right:5px;
z-index:1000;
padding:0px;
height: 24px;
width: 27px;
display:block;
background-image: url(../common_img/pagetop.png);
}
#pagetop a img {
display:none;
}
#left .sp1,
#left .sp2 {
width:100%;
color:white;
font-weight:bold;
}
#left .sp1 img,
#left .sp2 img{
display:none;
}
#left .sp1 .none,
#left .sp2 .none {
display:block;
}
#left .sp1 a,
#left .sp2 a {
display:block;
color:white;
text-decoration:none;
background-image: url(../common_img/sub_nav_back.png);
background-repeat: no-repeat;
height: 39px;
padding-left:33px;
padding-top:10px;
}
#left .sp1 a.current,
#left .sp2 a.current {
opacity:0.5;

}
.howtobtn.sm_box {
display:block;
}
/*  contact   */
.graphAll2,
.graphAll3 {
margin-left:auto;
margin-right:auto;

}
.graphAll2 textarea,
.graphAll2 input[type="text"] {
font-size:18px;
width:95%;
}
.graphAll3 .graphLeft01,
.graphAll2 .graphLeft01 {
width:25%;
vertical-align:top;
}
.sm_box#pcmode {
display:block;
}
/*940*/
}
@media only screen and (max-width: 720px){
#toparea {
background-position:right top;
padding-top:139px;
;
background-image: url(../img/img_top3_ss.jpg);
}
/* top */
#toparea2 {
overflow:hidden;
width:auto;

}
#toparea2 .toparea2_R,
#toparea2 .toparea2_L {
position:relative;
margin:0;
float:none;
width:100%;
}
#contents #toparea2 .toparea2_R .p3,
#contents #toparea2 .toparea2_R .p5 {
width:auto;
}
#toparea2 .toparea2_R .p1_title img,
#toparea2 .toparea2_L .p1_title img {
display:none;
}
#toparea2 .toparea2_R .p1_title {
background-image: url(../img/img_top8.png);
background-repeat: no-repeat;
width:100%;
background-position: left top;
background-size:720px 41px;
-moz-background-size:720px 41px;
-o-background-size:720px 41px;
-webkit-background-size:720px 41px;
height: 41px;
}
#toparea2 .toparea2_L .p1_title {
background-image: url(../img/img_top5.png);
background-size:720px 41px;
-moz-background-size:720px 41px;
-o-background-size:720px 41px;
-webkit-background-size:720px 41px;
background-repeat: no-repeat;
background-position: left top;
height: 41px;
}
#toparea2 .toparea2_L .p2 {
background-image:none;
background-color:#FEFAEF;
border:2px solid #E7BB72;
min-height: 100%;
padding-bottom:10px;
margin-bottom:10px;
}
#toparea2 .toparea2_R .p2 {
background-image:none;
background-color:#F5FAFE;
border:2px solid #6EBFF7;
width:auto;
min-height: 100%;
padding-bottom:10px;
}
#contents #toparea2 .toparea2_R .p4 {
text-align:center;
padding-left:0;
padding-right:0;
width:100%;
}
#contents #toparea2 .toparea2_R .p4 img{
display:inline;
}
#toparea2 .toparea2_L .sm_box,
#toparea2 .toparea2_R .sm_box{
position:absolute;
cursor:pointer;
display:block;
background-image: url(../img/top_btn.png);
background-repeat: no-repeat;
height: 25px;
width: 27px;
top: 9px;
right: 9px;
}
#toparea2 .toparea2_L .sm_box.on,
#toparea2 .toparea2_R .sm_box.on{
background-image: url(../img/top_btn_on.png);
}
#toparea2 .toparea2_R .sm_box{
background-position:0 -73px;
}
.sm_none{
display:none;
}

/*720*/
}
@media only screen and (max-width: 590px){
#menu_box {
display:block;
position:absolute;
top:3px;
right:8px;
font-size:10px;
text-align:center;
color:#1d5987;
cursor:pointer;
background-color:white;
border-radius:5px;
width:40px;
text-shadow:0 1px 1px rgba(0,0,0,0.2);
height:30px;
font-weight:bold;
box-shadow:inset 0 1px 3px rgba(0,0,0,0.2);
background-image: url(../common_img/arrow.png);
background-repeat: no-repeat;
background-position: 4px -21px;
}
#navi li {
float:none;
width:100%;
}
#navi li .b{
display:inline;
}
#navi li a{
background-image:none;
padding-top: 3px;
padding-bottom: 3px;
border-top-width: 1px;
border-top-style: solid;
border-top-color: #FFF;
color: #FFF;
background-color:#1d5987;
height:auto;
}
#navi li.c a{
height:auto;
padding-top: 3px;
padding-bottom: 3px;
}
#navi li a:hover,
#navi li a.current{
background-color:#2B84C6;
}
#header h1 img {
width:80%;
}
/*320*/
}