@charset "utf-8";
/* CSS Document */

/* ------------------------------------------------------------------------------
japan-izm.com
------------------------------------------------------------------------------ */

/*Font Size List ----------------------------------------------------------------
8px = 62%
9px = 70%
10px = 77%
11px = 85%
12px = 93%
13px = 100%
14px = 108%
15px = 116%
16px = 123.1%
17px = 131%
18px = 138.5%
19px = 146.5%
20px = 153.9%
21px = 161.6%
22px = 167%
23px = 174%
24px = 182%
25px = 189%
26px = 197%
------------------------------------------------------------------------------ */
.ui-mobile .ui-page-active {
width: 320px;
margin-left: auto;
margin-right: auto;
}
/* LinkColor */
a:link {
color: #00F;
}
a:visited {
color: #600;
}
a:hover {
color: #090;
}
a:focus {
color: #090;
}
a:active {
color: #FF0;
}
/* TableStyle */
table {
border-top: 1px solid #CCC;
border-left: 1px solid #CCC;
border-collapse: collapse;
border-spacing: 0;
}
table th {
padding: 5px;
border-right: 1px solid #CCC;
border-bottom: 1px solid #CCC;
background: #CCC;
}
table td {
padding: 5px;
border-right: 1px solid #CCC;
border-bottom: 1px solid #CCC;
}
table thead {
word-spacing: normal;
}
table tfoot {
word-spacing: normal;
}
table tbody {
word-spacing: normal;
}
/* RoundBox */
.roundBox {
width: 500px;
background: url(none) repeat-y left top;
}
.roundCap {
font-size: 0%;
line-height: 0;
}
/* Note */
.note {
text-indent: -1em;
margin-left: 1em;
}

/* ------------------------------------------------------------------------------
Template
------------------------------------------------------------------------------ */
#wrap {

}
#header {
text-align: left;
}
.headEng {
background-color: #777777;
height: 12px;
text-align: center;
margin:0;
}
.headMenuBg {
margin-top: -8px;
padding-right: 2px;
padding-left: 10px;
padding-bottom: 5px;
position: relative;
}
.headLogo {
float: left;
}
.headMenu {
float: right;
width: 172px;
padding-top: 9px;
}
.headMenu li {
border-left: 1px solid #dddddd;
float: left;
width: calc(25% - 1px);
}
.headMenu li:last-child {
border-right: 1px solid #dddddd;
width: calc(25% - 2px);
}
.headMenu li img {
width: 100%;
}
.headMenu li:last-child {
margin-right: 0;
cursor: pointer;
}
#headNav {
width: 0;
overflow-x: hidden;
position: absolute;
z-index: 9999;
right: 0;
top: 15px;
}
#headNav .logo,
#footNav .logo {
position: absolute;
left: 0;
top: 0;
}
#headNav ul {
position: absolute;
width: 230px;
left: 45px;
top: 0;
}
#headNav ul li,
#footNav ul li {
border-bottom: 1px solid #000;
line-height: normal;
font-size: 0%;
}
#headNav ul li:last-child,
#footNav ul li:last-child {
border-bottom: none;
}
#headNav .close {
text-align: right;
background-color: #000;
cursor: pointer;
line-height: normal;
font-size: 0%;
margin-left: 45px;
padding-top: 343px;
}
#content {
text-align: left;
}
#footer {
text-align: left;
background-color: #fff;
padding-top: 40px;
}
.footTel {
text-align: center;
margin-bottom: 10px;
}
.footMail {
text-align: center;
margin-bottom: 20px;
}
.footDisplayOption {
width: 160px;
margin-left: auto;
margin-right: auto;
margin-bottom: 24px;
border-left: none;
border-top: none;
font-size: 93%;
}
.footDisplayOption th {
padding: 0;
background-color: transparent;
border-right: none;
border-bottom: none;
}
.footDisplayOption td a {
color: #000;
}
.footDisplayOption td.sp {
padding: 0 10px 0 0;
border-bottom: none;
border-right-color: #000;
}
.footDisplayOption td.pc {
padding: 0 0 0 10px;
border-bottom: none;
border-right: none;
}
.footMenu {
margin-bottom: 19px;
position: relative;
}
.footMenu ul {
width: 320px;
margin-left: auto;
margin-right: auto;
background-image: url(../img/common/menu_bg.gif);
background-repeat: repeat-x;
background-position: left center;
background-size: 10px 30px;
}
.footMenu li {
float: left;
margin-right: 1px;
}
.footMenu li:last-child {
margin-right: 0;
cursor: pointer;
}
#footNav {
width: 0;
overflow-x: hidden;
position: absolute;
z-index: 9999;
right: 0;
top: 0;
padding-top: 343px;
}
#footNav ul {
position: absolute;
width: 230px;
left: 80px;
top: 0;
}
#footNav .close {
text-align: right;
background-color: #000;
cursor: pointer;
line-height: normal;
font-size: 0%;
margin-left: 80px;
}
.footAnc {
text-align: right;
padding-right: 10px;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #ddd;
height: 25px;
}
.footNav li {
background-color: #eee;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #ddd;
font-size: 93%;
padding-right: 10px;
}
.footNav li a {
display: block;
text-decoration: none;
color: #666;
padding-top: 10px;
padding-right: 20px;
padding-bottom: 10px;
padding-left: 10px;
background-image: url(../img/common/fnav_arrow.gif);
background-repeat: no-repeat;
background-position: right center;
background-size: 8px 14px;
}
.footCopy {
text-align: center;
background-color: #777;
color: #fff;
font-size: 62%;
padding: 15px 10px;
}