@charset "utf-8";

/* reset */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{border:0;font-size:100%;font:inherit;vertical-align:baseline;margin:0;padding:0}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:none}table{border-collapse:collapse;border-spacing:0}
/* end reset */

html {height:100%;}
caption,th {text-align: left;}
img {vertical-align: top; font-size:0; line-height: 0; border: none;}
a img {border: solid 1px #fff; box-shadow: 0 2px 3px 1px #ccc;}
a:hover img {border: solid 1px #ff8800; box-shadow: 0 2px 3px 1px #ccc;}

hr {clear:both; border:0;}
.clear {clear:both;}


/* text align */
.txt-l {text-align:left;}
.txt-c {text-align:center;}
.txt-r {text-align:right;}

/* link */
a:link {text-decoration: none; outline: none; color: #036;}
a:visited {outline: none; color: #333;}
a:hover {text-decoration: underline; color: #3399d1}
a:active {text-decoration: none;}

/* clearfix for modern browsers */
.cf:before, .cf:after {content:""; display:block; overflow:hidden;}
.cf:after {clear:both;}
/* clearfix for IE 6/7  */
.cf {zoom:1;}

/* rollover */
a:hover.ro img {filter:alpha(opacity=85);-moz-opacity: 0.85;opacity: 0.85;}

/* font */
html {font-size: 62.5%; overflow-y: scroll;overflow-x: hidden;}
body {font-size: 12px; font-size: 1.2rem; line-height: 1.4}
li {list-style: none;}

body, textarea, input, select {font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", sans-serif;*font-size:small;*font:x-small; color: #444; background: #f8f8f8;}
table {font-size:inherit; font:100%;}
h1 {font-size: 14px; font-size:1.4rem; font-weight: bold; border-bottom: solid 1px #ddd; margin-bottom: 3px; background: url(../images/icon/icon_arrow.png) 0 -78px no-repeat; padding-left: 20px;}

small,.small {font-size: 0.8em;}
big,.big {font-size: 1.2em;}
.b {font-weight: bolder;}

.text10 {font-size: 10px; font-size:1rem;}
.text11 {font-size: 11px; font-size:1.1rem;}
.text12 {font-size: 12px; font-size:1.2rem;}


#review_wrap {width: 676px; margin: 0 auto; padding: 10px;}

/* float */
.left {float:left; padding: 5px 0 5px 20px; text-align: center}
.right {margin-left: 100px; padding: 10px 5px 5px 0;}

/* star */
.starreview {background: url(../images/icon/starreview.png) no-repeat; width: 65px;  height: 13px; text-indent: -9999em; margin: 3px auto 10px auto;}
.sr50 {background-position: left;}
.sr40 {background-position: -13px top;}
.sr30 {background-position: -26px top;}
.sr20 {background-position: -39px top;}
.sr10 {background-position: -52px top;}
.sr0 {background-position: -181px top;}

.sr45 {background-position: -117px top;}
.sr35 {background-position: -130px top;}
.sr25 {background-position: -143px top;}
.sr15 {background-position: -156px top;}
.sr5 {background-position: -169px top;}


dl {width: 550px;}
dt {padding-left: 12px;}
dt span {position:absolute;right:20px;}
.right dl dt a {color: #d11857; font-weight: bold;}
dd {background: url(../images/oth/fukidashi.png) repeat-y; display: block; padding: 10px 20px 0 30px;}
.right p {background: url(../images/oth/fukidashi.png) 0 bottom no-repeat; display: block; height: 10px;}
.goto_title {text-align: right; margin: 5px 15px; font-size: 11px; font-size:1.1rem;}