@charset "utf-8";

/* ---------------------------------------------------------
    template
   ---------------------------------------------------------*/

/* reset */
h3,h4,h5,h6{
	margin:0;
	padding:0;
}

#businessWrapper{
	margin:0;
	padding:0;
}

h4.title04{
	word-break:break-all;
}

#detailContainer{
	float: right;
	width: 78%;
}

p.listTitle{
	font-size:1.4em;
	font-weight:bold;
	color:#e6001b;
	margin-bottom:20px;
}

p.listTitle span{
	font-weight:normal;
	color:#333;
	font-size:78%;
	padding-left:10px;
}

hr{
	margin:30px 0;
}


/*-- detailTitle01 --*/

.detailMain,
.detailMain02{
	width:100%;
	margin-bottom:25px;
	position:relative;
}

.detailTitle01{
	clear:both;
	width:100%;
	padding:0 15px 2px 0;
	border-bottom:solid 1px #bbb;
	box-sizing:border-box;
	margin-bottom:15px;
}

/* h3 */
.detailTitle01 h3{
	font-size: 1.3em;
	float:left;
	border-bottom: solid 2px #e6001b;
	padding: 0.3em 0.7em 0.3em 0.5em;
	position: relative;
	top:3px;
}

.detailTitle01 h3 span{
	padding-left:10px;
	font-weight:normal;
}

.detailMain p{
	width:200px;
	position:absolute;
	right:5px;
	top:0;
}
.detailMain p a{
	display:block;
	width:100%;
	padding:5px 13px 5px 50px;
	background:#222222 url(../../business/images/ico_01.png) 16px 50% no-repeat;
	color:#FFF;
	box-sizing:border-box;
	font-size:1.1em;
	font-weight:bold;
	text-decoration:none;
}
.detailMain02 p{
    width:200px;
    position:absolute;
    right: 5px;
    margin-top: -80px;
}
.detailMain02 p a{
    display:block;
    width:100%;
}

.detailMain p a:hover{
    filter:alpha(opacity=90);
    -moz-opacity: 0.9;
    opacity: 0.9;
}


/*-- detailBox01 --*/

.detailBox01{
	width:100%;
	margin-bottom:30px;
}

.detailBox01 dl{
	width:100%;
}

.detailBox01 dt{
	margin-bottom:15px;
}

.detailBox01 dd img{
	max-width:100%;
	height:auto;
	display:block;
}


/*-- detailBox02 --*/

.detailBox02{
	clear:both;
	width:100%;
	margin-bottom:20px;
}

.detailBox02 .detailBox02Left{
	width:18%;
/*	width:205px; */
	float:left;
}

.detailBox02 .detailBox02Left img{
	max-width:100%;
	height:auto;
	display:block;
}

.detailBox02 .detailBox02Right{
	width:80%;
	float:right;
}
	
.detailBox02 .detailBox02Right ul{
	width:100%;
}

.detailBox02 .detailBox02Right li{
	margin-bottom:12px;
}

.detailBox02 .detailBox02Right li dl{
	width:100%;
}

.detailBox02 .detailBox02Right li dt{
	background:url(../images/h3-mk.png) 0 1px no-repeat;
	font-weight:bold;
	padding-left:28px;
}
	
.detailBox02 .detailBox02Right li dd{
	padding-left:28px;
	line-height:160%;
}


/*-- detailBox03 --*/

.detailBox03{
	width:100%;
	margin-bottom:20px;
}

.detailBox03 .detailBox03Inner{
	padding-left:20px;
}

.detailBox03 dl{
	clear:both;
	width:100%;
}

.detailBox03 dt{
	width:48%;
	float:left;
}

.detailBox03 dd{
	width:49%;
	float:right;
}

.detailBox03 dd ul{
	clear:both;
	width:100%;
}

.detailBox03 dd li img{
	max-width:100%;
	height:auto;
	display:block;
	margin:0 auto;
}

.detailBox03 dd li.left{
	width:34%;
}

.detailBox03 dd li.right{
	width:61%;
}


/*-- detailBox04 --*/

.detailBox04{
	width:100%;
	margin-bottom:60px;
}

.detailBox04 ul{
	clear:both;
	padding:0 8px;
	margin-bottom:20px;
}

.detailBox04 li{
	width:49%;
	border:1px solid #CCCCCC;
	padding:10px;
	box-sizing:border-box;
}

.detailBox04 li p{
	width:30%;
	float:left;
}

.detailBox04 li p img{
	width:100%;
	max-width:147px;
	height:auto;
	display:block;
	margin:0 auto;
}

.detailBox04 li dl{
	width:67%;
	float:left;
	margin-left:3%;
}

.detailBox04 li dt{
	color:#e6001b;
	font-size:1.1em;
	font-weight:bold;
}

.detailBox04 li dd{
	line-height:160%;
}


/*-- download --*/

.downloadBox{
	width:100%;
	margin-bottom:60px;
}

.downloadBox .downloadBoxInner{
	padding:0 20px;
}

.downloadBox ul{
	clear:both;
	width:100%;
}

.downloadBox li{
	float:left;
	width:33%;
	margin-bottom:5px;
}

.downloadBox li a{
	display:block;
	width:100%;
	background:url(../images/mk-link-01.png) 7px 6px no-repeat;
	padding-left:23px;
	box-sizing:border-box;
	color:#777777;
	font-size:86%;
	font-weight:bold;
	text-decoration:underline;
	outline:none;
}

.downloadBox li a img{
	width:18px;
	height:18px;
	padding-left:10px;
	vertical-align:middle;
}

