@charset "Shift_JIS";

/* Šî–{ƒŒƒCƒAƒEƒg�EƒtƒHƒ“ƒg‘•�üŠÖ˜A */
.roman-s { font-family: "Arial", "Helvetica", "sans-serif"; font-size: 10px}
.f-bold { font-weight: bold}
.f-b-red { font-weight: bold ; color: #FF0000}
.f-b-y { font-weight: bold ; color: #FFFFCC}
.f-b-pink { font-weight: bold ; color: #FF6666}
.f-b-orange { font-weight: bold ; color: #FF6600}
.f-b-s-pink { font-weight: bold ; color: #FF3399}
.f-b-white { font-weight: bold ; color: #FFFFFF}
.f-b-purple { font-weight: bold; color: #B086B9}
.f-b-dp { font-weight: bold; color: #663399}
.f-b-green { font-weight: bold; color: #008888}
.f-b-blue { font-weight: bold; color: #0066CC}
.f-dp { color: #663399}
.f-white { color: #FFFFFF}
.f-red { color: #a00000}

/* ƒŒƒCƒAƒEƒg */
.t10b { font-size: 10px; line-height:14px;}
.t10-r { font-size: 10px ; color: #FF0000}	
.t10w { font-size: 10px; color: #FFFFFF}
.t14b { font-size: 14px ; font-weight: bold ; color: #666666}
.t14y { font-size: 14px ; font-weight: bold ; color: #FFFFCC}
.t16b { font-size: 16px; font-weight: bold; color: #3366CC}

/* CSS�‰Šú�Ý’è */
.clear {
	clear: both;
}
.clearFloat:after { 
	content: "."; 
	display: block; 
	clear: both; 
	height: 0; 
	visibility: hidden; 
	line-height: 0; 
} 
.clearFloat { 
	display: inline-table; 
	min-height: 1%; 
} 
/* for macIE \*/ 
* html .clearFloat { 
	height: 1%; 
} 
.clearFloat { 
	display: block; 
} 
/* end of for macIE */
.clearFloat {
	overflow:hidden;
}

a.OpaChange:hover *{
filter:alpha(opacity=70); /*IE*/
-moz-opacity:0.70; /*FF*/
opacity:0.70;
}

.clearfix:after {
  content: "";
  clear: both;
  display: block;
}

/*759pxˆÈ‰º(SP)*/
@media screen and (max-width: 759.9px) {
.iframe_end-content_gadget,
#dirPathBlock,
h1,
.bgGrayArea .contInner02,
.bgWhiteArea .contInner02,
#anchorLinkBlock {
	width: 98%;
	margin: 1%;
	display: block;
	box-sizing: border-box;
}

#title{
	text-align: center;
    background: url(../images/haikei.png) no-repeat 50% 0 #fff;
    background-size: cover;
    border-top: 3px solid #000;
    border-bottom: 3px solid #000;
    font-family: Ÿà–¾’©, YuMincho, 'Yu Mincho', serif;
}
#title div {
	font-size: 25px;
    font-weight: bold;
    background: #fff;
    width: 90%;
    margin: 20px auto;
    padding: 0 0 10px;
    box-sizing: border-box;
    box-shadow: 2px 2px 0 #c7ad70;
}
#title div img {
    width: 100%;
    height: auto;
}
#title h2 {
	font-weight: bold;
    margin-bottom: 10px;
    line-height: 1.2;
    background: #FFF;
    background: -webkit-linear-gradient(top, #e53598, #ba0d5c);
    background: linear-gradient(to top, #e53598, #ba0d5c);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.title_txt {
	font-size: 14px;
    line-height: 1.2;
	padding: 0 10px;
}

/*gray*/
.bgGrayArea{
	background:#fcfafc!important;
	overflow:hidden;
}
.cFix li{
	background:#FFF;
	overflow:hidden;
	margin:0 0 15px 0;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	box-shadow: 1px 2px 2px 1px #C8C8C8;
}
.bgGrayArea .thumb{
	width:50%;
	float:left;
	margin:0 10px 0 0;
}

.bgGrayArea .thumb img{
	width:100%;
	height:auto;
}

.bgGrayArea .cFix dl{
	overflow:hidden;
	margin:0;
	padding:0;
	font-family:"ƒqƒ‰ƒMƒmŠpƒS Pro W3", "Hiragino Kaku Gothic Pro", "ƒ�ƒCƒŠƒI", Meiryo, Osaka, "‚l‚r ‚oƒSƒVƒbƒN", "MS PGothic", sans-serif;
}

.bgGrayArea .cFix dt{
	font-size:0.9rem;
	font-weight:bold;
	margin:10px 0 0 0px;
	padding:0;
}

.bgGrayArea .cFix dd{
	padding:5px 10px 0 0;
	font-size:0.8rem;
	margin:0;
}

.bgGrayArea .cFix li span{
	color:#333;
	display:block;
	padding:0 0 10px 0;
}

/*white*/
.hoverNone li dd span{
	color:#333!important;
}

.bgWhiteArea .cFix li{
	background:#FFFCDB;
	overflow:hidden;
	margin:0 0 10px 0;
-webkit-border-radius: 5px 5px 5px 5px;
border-radius: 5px 5px 5px 5px;
box-shadow:1px 2px 2px 1px #C8C8C8;
}
.bgWhiteArea .thumb{
	width:50%;
	float:left;
	margin:0 10px 0 0;
}

.bgWhiteArea .thumb img{
	width:100%;
	height:auto;
}

.bgWhiteArea .cFix dl{
	overflow:hidden;
	margin:0;
	padding:0;
	font-family:"ƒqƒ‰ƒMƒmŠpƒS Pro W3", "Hiragino Kaku Gothic Pro", "ƒ�ƒCƒŠƒI", Meiryo, Osaka, "‚l‚r ‚oƒSƒVƒbƒN", "MS PGothic", sans-serif;
}

.bgWhiteArea .cFix dt{
	font-size:0.9rem;
	font-weight:bold;
	margin:10px 0 0 0px;
	padding:0;
}

.bgWhiteArea .cFix dd{
	padding:5px 10px 0 0;
	font-size:0.8rem;
	margin:0;
}

h1{
	font-size:0.8rem!important
}
h3 {
    font-size: 20px;
    margin-bottom: 15px;
    font-weight: bold;
    margin: 10px 0 10px 0!important;
    color: #ba0d5c;
    padding: 5px 0 5px 0;
    display: block;
    text-align: center;
    overflow: hidden;
    border-bottom: 2px dotted #ba0d5c;
    border-top: 3px solid #ba0d5c;
}

#dirPathBlock{
	font-size:0.6rem!important;
}
.column2Area{
	margin:0 0 0 0;
}

.contInner02 .column2Area .section {
	width: 98%;
    margin: 5% auto;
}

/*btn*/
.orangeBtn{
	display:block;
	clear:both;
	margin-bottom:10px;
	margin-top:10px;
}
	
.orangeBtn a{
	color:#FFF!important;
	display:block;
background: #ffa600; /* Old browsers */
background: -moz-linear-gradient(top,  #ffa600 0%, #ff8e00 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffa600), color-stop(100%,#ff8e00)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #ffa600 0%,#ff8e00 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #ffa600 0%,#ff8e00 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #ffa600 0%,#ff8e00 100%); /* IE10+ */
background: linear-gradient(to bottom,  #ffa600 0%,#ff8e00 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffa600', endColorstr='#ff8e00',GradientType=0 ); /* IE6-9 */
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
/*	border: 1px solid #ff8c00;*/
	-moz-box-shadow:
		0px 1px 3px rgba(000,000,000,0),
		inset 0px -2px 1px rgba(235,129,0,1);
	-webkit-box-shadow:
		0px 1px 3px rgba(000,000,000,0),
		inset 0px -2px 1px rgba(235,129,0,1);
	box-shadow:
		0px 1px 3px rgba(000,000,000,0),
		inset 0px -2px 1px rgba(235,129,0,1);
	text-shadow:
		1px 1px 0px rgba(255,140,0,1),
		0px 1px 0px rgba(255,140,0,0.2);
	display:block;
	clear:both;
	margin-left:auto;
	margin-right:auto;
	color:#FFF;
	/*font-weight:bold;*/
	display:block;
	text-align:center;
	text-decoration:none!important;
	font-size:16px;
	position:relative;
	padding:5px;
	width:92%;
}
.orangeBtn a:after{
	width:13px;
	height:13px;
	content:"";
	display:block;
	background:url(../images/im_arrow.png) no-repeat;
	position:absolute;
	top:32%;
	right:1%;
}

.cf:before,
.cf:after {
    content: " ";
    display: table;
}

.cf:after {
    clear: both;
}

.cf {
    *zoom: 1;
}

.column2Area{
	margin:0 0 0 0;
}

.attentionBox{
	display:block;
	margin:0;
	padding:10px;
}

.attentionBox li{
	background:#FFF!important;
	box-shadow:none!important;
	margin:0 0 10px 0!important;
	padding:0 0 10px 0!important;
	-webkit-border-radius: 0 0 0 0!important;
	border-radius:  0 0 0 0!important;
}

.attentionBox dt{
	font-size:18px;
	font-weight:bold;
	color:#BD0108;
	margin:0 0 10px 0;
}

.attentionBox dd{
	margin:0 0 30px 0;
	padding:0!important;
}

.attentionBox dd li{
	margin:0 0 15px 0;
	padding:0 15px 15px 15px;
	font-size:14px;
	border-bottom:1px dashed #CCC;
}

.attentionBox dd li a{
	color:#0065D6!important;
}

#detailDay{
	display:block;
	margin: 0;
	padding: 0;
}

#detailDay li{
	font-size:12px;
	overflow:hidden;
	margin-bottom:10px;
	padding:0 0 0 0;
	background:none!important;
	box-shadow:none!important
}

#detailDay li strong{
	display:inline-block;
	background:#ba0d5c;
	color:#FFF;
	padding:5px 10px 5px 10px;
	-webkit-border-radius: 8px 8px 8px 8px;
	border-radius: 8px 8px 8px 8px;
	margin:0 5px 0 0;
	float:left;
}

#detailDay li span{
	display:block;
	overflow:hidden;
	padding:5px;
	font-size:12px;
}

/*coupon*/
.couponWrap{
	display:block;
	overflow:hidden;
}

.couponWrap dl{
	background:#FFF;
	margin:0 0 15px 0!important;
	border-bottom:3px solid #edebba;
}

.couponWrap dl dt{
	margin:0!important;
	padding:0!important;
}

.couponWrap dl dt img{
	width:100%;
	height:auto;
}

.couponWrap dl dd{
	padding:15px;
	font-size:14px;
}

.couponWrap dl dd p{
	background:url(../images/im_mycopon4.png) no-repeat 0 10px;
	background-size:40px auto;
	padding:10px 0 10px 50px;
	font-size:12px;
	border-top:1px dotted #CCC;
}

.couponWrap dl dd p a{
	background:url(../images/im_arrow_close.png) no-repeat 99% 50%;
	background-size:12px auto;
	display:block;
	padding:0 15px 0 0!important;
}

.couponWrap dl dd ul{
	margin:0;
	padding:0;
}

.couponWrap dl dd > strong{
	font-size:16px;
	display:block;
	margin:0 10px 10px 10px;
	font-weight:bold;
}

.couponWrap dl dd ul li{
	background:url(../images/im_point.png) no-repeat 0 4px !important;

	background-size:7px auto!important;
	padding:0 0 0 15px;
	margin:0 5px 5px 5px!important;
	box-shadow:none!important
}

.couponWrap dl dd ul li strong{
	display:block;
	width:100px;
	float:left;
	font-weight:bold;
}

.couponWrap dl dd ul li span{
	display:block;
	overflow:hidden;
}

.step ul{
	margin:0 0 20px 0;
}

.step li{
	width:100%!important;
	background:#FFF!important;
	box-shadow:none!important;
	margin-top:5px!important;
	padding:0 0 10px 0!important;
	position:relative;
	overflow-scroll:none!important;
	margin:0 0 0 0%!important;
	-webkit-border-radius: 5px 5px 5px 5px!important;
	border-radius: 5px 5px 5px 5px!important;

}
.step li:after{
	content:"";
	position:absolute;
	width:0;
	height:0;
	margin-top:-5px; /* ˆÊ’u‚ð’†�S‚É’²�® */
	border-width:10px;
	border-style:solid;
	border-color:#666 transparent transparent transparent;
	/*border-left-color:#FFF;  –îˆó‚Ì�F */
	display:block;
	position:absolute;
	bottom:0;
	right:50%;
}
.step li.lastA:after{
	border-color:#FFF transparent transparent transparent!important;
}

.step li img{
	width:100%!important;
	height:auto;
	
}
.contentsBox{
	padding:0;
}
.contentsBox ul li{
	background:url(../images/im_point2.png) no-repeat 0 1px;
	background-size:12px auto;
	padding:0 0 0 20px!important;
	margin:0 0 0 0!important;
	font-size:12px;
	box-shadow:none!important;
}
.contentsBox ul li strong{
	display:block;
	font-weight:bold;
	margin:0 35px 0 0;
}
.contentsBox ul li span{
	display:block;
	overflow:hidden;
}
.attentionBox dd li{
	background:url(../images/im_point.png) no-repeat 0 4px transparent!important;
	background-size:7px auto!important;
	padding:0 0 10px 10px!important;
	margin:0 0 10px 0!important;
	font-size:12px;

}
.opener{
	background:url(../images/im_arrow_close.png) no-repeat #EAEAEA 3% 50%;
	background-size:14px auto;
	padding:10px 5px 10px 30px;
	font-size:12px;
	-webkit-border-radius: 5px 5px 5px 5px;
	border-radius: 5px 5px 5px 5px;
	border-bottom:3px solid #CCC;
	margin:0 0 15px 0;
	cursor:pointer;
}
.active{
	background:url(../images/im_arrow_over.png) no-repeat #EAEAEA 3% 50%;
	background-size:14px auto;
	padding:10px 5px 10px 30px;
	font-size:12px;
	-webkit-border-radius: 5px 5px 5px 5px;
	border-radius: 5px 5px 5px 5px;
	border-bottom:3px solid #CCC;
	margin:0 0 15px 0;
	cursor:pointer;
}

/*tripa*/
#useWrap *{font-family: "ƒ�ƒCƒŠƒI", Meiryo, "ƒqƒ‰ƒMƒmŠpƒS Pro W3", "Hiragino Kaku Gothic Pro", "‚l‚r ‚oƒSƒVƒbƒN", sans-serif;}
#useWrap{
	width: 90%;
    margin: 0 5%;
    padding: 0 0 10px;
    box-sizing: border-box;
}
#useWrap div{
	overflow:hidden;
	padding:10px 0;
	margin:0 0 0 0;
	border-bottom:1px solid #e2e2e2;
	background:#FFF;
	float:none!important;
	width:auto!important;
}
#useWrap div:last-child{
	border-bottom:none;
	padding:10px 0 0;
}
#useWrap div p{
	float:left;
	margin:0 20px 0 0;
	width:75px;
	height:75px;
}
#useWrap div p img{
	width:100%;
	height:auto;
}
#useWrap div dl{
	overflow:hidden;
	display:block;
	padding: 0;
}
#useWrap div:last-child{border-bottom:none;}
#useWrap div dl dt{
	margin:0 0 10px 0;
	padding:0;
}
#useWrap div dl dt a{
	font-size:16px;
	color:#000;
	font-weight: bold;
}
#useWrap div dl dd{
	font-size:14px;
	color:#999;
	font-weight: normal;
}
#useWrap div dl dd > span{
	display:block;
	margin:5px 0 0 0;
}
#useWrap div dl dd > span a{
	color:#CCC;
	display:inline-block;
	background:none;
	padding:0;
	text-align:center;
	margin-top:0;
	font-size:14px;
	-webkit-border-radius: 0;
	border-radius: 0;
	border-bottom:none;
}
#useWrap div dl dd > span span{
	color:#F69;
	display:inline;
}
#useWrap .commonTit{margin:0;}

}

