/* CSS Document */

body{
font-size:62.5%;
color:#333333;
font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
margin:0px auto;
background-color:#ffffff;
background-position: top;
text-align:center;
}

/**--リンク---------------------------------------------------------**/

a:link {
color:#004E91;
text-decoration:underline;
}
a:visited {
color:#004E91;
text-decoration:underline;
}
a:hover {
color:#FF3333;
text-decoration:underline;
}
a:active {
color:#FF3333;
text-decoration:underline;
} 

/* 顔倍澄2・*/

p{
margin:0px;
padding:0px;
}

img{
border:0px;
margin:0px;
padding:0px;
font-size:0;
line-hight:0;
}

ul,li{
padding:0px;
margin:0px;
list-style:none;
}

.c-both { clear:both; }

/* ページ */

#outline{
width:810px;
text-align:left;
margin:0px auto;
padding:0px;
background-color:#FFFFFF;
}

/* ヘッダー */

#header{
margin:0px;
padding:0px;
width:810px;
height:103px;
text-align:left;
background-image:url(../img/header.gif);
background-repeat:no-repeat;
}

#header_rogo{
padding:13px 0px 0px 30px;
float:left;
}


#header_rightbox{
width:350px;
height:42px;
padding:8px 20px 0px 0px;
float:right;
}


#header_rightbox h1{
margin:0px;
padding:0px;
font-size:1.2em;
color:#0053A6;
line-height:120%;
}

#header_rightbox h1 a,
#header_rightbox h1 a:visited,
#header_rightbox h1 a:hover,
#header_rightbox h1 a:active {
	color: #0053A6;
	text-decoration:none;
}


#header_rightbox2{
width:360px;
padding:18px 7px 0px 0px;
float:right;
}

/* コンテンツ */

#contents{
margin:0px;
padding:0px;
width:810px;
background-image:url(../img/bg.gif);
float:left;
}

/* 豪＝ニュー */
#left{
margin:0px;
padding:0px;
width:275px;
float:left;
}

#menu{
width:235px;
margin:0px 0px 0px 0px;
padding:0px 20px 0px 20px;
float:left;
}

#menu h2{
margin:20px 0px 0px 0px;
padding:0px;
}


/* メニューボックス */

.ul_menu{
padding:0px;
margin:0px;
list-style:none;
}

.li_menu1{
width:203px;
padding:10px 0px 10px 30px;
margin:0px 0px 2px 0px;
list-style:none;
font-size:1.3em;
border: solid 1px #CCCCCC;
background-image:url(../img/menu1_ic.gif);
background-repeat:no-repeat;
}

.li_menu2{
width:203px;
padding:10px 0px 10px 30px;
margin:0px 0px 2px 0px;
list-style:none;
font-size:1.3em;
border: solid 1px #CCCCCC;
background-image:url(../img/menu2_ic.gif);
background-repeat:no-repeat;
}

.li_menu3{
width:203px;
padding:10px 0px 10px 30px;
margin:0px 0px 2px 0px;
list-style:none;
font-size:1.3em;
border: solid 1px #CCCCCC;
background-image:url(../img/menu3_ic.gif);
background-repeat:no-repeat;
}

.li_menu4{
width:203px;
padding:10px 0px 10px 30px;
margin:0px 0px 2px 0px;
list-style:none;
font-size:1.3em;
border: solid 1px #CCCCCC;
background-image:url(../img/menu4_ic.gif);
background-repeat:no-repeat;
}

.li_menu5{
width:203px;
padding:10px 0px 10px 30px;
margin:0px 0px 2px 0px;
list-style:none;
font-size:1.3em;
border: solid 1px #CCCCCC;
background-image:url(../img/menu5_ic.gif);
background-repeat:no-repeat;
}

/* 右エリア */

#right{
margin:0px;
padding:0px;
width:535px;
float:right;
}

