/* CSS Document */

/*!全体のスタイルの設定ここから!*/

body,div,ul,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{
margin:0;
padding:0;
}/*スタイルの初期化*/

h1,h2,h3,h4,ul,li,p,address{
font-size:inherit;
font-weight:normal;
font-size:100%;
}/*フォントスタイルの初期化*/

img{
border:0;
vertical-align:bottom;
}/*imgタグの設定(枠の削除・下揃え）*/

a{
text-decoration:none;
}
a:link,a:visited{
color:#000000;
}
a:hover{
color:#b6b5b5;
}
a:active{
color:#000000;
}/*リンクのスタイル設定（マウスがオーバーした場合のみ色変更）*/

body{
font-size:62.5%;
letter-spacing:0.2em;
color:#464646;
}/*body要素のスタイル*/

.clear:after{
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
}/*回り込み解除*/

.clear{
display:inline-table;
}/*フロート解除*/

#header,
#contents,
#gnavi ul{
margin:0 auto;
width:92em;
max-width:100%;
min-width:730px;
text-align:left;
}/*ヘッダー、コンテンツ、ナビゲーションブロックのスタイル*/

#wrapper{
text-align:center;
}/*wrapperブロック内のテキストの中央揃え*/

#header{
padding:3em 0 0 0;
}

#header .colL{
float:left;
}

#header .colL h1 img{
width:17.6em;
min-width:160px;
height:auto;}

#header .colL p{
font-size:1.2em;
margin:0.5em 0 0 0;
}

#header .colR{
float:right;
}

#header .colR img,#header .colR input{
vertical-align:middle;
}

#header .search_box{
margin:0 1em 0 0;
}

#header .search_box input{
margin:0.4em 10px;
padding:0.1em 10px;
border:1px solid #9d9d9d;
font-family:"ＭＳ Ｐ明朝", "細明朝体", "ヒラギノ明朝 Pro W3";
background-color:#FFFFFF;
}

#header .search_box input:hover{
border:1px solid #aaaaaa;
}

#header .search_box input:focus{
border:1px solid #000000;}

/*!全体のスタイル設定ここまで!*/


/*!ナビゲーションメニュー!*/

#gnavi{
clear:both;
margin:1.3em 0 0 0;
border-top:1px dotted #000000;
border-bottom:1px dotted #000000;
background:url(../img/menu.gif) 0% 50% repeat-x;
}

#gnavi ul li{
float:left;
list-style-type:none;
font-size:1.2em;
letter-spacing:0.3em;
}

#gnavi ul li a{
float:left;
display:block;
line-height:3.0em;
padding:0 2em;
border-right:1px dotted #000000;
}

#gnavi ul li a:hover{
color:#b0b0b0;
}

#gnavi li.first a{
border-left:1px dotted #000000;
}


/*!ナビゲーションメニューここまで!*/



/*!メインコンテンツ設定!*/

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

#mainContents #main{
display:inline-table;
}

#mainContents #main{
margin:30px 0 0;
}

#mainContents #main .pageTitle{
float:left;
width:23.5em;
}

#mainContents #main .pageContents{
float:right;
width:67.5em;
}

#mainContents #main .pageContents p,
#mainContents #main .pageContents table{
font-size:1.2em;
}

#mainContents #main .pageContents h3{
padding:15px 0 5px;
margin:0 0 10px;
border-bottom:1px solid #b5b5b5;
font-size:1.2em;
}


.pageContents .rank table{
width:100%;
border-collapse:collapse;
border:1px solid #b5b5b5;
}

.pgeContents .rank table caption{
padding:0 0 10px;
text-align:left;
}

.pageContents .rank table thead th{
padding:0 1em;
text-align:left;
vertical-align:middle;
white-space:nowrap;
}

.pageContents .rank table thead tr{
height:32px;
color:#ffffff;
background:url(../img/bg01.gif) repeat-x 0 50%;
}

.pageContents .rank table tbody tr.co1 th,
.pageContents .rank table tbody tr.co1 td{
background:#f6f6f6;
}

