@charset "Shift_JIS";

/* 要素リセット */
body
{
    margin: 0;
    padding: 0;
    text-align: center;
    font-size: 75%;
    font-family: 'メイリオ' ,Meiryo, 'ヒラギノ角ゴ Pro W3' , 'Hiragino Kaku Gothic Pro' , 'ＭＳ Ｐゴシック' , 'Osaka' ,sans-serif;
    color: #666666; /* 標準文字色 */
    background-position: top center;
    background-repeat: repeat-y;
    list-style-type: none;
}
/* Safari用ハック 文字サイズ調整 */
/*\*/
html:\66irst-child body
{
    font-size: 70%;
}
/* end */

.clear
{
	clear:both;
}

.clear hr
{
	display:none
}

a:hover img{
filter: alpha(opacity=50);
-ms-filter: alpha(opacity=50);
 opacity: 0.5;
}


/*--------------------------------------------------------
  レイアウト設定
--------------------------------------------------------*/
/* ラッパー */
#wrapper
{
    width: 950px;
    margin-top: -1px;
    margin-right: auto;
    margin-bottom: 0;
    margin-left: auto;
    position: relative;
}

/* ヘッダー */
#header
{
    width: 950px;
    height: 70px;
    margin-top: -1;
    margin-right: auto;
    margin-bottom: 10px;
    margin-left: 0;
    background-color: #ffffff;
    border-bottom-width: 3px;
    border-bottom-style: solid;
    border-bottom-color: #0099ff;
}

/* ヘッダーナビゲーション */
#header-navi
{
    width: 300px;
    height: 65px;
    margin-top: 10px;
    background-color: #ffffff;
    float:right;
}

#header-navi ul
{
    margin-top: 0;
    margin-right: 0;
    margin-bottom: 0;
    margin-left: 0;
    padding-top: 1px;
    padding-right: 0;
    padding-left: 0;
    padding-bottom: 1px;
    list-style-type: none;
    text-align: left;
    height: 16px;
}

#header-navi li
{
    display: block;
    width: 100px;
    float: right;
    height: 13px;
    padding-top: 1px;
    border-right-width: 1px;
    border-right-style: solid;
    border-right-color: #ffffff;
    text-align: center;
    font-size:9px;
}

#header-navi li a
{
    display: block;
    height: 12px;
    overflow: hidden;
    padding-left: 0;
    padding-right: 0;
}

#header-logo
{
    width: 550px;
    height: 65px;
    margin-top: 10px;
    margin-bottom: 0;
    margin-left:0;
    padding-top: 0;
    padding-bottom: 0;
    background-repeat: no-repeat;
}

#header-logo a
{
    display: block;
    margin-top: 0;
    margin-right: 0;
    margin-bottom: 0;
    margin-left: 0;
    padding-top: 0;
    padding-right: 0;
    padding-bottom: 0;
    padding-left: 0;
    text-indent: -9999px;
    overflow: hidden;
    height: 90px;
}

#add_header
{
    width: 650px;
    height: 110px;
    background-color: #ffffff;
    float:left;
    margin-top:5px;
    margin-bottom: 5px;
    margin-left:auto;
    text-align:left;
    border-width: 2px;
    border-style: solid;
    border-color: #0099ff;
}

#add_header ul
{
    margin-top: 2px;
    margin-right: 0;
    margin-bottom: 0;
    margin-left: 20px;
    padding-top: 0;
    padding-right: 0;
    padding-bottom: 0;
    padding-left: 10px;
    text-align: left;
    list-style-type: none;
}

#add_header li
{
    font-size: 12px;
    float:left;
}

#add_header2
{
    width: 700px;
    background-color: #ffffcc;
    float:left;
    margin-top:10px;
    margin-bottom: 20px;
    text-align:left;
}

#bottom_header
{
    width: 800px;
    height: 150px;
    margin-top: 0px;
    margin-bottom: 20px;
    padding-top: 0;
    background-repeat: no-repeat;
    float: left;
}

#bottom_header2
{
    width: 800px;
    height: 410px;
    margin-top: 0px;
    margin-bottom: 20px;
    padding-top: 0;
    background-repeat: no-repeat;
    float: left;
}

.ranktitle1
{
    width: 700px;
    height: 50px;
    float: left;
    margin-top:10px;
    border-top: double 5px #660000;
}