/*760pxˆÈ�ã(PC)*/
@media screen and (min-width: 760px) {
.iframe_end-content_gadget,
#dirPathBlock,
h1,
.bgGrayArea .contInner02,
.bgWhiteArea .contInner02,
#anchorLinkBlock {
	width: 100%;
	max-width:950px;
	min-width:760px;
	margin: auto;
	box-sizing: border-box;
}
#anchorLinkBlock{margin-top:10px;}

p.images img{
	width:250px;
	height:auto!important;
}

#title{
	margin: 0;
    padding: 0;
    overflow: hidden;
    height: 450px;
    text-align: center;
    background: url(../images/haikei.png) no-repeat 50% 0 #fff;
    background-size: cover;
	border-top: 5px solid #000;
    border-bottom: 5px solid #000;
	font-family :Ÿà–¾’©, YuMincho, 'Yu Mincho',	serif;
}
#title div{
	font-size: 52px;
    font-weight: bold;
    background: #fff;
    width: 640px;
    margin: 30px auto 20px;
    padding: 0 0 20px;
    box-sizing: border-box;
	box-shadow: 4px 4px 0 #c7ad70;
}
#title h2 {
	font-weight: bold;
    margin-bottom: 20px;
    line-height: 1.2;
    background: #FFF;
    background: -webkit-linear-gradient(top, #e53598, #ba0d5c);
    background: linear-gradient(to top, #e53598, #ba0d5c);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    letter-spacing: -2px;
}
.title_txt {
	font-size: 18px;
	line-height: 1.4;
}

h3 {
	height: 72px;
    font-size: 22px;
    margin-bottom: 15px;
    font-weight: bold;
    margin: 10px 0 30px 0!important;
    color: #ba0d5c;
    padding: 10px 0 10px 0;
    display: grid;
    text-align: center;
    overflow: hidden;
    border-bottom: 2px dotted #ba0d5c;
    border-top: 3px solid #ba0d5c;
    align-items: center;
}


/*add*/
.bgGrayArea{
	background: #fcfafc!important;
	overflow:hidden;
	padding:0 0 15px 0;
}

#Foot .footBtmInner{
	font-size:12px!important;
}

