@charset "shift_jis";
@import "styletop.css";
@import "stylefont.css";
@import "stylecatelist.css?2023-04-20";
@import "styleheader.css?20131119";
@import "stylefooter.css?20120726";

/*�¡CSS�à–¾�¡�¡�¡�¡�¡�¡�¡�¡�¡�¡�¡�¡�¡�¡�¡�¡�¡�¡�¡�¡�¡�¡�¡�¡�¡�›�¡
stylemain.css�Ë�‰Šú�Ý’è
styletop.css�ËTOP�ê—p
stylefont.css�˃tƒHƒ“ƒgƒTƒCƒY�AƒJƒ‰�[�AˆÊ’u
stylecatelist.css�˃JƒeƒSƒŠ�AƒŠƒXƒeƒBƒ“ƒO�ê—p
styleheader.css�˃wƒbƒ_�ê—p
stylefooter.css�˃tƒbƒ_�ê—p
�¡�¡�¡�¡�¡�¡�¡�¡�¡�¡�¡�¡�¡�¡�¡�¡�¡�¡�¡�¡�¡�¡�¡�¡�¡�¡�¡�¡�¡�¡�¡�¡*/

/* �‰Šú�Ý’è----------------------------------------------------------
font-size: 75%; = 12px
---------------------------------------------------------- */
html { font-size: 100%; }
body {
	margin: 0px;
	padding: 0px;
	background-color: #ffffff;
	color: #111111;
	font-size: 13px;
	line-height: 135%;
	font-family: "‚l‚r ‚oƒSƒVƒbƒN", "Helvetica", "Arial", "ƒqƒ‰ƒMƒmŠpƒS Pro W3", sans-serif;
	text-align: center;
}

fieldset,img { border: none; }

h1,h2,h3,h4,h5.h6,p,pre,blockauote,ul,li,ol,dl,dd,form,fieldset {
	margin: 0px;
	padding: 0px;
}

.clear { clear: both; }
.line {	background: #ffffff url("/image/common/line-dot.gif") repeat-x; }
.line2 { background: #ffffff url("/image/common/line-dot2.gif") repeat-x; }
.line_clear {
	clear: both;
	background: #ffffff url("/image/common/line-dot.gif") repeat-x;
}
.line_clear2 {
	clear: both;
	background: #ffffff url("/image/common/line-dot2.gif") repeat-x;
}
/* �‰Šú�Ý’è---------------------------------------------------------- */

/* container---------------------------------------------------------- */
#container_new09 {
	width: 980px;
	margin: 0px auto;
	padding: 0px;
	text-align: left;
}
/* container---------------------------------------------------------- */

/* �¡TOP�¡�¡�¡�¡�¡�¡�¡�¡�¡�¡�¡�¡�¡�¡�¡�¡�¡�¡�¡�¡�¡�¡�¡�¡�¡�¡�¡�¡�¡�¡�¡�¡�¡�¡�¡�¡�¡�¡�¡ */
/* leftarea---------------------------------------------------------- */
#leftarea {
	float: left;
	width: 200px;
	margin: 0px;
	padding: 0px;
	text-align: left;
}

/* rightarea--------------------------------------------------------- */
#rightarea {
	float: right;
	width: 200px;
	margin: 0px;
	padding: 0px;
	text-align: left;
}
/* rightarea--------------------------------------------------------- */
/* �¡TOP�¡�¡�¡�¡�¡�¡�¡�¡�¡�¡�¡�¡�¡�¡�¡�¡�¡�¡�¡�¡�¡�¡�¡�¡�¡�¡�¡�¡�¡�¡�¡�¡�¡�¡�¡�¡�¡�¡�¡ */

/* BOXseting--------------------------------------------------------- */
.boxmargin { margin-bottom: 26px; }

.boxbanner { margin-bottom: 12px; }

.boxtype_subm {
	padding: 0px 10px;
	border-left: solid 1px #dadada;
	border-right: solid 1px #dadada;
	background: #ffffff;
	word-break:break-all;
}
.boxtype_subm2 {
	border-left: solid 1px #dadada;
	border-right: solid 1px #dadada;
	background: #ffffff;
}
.boxtype_subm p {
	background: url("/image/common/condition-icon.gif") no-repeat;
	background-position: 0px 3px;
	margin-bottom:6px;
	font-size:12px;
	padding-left:12px;
}

.boxtype_subm .last{
	margin-bottom:0 ! important;
}

