@charset "shift_JIS";
/*---------------------------------------------------------------------------------
matching
---------------------------------------------------------------------------------*/

/*
パンくず
---------------------------------------------------------------------------------*/
ul#topicPath li{
display: inline;
color: 666666;
font-size: 65%;
}

ul#topicPath li a{
margin: 0px 9px 0px 0px;
color: #666666;
}

div#wrapError ul{
	width: 800px;
	margin: 10px auto 0px auto;
	border: 1px solid #CC0000;
	background: #FFEEEE;
}

div#wrapError li{
	font-size: 75%;
	margin: 10px;
	color: #CC0000;
}

/*
その他部分
---------------------------------------------------------------------------------*/
div#RealVoice {
	text-align: center;
}

div#otherArea{
width: 800px;
margin: 15px 0px 0px 75px;
font-weight: bold;
color: #333333;
}

p.Lfloat{
float: left;
width: 240px;
margin: 12px 0px 0px 0px;
}

p.LfloatAns{
float: left;
font-size: 75%;
font-weight: normal;
margin: 12px 0px 0px 0px;
}

p.Rfloat{
float: right;
}

div#otherArea ul{
clear: both;
margin: 0;
}

div#otherArea li{
float: left;
font-size:75%;
height: 20px;
padding: 10px 0px 0px 60px;
width: 295px;
}

div#otherArea li#imgOk{
background: url(../images/matching/bg_ok.gif) no-repeat;
}

div#otherArea li#imgNg{
background: url(../images/matching/bg_ng.gif) no-repeat;
}

span{
color: #CC0000;
}

/*
注意文エリア
---------------------------------------------------------------------------------*/
div.redArea{
width: 800px;
margin: 15px auto 15px auto;
background-color: #FFEFEF;
border: 1px solid #CC0000;
font-size: 75%;
line-height: 1.5;
color: #000000;
}

div.redArea p{
margin: 10px;
}

.redBold{
color: #CC0000;
font-weight: bold;
margin: 18px;
font-size: 125%;
}

.redBold img {
vertical-align: middle;
}

/*
マッチングサービス
---------------------------------------------------------------------------------*/
div#wrapper h3#step{
width: 950px;
height: 120px;
background:url(../images/matching/title_step.jpg) no-repeat;
text-indent: -9999px;
margin: 3px 0px 15px 0px;
}
div#wrapper h3#error{
width: 950px;
height: 120px;
background:url(../images/matching/title_error.jpg) no-repeat;
text-indent: -9999px;
margin: 3px 0px 15px 0px;
}
div#wrapper h3#finish{
width: 950px;
height: 120px;
background:url(../images/matching/title_finish.jpg) no-repeat;
text-indent: -9999px;
margin: 3px 0px 15px 0px;
}

ul#stepList li{
float: left;
padding: 0px 0px 0px 75px;
}

ul#stepList li.arrow{
list-style-position:outside;
margin: 0px 0px 0px 30px;
padding: 0px 0px 0px 60px;
background: url(../images/matching/arrow.gif) no-repeat left center;
}



/*
ステップタイトルバー
---------------------------------------------------------------------------------*/
div#wrapper h4{
width:800px;
height: 20px;
text-indent: -9999px;
display: bolok;
margin: 15px 0px 0px 75px;
}

div#wrapper h4#step1{
background: url(../images/matching/bar_step01.jpg) no-repeat;
}

div#wrapper h4#step2{
background: url(../images/matching/bar_step02.jpg) no-repeat;
}

div#wrapper h4#step3{
background: url(../images/matching/bar_step03.jpg) no-repeat;
}

div#wrapper h4#finish{
background: url(../images/matching/bar_finish.jpg) no-repeat;
}

div#wrapper h4#answer{
background: url(../images/matching/bar_answer.jpg) no-repeat;
}

/*
ステップ中身
---------------------------------------------------------------------------------*/
div#wrapper .section{
width: 798px;
margin: 0px 0px 0px 75px;
}

div#wrapper table{
width: 780px;
margin: 10px 0px 5px 10px;
color: #333333;
}

div#wrapper th{
width: 220px;
font-weight: bold;
color: #99CC66;
font-size: 90%;
vertical-align: top;
text-align: left;
background: url(../images/matching/catch_match.gif) no-repeat left 8px;
padding: 8px 0px 8px 25px;
border-bottom: 1px dotted #999999;
}

div#wrapper td{
font-size: 75%;
border-bottom: 1px dotted #999999;
padding: 8px 0px 8px 0px;
line-height: 1.8;
width: 550px;
}

div#wrapper td.noBorder,div#wrapper th.noBorder{
border-bottom: none;
}

div#wrapper td ul#service{
width: 780px;
margin: 0px 0px 0px 5px;
}

div#wrapper td ul#looks{
width: 560px;
}

div#wrapper td ul#service li{
line-height: 1.8;
float: left;
width: 190px;
}

div#wrapper td ul#looks li,div#wrapper td ul#serviceAns li{
line-height: 1.8;
float: left;
width: 170px;
}

/*
フィニッシュ
---------------------------------------------------------------------------------*/
div#wrapper td.checkBox{
width: 20px;
padding: 0px 0px 0px 5px;
}

div#wrapper td.shopName{
width: 415px;
padding: 0px 0px 0px 50px;
}


div#wrapper td.rank1{
background-color: #FFFBD1;
}

div#wrapper td.rankA{
background: url(../images/matching/rank_a.gif) no-repeat 3px center;
}

