/* CSS Document */
html { height:100%; }
body { height:100%; margin:0px 0px 0px 0px; background-color:#FFFFFF; font-size:14px; color:#333333; line-height:180%; }
body, textarea { font-family: "�q���M�m�p�S Pro W3", "���C���I", Meiryo, "�l�r �o�S�V�b�N", sans-serif; }
@media screen and (min-width: 0px) and (max-width: 768px) {
body { font-size:12px; line-height:160%; }
}
/* ������������ */
.clearfix:after {
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
}
.clearfix {display:inline-block;}
/* ��荞�݉��� */
.cl_l { clear: left; }
.cl_r { clear: right; }
.cl_both { clear:both; }
/* h�^�O�Ȃǂ̎w�� */
h1 { font-style:normal; font-size:10pt; font-weight:normal; margin:0px; }
h2 { font-style:normal; font-size:10pt; font-weight:normal; margin:0px; }
h3 { font-style:normal; font-size:10pt; font-weight:normal; margin:0px; }
h4 { font-style:normal; font-size:10pt; font-weight:normal; margin:0px; }
h5 { font-style:normal; font-size:10pt; font-weight:normal; margin:0px; }
/* ul,li,p�^�O�̎w�� */
ul,li {
list-style:none;
}
p { margin:0; }
/* �t�H���g�̎w�� */
.bold { font-weight:bold; }
.textgreen { color:#99cc66; }
.textgreen_b { color:#99cc66; font-weight:bold; }
.textblue { color:#006eb0; }
.textblue_b { color:#006eb0; font-weight:bold; }
.textorange { color:#F8B934; }
.textorange_b { color:#F8B934; font-weight:bold; }
.textred { color:#FF0000; }
.textred_b { color:#FF0000; font-weight:bold; }
.textpink { color:#FF00BA; }
.textpink_b { color:#FF00BA; font-weight:bold; }
.textpurple { color:#CC0199; }
.textpurple_b { color:#CC0199; font-weight:bold; }
.size6 { font-size:8px; }
.size8 { font-size:10px; }
.size10 { font-size:12px; }
.size12 { font-size:14px; }
.size14 { font-size:16px; }
/* �r���Ȃ� */
.dashed_line { border-bottom: 1px dotted #343434; margin:10px 0px 10px 0px; }
.solid_line_orenge { border-bottom: 1px solid #EA5532; margin:10px 0px 15px 0px; }
.solid_line_blue { border-bottom: 1px solid #32BCF8; margin:10px 0px 15px 0px; }
.solid_line_green { border-bottom: 1px solid #45B035; margin:10px 0px 15px 0px; }
.solid_line_gray01 { border-bottom: 1px solid #B2B2B2; margin:14px 0px 14px 0px; }
.solid_line_purple { border-bottom: 1px solid #BE0089; margin:10px 0px 0px 0px; }
.solid_line_purple01 { border-bottom: 1px solid #BE0089; margin:14px 0px 14px 0px; }
/* �摜�̃����N */
a img { border-style:none; }
/* �摜�̗]���� */
img {
vertical-align:bottom
}
/* ie�ɓK�p */
img {
width: inherit\9;
max-width: 100%\9;
height: auto\9;
}
/* �摜�T�C�Y */
img { width:100%; height:auto; }
/* hr�̐ݒ� */
hr.style-one { border: 0; height: 1px; background: #999; background-image: -webkit-linear-gradient(left, #ccc, #999, #ccc); background-image: -moz-linear-gradient(left, #ccc, #999, #ccc); background-image: -ms-linear-gradient(left, #ccc, #999, #ccc); background-image: -o-linear-gradient(left, #ccc, #999, #ccc);}
/* �y�[�W�S�̂̃e�L�X�g�����N */
a:link { color:#333333; text-decoration:underline; }
a:visited { color:#333333; text-decoration:underline; }
a:active { color:#006eb0; text-decoration:underline; }
a:hover { color:#006eb0; text-decoration:underline; }
@media screen and (min-width: 0px) and (max-width: 768px) {
a:link { color:#333333; text-decoration:underline; }
a:visited { color:#333333; text-decoration:underline; }
a:active { color:#006eb0; text-decoration:underline; }
a:hover { color:#006eb0; text-decoration:underline; }
}
/* �g�b�v�y�[�W */
/* �w�b�h�C���t�H���[�V���� */
#headbox01 { width:100%; background:url(../common_img/headbg01.png) repeat-x; background-position:bottom; border-top:8px solid #00a1e9; }
#headbox02 { width:918px; margin:0 auto; }
#headbox02 p { font-weight: bold; color: #656766; }
#headlogo { width:627px; float:left; padding:6px 0 14px; }
#headlogo img { width: 100%; height: auto; }
#headimg { width:264px; float:right; padding:33px 0 2px; }
@media screen and (min-width: 0px) and (max-width: 768px) {
#headbox01 { width:100%; background:url(../common_img/headbg01.png) repeat-x; background-position:bottom; border-top:4px solid #00a1e9; }
#headbox02 { width:96%; margin:0 auto; }
#headbox02 p { font-size: 8px; font-weight: normal; color: #656766; }
#headlogo { width:60%; float:left; padding:5px 0 10px 0; }
#headlogo img { width: 60%; height: auto; }
#headimg { width:40%; float:right; padding:5px 0 3px 0; }
}
/* �X�}�z�w�b�h */
#spheader { display:none; }
@media screen and (min-width: 0px) and (max-width: 768px) {
#spheader { display:block; width:100%; margin:0 auto; padding:15px 0 0; }
#spnavibox { width:98%; margin:0 auto; padding:0; }
/* �X�}�z�i�r */
#spnavibox dt{
display:block;
width:100%;
text-align:center;
cursor:pointer;
padding-bottom:10px;
}
#spnavibox dd{
width:100%;
margin:0;
display:none;
}
#spnavibox ul { width:100%; margin:0 auto; padding:0; letter-spacing:-1em; font-size: 0; }
#spnavibox ul li { display:inline-block; width:32%; height:auto; letter-spacing:-1em; margin:0 2% 6px 0; }
#spnavibox ul li:nth-child(1) { display:inline-block; width:98%; height:auto; letter-spacing:-1em; margin:0 2% 6px 0; }
#spnavibox ul li:nth-child(3n) { margin:0 0 6px 0; }
#spnavibox ul li a { border-radius:5.99999952316284px; -webkit-border-radius:5.99999952316284px; -moz-border-radius:5.99999952316284px; border:1px solid rgb(2, 56, 148); }
#spnavibox li a { display:block; width:100%; }
}
/* �i�r�Q�[�V���� */
#navibox01 { width:100%; height:84px; background-image:url(../common_img/navi/navibg.png); background-repeat:repeat-x; }
@media screen and (min-width: 0px) and (max-width: 768px) {
#navibox01 { display:none; }
}
#navibox02 { width:954px; margin:0 auto; }
#navi { width:100%; }
.navi { width:136px; float:left; height:84px; overflow:hidden; }
.navi:nth-child(1) { width:137px; }
.navi:nth-child(7) { width:137px; }
/* ���C���{�b�N�X */
#wrap { width:1037px; margin:0 auto; }
@media screen and (min-width: 0px) and (max-width: 768px) {
#wrap { width:100%; margin:0; }
}
/* �w�b�h�C���[�W */
#headimgbox01 { width:1200px; margin: 0 auto; padding:17px 0; background:url(../common_img/headimgbg01.jpg); background-repeat:no-repeat; }
#k-headimgbox01 { width:1200px; margin: 0 auto; padding:0; }
@media screen and (min-width: 0px) and (max-width: 768px) {
#headimgbox01 { width:100%; margin: 0 auto; padding:10px 0; background:url(../common_img/headimgbg01.jpg); background-repeat:no-repeat; background-size:100% 100%; }
#k-headimgbox01 { width:100%; margin: 0 auto; padding:0; }
}
/* ���C���R���e���c */
#maincontentsbox01 { width:947px; margin:0 auto; padding-top:43px; }
#maincontentsbox01:after { content: ""; clear: both; display: block; }
@media screen and (min-width: 0px) and (max-width: 768px) {
#maincontentsbox01 { width:98%; margin:0 auto; padding-top:10px; }
#maincontentsbox01:after { content: ""; clear: both; display: block; }
}
#leftcontentsbox01 { width:255px; float:left; line-height:180%; }
#rightcontentsbox01 { width:100%; float:none; padding:0 26px 0 0; }
#k-leftcontentsbox01 { width:255px; float:left; line-height:180%; }
#k-rightcontentsbox01 { width:630px; float:right; padding:0 26px 0 0; }
/* #rightcontentsbox01 { width:630px; float:right; padding:0 26px 0 0; } */
@media screen and (min-width: 0px) and (max-width: 768px) {
#leftcontentsbox01 { width:98%; margin:0 auto; float:none; line-height:180%; }
#rightcontentsbox01 { width:98%; margin:0 auto; float:none; padding:0; }
#k-leftcontentsbox01 { width:98%; margin:0 auto; float:none; line-height:180%; }
#k-rightcontentsbox01 { width:98%; margin:0 auto; float:none; padding:0; }
}
/* ���t�g�C���t�H���[�V���� */
.leftinfobox01 { border:1px solid #b2b2b2; margin:0 0 20px 0; }
.leftinfobox01:nth-child(2) { color:#2a2a2a; letter-spacing:-0.1em; }
.leftinfobox01:nth-child(4) { font-size:12px; letter-spacing:-0.05em; }
.leftinfobox02 { background:url(../common_img/leftinfobg.png) repeat; position:relative; }
.leftinfobox03 { padding:10px; }
.leftinfobox04 { background:#f4f3ee; }
.leftinfobox05 { margin:0 0 20px 0; }
.leftinfolabelbox01 { width:106px; position:absolute; right:0; }
.leftinfotitlebox01 { display:block; padding:0 0 5px 0; }
.leftinfocontentsbox01 { padding:10px 15px 10px; line-height:160%; }
.leftinfocontentsbox01 ul { margin:0; padding:0 0 10px 0; }
.leftinfocontentsbox01 ul:last-child { margin:0; padding:0; }
.leftinfocontentsbox01 ul li { padding:0; line-height:180%; text-indent:-1em; padding-left:1em; }
.leftinfocontentsbannerbox01 { padding:10px 15px 10px; line-height:160%; }
.leftinfocontentsbannerbox01 img:nth-child(1) { width:211px; margin:0 auto; padding:0 0 15px; }
.leftinfocontentsbannerbox01 img:nth-child(2) { width:211px; margin:0 auto; }
.leftinfocontentsbox01 .lefttablebox01 { width:100%; display:table; padding:0 0 3px 0; }
.leftinfocontentsbox01 .lefttablebox01:last-child { width:100%; display:table; padding:0; }
.leftinfocontentsbox01 .lefttablebox01 .leftcell { display:table-cell; text-align:left; vertical-align:top; padding:0 5px 0 0; }
.leftinfocontentsbox01 .lefttablebox01 .rightcell { display:table-cell; text-align:right; vertical-align:top; padding:0 0 0 5px; }
.leftinfonamebox01 { font-size:16px; padding:0 0 5px 0; letter-spacing: -0.1em; }
.leftinfomapbox01 { padding:20px 0; }
.leftinfomapbox01 iframe { width:100%; max-height:150px; }
.leftinfobuttonbox01 { width:100%; }
.leftinfobox01 a:link { color:#2a2a2a; text-decoration:none; }
.leftinfobox01 a:visited { color:#2a2a2a; text-decoration:none; }
.leftinfobox01 a:active { color:#006eb0; text-decoration:underline; }
.leftinfobox01 a:hover { color:#006eb0; text-decoration:underline; }
.leftinfobanner01 { margin:0 0 20px; }
.leftinfobanner01:last-child { margin:0; }
@media screen and (min-width: 0px) and (max-width: 768px) {
.leftinfobox01 { width:98%; float:none; margin:0 auto 10px; border:1px solid #b2b2b2; }
.leftinfobox01:nth-child(2) { color:#2a2a2a; letter-spacing:0; }
.leftinfobox01:nth-child(4) { font-size:12px; letter-spacing:0; }
.leftinfobox01:last-child { width:98%; float:none; margin:0 auto 0; border:1px solid #b2b2b2; }
.leftinfobox02 { background:url(../common_img/leftinfobg.png) repeat; position:relative; }
.leftinfobox03 { padding:10px; }
.leftinfobox04 { background:#f4f3ee; }
.leftinfobox05 { width:98%; float:none; margin:0 auto 10px; }
.leftinfolabelbox01 { width:30%; position:absolute; right:0; }
.leftinfotitlebox01 { display:block; width:100%; padding:0 0 5px 0; }
.leftinfocontentsbox01 { padding:10px 30px 10px; line-height:160%; }
.leftinfocontentsbox01 ul { margin:0; padding:0 0 10px 0; }
.leftinfocontentsbox01 ul:last-child { margin:0; padding:0; }
.leftinfocontentsbox01 ul li { padding:0; line-height:180%; text-indent:-1em; padding-left:1em; }
.leftinfocontentsbannerbox01 { width:auto; margin:0 auto; padding:10px 15px 10px; line-height:160%; text-align:center; }
.leftinfocontentsbannerbox01 img:nth-child(1) { width:211px; margin:0 auto; padding:0 0 15px; }
.leftinfocontentsbannerbox01 img:nth-child(2) { width:211px; margin:0 auto; }
.leftinfocontentsbox01 { padding:0 4% 10px; font-size:10px; line-height:160%; }
.leftinfocontentsbox01 ul { margin:0; padding:0 0 5px 0; }
.leftinfocontentsbox01 ul:last-child { margin:0; padding:0; }
.leftinfocontentsbox01 ul li { padding:0; line-height:180%; text-indent:-1em; padding-left:1em; }
.leftinfonamebox01 { font-size:12px; padding:0 0 5px 0; letter-spacing: 0em; }
.leftinfomapbox01 { padding:5px 0; }
.leftinfomapbox01 iframe { width:100%; max-height:150px; }
.leftinfobuttonbox01 { width:100%; }
.leftinfobuttonbox01 img { width:40%; }
.leftinfobox01 a:link { color:#2a2a2a; text-decoration:none; }
.leftinfobox01 a:visited { color:#2a2a2a; text-decoration:none; }
.leftinfobox01 a:active { color:#006eb0; text-decoration:underline; }
.leftinfobox01 a:hover { color:#006eb0; text-decoration:underline; }
.leftinfobanner01 { margin:0 0 10px; }
.leftinfobanner01:last-child { margin:0; }
}
/* //���t�g�C���t�H���[�V���� */
/* �R���e���c�{�b�N�X */
.contentsbox01 { padding-bottom:35px; }
.contentsbox01:after { content:""; clear:both; display:block; }
.contentsbox02 { padding:0 0 20px 0; }
.contentsbox02:after { content:""; clear:both; display:block; }
.contentsbox03 { width:600px; margin:0 auto; padding-bottom:40px; }
.contentsbox03:after { content:""; clear:both; display:block; }
.titlebox01 { display:block; margin:0 0 30px 0; border:1px solid #b1b1b1; }
.titlebox02 { display:block; background:#FFFFFF; border:5px solid #e5e1da; padding:14px 20px 14px 0; }
/* bg���摜�ɂ���ꍇ
.titlebox02 { display:block; background:url(../common_img/titlebg.png) repeat; border:5px solid #e5e1da; padding:14px 20px 14px 0; }
*/
.titlebox02 p { font-size:17px; color:#006eb0; font-weight:bold; }
.titlebox02 p:before { content: url(../common_img/titleicon.png); margin:0 10px 0 0; }
@media screen and (min-width: 0px) and (max-width: 768px) {
.contentsbox01 { padding-bottom:10px; }
.contentsbox01:after { content:""; clear:both; display:block; }
.contentsbox02 { padding:0 0 10px 0; }
.contentsbox02:after { content:""; clear:both; display:block; }
.contentsbox03 { width:98%; margin:0 auto; padding-bottom:20px; }
.contentsbox03:after { content:""; clear:both; display:block; }
.titlebox01 { display:block; margin:0 0 10px 0; border:1px solid #b1b1b1; }
.titlebox02 { display:block; background:url(../common_img/titlebg.png) repeat; border:3px solid #e5e1da; padding:8px 10px 8px 0; }
/* bg���摜�ɂ���ꍇ
.titlebox02 { display:block; background:url(../common_img/titlebg.png) repeat; border:3px solid #e5e1da; padding:8px 10px 8px 0; }
*/
.titlebox02 p { font-size:14px; color:#006eb0; font-weight:bold; }
.titlebox02 p:before { content: url(../common_img/titleicon.png); margin:0 5px 0 0; }
}
/* �y�[�W�g�b�v */
.pagetopbox01 { width:880px; margin:0 auto; padding:0 0 30px 0; }
.pagetopbox02 { width:93px; float:right; }
@media screen and (min-width: 0px) and (max-width: 768px) {
.pagetopbox01 { width:96%; margin:0 auto; padding:10px 0; }
.pagetopbox02 { width:20%; float:right; }
}
/* //�y�[�W�g�b�v */