.downloadBox li a:hover{
	color:#e6001b;
}


/*-- productsBox --*/

.productsBox{
	clear:both;
	width:100%;
	margin-bottom:60px;
}

.productsBox .leftBox{
	width:68%;
	float:left;
}

.productsBox .rightBox{
	width:30%;
	float:right;
}

.productsBox .rightBox ul{
	width:100%;
}

.productsBox .rightBox li{
	margin-bottom:15px;
}

.productsBox .rightBox li img{
	max-width:100%;
	height:auto;
	display:block;
	margin:0 auto;
}


/*-- textBox01 --*/

.textBox01{
	width:100%;
	margin-bottom:25px;
}

.textBox01 dl{
	width:100%;
}

.textBox01 dt{
	font-size:1.4em;
	font-weight:bold;
	color:#e6001b;
	margin-bottom:5px;
}


/*-- textBox02 --*/

.textBox02{
	width:100%;
	margin-bottom:15px;
}
.textBox02_2 dl{
    width: 100%;
    margin-bottom: 30px;
}

.textBox02 dt,
.textBox02_2 dt{
	background:url(../images/h3-mk.png) 0 1px no-repeat;
	font-weight:bold;
	padding-left:28px;
}
	
.textBox02 dd{
	padding-left:28px;
	line-height:160%;
}
.textBox02_2 dd{
    padding: 10px 0;;
}

/*-- listBox01 --*/

.listBox01{
	width:100%;
	margin-bottom:30px;
}

.listBox01 h5{
	margin-bottom:5px;
}

.listBox01 ul{
	width:100%;
}

.listBox01 li{
	list-style:disc;
	margin-left:48px;
}


/*-- listBox02 --*/

.listBox02{
	width:100%;
	margin-bottom:40px;
}

.listBox02 p.listTitle{
	margin-bottom:8px;
}

.listBox02 ul{
	clear:both;
	width:100%;
}

.listBox02 li.left{
	width:78%;
}

.listBox02 li.left p{
	margin-bottom:15px;
}

.listBox02 li.right{
	width:20%;
	padding-top:8px;
}

.listBox02 li.right img{
	max-width:100%;
	height:auto;
	display:block;
	margin:0 auto;
}



@media screen and (max-width:1400px){

	.downloadBox li{
		width:49%;
		margin-right:1%;
	}
	
	.downloadBox li:last-child{
		margin-right:0;
	}

}


@media screen and (max-width:1024px){

	#detailContainer{
		float: none;
		width: 100%;
	}
	
	.detailBox01 dd img{
		margin:0 auto;
	}
	
	.detailBox03 dd li.left,
	.detailBox03 dd li.right{
		width:100%;
		float:none;
	}
	
	.detailBox03 dd li.left{
		marign-bottom:10px;
	}

}


@media screen and (max-width:600px){

	.detailMain p{
		position: static;
		margin:0 5px 0 auto;
	}
    .detailMain02 p{
        position: static;
        margin:0 5px 0 auto;
    }

	p.listTitle span{
		display:block;
		padding:5px 0 0 0;
	    line-height: 140%;
	}

	.detailBox02 .detailBox02Left{
		width:100%;
		float:none;
		margin-bottom:15px;
	}
	
	.detailBox02 .detailBox02Left img{
		margin:0 auto;
	}
	
	.detailBox02 .detailBox02Right{
		width:100%;
		float:none;
	}
	
	.detailBox03 dt{
		width:100%;
		float:none;
		margin-bottom:15px;
	}
	
	.detailBox03 dd{
		width:100%;
		float:none;
	}

	.detailBox04 ul{
		margin-bottom:0;
	}
	
	.detailBox04 li{
		width:100%;
		padding:15px 10px;
		margin-bottom:10px;
	}
	
	.detailBox04 li.left,
	.detailBox04 li.right{
		float:none;
	}
	
	.detailBox04 li p{
		width:100%;
		float:none;
		margin-bottom:10px;
	}
	
	.detailBox04 li dl{
		width:100%;
		float:none;
		margin-left:0;
	}

	.downloadBox li{
		width:100%;
		float:none;
		margin-right:0;
	}

	.downloadBox .downloadBoxInner{
		padding:0 5px;
	}

	.productsBox .leftBox{
		width:100%;
		float:none;
		margin-bottom:20px;
	}
	
	.productsBox .rightBox{
		width:100%;
		float:none;
	}

	.listBox01 li{
		margin-left:31px;
	}

	.listBox02 li.left{
		width:100%;
		float:none;
		margin-bottom:15px;
	}
	
	.listBox02 li.right{
		width:100%;
		float:none;
		padding-top:0;
	}
	
	.listBox02 p.listTitle{
		margin-bottom:8px !important;
	}
	
}



/* ---------------------------------------------------------
    localnavi
   ---------------------------------------------------------*/

/*-- business_List--*/

#business_List{
	width: 20%;
	margin: 0;
	border: solid 1px #bbb;
}

/* h3 */
#business_List h3{
	border-bottom: solid 1px #bbb;
	margin: 0;
}

#business_List h3 a{
	display:block;
	width:100%;
	padding: 10px 15px 10px 20px;
	background-color: #f2f2f2;
	box-sizing:border-box;
	color:#333;
	text-decoration:none;
}

#business_List h3 a:hover{
	color:#e6001b;
}

/* h4 */
#business_List h4{
	padding: 10px 15px 10px 20px;
	margin: 0;
	font-size:1.1em;
}

