@charset "shift_jis";
#contents{
	font-size: 16px;
}
#contents section{
	margin-bottom: 3em;
}

#contents .title{
	clear: both;
    color: #000;
    margin-bottom: 15px;
    border-bottom: 1px solid #D0D0D0;
    padding-top: 0;
    padding-right: 0;
    padding-bottom: 5px;
    padding-left: 13px;
    font-size: 1.385em;
    font-weight: 700;
}

#contents .title_2{
	clear: both;
    color: #000;
    margin-bottom: 15px;
    border-bottom: 1px solid #343434;
    padding-top: 0;
    padding-right: 0;
    padding-bottom: 5px;
    padding-left: 13px;
    font-size: 1.154em;
    font-weight: 700;	
}

#contents .title_3 {
    font-size: 1.077em;
    padding: 5px 10px;
    margin-bottom: 10px;
    background: #E3E3E3;
}

#contents h4.g_title {
	margin: 0px 0px 15px 0px;
    padding: 3px 10px 0px 8px;
    border-bottom: #999 1px solid;
    border-left: #999 7px solid;
    font-weight: bold;
}

@media (max-width: 640px){
	#contents .title,
	#contents .title_2{
	   padding-left: 2px;
	}
}

#contents .square::before{
	content: "\025a0";
	margin-right: 0.25em;
}
#contents .list_none{
	list-style: none;
	word-break: break-all;
}

#contents ul.list_none li{
	margin-left:0;
}

@media (max-width: 640px){
	#contents .list_none{
		margin: 1em 0;
	}
	#contents .list_none li{
		margin-bottom: 10px;
	}
}

#contents .pct_main{
	margin-bottom: 2em;
}
@media (max-width: 640px){
	#contents .pct_main img{
		width: 100%;
		height: auto;
	}
}

#contents .pct img{
	margin: 1em 0.625em;
}

#contents .annotation{
	margin-left: 2em;
	text-indent: -1em;
}

#contents ul.annotation li{
	margin-left: 0;
}



/*
	====================================
		applArea
	====================================
*/
#contents .applArea{
	margin-left: 1em;
}

#contents .applArea p{
	margin: 0;
}

#contents .applArea section > p{
	margin-left: 1.25em;
}

#contents .applArea section > p.annotation{
	text-indent: -1em;
	margin-left: 2.7em;
    margin-top: 0.5em;
}

#contents .applArea .ap_list > li{
	margin-bottom: 2em;
}

#contents .applArea .ap_list > li:last-child{
	margin-bottom: 0;
}

@media (max-width: 640px){
	#contents .applArea{
		margin-left: 0em;
	}
}

#contents .cleaning_table{
	width: 100%;
    word-break: break-all;
	padding-left: 1em;
}

#contents .cleaning_table table{
	width: 96.7%;
	margin: 0 0 1em;
}

#contents .cleaning_table table tr td{
	text-align: center;
}
@media (max-width: 640px){
	#contents .cleaning_table{
		padding-left: 0;
	}
}
/*
	====================================
		courseArea
	====================================
*/

#contents .courseArea{
	overflow: hidden;
}
#contents .courseArea section{
	margin-bottom: 0;
}

#contents .courseArea .course_basic,
#contents .courseArea .course_light,
#contents .courseArea .course_full{
	float: left;
	width: 30%;
	margin: 0 0.625em 1em;
	height: 300px;
}

#contents .courseArea .course_basic{
	border: 1px solid #008566;
}

#contents .courseArea .course_light{
	border: 1px solid #0069a4;
}

#contents .courseArea .course_full{
	border: 1px solid #5f58a0;
}

#contents .courseArea .course_title{
	text-align: center;
	color: #FFF;
	margin-bottom: 1em;
	padding: 1em;
}

#contents .courseArea .course_basic .course_title{
		background-color: #008566;
}

#contents .courseArea .course_light .course_title{
		background-color: #0069a4;
}

#contents .courseArea .course_full .course_title{
		background-color: #5f58a0;
}

@media (max-width: 640px){
	#contents .courseArea{
		width: 100%;
	}
	#contents .courseArea .course_basic,
	#contents .courseArea .course_light,
	#contents .courseArea .course_full{
		float: none;
		height: auto;
		width: auto;
		margin-bottom: 2em;
	}
}

