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

#spweb_page {
	max-width:640px;
	margin:0 auto;
}

#spweb_page img {
	max-width:100%;
	height:auto;
	margin:0 auto 5% auto;
	display:block;
}
.sp_noma_img img {
	margin:0 auto 0px auto !important;
}

.ggmap {
position: relative;
padding-bottom: 56.25%;
padding-top: 30px;
height: 0;
overflow: hidden;
}
 
.ggmap iframe,
.ggmapr object,
.ggmap embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}

.video-container {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px;
    height: 0;
    overflow: hidden;
}
 
.video-container iframe,  
.video-container object,  
.video-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}


/* n_table系 */
.n_table_size_01 {
	margin:0 10px 20px 10px;
}

.n_table_title_01 {
margin-bottom: 4px;
padding: 5px 0 5px 5px;
color: #fff;
border: solid #039 1px;
background-color: #039;
background: -webkit-gradient(linear, left top, left bottom, from(#039), to(#09C));
border-left: 3px solid #FFF;
text-shadow: -1px -1px 1px #000;
font-weight: bold;
font-size: 92%;
}

.n_table_01 {
	display:block;
}
.n_table_01 .div_tr {
	display:block;
}
.n_table_01 .div_th {
padding: 5px 0 5px 5px;
color: #333;
text-shadow: #fff 0px 1px 0px;
border-top: solid #CCC 1px;
border-bottom: solid #CCC 1px;
background-color: #CCC;
background: -webkit-gradient(linear, left top, left bottom, from(#EFEFEF), to(#FAFAFA));
font-size:92%
}
.n_table_01 .div_td {
	display:block;
margin: 10px auto;
width: 90%;
font-size:92%;
}


.sp_txt_01 {
margin:0 4%;
}
.sp_txt_01 p {
font-size:16px;
line-height:21px;
}
.sp_ul_01 li {
font-size:16px;
line-height:21px;
}
.sp_title_01 {
padding:4%;
font-size:20px;
text-shadow: -1px -1px 1px #FFFFFF;
color:#000000;
}
.sp_txt_02 {
padding: 0px !important;
font-size: 100%;
color: #000 !important;
border-top: none !important;
border-bottom: none !important;

}
.sp_com_med_01 {
margin-top:20px;
}
.sp_com_med_01 td {
width:48%;
padding:1%;
}
.sp_com_med_01 td img {
width:100%;
height:auto;
}

.readWakuBlue {
border: 1px dotted #79A8DE;
background-color: #DBEEF4;
padding: 8px;
margin-bottom: 10px;
}

.sp_title_03 {
background-color: #003BC4;
clear: both;
display: block;
text-align: left;
font-size: large;
padding: 4px;
font-weight: normal;
color: #FFF;
margin-top: 1em;
border: 1px solid #1A1183;
}
.sp_title_04 {
clear: both;
display: block;
font-size: larger;
font-weight: bold;
padding: 4px;
margin: 10px auto;
color: #FFF;

}

.alart {
border: 1px solid #C00;
padding: 5px;
font-weight: normal;
background-color: #FFE6FF;
color: #C00;
font-size:16px !important;
margin-bottom:10px;
}



.sp_title_05 {
clear: both;
display: block;
font-size: larger;
font-weight: normal;
padding: 4px;
margin: 10px auto;
color: #FFF;
font-size:16px;
background:#d65c33;

}


/* csr */
.csr_list {
text-align:left;
margin:0 4% 4% 4%;

}
.csr_list dt {
margin-bottom:5px;
}
.csr_list dd {
margin-bottom:10px;
}

.sp_csr_con_01 {
padding:10px 10px 0 10px;
}
.sp_csr_con_01 p {
margin-bottom:10px;
}
.sp_csr_con_02 {
margin:0 4% 0 4%;
}
.sp_csr_con_02 ol {
list-style-type:decimal;
}
.sp_csr_con_02 ol li {
font-size:14px;
font-weight:normal;
list-style-type: decimal;
margin-bottom:10px;
margin-left:15px;
}

.sp_csr_table_01 {
margin:0 4% 0 4%;
}
.sp_csr_table_01 table {
border: 1px #CCCCCC solid;
border-collapse: collapse;
}
.sp_csr_table_01 table td {
border: 1px #CCCCCC solid;
padding:3px;
font-size:12px;
}


.sp_ma_01 {
margin-bottom:10px;
}


.sp_n_table_02 {
width:100% !important;
white-space:normal !important;
font-size:11px;
}
.sp_n_table_02 th {
background:#dddddd;
padding:3px 0;
border:1px #CCCCCC solid;
}
.sp_n_table_02 td {
border:1px #CCCCCC solid;
padding:4px 2px;
}
.sp_n_table_02 td p {
 font-size:11px;
}
.sp_n_table_02 td input {
max-width:100%;
}
.sp_fs_12 {
font-size:12px !important;
line-height:16px !important;
}

.sp_n_table_03 {
background-color: #CCC;
margin: 10px auto;
}

.sp_n_table_03 th.rainbowTitle {
    border: 3px solid #000;
vertical-align:middle;

}
.sp_n_table_03 th {
    background-image: url('../images/thBack.gif');
    background-repeat: repeat-x;
    background-color: #F1F2F7;
    height: 42px;
    font-weight: bold;
    color: #000;
    line-height: 120%;
}
.sp_n_table_03 td.rainbow {
    color: #F00;
    border: 3px solid #036;
}
.sp_n_table_03 td {
    background-color: #FFF;
    padding: 5px;
    text-align: left;
}

.sp_n_table_04 {
width:100%;
white-space:normal !important;
font-size:8px;
}
.sp_n_table_04 th {
background:#dddddd;
padding:3px 0;
border:1px #CCCCCC solid;
}
.sp_n_table_04 td {
border:1px #CCCCCC solid;
padding:4px 2px;
width:14.285%;
white-space:normal !important;
}
.sp_n_table_04 td p {
 font-size:11px;
}



ol.sp_ol_li_01 {
padding-top:10px;
}
ol.sp_ol_li_01  li {
    text-align: left;
    margin-left: 25px;
    margin-bottom: 5px;
    list-style-type: decimal;
}
.redBig {
    color: #F00;
    font-size: 16px;
}
.blueBig {
    color: #039;
    font-size: 16px;
}

.daisha_table_box {
margin-bottom:10px;
}


/*
#subBtn a.subBtn_shaken01_on {
    background-image: url('../images/subBtn_shaken01b.gif');
    background-repeat: no-repeat;
    display: block;
    width: 174px;
    height: 35px;
    text-indent: -9999px;
    float: left;
}
#subBtn a.subBtn_shaken02 {
    background-image: url('../images/subBtn_shaken02.gif');
    background-repeat: no-repeat;
    display: block;
    width: 174px;
    height: 35px;
    text-indent: -9999px;
    float: left;
}
#subBtn a.subBtn_shaken03 {
    background-image: url('../images/subBtn_shaken03.gif');
    background-repeat: no-repeat;
    display: block;
    width: 174px;
    height: 35px;
    text-indent: -9999px;
    float: left;
}
#subBtn a.subBtn_shaken04 {
    background-image: url('../images/subBtn_shaken04.gif');
    background-repeat: no-repeat;
    display: block;
    width: 174px;
    height: 35px;
    text-indent: -9999px;
    float: left;
}
*/

#subBtn ul {
margin:0 5%;
}
#subBtn li {
width:50%;
float:left;
}

.sp_block {
float: none;

}
.sp_size_break {
width:auto !important;
}
#subBtnS ul {
margin:0 5%;
}
#subBtnS ul li {
    float: left;
    list-style: none outside none;
 width:50%;
}
#subBtnS a {
    display: block;
    background-color: #039;
    color: #FFF;
    border: 1px solid #CCC;
    padding: 5px;
    text-decoration: none;
