@charset "UTF-8";
/*----------------------------------------
temp 2nd

01. contents
02. centercontents
03. leftcontents
04. rightcontents
05. bnrArea
----------------------------------------*/
#container { padding: 0 10px 20px 0px;}
@media screen and (min-width: 0px) and (max-width: 736px) { #container { padding: 0; } }

#head-logo { float: left; }
@media screen and (min-width: 0px) and (max-width: 736px) { #head-logo { float: none; } }

.accessible-textsize { margin-top: 10px; margin-right: 20px; float: right; }

#container-inner.container-inner-lrs { width: 590px; float: right; }
@media screen and (min-width: 0px) and (max-width: 736px) { #container-inner.container-inner-lrs { width: auto; float: none; } }

#center-contents h2 > span { font-weight: bold; }

#center-contents { width: 100%; float: left; }
@media screen and (min-width: 0px) and (max-width: 736px) { #center-contents { width: auto; float: none; } }

#leftcontents { float: left; width: 180px; }
@media screen and (min-width: 0px) and (max-width: 736px) { #leftcontents { width: auto; margin-top: 20px; } }

#mb-beginners-area > a { display: block; padding: 12px; background-color: #d0edb5; }
#mb-beginners-area > a .mb-beginners-ico { display: block; width: 14em; margin: 0 auto; padding-left: 34px; background: url(/common/content/000661048.png) no-repeat 0 0.3em; background-size: 26px auto; }

/* -----------------------------------
subheading
----------------------------------- */
.center-body h1 { position: relative; margin: 0 0 15px; padding: 4px 0 4px 15px; color: #533506; font-size: 129%; font-weight: 700; line-height: 1.2; border-bottom: 1px solid #b0810e; }
.center-body h1:before { content: ''; position: absolute; width: 8px; top: 0; left: 0; bottom: 0; display: block; background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjUwJSIgeTE9IjAlIiB4Mj0iNTAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Q4YWYyNCIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2FjOGMxZCIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); background-size: 100%; background-image: -webkit-linear-gradient(top, #d8af24, #ac8c1d); background-image: linear-gradient(top, #d8af24, #ac8c1d); *zoom: 1; filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FFD8AF24', endColorstr='#FFAC8C1D'); }
@media screen and (min-width: 0 \0) { .center-body h1:before { filter: none\9; } }

.center-body h2 { position: relative; color: #533506; font-size: 114%; margin: 15px 0; padding: 3px 7px 1px; background-color: #eaebab; font-weight: 700; border-left: 5px solid #b84141; background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjUwJSIgeTE9IjAlIiB4Mj0iNTAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2VhZWJhYiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2UwZTE4MiIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); background-size: 100%; background-image: -webkit-linear-gradient(top, #eaebab, #e0e182); background-image: linear-gradient(top, #eaebab, #e0e182); *zoom: 1; filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FFEAEBAB', endColorstr='#FFE0E182'); }
@media screen and (min-width: 0 \0) { .center-body h2 { filter: none\9; } }

.center-body h3 { clear: both; position: relative; padding: 0 0 0 18px; margin: 10px 0; font-weight: bold; color: #533506; font-size:110%; }
.center-body h3:before { content: ''; position: absolute; content: ""; position: absolute; border-top: 6px solid #f25656; border-right: 6px solid #f25656; border-bottom: 7px solid #f25656; border-left: 7px solid #f25656; border-right-color: #b84141; border-bottom-color: #b84141; top: 0.4em; left: 0px; }
@media screen and (min-width: 0px) and (max-width: 736px) { .center-body h3:before { border-top: 8px solid #f25656; border-right: 8px solid #f25656; border-top-color: #b84141; border-left-color: #b84141;top: 0.3em; } }

.center-body h4 { line-height: 1; margin: 10px 0 5px; padding: 0 0 0 5px; border-left: 5px solid #bc7f00; color: #533506; }

.center-body h5 { color: #0d4dc3; margin: 10px 0 5px; padding: 0; }

.center-body hr { height: 1px; border-right: none; border-bottom: none; border-left: none; }

.center-body a[name] { text-decoration: none; }

/* -----------------------------------
header
----------------------------------- */
#header { background: url(/common/content/000430102.gif) 0 0 repeat-x; }

#header-inner { background: url(/common/content/000430103.gif) 100% 0 no-repeat; }

#header img { vertical-align: bottom; }

#header #logo { float: left; }

#header #fontsize { float: right; height: 53px; text-align: right; width: 174px; background-image: url(/common/content/000430103.gif); background-repeat: no-repeat; background-position: right; position: relative; right: 0; }

#header #fontsize .button { position: relative; right: 20px; top: 10px; }

/* -----------------------------------
global navigation
----------------------------------- */
#globalnavi { float: left; width: 180px; margin-bottom: 30px; padding: 0; overflow: hidden; }

#globalnavi ul { margin: 0 0 0 10px; padding: 0 0 15px 0; }

#globalnavi ul li { list-style: none; background: url(/common/content/000430123.gif) no-repeat 5px 8px; padding: 3px 5px 3px 16px; margin: 0 0 2px; }

#globalnavi ul li.TITLE { list-style: none; margin: 0 0 2px; padding: 0; background-color: #F4DFA2; width: 100%; text-indent: 1em; color: #663300; text-decoration: none; display: block; font-weight: bold; padding-top: 8px; padding-right: 0; padding-bottom: 8px; padding-left: 0; background-image: url(/common/content/000430124.gif); background-repeat: repeat-y; background-position: left; line-height: 100%; }

#globalnavi ul li a:hover { background-color: #FFCC66; color: #0000FF; }

#globalnavi ul.gikai { list-style: none; }

#globalnavi ul.gikai li { list-style: none; background: #ebebaa url(/common/content/000430125.gif) repeat-x; color: #533506; padding: 5px; }

#globalnavi ul.gikai li a { color: #533506; background: url(/common/content/000430123.gif) no-repeat 0px 5px; font-weight: bold; padding: 0 0 0 10px; display: block; }

#globalnavi ul.gikai li a:hover { background-color: transparent; color: #A0410D; }

#box-bana { background-color: #fcf1d1; padding: 8px 10px; margin-bottom: 10px; margin: 10px 0; }

.skip { height: 0; overflow: hidden; }

.skip img { border: none; }

/* -----------------------------------
text
----------------------------------- */
.center-body p { margin: 0 15px 1em; }
@media screen and (min-width: 0px) and (max-width: 736px) { .center-body p { margin: 0 0 1em; } }

.center-body p.text-a { text-indent: 1em; }

.center-body table * p { margin-top: 0; margin-bottom: 0; }

.center-body td p { margin: 0; }

.center-body th p { margin: 0; }

/* -----------------------------------
list
----------------------------------- */
.center-body ul { margin: 0 0 1em 30px; padding: 0; }

.center-body ul li { margin: 0 0 2px 0; padding: 0; list-style-type: disc; background: none; line-height: 1.3; }

.center-body ul.ul-a { list-style-type: none; margin-top: 0px; margin-left: 15px; padding-top: 0px; padding-left: 0px; margin-bottom: 10px; }

.center-body ul.ul-a li { position: relative; padding-left: 15px; margin-bottom: 7px; list-style-type: none; }
.center-body ul.ul-a li:before { content: ''; position: absolute; content: ""; position: absolute; border-top: 4px solid #dfa42d; border-right: 4px solid #dfa42d; border-bottom: 3px solid #dfa42d; border-left: 3px solid #dfa42d; border-right-color: #bc7f00; border-bottom-color: #bc7f00; top: 0.3em; left: 0px; }

.center-body ul.ul-menu { margin-left: 15px; }

.center-body ul.ul-menu li { float: left; white-space: nowrap; margin-right: 15px; padding-left: 15px; background-repeat: no-repeat; background-position: 0px 5px; background-image: url(/common/content/000430123.gif); list-style-type: none; }

.center-body ol { margin-top: 0px; margin-left: 40px; margin-bottom: 10px; padding: 0; }

.center-body ol li { padding-left: 0; margin-bottom: 5px; line-height: 1.3; }

.center-body ol.ol-a li { list-style-type: lower-alpha; }

.center-body td ul { padding: 0; margin-top: 0; margin-right: 0; margin-bottom: 0; }

.center-body td ol { padding: 0; margin-top: 0; margin-right: 0; margin-bottom: 0; }

/* -----------------------------------
table
----------------------------------- */
.w100 { width: 100px; }

.w120 { width: 120px; }

div.txt-c table { margin-right: auto; margin-left: auto; }

div.align-center table { margin-right: auto; margin-left: auto; }

table.table-a { border-top-width: 1px; border-left-width: 1px; border-top-style: solid; border-left-style: solid; margin-bottom: 15px; margin-right: 15px; margin-left: 15px; border-color: #533506; }

table.table-a th { border-right-width: 1px; border-bottom-width: 1px; border-right-style: solid; border-bottom-style: solid; padding: 5px; color: #533506; background-color: #E9EAA8; line-height: 120%; white-space: nowrap; border-top-color: #533506; border-right-color: #533506; border-bottom-color: #533506; border-left-color: #533506; }

table.table-a td { border-right-width: 1px; border-bottom-width: 1px; border-right-style: solid; border-bottom-style: solid; padding: 5px; border-color: #533506; line-height: 140%; }

table.table-a th.valign-top { vertical-align: top; text-align: left; }

table.table-a td.no-line { border-bottom-width: 0px; border-bottom-style: none; }

table.table-a td.d-line-a { border-top-style: double; border-top-width: 3px; border-bottom-width: 0px; border-bottom-style: none; }

table.table-a th.d-line-a { border-top-style: double; border-top-width: 3px; border-bottom-width: 0px; border-bottom-style: none; }

table.table-a td.d-line-b { border-top-style: double; border-top-width: 3px; }

table.table-a th.d-line-b { border-top-style: double; border-top-width: 3px; }

table.table-a td.name { font-size: 110%; font-weight: bold; color: #544633; }

table.table-a td div.photo { float: left; width: 240px; margin: 5px; }

table.table-a td div.photo img { margin: 0 0 5px 0; }

table.table-a_80 { border-top-width: 1px; border-left-width: 1px; border-top-style: solid; border-left-style: solid; margin-bottom: 15px; margin-right: 15px; margin-left: 15px; border-color: #533506; width: 80%; }

table.table-a_80 th { border-right-width: 1px; border-bottom-width: 1px; border-right-style: solid; border-bottom-style: solid; padding: 5px; color: #533506; background-color: #E9EAA8; line-height: 120%; border-top-color: #533506; border-right-color: #533506; border-bottom-color: #533506; border-left-color: #533506; }

table.table-a_80 td { border-right-width: 1px; border-bottom-width: 1px; border-right-style: solid; border-bottom-style: solid; padding: 5px; border-color: #533506; line-height: 140%; }

table.table-a_80 th.valign-top { vertical-align: top; text-align: left; }

table.table-a_80 td.no-line { border-bottom-width: 0px; border-bottom-style: none; }

table.table-a_80 th.no-line { border-bottom-width: 0px; border-bottom-style: none; }

table.table-a_80 td.d-line-a { border-top-style: double; border-top-width: 3px; border-bottom-width: 0px; border-bottom-style: none; }

table.table-a_80 th.d-line-a { border-top-style: double; border-top-width: 3px; border-bottom-width: 0px; border-bottom-style: none; }

table.table-a_80 td.d-line-b { border-top-style: double; border-top-width: 3px; }

table.table-a_80 th.d-line-b { border-top-style: double; border-top-width: 3px; }

table.table-a_80 td.name { font-size: 110%; font-weight: bold; color: #544633; }

table.table-a_80 td div.photo { float: left; width: 240px; margin: 5px; }

table.table-a_80 td div.photo img { margin: 0 0 5px 0; }

table.table-a_90 { border-top-width: 1px; border-left-width: 1px; border-top-style: solid; border-left-style: solid; margin-bottom: 15px; margin-right: 15px; margin-left: 15px; border-color: #533506; width: 90%; }

table.table-a_90 th { border-right-width: 1px; border-bottom-width: 1px; border-right-style: solid; border-bottom-style: solid; padding: 5px; color: #533506; background-color: #E9EAA8; line-height: 120%; border-top-color: #533506; border-right-color: #533506; border-bottom-color: #533506; border-left-color: #533506; }

table.table-a_90 td { border-right-width: 1px; border-bottom-width: 1px; border-right-style: solid; border-bottom-style: solid; padding: 5px; border-color: #533506; line-height: 140%; }

table.table-a_90 th.valign-top { vertical-align: top; text-align: left; }

table.table-a_90 td.no-line { border-bottom-width: 0px; border-bottom-style: none; }

table.table-a_90 th.no-line { border-bottom-width: 0px; border-bottom-style: none; }

table.table-a_90 td.d-line-a { border-top-style: double; border-top-width: 3px; border-bottom-width: 0px; border-bottom-style: none; }

table.table-a_90 th.d-line-a { border-top-style: double; border-top-width: 3px; border-bottom-width: 0px; border-bottom-style: none; }

table.table-a_90 td.d-line-b { border-top-style: double; border-top-width: 3px; }

table.table-a_90 th.d-line-b { border-top-style: double; border-top-width: 3px; }

table.table-a_90 td.name { font-size: 110%; font-weight: bold; color: #544633; }

table.table-a_90 td div.photo { float: left; width: 240px; margin: 5px; }

table.table-a_90 td div.photo img { margin: 0 0 5px 0; }

table.table-b { background-color: #FFF; margin: 0 15px 1em; line-height: 1.4; }

table.table-b th { border-bottom: 3px solid #cd7b24; text-align: left; padding: 4px 1em 4px 0; color: #533506; }

table.table-b td { border-bottom: 1px solid #533506; text-align: left; padding: 4px 1em 4px 0; }

table.table-c { background-color: #FFF; margin: 0 15px 1em; line-height: 1.4; }

table.table-c th { text-align: left; padding: 4px 1em 4px 0; color: #336633; }

table.table-c td { text-align: left; padding: 4px 1em 4px 0; }

table.table-date { margin: 0 0 15px 15px; padding: 0; line-height: 1.3; }

table.table-date th { color: #0D4DC3; font-weight: bold; text-align: left; vertical-align: top; min-width: 9em; white-space: nowrap; }

table.table-date td { padding-bottom: 5px; }

table.table-date td.from { background-color: #EEEECC; padding-left: 10px; padding-right: 20px; vertical-align: top; min-width: 6em; white-space: nowrap; }

table.table-qa { margin-bottom: 15px; margin-right: 15px; margin-left: 15px; }

table.table-qa th { color: #544633; font-weight: bold; padding-bottom: 2px; border-bottom: 1px solid #c7a44b; text-align: left; line-height: 1.3; }

table.table-qa th span.q { color: #e26360; font-weight: bold; font-size: 130%; padding-right: 7px; }

table.table-qa td span.a { color: #5A82E9; font-weight: bold; font-size: 130%; padding-right: 7px; }

table.table-qa td { text-align: left; padding: 4px 0; line-height: 1.4; }

table.table-2col { width: 98%; margin-bottom: 1em; }

table.table-2col td { width: 50%; vertical-align: top; }

table.table-d { margin-bottom: 15px; margin-right: 15px; margin-left: 15px; border-top-width: 1px; border-left-width: 1px; border-top-style: solid; border-left-style: solid; border-top-color: #533506; border-left-color: #533506; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #533506; }

table.table-d th { padding: 5px; color: #533506; background-color: #E9EAA8; line-height: 120%; white-space: nowrap; border-top-color: #533506; border-right-color: #533506; border-bottom-color: #533506; border-left-color: #533506; border-right-width: 1px; border-right-style: solid; border-bottom-width: 1px; border-bottom-style: solid; }

table.table-d td { vertical-align: top; padding: 5px; line-height: 140%; border-top-color: #533506; border-right-color: #533506; border-bottom-color: #533506; border-left-color: #533506; border-right-width: 1px; border-right-style: solid; }

table.table-d td.no-line { border-right-style: none; }

table.table-d td.no-wrap { white-space: nowrap; }

table.table-name { background-color: #FFF; margin: 0 15px 1em; line-height: 1.4; }

table.table-name th { text-align: left; padding: 4px 1em 4px 0; color: #000000; font-weight: normal; vertical-align: top; }

table.table-name td { text-align: left; padding: 4px 1em 4px 0; vertical-align: top; }

table.CELL-A { border-top-width: 1px; border-left-width: 1px; border-top-style: solid; border-left-style: solid; margin-bottom: 15px; margin-right: 15px; margin-left: 15px; border-color: #533506; width: 94%; }
@media screen and (min-width: 0px) and (max-width: 736px) { table.CELL-A { width: 100%; margin-left: 0; } }

table.CELL-A th { border-right-width: 1px; border-bottom-width: 1px; border-right-style: solid; border-bottom-style: solid; padding: 5px; color: #533506; background-color: #E9EAA8; line-height: 120%; white-space: nowrap; border-top-color: #533506; border-right-color: #533506; border-bottom-color: #533506; border-left-color: #533506; }

table.CELL-A td { border-right-width: 1px; border-bottom-width: 1px; border-right-style: solid; border-bottom-style: solid; padding: 5px; border-color: #533506; line-height: 140%; background-color: white; }

table.CELL-A td.BTN { width: 20%; text-align: center; }

table.CELL-A td.TIME { width: 100px; text-align: center; }

table.CELL-A td.AMPM { width: 40px; text-align: center; }

/* -----------------------------------
align
----------------------------------- */
.txt-c { text-align: center; }

.txt-l { text-align: left; }

.txt-r { text-align: right; }

/* -----------------------------------
float
----------------------------------- */
.clear { clear: both; }

/* -----------------------------------
box
----------------------------------- */
div.box-point { border: 1px solid #cd7b24; padding: 10px 5px; margin-right: 15px; margin-left: 15px; margin-bottom: 15px; }

div.box-point p { margin-bottom: 0px !important; }

div.box-point ul { margin-top: 5px !important; margin-bottom: 0px !important; padding: 0; }

div.box-point ol { margin-top: 5px !important; margin-bottom: 0px !important; padding: 0; }

div.box-important { background-color: #FFFCCD; padding: 10px 5px; margin-right: 15px; margin-left: 15px; margin-bottom: 15px; }

div.box-important p { margin-bottom: 0px !important; }

div.box-important ul { margin-top: 5px !important; margin-bottom: 0px !important; padding: 0; }

div.box-important ol { margin-top: 5px !important; margin-bottom: 0px !important; padding: 0; }

div.box-pdf { background-color: #fff8ce; padding: 10px; margin-right: 10px; margin-left: 10px; margin-bottom: 15px; border: 1px solid #fcce81; line-height: 130%; }
@media screen and (min-width: 0px) and (max-width: 736px) { div.box-pdf { display: none; } }

div.box-pdf img { float: right; margin-bottom: 10px; margin-left: 10px; }

div.box-photo { text-align: center; }

div.box-photo img { margin: 10px; }

div.align-left { text-align: left; }

div.align-center { text-align: center; clear: both; }

div.align-right { text-align: right; clear: both; }

/* -----------------------------------
link icon
----------------------------------- */
/*--point--*/
.point-a { font-size: 90%; background-image: url(/common/content/000430130.gif); padding-left: 17px; padding-bottom: 5px; background-repeat: no-repeat; background-position: 0px 4px; height: 14px; vertical-align: bottom; }

.point-top { font-size: 90%; background-image: url(/common/content/000430131.gif); padding-left: 15px; margin-bottom: 5px; background-repeat: no-repeat; background-position: 0px 7px; height: 14px; vertical-align: bottom; }
@media screen and (min-width: 0px) and (max-width: 736px) { .point-top { display: none; } }

/* -----------------------------------
attach
----------------------------------- */
.attach-pdf { background: url(/common/content/000430132.gif) no-repeat left top; padding-left: 40px; }

.attach-doc { background: url(/common/content/000430133.gif) no-repeat left top; padding-left: 40px; }

.attach-xls { background: url(/common/content/000430134.gif) no-repeat left top; padding-left: 40px; }

.attach-file { background: url(/common/content/000430135.gif) no-repeat left top; padding-left: 40px; }

.attach-link { background: url(/common/content/000430136.gif) no-repeat left top; padding-left: 40px; }

.attach-gis { background: url(/common/content/000430137.gif) no-repeat left top; padding-left: 40px; }

.attach-csv { background: url(/common/content/000433887.gif) no-repeat left top; padding-left: 40px; }

.attach-ichitaro { background: url(/common/content/000433888.gif) no-repeat left top; padding-left: 40px; }

.attach-lzh { background: url(/common/content/000433889.gif) no-repeat left top; padding-left: 40px; }

.attach-ppt { background: url(/common/content/000433890.gif) no-repeat left top; padding-left: 40px; }

.attach-txt { background: url(/common/content/000433891.gif) no-repeat left top; padding-left: 40px; }

.attach-zip { background: url(/common/content/000433892.gif) no-repeat left top; padding-left: 40px; }

.attach-last-pdf { background: url(/common/content/000430132.gif) no-repeat right top; padding-right: 40px; }

.attach-last-doc { background: url(/common/content/000430133.gif) no-repeat right top; padding-right: 40px; }

.attach-last-xls { background: url(/common/content/000430134.gif) no-repeat right top; padding-right: 40px; }

.attach-last-file { background: url(/common/content/000430135.gif) no-repeat right top; padding-right: 40px; }

.attach-last-link { background: url(/common/content/000430136.gif) no-repeat right top; padding-right: 40px; }

.attach-last-gis { background: url(/common/content/000430137.gif) no-repeat right top; padding-right: 40px; }

.attach-last-csv { background: url(/common/content/000433887.gif) no-repeat right top; padding-right: 40px; }

.attach-last-ichitaro { background: url(/common/content/000433888.gif) no-repeat right top; padding-right: 40px; }

.attach-last-lzh { background: url(/common/content/000433889.gif) no-repeat right top; padding-right: 40px; }

.attach-last-ppt { background: url(/common/content/000433890.gif) no-repeat right top; padding-right: 40px; }

.attach-last-txt { background: url(/common/content/000433891.gif) no-repeat right top; padding-right: 40px; }

.attach-last-zip { background: url(/common/content/000433892.gif) no-repeat right top; padding-right: 40px; }

/* -----------------------------------
line
----------------------------------- */
hr.line-a { margin: 0px; padding: 0px; height: 1px; border-width: 0 0 1px 0; border-color: #999999; border-style: solid; }

hr.line-b { margin: 0px; padding: 0px; height: 3px; border-width: 0 0 3px 0; border-color: #CD7B24; border-style: solid; }

/* -----------------------------------
button
----------------------------------- */
a.link-a { padding-top: 3px; padding-right: 10px; padding-bottom: 3px; padding-left: 10px; background-color: #FFFCCD; border-top-width: 1px; border-right-width: 10px; border-bottom-width: 1px; border-left-width: 10px; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-top-color: #DDAC1B; border-right-color: #DDAC1B; border-bottom-color: #DDAC1B; border-left-color: #DDAC1B; color: #0000FF; margin-left: 15px; }

a.link-a:hover { background-color: #FFFDE5; border-top-color: #DDAC1B; border-right-color: #DDAC1B; border-bottom-color: #DDAC1B; border-left-color: #DDAC1B; color: #0066FF; }

/* -----------------------------------
text decoration
----------------------------------- */
.mp_underline { text-decoration: underline; }

.mp_italic { font-style: italic; }

.mp_textcolor_red { color: #FF0000; }

.mp_textcolor_blue { color: #0000FF; }

.mp_textcolor_green { color: #009900; }

.mp_textcolor_gray { color: #666666; }

.mp_strike { text-decoration: line-through; }

.mp_indent { text-indent: 1em; }

.mp_large { font-size: 129%; }
@media screen and (min-width: 0px) and (max-width: 736px) { .mp_large { font-size: inherit; } }

.mp_small { font-size: 71%; }

/* -----------------------------------
system
----------------------------------- */
.system-footer { font-weight: normal; display: block; margin-bottom: 10px; padding-bottom: 2px; padding-top: 2px; padding-left: 6px; padding-right: 6px; margin-top: 10px; }

.system-footer a { padding-left: 5px; padding-right: 5px; }

.system-footer span { padding-left: 5px; padding-right: 5px; font-size: 120%; }

/* -----------------------------------
no script
----------------------------------- */
.noscrpt { background-color: #F4F5D8; text-align: center; padding-top: 5px; padding-bottom: 5px; clear: both; margin-bottom: 15px; }

/* -----------------------------------
movie & btn
----------------------------------- */
.movie-area { text-align: center; }

.movie-photo { width: 320px; margin: 10px 0; }

.img-btn-play-a img { width: 100px; }

.img-btn-play-b img { width: 200px; }

/* -----------------------------------
swap image
----------------------------------- */
.IMGBTN { /*width: 50px;*/ }
@media screen and (min-width: 0px) and (max-width: 736px) { .IMGBTN { width: auto !important; height: auto !important; } }

.IMGBTN-A a { background: url(/common/content/000430138.gif) no-repeat; width: 46px; height: 19px; display: block; float: left; text-decoration: none; }

.IMGBTN-A a:hover { background: url(/common/content/000430139.gif) no-repeat; }

.IMGBTN-B a { background: url(/common/content/000430140.gif) no-repeat; width: 46px; height: 19px; display: block; text-decoration: none; }
@media screen and (min-width: 0px) and (max-width: 736px) { .IMGBTN-B a { position: relative; width: 75px; -webkit-border-radius: 5px; -ms-border-radius: 5px; border-radius: 5px; background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjUwJSIgeTE9IjAlIiB4Mj0iNTAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzNjOTUzMyIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzJkNmYyNiIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); background-size: 100%; background-image: -webkit-linear-gradient(top, #3c9533, #2d6f26); background-image: linear-gradient(top, #3c9533, #2d6f26); *zoom: 1; filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FF3C9533', endColorstr='#FF2D6F26'); }
  .IMGBTN-B a:before { content: ''; position: absolute; top: 0; bottom: 0; left: -1.4em; right: 0; height: 1px; width: 1px; margin: auto; content: ""; position: absolute; border-top: 3px solid transparent; border-right: 5px solid transparent; border-bottom: 3px solid transparent; border-left: 5px solid white; }
  .IMGBTN-B a:after { content: ''; position: absolute; top: 0; bottom: 0; left: 0; right: -0.6em; margin: auto; content: '再生'; font-size: 79%; color: #fff; } }
@media screen and (min-width: 0px) and (max-width: 736px) and (min-width: 0 \0) { .IMGBTN-B a { filter: none\9; } }

.IMGBTN-B a:hover { background: url(/common/content/000430141.gif) no-repeat; }
@media screen and (min-width: 0px) and (max-width: 736px) { .IMGBTN-B a:hover { background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjUwJSIgeTE9IjAlIiB4Mj0iNTAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzNjOTUzMyIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzJkNmYyNiIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); background-size: 100%; background-image: -webkit-linear-gradient(top, #3c9533, #2d6f26); background-image: linear-gradient(top, #3c9533, #2d6f26); *zoom: 1; filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FF3C9533', endColorstr='#FF2D6F26'); } }
@media screen and (min-width: 0px) and (max-width: 736px) and (min-width: 0 \0) { .IMGBTN-B a:hover { filter: none\9; } }

.IMGBTN-C a { background: url(/common/content/000430142.gif) no-repeat; width: 98px; height: 21px; display: block; float: right; text-decoration: none; }
@media screen and (min-width: 0px) and (max-width: 736px) { .IMGBTN-C a { position: relative; width: 88px; height: 19px; -webkit-border-radius: 5px; -ms-border-radius: 5px; border-radius: 5px; background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjUwJSIgeTE9IjAlIiB4Mj0iNTAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2RmMjkyOSIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2I5MWMxYyIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); background-size: 100%; background-image: -webkit-linear-gradient(top, #df2929, #b91c1c); background-image: linear-gradient(top, #df2929, #b91c1c); *zoom: 1; filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FFDF2929', endColorstr='#FFB91C1C'); }
  .IMGBTN-C a:before { content: ''; position: absolute; top: 0; bottom: 0; left: -4.6em; right: 0; height: 1px; width: 1px; margin: auto; content: ""; position: absolute; border-top: 3px solid transparent; border-right: 5px solid transparent; border-bottom: 3px solid transparent; border-left: 5px solid white; }
  .IMGBTN-C a:after { content: ''; position: absolute; top: 0; bottom: 0; left: 0; right: -0.6em; margin: auto; content: 'ライブを見る'; font-size: 79%; color: #fff; } }
@media screen and (min-width: 0px) and (max-width: 736px) and (min-width: 0 \0) { .IMGBTN-C a { filter: none\9; } }

.IMGBTN-C a:hover { background: url(/common/content/000430143.gif) no-repeat; }
@media screen and (min-width: 0px) and (max-width: 736px) { .IMGBTN-C a:hover { background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjUwJSIgeTE9IjAlIiB4Mj0iNTAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2RmMjkyOSIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2I5MWMxYyIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); background-size: 100%; background-image: -webkit-linear-gradient(top, #df2929, #b91c1c); background-image: linear-gradient(top, #df2929, #b91c1c); *zoom: 1; filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FFDF2929', endColorstr='#FFB91C1C'); } }
@media screen and (min-width: 0px) and (max-width: 736px) and (min-width: 0 \0) { .IMGBTN-C a:hover { filter: none\9; } }

.IMGBTN-D a { background: url(/common/content/000430144.gif) no-repeat; width: 98px; height: 21px; display: block; float: right; }

.IMGBTN-D a:hover { background: url(/common/content/000430145.gif) no-repeat; }

/* -----------------------------------
live
----------------------------------- */
#LIVE { background-color: #FADCDC; padding-top: 10px; padding-bottom: 10px; padding-left: 10px; margin-bottom: 15px; margin-left: 15px; border: 1px solid #ff6666; width: 97%; }
@media screen and (min-width: 0px) and (max-width: 736px) { #LIVE { border: none; margin: 0 -10px 15px; padding: 10px; width: auto; background-color: #ffe7e7; } }

.BOX-LIVE { background-color: #FFFFFF; border-color: #908E8E; border-style: solid; border-width: 1px; margin-top: 10px; margin-right: 10px; padding-top: 10px; padding-bottom: 10px; padding-left: 8px; }
@media screen and (min-width: 0px) and (max-width: 736px) { .BOX-LIVE { border: none; margin-right: 0; padding: 0; width: auto; background-color: #ffe7e7; } }

#LIVE .title-a { position: relative; font-size: 120%; color: #c90000; margin: 0 0 15px; padding: 4px 0 4px 15px; border-bottom: 1px solid #ba0505; line-height: 1; font-weight: bold; font-size: 129%; }
#LIVE .title-a:before { content: ''; position: absolute; width: 8px; top: 0; left: 0; bottom: 0; display: block; background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjUwJSIgeTE9IjAlIiB4Mj0iNTAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Y2MDYwNiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2M0MDUwNSIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); background-size: 100%; background-image: -webkit-linear-gradient(top, #f60606, #c40505); background-image: linear-gradient(top, #f60606, #c40505); *zoom: 1; filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FFF60606', endColorstr='#FFC40505'); }
@media screen and (min-width: 0 \0) { #LIVE .title-a:before { filter: none\9; } }
@media screen and (min-width: 0px) and (max-width: 736px) { #LIVE .title-a { color: #333; border-left: 8px solid #b84141; padding: 4px 0 4px 6px; }
  #LIVE .title-a:before { display: none; } }

#LIVE .title-b { line-height: 120%; color: #533506; margin-right: 10px; margin-left: 0px; margin-bottom: 5px; margin-top: 0px; padding-left: 7px; padding-top: 3px; padding-bottom: 3px; font-size: 114%; background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjUwJSIgeTE9IjAlIiB4Mj0iNTAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2VhZWJhYiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2UwZTE4MiIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); background-size: 100%; background-image: -webkit-linear-gradient(top, #eaebab, #e0e182); background-image: linear-gradient(top, #eaebab, #e0e182); *zoom: 1; filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FFEAEBAB', endColorstr='#FFE0E182'); border-left: 5px solid #b84141; clear: both; font-weight: bold; }
@media screen and (min-width: 0 \0) { #LIVE .title-b { filter: none\9; } }
@media screen and (min-width: 0px) and (max-width: 736px) { #LIVE .title-b { margin-right: 0; } }

#LIVE table.CELL-A { width: 85%; }
@media screen and (min-width: 0px) and (max-width: 736px) { #LIVE table.CELL-A { width: calc(100% + 20px); width: -webkit-calc(100% + 20px); margin-top: 10px; margin-left: -20px; } }

.BOX-LIVE ul { margin: 0; padding: 0; list-style-type: square; }

.BOX-LIVE ul li { margin-left: 20px; margin-top: 10px; margin-bottom: 5px; list-style-type: square; }

.BOX-LIVE ul li strong { color: #333333; }

@media screen and (min-width: 0px) and (max-width: 736px) { .BOX-LIVE > ul > li { position: relative; list-style-type: none; }
  .BOX-LIVE > ul > li:before { content: ''; position: absolute; content: ""; position: absolute; border-top: 6px solid #b84141; border-right: 6px solid #b84141; border-bottom: 5px solid #b84141; border-left: 5px solid #b84141; top: 0.2em; left: -18px; } }
/*--------------------------------------------
movie
*--------------------------------------------*/
#video-area { width: 600px; margin: auto; display: inline-block; text-align: left; }
@media screen and (min-width: 0px) and (max-width: 736px) { #video-area { width: auto; }
  #video-area #video-container { position: relative; width: 100% !important; height: 0 !important; padding-bottom: 56.25%; }
  #video-area #video-container #video { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } }

/*#video-container object { width: 600px; height: 450px; }*/
/*@media screen and (min-width: 0px) and (max-width: 736px) { #video-container object { width: auto !important; } }*/

#vieo-buttom { margin-top: 10px; }
@media screen and (min-width: 0px) and (max-width: 736px) { #vieo-buttom { display: none; }
  #vieo-buttom + .mp_textcolor_red { height: 0; overflow: hidden; } }

#vieo-buttom button { margin: auto 4px auto 0; padding: 4px 4px; display: inline-block; font-size: 85%; }

@-moz-document url-prefix() { #vieo-buttom button { padding: 4px 2px; } }

#mokuji-area { width: 180px; margin-left: 10px; text-align: left; vertical-align: top; display: inline-block; }

#mokuji_container { width: 100%; }

#mokuji_container h2 { margin-top: 0px; }

#mokuji_container select { width: 100%; height: 410px; border: 1px none #cccccc; background-color: #f8f8f8; padding: 5px; }

#jimaku_container { margin-top: 15px; width: 600px; }

#jimaku_container textarea { width: 600px; padding: 5px; background-color: #f8f8f8; border: 0px solid #999999; }

input#ctBody_Ori_btnReturn { width: 6em; margin-top: 1em; }