@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%
------------------------------------------------------------------------------ */

/* FontStyle */
strong {
font-weight: bold;
}
em {
font-style: italic;
}
/* 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-layout: fixed;
*/}
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
------------------------------------------------------------------------------ */
@media screen and (min-width: 769px) {
/* タブレット横+PC用 */
#wrap {
width: 100%;
text-align: center;
border: 1px solid #CCC;
}
#content {
width: 940px;
margin-right: auto;
margin-left: auto;
text-align: left;
border: 1px solid #CCC;
}
}

@media screen and (min-width: 481px) and (max-width: 768px) {
/* タブレット縦用 */
#wrap {
width: 100%;
text-align: center;
border: 1px solid #CCC;
}
#content {
width: 748px;
margin-right: auto;
margin-left: auto;
text-align: left;
border: 1px solid #CCC;
}
}

@media screen and (min-width: 321px) and (max-width: 480px)  {
/* スマートフォン横用 */
#wrap {
width: 100%;
text-align: center;
border: 1px solid #CCC;
}
#content {
width: 460px;
margin-right: auto;
margin-left: auto;
text-align: left;
border: 1px solid #CCC;
}
}

@media screen and (max-width: 320px)  {
/* スマートフォン縦用 */
#wrap {
width: 100%;
text-align: center;
border: 1px solid #CCC;
}
#content {
width: 300px;
margin-right: auto;
margin-left: auto;
text-align: left;
border: 1px solid #CCC;
}
}