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

body{
	text-align:center;
	max-width:1920px;
	margin:0;
	margin-left:auto;
	margin-right:auto;
	padding:0px;
	overflow-x:hidden;
}

header{
	width:100%;
}
header h1{
	height:30px;
	background-color:#fff;
	font-family: 'Dosis', sans-serif;
	color:#e14d5a;
	text-align:left;
	font-size:20px;
	letter-spacing:1px;
	margin:0;
	padding:6px 0 0 5px;
	float:left;
}
header .homebtn{
	width:30px;
	margin:2px;
}
header .topbnr1{
	width:100%;
}

section{
	width:1400px;
	margin-left:auto;
	margin-right:auto;
	margin-top:100px;
}
@media screen and (max-width: 1399px){
section{
	width:100%;
	margin-left:auto;
	margin-right:auto;
	margin-top:100px;
}
}
section h1{
	font-size:25px;
	text-align:left;
}

div.foursteps{
	margin-top:25px;
}

div.foursteps div{
	width:25%;
	height:170px;
	padding:25px 0;
}

div.foursteps div.step1{
	box-sizing:border-box;
	border:solid 2px #ffa9b1;
}
div.foursteps div.step2 ,div.foursteps div.step3 ,div.foursteps div.step4{
	box-sizing:border-box;
	border-width:2px 2px 2px 0;
	border-style: solid; 
	border-color:#ffa9b1;
}


div.foursteps div > p{
	margin-top:14px;
	font-size:15px;
	font-weight:bold;
	color:#555;
}

div.foursteps img{
	width:22%;
}



/*information*/

div.ditlinfo{
	width:100%;
	margin-top:25px;
}

p.infotxt1{
	text-align:left;
	font-size:15px;
}


div.infonotice{
	padding:20px;
	margin:25px 0 0 0;
	text-align:left;
	border:solid 2px #efa43b;
}

div.noticetitle{
	width:10%;
	height:100%;
}

div.noticetitle h2{
	font-size:30px;
	color:#efa43b;
}

div.noticemain{
	width:85%;
	font-size:15px;
	padding-left:25px;
	border-left:solid 1px #dedede;
}

div.shoplink{
	position:relative;
	width:250px;
	margin:10px 10px 0 0;
	padding:20px 0px;
	text-align:center;
	border:solid 1px #e14d5a;
	border-radius: 5px;		/* CSS3草案 */
	-webkit-border-radius: 5px;	/* Safari,Google Chrome用 */
	-moz-border-radius: 5px;	/* Firefox用 */
}

div.shoplink p{
	font-size:14px;
}

div.shoplink a{
	position:absolute;
	top:0px;
    left:0px;
    width:100%;
    height:100%;
    text-indent:-9999px;
}
div.shoplink:hover{
	background-color:#f9dbde;
	border:solid 1px #e14d5a;
	transition:all 0.5s ease;
	opacity: 0.7;
	filter: alpha(opacity=70);
	-ms-filter: "alpha(opacity=70)";
}

ul.info_procedure{
	margin:25px 0 0 25px;
	padding:0;
	list-style-type:decimal;
}

ul.info_procedure li{
	text-align:left;
	font-size:15px;
	line-height:17px;
	margin-bottom:17px;
}

ul.info_procedure h4{
	text-align:center;
	width:80px;
	padding:2px;
	background-color:#dedede;
}

ul.info_procedure li h4 + img{
	border:1px #dedede solid;
	padding:10px;
}

ul.info_procedure li h4 + img.infopic0{
	width:500px;
}


ul.info_procedure li div.proc01{
	text-align:center;
	width:490px;
	border:1px #dedede solid;
	padding:10px 10px 7px 10px;
	margin-bottom:17px;
}

ul.info_procedure li div.scitem{
	width:50%;
	padding:1%;
	margin-bottom:17px;
	border:1px #dedede solid;
}

ul.info_procedure li div.scitem img{
	width:28%;
	float:left;
	margin:15px 2% 5px 2%;
}

ul.info_procedure li div.scitem p{
	text-align:center;
	width:28%;
	font-size:12px;
	font-weight:bold;
	margin:0 2% 0 2%;
	float:left;
}
ul.info_procedure li div.scitem a{
	text-decoration:none;
	color:#555;
}

ul.info_procedure li div.needarea{
	text-align:left;
	width:95%;
	border:solid 2px #efa43b;
}

ul.info_procedure li div.needarea h5{
	width:12%;
	margin:5px;
	font-size:23px;
	line-height:27px;
	color:#efa43b;
}

ul.info_procedure li div.needarea > p{
	width:83%;
	font-size:15px;
	padding-left:25px;
	border-left:solid 1px #dedede;
}

ul.info_procedure li div.needarea img{
	margin-top:20px;
	width:40%;
}


/* shitadori */

div.shidoitem{
	width:100%;
	margin-bottom:50px;
	border-bottom:solid 1px #dedede;
}

div.targetitems{
	width:40%;
	margin-top:25px;
}
div.targetitems img{
	margin-top:25px;
	width:80%;
}
div.targetinfo{
	width:60%;
	height:520px;
	margin-top:25px;
	text-align:left;
	position:relative;
}