.ranktitle2
{
    width: 700px;
    height: 50px;
    float: left;
    margin-top:10px;
    border-top: double 5px #660000;
}

.ranktitle3
{
    width: 700px;
    height: 50px;
    float: left;
    margin-top:10px;
    border-top: double 5px #660000;
}

.ranktitle4
{
    width: 700px;
    height: 50px;
    float: left;
    margin-top:10px;
    border-top: double 5px #660000;
}

.ranktitle5
{
    width: 700px;
    height: 50px;
    float: left;
    margin-top:10px;
    border-top: double 5px #660000;
}

.ranktitleother
{
    width: 700px;
    height: 50px;
    float: left;
    margin-top:10px;
    border-top: double 5px #660000;
}

.ranktitle1 h2
{
    width:700px;
    height:30px;
    margin-top:18px;
    margin-left:10px;
    text-align:left;
    font-size:18px;  
}

.ranktitle1 p
{
     font-size: 15px;
     position: relative;
     top: -45px;
     left: 50px;
     text-align:left;
}

.ranktitle2 h2
{
    width:700px;
    height:30px;
    margin-top:18px;
    margin-left:10px;
    text-align:left;
    font-size:18px;  
}

.ranktitle2 p
{
     font-size: 15px;
     position: relative;
     top: -45px;
     left: 50px;
     text-align:left;
}

.ranktitle3 h2
{
    width:700px;
    height:30px;
    margin-top:18px;
    margin-left:10px;
    text-align:left;
    font-size:18px;  
}

.ranktitle3 p
{
     font-size: 15px;
     position: relative;
     top: -45px;
     left: 50px;
     text-align:left;
}

.ranktitle4 h2
{
    width:700px;
    height:30px;
    margin-top:18px;
    margin-left:10px;
    text-align:left;
    font-size:18px;  
}

.ranktitle4 p
{
     font-size: 15px;
     position: relative;
     top: -45px;
     left: 50px;
     text-align:left;
}

.ranktitle5 h2
{
    width:700px;
    height:30px;
    margin-top:18px;
    margin-left:10px;
    text-align:left;
    font-size:18px;  
}

.ranktitle5 p
{
     font-size: 15px;
     position: relative;
     top: -45px;
     left: 50px;
     text-align:left;
}

.ranktitleother h2
{
    width:700px;
    height:30px;
    margin-top:18px;
    margin-left:20px;
    text-align:left;
    font-size:18px;  
}

.ranktitleother p
{
     font-size: 15px;
     position: relative;
     top: -45px;
     left: 50px;
     text-align:left;
}

.rankmessage1
{
     width: 700px;
     margin-bottom:30px;
     background-color: #ffffcc;
     float: left;
}

.rankmessage2
{
     width: 700px;
     margin-bottom:30px;
     background-color: #cccccc;
     float: left;
}

.rankmessage3
{
     width: 700px;
     margin-bottom:30px;
     background-color: #ffcc99;
     float: left;
}

.rankmessage4
{
     width: 700px;
     margin-bottom:30px;
     background-color: #99ff99;
     float: left;
}

.rankmessage5
{
     width: 700px;
     margin-bottom:30px;
     background-color: #99ff99;
     float: left;
}

.rankmessageother
{
     width: 700px;
     margin-bottom:30px;
     background-color: #ffccff;
     float: left;
}

.drankmessage
{
     width: 700px;
     margin-bottom:30px;
     background-color: #ffffcc;
     float: left;
}

.hikakumessage
{
     width: 700px;
     margin-bottom:30px;
     background-color: #ffffcc;
     float: left;
}

.rankmessage1 table
{
    float:none;
    margin-top:10px;
    margin-left:20px;
    margin-bottom:10px;
    background-color: #ffffff;
}

.rankmessage1 table th
{
    background-color: #ffcc33;
    color: #000000;
}

.rankmessage1 img
{
     float: left;
     border-width: 2px;
     border-style: solid;
     border-color: #cccccc;
     margin-top:10px;
     margin-left:40px;
     margin-bottom:10px;
}

.rankmessage2 table
{
    float:none;
    margin-top:10px;
    margin-left:20px;
    margin-bottom:10px;
    background-color: #ffffff;
}

