@charset "UTF-8";
@import url("./css/tables.css");
@import url("./css/commonstyles.css");
/*
==================================================
スタイルの初期化
==================================================
*/
*{
margin:0;
padding:0;
}
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,font,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{
border:0;
outline:0;
font-size:100%;
vertical-align:baseline;
background:transparent;
}
blockquote:before,blockquote:after,q:before,q:after{
content:'';
content:none;
}
body{ line-height:1; }
ol,ul{ list-style:none; }
blockquote,q{ quotes:none; }
div,p,h1,h2,h3,h4,h5,h6{
_zoom:1;
display:block;
text-align:left;
}
img{
border:0;
}
:focus{ outline:0; }
ins{ text-decoration:none; }
del{ text-decoration:line-through; }
table{
border-collapse:collapse;
border-spacing:0;
}
/*
==================================================
基本スタイル
==================================================
*/
body{
background-color:#FFF;
background-image:url(img/body_bg.png);
background-position:center top;
background-repeat:repeat;
color:#817E7C;
font-size:12px;
line-height:180%;
text-align:center;
}
h1,h2,h3,h4,h5,h6,.title,dt{
font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,Verdana,'ＭＳ Ｐゴシック',sans-serif;
font-weight:700;
}
.clear{
clear:both;
font-size:1px;
}
/* リスト
==================================================
*/
ul{
list-style:none outside none;
}
ol{
list-style-type:decimal;
padding:10px 25px;
}
/* リンク
==================================================
*/
a{ color:#82B7DF; }
a:hover{
color:#82B7DF;
text-decoration:none;
}
a:hover img{
background:none !important;
}
a img{ background:none !important; }
#main a:hover,#menu a:hover,#rmenu a:hover{
left:1px;
position:relative;
top:1px;
}
/*
==================================================
全体
==================================================
*/
/* レイアウト
==================================================
*/
#wrapper{
background-image:url(img/wrapper_bg.png);
background-position:center 40px;
background-repeat:repeat-y;
margin:0 auto;
text-align:center;
}
#wrapper .inner{
background-image:url(img/inner_bg.png);
background-position:center top;
background-repeat:repeat-x;
text-align:center;
width:100%;
}
#contents{
overflow:hidden;
padding-bottom:84px;
position:relative;
}
#siteNavi{
font-size:12px;
margin-bottom:10px;
}
/* ページ上部へ戻る
==================================================
*/
#pagetop{
clear:both;
bottom:0;
_bottom:-1px;
position:absolute;
right:0;
z-index:5;
}
#pagetop a{
background-image:url(img/pagetop_button.png);
background-position:center top;
background-repeat:no-repeat;
display:block;
height:42px;
overflow:hidden;
position:relative;
text-indent:-9999px;
width:138px;
}
#pagetop a:hover{
zoom:1;
}
/* 検索ボックス
==================================================
*/
#searchbox{
background-image:url(img/search_input.png);
background-position:left top;
background-repeat:no-repeat;
font-size:12px;
height:26px;
text-align:right;
position:absolute;
top:24px;
left:50%;
width:224px;
margin-left:226px;
}
#searchbox input{
left:7px;
position:absolute;
top:5px;
vertical-align:middle;
}
#searchbox form{
margin:0;
padding:0;
}
#searchbox .skwd{
background-color:#F7F7F7;
border:0px none;
font-size:12px;
height:22px;
line-height:22px;
left:30px;
top:2px;
width:182px;
}
/* 回り込み・回り込み解除
==================================================
*/
.txt-img{
}
.txt-img img{
margin:0 8px 8px 8px;
}
.center{
margin-bottom:5px;
margin-top:5px;
text-align:center;
}
.float-l{ float:left;}
.float-r{ float:right;}
.float-l img,.float-r img{
margin-bottom:20px;
}
.float-l img{ 
margin-right:20px;
}
.float-r img{
margin-left:20px;
}
.clear,.FloatEnd{ clear:both }
/*
==================================================
トップ部分
==================================================
*/
/* トップ
==================================================
*/
#top{
margin-bottom:24px;
text-align:center;
}
#top .inner{
background-image:none;
height:70px;
margin:0 auto;
position:relative;
width:900px;
}
#top #logo,#top h1{
height:70px;
layout-grid-line:70px;
left:0;
position:absolute;
top:0;
}
#top #logo a,#top h1 a{
color:#82B7DF;
display:table-cell;
font-size:13px;
font-weight:400;
height:70px;
layout-grid-line:70px;
line-height:70px;
text-decoration:none;
vertical-align:middle;
}
#top #logo a img,#top h1 a img{
vertical-align:middle;
}
#top #logo a span,#top h1 a span{
margin-left:20px;
}
/* ヘッダー
==================================================
*/
#header{
text-align:center;
width:100%;
}
#header .innerbox{
margin:0 auto;
padding-top:16px;
text-align:center;
}
#header .innerbox #headbox_title{
background-image:url(img/header.jpg);
background-position:center top;
background-repeat:no-repeat;
height:355px;
margin:0 auto;
position:relative;
text-align:left;
width:900px;
}
#header .title,#header .desc{
color:#82B7DF;
left:100px;
line-height:140%;
position:relative;
top:58px;
width:425px;
}
#header .title{
font-size:26px;
font-weight:700;
}
#header .title a{
text-decoration:none;
}
#header .desc{
font-size:14px;
}
/* トップメニュー
==================================================
*/
#topmenu{
left:0;
overflow:hidden;
position:absolute;
text-align:center;
top:70px;
width:100%;
}
#topmenu ul{
background-image:url("img/topmenu_bg_l.png");
background-position:left top;
background-repeat:repeat-y;
font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,Verdana,'ＭＳ Ｐゴシック',sans-serif;
font-size:108%;
font-weight:700;
margin:0 auto;
_margin:0;
overflow:hidden;
position:relative;
width:900px;
}
#topmenu li{
background-image:url("img/topmenu_bg_l.png");
background-position:right top;
background-repeat:repeat-y;
float:left;
height:24px;
line-height:24px;
position:relative;
width:180px;
}
#topmenu li a{
background-image:url("img/topmenu_bg.png");
background-position:left center;
background-repeat:no-repeat;
color:#BBDBEF;
padding-left:15px;
text-decoration:none;
}
#topmenu li a:hover{
text-decoration:underline;
}
/*
==================================================
メインコンテンツ
==================================================
*/
/* 記事領域
==================================================
*/
#main{
background-image:url("img/main_bg.png");
background-position:left top;
background-repeat:repeat;
float:right;
padding:2px;
width:646px;
_width:650px;
}
#main .inner{
background:none;
background-color:#FFF !important;
padding:18px;
width:auto;
zoom:1;
}
#main .text,#text1,#text2,#text3,#text4,#text5,#text6,#text7,#text8,#text9,#text10,#space1,#space2{
margin-bottom:50px;
overflow:hidden;
padding:10px;
}
/* 見出し
==================================================
*/
#main h2,#main h3{
background-image:url(img/h3_bg.png);
background-position:left top;
background-repeat:repeat;
border-bottom:2px solid #FAFAFA;
}
#main h2 span,#main h3 span{
background-image:url(img/h3.png);
background-position:left top;
background-repeat:no-repeat;
color:#82B7DF;
display:block;
font-size:16px;
margin-left:-11px;
padding:30px 10px 12px 40px;
position:relative;
zoom:1;
}
#main h4{
background-image:url(img/h4.png);
background-position:left top;
background-repeat:repeat;
border-left:5px solid #BBDBEF;
color:#82B7DF;
margin:20px auto 10px;
padding:8px 14px;
}
#main h4 span{
font-size:14px;
}
#main h5{
background-image:url(img/h5.png);
background-position:left 6px;
background-repeat:no-repeat;
color:#82B7DF;
font-size:14px;
margin:20px auto 10px;
padding:2px 0 2px 20px;
}
#main h6{
background-image:url(img/h6.png);
background-position:left 5px;
background-repeat:no-repeat;
color:#82B7DF;
font-size:12px;
line-height:140%;
margin:5px auto;
padding:2px 0 2px 18px;
}
/*
==================================================
サイドメニュー
==================================================
*/
/* メニュー
==================================================
*/
#menu{
float:left;
width:220px;
}
#menu ul#newEntry,#menu ul #entryarchive,#rmenu ul#newEntry,#rmenu ul#entryarchive{
display:block;
line-height:140%;
padding:12px 10px 8px 10px;
}
#menu .rankbox{
background-color:#EDF6F5;
font-size:12px;
line-height:150%;
margin-bottom:20px;
padding:10px;
}
#menu .rankbox img{
width:180px;
}
.menubox{
margin-bottom:20px;
}
.menulist{
overflow:hidden;
}
.menulist ul{
padding:0 5px;
}
.menulist li{
border-bottom:1px solid #EFF6FB;
line-height:0;
padding:0 10px 0 9px;
}
.menulist li a{
background-image:url(img/menu_bg.png);
background-position:left center;
background-repeat:no-repeat;
color:#817E7C;
display:block;
font-size:12px;
font-weight:700;
line-height:normal;
overflow:hidden;
padding:10px 0 10px 24px;
text-decoration:none;
}
.menulist li a:hover{
color:#817E7C;
text-decoration:underline;
}
.menulist .l2 a{
background-position:20px center;
font-size:12px;
padding-left:44px;
font-weight:normal;
}
.menulist .l3 a{
background-position:30px center;
font-size:12px;
padding-left:54px;
font-weight:normal;
}
#menu .title,#rmenu .title,#menu h4,#rmenu h4{
background-color:#BBDBEF;
-webkit-border-radius:5px;
-moz-border-radius:5px;
border-radius:5px;
margin-bottom:3px;
overflow:hidden;
position:relative;
}
#menu .title span,#rmenu .title span,#menu h4 span,#rmenu h4 span{
background-image:url(img/menu_h4_bg.png);
background-position:left top;
background-repeat:no-repeat;
-webkit-border-radius:5px;
-moz-border-radius:5px;
border-radius:5px;
display:block;
color:#FFF;
font-size:14px;
font-weight:700;
padding:7px 10px 7px 40px;
text-align:left;
overflow:hidden;
position:relative;
}
/* バナー領域
==================================================
*/
.bannerbox{
margin-bottom:10px;
}
.bannerbox ul{
padding:10px;
}
.bannerbox li{
margin-bottom:5px;
}
.bannerbox li a{
font-size:15px;
}
.bannerbox li a img{
vertical-align:bottom; 
}
/* 最新記事・アーカイブ
==================================================
*/
ul#newEntry li,ul#entryarchive li{
background-image:url(img/menu_bg2.png);
background-position:left center;
background-repeat:no-repeat;
list-style-image:none;
list-style-type:none;
padding-left:14px;
margin-bottom:8px;
}
#newEntry li a{
color:#555;
text-decoration:underline;
}
#newEntry li a:hover{
color:#82B7DF;
text-decoration:underline;
}
/*
==================================================
フッター
==================================================
*/
#footer{
background-image:url(img/footer_bg.png);
background-position:left top;
background-repeat:repeat-x;
padding-top:4px;
text-align:center;
width:100%;
}
#footer .inner{
background-color:#FFF;
text-align:center;
}
#footer a{
}
#footer a:hover{
}
#footer p{
color:#9C9C9C;
margin:0 auto;
padding:10px 0;
text-align:left;
width:900px;
}
#footlink{
background-color:#EFF6FB;
text-align:center;
}
#footlink div{
font-size:12px;
margin:0 auto;
padding:10px 0;
text-align:center;
width:900px;
}
#footlink a{
color:#BBDBEF;
font-size:12px;
padding-right:30px;
}
#footsub{
padding:10px 0 0 0 !important;
}
/*
==================================================
トップページ
==================================================
*/
#whatsnew{
background-color:#F6FBFD;
margin-bottom:10px;
}
#whatsnew .title{
background-image:url(img/whatsnew_title_bg_l.png);
background-position:left bottom;
background-repeat:no-repeat;
overflow:hidden;
padding-left:31px;
}
#whatsnew .title p{
background-image:url(img/whatsnew_title_bg_r.png);
background-position:right bottom;
background-repeat:no-repeat;
overflow:hidden;
padding-right:31px;
}
#whatsnew .title span{
background-image:url(img/whatsnew_title_bg.png);
background-position:left top;
background-repeat:repeat;
color:#FFF;
display:block;
font-size:14px;
margin:1px 0 5px 0;
padding:8px 15px;
}
#whatsnew ul{
padding:8px 5px 15px 5px;
}
#whatsnew ul li{
border-bottom:1px solid #FFF;
color:#727272;
padding:8px 10px;
}
#whatsnew ul li span{
}
/*
==================================================
カテゴリーページ
==================================================
*/
#categorylist{
padding-top:10px;
}
#categorylist .catbox{
background-color:#FCFAF2;
border:1px dotted #C9E8F5;
margin-bottom:25px;
overflow:hidden;
padding:2px 2px 22px;
_height:1%;
}
#categorylist .thumb{
float:left;
padding:0 13px 10px;
}
#categorylist .thumb img{
vertical-align:bottom;
}
#categorylist p{
line-height:135%;
padding:0 13px;
}
#categorylist .more{
float:right;
margin-top:15px;
padding-right:13px;
_height:1%;
}
#categorylist .title{
background-color:#FFF;
background-image:url(img/category_title.png);
background-position:left top;
background-repeat:repeat;
font-size:14px;
font-weight:700;
margin-bottom:15px;
}
#categorylist .title a{
background-image:url(img/category_title_b.png);
background-position:left bottom;
background-repeat:repeat-x;
color:#82B7DF;
display:block;
padding:14px 18px;
text-decoration:none;
}
#categorylist .title a:hover{
color:#82B7DF;
font-weight:700;
left:0;
text-decoration:underline;
top:0;
}
#pagelist{
margin-bottom:10px;
margin-top:10px;
padding:10px;
text-align:center;
}
#pagelist li{
display:inline;
list-style-type:none;
}
#pagelist a{
background-color:#EBEBEB;
color:#595959;
display:inline-block;
padding:2px 10px;
text-align:center;
text-decoration:none;
width:20px;
}
#pagelist a:hover{
background-color:#82B7DF;
color:#FFF;
}
/*
==================================================
エントリーページ
==================================================
*/
#entrylist{
background-image:url(img/entry_bg.png);
background-position:left top;
background-repeat:repeat;
margin-bottom:20px;
padding:5px;
}
#entrylist .inner{
overflow:hidden;
text-align:left;
}
#entrylist h4{
background-color:#FFF;
background-image:none;
border-left:none;
margin:0;
padding:15px 10px 0;
}
#entrylist h4 span{
background-color:#FCFAF2;
border:1px solid #F7F0DA;
display:block;
font-size:16px;
padding:10px 12px;
}
#entrylist dl{
background-color:#FFF;
overflow:hidden;
padding:0 17px 18px;
}
#entrylist dt{
padding:12px 5px 5px;
}
#entrylist dt a{
background:url(img/entrylist_title.png);
background-position:left 7px;
background-repeat:no-repeat;
display:inline-block;
font-size:12px;
font-weight:700;
line-height:150%;
padding:4px 0 4px 16px;
*display:inline;
*zoom:1;
}
#entrylist dd{
border-bottom:1px dotted #C6B08A;
color:#977843;
font-size:12px;
line-height:130%;
padding:0 5px 12px 5px;
}
#searchresult{ padding:10px }
#pagemenu{
margin-bottom:15px;
padding-bottom:10px;
padding-top:10px;
text-align:center;
}
#pagemenu span a{
font-size:14px;
font-weight:700;
margin-left:10px;
margin-right:10px;
width:150px;
}
/*
==================================================
サイトマップページ
==================================================
*/
#sitemaps ul{
margin:0;
padding:5px 15px;
}
#sitemaps li{
background-image:url(img/menu_bg2.png);
background-position:left center;
background-repeat:no-repeat;
list-style-image:none;
list-style-type:none;
padding-left:16px;
}
#sitemaps .l1{
font-size:16px;
font-weight:700;
margin-top:8px;
}
#sitemaps .l2{
font-size:12px;
margin-left:25px;
}
#sitemaps .l3{
font-size:12px;
margin-left:50px;
}
/*
==================================================
フリースペース
==================================================
*/
#space1,#space2{ margin-bottom:15px }
#space3,#space4,#space5,#space6{
font-size:13px;
line-height:130%;
padding:10px;
}
/*
==================================================
ブログモード
==================================================
*/
.blog{
border-bottom-color:#CCEEFF;
border-bottom-style:dotted;
border-bottom-width:1px;
margin-bottom:15px;
overflow:hidden;
padding:10px;
}
.blog .thumb{
float:left;
margin-right:15px;
}
.blog .thumb img{ width:125px; }
.blog .title{
color:#333;
font-size:15px;
line-height:140%;
margin-bottom:5px;
}
.blog .title a{ color:#555; }
.blog .info{
color:#666;
margin-bottom:5px;
}
.blog .info a{ color:#666; }
.blog .body{
line-height:150%;
overflow:hidden;
}
.blog .more{
font-size:14px;
font-weight:700;
margin-bottom:8px;
margin-top:8px;
text-align:right;
}
/*
==================================================
サイト内検索
==================================================
*/
#searchresult dd{
border-bottom-color:#CCEEFF;
border-bottom-style:dotted;
border-bottom-width:1px;
font-size:13px;
line-height:130%;
margin:0 0 10px;
padding-bottom:15px;
}
#searchresult dt{ font-size:14px }
/*
==================================================
ポイント
==================================================
*/
#main .point1,#main .point2,#main .point3,#main .point4,#main .point5,#main .point6,#main .point7,#main .point8,#main .point9,#main .point10{
background-position:left bottom;
background-repeat:no-repeat;
color:#A23B9E;
font-size:16px;
font-weight:700;
height:auto;
line-height:140%;
margin-bottom:10px;
margin-top:15px;
overflow:hidden;
padding:15px 0 15px 105px;
zoom:1;
}
.point1{ background-image:url(img/point1.png); }
.point2{ background-image:url(img/point2.png); }
.point3{ background-image:url(img/point3.png); }
.point4{ background-image:url(img/point4.png); }
.point5{ background-image:url(img/point5.png); }
.point6{ background-image:url(img/point6.png); }
.point7{ background-image:url(img/point7.png); }
.point8{ background-image:url(img/point8.png); }
.point9{ background-image:url(img/point9.png); }
.point10{ background-image:url(img/point10.png); }
/*
==================================================
ランキング
==================================================
*/
/* メインコンテンツ用ランキング
==================================================
*/
#main .point1,#main .point2,#main .point3,#main .point4,#main .point5,#main .point6,#main .point7,#main .point8,#main .point9,#main .point10{ border:none; }
#main .rank1,#main .rank2,#main .rank3,#main .rank4,#main .rank5,#main .rank6,#main .rank7,#main .rank8,#main .rank9,#main .rank10{ border:none; height:auto; }
#main .rank{
background-color:#D1EAEC;
margin-bottom:20px;
padding:10px;
}
#main .rank-container{
background-color:#EDF6F5;
overflow:hidden;
padding:6px;
}
#main .rank-inner{
background-color:#FFF;
overflow:hidden;
}
#main .rank1,#main .rank2,#main .rank3,#main .rank4,#main .rank5,#main .rank6,#main .rank7,#main .rank8,#main .rank9,#main .rank10{
background-position:left top;
background-repeat:no-repeat;
border:medium none;
color:#82B7DF;
font-size:24px;
height:auto;
line-height:120%;
margin-bottom:6px;
margin-top:6px;
min-height:20px;
}
#main .rank .rank1,#main .rank .rank2,#main .rank .rank3,#main .rank .rank4,#main .rank .rank5,#main .rank .rank6,#main .rank .rank7,#main .rank .rank8,#main .rank .rank9,#main .rank .rank10{
margin:10px;
}
#main .rank .rank1 a,#main .rank .rank2 a,#main .rank .rank3 a,#main .rank .rank4 a,#main .rank .rank5 a,#main .rank .rank6 a,#main .rank .rank7 a,#main .rank .rank8 a,#main .rank .rank9 a,#main .rank .rank10 a{
}
#main .rank .rank1 a:hover,#main .rank .rank2 a:hover,#main .rank .rank3 a:hover,#main .rank .rank4 a:hover,#main .rank .rank5 a:hover,#main .rank .rank6 a:hover,#main .rank .rank7 a:hover,#main .rank .rank8 a:hover,#main .rank .rank9 a:hover,#main .rank .rank10 a:hover{
}
#main .rank1,#main .rank2,#main .rank3,#main .rank4,#main .rank5,#main .rank6,#main .rank7,#main .rank8,#main .rank9,#main .rank10{
padding:6px 0 10px 65px;
}
.rank1{ background-image:url(img/rank1.png); }
.rank2{ background-image:url(img/rank2.png); }
.rank3{ background-image:url(img/rank3.png); }
.rank4{ background-image:url(img/rank4.png); }
.rank5{ background-image:url(img/rank5.png); }
.rank6{ background-image:url(img/rank6.png); }
.rank7{ background-image:url(img/rank7.png); }
.rank8{ background-image:url(img/rank8.png); }
.rank9{ background-image:url(img/rank9.png); }
.rank10{ background-image:url(img/rank10.png); }
#main .rankbox{
background-image:url(img/rankbox_bg.png);
background-position:left top;
background-repeat:repeat-x;
overflow:hidden;
padding:40px 24px 10px;
}
#main .rankbox .rankbox-inner{
overflow:hidden;
}
#main .rankbox .feature{
background-image:url(img/feature_title.png);
background-position:left top;
background-repeat:repeat;
border-bottom:2px solid #EDEDED;
margin-bottom:10px;
overflow:hidden;
position:relative;
text-align:center;
}
#main .rankbox .feature span{
color:#61B8BF;
display:block;
font-weight:700;
padding:7px 10px;
position:relative;
}
#main .rankbox .rankbox-inner p{
padding-bottom:10px;
}
#main .rankbox .float-l img,#main .rankbox .float-r img{
border:none !important;
padding:0 !important;
}
#main .rankbox .rankbox-inner p{
overflow:hidden;
}
#main .rankbox .rank-table{
clear:both;
font-size:12px;
margin-top:20px;
width:100%;
}
#main .rankbox .rank-table th,#main .rankbox .rank-table td{
border:1px solid #AADEE5;
padding:5px;
text-align:center;
width:33%;
vertical-align:middle;
}
#main .rankbox .rank-table th{
background-image:url(img/table_bg.png);
background-position:left top;
background-repeat:repeat-x;
color:#61B8BF;
}
#main .rankbox .rank-table th .icon-price{
background-image:url(img/icon_price.png);
background-position:left center;
background-repeat:no-repeat;
padding:2px 0 2px 18px;
}
#main .rankbox .rank-table th .icon-evaluation{
background-image:url(img/icon_evaluation.png);
background-position:left center;
background-repeat:no-repeat;
padding:2px 0 2px 22px;
}
#main .rankbox .rank-table th .icon-remarks{
background-image:url(img/icon_remarks.png);
background-position:left center;
background-repeat:no-repeat;
padding:2px 0 2px 20px;
}
#main .rankbox .rank-table td{
color:#727272;
}
#main .rank .comment{
background-color:#FEF7E2;
background-image:url(img/comment_bg.png);
background-position:left bottom;
background-repeat:repeat-x;
margin:30px 24px 20px;
}
#main .rank .comment .comment-inner{
background-image:url(img/comment_title_bg.png);
background-position:left top;
background-repeat:no-repeat;
left:-16px;
padding:40px 0 5px 165px;
position:relative;
top:-21px;
}
#main .rank .comment .comment-tit{
color:#82B7DF;
font-size:15px;
font-weight:700;
line-height:130%;
margin-bottom:10px;
}
#main .rank .comment p{
color:#595959;
padding-bottom:10px;
}
#main .rank .more{
background-color:#FFF;
padding:5px 0 25px;
text-align:center;
}
#main .rank .more a{
}
#main .rank .more a img{
margin:5px 10px;
vertical-align:bottom;
}
/* メニュー用ランキング
==================================================
*/
#menu .rank1,#menu .rank2,#menu .rank3,#menu .rank4,#menu .rank5{
background-position:left top;
background-repeat:no-repeat;
border:none;
color:#82B7DF;
font-size:14px;
font-weight:700;
height:auto;
line-height:130%;
margin:0;
padding:15px 0 15px 60px;
}
#menu .rank1{ background-image:url(img/rank1.png); }
#menu .rank2{ background-image:url(img/rank2.png); }
#menu .rank3{ background-image:url(img/rank3.png); }
#menu .rank4{ background-image:url(img/rank4.png); }
#menu .rank5{ background-image:url(img/rank5.png); }
/*
==================================================
１カラムレイアウト
==================================================
*/
#column1{
background-image:url(img/contents_bg.png);
background-position:center top;
background-repeat:no-repeat;
padding-top:15px;
text-align:center;
}
#column1 #contents{
margin:0 auto;
width:900px;
}
#column1 #menu,#column1 #main{
float:none;
width:auto;
}
#column1 #main{
margin-bottom:20px;
}
#column1 #menu .menulist ul{
padding:10px;
}
#column1 #menu li{
background:none;
border:none;
display:inline;
margin:0;
padding:0;
white-space:nowrap;
}
#column1 #menu li a,#column1 #menu #newEntry li a{
background:none repeat scroll 0 0 transparent;
border:none;
color:#666;
display:inline;
font-weight:400;
margin:0;
text-decoration:underline;
}
#column1 #menu li a:hover,#column1 #menu #newEntry li a:hover{
text-decoration:none;
}
#column1 #menu li a,#column1 #menu li.l2 a,#column1 #menu li.l3 a{
margin:0 5px;
padding:0 5px;
}
/*
==================================================
２カラムレイアウト
==================================================
*/
#column2{
background-image:url(img/contents_bg.png);
background-position:center top;
background-repeat:no-repeat;
padding-top:15px;
text-align:center;
}
#column2 #contents{
margin:0 auto;
width:900px;
}
/*
==================================================
３カラムレイアウト
==================================================
*/
#column3{
background-image:url(img/contents_bg.png);
background-position:center top;
background-repeat:no-repeat;
padding-top:15px;
text-align:center;
}
#column3 #contents{
margin:0 auto;
width:900px;
}
#contents:after{
content:"";
display:block;
height:0;
clear:both;
font-size:0;
line-height:0;
visibility:hidden;
}
#contents{
width:100%;
}
#column3 #layoutbox{
background-position:left top;
background-repeat:repeat-y;
float:left;
width:650px;
}
#column3 #main{
float:right;
width:396px;
_width:400px;
}
#rmenu{
float:right;
width:220px;
}
/*
==================================================
レイアウト切り替え用スタイル(後で削除)
==================================================
*/
#column1 #rmenu,#column2 #rmenu,#column1 #space3,#column1 #space4,#column1 .bannerbox,#column1 #submenu{ display:none }
#wrapper{}
#top{}
#header .innerbox{}
#header{
height:auto !important;
}
#header .innerbox #headbox_title{ height:360px; }body{
background-repeat:no-repeat;
}
#header{ height:360px; }
#headerbox{height:360px; }
#header h2,#header .title{
left:30px;
}
#header h2 a,#header h2 a:visited,#header .title a,#header .title a:visited{}
#headertext{
}
#main{ float:right; }
#column2 #menu,#column3 #menu{ float:left; }
#column3 #rmenu{ float:right; }
#column3 #layoutbox{ float:left; }
#column3 #main{ float:right; }
/*
#wrapper{}
#topmenu{}
#threebox{width:25px;}
#main{}
#menu{}
#rmenu{}
*/
body,footer,#footer,#footer > div{font-family:"メイリオ","Meiryo","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック","MS P Gothic","Osaka",Verdana,Arial,Helvetica,sans-serif;font-weight:normal;}
h1,h2,h3,h4,h5,h6,.title,dt,h3 > span,h4 > span,h5 > span,h6 > span,.title > span,div[id$="menu"] h4,div[id$="menu"] .title,#indexlist .title{font-family:"游ゴシック Medium","Yu Gothic Medium",游ゴシック体,'Yu Gothic',YuGothic,'ヒラギノ角ゴシック Pro','Hiragino Kaku Gothic Pro',メイリオ,Meiryo,Osaka,'ＭＳ Ｐゴシック','MS PGothic',sans-serif !important;font-weight:bold;}
#entrylist h4,#entrylist h4::before{font-family:"游ゴシック Medium","Yu Gothic Medium",游ゴシック体,'Yu Gothic',YuGothic,'ヒラギノ角ゴシック Pro','Hiragino Kaku Gothic Pro',メイリオ,Meiryo,Osaka,'ＭＳ Ｐゴシック','MS PGothic',sans-serif;font-weight:normal;}
.rank1,.rank2,.rank3,.rank4,.rank5,.rank6,.rank7,.rank8,.rank9,.rank10,.point,.point1,.point2,.point3,.point4,.point5,.point6,.point7,.point8,.point9,.point10{font-family:"游ゴシック Medium","Yu Gothic Medium",游ゴシック体,'Yu Gothic',YuGothic,'ヒラギノ角ゴシック Pro','Hiragino Kaku Gothic Pro',メイリオ,Meiryo,Osaka,'ＭＳ Ｐゴシック','MS PGothic',sans-serif !important;font-weight:bold;}
#text1,#text2,#text3,#text4,#text5,#text6,#text7,#text8,#text9,#text10,#space1,#space2{font-family:"メイリオ","Meiryo","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック","MS P Gothic","Osaka",Verdana,Arial,Helvetica,sans-serif;font-weight:normal;}
/* スマホタイトル */
@media screen and (max-width:640px){#header h2,#header .title,#top .title{display:none;}}
/* スマホ説明文 */
@media screen and (max-width:640px){#header .desc,#footer .desc{display:none;}}
/* スマホヘッダー画像 */
@media screen and (max-width:640px){#header img,#headerbox > img{display:none;}}
/* スマホヘッダー領域 */
@media screen and (max-width:640px){#header #headertxt{display:none;}}
/* スマホ画像表示 */
@media screen and (max-width:640px){.txt-img,.txt-img img,img.image-left,img.image-right{float:none !important;padding:0;margin:0;max-width:100%}.txt-img img,img.image-left,img.image-right,.txt-img img.image-left,.txt-img img.image-right{margin:5px 0;}.txt-img.timg-r,.txt-img.timg-l{margin:0;max-width:100%;float:none !important;}.txt-img img[align^="right"],.txt-img img[align^="left"],.image-left,.image-right{max-width:100%;float:none !important;margin-bottom:8px;}.float-l img{float:left !important;}.float-r img{float:right !important;}.rank .float-l,.rank .float-r{float:none !important;max-width:100%;}.rank .float-l img,.rank .float-l img{float:none !important;display:block;margin-bottom:10px;}} /* fixcss */.point:empty{height:32px}
.img-lb{display:contents;}
/* fixImageStyles */
img{height:auto;max-width:100%}
.image-center{margin:10px auto;display:block;}
.img-center{text-align:center;max-width:100%;height:auto;}
.img-center img{max-width:100%;height:auto;margin:8px auto}
span.img-center{display:block;text-align:center;}
table.rank-table td .img-center{text-align:left !important;}