div#wrapper td.rankB{
background: url(../images/matching/rank_b.gif) no-repeat 3px center;
}

div#wrapper td.rankC{
background: url(../images/matching/rank_c.gif) no-repeat 3px center;
}

div#wrapper td.rankD{
background: url(../images/matching/rank_d.gif) no-repeat 3px center;
}

div#wrapper td.rankE{
background: url(../images/matching/rank_e.gif) no-repeat 3px center;
}

div#wrapper td.rankF{
background: url(../images/matching/rank_f.gif) no-repeat 3px center;
}

div#wrapper td.rankG{
background: url(../images/matching/rank_g.gif) no-repeat 3px center;
}

div#wrapper td.rankH{
background: url(../images/matching/rank_h.gif) no-repeat 3px center;
}

div#wrapper td.rankI{
background: url(../images/matching/rank_i.gif) no-repeat 3px center;
}

div#wrapper td.rankJ{
background: url(../images/matching/rank_j.gif) no-repeat 3px center;
}

div#wrapper td.rankK{
background: url(../images/matching/rank_k.gif) no-repeat 3px center;
}

div#wrapper td.rankL{
background: url(../images/matching/rank_l.gif) no-repeat 3px center;
}

div#wrapper td.rankM{
background: url(../images/matching/rank_m.gif) no-repeat 3px center;
}

div#wrapper td.rankN{
background: url(../images/matching/rank_n.gif) no-repeat 3px center;
}

div#wrapper td.rankO{
background: url(../images/matching/rank_o.gif) no-repeat 3px center;
}

div#wrapper td.rankP{
background: url(../images/matching/rank_p.gif) no-repeat 3px center;
}

div#wrapper td.rankQ{
background: url(../images/matching/rank_q.gif) no-repeat 3px center;
}

div#wrapper td.rankR{
background: url(../images/matching/rank_r.gif) no-repeat 3px center;
}

div#wrapper td.rankS{
background: url(../images/matching/rank_s.gif) no-repeat 3px center;
}

div#wrapper td.rankT{
background: url(../images/matching/rank_t.gif) no-repeat 3px center;
}

div#wrapper td.rankU{
background: url(../images/matching/rank_u.gif) no-repeat 3px center;
}

div#wrapper td.rankV{
background: url(../images/matching/rank_v.gif) no-repeat 3px center;
}

div#wrapper td.rankW{
background: url(../images/matching/rank_w.gif) no-repeat 3px center;
}

div#wrapper td.rankX{
background: url(../images/matching/rank_x.gif) no-repeat 3px center;
}

div#wrapper td.rankY{
background: url(../images/matching/rank_y.gif) no-repeat 3px center;
}

div#wrapper td.rankZ{
background: url(../images/matching/rank_z.gif) no-repeat 3px center;
}

/* 背景色白 */

div#wrapper td.rankAwhite{
background: url(../images/matching/rank_a_white.gif) no-repeat 3px center;
}

div#wrapper td.rankBwhite{
background: url(../images/matching/rank_b_white.gif) no-repeat 3px center;
}

div#wrapper td.rankCwhite{
background: url(../images/matching/rank_c_white.gif) no-repeat 3px center;
}

div#wrapper td.rankDwhite{
background: url(../images/matching/rank_d.gif) no-repeat 3px center;
}


div#wrapper td.rankOther{
background: url(../images/matching/catch_shop.gif) no-repeat 12px center;
}

div#wrapper td.bgA {background-color: #FDCBE4;}
div#wrapper td.bgB {background-color: #FEE1E1;}
div#wrapper td.bgC {background-color: #FEEDDB;}
div#wrapper td.bgD {background-color: #FFFFFF;}

div#wrapper td.shopName a,div#wrapper td.shopName1 a,div#wrapper td.shopName2 a,div#wrapper td.shopName3 a, td.shopName4 a{
color:#3366CC;
}

div#wrapper td.shopType{
width: 160px;
}

div#wrapper td.shopArea{
width: 265px;
text-align: right;
padding: 0px 5px 0px 0px;
}

div#wrapper td.more{
width: 800px;
text-align: right;
}

div#wrapper td.more a{
color: #CC0000;
}

div#wrapper p#explain{
width: 800px;
margin: 20px 0px 20px 75px;
font-size: 75%;
}

div#wrapper p#btImg{
text-align: center;
margin: 15px 0px 20px 0px;
}

/*
マッチングOK　NG
---------------------------------------------------------------------------------*/
div.ok{
height:30px;
background: url(../images/matching/bg_ok.gif) no-repeat right;
background-color: #FFDDDD;
padding: 8px 0px 0px 7px;
}

div.ng{
height:30px;
background: url(../images/matching/bg_ng.gif) no-repeat right;
background-color: #EEEEEE;
padding: 8px 0px 0px 7px;
}

div#answerArea th{
width: 265px;
vertical-align: middle;
background: url(../images/matching/catch_match.gif) no-repeat left center;
}

div#answerArea td{
padding: 5px 0px 5px 0px;
}

div#answerArea td,div#answerArea td ul#looks ,div#answerArea td ul#serviceAns{
width: 515px;
}

div#wrapper td ul#looks li,div#wrapper td ul#serviceAns li{
width: 165px;
padding: 0px 0px 5px 0px;
}


div#answerArea td li.middleList{
margin: 0px 10px 0px 10px;
}

p.rightImg{
width: 800px;
margin: 15px auto 20px auto;
text-align: right;
}