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

#contents {
	width:980px;
	margin:10px 0 20px;
    border: 1px solid #ccc;
}
h1 {
	background-color: #f8f8f0;
    text-align: left;
    border-bottom: 1px solid #ccc;
    color: #000;
    margin-bottom: 0;
    padding: 10px;
    font-size: 14px;
    clear: both;
	font-weight:normal;
	margin-bottom:20px;
}

.columnLeft {
	float:left;
}
.columnRight {
	float:right;
}
.txtbold {
	font-weight:bold;
}
#top span.pc {
	display:inline;
}
.pc {
	display:block;
}
.phone {
	display:none;
}
/* clearfix */
*:after {
	display:block;
	clear:both;
}
/* clearfix */
.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}
.clearfix {
	display: inline-block;
}
/* exlude MacIE5 \*/
* html .clearfix {
	height: 1%
}
.clearfix {
	display:block;
}
/* end MacIE5 */

#child_main .links {
	text-align:center;
}


/* トグルのスタイル */

.selectlist-a dl.acordion {
	margin-top: 10px;
    margin-bottom: 10px;
    border-top: 1px solid #ccc;
}
.selectlist-a dt.trigger,
.selectlist-a dt.trigger_none {
	background-color: #f8f8f0;
    text-align: left;
    border-bottom: 1px solid #ccc;
    color: #000;
    margin-bottom: 0;
    padding: 10px;
    font-size: 14px;
    clear: both;
	cursor:pointer;
}
.selectlist-a dt.trigger span.open-close {
	background: url(/qa/images/icon_plus.png) no-repeat right top ;
	background-position:16px 16px;
    -webkit-background-size: 16px 16px;
    float: right;
    width: 16px;
    height: 16px;
    text-indent: -9999em;
}
.selectlist-a dd.acordion_tree,
.selectlist-a dd.acordion_tree_none {
	background-color: #FFF;
    border: 1px solid #CCC;
    border-top: none;
	margin-left:0;
}

.acordion_tree p {
	font-size:95%;
}








/* SPのCSS移動 */