/* BOXseting--------------------------------------------------------- */

/* �¡category,listing,item�¡�¡�¡�¡�¡�¡�¡�¡�¡�¡�¡�¡�¡�¡�¡�¡�¡�¡�¡�¡�¡�¡�¡�¡�¡�¡�¡�¡�¡ */
/* leftarea---------------------------------------------------------- */
#leftarea2 {
	float: left;
	width: 238px;
	margin: 0px;
	padding: 0px;
	text-align: left;
}
/* leftarea---------------------------------------------------------- */

/* rightarea--------------------------------------------------------- */
#rightarea2 {
	float: right;
	width: 726px;
	margin: 0px;
	padding: 0px;
	text-align: left;
}
/* rightarea--------------------------------------------------------- */
/* �¡QR�¡�¡�¡�¡�¡�¡�¡�¡�¡�¡�¡�¡�¡�¡�¡�¡�¡�¡�¡�¡�¡�¡�¡�¡�¡�¡�¡�¡�¡ */
.qr_img { float: left; }
/* �¡CP˜I�obanner�¡�¡�¡�¡�¡�¡�¡�¡�¡�¡�¡�¡�¡�¡�¡�¡�¡�¡�¡�¡�¡�¡�¡�¡�¡�¡�¡�¡�¡ */

/*ƒKƒCƒhŒnƒy�[ƒW‚̃^ƒCƒgƒ‹�•ƒTƒuƒ^ƒCƒgƒ‹•”•ª*/
#guidepageTitle{width:730px;font-size:14px;font-weight:bold;margin:14px 0;padding-bottom:7px;border-bottom:solid 1px #000;}
#guidesubpageTitle{font-size:14px;border-bottom:solid 1px #EB5E0A;font-weight:bold;padding-bottom:5px;margin: 5px 0 11px 0px;width:100%;}
/*//ƒKƒCƒhŒnƒy�[ƒW‚̃^ƒCƒgƒ‹�•ƒTƒuƒ^ƒCƒgƒ‹•”•ª*/

