@charset "Shift_JIS";
/* -----------------------------------------------------------
all
----------------------------------------------------------- */
#contentWrapper {
background : none !important;
}
#guideHeading , #guideHeading2 {
background: url(../images/guide/guideTitleBG.jpg) repeat-x left bottom;
}
#guideHeading #topImg {
padding-bottom: 10px;
height: 120px;
}
#guideHeading2  #topImg2 {
height: 120px;
margin-bottom: 0px;
vertical-align: bottom;
}
#guideHeading h3 {
padding-left: 1.5em;
width: 722px;
margin-top: 0px;
padding-bottom: 1em;
}
#guideHeading2 h3 {
width: 722px;
margin-top: 0px;
padding-bottom: 1em;
}
#guideContent {
background: #F0F0F0 url(../images/guide/guideContentBottom.jpg) no-repeat left bottom;
padding: 10px 0px;
float: left;
width: 950px;
}
.pLeft  {
width: 460px;
float: left;
}
.pRight {
float: right;
width: 460px;
}
.indexContent {
width: 950px;
float: left;
margin-bottom: 1em;
}
.indexContent h4 {
font-size: 1.2em;
font-weight: bold;
border-bottom: 4px solid #999;
}
.indexContent ul {
float: left;
width: 310px;
margin-right: 6px;
margin-top: 5px;
}
.indexContent li {
background: url(../images/guide/listCircle.gif) no-repeat left 0.4em;
display: block;
padding-left: 20px;
padding-top: 0.3em;
padding-bottom: 0.3em;
}

/* -----------------------------------------------------------
guide/order.html STEP1
----------------------------------------------------------- */
#stepTopWrapper {
padding: 6px 0px;
margin-bottom: 2em;
float: left;
width: 950px;
}
#stepTopWrapper img { display: inline; 
}

#stepList {
width: 950px;
}
#step1List, #step3List   {
width: 231px;
float: left;
}
#step4List {
float: left;
width: 180px;
}

#step2List {
width: 301px;
float: left;
}



.stepHeading {
margin-bottom: 10px;
clear: left;
width: 950px;
}

.step1Wrapper {
float: left;
width: 950px;
}
#step1WrapperLast {
float: left;
width: 950px;
margin-bottom: 3em;

}
.step1text {
float: left;
width: 410px;
padding-left: 10px;
line-height: 1.7em;
}
.step1text span {
}
.step1text ol {
list-style: decimal inside;
margin-left: 10px;
}
.step1img {
float: right;
width: 530px;
text-align: right;
}
.step1img img {
margin-bottom: 2em;
background: #333333;
padding: 1px;
}
.pra1 {
background: url(../images/guide/list1.gif) no-repeat left top;
text-indent: 24px;
}
.pra2 {
background: url(../images/guide/list2.gif) no-repeat left top;
text-indent: 24px;
}
.pra3 {
background: url(../images/guide/list3.gif) no-repeat left top;
text-indent: 24px;
}
.pra4 {
background: url(../images/guide/list4.gif) no-repeat left top;
text-indent: 24px;
}
.praex {
min-height: 24px;
padding-left: 14px;
font-weight: bold;
float: left;
width: 940px;
display: inline;
margin-left: 4px;
}
.ordernote {
padding: 5px 5px 0px;
width: 390px;
background: #F0F0F0;
margin-bottom: 1em;
}
.ordernote   li {
background: url(../images/guide/arrow.png) no-repeat left 0.6em;
padding-left: 12px;
padding-bottom: 10px;
}
#nextstep {
width: 180px;
float: right;
}
#guideindex {
width: 278px;
float: right;
}
#telorder {
margin-right: auto;
margin-left: auto;
clear: left;
padding-bottom: 10px;
}

/* -----------------------------------------------------------
guide/procedure.html STEP2
guide/handover.html STEP3
guide/return.html STEP4
----------------------------------------------------------- */
.stepWrapper {
float: left;
width: 950px;
background: #FFFFFF url(../images/guide/stepWrapperBG.gif) repeat-y right top;
}
.steptext {
width: 650px;
padding-left: 10px;
float: left;
margin-bottom: 2em;
}
.steptext p {
width: 630px;
padding-right: 10px;
padding-left: 10px;
margin-bottom: 1em;
}
.stepWrapper #cancel { margin-top: 5em; 
}
.stepWrapper  ul   {
margin-left: 18px;
}

.stepnote {
width: 260px;
float: right;
background: #F0F0F0;
margin-left: 15px;
padding: 5px;
}
.stepnote dl {
margin-bottom: 2em;
}
.stepnote dt {
border-top: 3px solid #000000;
padding-left: 5px;
font-weight: bold;
color: #333333;
margin: 1px;

}
.stepnote dd {
margin-left: 10px;
margin-bottom: 10px;
}
.stepnote ul {
margin-left: 0px;
}

.stepnote li {
margin-bottom: 5px;
}

.handoverBG {
background: url(../images/guide/handoverapeko.gif) no-repeat right bottom;
}
.handoverBG p {
width: 450px;
}
.returnBG {

}
.shopReturn {
width: 320px;
float: left;
}
#oogata{
width: 320px;
clear: both;
padding-top: 20px;
}
#oogata p{
width: 300px;
padding-right: 0px;
}
.delivaryReturn {
float: left;
width: 330px;
}
.shopReturn p, .delivaryReturn p{
width: 300px;
}
.steptext2 {
width: 650px;
padding-left: 10px;
float: left;
margin-bottom: 2em;
}
.steptext2 ul {
margin-bottom: 10px;
list-style: disc inside;
}
.personal , .corporate {
width: 580px;
padding: 10px 10px 10px 20px;
float: left;
border-right: 3px solid #CCC;
border-bottom: 3px solid #CCC;
border-left: 3px solid #CCC;

margin-bottom: 10px;
background: #F0F0F0;
}
*  html  .personal, * html .corporate {
margin-top: 0px;
}
.steptext2 h6 {
float: left;
width: 650px;
}
.steptext2 h6 img{ vertical-align: bottom; 
}
.track {
font-weight: bold;
font-size: 1.4em;
}
.p_1  {
font-weight: bold;
font-size: 1.1em;
width: 560px;
border-bottom: 3px solid #CCC;
color: #333;
}
#guideBottom { margin-bottom: 250px; }

.pro {
font-size: 1.2em;
padding-right: 120px;
padding-left: 120px;
font-weight: bold;
padding-bottom: 10px;
padding-top: 20px;
}
.caution_guide {
width: 566px;
padding: 10px 20px;
border: 5px solid #CCC;
margin-top: 10px;
margin-bottom: 10px;
background: #F0F0F0;
}
table.procedure td{
	padding: 0px 5px;
	text-align: center;
}