@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,tbody,tfoot,thead,tr,th,td{
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{
display:block;
text-align:left;
}
img{
border:0;
max-width:100%;
}
:focus{ outline:0 }
ins{ text-decoration:none }
del{ text-decoration:line-through }
table{
border-collapse:collapse;
border-spacing:0;
}
/*
==================================================
基本スタイル
==================================================
*/
body{
background-color:#FFFFFF;
/*background-image:url(img/body_bg.png);*/
background-repeat:repeat-x;
background-position:center -40px;
color:#666666;
font-size:13px;
line-height:1.6;
text-align:center;
}
h1,h2,h3,h4,h5,h6,.title,dt{
font-weight:700;
}
/*
h1,h2,h3,h4,h5,h6,.title{
text-shadow:0 1px 1px #CCC;
}
*/
.clear{
clear:both;
font-size:1px;
}
/* for modern brouser */
.clearfix:after{
content:".";
display:block;
clear:both;
height:0;
visibility:hidden;
}
/* IE7,MacIE5 */
.clearfix{
display:inline-block;
}
/* WinIE6 below,Exclude MacIE5 \*/
* html .clearfix{
height:1%;
}
.clearfix{
display:block;
}
/* リスト
==================================================
*/
ol{
list-style-type:decimal;
}
ul li,ol li{
list-style-type:none;
margin:0;
}
/* リンク
==================================================
*/
a{ color:#53A553; }
a:hover{ color:#E09D29; }
#main a,#main a:visited{
color:#3366CC;
}
#main a:hover{
color:red;
}
/*
a:hover img{
-ms-filter:"alpha( opacity=60 )";
background:none !important;
filter:alpha(opacity=60);
opacity:0.6;
}*/
#main a:hover,#menu a:hover,#rmenu a:hover{
position:relative;
top:1px;
left:1px;
}
/* リスト
==================================================
*/
#main ul,#main ol{
margin:auto -3em 1em 0;
padding:0;
position:relative;
left:-3em;
overflow:hidden;
}
#main li{
margin-top:0.25em;
margin-bottom:0.25em;
}
#main ul ul,#mainul ol,#main ol ol,#mainol ul{
margin-left:1em;
padding-left:0;
}
#main ul li,#mainol li{
margin-left:5em;
}
#main ul li{
list-style-image:url(img/icon_maru_02.png);
}
#main ol li{
list-style-type:decimal;
}
#main li li{
margin-left:1em;
}
#main #whatsnew ul,#main #mainmenu ul,#main #sitemaps ul{
margin:0;
position:static;
left:0;
}
#main #whatsnew ul li,#main #sitemaps ul li{
list-style-image:none;
margin:0;
}
/*
==================================================
全体
==================================================
*/
/* レイアウト
==================================================
*/
#bg{
height:290px;
background-image:url(img/body_bg2.png);
background-repeat:repeat-x;
background-position:center top;
}
#wrapper{
position:relative;
z-index:1;
width:930px;
margin:0 auto;
padding:0px 0px 20px 0px;
zoom:1;
}
#wrapper .inner{
margin:0 auto;
zoom:1;
}
#contents{
zoom:1;
}
#contents_inner{
padding:20px 15px 40px 15px;
zoom:1;
}
#layoutbox{
padding-bottom:10px;
zoom:1;
}
#siteNavi{
font-size:12px;
padding:5px 5px 10px 10px;
}
/* ページ上部へ戻る
==================================================
*/
#pagetop{
clear:both;
position:absolute;
bottom:5px;
right:16px;
z-index:5;
}
#pagetop a{
display:block;
width:41px;
height:40px;
margin:0px 0px 0px auto;
background-image:url(img/pagetop_btn.png);
background-position:left center;
background-repeat:no-repeat;
text-indent:-9999px;
}
/* 検索ボックス
==================================================
*/
#searchbox{
position:relative;
padding:1px;
}
#searchbox_inner{
width:900px;
 margin:0px auto 0px auto;
}
#searchbox form{
position:relative;
 margin:0px 10px 0px auto;
width:208px;
height:24px;
font-size:12px;
text-align:right;
}
#searchbox .skwd{
position:absolute;
top:0px;
left:0px;
z-index:10;
width:175px;
height:24px;
padding-left:5px;
padding-right:5px;
border:0px solid #CCCCCC;
background-image:url(img/search_input.png);
background-position:left center;
background-repeat:no-repeat;
line-height:24px;
}
#searchbox .button{
position:absolute;
top:0px;
right:0px;
border:0;
}
#footsearchbox{
width:848px;
padding:24px 26px 0px 26px;
}
#footsearchbox_inner{
}
#footsearchbox form{
position:relative;
 margin:0px 3px 0px auto;