#business_List ul{
	width:100%;
	margin:0;
	padding:0;
	overflow:hidden;
	position:relative;
	zoom:1;
}

#business_List li{
	width:100%;
}

#business_List li img{
	width:18px;
	height:18px;
	padding-left:5px;
}

#business_List li.none a{
	background:none;
	font-weight:normal;
	color:#e6001b;
}

#business_List li.none a:hover{
	text-decoration:underline;
}

#business_List li a{
	display: block;
	width:100%;
	padding: 7px 15px 7px 40px;
	font-weight:bold;
	color: #666;
	background:url(../../business/images/ico_link_off.png) 23px 12px no-repeat;
	text-decoration:none;
	box-sizing:border-box;
}

#business_List li a span{
	display:block;
	font-weight:normal;
}

#business_List li a:hover{
	color:#e6001b;
}

/* active */
#business_List li a.active-Link{
	color:#fff;
	background:#e6001b url(../../business/images/ico_link_on.png) 23px 12px no-repeat;
}

#business_List li.none a.active-Link{
	color:#fff;
	background:#e6001b;
	text-decoration:none;
}



@media screen and (max-width:1024px){

	#business_List{
		float: none;
		width: 100%;
	}

	#business_List ul{
		float:none;
		clear:both;
		width:100%;
	}
	
	#business_List li{
		width:50%;
		float: left;
	}

	#business_List li a span{
		display: inline;
		padding-left:15px;
	}
	
}


@media screen and (max-width:600px){

	#business_List li{
		width:100%;
		float:none;
	}

	#business_List li a span{
		display:block;
		padding-left:0;
	}

}





/* ================== ここから各ページ設定 ================== */



/* ---------------------------------------------------------
    GF専用
   ---------------------------------------------------------*/

/*-- gfBox01 --*/

.gfBox01{
	width:100%;
}

.gfBox01 h5{
	margin-bottom:3px;
}

.gfBox01 ul{
	clear:both;
	padding:0 32px;
}

.gfBox01 li.left{
	width:78%;
}

.gfBox01 li.left p a{
	word-break:break-all;
}

.gfBox01 li.left p a:hover{
	color:#e6001b;
	text-decoration:underline;
}

.gfBox01 li.right{
	width:20%;
}

.gfBox01 li.right img{
	width:100%;
	max-width:135px;
	height:auto;
	display:block;
	margin:0 auto;
}

/*
#gf hr{
	margin:20px 0;
}
*/


/*-- gfBox02 --*/

.gfBox02{
	width:100%;
}

.gfBox02 ul{
	clear:both;
	width:100%;
}

.gfBox02 li{
	width:49%;
}


/*-- gfBox03 --*/

.gfBox03{
	width:100%;
	margin-bottom:50px;
	border-top:1px solid #D5D5D5;
	border-right:1px solid #D5D5D5;
	border-left:1px solid #D5D5D5;
	box-sizing:border-box;
}

/* h4 */
.gfBox03 h4{
	margin:0;
}

.gfBox03 table{
	width:100%;
    border-collapse: collapse;
    border-spacing: 0;
	border-bottom:1px solid #D5D5D5;
	box-sizing:border-box;
}

.gfBox03 th{
	width:25%;
	background:#F8F8F8;
	font-weight:bold;
	font-size:1.1em;
	padding:8px 15px 8px 25px;
	border-bottom:1px dotted #D5D5D5;
	box-sizing:border-box;
	text-align:left;
	vertical-align:top;
}

.gfBox03 th span{
	color:#D70045;
}

.gfBox03 td{
	clear:both;
	width:75%;
	padding:8px 15px 8px 25px;
	border-bottom:1px dotted #D5D5D5;
	box-sizing:border-box;
	vertical-align:top;
}

.gfBox03 td span{
	width:50px;
	display:block;
	margin-right:20px;
	font-weight:bold;
	float:left;
}

.gfBox03 td ul{
	float:left;
}

.gfBox03 td li{
	width:150px;
	float:left;
	list-style:disc;
}

.gfBox03 td p{
	clear:both;
	width:100%;
	color:#D70045;
	font-size:1.1em;
	font-weight:bold;
}


/*-- gfBox04 --*/

.gfBox04{
	width:100%;
	margin-bottom:40px;
}

.gfBox04 ul{
	clear:both;
	width:100%;
}

.gfBox04 li{
	float:left;
	margin-right:10px;
}

.gfBox04 li img{
	max-width:100%;
	height:auto;
	display:block;
	margin:0 auto;
}

.gfBox04 li.step01{width:260px;}
.gfBox04 li.step02{width:40px;}
.gfBox04 li.step03{width:294px;}

.gfBox04 li dl{
	width:100%;
}

.gfBox04 li dt{
	margin-bottom:8px;
}

.gfBox04 li.step02 img{
	padding-top:100px;
}

.gfBox04 li.step02 img.sp{
	display:none; /* スマホ用非表示 */
}


/*-- gfBox05 --*/

.gfBox05{
	width:100%;
}

.gfBox05 ul{
	clear:both;
	width:100%;
	margin-bottom:3px;
}

.gfBox05 li{
	float:left;
	margin-right:10px;
}

.gfBox05 li img{
	max-width:100%;
	height:auto;
	display:block;
	margin:0 auto;
}


/*-- gfBox06 --*/

.gfBox06{
	width:100%;
}

.gfBox06 ul{
	clear:both;
	width:100%;
}

.gfBox06 li{
	width:32%;
}

.gfBox06 li.left{
	margin-right:2%;
}

.gfBox06 li dl{
	margin-bottom:5px;
}

