@charset "UTF-8";
/* CSS Document */

/*format*/
html,body{width:100%}
body{font-size:12px;font-family:"MS PGothic","Osaka",Arial,sans-serif;line-height:1.6;color:#333;background:#fff;text-align:center;margin:0}
h1,h2,h3,h4,h5,h6,p,ul,ol,li,dl,dt,dd,form,input{margin:0;padding:0;font-size:100%;font-weight:normal}
li{list-style:none}
address,em{font-style:normal}
img{border:0}
a:link,a:active,a:hover,a:visited{text-decoration:none;color:#008aff;}
a:hover{text-decoration:underline}
.disp{font-size:0;line-height:0;height:0;display:block;text-indent:-9999px}
/*share class*/
.clear{clear:both}
.clearfix{display:inline-block}
.clearfix:after{content: ".";display:block;clear:both;height:0;visibility:hidden}
.fL{float:left}
.fR{float:right}
.cap,.cap a,.cap a:visited,.cap a:hover{color:#fff;text-align:left; font-weight:bold;}
.att{color:#FF0000;margin:0 2px;}

/*ftw main style*/
#main{
width:930px;
margin:0 auto;
}
.content{ margin-bottom:15px;}
.content .inner{
padding:10px;
text-align:left;
}

/*bar style*/
.bar-160,.bar-200,.bar-435,.bar-445,.bar-460,.bar-930{
width:435px;
height:30px;
text-align:left;
color:#FFFFFF;
line-height:2.3;
text-indent:30px;
background:url(http://image.excite.co.jp/jp/woman/ftw/bar_435.gif) no-repeat
}
.bar-160{width:160px;}
.bar-200{width:200px;}
.bar-160,.bar-200,.bar-435{
text-indent:15px;
color:#333333;
line-height:1.9;
}
.bar-445{
width:445px;
background:url(http://image.excite.co.jp/jp/woman/ftw/bar_445.gif) no-repeat;
text-indent:10px;
line-height:1.9;
}
.bar-460{
width:460px;
background:url(http://image.excite.co.jp/jp/woman/ftw/bar_460.gif) no-repeat
}
.bar-930{
width:930px;
background:url(http://image.excite.co.jp/jp/woman/ftw/bar_930.gif) no-repeat
}

/*button*/
.btn-start{ margin:10px auto;}
.btn-start,
.btn-start a{
width:307px;
height:46px;
background:url(http://image.excite.co.jp/jp/woman/ftw/btn_start.gif) no-repeat top;
}
.btn-start a:hover{background-position:bottom}

.btn-next a{
display:block;
width:207px;
height:47px;
margin:0 auto;
background:url(http://image.excite.co.jp/jp/woman/ftw/btn_next.gif) no-repeat top;
}
.btn-auction a,
.btn-auctionAdd a,
.btn-auctionResult a{
width:267px;
height:46px;
margin:0 auto;
background:url(http://image.excite.co.jp/jp/woman/ftw/btn_auction.gif) no-repeat top;
}

.btn-auctionAdd a{background:url(http://image.excite.co.jp/jp/woman/ftw/btn_auction_add.gif) no-repeat top;}
.btn-auctionResult a{background:url(http://image.excite.co.jp/jp/woman/ftw/btn_auction_result.gif) no-repeat top;}

.btn-auction a:hover,
.btn-auctionAdd a:hover,
.btn-auctionResult a:hover{background-position:bottom}



/*about*/
#about,
#auction{
width:460px;
float:left;
}

/*features,topics*/
#feature,
#topics {
width:460px;
float:right
}
#feature dt{
width:101px;
float:left;
clear:both;
}
#feature dd{
width:335px;
float:right
}
#topics li {
width:440px;
clear:both;
border-bottom:dotted 1px #ccc;
margin-bottom:10px;
padding-bottom:10px;
}
#topics li img {
margin-right:7px;
}

/*group*/
#top #groups .group,
#campaign #groups .group,
#setting #groups .group{width:445px; margin-bottom:15px;}
#top #groups .group img,
#campaign #groups .group img{
margin:4px 7px 0 0;
float:left;
}
#submit-page #groups .group{
width:206px;
float:left;
padding-right:10px;
border-right:solid 1px #ccc;
margin:0 10px 20px 0;
height:330px;
}
#submit-page #groups .group h3{height:40px;}
#submit-page #groups .last{border:none}
#submit-page .activity{height:170px;}
#submit-page #groups .select label{
display:block;
width:207px;
height:47px;
background:url(http://image.excite.co.jp/jp/woman/ftw/btn_select.gif) no-repeat top left;
}
#submit-page #groups .select input{margin:16px 0 0 75px;}
#submit-page #groups .select input{/margin:12px 0 0 75px;}

/*graph*/
#graph .inner{
width:926px;
height:366px;
background:url(http://image.excite.co.jp/jp/woman/ftw/bg_graph.jpg) no-repeat top;
position:relative;
}
#graph-bar #bar-01,#graph-bar #bar-02,#graph-bar #bar-03,#graph-bar #bar-04,#graph-bar #bar-05{
height:300px;
position:absolute;
bottom:3px;
}
#graph-bar #bar-01 { position:absolute; left:50px;}
#graph-bar #bar-02 { position:absolute; left:230px;}
#graph-bar #bar-03 { position:absolute; left:410px;}
#graph-bar #bar-04 { position:absolute; left:585px;}
#graph-bar #bar-05 { position:absolute; left:760px;}
#graph-bar .bar {
display: block;
width:88px;
background:url(http://image.excite.co.jp/jp/woman/ftw/bg_graphbar.gif) no-repeat top;
position:absolute;
bottom:0;
}
#graph-bar em{
display:block;
width:85px;
height:39px;
text-align:center;
font-size:150%;
background:url(http://image.excite.co.jp/jp/woman/ftw/bg_graph_em.gif) no-repeat center;
font-weight:bold;
position:relative;
top:-45px;
}
#graph-page #groups .group{
width:900px;
border-bottom:solid 1px #ccc;
margin-bottom:15px;
padding-bottom:15px;
}
#graph-page #groups .group .group-point{
display:block;
width:80px;
height:60px;
float:left;
border:solid 1px #ccc;
background:#fff5fd;
line-height:60px;
text-align:center;
font-weight:bold;
font-size:150%;
}
#graph-page #groups .group .group-head{
width:810px;
float:right;
}
#graph-page #groups h3{
font-weight:bold;
}
#graph-page #groups .fL{ margin-right:5px;}
#graph-page #groups .last{border:none}
#graph-page .activity{}
#graph-page .result-link,
#result-page .result-link{
text-align:right;
line-height:3}