/*add*/
.contInner02 {
	padding-bottom: 20px!important;
}

/*-------------------------nav*/
.contInner02 .column2Area .section {
	width: auto!important;
	float: none!important;
	overflow:hidden;
}
#outline .column2Area .section {
	margin: auto;
	padding: 0 12px;
}

.hoverNone li:hover{
opacity: 1!important;
filter: alpha(opacity=100)!important;     
-ms-filter: "alpha(opacity=100)"!important;
cursor:default!important; 
}

/*btn*/
.orangeBtn{
	display:block;
	clear:both;
	margin-bottom:10px
}
	
.orangeBtn a{
		color:#FFF!important;
		display:block;
		-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
/*	border: 1px solid #ff8c00;*/
	-moz-box-shadow:
		0px 1px 3px rgba(000,000,000,0),
		inset 0px -2px 1px rgba(235,129,0,1);
	-webkit-box-shadow:
		0px 1px 3px rgba(000,000,000,0),
		inset 0px -2px 1px rgba(235,129,0,1);
	box-shadow:
		0px 1px 3px rgba(000,000,000,0),
		inset 0px -2px 1px rgba(235,129,0,1);
	text-shadow:
		1px 1px 0px rgba(255,140,0,1),
		0px 1px 0px rgba(255,140,0,0.2);
	display:block;
	clear:both;
	margin:0 auto 10px;
	/*font-weight:bold;*/
	display:block;
	text-align:center;
	text-decoration:none!important;
	font-size:18px;
	position:relative;
	padding:10px;
	width: 100%;
box-sizing:border-box;
background: #ffa600; /* Old browsers */
background: -moz-linear-gradient(top,  #ff8e00 0%, #ff8e00 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ff8e00), color-stop(100%,#ff8e00)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #ff8e00 0%,#ff8e00 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #ff8e00 0%,#ff8e00 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #ff8e00 0%,#ff8e00 100%); /* IE10+ */
background: linear-gradient(to bottom,  #ff8e00 0%,#ff8e00 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff8e00', endColorstr='#ff8e00',GradientType=0 ); /* IE6-9 */
}

.orangeBtn a:after{
	width:13px;
	height:13px;
	content:"";
	display:block;
	background:url(../images/im_arrow.png) no-repeat;
	position:absolute;
	top:38%;
	right:1%;
}

.attentionBox{
	display:block;
	margin:0;
	padding:10px;
}

.attentionBox dt{
	font-size:18px;
	font-weight:bold;
	color:#BD0108;
	margin:0 0 10px 0;
}

.attentionBox dd{
	margin:0 0 30px 0;
}

.attentionBox dd li{
	margin:0 0 15px 0;
	padding:0 15px 15px 15px;
	font-size:14px;
	border-bottom:1px dashed #CCC;
}

#detailDay{
	display:block;
	width:580px;
	margin:15px auto 40px;
	padding:10px 0 0 0;
}

#detailDay li{
	font-size:18px;
	overflow:hidden;
	margin-bottom:10px;
	padding:0 0 0 0;
}