.gfBox06 li dt{
	background:url(../images/h3-mk.png) 0 1px no-repeat;
	font-weight:bold;
	padding-left:28px;
	margin-bottom:3px;
}

.gfBox06 li dd img{
	width:100%;
	max-width:200px;
	height:auto;
	display:block;
	margin:0 auto;
}


/*-- gfLink --*/

.gfLink{
	padding:0 20px;
	margin-bottom:60px;
}

.gfLink a{
	background:url(../images/mk-link-01.png) 7px 2px no-repeat;
	padding-left:23px;
	box-sizing:border-box;
	color:#777777;
	font-weight:bold;
	outline:none;
	text-decoration:underline;
}

.gfLink a:hover{
	color:#e6001b;
}



@media screen and (max-width:1200px){

	.gfBox04 li.step01{width:40%;}
	.gfBox04 li.step02{width:40px;}
	.gfBox04 li.step03{width:46%; margin:0;}

}


@media screen and (max-width:600px){

	.gfBox01 ul{
		padding:0 5px;
	}
	
	.gfBox01 li.left{
		width:100%;
		margin-bottom:20px;
	}
	
	.gfBox01 li.right{
		width:100%;
	}

	.gfBox02 li{
		width:100%;
	}
	
	.gfBox02 li.left,
	.gfBox02 li.right{
		float:none;
	}

	.gfBox03 th,
	.gfBox03 td{
		width:100%;
		display:block;
	}
	
	.gfBox03 th{
		padding:8px 15px 8px 22px;
	}
	
	.gfBox03 td{
		padding:8px 15px 10px 22px;
	}
	
	.gfBox03 td span{
		margin-right:0;
		float:none;
	}
	
	.gfBox03 td ul{
		float:none;
		margin-left: 18px;
	}
	
	.gfBox03 td li{
		width:100%;
		float:none;
	}

	.gfBox04 li{
		float:none;
		margin:0 0 15px 0;
	}
	
	.gfBox04 li.step01,
	.gfBox04 li.step02,
	.gfBox04 li.step03{
		width:100%;
	}
	
	.gfBox04 li.step02 img{
		padding-top:0;
	}
	
	.gfBox04 li.step02 img.sp{
		display:block;
	}
	
	.gfBox04 li.step02 img.pc{
		display:none; /* PC用非表示 */
	}

	.gfBox06 li{
		width:100%;
		margin-bottom:20px;
	}
	
	.gfBox06 li.left{
		margin-right:0;
	}
	
	.gfBox06 li.right{
		margin-bottom:0;
	}

	.gfLink{
		padding:0 10px;
	}

}


@media screen and (max-width:480px){

	.gfBox05 li{
		width:27%;
		float:left;
		margin-right:10px;
	}

}


@media screen and (max-width:320px){

	.gfBox05 li{
		width:100%;
		float:none;
		margin:0 0 10px 0;
	}

}



/* ---------------------------------------------------------
    KARAKURI専用
   ---------------------------------------------------------*/

#karakuri h4.title04 span{
	font-weight:normal;
	font-size:86%;
	padding-right:10px;
}

#karakuri p.listTitle{
	margin-bottom:25px;
}


/*-- karakuriBox01 --*/

.karakuriBox01{
	width:100%;
}

.karakuriBox01 ul{
	clear:both;
	width:100%;
}

.karakuriBox01 li{
	float:left;
	margin-right:10px;
}

.karakuriBox01 li.step01{width:220px;}
.karakuriBox01 li.step02{width:25px; margin-right:50px;}
.karakuriBox01 li.step03{width:280px;}

.karakuriBox01 li img{
	max-width:100%;
	height:auto;
	display:block;
	margin:0 auto;
}

.karakuriBox01 li dl{
	width:100%;
}

.karakuriBox01 li dt{
	margin-bottom:8px;
}

.karakuriBox01 li dd{
	font-size:86%;
	text-align:center;
	line-height:140%;
}

.karakuriBox01 li.step02 img{
	padding-top:80px;
}

.karakuriBox01 li.step02 img.sp{
	display:none; /* SP用非表示 */
}


/*-- karakuriBox02 --*/

.karakuriBox02{
	width:100%;
	margin-bottom:60px;
}

.karakuriBox02 ul{
	clear:both;
}

.karakuriBox02 li{
	float:left;
}

.karakuriBox02 li img{
	max-width:100%;
	height:auto;
	display:block;
	margin:0 auto;
}

.karakuriBox02 li.step01,
.karakuriBox02 li.step02,
.karakuriBox02 li.step03{
	width:200px;
}

.karakuriBox02 li.arrow{
	width:25px;
	padding-top:80px;
}

.karakuriBox02 li.step01,
.karakuriBox02 li.step02,
.karakuriBox02 li.arrow{
	margin-right:10px;
}

.karakuriBox02 li.arrow img.sp{
	display:none; /* SP用非表示 */
}


/*-- karakuriBox03 --*/

.karakuriBox03{
	width:100%;
	margin-bottom:60px;
}

.karakuriBox03 ul{
	clear:both;
}

.karakuriBox03 li{
	width:31%;
	float:left;
	margin-right:2%;
}

.karakuriBox03 li img{
	max-width:100%;
	height:auto;
	display:block;
	margin:0 auto;
}


/*-- karakuriBox04  --*/

.karakuriBox04{
	clear:both;
	width:100%;
}

.karakuriBox04 .karakuriBox05{
	width:49%;
	margin-bottom:60px;
}

.karakuriBox04 .karakuriBox05 dl{
	width:100%;
	margin-bottom:20px;
}