/*
	====================================
		serviceArea
	====================================
*/
#contents .serviceArea{
	width: 100%;
}
#contents .serviceArea section{
	margin-bottom: 0;
}

#contents .serviceArea .sa_basic,
#contents .serviceArea .sa_light,
#contents .serviceArea .sa_full{
	margin: 1em;
}


	#contents .serviceArea .sa_basic{
		background-color: #dcebe4;
		position: relative;
		z-index: 2;
	}
	#contents .serviceArea .sa_light{
		background-color: #dcebf5;
		position: relative;
		z-index: 1;
		height: 400px;
	}
	#contents .serviceArea .sa_full{
		background-color: #e9e7f2;
		border: 2px solid #5f58a0;
		position: relative;
		height: 800px;
	}

#contents .serviceArea .sa_basic > section > .sa_course{
	position: absolute;
	top: 1em;
}
#contents .serviceArea .sa_light > section > .sa_course,
#contents .serviceArea .sa_full > section > .sa_course{
	position: absolute;
	top: 0;
}

	#contents .serviceArea .sa_basic > section > .sa_course .sa_course_left,
	#contents .serviceArea .sa_light > section > .sa_course .sa_course_left{
		border: 2px dashed #FFF;
		border-right: none;
	}
	#contents .serviceArea .sa_basic > section > .sa_course .sa_course_left{
		background-color: #008566;
		width: 19.9%;
	}
	#contents .serviceArea .sa_light > section > .sa_course .sa_course_left{
		background-color: #0069a4;
		width: 21%;
	}
	#contents .serviceArea .sa_full > section > .sa_course .sa_course_left{
		background-color: #5f58a0;
		width: 22%;
		height: 768px;
	} 
	#contents .serviceArea .sa_basic > section > .sa_course .sa_course_right{
		border: 2px dashed #008566;
		background-color: #dcebe4;
	}
	#contents .serviceArea .sa_light > section > .sa_course .sa_course_right{
		border: 2px dashed #0069a4;
		height: 400px;
	}
	#contents .serviceArea .sa_full > section > .sa_course .sa_course_right{
		background-color: #e9e7f2;
		height: 800px;
	}
	#contents .serviceArea .sa_basic > section > .sa_course .sa_course_right,
	#contents .serviceArea .sa_light > section > .sa_course .sa_course_right{
		border-left: none;
	}
	
#contents .serviceArea .sa_course{
	display: table;
	width: 100%;
	height: 100%;
}
#contents .serviceArea .sa_course_left{
	display: table-cell;
	vertical-align: middle;
	padding: 0.6em;
	color: #FFF;

}

#contents .serviceArea .sa_course_right{
	display: table-cell;
}

#contents .serviceArea .sa_course_left > div,
#contents .serviceArea .sa_course_right > div{
	height: 100%;
	width: 100%;
	position: relative;	
}
#contents .serviceArea h3{
	font-size: 1.154em;
}
#contents .serviceArea .sa_basic > section > .sa_course .sa_course_left h3{
	padding-top: 2em;
	padding-left: 0.5em;
	vertical-align: top;
	padding-top: 0em\9; /* IE 10 ˆÈ‰º */
}
#contents .serviceArea .sa_light > section > .sa_course h3{
	padding-left: 1.4em;
	padding-top: 3em\9; /* IE 10 ˆÈ‰º */
}
#contents .serviceArea .sa_full > section > .sa_course h3{
	padding-left: 2.3em;
}
#contents .serviceArea .sa_course_left .sa_title{
	position: absolute;
}
	#contents .serviceArea .sa_light > section > .sa_course .sa_course_left .sa_title{
		top: 70%;
	}
	#contents .serviceArea .sa_full > section > .sa_course .sa_course_left .sa_title{
		top: 75%;
	}


#contents .serviceArea .sa_course_right .sa_txt{
	position: absolute;
	top: 50%;
}
	#contents .serviceArea .sa_light > section > .sa_course .sa_course_right .sa_txt{
		top: 55%;
	}
	#contents .serviceArea .sa_full > section > .sa_course .sa_course_right .sa_txt{
		top: 55%;
	}
	