#detailDay li strong{
	display:block;
	float:left;
	background:#ba0d5c;
	color:#FFF;
	padding:5px 10px 5px 10px;
	-webkit-border-radius: 8px 8px 8px 8px;
	border-radius: 8px 8px 8px 8px;
	margin:0 10px 0 0;
}

#detailDay li span{
	display:block;
	overflow:hidden;
	padding:5px;
}

#detailDay li span span{
	font-size:10px;
	display:inline-block;
}

.flexbox{display:flex;}

.couponWrap{
	width: 48%;
    margin: 0 1%;
    display: block;
    overflow: hidden;
}

.couponWrap dl{
	width: 440px;
    background: #FFF;
    margin: 0 auto 30px;
    border-bottom: 3px solid #edebba;
}

.couponWrap dl dt{
	margin:0;
	padding:0;
}

.couponWrap dl dt img{
	width:100%;
	height:auto;
}

.couponWrap dl dt img:hover {
	opacity: 0.7 ;
	filter: alpha(opacity=70) ;
	-webkit-transition: 0.3s ;
	transition: 0.3s 
}

.couponWrap dl dd{
	padding:15px;
	font-size:14px;
}

.couponWrap dl dd p{
	background:url(../images/im_mycopon4.png) no-repeat 0 10px;
	background-size:40px auto;
	padding:10px 0 0 50px;
	font-size:12px;
	border-top:1px dotted #CCC;
}