.karakuriBox04 .karakuriBox05 dt{
    background: url(../images/h3-mk.png) 0 1px no-repeat;
    font-weight: bold;
    padding:0 10px 0 28px;
}

.karakuriBox04 .karakuriBox05 dd{
    padding:0 10px 0 28px;
    line-height: 160%;
}

.karakuriBox04 .karakuriBox05 p img{
	max-width:100%;
	height:auto;
	display:block;
	margin:0 auto;
}


/*-- karakuriTitle --*/

.karakuriTitle{
	width:100%;
	border-bottom:1px dotted #8990be;
	margin-bottom:15px;
}

/* h5 */
.karakuriTitle h5{
	padding:0 5px;
	font-size:1em;
}


/*-- karakuriBox06 --*/

.karakuriBox06{
	padding:0 10px;
}

.karakuriBox06 p{
	margin-bottom:20px;
}

.karakuriBox06 ul{
	clear:both;
	width:710px;
	margin:0 auto 15px auto;
}

.karakuriBox06 li.left{
	width:304px;
	margin-right:100px;
}

.karakuriBox06 li.right{
	width:304px;
	float:left;
}

.karakuriBox06 li img{
	max-width:100%;
	height:auto;
	display:block;
	margin:0 auto;
}

.karakuriBox06 li .movieLink{
	width:100%;
	border-bottom:1px dotted #8990be;
	margin-bottom:5px;
}

.karakuriBox06 li .movieLink img{
	margin:0 auto 8px auto;
}

/* h6 */
.karakuriBox06 li .movieLink h6{
	color:#e6001b;
	font-size:1em;
	line-height:120%;
	margin-bottom:5px;
}

.karakuriBox06 li a{
	display:block;
	width:100%;
	text-decoration:none;
	outline:none;
}

.karakuriBox06 li a:hover{
    filter:alpha(opacity=80);
    -moz-opacity: 0.8;
    opacity: 0.8;
}

.karakuriBox06 li p{
	line-height:160%;
	margin:0;
	font-size:86%;
}



@media screen and (max-width:1500px){

	.karakuriBox01 li{
		margin-right:0 !important;
	}
	
	.karakuriBox01 li.step01{width:40%;}
	.karakuriBox01 li.step02{width:25px;}
	.karakuriBox01 li.step03{width:48%; float:right;}

}


@media screen and (max-width:1230px){

	.karakuriBox02 li.step01,
	.karakuriBox02 li.step02,
	.karakuriBox02 li.step03{
		width:29%;
	}
	
	.karakuriBox02 li.step03{
		float:right;
	}
	
	.karakuriBox02 li.step01,
	.karakuriBox02 li.step02,
	.karakuriBox02 li.arrow{
		margin-right:1.5%;
	}
	
	.karakuriBox02 li.arrow{
		width:3%;
	}

}


@media screen and (max-width:1210px){

	.karakuriBox06 ul{
		clear:both;
		width:100%;
	}
	
	.karakuriBox06 li.left{
		float:none;
		margin:0 auto 20px auto;
	}
	
	.karakuriBox06 li.right{
		float:none;
		margin:0 auto;
	}

	.karakuriBox06 li.pt40{
		padding-top:0 !important;
	}
	
}


@media screen and (max-width:1024px){

	.karakuriBox01 li.step02 img{
		padding-top:60px;
	}

	.karakuriBox06 ul{
		width:660px;
		margin:0 auto 15px auto;
	}
	
	.karakuriBox06 li.left{
		float:left;
		margin-right:50px;
	}
	
	.karakuriBox06 li.right{
		float:left;
	}

	.karakuriBox06 li.pt40{
		padding-top:40px !important;
	}

}


@media screen and (max-width: 767px) { 

	.karakuriBox04 .karakuriBox05{
		width:100%;
	}
	
	.karakuriBox04 .left,
	.karakuriBox04 .right{
		float:none;
	}

	.karakuriBox06 ul{
		width:100%;
		margin:0 0 15px 0;
	}
	
	.karakuriBox06 li.left{
		width:49%;
		margin-right:0;
	}
	
	.karakuriBox06 li.right{
		width:49%;
		float:right;
	}

}


@media screen and (max-width:600px){

	.karakuriBox01 li{
		float:none;
		margin-bottom:10px;
	}
	
	.karakuriBox01 li.step01,
	.karakuriBox01 li.step02,
	.karakuriBox01 li.step03{
		width:100%;
	}

	.karakuriBox01 li.step01{
		margin-bottom:20px;
	}
	
	.karakuriBox01 li.step03{	
		float:none;
	}
	
	.karakuriBox01 li.step02 img{
		padding-top:0;
	}

	.karakuriBox01 li.step02 img.sp{
		display:block;
	}

	.karakuriBox01 li.step02 img.pc{
		display:none; /* PC用非表示 */
	}

	.karakuriBox02 li{
		float:none;
	}

	.karakuriBox02 li.step01,
	.karakuriBox02 li.step02,
	.karakuriBox02 li.step03{
		width:100%;
	}
	
	.karakuriBox02 li.step03{
		float:none;
	}
	
	.karakuriBox02 li.step01,
	.karakuriBox02 li.step02,
	.karakuriBox02 li.arrow{
		margin:0 0 10px 0;
	}
	
	.karakuriBox02 li.arrow{
		width:100%;
		padding:0;
	}

	.karakuriBox02 li.arrow img.sp{
		display:block;
	}

	.karakuriBox02 li.arrow img.pc{
		display:none; /* PC用非表示 */
	}

	.karakuriBox03 li{
		width:100%;
		float:none;
		margin:0;
	}
	
	.karakuriBox03 li:last-child{
		margin-top:30px;
	}

	.karakuriBox06 li.left{
		width:100%;
		margin-bottom:20px;
		float:none;
	}
	
	.karakuriBox06 li.right{
		width:100%;
		float:none;
	}

	.karakuriBox06 li.pt40{
		padding-top:0 !important;
	}

}