#contents .serviceArea .sa_list_box{
	list-style: none;
	overflow: hidden;
	margin-left: 0;
}
#contents .serviceArea .sa_list_box li{
	display: table-cell;
	float: left;
	padding: 1em 0.5em;
	text-align: center;
	height: 3em;
	color: #FFF;
}
#contents .serviceArea .sa_basic > section .sa_list_box li{
	width: 192px;
	background-color: #008566;

}
#contents .serviceArea .sa_light > section .sa_list_box li{
	width: 192px;
	padding: 1.5em 0.5em 0;
	background-color: #0069a4;
}
#contents .serviceArea .sa_full > section .sa_list_box li{
	width: 624px;
	background-color: #5f58a0;
}
#contents .serviceArea .sa_full > section .sa_list_box li.half{
	width: 300px;
	height: 4em;
}

@media screen and (max-width: 640px){
	#contents .serviceArea .sa_basic{
		z-index: 2;
		height: 470px;
		position: absolute;
		top: 45%;
		margin: 0.5em;
		width: 95%;
	}
	#contents .serviceArea .sa_light{
		height: 895px;
		width: 95%;
		position: absolute;
		top: 39%;
		margin: 0.5em;
	}
	#contents .serviceArea .sa_full{
		border: 2px solid #5f58a0;
		position: relative;
		height: 1500px;
	}
	
	#contents .serviceArea .sa_basic > section,
	#contents .serviceArea .sa_light > section,
	#contents .serviceArea .sa_full > section{
		height: 100%;
	}
	
	#contents .serviceArea .sa_basic > section > .sa_course{
		position: relative;
		top: 0;
	}
	#contents .serviceArea .sa_light > section > .sa_course,
	#contents .serviceArea .sa_full > section > .sa_course{
		position: relative;
		top: 0;
	}
	
		#contents .serviceArea .sa_basic > section > .sa_course .sa_course_left,
		#contents .serviceArea .sa_light > section > .sa_course .sa_course_left{
			border: 2px dashed #FFF;
			border-bottom: none;
		}
			#contents .serviceArea .sa_basic > section > .sa_course .sa_course_left{
				width: auto;
			}
			#contents .serviceArea .sa_light > section > .sa_course .sa_course_left{
				background-color: #0069a4;
				width: auto;
			}
			#contents .serviceArea .sa_full > section > .sa_course .sa_course_left{
				background-color: #5f58a0;
				width: auto;
				height: auto;
			} 
		#contents .serviceArea .sa_basic > section > .sa_course .sa_course_right{
			border: 2px dashed #008566;
			height: 89%;
			background-color: transparent;
		}
		#contents .serviceArea .sa_light > section > .sa_course .sa_course_right{
			border: 2px dashed #0069a4;
			height: 94.5%;
		}
		#contents .serviceArea .sa_full > section > .sa_course .sa_course_right{
			background-color: #e9e7f2;
			height: auto;
		}
			#contents .serviceArea .sa_basic > section > .sa_course .sa_course_right,
			#contents .serviceArea .sa_light > section > .sa_course .sa_course_right{
				border-top: none;
			}
		
	#contents .serviceArea .sa_course{
		display: block;
	}
	#contents .serviceArea .sa_course_left{
		display: block;
	}
	
	#contents .serviceArea .sa_course_right{
		display: block;
	}
	
	#contents .serviceArea .sa_course_left .sa_title{
		position: relative;
	}
	#contents .serviceArea .sa_basic > section > .sa_course .sa_course_left h3{
		padding: 0;
	}
	#contents .serviceArea .sa_light > section > .sa_course h3{
		padding: 0;
	}
	#contents .serviceArea .sa_full > section > .sa_course h3{
		padding: 0;
	}
	
	#contents .serviceArea .sa_course_right .sa_txt{
		position: relative;
		top: 50%;
	}
		#contents .serviceArea .sa_light > section > .sa_course .sa_course_right .sa_txt{
			top: 0%;
		}
		#contents .serviceArea .sa_full > section > .sa_course .sa_course_right .sa_txt{
			top: 55%;
		}
		
	#contents .serviceArea .sa_list_box{
		margin: 0 0.5em 0.5em;
	}
	#contents .serviceArea .sa_list_box li{
		display: block;
		float: none;
		padding: 1em 0.5em;
		text-align: center;
		height: 3em;
		color: #FFF;
		margin: 0.5em;
	}
	#contents .serviceArea .sa_basic > section .sa_list_box li{
		width: auto;
		max-width: 95%;
	}
	#contents .serviceArea .sa_light > section .sa_list_box li{
		width: auto;
		max-width: 95%;
		padding: 1.5em 0.5em 0;
	}
	#contents .serviceArea .sa_full > section .sa_list_box li{
		max-width: 95%;
		height: auto;
	}
	#contents .serviceArea .sa_full > section .sa_list_box li{
		width: auto;
	}
	#contents .serviceArea .sa_full > section .sa_list_box li.half{
		width: auto;
		height: auto;
	}
}

