@charset "utf-8";

/*
========================================

For Info
	・H1
	・Column
	・ArticleResults
	・ProductsResults
	
========================================
*/

@import url(../../common/css/common.css);

#mainArea.noColumn{
padding:0 16px 0 0;
width:968px;
float:none;
}

#mainArea.noColumn #main{
width:968px;
}

/* Title
========================================*/

#main .step h2,
#main .flow h2{
margin:0;
padding:0;
background:none;
border:none;
}

#main .step h2{
margin:0 0 13px 0;
}

#main h3{
margin:0 0 15px 0;
padding:0;
background:none;
}

#main .catch{
margin:0 0 18px 0;
}

/* Flow
========================================*/
.flow{
margin:0 0 10px 0;
width:484px;
font-size:0;
line-height:0;
float:left;
}

.step{
margin:0 0 15px 0;
width:966px;
background:transparent url(../images/info_box_bg.gif) left top repeat-y;
clear:both;
}

.step .inner{
padding:0 31px 58px 43px;
width:892px;
background:transparent url(../images/info_box_bottom.gif) left bottom no-repeat;
}

.step .inner .columnL{
width:425px;
float:left;
}

.step .inner .columnR{
width:410px;
float:right;
}

.step .section{
margin:0 0 13px 0 0;
}

.step .columnL .section{
width:425px;
}

.step .columnR .section{
width:410px;
}

.step .columnL .section .image{
float:right;
}

.step .columnR .section .image{
float:right;
}

.step .columnR h3{
margin:0;
}

.step .columnR dd{
margin:0 0 3px 0;
}

.step .columnR li{
padding:6px 0 6px 18px;
background:transparent url(../../common/images/ico/icon01.gif) -3px -2202px no-repeat;
}

.step .columnR dd p{
margin:0 0 5px 0;
width:260px;
text-align:right;
}

.step .columnR dd p a{
padding:0 0 0 13px;
background:transparent url(../../common/images/ico/icon01.gif) -5px -1349px no-repeat;
}

.stepFooter{
padding:34px 0 0 0;
width:878px;
background:transparent url(../../common/images/line/line_dotted.gif) 0 7px repeat-x;
clear:both;
}

.notetexts{
margin:0 0 15px 0;
font-size:85%;
}

.notetexts li{
margin:0 0 5px 0;
}

.shopData{
margin:0 0 15px 0;
font-size:116%;
}


/* List(Info)
========================================*/
.infoList{
margin:0 0 30px 0;
padding:0 0 26px 2px;
background:transparent url(../../common/images/line/line_dashed.gif) left bottom repeat-x;
}

.infoList dt{
margin:0 0 15px 0;
padding:0 0 0 6px;
border-left:6px solid #cbd2d8;
}

.infoList dt span.title{
margin:0 0 5px 0;
display:block;
font-size:116%;
font-weight:bold;
}

.infoList dt span.date{
color:#666;
}

.infoList dd{
line-height:1.5;
}

/* Inquiry
========================================*/
.inquiry{
margin:0 0 15px 0;
padding:14px 55px 14px 14px;
width:395px;
border:1px solid #d5e3ee;
background:#fbfcff;
float:right;
}

#main .inquiry h2{
margin:0 0 7px 0;
padding:0;
border-left:none;
background:none;
font-size:116%;
}

#main .inquiry h3{
margin:0 0 14px 0;
background:none;
font-weight:normal;
}

.inquiry p,
.inquiry address{
margin:0 0 15px 0;
}

.inquiry dl dl{
margin:0;
}

.inquiry address{
font-style:normal;
}

.inquiry dt{
font-weight:bold;
}

.inquiry dd dt{
font-weight:normal;
}

address.tel{
width:235px;
font-weight:normal;
font-style:normal;
float:left;
}

address.mail{
width:147px;
float:right;
}

.serviceIntro{
width:500px;
float:left;
}

.serviceIntro h3{
background:none;
}

.serviceIntro ul{
}

.serviceIntro li{
margin:0 0 6px 0;
padding:0 0 0 9px;
background:transparent url(../../common/images/ico/icon01.gif) -6px -1491px no-repeat;
}