/* ---------------------------------------------------------
    AZ.PF専用
   ---------------------------------------------------------*/

/*-- azBox01 --*/

#az .productsBox{
	margin-bottom:20px;
}

#az .productsBox .leftBox{
	width:49%;
}

#az .productsBox .rightBox{
	width:49%;
}

.azBox01{
	width:100%;
	margin-bottom:25px;
}

.azBox01 p{
	background:url(../images/h3-mk.png) 0 1px no-repeat;
	font-weight:bold;
	padding-left:28px;
	margin-bottom:3px;
}

.azBox01 dl{
	clear:both;
}

.azBox01 dt{
	width:30%;
	float:left;
}

.azBox01 dt img{
	max-width:100%;
	height:auto;
	display:block;
	margin:0 auto;
}

.azBox01 dd{
	width:69%;
	float:right;
	line-height:160%;
}


/*-- azBox02 --*/

.azBox02{
	width:100%;
	margin-bottom:25px;
}

.azBox02 p{
	background:url(../images/h3-mk.png) 0 1px no-repeat;
	font-weight:bold;
	padding-left:28px;
	margin-bottom:3px;
}

.azBox02 dl{
	clear:both;
	margin-bottom:8px;
}

.azBox02 dt{
	font-weight:bold;
}

.azBox02 dd{
	line-height:160%;
}

.azBox02 img{
	max-width:100%;
	height:auto;
	display:block;
	margin:0 auto;
}


/*-- azBox03 --*/

.azBox03{
	clear:both;
	width:100%;
	margin-bottom:30px;
}

.azBox03 .azBox03Left{
	width:18%;
	float:left;
}

.azBox03 .azBox03Left img{
	width:100%;
	max-width:205px;
	height:auto;
	display:block;
}

.azBox03 .azBox03Right{
	width:80%;
	float:right;
}

.azBox03 .azBox03Right p{
	font-size:1.2em;
	font-weight:bold;
	color:#e6001b;
	margin-bottom:3px;
}

.azBox03 .azBox03Right li{
	list-style:disc;
	margin-left:18px;
	font-weight:bold;
}

.azBox03 .azBox03Right li span{
	display:block;
	font-weight:normal;
}


/*-- azBox04 --*/

.azBox04{
	border:1px solid #BBB;
	margin-bottom:60px;
}

.azBox04 .azBox04Inner{
	padding:15px;
}

.azBox04 dl{
	clear:both;
	width:100%;
}

.azBox04 dt{
	width:85%;
	float:left;
}

.azBox04 dd{
	float:right;
}

.azBox04 dd img{
	max-width:100%;
	height:auto;
	display:block;
	margin:0 auto;
}


/*-- pfBox01 --*/

.pfBox01{
	width:100%;
	margin-bottom:60px;
}

.pfBox01 ul{
	clear:both;
	width:100%;
}

.pfBox01 li.left01,
.pfBox01 li.left02{
	float:left;
}

.pfBox01 li.left01{
	width:265px;
	margin-right:10px;
}

.pfBox01 li.left02{
	width:355px;
}

.pfBox01 li p{
	background:url(../images/h3-mk.png) 0 1px no-repeat;
	font-weight:bold;
	padding-left:28px;
	margin-bottom:3px;
}

.pfBox01 li img{
	max-width:100%;
	height:auto;
	display:block;
}



@media screen and (max-width:1200px){

	.pfBox01 li.left01{
		width:39%;
		margin-right:1%;
	}
	
	.pfBox01 li.left02{
		width:60%;
	}

}


@media screen and (max-width:768px){

	.azBox04 dt{
		width:79%;
	}
	
	.azBox04 dd{
		width:20%;
	}

}


@media screen and (max-width:600px){

	#az .productsBox .leftBox{
		width:100%;
	}
	
	#az .productsBox .rightBox{
		width:100%;
	}
	
	.azBox03 .azBox03Left{
		width:100%;
		float:none;
		margin-bottom:20px;
	}
	
	.azBox03 .azBox03Left img{
		margin:0 auto;
	}
	
	.azBox03 .azBox03Right{
		width:100%;
		float:none;
	}

	.pfBox01 li.left01{
		width:100%;
		float:none;
		margin:0 0 20px 0;
	}
	
	.pfBox01 li.left02{
		width:100%;
		float:none;
	}

	.pfBox01 li img{
		margin:0 auto;
		padding:0;
	}
	
}


@media screen and (max-width:480px){

	.azBox04 dt{
		width:100%;
		float:none;
		margin-bottom:10px;
	}
	
	.azBox04 dd{
		width:100%;
		float:none;
	}

}


@media screen and (max-width:320px){

	.azBox01 dt{
		width:100%;
		float:none;
		margin-bottom:10px;
	}
	
	.azBox01 dd{
		width:100%;
		float:none;
	}

}



/* ---------------------------------------------------------
    BF専用
   ---------------------------------------------------------*/

/*-- bfBox01 --*/

.bfBox01{
	width:100%;
	margin-bottom:60px;
}

.bfBox01 ul{
	clear:both;
	width:100%;
}