.url{
width:230px;
margin-top:10px;
float:right;
}
.activity{ margin:5px 0;}
.feed{ margin:5px 0;}
.feed li{
padding-left:10px;
background:url(http://image.excite.co.jp/jp/woman/ftw/li_marker_01.gif) no-repeat top left;
line-height:1.4;
margin-bottom:4px;
}
.feed .last{ border:none}
#setting #groups .capture{ float:right}
#setting #groups ul{
width:195px;
float:left;
display:inline;
margin-left:20px;
}
#setting #groups li{
list-style:disc;
margin-bottom:10px;
}

/*setting*/
#setting .ff-link{
display:block;
padding:5px;
border:solid 1px #ccc;
background:#f7f7f7;
text-decoration:underline;
text-align:center;
font-size:120%;
font-weight:bold;
margin-bottom:5px;
}

/*faq*/
#faq dt,
#faq dd{
padding-left:30px;
background:url(http://image.excite.co.jp/jp/woman/ftw/icon_q.gif) no-repeat top left;
}
#faq dt{
height:24px;
margin-bottom:5px;
font-weight:bold;
}
#faq dd{
background:url(http://image.excite.co.jp/jp/woman/ftw/icon_a.gif) no-repeat top left;
border-bottom:dotted 1px #666;
padding-bottom:10px;
margin-bottom:10px
}
#faq .last{ border:none}

/*form*/
#form-page dl{
border:solid 1px #ccc;
border-bottom:none;
}
#form-page dt,
#form-page dd{
height:25px;
padding:7px 5px;
border-bottom:solid 1px #ccc;
margin-bottom:1px;
}

#form-page dt{
width:288px;
float:left;
background:#fbdee7;
clear:both;
}
#form-page dd{
width:600px;
float:right;
}
#next{
margin:10px auto;
width:207px;
}
#total-point{
padding:5px;
border:solid 1px #ccc;
background:#fff5fd;
margin:10px 20px;
}
#total-point p{
font-size:150%;
}
#total-point p span{
font-size:250%;
}
#total-point img {vertical-align:baseline}

/*result-page*/
#result-page .txt01{ font-size:120%; font-weight:bold;}
#result-page .point{
display:block;
padding:5px;
border:solid 1px #ccc;
background:#fff5fd;
font-size:150%;
font-weight:bold;
text-align:center;
}
#result-page #groups .group{
width:206px;
float:left;
padding-right:10px;
border-right:solid 1px #ccc;
margin:0 10px 20px 0;
height:310px;
}

/*hitokoto interview*/
#interview-page .read{
width:900px;
margin-bottom:10px;
}
#interview-page .read-txt{
text-align:left;
margin-bottom:10px;
}
#interview-page .release-info{}
#interview-page #flashcontent{
width:320px;
padding:10px;
float:left;
}
#interview-page .interview-txt{
text-align:left;
}
#interview-page .interview-txt img{
margin:0 10px 10px;
}

/*hitokoto auction*/
#auction-page{}