@charset "UTF-8";

/*--------------- 共通部分用 ---------------*/
body{
color: #191919;
margin:0;
padding: 18px 0;
font-family: arial, sans-serif;
background: url(/img/back.gif) repeat #ffffcc;
}

#container{
width:750px;
margin:auto;
}

img{
border: 0px;
}

a:link{
color: #3333cc;
}

a:visited{
color: #cc00cc;
}

a:active{
color: #ff6699;
}

h1{
margin: 12px 0 24px 0;
padding: 0px;
}

/*--------------- サイドバー用 ---------------*/
#header{
margin: 0px;
padding: 0px;
float:left;
width: 200px;
}

/*
#header #title{
background: #ff0099;
}
*/


#header #title{
margin: 0;
padding: 0;
text-align: center;
background: #ff6699;
}

#header #title a{
color: #ffffff;
text-decoration: none;
}

#header #vote_count{
margin:0px;
color: #ff6699;
font-weight: bold;
font-size: 90%;
text-align: center;
}

#header #vote_count #vote_count_number{
font-size: 250%;
}

#header #latest_vote{
margin: 12px 0 0 0;
border: solid 1px #cccccc;
background: #ffffff;
padding: 10px;
text-align: center;
}

#header #latest_vote h2{
color: #ff6699;
font-size: 145%;
margin: 0 0 7px 0;
}


#header #latest_vote #voted_status{
text-align: left;
margin: auto;
width: 120px;
}

#header #latest_vote #link_to_voted{
font-size: 90%;
margin: 12px 0 0 0;
padding: 16px 0;
background: #666666;
color: #ffffff;
line-height: 160%;
font-weight: bold;
}

#header #latest_vote #link_to_voted a{
color: #ffffff;
}


/*--------------- サイドバーランキング用 ---------------*/

#header #ranking_top{
margin: 12px 0 0 0;
border: solid 1px #cccccc;
background: #ffffff;
padding: 10px;
text-align: center;
}

#header #ranking_top h2{
color: #ff6699;
font-size: 145%;
margin: 0 0 7px 0;
}

#header #ranking_top #ranking_top_item{
}

#header #ranking_top .ranking_top_number{
float:left;
padding: 0 16px 2px 16px;
font-size:200%;
color: #ffffff;
background: #ff6699;
}

#header #ranking_top img{
margin: 0 0 4px 0;
}

#header #ranking_top #link_to_ranking{
font-size: 90%;
margin: 12px 0 0 0;
padding: 16px 0;
background: #666666;
color: #ffffff;
line-height: 160%;
font-weight: bold;
}

#header #ranking_top #link_to_ranking a{
color: #ffffff;
}

/*--------------- フッター用 ---------------*/
#footer {
border: solid #999999;
border-width: 1px 0 0 0;
font-size: 55%;
margin: 12px 0 0 0;
padding: 4px;
line-height: 160%;
text-align: left;
}

#footer a {
color: #191919;
}

/*--------------- コンテンツ部分用 ---------------*/
#content{
margin: 0;
padding: 12px 24px 18px 24px;
border: solid 1px #cccccc;
background: #ffffff;
width: 490px;
float:right;
}

/*--------------- /items/index/用 ---------------*/
#content #items #index{
text-align: center;
}

#content #items #index h1{
margin: 4px 0 12px 0;
}

#content #items #index h1 a#good, h1 a#bad {
border-top:3px double #ffffff;
border-left:3px double #f9f9f9;
border-right:3px double #eeeeee;
border-bottom:3px double #dddddd;
background: #fcfcfc;
text-decoration: none;
color: #3333cc;
}

#content #items #index #guide{
font-weight: bold;
color: #999999;
font-size:140%;
line-height: 100%;
}

#content #items #index h2{
font-size: 200%;
margin: 0;
}

#content #items #index #vote{
font-weight: bold;
}

/*--------------- /items/voted/用 ---------------*/

#content #items #voted h1{
color: #ff6699;
border: solid #ff6699;
background: #ffeff9;
border-width: 0 0 0 8px;
padding: 4px 2px 0px 8px;
font-size:220%;
}

#content #items #voted img{
float:left;
margin: 0 8px 24px 0;
}

/*--------------- /items/ranking/用 ---------------*/

#content #items #ranking h1{
color: #ff6699;
border: solid #ff6699;
background: #ffeff9;
border-width: 0 0 0 8px;
padding: 4px 2px 0px 8px;
font-size:220%;
}

#content #items #ranking img{
float:left;
margin: 0 8px 24px 0;
}

#content #items #ranking .ranking_number{
float:left;
margin: 0 8px 0 0 ;
padding: 0 16px 2px 16px;
font-size:200%;
color: #ffffff;
background: #ff6699;
}

#content #items #ranking h2{
font-size:110%;
margin:0;
padding:0;
display: inline;
}

/*--------------- /items/view/用 ---------------*/
#content #items #view h1{
font-size: 120%;
margin: 0 0 4px 0;
}

#content #items #view h2{
color: #999999;
font-size: 55%;
text-align: right;
margin:0;
font-weight: normal;
}

#content #items #view h3{
color: #ff6699;
font-size: 90%;
text-align: right;
margin:0 0 12px 0;
}

#content #items #view img{
float:left;
margin-right: 18px;
}

#content #items #view #rakuten_link{
margin-top: 24px;
}

/*--------------- pagination 用 ---------------*/

#content #pagination{
color: #cccccc;
margin-top: 24px;
padding: 6px;
}

#content #pagination a{
padding: 1px 4px;
color: #ff6699;
text-decoration : none;
border: solid 1px #ff6699;
}

#content #pagination .current{
padding: 1px 4px;
color: #ffffff;
background: #ff6699;
border: solid 1px #ff6699;
}

#content #pagination .prev{
padding: 1px 4px;
border: solid 1px #ff6699;
}

#content #pagination .next{
padding: 1px 4px;
border: solid 1px #ff6699;
}

#content #pagination a:hover {
background: #ff66ff;
border: solid 1px #ff66ff;
}