.couponWrap dl dd p a{
	background:url(../images/im_arrow_close.png) no-repeat 99% 50%;
	background-size:12px auto;
	display:block;
}

.couponWrap dl dd ul{
	margin:0;
	padding:0;
}

.couponWrap dl dd > strong{
	font-size:16px;
	display:block;
	margin:0 0 10px 0;
	font-weight:bold;
}

.couponWrap dl dd ul li{
	background:url(../images/im_point.png) no-repeat 0 8px;
	background-size:7px auto;
	padding:0 0 0 15px;
	margin:0 0 10px 0;
}

.couponWrap dl dd ul li strong{
	display:block;
	width:100px;
	float:left;
	font-weight:bold;
}
.couponWrap dl dd ul li span{
	display:block;
	overflow:hidden;
}
.contentsBox{
	padding:10px;
}
.contentsBox ul li{
	background:url(../images/im_point2.png) no-repeat 0 5px;
	background-size:12px auto;
	padding:0 0 0 20px;
	margin:0 0 10px 0;
	font-size:16px;
}
.contentsBox ul li strong{
	display:inline-block;
	float:left;
	font-weight:bold;
	margin:0 35px 0 0;
}
.contentsBox ul li span{
	display:block;
	overflow:hidden;
}
.attentionBox dd li{
	background:url(../images/im_point.png) no-repeat 0 8px;
	background-size:7px auto;
	padding:0 0 10px 15px;
	margin:0 0 10px 0;
	font-size:14px;
}
.opener{
	background:url(../images/im_arrow_close.png) no-repeat #EAEAEA 1.5% 50%;
	background-size:18px auto;
	padding:10px 10px 10px 40px;
	font-size:18px;
	-webkit-border-radius: 5px 5px 5px 5px;
	border-radius: 5px 5px 5px 5px;
	border-bottom:3px solid #CCC;
	margin:0 0 15px 0;
	cursor:pointer;
}
.active{
	background:url(../images/im_arrow_over.png) no-repeat #EAEAEA 1.5% 50%;
	background-size:18px auto;
	padding:10px 10px 10px 40px;
	font-size:18px;
	-webkit-border-radius: 5px 5px 5px 5px;
	border-radius: 5px 5px 5px 5px;
	border-bottom:3px solid #CCC;
	margin:0 0 15px 0;
	cursor:pointer;
}
.step ul{margin:0 0 20px 0;}
.step li{
	width:30%!important;
	-moz-box-shadow:
		0px 0px 5px rgba(000,000,000,0.5),
		inset 0px 0px 10px rgba(087,087,087,0.7);
	-webkit-box-shadow:
		0px 0px 5px rgba(000,000,000,0.5),
		inset 0px 0px 10px rgba(087,087,087,0.7);
	box-shadow:
		0px 0px 5px rgba(000,000,000,0.5),
		inset 0px 0px 10px rgba(087,087,087,0.7);
		margin-top:5px!important;
		position:relative;
		overflow-scroll:none!important;
		float:left;
		margin:0 0 0 3%;
		-webkit-border-radius: 5px 5px 5px 5px!important;
		border-radius: 5px 5px 5px 5px!important;

}
.step li:after{
	content:"";
	position:absolute;
	width:0;
	height:0;
	margin-top:-5px; /* ˆÊ’u‚ð’†�S‚É’²�® */
	border-width:10px;
	border-style:solid;
	border-color:transparent transparent transparent #666;
	/*border-left-color:#FFF;  –îˆó‚Ì�F */
	display:block;
	position:absolute;
	top:50%;
	right:-30px;
}
.step li img{
	width:100%!important;
	height:auto;
	
}