.designer_icon {
	width:17px;
	height:17px;
	background: url(/image/common/img02.png) no-repeat -221px -432px;
	display:block;
}
.wsize3 .designer_icon {
	float:right;
}
/*ƒ{ƒ^ƒ“*/
.alertgrayBtn{margin-bottom: -20px;text-align: right;}
.alertgrayBtn span,.alertgrayBtn a{
font-size: 14px;
font-family: Arial;
font-weight: normal;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
border: 1px solid #C0C0C0;
border-top-color: #C9C9C9;
border-bottom-color: #737373;
padding: 8px 26px;
text-decoration: none;
background: -moz-linear-gradient(top,#FDFDFD,#CFCFCF);
background: -webkit-gradient(linear, left top, left bottom, from(#FDFDFD), to(#CFCFCF));
background: linear-gradient(to bottom,#FDFDFD,#CFCFCF);
filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startcolorstr=#FFFDFDFD, endcolorstr=#FFCFCFCF);
background-color: #ededed;
color: #eb5505 ! important;
display: inline-block;
text-shadow: 0px 0px 0px #ffffff;
-moz-box-shadow: inset 0px -1px 0 rgba(0,0,0,0.05),0 1px 0 rgba(0,0,0,0.1);
-webkit-box-shadow: inset 0px -1px 0 rgba(0,0,0,0.05),0 1px 0 rgba(0,0,0,0.1);
box-shadow: inset -50px 0px 0px -50px #ffffff;
}
.alertgrayBtn a:hover {
background:-webkit-gradient( linear, left top, left bottom, color-stop(25%, #dfdfdf), color-stop(80%, #ededed) );
background:-moz-linear-gradient( center top, #dfdfdf 25%, #ededed 80% );
background:-ms-linear-gradient( top, #dfdfdf 25%, #ededed 80% );
background:linear-gradient( to bottom, #dfdfdf 25%, #ededed 80% );
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#dfdfdf', endColorstr='#ededed');
background-color:#dfdfdf;
}
/*ŠpŠÛƒOƒŒ�[BOX*/
.grayBox {
overflow: hidden;
margin:50px 0 10px;
background-color: #FFFFFF;
border: 1px solid #CACACA;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
padding:20px;
}
.grayBox .caption {
margin: 0 10px 6px 0;
height: 28px;
border-bottom: 1px solid #EB5505;
z-index: 2;
}
.grayBox .caption h2 {
color: #000;
padding-top: 7px;
letter-spacing: 1.2px;
font-weight:bold;
}
.grayBox .item-list {
padding-top: 4px;
display: block;
}
.grayBox .item-list li {
float: left;
margin-right: 15px;
width: 80px;
min-height: 61px;
height: 61px;
}
.grayBox .item-thumb-wrap {
position: relative;
display: block;
border: 1px solid #dbdbdb;
background: #fff;
cursor: pointer;
border-radius: 0!important;
text-align: center;
width:80px;
}
.grayBox .item-thumb-wrap .item-thumb img {
max-width:80px;
max-height:59px;
vertical-align: middle!important;
text-align: center;
}
.grayBox .alertBOX h3 {
position: relative;
top: 3px;
margin-right: 90px;
height:23px;
font-weight:bold;
}
.grayBox .alertBOX h3 a{
position: relative;
top: -5px;
left: 10px;
}
.grayBox .alertBOX h3 a:hover{
opacity: 0.5;
}
.grayBox .alertBOX{
display: inline-block;
width:49%;
margin-bottom:10px;
float: left;
height: 110px;
overflow: hidden;
}
.grayBox .alertBOX h3 img{width:20px;height:20px;}
.w730{margin:auto;width:730px;min-height:150px;}
.centerBox{text-align:center;}
.alertBOX .item-list li >.item-thumb-wrap {
display: table;
background-position: center center;
background-repeat: no-repeat;
width: 100%;
height: 60px;
background-size: contain;
box-sizing: content-box;
}

.grayBox .item-list li a .item-thumb{
display: table-cell;
text-align: center;
vertical-align: middle;
}
.sankaku_icon {
width: 0;
height: 0;
border-style: solid;
border-width: 8px 0 8px 12px;
border-color: transparent transparent transparent #9CA2CC;
display: inline-block;
position: relative;
top: 3px;
margin-right: 5px;
}
.pgBk{background:#EBEEF9;padding:10px;margin:10px 0;}
.ygBk{background:#EFFFBF;padding:10px;margin:10px 0;}
/*“ü‰ïƒtƒ��[ƒCƒ��[ƒW*/
.flowTitle1 {background:#656463 url("/image/regist/flow.jpg") no-repeat center 0px;}
.flowTitle2 {background:#656463 url("/image/regist/flow.jpg") no-repeat center -40px;}
.flowTitle3 {background:#656463 url("/image/regist/flow.jpg") no-repeat center -80px;}
.flowTitle4 {background:#656463 url("/image/regist/flow.jpg") no-repeat center -120px;}
.flowTitle4p{height: 40px;background-size:730px 160px;-webkit-background-size:730px 160px;color:#FFF;text-align:center;font-weight:bold;line-height:41px;margin:30px 0;}
.flowTitle4p p{display:inline-block;width:24%;*display:inline;*zoom:1;}
.flowTitle3p{height: 40px;background-size:730px 120px;-webkit-background-size:730px 120px;color:#FFF;text-align:center;font-weight:bold;line-height:41px;margin:30px 0;}
.flowTitle3p p{display:inline-block;width:32%;*display:inline;*zoom:1;}
.flowTitle3p.flowTitle1,
.flowTitle3p.flowTitle2,
.flowTitle3p.flowTitle3{background-image:url("/image/regist/re_flow_free.png");}
.title_border{padding-left:28px;margin-bottom:10px;border-bottom:1px solid #000;line-height:30px;vertical-align:middle;text-align:left;font-size:14px;font-weight:bold;background:url(/image/title_arrow.gif) no-repeat 0 6px;}
.kigenDate{font-weight:bold;background:#FFB800;border-radius:10px;text-align:center;line-height:40px;height:40px;margin: 10px auto;color:#FFF;font-size:1.5em;width:450px;}
.kigenDate span{color:#AF2A2A;}
/*ŽæˆøŒntable*/
.transTable{border:solid 1px #9CA2CC;border-collapse: collapse;width:730px;}
.transTable th,.transTable td{padding:10px;font-weight: normal;border-bottom:solid 1px #9CA2CC;}
.transTable td{background:#EBEEF9;width:35%;border:solid 1px #9CA2CC;}
.transTable div{display:inline-block;}
.transTable .inblok1{width:30%;text-align:left;}
.transTable .inblok2{width:60%;text-align:left;}
.transSubmit{text-align:center;margin:10px 0;}
.transSubmit input{width:240px;height:40px;background-color: #fff; border:solid 1px #c0c0c0;border-radius:3px;}
.transSubmit a{color:#000;text-decoration:none;margin:auto;display:block;width:240px;height:40px;line-height:40px;border:1px solid #9f9f9f;background: -moz-linear-gradient(top,#f8f8f8,#dddddd);background: -webkit-gradient(linear, left top, left bottom, from(#f8f8f8), to(#dddddd));}
/*STEPˆÄ“à—p*/
.stepTypeflow{margin:10px 0;width:100%;border:solid 1px #FFF;line-height:25px;border-collapse: collapse;}
.stepTypeflow th,.stepTypeflow td{border-bottom:solid 1px #9CA2CC;padding:0 10px;min-height:50px;}
.stepTypeflow th{background:#4A75C4;width:25%;text-align: center;color:#FFF;}
.stepTypeflow td{background:#E0E0E0;width:75%;}
.stepTypeflow.largeTitle{line-height:1.5rem;border:solid 1px #9CA2CC;}
.stepTypeflow.largeTitle th{width:30%;background:#EBEEF9;text-align:left;font-weight:normal;border-right:solid 1px #9CA2CC;color: #000;vertical-align:top;}
.stepTypeflow.largeTitle td{width:70%;background:#FFF;padding-top:10px;}
.stepTypeflow input{margin-bottom:10px;}
/*ŽæˆøŒnˆÄ“à•¶*/
.transatt{background:#EBEEF9;text-align:center;font-size:1.0em;padding:10px;font-weight:bold;line-height:1.6;}
/*ƒTƒuƒ^ƒCƒgƒ‹Œn*/
.entryTitle{border-left: 3px solid #ff7200;padding-left: 7px;line-height: 17px;font-size: 1rem;margin: 5px 0;}
/*‰Û‹àŠ®—¹ƒŒƒCƒAƒEƒg*/
.mainYellowArea{background:#fffce1;text-align:center;margin-bottom:10px;padding:10px;font-size:14px;font-weight:bold;line-height:1.6;}
.sideBuleArea{float:left;width: 54%;margin:5px 5px 15px;background-color:#ebeef9;padding:10px;}
.sideTableArea{float:right;}
.sideTableArea .demoImage{text-align:center;border:solid 1px #FF0000;color:#FF0000;font-weight:bold;}
/*Facebookƒ�ƒOƒCƒ“ƒ{ƒ^ƒ“Šî–{style*/
#facebooklgin{
display: block;
border-radius: 5px;
font-weight: bold;
text-align: center;
text-decoration: none;
color: #FFF;
background:#3a5795;
}
#facebooklgin img{position:relative;margin-right: 10px;}
/*�o•itable*/
.exboxonly{
border: 1px solid #9CA2CC;
padding: 10px;
margin: 10px 0;
}
.exerrBox{
color: #FF0000;
font-weight: bold;
}
.extblBlock{
display:table;
border-top:1px solid #9CA2CC;
border-left:1px solid #9CA2CC;
border-right:1px solid #9CA2CC;
width:730px;
}
.extblBlock p{
display:table-cell;
padding:10px;
vertical-align: middle;
word-wrap: break-word;
}
.extblBlock .extblBlockatt{
background: #EBEEF9;
width:300px;
border-left:1px solid #9CA2CC;
}
.extblBlock .extblBlockttl{
width:85px;
}
.extblBlockbtm{
margin-bottom:10px;
border-bottom:1px solid #9CA2CC;
}
.acy_banner{
text-align: center;
margin-top: 10px;
margin-bottom: 10px;
}
/*ƒAƒCƒRƒ“*/
.shipfree_icon{
	background: url(/image/common/img02.png) no-repeat -89px -386px;
	width:58px;
	height:19px;
	display:inline-block;
	margin:0 3px;
	position: relative;
	top:5px;
}
.icon_dce{
	background: url(/image/common/img02.png) no-repeat -42px -386px;
	width: 47px;
	height: 19px;
	display:inline-block;
	margin:0 3px;
	position: relative;
	top:5px;
}
.alertBOX .prof_img {
	width: 20px;
	height: 20px;
	background-size: cover;
	-webkit-background-size: cover;
	background-position: center;
	display: inline-block;
	margin-right: -6px;
}