text-align:center;
margin:5px;
}
.sp_inq1 {
width:90%;
}

.flowText img {
    clear: both;
    float: left;
    width: 30%;
    margin: 0px 10px 1em auto;
    border-top: 3px solid #06C;
display:inline-block;
}
.flowText p {
    float: right;
    width: 65%;
    padding: 2%;
    background-color: #FFF;
    border-width: 3px 1px 1px;
    border-style: solid dotted dotted;
    border-color: #06C #CCC #CCC;
    margin-bottom: 1em;
    min-height: 228px;
}
.clearfix:after {
content: " ";  
display: block; 
visibility: hidden; 
clear: both; 
height: 0.1px; 
font-size: 0.1em; 
line-height: 0; 
}
.clearfix { display: inline-block; }
/* exlude MacIE5 \*/
* html .clearfix { height: 1% }
.clearfix {display:block;}
/* end MacIE5 */


.clear{ clear:both;}

.access_map img {
margin-bottom:1% !important;
}
.access_map_menu {
width:100%;
}
.access_map_menu a {
box-sizing: border-box;
width:31% !important;
margin:0 1% !important;
padding:2% !important;
font-size:12px !important;
border:2px solid #F60 !important;
text-align:center;
}
.access_map_con_01 {
width:100% !important;
padding:0px !important;
margin:0px !important;
}
.access_map_con_01 a {
font-size:12px;
}

.sp_job_t_01 {
}
.sp_job_t_01 td {
width:48%;
padding:1%;
}
.sp_job_t_01 td strong {
font-size:12px;
}

.question_con .text {
margin:0 5px 10px 5px;
}
.question_con h3  {
margin:0 0px 10px 0px;
}
.question {
background-image: url(/images/question.gif);
background-repeat: no-repeat;
min-height: 35px;
font-weight: normal;
padding-left: 45px;
padding-top: 2px;
margin-bottom:5px;
font-soize:14px;
}
.sp_none {
display:none;
}

.tosouJirei {
    background-color: #333;
    color: #FFF;
    padding: 5px;
    font-size: 15px;
    font-weight: bold;
    margin-bottom: 1em;
}

.jorei_con .photo {
    border: 1px solid #CCC;
    padding: 1px;
width:40%;
height:auto;
display:inline-block !important;
}

.jorei_con a.btn {
    background-image: url('/images/btnBack.gif');
    background-repeat: repeat-x;
    border: 1px solid #CCC;
    padding: 5px;
    margin: 0 4px 1px 0;
    text-decoration: none;
    font-weight: bold;
    font-size: 14px;
display:inline-block;
}