.bfBox01 li{
	float:left;
	margin-right:10px;
}

.bfBox01 li img{
	max-width:100%;
	height:auto;
	display:block;
	margin:0 auto;
}


/*-- bfBox02 --*/

.bfBox02{
	width:100%;
	margin-bottom:60px;
}

.bfBox02 ul{
	clear:both;
	width:100%;
}

.bfBox02 li{
	float:left;
}

.bfBox02 li.left{
	margin-right:50px;
}

.bfBox02 li img{
	max-width:100%;
	height:auto;
	display:block;
	margin:0 auto;
}



@media screen and (max-width:1360px){

	.bfBox02 li{
		width:33%;
	}
	
	.bfBox02 li.left{
		margin-right:0.5%;
	}
	
	.bfBox02 li.right{
		float:right;
	}

}


@media screen and (max-width:1190px){

	.bfBox01 li{
		margin:0;
	}
	
	.bfBox01 li.left{
		width:41%;
	}
	
	.bfBox01 li.right{
		width:56%;
		float:right;
	}

}


@media screen and (max-width:600px){

	.bfBox01 li.left{
		width:100%;
		float:none;
		margin-bottom:15px;
	}
	
	.bfBox01 li.right{
		width:100%;
		float:none;
	}

}


@media screen and (max-width:480px){

	.bfBox02 li.left{
		width:100%;
		float:none;
		margin-bottom:15px;
	}
	
	.bfBox02 li.right{
		width:100%;
		float:none;
	}

}



/* ---------------------------------------------------------
    XA専用
   ---------------------------------------------------------*/

/*-- xaBox01 --*/

.xaBox01{
	width:100%;
	margin-bottom:60px;
}

.xaBox01 ul{
	clear:both;
	width:100%;
}

.xaBox01 li{
	width:23.5%;
}

.xaBox01 li.left{
	margin-right:2%;
}

.xaBox01 li dl{
	width:100%;
}

.xaBox01 li dt{
	background:#000;
	color:#FFF;
	text-align:center;
	padding:8px 9px;
	box-sizing:border-box;
	line-height:140%;
}

.xaBox01 li dd{
	background:#8E919E;
}

.xaBox01 li dd img{
	max-width:100%;
	height:auto;
	display:block;
	margin:0 auto;
}

.xaBox01 li p{
	height:60px;
	background:#ddd;
	padding:8px;
	font-size:86%;
	line-height:160%;
}



@media screen and (max-width:1635px){

	.xaBox01 li dt{
		height:53px;
	}
	
	.xaBox01 li p{
		height:77px;
	}
	
	.xaBox01 li dt.top01,
	.xaBox01 li dt.top02,
	.xaBox01 li dt.top03{
		padding:17px 10px 7px 10px;
	}

}


@media screen and (max-width:1400px){

	.xaBox01 li dt.top03{
		padding:8px 10px 7px 10px;
	}

}


@media screen and (max-width:1360px){

	.xaBox01 li dt.top01{
		padding:8px 10px 7px 10px;
	}

}


@media screen and (max-width:1235px){

	.xaBox01 li p{
		height:113px;
	}

}


@media screen and (max-width:1024px){

	.xaBox01 li dt.top01,
	.xaBox01 li dt.top03{
		padding:17px 10px 7px 10px;
	}

}


@media screen and (max-width:970px){

	.xaBox01 li dt.top03{
		padding:8px 10px 7px 10px;
	}

}


@media screen and (max-width:914px){

	.xaBox01 li dt.top01{
		padding:8px 10px 7px 10px;
	}

}

@media screen and (max-width:630px){

	.xaBox01 li dt{
		height:72px;
	}

	.xaBox01 li dt.top01,
	.xaBox01 li dt.top03{
		padding:17px 10px 7px 10px;
	}

}


@media screen and (max-width:600px){

	.xaBox01 li{
		width:100%;
	}
	
	.xaBox01 li.left{
		float:none;
		margin:0 0 15px 0;
	}
	
	.xaBox01 li.right{
		float:none;
	}
	
	.xaBox01 li dt{
		height:auto;
	}
	
	.xaBox01 li dt.top01,
	.xaBox01 li dt.top02,
	.xaBox01 li dt.top03{
		padding:8px 9px;
	}

	.xaBox01 li p{
		height:auto;
	}

}



/* ---------------------------------------------------------
    SA専用
   ---------------------------------------------------------*/

/*-- saBox01 --*/

.saBox01{
	border:1px solid #e6001b;
	margin-bottom:60px;
}

.saBox01 .saBox01Inner{
	padding:5px 10px;
}

.saBox01 p{
	color:#e6001b;
}

.saBox01 p a{
	color: #666;
}

.saBox01 p a:hover{
	text-decoration:underline;
}



/* ---------------------------------------------------------
    SL専用
   ---------------------------------------------------------*/

#sl .productsBox .leftBox{
	width:80%;
}

#sl .productsBox .rightBox{
	width:19%;
}



@media screen and (max-width:600px){

	#sl .productsBox .leftBox{
		width:100%;
		float:none;
		margin-bottom:20px;
	}
	
	#sl .productsBox .rightBox{
		width:100%;
		float:none;
	}

}



/* ---------------------------------------------------------
    IF専用
   ---------------------------------------------------------*/

#if .listBox01 li{
	margin-left:20px;
}


/*-- ifBox01 --*/

.ifBox01{
	width:100%;
	margin-bottom:30px;
}

.ifBox01 ul{
	clear:both;
	width:100%;
}

.ifBox01 li.left{
	width:15%;
}