#contents .br_basic {
	display: block;
}
@media screen and (max-width: 640px){
	#contents .br_basic {
		display: none;
	}
}
/*
	====================================
		option
	====================================
*/
#contents .notice {
	border: 1px solid #f00;
	margin: 1em;
	padding:1.25em 1.25em 0 1.25em;
}
.notice_b {
	border: 1px solid #000;
	margin: 0 0 1em;
	padding:1.25em 1.25em 0 1.25em;
}
.notice_gray {
	border: 1px solid #CCCCCC;
	margin: 0 0 1em;
	padding:1.25em 1.25em 0 1.25em;
    overflow: hidden;
}
.notice_gray_b {
	background: none repeat scroll 0 0 #EBEBEB;
	border: 1px solid #999999;
	margin: 0 0 1em;
	padding:1.25em 1.25em 0 1.25em;
}
.notice_blue {
	border: 2px solid #4C96C8;
	margin: 0 0 1em;
	padding:1.25em 1.25em 0 1.25em;
}
.accent {
	color: #ff0000;
}
.notice p,
.notice_b p,
.notice_gray p,
.notice_gray_b p,
.notice_blue p,
.accent p {
	margin-left: 0;
}

/*===========================================
	others
=============================================*/
span.link_out {
    background: url(/support/ichigan/share3/images/icon_blank.gif) no-repeat scroll 0 0 transparent;
    display: inline-block;
    height: 0;
    overflow: hidden;
    padding: 9px 0 0;
    vertical-align: baseline;
	*vertical-align: middle;	/* for IE */
    width: 11px;
	margin-left: 3px;
}

ul.float-none li{
	float: none!important;
	margin-top: 5px;
}

.wbba{
	word-break: break-all;
}

.br_sp{
	display: none;
}

@media screen and (max-width: 640px){
	.br_sp{
		display: block;
	}
}

/*===========================================
	margin
=============================================*/
.mt0 {
	margin-top: 0px !important;
}
.mt2{
	margin-top: 2px !important;
}
.mt3{
	margin-top: 3px !important;
}
.mt5{
	margin-top: 5px !important;
}
.mt10 {
	margin-top: 10px !important;
}
.mt15 {
	margin-top: 15px !important;
}
.mt20 {
	margin-top: 20px !important;
}
.mt25 {
	margin-top: 25px !important;
}
.mt30 {
	margin-top: 30px !important;
}
.mt35 {
	margin-top: 35px !important;
}
.mt40 {
	margin-top: 40px !important;
}
.mt45 {
	margin-top: 45px !important;
}
.mt50 {
	margin-top: 50px !important;
}
.ml0 { 
	margin-left:0 !important; 
}
.ml5 {
	margin-left: 5px !important;
}
.ml10 {
	margin-left: 10px !important;
}
.ml15 {
	margin-left: 15px !important;
}
.ml20 {
	margin-left: 20px !important;
}
.ml25 {
	margin-left: 25px !important;
}
.ml30 {
	margin-left: 30px !important;
}
.ml35 {
	margin-left: 35px !important;
}
.ml40 {
	margin-left: 40px !important;
}
.ml45 {
	margin-left: 45px !important;
}
.ml50 {
	margin-left: 50px !important;
}
.mb0 { margin-bottom:0 !important; }

.mb5 { margin-bottom:5px !important; }

.mb10 { margin-bottom:10px !important; }

.mb15 { margin-bottom:15px !important; }

.mb20 { margin-bottom:20px !important; }

.mb30 { margin-bottom:30px !important; }

.mb40 { margin-bottom:40px !important; }

.mb50 { margin-bottom:50px !important; }