.rankmessage2 table th
{
    background-color: #cccccc;
    color: #000000;
}

.rankmessage2 img
{
     float: left;
     border-width: 2px;
     border-style: solid;
     border-color: #cccccc;
     margin-top:10px;
     margin-left:40px;
     margin-bottom:10px;
}

.rankmessage3 table
{
    float:none;
    margin-top:10px;
    margin-left:20px;
    margin-bottom:10px;
    background-color: #ffffff;
}

.rankmessage3 table th
{
    background-color: #ff9966;
    color: #000000;
}

.rankmessage3 img
{
     float: left;
     border-width: 2px;
     border-style: solid;
     border-color: #cccccc;
     margin-top:10px;
     margin-left:40px;
     margin-bottom:10px;
}

.rankmessage4 table
{
    float:none;
    margin-top:10px;
    margin-left:20px;
    margin-bottom:10px;
    background-color: #ffffff;
}

.rankmessage4 table th
{
    background-color: #33ff66;
    color: #000000;
}

.rankmessage4 img
{
     float: left;
     border-width: 2px;
     border-style: solid;
     border-color: #cccccc;
     margin-top:10px;
     margin-left:40px;
     margin-bottom:10px;
}

.rankmessage5 table
{
    float:none;
    margin-top:10px;
    margin-left:20px;
    margin-bottom:10px;
    background-color: #ffffff;
}

.rankmessage5 table th
{
    background-color: #33ff66;
    color: #000000;
}

.rankmessage5 img
{
     float: left;
     border-width: 2px;
     border-style: solid;
     border-color: #cccccc;
     margin-top:10px;
     margin-left:40px;
     margin-bottom:10px;
}

.rankmessageother table
{
    float:none;
    margin-top:10px;
    margin-left:20px;
    margin-bottom:10px;
    background-color: #ffffff;
}

.rankmessageother table th
{
    background-color: #ff99ff;
    color: #000000;
}

.rankmessageother img
{
     float: left;
     border-width: 2px;
     border-style: solid;
     border-color: #cccccc;
     margin-top:10px;
     margin-left:20px;
     margin-bottom:10px;
}

.drankmessage table
{
    float:none;
    width:600px;
    margin-top:10px;
    margin-left:20px;
    margin-bottom:10px;
    background-color: #ffffff;
    text-align:left;
}

.drankmessage table th
{
    background-color: #ffcc33;
    color: #000000;
}

.drankmessage img
{
     float: left;
     border-width: 2px;
     border-style: solid;
     border-color: #cccccc;
     margin-top:10px;
     margin-left:20px;
     margin-bottom:10px;
}

.hikakumessage img
{
     float: left;
     border-width: 2px;
     border-style: solid;
     border-color: #cccccc;
     margin-top:10px;
     margin-left:25px;
     margin-bottom:10px;
}

.dmessage
{
     width: 400px;
     height: 200px;
     text-align:left;
     background-color: #ffffff;
     float: right;
     margin-top:10px;
     margin-right:20px;
     margin-bottom:10px;
     border-width: 2px;
     border-style: solid;
     border-color: #cccccc;
}

.dmessage h3
{
    font-size:large;
    font-weight:bold;
    text-align:center;
    margin-bottom:0;
}

.dmessage p
{
    float:left;
    font-size:14px;
}

.imessage
{
     width: 680px;
     text-align:left;
     background-color: #ffffff;
     float: left;
     margin-top:10px;
     margin-left:8px;
     margin-bottom:10px;
     border-width: 2px;
     border-style: solid;
     border-color: #cccccc;
}

.imessage h4
{
    font-size:medium;
    font-weight:bold;
    text-align:center;
    margin-bottom:0;
}

.imessage p
{
    float:left;
    font-size:14px;
}

.dhoken
{
     width: 695px;
     text-align:left;
     background-color: #ffffff;
     float: left;
     margin-top:10px;
     margin-bottom:10px;
     border-width: 2px;
     border-style: solid;
     border-color: #cccccc;
}

.bstrong
{
    background-color:#ffff00;
}

.detail img
{
     float: right;
     border-width: 0px;
     margin-bottom:10px;
     margin-right:225px;
}

.dtitle
{
    width: 700px;
    height: 50px;
    float: left;
    border-top: double 5px #660000;
    margin-top:10px;
}