/*tripa*/
#useWrap *{font-family: "ƒ�ƒCƒŠƒI", Meiryo, "ƒqƒ‰ƒMƒmŠpƒS Pro W3", "Hiragino Kaku Gothic Pro", "‚l‚r ‚oƒSƒVƒbƒN", sans-serif;}
#useWrap{
	width:100%;
	padding:0 10px 50px;
}
#useWrap div{
	overflow:hidden;
	padding:10px 0;
	margin:0 0 0 0;
	border-bottom:1px solid #e2e2e2;
	background:#FFF;
	float:none!important;
	width:auto!important;
}
#useWrap div:last-child{
	border-bottom:none;
	padding:10px 0 0;
}
#useWrap div p{
	float:left;
	margin:0 20px 0 0;
	width:75px;
	height:75px;
}
#useWrap div p img{
	width:100%;
	height:auto;
}
#useWrap div dl{
	overflow:hidden;
	display:block;
	padding: 0;
}
#useWrap div:last-child{border-bottom:none;}
#useWrap div dl dt{
	margin:0 0 10px 0;
	padding:0;
}
#useWrap div dl dt a{
	font-size:16px;
	color:#000;
	font-weight: bold;
}
#useWrap div dl dd{
	font-size:14px;
	color:#999;
	font-weight: normal;
}
#useWrap div dl dd > span{
	display:block;
	margin:5px 0 0 0;
}
#useWrap div dl dd > span a{
	color:#CCC;
	display:inline-block;
	background:none;
	padding:0;
	text-align:center;
	margin-top:0;
	font-size:14px;
	-webkit-border-radius: 0;
	border-radius: 0;
	border-bottom:none;
}
#useWrap div dl dd > span span{
	color:#F69;
	display:inline;
}
#useWrap .commonTit{margin:0;}

}