p {
	line-height:1.2em;
}
.selectlist-b {
	margin-bottom:10px;
}
.selectlist-b dl.acordion-b {
	margin: 0 10px 0 10px;
}
.selectlist-b dl.acordion-b dt.trigger {
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #b8e2ff), color-stop(0.00, #e0f3ff));
	background: -webkit-linear-gradient(top, #e0f3ff 0%, #b8e2ff 100%);
	background: -moz-linear-gradient(top, #e0f3ff 0%, #b8e2ff 100%);
	background: -o-linear-gradient(top, #e0f3ff 0%, #b8e2ff 100%);
	background: -ms-linear-gradient(top, #e0f3ff 0%, #b8e2ff 100%);
	background: linear-gradient(to bottom, #e0f3ff 0%, #b8e2ff 100%);
	border-radius: 8px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	text-align: left;
	color: #000;
	margin-bottom: 10px;
	padding: 10px 30px 10px 10px !important;
	position:relative !important;
}
.selectlist-b dl.acordion-b dt.active {
	border-radius: 10px 10px 0 0;
	margin-bottom: 0;
}
.selectlist-b dl.acordion-b dt.trigger span.open-close {
	position:absolute !important;
	top:50% !important;
	right:10px;
	margin-top:-10px !important;
	background: url(/qa/images/icon_plus.png) no-repeat right top;
	background-size:20px 20px;
	-webkit-background-size: 20px 20px;
	/*float: right;*/

 width: 20px;
	height: 20px;
	text-indent: -9999em;
}
.selectlist-b dl.acordion-b dt.active span.open-close {
	position:absolute !important;
	top:50% !important;
	margin-top:-10px !important;
	background: url(/qa/images/icon_minus.png) no-repeat right top;
	background-size:20px 20px;
	/*float: right;*/

 width: 20px;
	height: 20px;
}
.selectlist-a dt.trigger, .selectlist-a dt.trigger_none {
	padding: 10px 40px 10px 10px !important;
	position:relative;
}
.selectlist-a dt.trigger span.open-close {
	position:absolute;
	top:50%;
	right:10px;
	margin-top:-8px;
}
.selectlist-b dl.acordion-b dd.acordion_tree {
	padding: 10px;
	background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#fff), to(#f0f0f0));
	background: #9bd8ff linear-gradient(#fff, #f0f0f0);
	border: 1px solid #ccc;
	border-top: none;
	margin-bottom:10px;
}
.selectlist-a dd.acordion_tree {
	padding-bottom:10px;
	padding-top:10px;
}
.acordion_tree a {
	display:inline;
}
h4 {
	margin:10px;
}
.open-close {
	display:inline-block;
}
.notes {
	font-size:10px;
}
/*常時オープン*/





.selectlist-bb {
	margin-bottom:10px;
}
.selectlist-bb dl.acordion-bb {
	margin: 0 10px 0 10px;
}
.selectlist-bb dl.acordion-bb dt.triggerr {
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #b8e2ff), color-stop(0.00, #e0f3ff));
	background: -webkit-linear-gradient(top, #e0f3ff 0%, #b8e2ff 100%);
	background: -moz-linear-gradient(top, #e0f3ff 0%, #b8e2ff 100%);
	background: -o-linear-gradient(top, #e0f3ff 0%, #b8e2ff 100%);
	background: -ms-linear-gradient(top, #e0f3ff 0%, #b8e2ff 100%);
	background: linear-gradient(to bottom, #e0f3ff 0%, #b8e2ff 100%);
	border-radius: 8px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	text-align: left;
	color: #000;
	margin-bottom: 10px;
	padding: 10px;
}
.selectlist-aa dt.triggerr, .selectlist-aa dt.trigger_none {
	padding: 10px;
}
.selectlist-aa dt.triggerr, .selectlist-a dt.trigger_none {
	background-color: #F8F8F0;
	border-bottom: 1px solid #CCCCCC;
	border-top: 1px solid #CCCCCC;
	clear: both;
	color: #000000;
	font-size: 14px;
	margin-bottom: 0;
	padding: 10px;
	text-align: left;
}
.selectlist-aa dt.triggerr.bnone {
	border:none;
}
.selectlist-aa dd.acordion_treee {
	padding-bottom:10px;
	padding-top:10px;
}
.spguide_ttl > dt {
	font-size:14px;
	color: #000;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #cccccc), color-stop(0.00, #eeeeee));
	background: -webkit-linear-gradient(top, #eeeeee 0%, #cccccc 100%);
	background: -moz-linear-gradient(top, #eeeeee 0%, #cccccc 100%);
	background: -o-linear-gradient(top, #eeeeee 0%, #cccccc 100%);
	background: -ms-linear-gradient(top, #eeeeee 0%, #cccccc 100%);
	background: linear-gradient(top, #eeeeee 0%, #cccccc 100%);
	-webkit-border-radius: 6px;
	text-align:left;
	margin:10px;
	padding:10px;
	cursor:pointer;
}
.spguide_ttl > dd {
	padding:10px 20px;
}
.spguide_ttl > dd .closebtn {
	text-align:right;
}
.q_h5 {
	cursor:pointer;
	padding:10px 0;
}
.q_h5 > span {
	color:#990000;
	margin-right:10px;
}
.ans_div {
	padding:10px 0;
}
.ans_a {
	margin:10px 0 0;
	font-weight:bold;
	color:#000099;
}
.closebtn {
	cursor:pointer;
	color:#09f;
	text-align:right;
}
.acordion_tree > ol {
	margin-left:20px;
}
.kome li {
	list-style:none;
	margin:10px 0 10px 17px;
	text-indent:-17px;
}
.kome li:before {
	content:"※ ";
}
.info_tbl th, .info_tbl td {
	font-size:12px;
}
.info_tbl th {
	font-weight:normal;
	text-align:left;
	white-space:nowrap;
}
.faq_q {
	font-weight:bold;
	color:#336699;
 margin-bottom:6px:
}
.faq_a {
	margin-bottom:20px;
}

/* SPのCSS移動 */


.linkArea {
	margin:0 10px 10px;
}




 @media screen and (max-width: 639px) {
body {
 margin:0;
 padding:0;
}
img {
/*width:100%;
	height:auto;*/
}
p, a {
 font-size:100% !important;
}
.pc {
 display:none ;
}
.phone {
 display:block ;
}
#header {
 background-color: #0099ff;
 background-image: none;
 width: auto;
}
#child_main {
 width:auto;
}
#contents {
width:100vw;
 margin:0;
 border:none;
}
h1 {
 background-color: #e4f4ff !important;
 font-size: 14px !important;
 font-weight: bold;
 padding: 6px 10px !important;
 line-height:150%;
 margin-bottom:3% !important;
}
#intro, .phase, .linkBoxL {
 margin-left:3%;
 margin-right:3%;
}
 .mainPh {
 float:none;
 padding:0;
 margin:0 0 5%;
}
.mainPh iframe {
 width:100%;
}
.phase h4 img {
	width:15%;
	vertical-align:middle;
	margin-right:3%;
}

.phase {
 padding:5%;
}
.phase img {
 width:100%;
 height:auto;
}
.phase h5 {
 margin-bottom:3px;
}
.phase .columnLeft, .phase .columnRight {
 width:auto;
 float:none;
}
.em08 {
 font-size:100%;
 margin-bottom:5%;
 color:#000 !important;
}
ul.em08 {
 list-style:outside disc;
 padding-left:1em;
}
span.txtbold {
 color:#000 !important;
}
.linkBoxL {
 float:none;
 width:auto;
 margin:0;
}
.linkBoxL .em08 {
 margin-bottom:0;
}
#top {
	float:none;
	text-align:right;
	padding:0 3%;
}
#top a,
#top span.phone {
 display:inline;
}
#top span.pc {
 display:none;
}
.conTable {
 margin-bottom:1em;
}
}