.dtitle h1
{
    width:700px;
    height:30px;
    margin-left:10px;
    text-align:left;
    font-size:18px;  
}

.dtitle1
{
    width: 700px;
    height: 50px;
    float: left;
    border-left: double 5px #660000;
    margin-top:10px;
}

.dtitle1 h3
{
    width:700px;
    height:30px;
    margin-left:10px;
    text-align:left;
    font-size:18px;  
}

.dtitle2
{
    width: 700px;
    height: 50px;
    float: left;
    border-bottom: double 5px #660000;
    margin-top:10px;
}

.dtitle2 h3
{
    width:700px;
    height:30px;
    margin-left:10px;
    text-align:left;
    font-size:18px;  
}

/* グローバルナビゲーション */
#global-navi
{
    margin-top: 10px;
    margin-left: 0;
    height: 40px;
    width: 950px;
    background-color: #ffffff;
    position: relative;
}

#global-navi ul li
{
    list-style-type: none;
}

ul.main li
{
	float:left;
	width:120px;
	height:40px;
	background-color: #ffffff;
       border-top-width:1px;
       border-top-style: solid;
       border-top-color: #cccccc;
       border-left-width:1px;
       border-left-style: solid;
       border-left-color: #cccccc;
       border-right-width:1px;
       border-right-style: solid;
       border-right-color: #cccccc;
       border-bottom-width:2px;
       border-bottom-style: double;
       border-bottom-color: #0099ff;
       margin-left: 0;
}

ul.main li a{
	display:block;
	width:100%;
	height:100%;
	line-height:40px;
       text-align: center;
	font-weight:bold;
	color:#0099ff;
	text-decoration:none;
       position:relative;
}

ul.main li a:hover{
	background:url("button03.png");
}

ul.main:after {
    content:".";
    display:block;
    clear:both;
    height:0;
    visibility:hidden;
}


/* IE7 対策 */
ul.main{
	zoom:1;
}
*+html ul.main li{
    display:inline;
    zoom:1;
}
*+html ul.sub{
    zoom:1;
    position:relative;
}

#hantei_tool
{
    height:150px;
    width:150px;
    float:right;
    margin-right:100px;
    padding:0;
}

.category
{
    width: 700px;
    color:#666666;
    background-color: #66ccff;
    position: relative;
    margin-bottom:5px;
    border-top-width:5px;
    border-top-style: solid;
    border-top-color: #0099ff;
    border-bottom-width:5px;
    border-bottom-style: solid;
    border-bottom-color: #0099ff;
    float:left;
}

.category h1
{
    margin: 10px 0;
    padding: 0;
    text-align: center;
    font-weight: bolder;
    font-size: 15px;
    color: #000000;
}

.sub-category h3
{
    margin: 7px 0;
    padding: 0;
    text-align: left;
    font-weight: bold;
    font-size: 15px;
    color: #666666;
}

.sub-category
{
    width: 696px;
    background-color: #FFFFFF;
    float:left;
    border-width: 2px;
    border-style: solid;
    border-color: #ff33cc;
    margin-bottom: 20px;
}

.sub-category div.item
{
    width: 340px;
    margin-top: 2px;
    margin-left: 2px;
    margin-right: 1px;
    margin-bottom: 2px;
    float: left;
    background: #ffffff;
    text-align: left;
    height: 220px;
    border-width: 2px;
    border-style: solid;
    border-color: #FFCCCC;
}

.sub-category img
{
    background-color: #ffffff;
    padding: 9px;
    border-top-width: 1px;
    border-top-style: solid;
    border-top-color: #ffcccc;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: #ffcccc;
    border-left-width: 1px;
    border-left-style: solid;
    border-left-color: #ffcccc;
    border-right-width: 1px;
    border-right-style: solid;
    border-right-color: #ffcccc;
    float: left;
    margin: 2px;
}

.sub-category ul
{
    margin-top: 0;
    margin-right: 0;
    margin-bottom: 0;
    margin-left: 10px;
    padding-top: 0;
    padding-right: 0;
    padding-bottom: 0;
    padding-left: 0;
    float: left;
    text-align: left;
}

.sub-category li
{
    padding-bottom: 0;
    font-size: 12px;
    list-style-type: none;
}