width:229px;
height:43px;
background-image:url(img/search_bg.png);
background-position:left center;
background-repeat:no-repeat;
font-size:12px;
text-align:right;
}
#footsearchbox .skwd{
position:absolute;
top:4px;
left:0px;
z-index:10;
width:193px;
height:26px;
border:0px solid #CCCCCC;
padding-left:5px;
background-color:#FFFFFF;
line-height:26px;
}
#footsearchbox .button{
position:absolute;
top:4px;
right:0px;
border:0;
background-color:#FFCCCC;
}
/* 回り込み・回り込み解除
==================================================
*/
.center{
margin-bottom:5px;
margin-top:5px;
text-align:center;
}
.float-l{
display:inline;
float:left;
}
.float-l img{
margin-bottom:10px;
margin-right:10px;
}
.float-r{
display:inline;
float:right;
}
.float-r img{
margin-bottom:10px;
margin-left:10px;
}
.clear,.FloatEnd{ clear:both; }
/*
==================================================
トップ部分
==================================================
*/
/* トップ
==================================================
*/
#top{
position:relative;
z-index:2;
/*height:75px;*/
height:30px;
width:auto;
}
#top h1{
display:block;
position:relative;
top:0px;
left:0px;
padding:5px;
background-repeat:no-repeat;
font-size:13px;
font-weight:700;
text-align:left;
color:#666;
}
/* ヘッダー
==================================================
*/
#headbox{
position:relative;
top:0px;
z-index:1;
width:900px;
margin:0px auto 0px auto;
padding:0px 0px 0px 0px;
}
#headbox_inner{
}
#headbox_title{
height:250px;
background-image:url(img/header.jpg);
background-position:left top;
background-repeat:no-repeat;
}
#headbox_title .title{
width:540px;
padding:16px 5px 10px 5px;
font-size:36px;
font-weight:700;
line-height:1.4;
}
#headbox_title .title a{
text-decoration:none;
text-shadow:-1px -1px 1px #FFFFFF,0px 0px 2px #FFF,0px 0px 5px #CCC,0px 0px 8px #CCC;
}
#headbox_title .desc{
width:530px;
font-size:14px;
line-height:1.2;
padding:10px;
}
/* トップメニュー
==================================================
*/
#topmenu{
position:absolute;
top:15px;
left:50%;
z-index:2;
width:900px;
margin:0px 0px 0px -450px;
}
#topmenu_inner{
width:690px;
margin:0px 0px 0px auto;
}
#topmenu ul{
float:right;
list-style-type:none;
}
#topmenu ul li{
display:block;
float:left;
}
#topmenu ul li a{
display:block;
width:110px;
padding:5px 0px 5px 0px;
color:#A6CCA3;
font-weight:700;
line-height:12px;
text-align:center;
text-decoration:none;
}
#topmenu ul li a strong{
color:#53A553 !important;
}
#topmenu ul li a:hover,#topmenu ul li a:active{
color:#53A553 !important;
font-weight:700;
}
/*
==================================================
メインコンテンツ
==================================================
*/
/* 記事領域
==================================================
*/
#main{
float:right;
width:660px;
padding:0px 0px 0px 0px;
}
#main_inner{
padding:0px 0px 0px 0px;
}
#main #text1,#main #text2,#main #text3,#main #text4,#main #text5,#main #text6,#main #text7,#main #text8,#main #text9,#main #text10{
position:relative;
background-color:#FFFFFF;
padding:18px 18px 18px 18px;
margin-bottom:10px;
}
/* 見出し
==================================================
*/
#main h2{
position:relative;
z-index:10;
margin:0px 0px 0px 0px;
background-color:#54A654;
font-weight:600;
font-size:20px;
line-height:1.2;
zoom:1;/*for IE*/
-webkit-border-radius:5px;
-moz-border-radius:5px;
border-radius:5px;
behavior:url(./css/PIE.htc);
}
#main h2 span{
display:block;
zoom:1;/*for IE*/
}
#main h2 span span{
padding:7px 0px 8px 20px;
color:#FFFFFF;
zoom:1;/*for IE*/
}
#main h3{
position:relative;
z-index:10;
margin:0px 0px 0px 0px;
background-color:#54A654;
font-weight:600;
font-size:18px;
line-height:1.2;
zoom:1;/*for IE*/
-webkit-border-radius:5px;
-moz-border-radius:5px;
border-radius:5px;
behavior:url(./css/PIE.htc);
}
#main h3 span{
display:block;
zoom:1;/*for IE*/
}
#main h3 span span{
padding:7px 0px 7px 20px;
color:#FFFFFF;
zoom:1;/*for IE*/
}
#main h4{
clear:both;
margin:20px 0px 8px 0px;
background-color:#E2F0E3;
border:1px solid #B9DBBA;
color:#53A553;
font-weight:600;
font-size:16px;
line-height:1.2;
zoom:1;/*for IE*/
-webkit-border-radius:5px;
-moz-border-radius:5px;
border-radius:5px;
behavior:url(./css/PIE.htc);
}
#main h4 span{
display:block;
padding:9px 14px 8px 14px;
zoom:1;/*for IE*/
}
#main h5{
margin:15px auto 5px;
color:#53A553;
font-weight:700;
font-size:16px;
line-height:1.2;
zoom:1;/*for IE*/
}
#main h5 span{
display:block;
padding:10px 10px 9px 18px;
background-image:url(img/icon_maru_02.png);
background-position:left center;
background-repeat:no-repeat;
zoom:1;/*for IE*/
}
#main h6{
margin:15px auto 2px;
color:#53A553;
font-weight:700;
font-size:14px;
line-height:1.2;
zoom:1;/*for IE*/
}
#main h6 span{
display:block;
padding:5px 10px 5px 0px;
zoom:1;/*for IE*/
}
/*
==================================================
サイドメニュー
==================================================
*/
/* メニュー
==================================================
*/
#menu{
float:left;
width:210px;
}
#menu_inner{
}
#menu .rankbox{
margin-bottom:15px;
padding:15px;
border:1px solid #EBEBEB;
background-color:#FFFFFF;
font-size:12px;
line-height:1.5;
}
.menubox{
margin:0 0 20px;
padding:0;
}
.menulist{
zoom:1;
}
.menulist ul li{
list-style-image:none;
list-style-type:none;
margin:0px 0px 1px 0px;
font-size:13px;
line-height:1.4;
}
.menulist li a{
display:block;
padding:8px 5px 8px 25px;
background-image:url(img/icon_maru_01.png);
background-position:5px center;
background-repeat:no-repeat;
font-weight:bold;
text-decoration:none;
}
.menulist .l2 a{
font-size:12px;
padding-left:42px;
background-position:22px center;
}
.menulist .l3 a{
font-size:12px;
padding-left:60px;
background-position:40px center;
}
#menu .menutitle,#rmenu .menutitle,#menu h4,#rmenu h4{
padding:0px 0px 5px 0px;
margin:0px 0px 5px 0px;
background-image:url(img/menu_title_bg.png);
background-position:left bottom;
background-repeat:no-repeat;
color:#53A553;
font-weight:700;
font-size:14px;
line-height:1.4;
text-align:left;
}
/* メルマガ
==================================================
*/
.mailmagazine{
position:relative;
width:210px;
height:161px;
background-image:url(img/mailmagazine_bg.png);
background-position:left bottom;
margin:0px 0px 20px 0px;
}
.mailmagazine label{
display:block;
position:absolute;
top:54px;
left:16px;
}
.mailmagazine #mailInput{
position:absolute;
top:87px;
left:24px;
width:160px;
border:0;
}
.mailmagazine #mailSubmit{
position:absolute;
top:117px;
left:17px;
}
/* バナー領域
==================================================
*/
.bannerbox{
width:204px;
margin:0px auto 15px auto;
border-bottom:1px dotted #DDDDDD;
}
.bannerbox li{
display:block;
list-style-image:none;
list-style-type:none;
margin:0px 0px 10px 0px;
text-align:center;
zoom:1;
}
.bannerbox li a{
background-image:none;
font-size:15px;
margin:0;
padding:0;
}
.bannerbox li a img{
vertical-align:bottom;
}
/* 最新記事・アーカイブ
==================================================
*/
#menu ul#newEntry,#menu ul#entryarchive,#rmenu ul#newEntry,#rmenu ul#entryarchive{
margin:0px 0px 20px 0px;
padding:10px 8px 4px 8px;
line-height:1.4;
background-color:#F6F6F6;
}
#menu .newEntryTitle,#menu .title,#rmenu .newEntryTitle,#rmenu .title{
margin:0px 7px 0px 7px;
}
ul#newEntry li,ul#entryarchive li{
list-style-image:none;
list-style-type:none;
margin-bottom:8px;
padding-left:8px;
}
#newEntry li .date{
float:left;
margin:0px 1em 0px 0px;
}
#newEntry li a{
display:block;
overflow:auto;/* for modern browser */
zoom:1;/* for ie6 */
text-decoration:underline;
}
#newEntry li a:hover{
text-decoration:underline;
}
/*
==================================================
フッター
==================================================
*/
#footer{
z-index:1;
}
#footer .inner{
}
#footcontents{
width:100%;
}
#footlink{
margin:0px 0px 0px 0px;
padding:10px 0px 10px 0px;
background-color:#50A758;
font-size:12px;
}
#footlink-inner{
width:900px;
margin:0px auto 0px auto;
}
#footlink a{
color:#FFFFFF;
text-decoration:none;
}
#footlink a:hover{
position:relative;
top:1px;
left:1px;
}
#footlink span{
display:inline;
zoom:1;
display:inline-block;
padding:0px 20px 0px 0px;
font-size:12px;
text-decoration:none;
}
#footlink span:first-child{
border-left:0;
}
#footlogo{
margin:0px 0px 0px 0px;
font-size:24px;
}
#copyright{
width:900px;
margin:25px auto 25px auto;
}
/*
==================================================
トップページ
==================================================
*/
/* メニュー
==================================================
*/
#mainmenu{
margin:0px 0px 10px 0px;
padding:4px 4px 4px 4px;
}
#mainmenu ul{
padding:20px 0px 0px 0px;
zoom:1;
}
#mainmenu ul li{
float:left;
width:216px;
padding:0px 0px 0px 0px;
border-left:1px solid #EEEEEE;
}
#mainmenu ul li:first-child{
border-left:none;
}
#mainmenu dl{
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
background-color:#FFFFFF;
}
#mainmenu dl dt{
margin:0px 0px 0px 0px;
padding:0px 0px 8px 0px;
text-align:center;
}
#mainmenu dl dt img{
-webkit-border-radius:5px;
-moz-border-radius:5px;
border-radius:5px;
behavior:url(./css/PIE.htc);
}
#mainmenu dl dd.text{
margin:0px 0px 0px 0px;
padding:0px 12px 5px 12px;
}
#mainmenu dl dd.btn{
margin:0px 0px 0px 0px;
padding:0px 0px 10px 0px;
}
#mainmenu dl dd.btn a{
display:block;
margin:0px auto 0px auto;
padding:0px 0px 0px 22px;
background-image:url(img/icon_maru_02.png);
background-position:8px center;
background-repeat:no-repeat;
font-size:12px;
font-weight:bold;
text-decoration:none;
}
#mainmenu dl dd.btn a:hover,#mainmenu dl dd.btn a:active{
}
#column1 #mainmenu li{
width:296px;
}
#column1 #mainmenu dl dd.btn a{
padding:0px 0px 0px 60px;
background-position:46px center;
}
#column3 #mainmenu li{
border-left:none;
}
#column3 #mainmenu li img{
}
/* 更新履歴
==================================================
*/
#whatsnew{
position:relative;
margin-bottom:20px;
padding:20px 0px 15px 20px;
border:1px solid #E2EDE7;
zoom:1;/*for IE*/
-webkit-border-radius:5px;
-moz-border-radius:5px;
border-radius:5px;
behavior:url(./css/PIE.htc);
}
#whatsnew .title{
float:left;
width:160px;
margin:0px 0px 0px 0px;
padding:2px 2px 2px 2px;
color:#53A553;
font-weight:bold;
font-size:50px;
line-height:1.2;
}
#whatsnew .title span{
display:block;
color:#999999;
font-size:13px;
}
#whatsnew .more{
clear:both;
text-align:right;
margin:4px 0px 4px 0px;
padding:0px 15px 0px 0px;
}
#whatsnew li a{
text-decoration:underline;
}
#whatsnew ul{
margin:0px 0px 0px 140px;
padding:0px 0px 0px 0px;
overflow:hidden;
zoom:1;
}
#whatsnew ul li{
margin:0px 0px 0px 0px;
padding:5px 0px 4px 0px;
}
#whatsnew ul li .date{
display:-moz-inline-box; /*for Firefox 2*/
display:inline-block; /*for modern*/
/display:inline; /*for ie5-7*/
/zoom:1; /*for ie5-7*/
margin:0px 16px 0px 0px;
padding:1px 7px 0px 7px;
}
/*
==================================================
カテゴリーページ
==================================================
*/
#categorylist{
position:relative;
z-index:1;
margin:0px 0px 40px 0px;
}
#categorylist_inner{
}
#categorylist .catbox{
position:relative;
margin:20px 0px 0px 0px;
padding:0px 0px 20px 0px;
border:1px solid #CEE6CE;
font-size:13px;
line-height:1.6;
overflow:hidden;
zoom:1;
-webkit-border-radius:5px;
-moz-border-radius:5px;
border-radius:5px;
behavior:url(./css/PIE.htc);
}
#categorylist .catbox .title{
display:block;
font-weight:700;
font-size:18px;
background-color:#E3FBE3;
background:-webkit-gradient(linear,0 0,0 bottom,from(#E3FBE3),to(#D0E8D0));
background:-webkit-linear-gradient(#E3FBE3,#D0E8D0);
background:-moz-linear-gradient(#E3FBE3,#D0E8D0);
background:-ms-linear-gradient(#E3FBE3,#D0E8D0);
background:-o-linear-gradient(#E3FBE3,#D0E8D0);
background:linear-gradient(#E3FBE3,#D0E8D0);
-pie-background:linear-gradient(#E3FBE3,#D0E8D0);
behavior:url(./css/PIE.htc);
}
#categorylist .catbox .title span{
display:block;
padding:5px 10px 5px 16px;
}
#categorylist .catbox .title span a{
text-decoration:none;
}
#categorylist .catbox .float-l{
margin:20px 0px 0px 20px;
padding:5px 5px 5px 5px;
background-image:url(img/category_photo_bg.gif);
background-position:left top;
background-repeat:repeat;
overflow:hidden;
zoom:1;
-webkit-border-radius:5px;
-moz-border-radius:5px;
border-radius:5px;
behavior:url(./css/PIE.htc);
}
#categorylist .catbox .float-r{
margin:10px 0px 0px 0px;
}
#categorylist .catbox .float-l img,#categorylist .catbox .float-r img{
margin:0px 0px 0px 0px;
border:1px solid #FFFFFF;
vertical-align:bottom;
}
#categorylist .catbox .body{
overflow:hidden;
zoom:1;
padding:0px 0px 0px 0px;
}
#categorylist .catbox p{
overflow:hidden;
zoom:1;
margin:0px 0px 10px 0px;
padding:20px 20px 10px 20px;
}
#categorylist .catbox .more{
overflow:hidden;
zoom:1;
padding:0px 20px 0px 0px;
float:right;
}
#categorylist .catbox .more a{
display:block;
width:130px;
height:23px;
margin:0px auto 0px auto;
padding:5px 0px 0px 0px;
background-image:url(img/more_btn_01.png);
background-position:left top;
background-repeat:no-repeat;
color:#FFFFFF;
font-weight:300;
font-size:12px;
text-align:center;
text-decoration:none;
}
#pagelist{
margin-bottom:10px;
margin-top:10px;
padding:10px;
text-align:center;
}
#pagelist li{
display:inline;
list-style-type:none;
}
#pagelist a{
display:inline-block;
width:20px;
padding:2px 10px;
background-color:#EBEBEB;
color:#666666;
text-align:center;
text-decoration:none;
}
#pagelist a:hover,#pagelist a:active{
background-color:#53A553;
color:#FFFFFF !important;
}
/*
==================================================
エントリーページ
==================================================
*/
#entrylist{
position:relative;
z-index:1;
margin:0px 0px 40px 0px;
padding:10px 10px 10px 10px;
background-color:#F6F6F6;
-webkit-border-radius:5px 5px 5px 5px;
-moz-border-radius:5px 5px 5px 5px;
border-radius:5px 5px 5px 5px;
behavior:url(./css/PIE.htc);
}
#entrylist h4{
margin:0px 0px 0px 0px;
border:none;
background:none;
font-weight:bold;
font-size:18px;
line-height:1.4;
}
#entrylist h4 span{
display:block;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
}
#entrylist h4 span span{
display:block;
padding:6px 10px 12px 45px;
background-image:url(img/entrylist_icon.png);
background-position:left top;
background-repeat:no-repeat;
}
#entrylist dl{
margin:0px 0px 0px 0px;
}
#entrylist dt{
margin:0px 0px 0px 0px;
border-top:1px solid #E4EDE8;
border-right:1px solid #E4EDE8;
border-left:1px solid #E4EDE8;
background-color:#FFFFFF;
-webkit-border-radius:5px 5px 0px 0px;
-moz-border-radius:5px 5px 0px 0px;
border-radius:5px 5px 0px 0px;
behavior:url(./css/PIE.htc);
}
#entrylist dt span{
}
#entrylist dt a{
display:block;
padding:10px 10px 5px 30px;
background-image:url(img/icon_maru_02.png);
background-position:10px 16px;
background-repeat:no-repeat;
font-weight:700;
font-size:16px;
text-decoration:none;
}
#entrylist dt a:hover{
}
#entrylist dd{
margin:0px 0px 8px 0px;
padding:0px 10px 10px 10px;
border-bottom:1px solid #E4EDE8;
border-right:1px solid #E4EDE8;
border-left:1px solid #E4EDE8;
background-color:#FFFFFF;
-webkit-border-radius:0px 0px 5px 5px;
-moz-border-radius:0px 0px 5px 5px;
border-radius:0px 0px 5px 5px;
behavior:url(./css/PIE.htc);
}
#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{
position:relative;
z-index:1;
margin:0px 0px 10px 0px;
padding:1px 18px 18px 18px;
}
#sitemaps ul{
margin:0px 0px;
padding:0px 0px;
}
#sitemaps li{
list-style-image:none;
list-style-type:none;
background-image:url(img/icon_maru_02.png);
background-position:left center;
background-repeat:no-repeat;
padding-left:17px;
}
#sitemaps .sbox1{
width:48%;
float:left;
}
#sitemaps .sbox2{
width:48%;
float:right;
}
#sitemaps .l1{
font-size:16px;
font-weight:700;
margin-top:14px;
}
#sitemaps .l2{
font-size:12px;
margin-top:8px;
margin-left:18px;
}
#sitemaps .l3{
font-size:12px;
margin-top:6px;
margin-left:48px;
}
/*
==================================================
フリースペース
==================================================
*/
#space1,#space2{ margin-bottom:15px }
#space3,#space4,#space5,#space6{
margin:0 0 15px 0;
padding:10px 10px 10px 10px;
font-size:13px;
line-height:1.4;
background:#E2EFE2;
}
#menu .freetitle,#rmenu .freetitle{
margin:0px 7px 0px 7px;
}
/*
==================================================
ブログモード
==================================================
*/
#bloglist{
position:relative;
margin-bottom:20px;
border-right:1px solid #E1E1E1;
border-left:1px solid #E1E1E1;
border-bottom:1px solid #E1E1E1;
background-color:#FFFFFF;
padding:24px 18px 18px 18px;
}
.blog{
margin:0px 0px 30px 0px;
zoom:1;
}
.blog .thumb{
float:left;
margin-right:15px;
}
.blog .thumb img{
margin:0px 0px 0px 0px;
vertical-align:bottom;
-webkit-border-radius:5px;
-moz-border-radius:5px;
border-radius:5px;
behavior:url(./css/PIE.htc);
}
.blog .title{
margin-bottom:5px;
font-size:16px;
line-height:1.4;
}
.blog .title a{
text-decoration:none;
}
.blog .info{
margin-bottom:5px;
color:#666;
}
.blog .body{
overflow:hidden;
line-height:1.5;
}
.blog .more{
margin-top:5px;
font-size:14px;
font-weight:700;
text-align:right;
}
/*
==================================================
サイト内検索
==================================================
*/
#searchresult{
position:relative;
z-index:1;
margin:0px 0px 40px 0px;
padding:10px 10px 10px 10px;
background-color:#F6F6F6;
}
#searchresult dl{
margin:0px 0px 0px 0px;
}
#searchresult dt{
margin:0px 0px 0px 0px;
border-top:1px solid #E4EDE8;
border-right:1px solid #E4EDE8;
border-left:1px solid #E4EDE8;
background-color:#FFFFFF;
-webkit-border-radius:5px 5px 0px 0px;
-moz-border-radius:5px 5px 0px 0px;
border-radius:5px 5px 0px 0px;
behavior:url(./css/PIE.htc);
}
#searchresult dt a{
display:block;
padding:10px 10px 5px 30px;
background-image:url(img/icon_maru_02.png);
background-position:10px 16px;
background-repeat:no-repeat;
font-weight:700;
font-size:15px;
text-decoration:none;
}
#searchresult dt a:hover{
}
#searchresult dd{
margin:0px 0px 8px 0px;
padding:0px 10px 10px 10px;
border-bottom:1px solid #E4EDE8;
border-right:1px solid #E4EDE8;
border-left:1px solid #E4EDE8;
background-color:#FFFFFF;
-webkit-border-radius:0px 0px 5px 5px;
-moz-border-radius:0px 0px 5px 5px;
border-radius:0px 0px 5px 5px;
behavior:url(./css/PIE.htc);
}
/*
==================================================
ポイント
==================================================
*/
#main .pointbox{
position:relative;
margin:20px 0px 0px 0px;
padding:0px 0px 0px 0px;
}
#main .point1,#main .point2,#main .point3,#main .point4,#main .point5,#main .point6,#main .point7,#main .point8,#main .point9,#main .point10{
display:block;
padding:15px 0 10px 60px;
background-position:left top;
background-repeat:no-repeat;
color:#53A553;
font-weight:700;
font-size:20px;
line-height:1.2;
border:none;
height:auto;
}
.point1{ background-image:url(img/point_01.png) }
.point2{ background-image:url(img/point_02.png) }
.point3{ background-image:url(img/point_03.png) }
.point4{ background-image:url(img/point_04.png) }
.point5{ background-image:url(img/point_05.png) }
.point6{ background-image:url(img/point_06.png) }
.point7{ background-image:url(img/point_07.png) }
.point8{ background-image:url(img/point_08.png) }
.point9{ background-image:url(img/point_09.png) }
.point10{ background-image:url(img/point_10.png) }
#main .pointbox p{
margin:-8px 0px 0px 0px;
padding:10px 10px 10px 10px;
background-color:#E2F0E3;
line-height:1.6;
-webkit-border-radius:5px;
-moz-border-radius:5px;
border-radius:5px;
behavior:url(./css/PIE.htc);
}
/*
==================================================
ランキング
==================================================
*/
/* メインコンテンツ用ランキング
==================================================
*/
#ranking{
position:relative;
z-index:1;
margin:0px 0px 40px 0px;
background-color:#FFFFFF;
}
#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;
padding:15px 25px 10px 50px;
border:none;
}
#main .rank1{
background-image:url(img/rank_01.png);
}
#main .rank2{
background-image:url(img/rank_02.png);
}
#main .rank3{
background-image:url(img/rank_03.png);
}
#main .rank4{
background-image:url(img/rank_04.png);
}
#main .rank5{
background-image:url(img/rank_05.png);
}
#main .rank6{
background-image:url(img/rank_06.png);
}
#main .rank7{
background-image:url(img/rank_07.png);
}
#main .rank8{
background-image:url(img/rank_08.png);
}
#main .rank9{
background-image:url(img/rank_09.png);
}
#main .rank10{
background-image:url(img/rank_10.png);
}
#main .rankbox{
position:relative;
overflow:hidden;
zoom:1;
/*min-height:230px;
height:auto !important;
height:230px;*/
margin:40px 0px 10px 0px;
padding:20px 0px 0px 0px;
font-size:13px;
line-height:1.6;
background-color:#E2EEE2;
background:-webkit-gradient(linear,0 0,0 bottom,from(#FFFFFF),to(#E2EEE2));
background:-webkit-linear-gradient(#FFFFFF,#E2EEE2);
background:-moz-linear-gradient(#FFFFFF,#E2EEE2);
background:-ms-linear-gradient(#FFFFFF,#E2EEE2);
background:-o-linear-gradient(#FFFFFF,#E2EEE2);
background:linear-gradient(#FFFFFF,#E2EEE2);
-pie-background:linear-gradient(#FFFFFF,#E2EEE2);
-webkit-border-radius:5px;
-moz-border-radius:5px;
border-radius:5px;
behavior:url(./css/PIE.htc);
}
#main .rankbox .float-l{
/*position:absolute;
top:15px;
left:20px;*/
margin:0px 0px 0px 20px;
position:relative;
z-index:1;
}
#main .rankbox .float-r{
margin:0px 0px 0px 0px;
}
#main .rankbox .float-l img,#main .rankbox .float-r img{
border:1px solid #FFFFFF;
vertical-align:bottom;
zoom:1;
-webkit-border-radius:8px;
-moz-border-radius:8px;
border-radius:8px;
behavior:url(./css/PIE.htc);
}
#main .rankbox .body{
zoom:1;
}
#main .rankbox .title{
overflow:hidden;
zoom:1;
margin:0px 0px 10px 0px;
padding:0px 0px 0px 14px;
}
#main .rankbox .title span{
display:block;
padding:2px 10px 2px 10px;
border-left:4px solid #54A652;
font-weight:700;
font-size:18px;
}
#main .rankbox p{
overflow:hidden;
zoom:1;
margin:0px 0px 0px 0px;
padding:0px 14px 10px 14px;
}
#main .rankbox .more{
display:block;
padding:10px 0px 20px 0px;
}
#main .rankbox .more a{
display:block;
width:130px;
height:23px;
margin:0px 0px 0px 50px;
padding:5px 0px 0px 0px;
background-image:url(img/more_btn_01.png);
background-position:left top;
background-repeat:no-repeat;
color:#FFFFFF;
font-weight:300;
font-size:12px;
text-align:center;
text-decoration:none;
}
#main .rankbox .more a:hover,#main .rankbox .more a:active{
}
/* メニュー用ランキング
==================================================
*/
#menu .rank1,#menu .rank2,#menu .rank3,#menu .rank4,#menu .rank5{
font-weight:700;
font-size:14px;
line-height:1.3;
padding:8px 0px 8px 35px;
background-repeat:no-repeat;
}
#menu .rank1{ background-image:url(img/rank_01_mini.png) }
#menu .rank2{ background-image:url(img/rank_02_mini.png) }
#menu .rank3{ background-image:url(img/rank_03_mini.png) }
/*
==================================================
１カラムレイアウト
==================================================
*/
#column1{
margin:0px 0px 0px 0px;
}
#column1 #menu,#column1 #main{
float:none;
width:auto;
}
#column1 #menu{
padding:10px 0px 0px 0px;
background-color:transparent;
}
#column1 #menu_inner{
padding:0px 0px 0px 0px;
border:none;
background-color:transparent;
}
#column1 #menu .menutitle,#column1 #rmenu .menutitle{
margin:0px 0px 0px 0px;
background:none;
border-bottom:1px solid #54A654;
}
#column1 #menu .menulist{
margin:20px 0px 0px 0px;
}
#column1 #menu ul{
margin:0px 0px 15px 0px;
padding:0px 0px 0px 0px;
}
#column1 #menu li{
background:none;
display:inline;
margin:0;
padding:0;
border:0;
}
#column1 #menu li a,#column1 #menu #newEntry li a{
display:inline;
margin:0;
border:none;
background:none;
font-weight:700;
text-decoration:underline;
}
#column1 #menu li a,#column1 #menu li.l2 a,#column1 #menu li.l3 a{
margin:0px 5px 0px 0px;
padding:0px 5px 0px 0px;
}
/*
==================================================
２カラムレイアウト
==================================================
*/
#column2{
margin:0px 0px 0px 0px;
background-image:url(img/contents_bg2.jpg);
background-position:center top;
background-repeat:repeat-y;
}
/*
==================================================
３カラムレイアウト
==================================================
*/
#column3{
margin:0px 0px 0px 0px;
background-image:url(img/contents_bg2.jpg);
background-position:center top;
background-repeat:repeat-y;
}
#column3 #layoutbox{
background-position:left top;
background-repeat:repeat-y;
float:left;
width:700px;
}
#column3 #main{
float:right;
width:470px;
}
#column3 #rmenu{
float:right;
width:180px;
}
/*
==================================================
レイアウト切り替え用スタイル(後で削除)
==================================================
*/
#column1 #rmenu,#column2 #rmenu,#column1 #space3,#column1 #space4,#column1 .bannerbox,#column1 #submenu,#column1 .mailmagazine,#column1 .freetitle,#column1 .newEntryTitle,#column1 #newEntry{
 display:none;
}
body{
background-repeat:no-repeat;
}
#header{ height:235px; }
#headerbox{height:235px; }
#header h2,#header .title{
}
#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:"メイリオ","Meiryo","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック","MS P Gothic","Osaka",Verdana,Arial,Helvetica,sans-serif !important;font-weight:bold;}
#entrylist h4,#entrylist h4::before{font-family:"メイリオ","Meiryo","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック","MS P Gothic","Osaka",Verdana,Arial,Helvetica,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:"メイリオ","Meiryo","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック","MS P Gothic","Osaka",Verdana,Arial,Helvetica,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;}
.point:empty{height:32px}
.img-lb{display:contents;}.logo-horizon .logotext{display:none;}
/* 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;}