*{margin: 0;padding: 0;}
header,
footer {
text-align: center;
}
img{
border: none;
vertical-align:baseline;
}
ul{
list-style-type:none;
margin: 0;
padding: 0;
}
/*
.clearfix:after{
content: ".";
display: block;
height: 0;
font-size:0;
clear: both;
visibility:hidden;
}.clearfix{ display: inline-block;}*/
/** html .clearfix{ height: 1%; }*/
/*.clearfix{ display:block; }*/
#all{
margin:auto;
text-align: left;
width: 900px;
}
#all_p{
margin:auto;
width: 750px;
text-align: left;
}
a:link{
color: #004ea6;
}
a:visited{
color: #004ea6;
}
a:hover{
color: #51a9e6;
text-decoration: underline;
}
/*------------------------ヘッダとメニューここから------------------------*/
#titlebar{
width: 100%;
height: 40px;
}
.kado{
width: 5px;
height: 5px;
}
.tate_1{
background-image: url(../images/tate_1.jpg);
background-repeat: repeat-y;
width: 5px;
}
.tate_2{
background-image: url(../images/tate_2.jpg);
background-repeat: repeat-y;
width: 5px;
}
.yoko_1{
background-image: url(../images/yoko_1.jpg);
background-repeat: repeat-x;
height: 5px;
}
.yoko_2{
background-image: url(../images/yoko_2.jpg);
background-repeat: repeat-x;
height: 5px;
}
.time{
float: right;
}
#menu_area{
margin-top: 5px;
width: 100%;
}
#menu_nakami{
width: 100%;
}
#menu_nakami td{
font-size: 80%;
font-weight: bold;
line-height: 140%;
}
#area_nakami{
width: 100%;
}
#area_nakami td{
color: #666;
font-size: 80%;
}

/*2016.11.29 メニュー ----------------------------------------*/
.menu_box {
border: solid 2px #ccc;
border-radius: 10px;
display: flex;
margin: 2% auto;
padding: 1%;
}
.menu_box .img_100,
.menu_box .imgTimePc {
width: 100%;
}
.menu_box .img_100 img{
height: auto;
max-width: 100%;
}
.menu_box .imgTimePc img{
height: auto;
width: 90%;
}
.menu_box .menu_left {
color: #333;
width: 50%;
}
.menu_box ul {
font-weight: bold;
line-height: 1.6;
width: 33%;
}
.menu_box .menu_right {
text-align: right;
width: 50%;
}
.menu_box .menu_right img{
height: auto;
width: 100%;
}

/*------------------------本文ここから------------------------*/
/*.midashi{
}*/
.midashi_p{
background-color: #2f2c2c;
margin-top: 10px;
width: 100%;
}
h1{
background-color: #2f2c2c;
box-sizing: border-box;
color: #fff;
font-size: 1.3em;
margin: 3% auto 1%;
padding: 0.5% 1%;
width: 100%;
}
h2{
background-color: #2f2c2c;
color: #fff;
font-size: 1.2em;
padding: 0.5% 1%;
margin: 3% auto 1%;
}
h3 {
color: #2f2c2c;
font-size: 1.2em;
line-height: 1.5;
padding: 0;
margin: 2% auto 0%;
}
h2 img,
h3 img{
height: auto;
vertical-align: middle;
}
.bcGray{
background-color: #f3f3f3;
padding: 1%;
}
.honbun,
.honbun2{
color: #333;
font-size: 0.9em;
line-height: 1.5;
}
.honbun2 strong{
display: block;
}
.honbun3{
color: #333;
display: flex;
flex-wrap: nowrap;
/*float: left;*/
font-size: 80%;
line-height: 160%;
padding: 10px;
vertical-align: top;
/*width: 530px;*/
}
.honbun2 img{
height: auto;
vertical-align: middle;
}
.honbun3 .pic_area{
color: #666;
float: left;
font-size: 80%;
font-weight: bold;
padding-top: 10px;
padding-left: 10px;
vertical-align: top;
/*width: 340px;*/
}
.text_s{
/*font-size: 80%;
letter-spacing: 1px;
line-height: 140%;*/
border-radius: 5px;
background: #eee;
display: block;
margin: 0 auto 2%;
padding: 2%;
}
.inbox strong {
display: block;
}
.mannaka{
margin-top: 5px;
text-align: center;
}
.mannaka img{ height: auto; width:100%; }
.manual_01 img{ height: auto; max-width:550px; }
.manual_02 img,
.manual_03a img{ height: auto; max-width:170px; }
.manual_03b img{ height: auto; max-width:340px; }
.manual_06 img{ height: auto; max-width:230px; }
.my_kabu li{ margin-bottom:10px;}
.caution {
border: 1px solid #000;
color: #000;
margin: 2% auto;
padding: 1% 5%;
}
.important{
border: 1px solid #666;
line-height: 1.5;
margin: 1% auto;
padding: 1%;
}
.cap{border: 1px solid #ccc;}
table.hyo{
border-collapse: collapse;
background-color: #fff;
font-size: 90%;
}
table.hyo,
table.hyo td{
border:solid 1px #666;
text-align: center;
}
table.hyo td{
background-color: #fff;
padding: 0.5%;
width: 8%;
}
table.hyo td:nth-child(1){
width: 28%;
}
.btn_print{
border: 1px solid #ccc;
background-color: #eee;
color: #333;
font-weight: bold;
margin-top: 10px;
padding: 5px;
text-align: center;
}
.btn_print:hover{
opacity: 0.6;
}
.btn_print img{
height: auto;
vertical-align: middle;
}
.btn_move{
background-color: #f3f3f3;
display: flex;
margin: 1% 0 4%;
padding: 5px;
}
.btn_left{
/*float: left;*/
width: 50%;
}
.btn_right{
/*float: left;*/
text-align: right;
width: 50%;
}
.pic_area {
margin: 2% auto;
}
/*------------------------本文ここまで------------------------*/