div.targetinfo .scarrylogo1{
	margin:100px 0 0 25px;
	width:120px;
}
.itemname{
	margin:15px 0 0 25px;
	font-size:25px;
	font-weight:bold;
}
.itemsnote{
	position:absolute;
	bottom:20px;
	margin-left:25px;
	font-size:15px;
	color:#999;
}
.toitem{
	position:absolute;
	bottom:60px;
	left:25px;
	width:220px;
	height:70px;
	border:solid 1px #dedede;
	
}
.toitem_du{
	position:absolute;
	bottom:60px;
	left:265px;
	width:220px;
	height:70px;
	border:solid 1px #dedede;
	
}
.toitempr{
	position:absolute;
	top:8px;
	left:10px;
	width:200px;
	font-size:13px;
	line-height:18px;
	font-weight:bold;
	color:#666;
}
.toitemtxt{
	font-size:14px;
	position:absolute;
	bottom:5px;
	right:10px;
	font-weight:bold;
	color:#0071b0;
}

div.dlinkttt a{
	position:absolute;
	top:0px;
    left:0px;
    width:100%;
    height:100%;
    text-indent:-9999px;
}
div.dlinkttt:hover{
	background-color:#cce3ef;
	border:solid 1px #0071b0;
	transition:all 0.5s ease;
}

/* norikae */

div.noriitme{
	width:100%;
	margin-bottom:50px;
	border-bottom:solid 1px #dedede;
}

div.changeitems{
	width:40%;
	margin-top:25px;
}
div.changeitems img{
	margin-top:25px;
	width:45%;
}

div.changeinfo{
	width:60%;
	height:520px;
	margin-top:25px;
	text-align:left;
	position:relative;
}

div.changeinfo .ch_logo1{
	margin:0px 0 0 25px;
	width:350px;
}

div.changeinfo .iteminfo2{
	margin:10px 0 0 25px;
	font-size:15px;
	line-height:17px
}

div.changeinfo .colour_ch{
	margin:10px 0 0 25px;
	font-size:15px;
}

div.changeinfo .itmecolour{
	width:50px;
	height:25px;
	margin-top:2px;
	position:relative;
	cursor:pointer;
}


div.changeinfo .itmecolour > p{
	position:absolute;
	top:-155px;
	width:130px;
	padding:10px;
	text-align:center;
	font-weight:bold;
	background-color:#fff;
	border:solid 1px #dedede;
	font-size:12px;
	display:none;
}
div.changeinfo .itmecolour > p > img{
	height:100px;
}

div.changeinfo .itmecolour:hover > p{
	display:block;
}

div.changeinfo .price{
	margin:5px 10px 0 25px;
	font-size:15px;
	color:#555;
}

.chitem{
	position:absolute;
	bottom:220px;
	left:25px;
	width:370px;
	height:70px;
	border:solid 1px #dedede;
	
}
.chitem_du{
	position:absolute;
	bottom:130px;
	left:25px;
	width:370px;
	height:70px;
	border:solid 1px #dedede;
	
}
.chitem_tri{
	position:absolute;
	bottom:40px;
	left:25px;
	width:370px;
	height:70px;
	border:solid 1px #dedede;
	
}
.chitempr{
	position:absolute;
	top:8px;
	left:10px;
	width:200px;
	font-size:13px;
	line-height:18px;
	font-weight:bold;
	color:#555;
}

.shita_pr{
	font-size:14px;
	position:absolute;
	bottom:27px;
	right:10px;
	font-weight:bold;
	color:#b5272d;
}

.chitemtxt{
	font-size:21px;
	position:absolute;
	bottom:5px;
	right:10px;
	font-weight:bold;
	color:#555;
}

.changeinfo > .dlinkttt:hover{
	border:solid 1px #39a94a;
	transition:all 0.5s ease;
	background-color:#edfaf4;

}
.changeinfo > .dlinkttt:hover > p.chitemtxt{
	color:#39a94a;
}

/* shitadori table */

div.table_shi{
	width:100%;
	margin-bottom:50px;
}

table.tbmain_shi{
	width: 100%;
	margin-top:25px;
	border-collapse: collapse;
}
table.tbmain_shi th{
	width: 25%;
	padding: 6px;
	text-align: center;
	font-size:15px;
	vertical-align: center;
	color: #333;
	background-color: #eee;
	border: 1px solid #b9b9b9;
}
table.tbmain_shi td{
	padding: 15px;
	font-size:15px;
	background-color: #fff;
	border: 1px solid #b9b9b9;
}

table.tbmain_shi td > p.tb_p0{
	font-size:22px;
	font-weight:bold;
	color:#555;
}

table.tbmain_shi td > p.tb_p1{
	font-size:14px;
	font-weight:bold;
	color:#b5272d;
}

table.tbmain_shi td > p.tb_p2{
	font-size:22px;
	font-weight:bold;
	color:#39a94a;
}

table.tbmain_shi td:hover{
	background-color:#edfaf4;
}




footer{
	width:100%;
	height:70px;
	margin-top:50px;
	background-color:#f0f0f0;
}

div.ftmain{
	width:100%;
	margin-left:auto;
	margin-right:auto;
}

div.ftcon1{
	width:190px;
	margin-left:auto;
	margin-right:auto;
}

div.ftmain > p, div.ftcon1 > p{
	font-size:13px;
	padding-top:15px;
	color:#e14d5a;
}

div.ftcon1 > p > a{
	color:#e14d5a;
	text-decoration:none;
}

div.ftcon1 > p > a:hover{
	color:#e14d5a;
	text-decoration:underline;
}