@charset "Shift_JIS";

/****** 基本設定 ******/
body{
font-size:12px;
color:#333333;
font-family: "ＭＳ Ｐゴシック",sans-serif;
line-height:20px;
letter-spacing:2px;
margin:10px 0 0 0;
}

*{
padding:0;
margin:0;
}

a{
color:#523f0c;
text-decoration:none;
}

a:hover{
color:#ff4500;
text-decoration:underline;
}

.center{
text-align:center;
}

.right {
float:right;
}

/* イメージ枠なし */
img{border:0px;}

/* 強調しない */
strong,em{
font-style:normal;
font-weight:normal;
}

/* 赤文字 */
.red{
color:#cf0008;
}

.navy{
color:navy;
}

.brown{
color:#4f3016;
}

/* H1 */

.disc {
margin:0;
width:800px;
height:20px;
}

.disc h1{
margin:0;
padding:0;
width:500px;
height:20px;
font-size:12px;
font-weight:normal;
text-align:left;
float:left;
}

.disc p {
float:right;
width:auto;
font-size:10px;
}

h1 .red {
color:#cf0008;
font-size:14px;
}

/* H2 */

h2{
width:600px;
height:40px;
font-size:16px;
font-weight:bold;
text-align:center;
background-image:url(./img/title/h4.gif);
background-repeat:no-repeat;
line-height:40px;
color:#000000;
letter-spacing:0px;
}

h2 .red {
color:#cf0008;
font-size:18px;
}

.rose h3 {
width:600px;
height:30px;
font-size:14px;
font-weight:bold;
text-indent:82px;
background-image:url(./img/title/h3.gif);
background-repeat:no-repeat;
line-height:30px;
color:#4f3016;
letter-spacing:0px;
}

.rose_ranking h3 {
width:600px;
height:30px;
font-size:14px;
font-weight:bold;
text-indent:13px;
background-image:url(./img/title/h3.gif);
background-repeat:no-repeat;
line-height:30px;
color:#4f3016;
letter-spacing:0px;
}

.rose_question h3{
width:600px;
height:30px;
font-size:14px;
font-weight:bold;
background-image:url(./img/title/h3.gif);
background-repeat:no-repeat;
line-height:30px;
color:#4f3016;
letter-spacing:0px;
text-align:center;
}




.m10{
margin-bottom:10px;
}

.m20{
margin-bottom:20px;
}

.font10{
font-size:10px;
}

.font11{
font-size:11px;
}

.font12{
font-size:12px;
}

.font14{
font-size:14px;
}

.b {
font-weight:bold;
}

.bg0{
background-color:#ffffff;
margin:10px 0 10px 20px;
}

.bg1{
background-color:#fffcba;
margin:10px 0 10px 20px;
}

.clear {
clear:both;
}

#base{
width:800px;
height:auto;
text-align:left;
margin:0 auto;
padding:0;
text-align:center;
}

#head{
width:800px;
height:220px;
background-image:url(./img/head.jpg);
background-repeat:no-repeat;
text-align:left;
}

#head .box{
width:800px;
height:80px;
}

#head .box p{
padding:130px 0 0 330px;
line-height:17px;
}

#head .box .rr {
margin:0;
padding-right:20px;
color:#cf0008;
font-size:16px;
font-weight:bold;
float:right;
}

#head .box .rl {
margin:0;
padding-right:20px;
float:right;
}

#head .box .rl a {
color:#0000FF;
}

#pan{
width:800px;
height:30px;
text-align:left;
}

#pan p{
padding:5px;
}

#content{
width:800px;
height:auto;
overflow:hidden;
text-align:left;
}

#content:after{
content:"";
display:block;
clear:both;
}

#left_column{
float:left;
width:200px;
height:auto;
}

#right_column{
float:right;
width:600px;
height:auto;
}

.inside{
padding:10px;
}


#footer_disc{
font-size:11px;
width:800px;
height:auto;
letter-spacing:0px;
text-align:left;
}

#footer{
width:800px;
height:30px;
text-align:left;
}

#footer p{
margin:5px;
}

#footer a{
text-decoration:none;
color:#333333;
}

#left_column ul{
margin:0 0 10px 0;
}

#left_column li{
list-style-type:none;
}

#left_column .menu{
width:200px;
height:30px;
margin:5px 0;
overflow:hidden;
letter-spacing:1px;
}

.menu a{
display:block;
width:200px;
height:30px;
background-image:url(./img/menu/outline.gif);
background-repeat:no-repeat;
background-position:left center;
line-height:30px;
text-indent:10px;
text-decoration:none;
}

.menu a:hover{
display:block;
width:200px;
height:30px;
background-image:url(./img/menu/outline.gif);
background-repeat:no-repeat;
background-position:right center;
line-height:30px;
text-indent:10px;
text-decoration:none;
}

.linker{
padding:5px 0 0 5px;
}

.menu_comp{
font-size:11px;
letter-spacing:0px;
padding:5px;
}

.frame{
border:1px solid #000000;
padding:5px;
}

.img_left{
float:left;
}

.img_right{
float:right;
}

.bg0:after{
content:"";
display:block;
clear:both;
}

#ranking_base{
margin:10px 0 10px 80px;
text-align:center;
width:400px;
height:auto;
}

#ranking_base tr{
width:100%;
height:25px;
}

#ranking_base td{
width:60%;
height:25px;
text-align:left;
}

#ranking_base td.left{
width:40%;
height:25px;
text-align:center;
}

.question_base{
text-align:left;
}

.question_base tr{
margin:30px 0;
}

.question_base .q{
padding:5px 0;
width:30px;
}
.question_base .ans{
width:500px;
padding:5px 0;
}

/****** under_link ******/

#under_link {
margin-top:20px;
padding:0;
width:560px;
height:150px;
clear:both;
}

#under_link a {
margin:0;
padding:0;
width:180px;
height:40px;
display:inline;
overflow:hidden;
}

#under_link ul {
margin:0;
padding:0;
list-style-type:none;
}

#under_link li {
margin:0;
padding:0 5px 5px 0;
width:180px;
height:40px;
display:inline;
}

#under_link img {
margin:0;
padding:0 0 5px 0;
border:0;
vertical-align:bottom;
overflow:hidden;
}

#under_link p {
margin-top:5px;
text-align:center;
}


/****** under_link2 ******/


#under_link2 {
margin-top:20px;
padding:0;
width:550px;
height:200px;
clear:both;
}

#under_link2 h3 {
width:520px;
height:40px;
margin-left:15px;
font-size:16px;
font-weight:bold;
text-align:center;
background-image:url(./img/title/05.gif);
background-repeat:no-repeat;
line-height:40px;
color:navy;
letter-spacing:5px;
}

#under_link2 a {
margin:0;
padding:0;
width:200px;
height:40px;
display:inline;
}

#under_link2 ul {
margin-top:10px;
padding:0 0 0 30px;
list-style-type:none;
}

#under_link2 li {
margin-right:40px;
padding:0;
width:200px;
height:40px;
display:inline;
}

#under_link2 img {
margin:0;
padding:0;
border:0;
}

#under_link2 p {
margin-top:5px;
text-align:center;
}

#bg01 {
margin:0;
padding:0;
width:560px;
height:auto;
clear:both;
background-image:url("./img/back/01.gif");
background-position:bottom right;
background-repeat:no-repeat;
}

.qr {
font-size:12px;
font-weight:bold;
letter-spacing:0px;
}