/*20181016 */

/*===========================================
	service station
=============================================*/


#contents ul.service_station{
	margin:1em 0;
	list-style:none;
}

#contents ul.service_station li{
	margin-left:1.25em;
	margin-bottom:0.5em;
}

#contents ul.service_station li >p,
#contents ul.service_station li > span{
	display:inline-table;
}

#contents ul.service_station li > span{
	margin-left:1em;
	margin-bottom:0;
}

#contents .innerLink{
    background: url(/support/software/share/images/arrow_black-b.png) no-repeat 0 0.5em;
    padding: 0 0 0 13px;
	font-weight:700;
}

#contents .service_station dl,
#contents dl.price{
	margin:1em 0 1em 0;
	padding:0;
}

#contents dl.price{
	margin-left:1.4em;
}


#contents .service_station dl dt,
#contents dl.price dt{
	float:left;
	margin:0;
	padding:0;
	font-weight:400;
}

#contents .service_station dl dd,
#contents dl.price dd{
	margin:0;
	padding:0;
}

#contents dl.price dd{
	display:table-cell;
}

#contents .service_station p{
	margin-bottom:0.5em;
}

#contents .service_station a.mod-linkButton{
	padding: 0.3em 0.5em;
    width: 5.5em;
	display:block;
	margin: 0.5em 0;
	color:#000;
}

#contents .service_station a.mod-linkButton:hover,
#contents .service_station a.mod-linkButton:active,
#contents .service_station a.mod-linkButton:focus{
	color:#000;
	opacity:0.5;
	text-decoration:none;
}

#contents .service_station a.mod-linkButton span.textLink{
	background: url(/share/images/arrow_black.gif) no-repeat left .4em;
	padding-left:1em;
}

#akihabara_detailArea,
#nagoya_detailArea,
#nihonbashi_detailArea,
#naha_detailArea{
	margin:0 0 2em 1em;
	
}

#contents ul.ap_list li > ul.annotation{
	margin-left:0.7em;
}


#contents div.privacy{
	font-size:90%;
}

#contents div.privacy.dash_border{
	border-top:1px dashed #ccc;
	padding-top:2em;
	margin-top:2em;
}

#contents div.privacy ul.annotation{
	margin-left:1.5em !important;
}

#contents p.annotation{
    text-indent: -0.7em;
    font-size: 0.9em;
}

@media (max-width: 640px){

	#contents .applArea section ul.annotation{
		margin-left: 2em;
	}

}

/*20210416*/
#contents .s5-button {
  color: #FFF;
  cursor: pointer;
  box-sizing: border-box;
  display: inline-block;
  padding: 8px 18px;
  border: none;
  border-radius: 1px;
  background: #5787f4;
  transition: background .2s;
  margin-bottom: 10px;
  margin-right: 10px;
}

#contents .s5-button:hover,
#contents .s5-button:active,
#contents .s5-button:focus {
	text-decoration:none;
	color:#ffffff;
	opacity:0.7;
}
#contents .mr5 {
	margin-right: 5px;
}


/* 20210910 */
@media screen and (min-width: 641px){

    #contents .serviceArea .sa_list_box li{
        padding: 1em 0;
    }
    #contents .serviceArea .sa_basic > section .sa_list_box li{
        width: calc((100% - 2em) / 3);
    }
    #contents .serviceArea .sa_light > section .sa_list_box li {
        width: calc((100% - 5.5em) / 3);
    }
    #contents .serviceArea .sa_light > section > .sa_course .sa_course_right .sa_txt {
        width: 100%;
    }
    #contents .serviceArea .sa_full > section > .sa_course .sa_course_left {
        width: 20%;
    }
    #contents .serviceArea .sa_light > section > .sa_course .sa_course_left {
        width: 19.2%;
    }
    #contents .serviceArea .sa_basic > section > .sa_course .sa_course_left {
        width: 18.4%;
    }
    #contents .serviceArea .sa_light,
    #contents .serviceArea .sa_basic{
        margin: 1em 0.75em;
    }
    #contents .serviceArea .sa_full > section .sa_list_box li {
        width: calc(100% - 2.6em);
    }
    #contents .serviceArea .sa_full > section .sa_list_box li.half {
        width: calc((100% - 3em) / 2);
    }
}