@charset "UTF-8";
/* CSS Document */
p.icon a{
background: url(/formen/images/common/ic_arr01.gif) no-repeat left top;
padding:1px 0 5px 20px;
color:#666;
text-decoration:underline;
}
p.icon a:hover{color:#666; text-decoration:none;}
p.ic_v01 a{
background: url(/formen/images/docchi/ic_vote01.gif) no-repeat left top;
padding:1px 0 5px 20px;
color:#fff;
text-decoration:underline;
}
p.ic_v01 a:hover{color:#fff; text-decoration:none;}
p.ic_v02 a{
background: url(/formen/images/docchi/ic_vote02.gif) no-repeat left top;
padding:1px 0 5px 20px;
color:#fff;
text-decoration:underline;
}
p.ic_v02 a:hover{color:#fff; text-decoration:none;}
p.ic_v03 a{
background: url(/formen/images/docchi/ic_vote03.gif) no-repeat left top;
padding:1px 0 5px 20px;
color:#fff;
text-decoration:underline;
}
p.ic_v03 a:hover{color:#fff; text-decoration:none;}
p.ic_v04 a{
background: url(/formen/images/docchi/ic_vote04.gif) no-repeat left top;
padding:1px 0 5px 20px;
color:#fff;
text-decoration:underline;
}
p.ic_v04 a:hover{color:#fff; text-decoration:none;}
.title_txt{
width:460px;
float:left;
}
.title_btn{
width:153px;
float:right;
}
.rank_box{
background: url(/formen/images/docchi/dot.gif) repeat-x left bottom;
margin-bottom:10px;
padding-bottom:10px;
height:100%;
clear:both;
}
.rank_box .td01{
width:52px;
float:left;
}
.rank_box .td02{
width:210px;
float:left;
}
.rank_box .td03{
width:288px;
float:left;
padding-top:15px;
}
.rank_box .td04{
width:140px;
float:left;
}

.vote01{
background: url(/formen/images/docchi/bg_vote01.gif) no-repeat left top;
width:689px;
height:254px;
clear:both;
padding-top:30px;
}
.vote01_main{
width:575px;
margin:0 0 0 45px;
padding-top:28px;
}
.vote01_main .left{
width:132px;
float:left;
text-align:center;
}
.vote01_main .vote{
width:280px;
float:left;
border:2px solid #fff;
height:22px;
background-color:#1f6d00;
margin:0 24px;
}
.vote01_main .vote td{background-color:#8fc31f;}
.vote01_main .right{
width:109px;
float:left;
text-align:center;
}

.vote02{
background: url(/formen/images/docchi/bg_vote02.gif) no-repeat left top;
width:689px;
height:254px;
clear:both;
padding-top:30px;
}
.vote02_main{
width:535px;
margin:0 0 0 72px;
padding-top:28px;
}
.vote02_main .left{
width:80px;
float:left;
text-align:center;
}
.vote02_main .vote{
width:280px;
float:left;
border:2px solid #fff;
height:22px;
background-color:#003f76;
margin:0 40px 0 50px;
}
.vote02_main .vote td{background-color:#0075a9;}
.vote02_main .right{
width:80px;
float:left;
text-align:center;
}

.vote03{
background: url(/formen/images/docchi/bg_vote03.gif) no-repeat left top;
width:689px;
height:254px;
clear:both;
padding-top:30px;
}
.vote03_main{
width:535px;
margin:0 0 0 72px;
padding-top:28px;
}
.vote03_main .left{
width:80px;
float:left;
text-align:center;
}
.vote03_main .vote{
width:280px;
float:left;
border:2px solid #fff;
height:22px;
background-color:#c8236c;
margin:0 40px 0 50px;
}
.vote03_main .vote td{background-color:#ea68a2;}
.vote03_main .right{
width:80px;
float:left;
text-align:center;
}

.vote04{
background: url(/formen/images/docchi/bg_vote04.gif) no-repeat left top;
width:689px;
height:254px;
clear:both;
padding-top:30px;
}
.vote04_main{
width:607px;
margin:0 0 0 41px;
padding-top:28px;
}
.vote04_main .left{
width:145px;
float:left;
text-align:center;
}
.vote04_main .vote{
width:280px;
float:left;
border:2px solid #fff;
height:22px;
background-color:#840000;
margin:0 17px;
}
.vote04_main .vote td{background-color:#c51500;}
.vote04_main .right{
width:144px;
float:left;
text-align:center;
}

.dot_top{padding-left:25px;}
.doc_main{margin-bottom:20px;}
.doc_main .box{position:relative;}
.doc_main .box .txt{
position:absolute;
left:25px;
top:0;
}
.doc_main .box .btn{
position:absolute;
left:293px;
top:312px;
}
.doc_main .box .btn01{
position:absolute;
left:276px;
top:90px;
}
.doc_main .box .btn02{
position:absolute;
left:386px;
top:90px;
}
.doc_menu{
width:692px;
margin:0 auto;
}
.doc_menu li{
list-style-type:none;
float:left;
margin-right:8px;
}
.doc_menu li.end{margin-right:0;}

.type01{
background: url(/formen/images/docchi/bg_vote01.gif) no-repeat left top;
width:689px;
height:80px;
padding-top:20px;
}
.type02{
background: url(/formen/images/docchi/bg_vote02.gif) no-repeat left top;
width:689px;
height:80px;
padding-top:20px;
}
.type03{
background: url(/formen/images/docchi/bg_vote03.gif) no-repeat left top;
width:689px;
height:80px;
padding-top:20px;
}
.type04{
background: url(/formen/images/docchi/bg_vote04.gif) no-repeat left top;
width:689px;
height:80px;
padding-top:20px;
}
.ty_left{
width:174px;
float:left;
text-align:right;
padding-top:15px;
}
.ty_center{
width:341px;
float:left;
text-align:center;
}
.ty_right{
width:174px;
float:left;
padding-top:15px;
}
.ty_box{
background:url(/formen/images/docchi/bg_type.jpg) #fff repeat-x left bottom;
border:1px solid #e5e5e5;
padding:10px 15px;
}
.ty_box .ltd{
width:315px;
float:left;
}
.ty_box .rtd{
width:315px;
float:right;
}
.ty_box .photo{
width:147px;
float:left;
}
.ty_box .text{
width:315px;
float:left;
color:#666;
line-height:16px;
}

.ty01_txt{width:689px; background:url(/formen/images/docchi/bg_ty01.gif) #fff repeat-y left top;}
.ty02_txt{width:689px; background:url(/formen/images/docchi/bg_ty02.gif) #fff repeat-y left top;}
.ty03_txt{width:689px; background:url(/formen/images/docchi/bg_ty03.gif) #fff repeat-y left top;}
.ty04_txt{width:689px; background:url(/formen/images/docchi/bg_ty04.gif) #fff repeat-y left top;}
.ty01_left{
width:314px;
float:left;
padding:15px;
color:#FFF;
font-weight:normal;
}
.ty01_right{
width:315px;
float:left;
padding:15px;
color:#FFF;
font-weight:normal;
}