.ifBox01 li.left img{
	max-width:100%;
	height:auto;
	display:block;
	margin:0 auto;
}

.ifBox01 li.right{
	width:83%;
}


/*-- ifBox02 --*/

.ifBox02{
	width:100%;
	margin-bottom:60px;
}

.ifBox02 ul{
	clear:both;
	width:100%;
}

.ifBox02 li{
	width:49.5%;
	background:#D2E1EC;
	padding:10px;
	margin-bottom:1%;
	box-sizing:border-box;
}

.ifBox02 li img{
	max-width:100%;
	height:auto;
	display:block;
	margin:0 auto;
}



@media screen and (max-width:600px){

	.ifBox01 li.left{
		width:100%;
		float:none;
		margin-bottom:20px;
	}
	
	.ifBox01 li.right{
		width:100%;
		float:none;
	}

}


@media screen and (max-width:480px){

	.ifBox02 li{
		width:100%;
		float:none;
		margin-bottom:10px;
	}

}



/* ---------------------------------------------------------
    System専用
   ---------------------------------------------------------*/

/*-- systemBox01 --*/

.systemBox01{
	width:100%;
	margin-bottom:60px;
}

.systemBox01 ul{
	clear:both;
	width:100%;
	margin-bottom:20px;
}

.systemBox01 li{
	width:49%;
}

.systemBox01 li dl{
	width:100%;
}

.systemBox01 li dt{
	margin-bottom:10px;
}

.systemBox01 li dt img{
	max-width:100%;
	height:auto;
	display:block;
	margin:0 auto;
}

.systemBox01 li dd{
	background: #ddd;
	text-align:center;
	padding:0 10px;
}



@media screen and (max-width:600px){

	.systemBox01 li{
		width:100%;
		float:none;
		margin-bottom:30px;
	}
	
}


/* ---------------------------------------------------------
SIO専用
---------------------------------------------------------*/
.imgBox_line{
    border: 1px solid #ccc;
    padding: 40px;
    margin: 20px auto;
}
.imgBox01_line{
    border: 1px solid #ccc;
    width: 60%;
    margin: 20px 0 40px;
}
.imgBox_line img,
.imgBox01_line img{
    width: 100%;
    display: block;
    margin: 0 auto;
}
.textBg{
    padding: 30px;
    background: #F2F2F2;
    width: 100%;
    box-sizing: border-box;
    margin-top: 20px;
}
.textBg li{
    list-style: disc;
    margin: 0 0 0 1.5em;
    line-height: 2.0;
}
.imgFull{
    width: 100%;
    margin: 20px auto;
    display: block;
}
.programBox{
    overflow: hidden;
    margin: 30px auto;
}
.programBox li{
    float: left;
    width: 50%;
}
.programBox li img{
    width: 100%;
}
.programBox li:first-child{
    float: right;
    width: 45%;
    border: 1px solid #ccc;
    padding: 20px 0 1px 20px;
    box-sizing: border-box;
}
.sioProgram{
    border: 1px solid #ccc;
    width: 100%;
}
.sioProgram dl{
    background: #F8F8F8;
    border-bottom: 1px dotted #ccc;
    margin: 0;
}
.sioProgram dt{
    float: left;
    background: none;
    width: 30%;
    padding: 20px;
    line-height: 1.8;
    box-sizing: border-box;
}
.sioProgram dd{
    padding: 20px;
    margin-left: 30%;
    background: #fff;
}
#sio_howtoBox dl{
    width: 100%;
    overflow: hidden;
    margin-bottom: 15px;
    padding: 15px;
    background: #F2F2F2;
    border: 1px solid #ccc;
    box-sizing: border-box;
}
#sio_howtoBox dt{
    width: 50px;
    background: #fff;
    padding: 10px 0;
    color: #D70045;
    text-align: center;
    font-size: 30px;
    float: left;
}
#sio_howtoBox dd{
    margin-left: 70px;
}
.howto_title{
    font-weight: bold;
    font-size: 16px;
}

.sio_howto{
    width: 100%;
    overflow: hidden;
}
.sio_howto b{
    font-weight: bold;
    margin-bottom: 0.5em;
}
.sio_howto{
    display: table;
    border-collapse: separate;
    border-spacing: 15px 10px;
}
.sio_howto li{
    display: table-cell;
    width: 32.00%;
    border: 1px solid #ccc;
    padding: 15px;
    box-sizing: border-box;
}
.sio_howto li img{
    margin: 20px auto;
    display: block;
    width: auto;
}
.sio_howto li:nth-child(3n){
    margin-right: 0;
}

.moveBox{
    overflow: hidden;
    margin-bottom: 30px;
}
.moveBox li{
    width: 49%;
    float: left;
}
.moveBox li:last-child{
    float: right;
    width: 49%;
}
.moveBox li img{
    width: 100%;
    display: block;
    margin: 0 auto;
}
.moveTitle{
    color: #e6001b;
}
@media screen and (max-width:750px){
.imgBox01_line,
.imgBox_line{
    width: 100%;
    padding: 20px 0;
}

.sioProgram dt{
    float: none;
    width: 100%;
}
.sioProgram dd{
    margin-left: 0;
}
.programBox li{
    float: none;
    width: 100%;
}
.programBox li:first-child{
    float: none;
    width: 100%;
    margin-bottom: 15px;
}
.moveBox li{
    width: 100%;
    float: none;
    margin-bottom: 20px;
}
.moveBox li:last-child{
    float: none;
    width: 100%;
    margin-bottom: 0;
}

}