.pageContents .rank tfoot td{
margin:5px 0 0;
text-align:right;
font-size:1em;
background:#ffffff;
}

.pageContents .rank tbody th{
text-align:center;
font-weight:normal;
background:#ffffff;
}

.pageContents .rank tbody td{
padding:0.8em 0.5em;}

.pageContents .rank th,
.pageContents .rank td{
border-collapse:collapse;
border:1px solid #b5b5b5;
}

.pageContents #number{
background:#f8f8f8;
}

.pageContents #site{
width:15em;
}

.pageContents #cont{
text-align:right;
}

.pageContents .rank
{width:65em;
margin:30px 0 0;
}

/*!メインコンテンツここまで!*/


/*!規約ページメインコンテンツ!*/
.pageContents .pageKiyaku{
font-size:1.3em;
}

.pageContents .pageKiyaku li{
list-style-type:square;
}

/*!規約ページメインコンテンツここまで!*/


/*!fnavi!*/

#fnavi{
clear:both;
margin:50px 0 0;
padding:0 0 10px;
text-align:right;
background:url(../img/fnavi.gif) no-repeat right bottom;
border-top:1px dotted #98AD99;
}

#fnavi ul{
margin:0 auto
}

#fnavi ul li{
display:inline;
margin:0 5px;
}

#fnavi ul li a{
color:#434343;}

#fnavi ul li a:link,
#fnavi ul li a:visited,
#fnavi ul li a:active{
text-decoration:none;
}

#fnavi ul li a:hover{
text-decoration:underline;
}

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

#fnavi
{display:inline-table;}

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


#footer address
{text-align:center;
border-top:1px solid #bbbbbb;
margin:0 auto;
}


/*fnavi*/




/*!テキストサイズ変更機能!*/

#header .font_size{
margin:2.5em 0 0 0;
text-align:right;
}

#header .font_size li{
float:left;
list-style-type:none;
padding:0 0 0 1em;
}
#header .font_size li img{
margin:5px 0;
}

#header .font_size li a{
display:block;
width:24px;
height:24px;
}

#header .font_size li a span{
display:none;
}

#header .font_size li.textL a:link{
background:url(../img/l.gif) no-repeat left top;
}
#header .font_size li.textL a:visited{
background:url(../img/l.gif) no-repeat left top;
}

#header .font_size li.textL a:hover{
background:url(../img/l_o.gif) no-repeat left top;
}
#header .font_size li.textL a:active{
background:url(../img/l_o.gif) no-repeat left top;
}

#header .font_size li.textM a:link{
background:url(../img/m.gif) no-repeat left top;
}
#header .font_size li.textM a:visited{
background:url(../img/m.gif) no-repeat left top;
}

#header .font_size li.textM a:hover{
background:url(../img/m_o.gif) no-repeat left top;
}
#header .font_size li.textM a:active{
background:url(../img/m_o.gif) no-repeat left top;
}

#header .font_size li.textS a:link{
background:url(../img/s.gif) no-repeat left top;
}
#header .font_size li.textS a:visited{
background:url(../img/s.gif) no-repeat left top;
}

#header .font_size li.textS a:hover{
background:url(../img/s_o.gif) no-repeat left top;
}
#header .font_size li.textS a:active{
background:url(../img/s_o.gif) no-repeat left top;
}




/*!テキストサイズ変更機能ここまで!*/


table.temp{
border-collapse:collapse;
border-spacing:8px;
border:#8080C0 1px dotted;
margin:10px;
}


table.temp img{
border:#999999 1px solid;}

table.temp p{
color:#000033;
font-size:0.8em;}

table.temp li.pl{
list-style:square;}

table.temp li.dl{
list-style:square;}

table.temp td{

width:300px;
padding:5px;
border:#8080C0 1px dotted;
}

table.temp div{
padding:10px;}

h4.tempMenu{
font-size:1.2em;
border-left:solid 5px #6872CC;
border-bottom:solid 1px #6872CC;
padding-left:1em;
margin-top:2em;}