.sub-category div.list img
{
    padding:0;
    background-color: #ffffff;
    float: left;
}

#side-title
{
    width: 230px;
    border-style: solid;
    border-color: #0099ff;
    background-color: #0099ff;
    position: relative;
    float:right;
    margin-left: 5px;
}

#side-title h3
{
    margin: 0 5px;
    padding: 0;
    text-align: center;
    font-weight: bolder;
    font-size: 12px;
    color: #ffffff;
}

#side-category
{
    width: 230px;
    border-style: solid;
    border-color: #0099ff;
    background-color: #FFFFFF;
    position: relative;
    float:right;
    margin-left: 5px;
    margin-bottom: 10px;
}

#side-category ul
{
    margin-top: 5px;
    margin-right: 0;
    margin-bottom: 0;
    margin-left: 20px;
    padding-top: 0;
    padding-right: 0;
    padding-bottom: 0;
    padding-left: 0;
    float: left;
    text-align: left;
}

#side-category li
{
    padding-top: 10px;
    padding-bottom: 10px;
    font-size: 11px;
}

#side-category img
{
    float:left;
}

#site-category
{
    width: 230px;
    border-style: solid;
    border-color: #ff33cc;
    background-color: #FFFFFF;
    position: relative;
    float:right;
    margin-left: 5px;
    margin-bottom: 10px;
}

.side-content
{
    width: 228px;
    height: 90px;
    margin-top: 5px;
    padding-left: 4px;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: #0099ff;
    

}

#side-title2
{
    width: 230px;
    border-style: solid;
    border-color: #ff33cc;
    background-color: #ff33cc;
    position: relative;
    float:right;
    margin-left: 5px;
}

#side-title2 h3
{
    margin: 0 5px;
    padding: 0;
    text-align: left;
    font-weight: bolder;
    font-size: 12px;
    color: #ffffff;
}

#side-category2
{
    width: 230px;
    border-style: solid;
    border-color: #ff33cc;
    background-color: #FFFFFF;
    position: relative;
    float:right;
    margin-left: 5px;
    margin-bottom: 10px;
}

#side-category2 ul
{
    margin-top: 5px;
    margin-right: 0;
    margin-bottom: 0;
    margin-left: 20px;
    padding-top: 0;
    padding-right: 0;
    padding-bottom: 0;
    padding-left: 0;
    float: left;
    text-align: left;
}

#side-category2 li
{
    padding-top: 10px;
    padding-bottom: 10px;
    font-size: 11px;
}

#category-content
{
    width: 696px;
    background-color: #FFFFFF;
    float:left;
    border-width: 2px;
    border-style: solid;
    border-color: #ff33cc;
    margin-bottom: 20px;
}

#category-content table
{
    float:left;
    margin-bottom:10px;
    margin-right:10px;
    margin-top:10px;
}

#scontent
{
    width: 696px;
    background-color: #FFFFFF;
    float:left;
    border-width: 2px;
    border-style: solid;
    border-color: #ff33cc;
    margin-bottom: 20px;
    text-align:left;
}

#scontent .spoint
{
    font-weight:bold;
    font-size:large;
    text-align:center;
    text-decoration:underline;
    font-style:italic;
}

#footer
{
    width: 950px;
    height: 40px;
    margin-left: auto;
    margin-right: auto;
    clear: both;
    color: #ffffff;
    background-color: #0099ff;
}

#footerMain
{
    padding-top: 5px;
    width: 500px;
    float:right;
}

#footerMain p
{
    /* コピーライト文字設定 */
    font-size: 0.8em;
    text-align: right;
}

#footerExtra1
{
    height: 40px;
    position: relative;
}

#description-message
{
    width: 800px;
    border-style: solid;
    border-color: #FFCCCC;
    background-color: #FFFFFF;
    position: relative;
    margin-bottom: 10px;
    text-align: center;
    float:left;
}

#add_tab
{
    width: 700px;
    float:left;
    margin-top: 0;
    margin-bottom: 30px;
    padding-bottom: 10px;
    background-color: #ffffcc;
    background-repeat: no-repeat;
}

#pankuzu {
    width:700px;
    text-align:left;
    float:left;
    list-style-type: none;
}

#pankuzu li {
    display: inline;
}