#main{
width:515px;
margin:20px 0px 0px 0px;
padding:0px 20px 0px 0px;
float:right;
}

#main h2{
margin:0px;
padding:0px;
}

.mainbox{
width:473px;
margin:20px 0px 20px 0px;
padding:15px 20px 15px 20px;
border: solid 1px #CCCCCC;
font-size:1.4em;
line-height:140%;
}

.topmainbox{
width:473px;
margin:5px 0px 20px 0px;
padding:15px 20px 15px 20px;
border: solid 1px #CCCCCC;
font-size:1.4em;
line-height:140%;
}

.mainbox_topic{
width:473px;
margin:0px;
}

.mainbox_topic_image1{
width:120px;
float:left;
text-align:center;
}
.mainbox_topic_text1{
width:315px;
float:right;
}

.mainbox_topic_text2{
width:315px;
float:left;
padding-top:10px;
}

.mainbox_topic_image2{
width:120px;
float:right;
}


.mainbox2{
width:473px;
margin:0px 0px 5px 0px;
padding:10px 20px 10px 20px;
border-left:1px #CCCCCC solid;
border-right:1px #CCCCCC solid;
border-bottom:1px #CCCCCC solid;
font-size:1.4em;
line-height:140%;
}

.mainbox2_rank{
width:473px;
margin:0px 0px 10px 0px;
}

.mainbox2_rank_image{
width:120px;
float:left;
}

.mainbox2_rank_text{
width:325px;
margin-left:15px;
float:right;
}

.mainbox2_rank_text2{
width:385px;
margin-left:15px;
text-align:left;
}


.midashi_rank1{
width:375px;
height:35px;
margin-top:10px 10px 0px 10px;
padding:18px 0px 0px 140px;
font-size:1.6em;
background-image:url(../img/no1_bn.gif);
background-repeat:no-repeat;
font-weight:bold;
text-align:left;
color:#FFFFFF;
}

.midashi_rank2{
width:375px;
height:34px;
margin-top:10px 10px 0px 10px;
padding:20px 0px 0px 140px;
font-size:1.6em;
background-image:url(../img/no2_bn.gif);
background-repeat:no-repeat;
font-weight:bold;
text-align:left;
color:#FFFFFF;
}

.midashi_rank3{
width:375px;
height:34px;
margin-top:10px 10px 0px 10px;
padding:19px 0px 0px 140px;
font-size:1.6em;
background-image:url(../img/no3_bn.gif);
background-repeat:no-repeat;
font-weight:bold;
text-align:left;
color:#FFFFFF;
}

.midashi_rank4{
width:375px;
height:34px;
margin-top:10px 10px 0px 10px;
padding:19px 0px 0px 140px;
font-size:1.6em;
background-image:url(../img/no4_bn.jpg);
background-repeat:no-repeat;
font-weight:bold;
text-align:left;
color:#FFFFFF;
}

.textbox{
width:450px;
margin:10px 0px 10px 0px;
padding:0px 20px 0px 20px;
font-size:1.4em;
line-height:140%;
}

.data{
width:470px;
margin-top:10px;
margin-bottom:10px;
border-top:1px #CCCCCC solid;
border-left:1px #CCCCCC solid;
}

.data_td1{
width:120px;
padding:8px;
border-bottom:1px #CCCCCC solid;
border-right:1px #CCCCCC solid;
}

.data_td2{
width:310px;
padding:8px;
border-bottom:1px #CCCCCC solid;
border-right:1px #CCCCCC solid;
}


/* フッター */

#footer{
width:810px;
height:44px;
background-image:url(../img/footer.gif);
background-repeat:no-repeat;
}

#footer_text{
width:780px;
padding:10px 20px 10px 10px;
font-size:1.2em;
text-align:right;
color:#FFFFFF;
}

#footer_text a,
#footer_text a:visited,
#footer_text a:hover,
#footer_text a:active {
	color: #ffffff;
	text-decoration:none;
}