@charset "UTF-8";
/* CSS Document */
body { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; text-align: center; background-image: url(/img/bg_header.jpg); background-position: left top; background-repeat: repeat-x; font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; color: #333; }

#wrap { margin: 0px auto 0px auto; padding: 0px 0px 0px 0px; width: 960px; }
#wrap p.btn_pagetop { clear: both; margin: 0px 0px 0px 0px; padding: 0px 0px 5px 0px; text-align: right; }

img { vertical-align: bottom; border: none; }

.clear { clear: both; }

a:link, a:visited { color: #0066B7; text-decoration: none; }

a:hover, a:active { background-color: #FFC; text-decoration: none; }

.toggle:hover { background-color: #FFC; text-decoration: none; cursor: pointer; }

/* mixin //////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* 共通 //////////////////////////////////////////////////////////////////////////////////////////////////////////// */
.cont_gr { margin: 0px 0px 0px 0px; padding: 0px 0px 30px 0px; }

/* HEADER //////////////////////////////////////////////////////////////////////////////////////////////////////////// */
.headline { /* 上部ヘッドライン（h1） */ float: left; font-size: 14px; color: #666; text-shadow: 2px 1px 1px #fff; }

.head_nav { /* 上部SNSボタン周り */ float: right; vertical-align: bottom; padding: 6px 0px 0px 0px; height: 34px; }
.head_nav form{ display:inline;}
.head_nav img.btn { margin: 0px 5px 0px 0px; }
.head_nav input.word { width: 200px; height: 20px; margin: 0px 4px 0px 10px; }
.head_nav input.btn_search { color: #fff; font-size: 12px; font-weight: bold; text-align: center; border-radius: 3px; cursor: pointer; padding: 3px 6px 3px 6px; /* 緑ボタン */ background-image: -moz-linear-gradient(top, #69A83B, #3E893A); background-image: -ms-linear-gradient(top, #69A83B, #3E893A); background-image: -o-linear-gradient(top, #69A83B, #3E893A); background-image: -webkit-linear-gradient(top, #69A83B, #3E893A); background-image: linear-gradient(top, #69A83B, #3E893A); background-clip: padding-box; border-color: #54993A; border-style: solid; border-width: 1px; }
.head_nav input.btn_search:hover { /* 緑ボタン on */ background-image: -moz-linear-gradient(bottom, #69A83B, #3E893A); background-image: -ms-linear-gradient(bottom, #69A83B, #3E893A); background-image: -o-linear-gradient(bottom, #69A83B, #3E893A); background-image: -webkit-linear-gradient(bottom, #69A83B, #3E893A); background-image: linear-gradient(bottom, #69A83B, #3E893A); background-clip: padding-box; border-color: #54993A; border-style: solid; border-width: 1px; }

.logo { clear: both; padding: 10px 0px 0px 30px; height: 105px; background-image: url(/img/bg_header2.jpg); background-position: left bottom; background-repeat: no-repeat; text-align: left; }
.logo img.sitelogo { float: left; padding: 0px 0px 0px 0px; }
.logo .ad { /* 広告 */ float: right; background-color: #eee; width: 730px; height: 91px; border-color: #fff; border-style: solid; border-width: 1px; }

.gl_nav { /* メニュー */ clear: both; }
.gl_nav ul { margin: 0px 0px 0px 0px; padding: 10px 0px 15px 0px; text-align: left; }
.gl_nav li { list-style: none; display: inline-block; vertical-align: top; width: 155px; margin: 0px 5px 0px 0px; text-align: center; }
.gl_nav li ul.sub { display: none; }
.gl_nav li ul.sub_cat { display: none; }
.gl_nav li ul.sub_cat2 { display: none; }
.gl_nav li ul.sub_cat3 { display: none; }
.gl_nav li ul.sub_cat4 { display: none; }
.gl_nav li:hover ul.sub { display: block; position: absolute; z-index: 100; color: #333; background: #F0F6DA; line-height: 1; box-shadow: 0 2px 4px #000; border: 0px solid #8CBF33; /* 外側の枠線 */ margin: 0px 0px 0px 0px; padding: 10px 0px 10px 0px; width: 240px; }
.gl_nav li:hover ul.sub li { display: inherit; margin: 0px 0px 0px 0px; text-align: left; width: inherit; }
.gl_nav li:hover ul.sub li a:link, .gl_nav li:hover ul.sub li a:visited { font-weight: normal; color: #333; background-color: #F0F6DA; padding: 5px 0px 5px 14px; height: inherit; width: 226px; background-image: url(/img/arrow10-14.png); background-position: left top; background-repeat: no-repeat; font-size: 12px; }
.gl_nav li:hover ul.sub li a:hover, .gl_nav li:hover ul.sub li a:active { font-weight: normal; color: #0066B7; background-color: #fff; }
.gl_nav li:hover ul.sub_cat { display: block; position: absolute; z-index: 100; color: #333; background: #F0F6DA; line-height: 1; box-shadow: 0 2px 4px #000; border: 0px solid #8CBF33; /* 外側の枠線 */ margin: 0px 0px 0px 0px; padding: 10px 0px 10px 5px; width: 955px; text-align: left; }
.gl_nav li:hover ul.sub_cat li.cat_parent { text-align: left; width: 180px; }
.gl_nav li:hover ul.sub_cat li.cat_parent a:link, .gl_nav li:hover ul.sub_cat li.cat_parent a:visited { color: #333; font-size: 14px; background-color: inherit; background-image: url(/img/arrow10-14.png); background-position: left top; background-repeat: no-repeat; padding: 5px 0px 5px 14px; height: inherit; /* width:180px - 14px; */ }
.gl_nav li:hover ul.sub_cat li.cat_parent ul.subcat { margin: 0px 0px 0px 0px; padding: 5px 0px 0px 0px; border-color: #8CBF33; border-style: solid; border-width: 2px 0px 0px 0px; }
.gl_nav li:hover ul.sub_cat li.cat_parent ul.subcat li { text-align: left; /* width:180px; */ }
.gl_nav li:hover ul.sub_cat li.cat_parent ul.subcat li a:link, .gl_nav li:hover ul.sub_cat li.cat_parent ul.subcat li a:visited { font-weight: normal; color: #333; background-color: #F0F6DA; padding: 5px 0px 5px 14px; height: inherit; /* width:180px - 14px; */ background-image: url(/img/arrow10-14.png); background-position: left top; background-repeat: no-repeat; font-size: 12px; }
.gl_nav li:hover ul.sub_cat li.cat_parent ul.subcat li a:hover, .gl_nav li:hover ul.sub_cat li.cat_parent ul.subcat li a:active { font-weight: normal; color: #0066B7; background-color: #fff; }
.gl_nav li:hover ul.sub_cat2 { display: block; position: absolute; z-index: 100; color: #333; background: #F0F6DA; line-height: 1; box-shadow: 0 2px 4px #000; border: 0px solid #8CBF33; /* 外側の枠線 */ margin: 0px 0px 0px -161px; padding: 10px 0px 10px 5px; width: 955px; text-align: left; }
.gl_nav li:hover ul.sub_cat2 li.cat_parent { text-align: left; width: 180px; }
.gl_nav li:hover ul.sub_cat2 li.cat_parent a:link, .gl_nav li:hover ul.sub_cat2 li.cat_parent a:visited { color: #333; font-size: 14px; background-color: inherit; background-image: url(/img/arrow10-14.png); background-position: left top; background-repeat: no-repeat; padding: 5px 0px 5px 14px; height: inherit; /* width:180px - 14px; */ }
.gl_nav li:hover ul.sub_cat2 li.cat_parent ul.subcat { margin: 0px 0px 0px 0px; padding: 5px 0px 20px 0px; border-color: #8CBF33; border-style: solid; border-width: 2px 0px 0px 0px; }
.gl_nav li:hover ul.sub_cat2 li.cat_parent ul.subcat li { text-align: left; /* width:180px; */ }
.gl_nav li:hover ul.sub_cat2 li.cat_parent ul.subcat li a:link, .gl_nav li:hover ul.sub_cat2 li.cat_parent ul.subcat li a:visited { font-weight: normal; color: #333; background-color: #F0F6DA; padding: 5px 0px 5px 14px; height: inherit; /* width:180px - 14px; */ background-image: url(/img/arrow10-14.png); background-position: left top; background-repeat: no-repeat; font-size: 12px; }
.gl_nav li:hover ul.sub_cat3 { display: block; position: absolute; z-index: 100; color: #333; background: #F0F6DA; line-height: 1; box-shadow: 0 2px 4px #000; border: 0px solid #8CBF33; /* 外側の枠線 */ margin: 0px 0px 0px -320px; padding: 10px 0px 10px 5px; width: 955px; text-align: left; }
.gl_nav li:hover ul.sub_cat3 li.cat_parent { text-align: left; width: 180px; }
.gl_nav li:hover ul.sub_cat3 li.cat_parent a:link, .gl_nav li:hover ul.sub_cat3 li.cat_parent a:visited { color: #333; font-size: 14px; background-color: inherit; background-image: url(/img/arrow10-14.png); background-position: left top; background-repeat: no-repeat; padding: 5px 0px 5px 14px; height: inherit; /* width:180px - 14px; */ }
.gl_nav li:hover ul.sub_cat3 li.cat_parent ul.subcat { margin: 0px 0px 0px 0px; padding: 5px 0px 20px 0px; border-color: #8CBF33; border-style: solid; border-width: 2px 0px 0px 0px; }
.gl_nav li:hover ul.sub_cat3 li.cat_parent ul.subcat li { text-align: left; /* width:180px; */ }
.gl_nav li:hover ul.sub_cat3 li.cat_parent ul.subcat li a:link, .gl_nav li:hover ul.sub_cat3 li.cat_parent ul.subcat li a:visited { font-weight: normal; color: #333; background-color: #F0F6DA; padding: 5px 0px 5px 14px; height: inherit; /* width:180px - 14px; */ background-image: url(/img/arrow10-14.png); background-position: left top; background-repeat: no-repeat; font-size: 12px; }
.gl_nav li:hover ul.sub_cat3 li.cat_parent ul.subcat li a:hover, .gl_nav li:hover ul.sub_cat3 li.cat_parent ul.subcat li a:active { font-weight: normal; color: #0066B7; background-color: #fff; }
.gl_nav li:hover ul.sub_cat4 { display: block; position: absolute; z-index: 100; color: #333; background: #F0F6DA; line-height: 1; box-shadow: 0 2px 4px #000; border: 0px solid #8CBF33; /* 外側の枠線 */ margin: 0px 0px 0px -479px; padding: 10px 0px 10px 5px; width: 955px; text-align: left; }
.gl_nav li:hover ul.sub_cat4 li.cat_parent { text-align: left; width: 180px; }
.gl_nav li:hover ul.sub_cat4 li.cat_parent a:link, .gl_nav li:hover ul.sub_cat4 li.cat_parent a:visited { color: #333; font-size: 14px; background-color: inherit; background-image: url(/img/arrow10-14.png); background-position: left top; background-repeat: no-repeat; padding: 5px 0px 5px 14px; height: inherit; /* width:180px - 14px; */ }
.gl_nav li:hover ul.sub_cat4 li.cat_parent ul.subcat { margin: 0px 0px 0px 0px; padding: 5px 0px 20px 0px; border-color: #8CBF33; border-style: solid; border-width: 2px 0px 0px 0px; }
.gl_nav li:hover ul.sub_cat4 li.cat_parent ul.subcat li { text-align: left; /* width:180px; */ }
.gl_nav li:hover ul.sub_cat4 li.cat_parent ul.subcat li a:link, .gl_nav li:hover ul.sub_cat4 li.cat_parent ul.subcat li a:visited { font-weight: normal; color: #333; background-color: #F0F6DA; padding: 5px 0px 5px 14px; height: inherit; /* width:180px - 14px; */ background-image: url(/img/arrow10-14.png); background-position: left top; background-repeat: no-repeat; font-size: 12px; }
.gl_nav li:hover ul.sub_cat4 li.cat_parent ul.subcat li a:hover, .gl_nav li:hover ul.sub_cat4 li.cat_parent ul.subcat li a:active { font-weight: normal; color: #0066B7; background-color: #fff; }
.gl_nav li:hover ul.sub_cat2 li.cat_parent ul.subcat li a:hover, .gl_nav li:hover ul.sub_cat2 li.cat_parent ul.subcat li a:active { font-weight: normal; color: #0066B7; background-color: #fff; }
.gl_nav li a:link, .gl_nav li a:visited { display: block; padding: 5px 0px 0px 0px; width: 155px; height: 27px; background-color: #8CBF33; color: #fff; font-size: 14px; font-weight: bold; border-radius: 3px; }
.gl_nav li.member-entry a:link, .gl_nav li.member-entry a:visited { display: block; padding: 5px 0px 0px 0px; width: 155px; height: 27px; background-color: #165E83; color: #fff; font-size: 14px; font-weight: bold; border-radius: 3px; }
.gl_nav li.member-login { margin: 0px 0px 0px 0px; }
.gl_nav li.member-login a:link, .gl_nav li.member-login a:visited { display: block; padding: 5px 0px 0px 0px; width: 155px; height: 27px; background-color: #FF9D0A; color: #fff; font-size: 14px; font-weight: bold; border-radius: 3px; }


/* FOOTER //////////////////////////////////////////////////////////////////////////////////////////////////////////// */
#footer { background-color: #F8F4E6; }

.footer_cont { margin: 0px auto 0px auto; padding: 30px 0px 30px 0px; width: 960px; }
.footer_cont .f_menu1, .footer_cont .f_menu2, .footer_cont .f_menu3 { display: table-cell; vertical-align: top; text-align: left; font-size: 12px; }
.footer_cont .f_menu1 h4, .footer_cont .f_menu2 h4, .footer_cont .f_menu3 h4 { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; border-color: #8CBF33; border-style: solid; border-width: 0px 0px 2px 0px; }
.footer_cont .f_menu1 ul, .footer_cont .f_menu2 ul, .footer_cont .f_menu3 ul { margin: 0px 0px 0px 0px; padding: 10px 0px 0px 25px; color: #0066B7; }
.footer_cont .f_menu1 li, .footer_cont .f_menu2 li, .footer_cont .f_menu3 li { margin: 0px 0px 0px 0px; padding: 0px 0px 3px 0px; }
.footer_cont .f_menu1, .footer_cont .f_menu2 { width: 280px; padding: 0px 40px 0px 0px; }
.footer_cont .f_menu3 { width: 320px; padding: 0px 0px 0px 0px; }

.copy { background-color: #8CBF33; color: #fff; font-size: 11px; margin: 0px auto 0px auto; padding: 5px 0px 5px 0px; }

/* MAINBODY //////////////////////////////////////////////////////////////////////////////////////////////////////////// */
.mainbody { float: right; width: 760px; margin: 0px 0px 0px 0px; padding: 20px 0px 0px 0px; }
.mainbody p.btn_lookmore { margin: 20px auto 15px auto; text-align: center; }
.mainbody p.btn_lookmore a:link, .mainbody p.btn_lookmore a:visited { padding: 5px 30px; font-size: 18px; font-weight: bold; color: #fff; text-align: center; border-radius: 5px; /* オレンジボタン */ background-image: -moz-linear-gradient(top, #ffbb54, #ff9900); background-image: -ms-linear-gradient(top, #ffbb54, #ff9900); background-image: -o-linear-gradient(top, #ffbb54, #ff9900); background-image: -webkit-linear-gradient(top, #ffbb54, #ff9900); background-image: linear-gradient(top, #ffbb54, #ff9900); background-clip: padding-box; border-color: #FFB546; border-style: solid; border-width: 1px; }
.mainbody p.btn_lookmore a:hover, .mainbody p.btn_lookmore a:active { /* オレンジボタン on */ background-image: -moz-linear-gradient(bottom, #ffbb54, #ff9900); background-image: -ms-linear-gradient(bottom, #ffbb54, #ff9900); background-image: -o-linear-gradient(bottom, #ffbb54, #ff9900); background-image: -webkit-linear-gradient(bottom, #ffbb54, #ff9900); background-image: linear-gradient(bottom, #ffbb54, #ff9900); background-clip: padding-box; border-color: #FFB546; border-style: solid; border-width: 1px; }

/* SIDE //////////////////////////////////////////////////////////////////////////////////////////////////////////// */
.side { float: left; width: 180px; text-align: left; margin: 10px 0px 0px 0px; padding: 10px 0px 0px 0px; }
.side p.btn_lookmore { margin: 10px auto 0px auto; text-align: center; }
.side p.btn_lookmore a:link, .side p.btn_lookmore a:visited { display: block; padding: 5px 0px 5px 0px; font-size: 14px; font-weight: bold; color: #fff; text-align: center; border-radius: 5px; /* オレンジボタン */ background-image: -moz-linear-gradient(top, #ffbb54, #ff9900); background-image: -ms-linear-gradient(top, #ffbb54, #ff9900); background-image: -o-linear-gradient(top, #ffbb54, #ff9900); background-image: -webkit-linear-gradient(top, #ffbb54, #ff9900); background-image: linear-gradient(top, #ffbb54, #ff9900); background-clip: padding-box; border-color: #FFB546; border-style: solid; border-width: 1px; }
.side p.btn_lookmore a:hover, .side p.btn_lookmore a:active { /* オレンジボタン on */ background-image: -moz-linear-gradient(bottom, #ffbb54, #ff9900); background-image: -ms-linear-gradient(bottom, #ffbb54, #ff9900); background-image: -o-linear-gradient(bottom, #ffbb54, #ff9900); background-image: -webkit-linear-gradient(bottom, #ffbb54, #ff9900); background-image: linear-gradient(bottom, #ffbb54, #ff9900); background-clip: padding-box; border-color: #FFB546; border-style: solid; border-width: 1px; }
.side .banner { margin: 0px 0px 0px 0px; padding: 0px 0px 20px 0px; list-style: none; }
.side .banner li { margin: 0px 0px 0px 0px; padding: 0px 0px 5px 0px; font-size: 12px; }
.side section { margin: 0px 0px 0px 0px; padding: 0px 0px 30px 0px; }
.side h2 { margin: 0px 0px 5px 0px; padding: 5px 0px 5px 8px; background-color: #8CBF33; color: #fff; font-size: 14px; }
.side h2 .choise { text-align: right; padding: 0px 5px 0px 0px; }
.side ul.basic { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; list-style: none; font-size: 14px; }
.side ul.basic li a:link, .side ul.basic li a:visited { display: block; background-image: url(/img/arrow6-20.png); background-position: left; background-repeat: no-repeat; margin: 0px 0px 0px 0px; padding: 4px 0px 3px 12px; border-color: #ccc; border-style: solid; border-width: 0px 0px 1px 0px; }
.side ul.basic li a:hover, .side ul.basic li a:active { background-color: #FFC; }
.side ul.cat_small { margin: 0px 0px 0px 0px; padding: 0px 0px 10px 0px; list-style: none; font-size: 12px; line-height: 140%; }
.side ul.cat_small li { background-image: url(/img/arrow6-14.png); background-position: left top; background-repeat: no-repeat; margin: 0px 0px 0px 10px; padding: 2px 0px 3px 10px; color: #0066B7; }
.side ul.cat { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; list-style: none; font-size: 14px; line-height: 140%; }
.side ul.cat li { background-image: url(/img/arrow6-14.png); background-position: left top; background-repeat: no-repeat; margin: 0px 0px 0px 0px; padding: 0px 0px 5px 12px; color: #0066B7; }
.side ul.cat_small li.themaM{ color:#8CBF33; font-weight:bold; font-size:1.15em;background-image:none;padding: 5px 0px 5px 0px;margin-left:2px;}
.side ul.subcat { display: none; margin: 0px 0px 0px -10px; padding: 5px 0px 5px 0px; list-style: none; font-size: 12px; }
.side ul.subcat li { background-image: url(/img/cat_li.gif); margin: 0px 0px 0px 0px; padding: 0px 0px 0px 12px; }
.side ul.subcat li:last-child { background-image: url(/img/cat_li_last.gif); margin: 0px 0px 0px 0px; padding: 0px 0px 0px 12px; }
.side ul.entrylist60 { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; }
.side ul.entrylist60 li { /* サイド 画像60px キャンプ場最新記事リスト同型 */ list-style: none; }
.side ul.entrylist60 li a:link, .side ul.entrylist60 li a:visited { display: block; border-color: #ccc; border-style: solid; border-width: 0px 0px 1px 0px; }
.side ul.entrylist60 li a:hover, .side ul.entrylist60 li a:active { background-color: #FFC; }
.side ul.entrylist60 li .thumb, .side ul.entrylist60 li .cont { display: table-cell; vertical-align: top; }
.side ul.entrylist60 li .thumb { margin: 0px 0px 0px 0px; padding: 5px; }
.side ul.entrylist60 li .thumb img { width: 60px; height: 60px; }
.side ul.entrylist60 li .cont { margin: 0px 0px 0px 0px; padding: 5px 0px 5px 0px; font-size: 12px; line-height: 120%; }
.side ul.entrylist60 li .cont p { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; color: #333; }
.side ul.entrylist60 li .cont p.date { color: #5FA339; }
.side ul.entrylist60 li .cont p.blogtitle { color: #0066B7; }
.side ul.entrylist40 { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; }
.side ul.entrylist40 li { /* サイド 画像40px 公式ブログリスト同型 */ list-style: none; }
.side ul.entrylist40 li a:link, .side ul.entrylist40 li a:visited { display: block; border-color: #ccc; border-style: solid; border-width: 0px 0px 1px 0px; }
.side ul.entrylist40 li a:hover, .side ul.entrylist40 li a:active { background-color: #FFC; }
.side ul.entrylist40 li .thumb, .side ul.entrylist40 li .cont { display: table-cell; vertical-align: top; }
.side ul.entrylist40 li .thumb { margin: 0px 0px 0px 0px; padding: 5px; }
.side ul.entrylist40 li .thumb img { width: 40px; height: 40px; }
.side ul.entrylist40 li .cont { margin: 0px 0px 0px 0px; padding: 5px 0px 5px 0px; font-size: 12px; line-height: 120%; }
.side ul.entrylist40 li .cont p { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; color: #333; }
.side ul.entrylist40 li .cont p.date { color: #5FA339; }
.side ul.entrylist40 li .cont p.blogtitle { color: #0066B7; }
.side .natureco h2 { text-align: center; margin: 0px 0px 5px 0px; padding: 5px 0px 5px 0px; background-color: #2D9FD9; color: #fff; line-height: 118%; font-size: 14px; }
.side .natureco h2 .pre { font-size: 12px; }
.side .natureco h2 .apri { font-size: 16px; }
.side .natureco ul { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; }
.side .natureco ul li { /* サイド ナチュレコ */ list-style: none; }
.side .natureco ul li a:link, .side .natureco ul li a:visited { display: block; border-color: #ccc; border-style: solid; border-width: 0px 0px 1px 0px; }
.side .natureco ul li a:hover, .side .natureco ul li a:active { background-color: #FFC; }
.side .natureco ul li .thumb, .side .natureco ul li .cont, .side .natureco ul li .icon { display: table-cell; vertical-align: middle; }
.side .natureco ul li .thumb { margin: 0px 0px 0px 0px; padding: 5px; }
.side .natureco ul li .thumb img { width: 40px; height: 40px; }
.side .natureco ul li .cont { margin: 0px 0px 0px 0px; padding: 5px 0px 0px 0px; width: 100px; font-size: 11px; line-height: 120%; }
.side .natureco ul li .cont p { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; }
.side .natureco ul li .cont p.fish { float: left; margin: 0px 0px 0px 0px; padding: 0px 10px 0px 0px; color: #0066B7; }
.side .natureco ul li .cont p.size { color: #0066B7; }
.side .natureco ul li .cont p.place { clear: both; color: #0066B7; }
.side .natureco ul li .cont p.name { color: #FF9900; }
.side .natureco ul li .icon { margin: 0px 0px 0px 0px; padding: 0px; }
.side .natureco ul li .icon img { width: 30px; height: 30px; -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; }

/* HOME  /////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
.home_news, .home_pickup { display: table-cell; vertical-align: top; overflow:hidden;}

.home_news { /* お知らせ */ /* float:left; */ width: 655px; height: 220px; background-color: #CBE79B; padding: 0px 5px 0px 5px; border-color: #fff; border-style: solid; border-width: 0px 5px 0px 0px; }
.home_news h2 { text-align: left; font-size: 16px; margin: 0px 0px 0px 0px; padding: 7px 0px 0px 0px; height: 28px; }
.home_news .visual, .home_news ul { display: table-cell; vertical-align: top; }
.home_news .visual { /* 画像部分 */ margin: 0px 0px 0px 0px; padding: 0px 5px 0px 0px; width: 250px; height: 180px; text-align: left; }
.home_news .visual .thumb { position: relative; }
.home_news .visual .news { position: relative; margin: -35px 0px 0px 0px; font-size: 14px; }
.home_news .visual .news a { padding: 5px 5px 0px 5px; height: 30px; display: block; color: #fff; background-color: rgba(41, 170, 56, 0.8); }
.home_news ul { /* 右ニュースリスト */ margin: 0px 0px 0px 0px; padding: 10px 10px 20px 5px; width: 385px; height: 155px; background-color: #fff; font-size: 14px; text-align: left; background-image: url(/img/home_news_bg.png); background-position: right bottom; background-repeat: no-repeat; }
.home_news li { background-image: url(/img/arrow6-14.png); background-position: left top; background-repeat: no-repeat; line-height: 170%; padding: 0px 0px 12px 10px; height: 1em; overflow: hidden; }
.home_news li .entrydate { color: #5FA339; padding-right: 10px; }
.home_news .cutimg { text-align: right; margin: -15px 0px 0px 0px; padding: 0px 0px 0px 0px; }

.home_pickup { /* 本日のピックアップブログ！ */ /* float:right; */ width: 290px; height: 220px; }
.home_pickup h2 { margin: 0px 0px 0px 0px; padding: 5px 0px 0px 10px; height: 45px; background-image: url(/img/home_pickup_title.gif); background-position: right top; background-repeat: no-repeat; font-size: 14px; color: #fff; text-align: left; line-height: 130%; }
.home_pickup h2 .yellow { color: #FFFF33; font-size: 18px; }
.home_pickup h2 .yellow a:link,.home_pickup h2 .yellow a:hover,.home_pickup h2 .yellow a:visited,.home_pickup h2 .yellow a:active{display:inline;color: #FFFF33;text-decoration:underline;border:none;background:none;}
.home_pickup .thumb, .home_pickup .bloginfo { display: table-cell; vertical-align: top; }
.home_pickup a:link, .home_pickup a:visited { display: block; width: 288px; height: 169px; border-color: #999; border-style: solid; border-width: 0px 1px 1px 1px; background-color: #FFF; }
.home_pickup a:hover, .home_pickup a:active { background-color: #FFC; }
.home_pickup .thumb { margin: 0px 0px 0px 0px; padding: 10px 10px 0px 10px; }
.home_pickup .thumb img { width: 76px; height: 76px; -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; }
.home_pickup .bloginfo { text-align: left; padding: 0px 10px 0px 0px; }
.home_pickup .bloginfo h3 { margin: 0px 0px 0px 0px; padding: 14px 0px 7px 0px; font-size: 16px; color: #0066B7;width:190px; }
.home_pickup .bloginfo p { margin: 0px 0px 0px 0px; padding: 0px 0px 7px 0px; font-size: 14px; color: #333; width:190px; }
p.username { margin: 0px 0px 0px 0px; padding: 5px 0px 0px 10px; font-size: 14px; text-align: right; color: #FF9900; width:260px; overflow:hidden;text-overflow: ellipsis;white-space: nowrap;}

/* HOME 新着記事一覧 //////////////////////////// */
.home_newentry { width: 760px; }
.home_newentry h2 { background-image: url(/img/home_newentry_title.gif); font-size: 16px; color: #000; margin: 0px 0px 0px 0px; padding: 8px 0px 15px 28px; text-align: left; background-position: left top; background-repeat: no-repeat; height: 28px; }
.home_newentry ul { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; }
.home_newentry li { /* HOME 新着記事一覧　同型 */ margin: 0px 4px 10px 4px; list-style: none; display: inline-block; vertical-align: top; width: 238px; /* height:210px - 2px; */ border-color: #ccc; border-style: solid; border-width: 1px; text-align: left; }
.home_newentry li a:link, .home_newentry li a:visited { padding: 4px; display: block; }
.home_newentry li a:hover, .home_newentry li a:active { background-color: #FFC; }
.home_newentry li .photo img { width: 230px; height: 180px;overflow: hidden; }
.home_newentry li .cont, .home_newentry li .thumb { display: table-cell; vertical-align: top; }
.home_newentry li .cont { margin: 0px 0px 0px 0px; padding: 4px 4px 0px 0px; width: 186px; line-height: 130%; }
.home_newentry li h3 { margin: 0px 0px 0px 0px; padding: 0px 0px 4px 0px; font-size: 14px; color: #0066B7;   width: 175px; word-break: break-all;}
.home_newentry li h3 .time { color: #5FA339; font-weight: normal; padding: 0px 10px 0px 0px; }
.home_newentry li p { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; font-size: 14px; color: #333; word-break:break-all;}
.home_newentry li .thumb { margin: 0px 0px 0px 0px; padding: 4px 0px 4px 0px; }
.home_newentry li .thumb img { width: 48px; height: 48px; -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; }

/* HOME ピックアップ記事テーマ //////////////////////////// */
.home_pickuptheme { width: 760px; }
.home_pickuptheme h2 { background-image: url(/img/home_pickuptheme_title.gif); font-size: 16px; color: #000; margin: 0px 0px 0px 0px; padding: 8px 0px 15px 28px; text-align: left; background-position: left top; background-repeat: no-repeat; height: 28px; }
.home_pickuptheme ul { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; }
.home_pickuptheme li { /* HOME ピックアップ記事テーマ　同型 */ list-style: none; display: inline-block; vertical-align: top; text-align: left; }
.home_pickuptheme li a:link, .home_pickuptheme li a:visited { display: block; padding: 3px; width: 120px; }
.home_pickuptheme li a:hover, .home_pickuptheme li a:active { background-color: #FFC; }
.home_pickuptheme li img { width: 120px; height: 120px; }
.home_pickuptheme li .thumb { margin: -116px 0px 0px 4px; padding: 0px 0px 86px 0px; }
.home_pickuptheme li .thumb img { width: 30px; height: 30px; -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; z-index:3;}
.home_pickuptheme li p { margin: 0px 0px 0px 0px; padding: 5px 0px 5px 0px; font-size: 12px; line-height: 130%; color: #0066B7; }
.home_pickuptheme li p .time { color: #5FA339; padding: 0px 10px 0px 0px; }

/* HOME アクセスランキング //////////////////////////// */
.home_ranking { width: 760px; }
.home_ranking h2 { background-image: url(/img/home_ranking_title.gif); font-size: 16px; color: #000; margin: 0px 0px 0px 0px; padding: 8px 0px 15px 28px; text-align: left; background-position: left top; background-repeat: no-repeat; height: 28px; }
.home_ranking .rank_group { display: table-cell; vertical-align: top; width: 360px; border-color: #fff; border-style: solid; border-width: 0px 10px 0px 10px; }
.home_ranking h3 { background-color: #2D9FD9; color: #fff; font-size: 14px; margin: 0px 0px 5px 0px; padding: 5px 0px 5px 0px; }
.home_ranking h3 .best5 { color: #FFFF66; padding: 0px 0px 0px 5px; }
.home_ranking ul { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; }
.home_ranking li { /* HOME アクセスランキング　同型 */ list-style: none; width: 360px; text-align: left; border-color: #ccc; border-style: solid; border-width: 0px 0px 1px 0px; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; word-break: break-word;}
.home_ranking li a:link, .home_ranking li a:visited { display: block; padding: 5px; }
.home_ranking li a:hover, .home_ranking li a:active { background-color: #FFC; }
.home_ranking li .photo, .home_ranking li .cont { display: table-cell; vertical-align: top; }
.home_ranking li .photo img { z-index: 1; width: 80px; height: 80px; border-radius:50%;}
.home_ranking li .photo p.rank { margin: -80px 0px 0px 0px; padding: 0px 0px 0px 0px; position: relative; background-image: url(/img/ribbon_red16_24.png); background-position: top; background-repeat: no-repeat; color: #fff; font-family: Georgia, "Times New Roman", Times, serif; font-size: 12px; width: 16px; height: 24px; text-align: center; z-index: 10; line-height: 120%; }
.home_ranking li .cont { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 10px; height: 80px; overflow: visible; }
.home_ranking li .cont h4 { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; font-size: 14px; color: #FF9900; }
.home_ranking li .cont p { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; font-size: 12px; color: #333; }
.home_ranking li .cont p.blogtitle { text-align: right; color: #0066B7; }

/* HOME 新着ブログ //////////////////////////// */
.home_newblog { width: 760px; }
.home_newblog h2 { background-image: url(/img/home_newblog_title.gif); font-size: 16px; color: #000; margin: 0px 0px 0px 0px; padding: 8px 0px 15px 28px; text-align: left; background-position: left top; background-repeat: no-repeat; height: 28px; }
.home_newblog ul { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; }
.home_newblog li { border-color: #fff; border-style: solid; border-width: 0px 10px 0px 10px; /* HOME 新着ブログ　同型 */ list-style: none; display: inline-block; vertical-align: top; width: 360px; text-align: left; }
.home_newblog li a:link, .home_newblog li a:visited { display: block; padding: 5px; border-color: #ccc; border-style: solid; border-width: 0px 0px 1px 0px; }
.home_newblog li a:hover, .home_newblog li a:active { background-color: #FFC; }
.home_newblog li .icon, .home_newblog li .cont { display: table-cell; vertical-align: top; }
.home_newblog li .icon { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; }
.home_newblog li .icon img { width: 60px; height: 60px; -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; }
.home_newblog li .cont { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 10px; }
.home_newblog li .cont h3 { float: left; margin: 0px 0px 0px 0px; padding: 0px 5px 0px 0px; font-size: 14px; color: #0066B7; }
.home_newblog li .cont h4 { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; font-size: 12px; color: #FF9900; font-weight: normal; }
.home_newblog li .cont p { clear: both; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; font-size: 12px; color: #333; }

/* HOME 本日お誕生日のブロガーさん //////////////////////////// */
.home_birthday { width: 760px; }
.home_birthday h2 { margin: 0px 0px 0px 0px; padding: 6px 0px 0px 45px; background-image: url(/img/home_birthday_title.gif); height: 34px; color: #fff; font-size: 16px; text-align: left; }
.home_birthday ul { margin: 0px 0px 0px 0px; padding: 15px 0px 10px 0px; background-color: #EAF6FC; }
.home_birthday li { margin: 0px 4px 10px 4px; /* HOME Birthday　同型 */ width: 110px; padding: 0px 0px 40px 0px; list-style: none; display: inline-block; vertical-align: top; text-align: center; }
.home_birthday li a { display: block; }
.home_birthday li a:link, .home_birthday li a:visited .thumb { background-color: #fff; width: 108px; height: 104px; padding: 4px 0px 0px 0px; -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; }
.home_birthday li a:link img, .home_birthday li a:visited .thumb img { width: 100px; height: 100px; -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; }
.home_birthday li a:hover, .home_birthday li a:active .thumb { background-color: #FFC; }
.home_birthday li p { margin: 0px 0px 0px 0px; padding: 5px 0px 0px 0px; font-size: 12px; color: #FF9900; line-height: 120%; }

/* カテゴリーページ //////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
.cattop_title { margin: 0px 0px 20px 0px; padding: 0px; background-position: left top; background-repeat: no-repeat; height: 110px; text-align: left; line-height: 120%; }
.cattop_title h1 { margin: 0px 0px 0px 0px; padding: 35px 0px 0px 0px; font-size: 26px; color: #221815;width:670px;float:right; }
.cattop_title h1 span { display:block; margin: 0px 0px 0px 0px; padding: 10px 0px 0px 5px; color: #663300; font-size: 16px; font-weight:normal; }
.cattop_title_camp { background-image: url(/img/title_cattop_camp.jpg);overflow:hidden; }
.cattop_title_fish { background-image: url(/img/title_cattop_fish.jpg);overflow:hidden; }
.cattop_title_out { background-image: url(/img/title_cattop_out.jpg);overflow:hidden; }
.cattop_title .leftBox{ width:60px;height:60px;float:left;padding:23px 0 0 10px;}
.cattop_title .leftBox img{ border-radius:50%;}

.cattop_ranking { /* 人気ブログランキング！ */ }
.cattop_ranking h2 { margin: 0px 0px 15px 0px; padding: 4px 0px 0px 30px; background-image: url(/img/yellow_ribbon_title.gif); background-position: left top; background-repeat: no-repeat; font-size: 18px; color: #fff; height: 31px; text-align: left; }
.cattop_ranking ul { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; }
.cattop_ranking li { /* category_top ランキング 同型 */ margin: 0px 1px 5px 2px; padding: 0px 0px 0px 0px; list-style: none; display: inline-block; width: 146px; height:250px;word-break: break-all; vertical-align: top; border-color: #ccc; border-style: solid; border-width: 1px; line-height: 120%; }
.cattop_ranking li p.count { margin: 0px 0px 0px 0px; padding: 2px 5px 0px 20px; height: 18px; text-align: right; font-size: 11px; color: #996633; background-color: #E9F8F9; position: relative; }
.cattop_ranking li p.rank { position: relative; margin: -21px 0px 0px -1px; padding: 0px 0px 0px 0px; background-image: url(/img/ribbon_red16_24.png); background-position: top; background-repeat: no-repeat; color: #fff; font-family: Georgia, "Times New Roman", Times, serif; font-size: 12px; width: 16px; height: 24px; text-align: center; z-index: 10; line-height: 120%; }
.cattop_ranking li p.rank_b { position: relative; margin: -20px 0px 0px 0px; padding: 2px 0px 5px 3px; color: #CC0000; text-align: left; }
.cattop_ranking li img.photo { width: 120px; height: 120px; margin: 5px; -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; }
.cattop_ranking li p.title { text-align: left; margin: 0px 0px 0px 0px; padding: 0px 5px 0px 5px; color: #0066B7; font-size: 14px;height:57px; word-break:break-all;}
.cattop_ranking li p.user { text-align: left; margin: 0px 0px 0px 0px; padding: 0px 5px 0px 5px; color: #FF9900; font-size: 12px; }
.cattop_ranking li a:link, .cattop_ranking li a:visited { display: block; padding: 0px 0px 5px 0px; }
.cattop_ranking li a:hover, .cattop_ranking li a:active { background-color: #FFC; }

.cattop_natureco { /* ナチュログオリジナルアプリ「ナチュレコ」新着投稿 */ }
.cattop_natureco h2 { margin: 0px 0px 15px 0px; padding: 4px 0px 0px 30px; background-image: url(/img/blue_bg_title.gif); background-position: left top; background-repeat: no-repeat; font-size: 18px; color: #fff; height: 30px; text-align: left; }
.cattop_natureco h3.natureco { float: right; margin: -49px 5px 0px 0px; text-align: left; }
.cattop_natureco h3.natureco a:link, .cattop_natureco h3.natureco a:visited { display: block; padding: 8px 0px 0px 90px; background-image: url(/img/natureco.gif); background-position: left top; background-repeat: no-repeat; font-size: 12px; color: #0066B7; width: 128px; height: 26px; }
.cattop_natureco h3.natureco a:hover, .cattop_natureco h3.natureco a:active { background-image: url(/img/natureco_on.gif); }
.cattop_natureco ul.list { clear: both; margin: 0px 0px 0px 0px; padding: 0px 0px 10px 0px; }
.cattop_natureco ul.list li { /* category_top ナチュレコ 同型 */ list-style: none; display: inline-block; margin: 0px 2px 0px 2px; width: 141px; border-color: #ccc; border-style: solid; border-width: 1px; }
.cattop_natureco ul.list li img.photo { width: 133px; height: auto; padding: 0px 0px 4px 0px; }
.cattop_natureco ul.list li img.icon { float: right; width: 30px; height: 30px; -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; }
.cattop_natureco ul.list li p { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; color: #0066B7; font-size: 12px; text-align: left; line-height: 120%; }
.cattop_natureco ul.list li p.easyimg{height:90px;}
.cattop_natureco ul.list li p.easycap{height:55px;text-overflow:ellipsis;overflow:hidden;padding-top: 5px;}
.cattop_natureco ul.list li p.name { display: table;clear: both; color: #FF9900;text-align: right; font-size: 13px;padding: 5px 0;width: 100%;}
.cattop_natureco ul.list li p.name span{display: table-cell;color: #FF9900;text-align: right;vertical-align: middle;}
.cattop_natureco ul.list li p.name span:last-child{width: 33px;}
.cattop_natureco ul li div.easyRec{	display:table;}
.cattop_natureco ul li div.easyRec{margin-top: 5px;}
.cattop_natureco ul li div.easyRec p{display:table-cell;vertical-align:middle;font:10px;}
.cattop_natureco ul.list li a:link, .cattop_natureco ul.list li a:visited { display: block; padding: 4px; }
.cattop_natureco ul.list li a:hover, .cattop_natureco ul.list li a:active { background-color: #FFC; }
.cattop_natureco ul.app { margin: 0px 0px 0px 0px; padding: 0px 18px 0px 0px; text-align: right; }
.cattop_natureco ul.app li { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 5px; list-style: none; display: inline-block; }
.cattop_natureco ul.app li img { height: 40px; width: auto; vertical-align: top; }

.cattop_entrytheme { /* 記事テーマ一覧 */ }
.cattop_entrytheme h2 { margin: 0px 0px 15px 0px; padding: 4px 0px 0px 30px; background-image: url(/img/green_bg_title.gif); background-position: left top; background-repeat: no-repeat; font-size: 18px; color: #fff; height: 30px; text-align: left; }
.cattop_entrytheme .theme_list { display: inline-block; margin: 0px 4px 10px 0px; padding: 5px 6px 15px 6px; width: 360px; background-color: #F0F6DA; border-color: #8CBF33; border-style: solid; border-width: 1px 0px 0px 0px; text-align: left; }
.cattop_entrytheme .theme_list h3 { margin: 0px 0px 0px 0px; padding: 0px 0px 10px 0px; font-size: 16px; font-weight: normal; }
.cattop_entrytheme .theme_list h3 .themename { font-weight: bold; font-size: 18px; }
.cattop_entrytheme .theme_list .themeinfo, .cattop_entrytheme .theme_list .write { display: table-cell; vertical-align: top; height:35px;}
.cattop_entrytheme .theme_list .themeinfo { margin: 0px 0px 0px 0px; padding: 0px 10px 10px 0px; font-size: 14px; line-height: 130%;width:170px; }
.cattop_entrytheme .theme_list .write { width: 14em; font-size: 12px; }
.cattop_entrytheme .theme_list .write a:link, .cattop_entrytheme .theme_list .write a:visited { display: block; background-color: #EA553A; color: #fff; text-align: center; }
.cattop_entrytheme .theme_list .write a:hover, .cattop_entrytheme .theme_list .write a:active { background-color: #EE7761; }
.cattop_entrytheme .theme_list .write a:link, .cattop_entrytheme .theme_list .write a:visited { padding: 5px 0px 5px 0px; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; }
.cattop_entrytheme .theme_list ul { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; }
.cattop_entrytheme .theme_list li { list-style: none; margin: 0px 0px 5px 0px; }
.cattop_entrytheme .theme_list li a:link, .cattop_entrytheme .theme_list li a:visited { display: block; background-color: #fff; border-color: #fff; border-style: solid; border-width: 1px; padding: 4px; height:170px;}
.cattop_entrytheme .theme_list li a:hover, .cattop_entrytheme .theme_list li a:active { background-color: #FFC; }
.cattop_entrytheme .theme_list li .photo, .cattop_entrytheme .theme_list li .cont { display: table-cell; vertical-align: top; }
.cattop_entrytheme .theme_list li .photo { margin: 0px 0px 0px 0px; padding: 5px 5px 0px 0px; }
.cattop_entrytheme .theme_list li .photo img { width: 160px; height: 160px;overflow:hidden; }
.cattop_entrytheme .theme_list li .cont { text-align: left; }
.cattop_entrytheme .theme_list li h4 { margin: 2px 0px 0px 5px; padding: 3px; font-size: 15px; color: #0066B7; font-weight: normal; line-height: 120%;font-weight:bold;height:30px;word-break: break-all; }
.cattop_entrytheme .theme_list li p.intro { margin: 0px 0px 0px 5px; padding: 5px 5px 0 3px; color: #333; font-size: 14px; line-height: 120%; height:70px;word-break:break-all;}
.cattop_entrytheme .theme_list li .prof, .cattop_entrytheme .theme_list li .icon { display: table-cell; vertical-align: top; }
.cattop_entrytheme .theme_list li .prof p.name { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; color: #FF9900; font-size: 12px; text-align: right; }
.cattop_entrytheme .theme_list li .prof p.blogname { margin: 0px 0px 0px 5px; padding: 0 0 0 3px; color: #0066B7; font-size: 12px;width:121px; }
.cattop_entrytheme .theme_list li .icon { padding-left: 5px; }
.cattop_entrytheme .theme_list li .icon img { width: 48px; height: 48px; -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; }
.cattop_entrytheme .theme_list p.btn_lookmore { margin: 15px auto 0px auto; text-align: center; }
.cattop_entrytheme .theme_list p.btn_lookmore a:link, .cattop_entrytheme .theme_list p.btn_lookmore a:visited { display: block; padding: 5px 0px 5px 0px; font-size: 14px; font-weight: bold; color: #fff; text-align: center; border-radius: 5px; height: inherit; /* オレンジボタン */ background-image: -moz-linear-gradient(top, #ffbb54, #ff9900); background-image: -ms-linear-gradient(top, #ffbb54, #ff9900); background-image: -o-linear-gradient(top, #ffbb54, #ff9900); background-image: -webkit-linear-gradient(top, #ffbb54, #ff9900); background-image: linear-gradient(top, #ffbb54, #ff9900); background-clip: padding-box; border-color: #FFB546; border-style: solid; border-width: 1px; }
.cattop_entrytheme .theme_list p.btn_lookmore a:hover, .cattop_entrytheme .theme_list p.btn_lookmore a:active { /* オレンジボタン on */ background-image: -moz-linear-gradient(bottom, #ffbb54, #ff9900); background-image: -ms-linear-gradient(bottom, #ffbb54, #ff9900); background-image: -o-linear-gradient(bottom, #ffbb54, #ff9900); background-image: -webkit-linear-gradient(bottom, #ffbb54, #ff9900); background-image: linear-gradient(bottom, #ffbb54, #ff9900); background-clip: padding-box; border-color: #FFB546; border-style: solid; border-width: 1px; }

/* ランキングページ //////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
.ranking { /*ランキング！ */ }
.ranking h2 { margin: 0px 0px 15px 0px; padding: 4px 0px 0px 30px; background-image: url(/img/yellow_ribbon_title.gif); background-position: left top; background-repeat: no-repeat; font-size: 18px; color: #fff; height: 31px; text-align: left; }
.ranking p.update { margin: -50px 0px 0px 0px; padding: 7px 10px 0px 0px; height: 28px; font-size: 14px; color: #fff; text-align: right; }
.ranking ul.gr { margin: 0px 0px 0px 0px; padding: 5px 0px 10px 0px; text-align: left; }
.ranking ul.gr li { margin: 0px 5px 0px 0px; list-style: none; display: inline-block; }
.ranking ul.gr li a:link, .ranking ul.gr li a:hover { display: block; padding: 7px 30px 7px 30px/*4px 0px 0px 0px*/;/* width: 186px;*/min-width:100px; background-color: #F5DEB3; text-align: center; font-size: 14px; margin:0 0 5px 0;}
.ranking ul.gr li a:hover, .ranking ul.gr li a:active { background-color: #FF9; }
.ranking ul.gr li:last-child { margin: 0px 0px 0px 0px; }
.ranking ul.ranking_a { margin: 0px 0px 0px 0px; padding: 0px 0px 10px 0px; }
.ranking ul.ranking_a li { margin: 0px 0px 10px 0px; list-style: none; border-color: #ccc; border-style: solid; border-width: 1px; text-align: left; }
.ranking ul.ranking_a li a:link, .ranking ul.ranking_a li a:visited { display: block; padding: 10px; }
.ranking ul.ranking_a li a:hover, .ranking ul.ranking_a li a:active { background-color: #FFC; }
.ranking ul.ranking_a li .thumb, .ranking ul.ranking_a li .cont { display: table-cell; vertical-align: top; }
.ranking ul.ranking_a li .thumb { padding: 0px 20px 0px 0px; }
.ranking ul.ranking_a li .thumb img { width: 140px; height: 140px; -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; }
.ranking ul.ranking_a li .cont .rankdata { margin: 0px 0px 10px 0px; padding: 0px 0px 0px 0px; background-color: #C1E5F2; }
.ranking ul.ranking_a li .cont .rankdata h3, .ranking ul.ranking_a li .cont .rankdata h4 { display: table-cell; }
.ranking ul.ranking_a li .cont .rankdata h3 { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 10px; width: 220px; color: #CC0000; font-size: 16px; font-weight: normal; }
.ranking ul.ranking_a li .cont .rankdata h3 .num { font-family: Georgia, "Times New Roman", Times, serif; font-size: 24px; }
.ranking ul.ranking_a li .cont .rankdata h4 { margin: 0px 0px 0px 0px; padding: 0px 10px 0px 0px; text-align: right; width: 340px; font-weight: normal; color: #996633; font-size: 14px; }
.ranking ul.ranking_a li .cont p.bloginfo { margin: 0px 0px 0px 0px; padding: 0px 0px 10px 0px; color: #333; font-size: 14px; min-height: 5em;word-break: break-word; }
.ranking ul.ranking_a li .cont p.user { margin: 0px 0px 0px 0px; padding: 0px 5px 0px 0px; text-align: right; font-size: 14px; color: #FF9900; }
.ranking ul.ranking_a li .cont p.user .blogtitle { color: #0066B7; padding: 0px 0px 0px 10px; font-size:1.2em; font-weight:bold; }
.ranking ul.ranking_b { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; }
.ranking ul.ranking_b li { /* category_top ランキング 同型 */ margin: 0px 2px 5px 2px; padding: 0px 0px 0px 0px; list-style: none; display: inline-block; width: 146px; vertical-align: top; border-color: #ccc; border-style: solid; border-width: 1px; line-height: 120%; }
.ranking ul.ranking_b li p.count { margin: 0px 0px 0px 0px; padding: 2px 5px 0px 20px; height: 18px; text-align: right; font-size: 11px; color: #996633; background-color: #E9F8F9; position: relative; }
.ranking ul.ranking_b li p.rank { position: relative; margin: -21px 0px 0px -1px; padding: 0px 0px 0px 0px; background-image: url(/img/ribbon_red16_24.png); background-position: top; background-repeat: no-repeat; color: #fff; font-family: Georgia, "Times New Roman", Times, serif; font-size: 12px; width: 16px; height: 24px; text-align: center; z-index: 10; line-height: 120%; }
.ranking ul.ranking_b li p.rank_b { position: relative; margin: -20px 0px 0px 0px; padding: 2px 0px 5px 3px; color: #CC0000; text-align: left; }
.ranking ul.ranking_b li img.photo { width: 120px; height: 120px; margin: 5px; -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; }
.ranking ul.ranking_b li p.title { text-align: left; margin: 0px 0px 0px 0px; padding: 0px 5px 0px 5px; color: #0066B7; font-size: 14px; }
.ranking ul.ranking_b li p.user { text-align: left; margin: 0px 0px 0px 0px; padding: 0px 5px 0px 5px; color: #FF9900; font-size: 12px; }
.ranking ul.ranking_b li a:link, .ranking ul.ranking_b li a:visited { display: block; padding: 0px 0px 5px 0px; }
.ranking ul.ranking_b li a:hover, .ranking ul.ranking_b li a:active { background-color: #FFC; }





/* ナチュレコ大会ページ//////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
.rankingntrc { /*ランキング！ */ }
.rankingntrc h2 { margin: 0px 0px 15px 0px; padding: 4px 0px 0px 30px; background-image: url(/img/yellow_ribbon_title.gif); background-position: left top; background-repeat: no-repeat; font-size: 18px; color: #fff; height: 31px; text-align: left; }


.rankingntrc p.update { margin: -50px 0px 0px 0px; padding: 7px 10px 0px 0px; height: 28px; font-size: 14px; color: #fff; text-align: right; }
.rankingntrc ul.gr { margin: 0px 0px 0px 0px; padding: 5px 0px 10px 0px; text-align: left; }
.rankingntrc ul.gr li { margin: 0px 1px 0px 0px; list-style: none; display: inline-block; }
.rankingntrc ul.gr li a:link, .rankingntrc ul.gr li a:hover { display: block; padding: 4px 0px 0px 0px; width: 186px; background-color: #F5DEB3; text-align: center; font-size: 14px; }
.rankingntrc ul.gr li a:hover, .rankingntrc ul.gr li a:active { background-color: #FF9; }
.rankingntrc ul.gr li:last-child { margin: 0px 0px 0px 0px; }
.rankingntrc ul.rankingntrc_a { margin: 0px 0px 0px 0px; padding: 0px 0px 10px 0px; }
.rankingntrc ul.rankingntrc_a li { margin: 0px 0px 10px 0px; list-style: none; border-color: #ccc; border-style: solid; border-width: 1px; text-align: left;display:table; padding:10px;}
.rankingntrc ul.rankingntrc_a li a:link, .rankingntrc ul.rankingntrc_a li a:visited { display: block; padding: 10px; }
.rankingntrc ul.rankingntrc_a a:hover,.rankingntrc ul.rankingntrc_a a:active { display:block; background-color: #FFC; }
.rankingntrc ul.rankingntrc_a li .thumb, .rankingntrc ul.rankingntrc_a li .cont { display: table-cell; vertical-align: top;padding-left:10px; }
.rankingntrc ul.rankingntrc_a li .thumb { width:314px;background-size:cover;background-position:center;background-repeat:no-repeat; }
.rankingntrc ul.rankingntrc_a li .thumb img { width: 300px; height: 200px; }
.rankingntrc ul.rankingntrc_a li .cont .rankdata { margin: 0px 0px 10px 0px; padding: 0px 0px 0px 0px; background-color: #C1E5F2; }
.rankingntrc ul.rankingntrc_a li .cont .rankdata h3, .rankingntrc ul.rankingntrc_a li .cont .rankdata h4 { display: table-cell; }
.rankingntrc ul.rankingntrc_a li .cont .rankdata h3 { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 10px; width: 220px; color: #CC0000; font-size: 16px; font-weight: normal; }
.rankingntrc ul.rankingntrc_a li .cont .rankdata h3 .num { font-family: Georgia, "Times New Roman", Times, serif; font-size: 24px; }
.rankingntrc ul.rankingntrc_a li .cont .rankdata h4 { margin: 0px 0px 0px 0px; padding: 0px 10px 0px 0px; text-align: right; width: 340px; font-weight: normal; color: #996633; font-size: 14px; }
.rankingntrc ul.rankingntrc_a li .cont p.bloginfo { margin: 0px 0px 0px 0px; padding: 0px 0px 10px 0px; color: #333; font-size: 14px; min-height: 3.1em;word-break: break-all; }
.rankingntrc ul.rankingntrc_a li .cont p.user { margin: 0px 0px 0px 0px; padding: 0px 5px 0px 0px; text-align: right; font-size: 14px; color: #FF9900; }
.rankingntrc ul.rankingntrc_a li .cont p.user .blogtitle { color: #0066B7; padding: 0px 0px 0px 10px; font-size:1.2em; font-weight:bold; }
.rankingntrc ul.rankingntrc_b { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; }
.rankingntrc ul.rankingntrc_b li { /* category_top ランキング 同型 */ margin: 0px 2px 5px 2px; padding: 0px 0px 0px 0px; list-style: none; display: inline-block; width: 146px; vertical-align: top; border-color: #ccc; border-style: solid; border-width: 1px; line-height: 120%; }
.rankingntrc ul.rankingntrc_b li p.count { margin: 0px 0px 0px 0px; padding: 2px 5px 0px 20px; height: 18px; text-align: right; font-size: 11px; color: #996633; background-color: #E9F8F9; position: relative; }
.rankingntrc ul.rankingntrc_b li p.rank { position: relative; margin: -21px 0px 0px -1px; padding: 0px 0px 0px 0px; background-image: url(/img/ribbon_red16_24.png); background-position: top; background-repeat: no-repeat; color: #fff; font-family: Georgia, "Times New Roman", Times, serif; font-size: 12px; width: 16px; height: 24px; text-align: center; z-index: 10; line-height: 120%; }
.rankingntrc ul.rankingntrc_b li p.rank_b { position: relative; margin: -20px 0px 0px 0px; padding: 2px 0px 5px 3px; color: #CC0000; text-align: left; }
.rankingntrc ul.rankingntrc_b li img.photo { width: 120px; height: 120px; margin: 5px; -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; }
.rankingntrc ul.rankingntrc_b li p.title { text-align: left; margin: 0px 0px 0px 0px; padding: 0px 5px 0px 5px; color: #0066B7; font-size: 14px; }
.rankingntrc ul.rankingntrc_b li p.user { text-align: left; margin: 0px 0px 0px 0px; padding: 0px 5px 0px 5px; color: #FF9900; font-size: 12px; }
.rankingntrc ul.rankingntrc_b li a:link, .rankingntrc ul.rankingntrc_b li a:visited { display: block; padding: 0px 0px 5px 0px; }
.rankingntrc ul.rankingntrc_b li a:hover, .rankingntrc ul.rankingntrc_b li a:active { background-color: #FFC; }

div.userbox{overflow:hidden;}
div.userbox div.userLbox{width:310px;float:left;padding:30px 0 0 0;}
div.userbox div.userRbox{width:80px;height:80px;float:right;background:nono-repeat left top;border-radius:50%;background-size:cover;}

h1.ntrcintro{ font-size: 20px; height: 45px;}
h1.ntrcintro span{font-size:14px;}

.rankingntrc table {
border-collapse: collapse;
width: 100%;
font-size: 15px;
margin: 0 0 20px 0;
text-align: left;
}

p.ntrch3{
	background-color:#F5DEB3;
	padding:5px 5px 5px 10px;
	margin-top:15px;
	margin-bottom:0;
	font-weight:bold;
	}
	

.rankingntrc table th {
	width:10%;
  color: #FFF;
font-weight: bold;
padding: 10px;
border-bottom:1px dotted #CCC;
}

.rankingntrc table tr:last-child th{
	border-bottom:none;
}

.rankingntrc table th img{
	max-width:100%;}

.rankingntrc table tr td {
  padding: 10px;
color: #78071C;
border-bottom:1px dotted #CCC;
font-weight:bold;
font-size:20px;
}

.rankingntrc table tr:last-child td{
	border-bottom:none;
}


.natureco{ 
	text-align:center;
}

.rankingntrc .info{
	text-align:left;
	margin-bottom:20px;}
	
	
.rankingntrc .info p.com{
	padding:10px;
	margin:0;
}
	
.rankingntrc .info img{
	max-width:600px;
}
.rankingntrc ul.gr li a:link, .rankingntrc ul.gr li a:hover { display: block; padding: 4px 0px 0px 0px; width: 185px; background-color: #F5DEB3; text-align: center; font-size: 14px; }
.rankingntrc ul.gr li a:hover, .rankingntrc ul.gr li a:active { background-color: #FF9; }
.rankingntrc ul.gr li:last-child { margin: 0px 0px 0px 0px; }

.rankingntrc p.rank_h2{padding:5px 0 5px 10px;margin:5px 0;background-color:#E9F8F9;font-weight:bold;color:#2d9fd9;text-align:left;}

.rankingntrc p.rank_h2 span{font-weight:normal;font-size:0.95em;}
	

/* 記事テーマ特集 //////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
.themetop_title { margin: 0px 0px 20px 0px; border-color: #E3D7A3; border-style: solid; border-width: 4px; height: 258px;}
.themetop_title .photo { margin: 0px auto 0px auto; padding: 0px 0px 0px 0px; position: relative; z-index: 1;}
.themetop_title .icon { margin: -250px 0px 130px 0px; padding: 0px 0px 0px 8px; text-align: left; position: relative; z-index: 10; }
.themetop_title .icon img { width: 60px; height: 60px; -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; }
.themetop_title h1 { position: relative; z-index: 10; margin: 0px; padding: 5px 0px 0px 0px; background-color: rgba(140,191,51,0.6); color: #fff; font-size: 28px; height: 45px; }
.themetop_title h1 span{font-size:0.9em;font-weight:normal;}
h1.themeintro{ font-size: 14px; height: 45px;}


.themetop_best3 .title { padding: 0px 0px 10px 10px; background-color: #36A3DB; border-color: #B4E1F3; border-style: solid; border-width: 0px 0px 4px 0px; }
.themetop_best3 .title h2, .themetop_best3 .title .btn { display: table-cell; vertical-align: top; }
.themetop_best3 .title h2 { margin: 0px 0px 0px 0px; padding: 5px 20px 5px 15px; width: 505px; text-align: left; color: #fff; font-size: 18px; background-image: url(/img/ribbon_red16_24.png); background-position: left top; background-repeat: no-repeat; }
.themetop_best3 .title .btn { margin: 0px 0px 0px 0px; padding: 0px 5px 0px 0px; width: 200px; }
.themetop_best3 .title .btn p.btn_lookmore { margin: 5px auto 0px auto; text-align: center; width: 200px; }
.themetop_best3 .title .btn p.btn_lookmore a:link, .themetop_best3 .title .btn p.btn_lookmore a:visited { display: block; padding: 5px 0px 5px 0px; font-size: 14px; font-weight: bold; color: #fff; text-align: center; border-radius: 5px; height: inherit; width: 200px; /* オレンジボタン */ background-image: -moz-linear-gradient(top, #ffbb54, #ff9900); background-image: -ms-linear-gradient(top, #ffbb54, #ff9900); background-image: -o-linear-gradient(top, #ffbb54, #ff9900); background-image: -webkit-linear-gradient(top, #ffbb54, #ff9900); background-image: linear-gradient(top, #ffbb54, #ff9900); background-clip: padding-box; border-color: #FFB546; border-style: solid; border-width: 1px; }
.themetop_best3 .title .btn p.btn_lookmore a:hover, .themetop_best3 .title .btn p.btn_lookmore a:active { /* オレンジボタン on */ background-image: -moz-linear-gradient(bottom, #ffbb54, #ff9900); background-image: -ms-linear-gradient(bottom, #ffbb54, #ff9900); background-image: -o-linear-gradient(bottom, #ffbb54, #ff9900); background-image: -webkit-linear-gradient(bottom, #ffbb54, #ff9900); background-image: linear-gradient(bottom, #ffbb54, #ff9900); background-clip: padding-box; border-color: #FFB546; border-style: solid; border-width: 1px; }
.themetop_best3 .title .btn p.btn_write { margin: 5px auto 0px auto; text-align: center; }
.themetop_best3 .title .btn p.btn_write a:link, .themetop_best3 .title .btn p.btn_write a:visited { display: block; padding: 5px 0px 5px 0px; font-size: 14px; font-weight: bold; color: #fff; text-align: center; border-radius: 5px; height: inherit; width: 200px; /* 赤ボタン */ background-image: -moz-linear-gradient(top, #ED6D46, #EA5532); background-image: -ms-linear-gradient(top, #ED6D46, #EA5532); background-image: -o-linear-gradient(top, #ED6D46, #EA5532); background-image: -webkit-linear-gradient(top, #ED6D46, #EA5532); background-image: linear-gradient(top, #ED6D46, #EA5532); background-clip: padding-box; border-color: #EC633D; border-style: solid; border-width: 1px; }
.themetop_best3 .title .btn p.btn_write a:hover, .themetop_best3 .title .btn p.btn_write a:active { /* 赤ボタン on */ background-image: -moz-linear-gradient(bottom, #ED6D46, #EA5532); background-image: -ms-linear-gradient(bottom, #ED6D46, #EA5532); background-image: -o-linear-gradient(bottom, #ED6D46, #EA5532); background-image: -webkit-linear-gradient(bottom, #ED6D46, #EA5532); background-image: linear-gradient(bottom, #ED6D46, #EA5532); background-clip: padding-box; border-color: #EC633D; border-style: solid; border-width: 1px; }
.themetop_best3 .best3 { background-color: #E9F8F9; }
.themetop_best3 .best3 ul { margin: 0px 0px 0px 0px; padding: 15px 0px 15px 0px; }
.themetop_best3 .best3 li { /* 特集記事テーマ best3 */ margin: 0px 4px 0px 4px; list-style: none; display: inline-block; vertical-align: top; width: 238px; /* height:210px - 2px; */ border-color: #ccc; border-style: solid; border-width: 1px; text-align: left; }
.themetop_best3 .best3 li a:link, .themetop_best3 .best3 li a:visited { padding: 4px; display: block; background-color: #fff;height:320px; }
.themetop_best3 .best3 li a:hover, .themetop_best3 .best3 li a:active { background-color: #FFC; }
.themetop_best3 .best3 li .photo { height: 150px; overflow: hidden; }
.themetop_best3 .best3 li .photo img { width: 230px; height: auto; position: relative; z-index: 1; }
.themetop_best3 .best3 li p.rank { margin: -155px 0px 0px -5px; padding: 0px 0px 135px 0px; position: relative; z-index: 10; background-image: url(/img/ribbon_red16_24.png); background-position: top; background-repeat: no-repeat; color: #fff; font-family: Georgia, "Times New Roman", Times, serif; font-size: 12px; width: 16px; height: 24px; text-align: center; z-index: 10; line-height: 120%; }
.themetop_best3 .best3 li .cont, .themetop_best3 .best3 li .thumb { display: table-cell; vertical-align: top; }
.themetop_best3 .best3 li .cont { margin: 0px 0px 0px 0px; padding: 4px 4px 0px 0px; width: 186px; line-height: 130%; }
.themetop_best3 .best3 li h3 { margin: 0px 0px 0px 0px; padding: 0px 0px 4px 0px; font-size: 14px; color: #0066B7; }
.themetop_best3 .best3 li p { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; font-size: 12px; color: #333; }
.themetop_best3 .best3 li p.blogtitle { color: #0066B7; }
.themetop_best3 .best3 li .thumb { margin: 0px 0px 0px 0px; padding: 4px 0px 4px 0px; }
.themetop_best3 .best3 li .thumb img { width: 48px; height: 48px; -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; }

.themetop_entrytheme { /* 記事テーマ一覧 */ }
.themetop_entrytheme .title { background-color: #8CBF33; color: #fff; text-align: right; margin: 0px 0px 10px 0px; padding: 5px 10px 5px 0px; }
.themetop_entrytheme .title h2 { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 15px; font-size: 30px; text-align:left;}
.themetop_entrytheme .title p { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; font-size: 16px; font-weight: bold; }
.themetop_entrytheme .title_sub { background-image: url(/img/mountain2.png); background-position: left bottom; background-repeat: no-repeat; background-color: #F0F6DA; padding: 5px 0px 10px 0px; text-align: left; }
.themetop_entrytheme .title_sub .title_info, .themetop_entrytheme .title_sub .btn { display: table-cell; vertical-align: top; }
.themetop_entrytheme .title_sub .title_info { margin: 0px 0px 0px 0px; padding: 5px 20px 5px 10px; width: 520px; }
.themetop_entrytheme .title_sub .title_info h3 { font-size: 18px; margin: 0px 0px 8px 0px; padding: 0px 0px 0px 4px; border-color: #8CBF33; border-style: solid; border-width: 0px 0px 0px 8px; }
.themetop_entrytheme .title_sub .title_info p { font-size: 14px; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 12px; line-height: 120%; }
.themetop_entrytheme .title_sub .btn { margin: 0px 0px 0px 0px; padding: 0px 5px 0px 0px; width: 200px; }
.themetop_entrytheme .title_sub .btn p.btn_lookmore { margin: 5px auto 0px auto; text-align: center; width: 200px; }
.themetop_entrytheme .title_sub .btn p.btn_lookmore a:link, .themetop_entrytheme .title_sub .btn p.btn_lookmore a:visited { display: block; padding: 5px 0px 5px 0px; font-size: 14px; font-weight: bold; color: #fff; text-align: center; border-radius: 5px; height: inherit; width: 200px; /* オレンジボタン */ background-image: -moz-linear-gradient(top, #ffbb54, #ff9900); background-image: -ms-linear-gradient(top, #ffbb54, #ff9900); background-image: -o-linear-gradient(top, #ffbb54, #ff9900); background-image: -webkit-linear-gradient(top, #ffbb54, #ff9900); background-image: linear-gradient(top, #ffbb54, #ff9900); background-clip: padding-box; border-color: #FFB546; border-style: solid; border-width: 1px; }
.themetop_entrytheme .title_sub .btn p.btn_lookmore a:hover, .themetop_entrytheme .title_sub .btn p.btn_lookmore a:active { /* オレンジボタン on */ background-image: -moz-linear-gradient(bottom, #ffbb54, #ff9900); background-image: -ms-linear-gradient(bottom, #ffbb54, #ff9900); background-image: -o-linear-gradient(bottom, #ffbb54, #ff9900); background-image: -webkit-linear-gradient(bottom, #ffbb54, #ff9900); background-image: linear-gradient(bottom, #ffbb54, #ff9900); background-clip: padding-box; border-color: #FFB546; border-style: solid; border-width: 1px; }
.themetop_entrytheme .title_sub .btn p.btn_write { margin: 5px auto 0px auto; text-align: center; }
.themetop_entrytheme .title_sub .btn p.btn_write a:link, .themetop_entrytheme .title_sub .btn p.btn_write a:visited { display: block; padding: 5px 0px 5px 0px; font-size: 14px; font-weight: bold; color: #fff; text-align: center; border-radius: 5px; height: inherit; width: 200px; /* 赤ボタン */ background-image: -moz-linear-gradient(top, #ED6D46, #EA5532); background-image: -ms-linear-gradient(top, #ED6D46, #EA5532); background-image: -o-linear-gradient(top, #ED6D46, #EA5532); background-image: -webkit-linear-gradient(top, #ED6D46, #EA5532); background-image: linear-gradient(top, #ED6D46, #EA5532); background-clip: padding-box; border-color: #EC633D; border-style: solid; border-width: 1px; }
.themetop_entrytheme .title_sub .btn p.btn_write a:hover, .themetop_entrytheme .title_sub .btn p.btn_write a:active { /* 赤ボタン on */ background-image: -moz-linear-gradient(bottom, #ED6D46, #EA5532); background-image: -ms-linear-gradient(bottom, #ED6D46, #EA5532); background-image: -o-linear-gradient(bottom, #ED6D46, #EA5532); background-image: -webkit-linear-gradient(bottom, #ED6D46, #EA5532); background-image: linear-gradient(bottom, #ED6D46, #EA5532); background-clip: padding-box; border-color: #EC633D; border-style: solid; border-width: 1px; }
.themetop_entrytheme .theme_list { display: inline-block; margin: 0px 4px 10px 4px; padding: 5px 5px 15px 5px; width: 360px; background-color: #F0F6DA; border-color: #8CBF33; border-style: solid; border-width: 1px 0px 0px 0px; text-align: left; }
.themetop_entrytheme .theme_list h3 { margin: 0px 0px 0px 0px; padding: 0px 0px 10px 0px; font-size: 16px; font-weight: normal; }
.themetop_entrytheme .theme_list h3 .themename { font-weight: bold; font-size: 18px; }
.themetop_entrytheme .theme_list .themeinfo, .themetop_entrytheme .theme_list .write { display: table-cell; vertical-align: top;height:35px; }
.themetop_entrytheme .theme_list .themeinfo { margin: 0px 0px 0px 0px; padding: 0px 10px 10px 0px; font-size: 14px; line-height: 130%; width:170px; }
.themetop_entrytheme .theme_list .themeinfo2 { margin: 0px 0px 0px 0px; padding: 0px 10px 10px 0px; font-size: 14px; line-height: 130%;  }
.themetop_entrytheme .theme_list .write { width: 12em; font-size: 12px; }
.themetop_entrytheme .theme_list .write a:link, .themetop_entrytheme .theme_list .write a:visited { display: block; background-color: #EA553A; color: #fff; text-align: center; }
.themetop_entrytheme .theme_list .write a:hover, .themetop_entrytheme .theme_list .write a:active { background-color: #EE7761; }
.themetop_entrytheme .theme_list .write a:link, .themetop_entrytheme .theme_list .write a:visited { padding: 5px 0px 5px 0px; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; }
.themetop_entrytheme .theme_list ul { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; }
.themetop_entrytheme .theme_list li { list-style: none; margin: 0px 0px 5px 0px; }
.themetop_entrytheme .theme_list li a:link, .themetop_entrytheme .theme_list li a:visited { display: block; background-color: #fff; border-color: #fff; border-style: solid; border-width: 1px; padding: 4px;height:170px; }
.themetop_entrytheme .theme_list li a:hover, .themetop_entrytheme .theme_list li a:active { background-color: #FFC; }
.themetop_entrytheme .theme_list li .photo, .themetop_entrytheme .theme_list li .cont { display: table-cell; vertical-align: top; }
.themetop_entrytheme .theme_list li .photo { margin: 0px 0px 0px 0px; padding: 0px 5px 0px 0px; }
.themetop_entrytheme .theme_list li .photo img { width: 160px; height: 120px; overflow:hidden; }
.themetop_entrytheme .theme_list li .cont { text-align: left; }
.themetop_entrytheme .theme_list li h4 { margin: 2px 0px 0px 5px; padding: 3px; font-size: 15px; color: #0066B7; font-weight: normal; line-height: 120%;font-weight:bold;height:30px;word-break:break-all; }
.themetop_entrytheme .theme_list li p.intro { margin: 0px 0px 0px 5px; padding: 5px 5px 0px 3px; color: #333; font-size: 14px; line-height: 120%;height:70px;width:100%;overflow:auto;text-overflow:ellipsis; }
.themetop_entrytheme .theme_list li .prof, .themetop_entrytheme .theme_list li .icon { display: table-cell; vertical-align: top; padding-top: 8px; }
.themetop_entrytheme .theme_list li .prof p.name { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; color: #FF9900; font-size: 12px; text-align: right; }
.themetop_entrytheme .theme_list li .prof p.blogname { margin: 0px 0px 0px 5px; padding: 0px 0px 0px 3px; color: #0066B7; font-size: 12px; width:121px;}
.themetop_entrytheme .theme_list li .icon { padding-left: 5px; }
.themetop_entrytheme .theme_list li .icon img { width: 48px; height: 48px; -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; }
.themetop_entrytheme .theme_list p.btn_lookmore { margin: 15px auto 0px auto; text-align: center; }
.themetop_entrytheme .theme_list p.btn_lookmore a:link, .themetop_entrytheme .theme_list p.btn_lookmore a:visited { display: block; padding: 5px 0px 5px 0px; font-size: 14px; font-weight: bold; color: #fff; text-align: center; border-radius: 5px; height: inherit; /* オレンジボタン */ background-image: -moz-linear-gradient(top, #ffbb54, #ff9900); background-image: -ms-linear-gradient(top, #ffbb54, #ff9900); background-image: -o-linear-gradient(top, #ffbb54, #ff9900); background-image: -webkit-linear-gradient(top, #ffbb54, #ff9900); background-image: linear-gradient(top, #ffbb54, #ff9900); background-clip: padding-box; border-color: #FFB546; border-style: solid; border-width: 1px; }
.themetop_entrytheme .theme_list p.btn_lookmore a:hover, .themetop_entrytheme .theme_list p.btn_lookmore a:active { /* オレンジボタン on */ background-image: -moz-linear-gradient(bottom, #ffbb54, #ff9900); background-image: -ms-linear-gradient(bottom, #ffbb54, #ff9900); background-image: -o-linear-gradient(bottom, #ffbb54, #ff9900); background-image: -webkit-linear-gradient(bottom, #ffbb54, #ff9900); background-image: linear-gradient(bottom, #ffbb54, #ff9900); background-clip: padding-box; border-color: #FFB546; border-style: solid; border-width: 1px; }
.themetop_entrytheme ul.theme_list2 { margin: 0px 0px 0px 0px; padding: 10px 0px 20px 0px; }
.themetop_entrytheme ul.theme_list2 li { list-style: none; display: inline-block; /* theme_top 記事テーマ 同型 */ margin: 0px 1px 5px 2px; padding: 0px 0px 0px 0px; list-style: none; display: inline-block; width: 146px; border-color: #ccc; border-style: solid; border-width: 1px; line-height: 120%; }
.themetop_entrytheme ul.theme_list2 li img.photo { width: 138px; height: 90px; overflow:hidden; }
.themetop_entrytheme ul.theme_list2 li h4 { text-align: left; margin: 0px 0px 0px 0px; padding: 5px 0px 5px 0px; color: #0066B7; font-size: 14px;height:35px;word-break:break-all;width:136px;overflow:hidden;white-space:nowrap;text-overflow: ellipsis; display:-webkit-box;}
.themetop_entrytheme ul.theme_list2 li h5, .themetop_entrytheme ul.theme_list2 li .icon { display: table-cell; vertical-align: top;height:25px;word-break:break-all; }
.themetop_entrytheme ul.theme_list2 li h5 { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; font-size: 12px; font-weight: normal; width: 125px; text-align: left; }
.themetop_entrytheme ul.theme_list2 li .icon img { width: 30px; height: 30px; -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; }
.themetop_entrytheme ul.theme_list2 li a:link, .themetop_entrytheme ul.theme_list2 li a:visited { display: block; padding: 5px 5px 5px 5px;height:200px; }
.themetop_entrytheme ul.theme_list2 li a:hover, .themetop_entrytheme ul.theme_list2 li a:active { background-color: #FFC; }
.theme_list2 p.date{color:#FF9900;font-size:12px;padding:5px 0 0 0;margin:0 0 0 0;text-align:right;}
.themetop_entrytheme ul.theme_list3 { margin: 0px 0px 0px 0px; padding: 10px 0px 0px 0px; }
.themetop_entrytheme ul.theme_list3 li { /* HOME ピックアップ記事テーマ　同型 */ list-style: none; display: inline-block; vertical-align: top; text-align: left; }
.themetop_entrytheme ul.theme_list3 li a:link, .themetop_entrytheme ul.theme_list3 li a:visited { display: block; padding: 3px; width: 120px; }
.themetop_entrytheme ul.theme_list3 li a:hover, .themetop_entrytheme ul.theme_list3 li a:active { background-color: #FFC; }
.themetop_entrytheme ul.theme_list3 li img { width: 120px; height: 120px; }
.themetop_entrytheme ul.theme_list3 li .thumb { margin: -116px 0px 0px 4px; padding: 0px 0px 86px 0px; }
.themetop_entrytheme ul.theme_list3 li .thumb img { width: 30px; height: 30px; -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%;z-index:999; }
.themetop_entrytheme ul.theme_list3 li p { margin: 0px 0px 0px 0px; padding: 5px 0px 5px 0px; font-size: 12px; line-height: 130%; color: #0066B7;word-break:break-all; }
.themetop_entrytheme ul.theme_list3 li p .time { color: #5FA339; padding: 0px 10px 0px 0px; }
.credit{padding:0;margin:-15px 0 20px 0;text-align:right;}

/*# sourceMappingURL=style.css.map */


/* お問い合せ //////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
#inquiry table {
  width: 100%;
  border-spacing: 0;
  font-size:14px;

}
#inquiry table th {
  color: #000;
  padding: 8px 15px;
  background: #eee;
  background:-moz-linear-gradient(#eee, #ddd 50%);
  background:-webkit-gradient(linear, 100% 0%, 100% 50%, from(#eee), to(#ddd));
  font-weight: bold;
  border-top:1px solid #aaa;
  border-left:1px solid #aaa;
  line-height: 120%;
  text-shadow:0 -1px 0 rgba(255,255,255,0.9);
  box-shadow: 0px 1px 1px rgba(255,255,255,0.3) inset;
  text-align:left;
}
#inquiry table tr:first-child th:first-child {
  border-left:1px solid #aaa;
  border-radius: 5px 0 0 0;	
}
#inquiry table tr:first-child td:last-child {
  border-radius:0 5px 0 0;
  border-right:1px solid #aaa;
  box-shadow: 2px 2px 1px rgba(0,0,0,0.1);
  border-top:1px solid #aaa;
}
#inquiry table tr td {
  padding: 8px 15px;
  text-align: left;
  border-left:1px solid #aaa;
  border-top:1px solid #aaa;
}
#inquiry table tr td:first-child {
  border-left: 1px solid #aaa;
}
#inquiry table tr td:last-child {
  border-right: 1px solid #aaa;
  box-shadow: 2px 2px 1px rgba(0,0,0,0.1);
}
#inquiry table tr {
  background: #fff;
}
#inquiry table tr:nth-child(2n+1) {
  background: #f5f5f5;
}
#inquiry table tr:last-child td {
  border-bottom:1px solid #aaa;
  box-shadow: 2px 2px 1px rgba(0,0,0,0.1);
}
#inquiry table tr:last-child th:first-child {
  border-radius: 0 0 0 5px;
  border-bottom:1px solid #aaa;
}
#inquiry table tr:last-child td:last-child {
  border-radius: 0 0 5px 0;
}
#inquiry table tr.disp:hover {
  background: #eee;
  cursor:pointer;
}

#inquiry{
	text-align:left;}

#inquiry h2{ background-image: url(/img/inq_title.gif); font-size: 16px; color: #000; margin: 0px 0px 0px 0px; padding: 8px 0px 15px 28px; text-align: left; background-position: left top; background-repeat: no-repeat; height: 28px; }

#inquiry p.button a:link,#inquiry p.button a:visited { display: block; padding: 5px 0px 0px 0px; width: 600px; height: 35px; font-size: 18px; font-weight: bold; color: #fff; text-align: center; border-radius: 5px; /* オレンジボタン */ background-image: -moz-linear-gradient(top, #ffbb54, #ff9900); background-image: -ms-linear-gradient(top, #ffbb54, #ff9900); background-image: -o-linear-gradient(top, #ffbb54, #ff9900); background-image: -webkit-linear-gradient(top, #ffbb54, #ff9900); background-image: linear-gradient(top, #ffbb54, #ff9900); background-clip: padding-box; border-color: #FFB546; border-style: solid; border-width: 1px; }

#inquiry p.button a:hover,#inquiry p.button a:active { /* オレンジボタン on */ background-image: -moz-linear-gradient(bottom, #ffbb54, #ff9900); background-image: -ms-linear-gradient(bottom, #ffbb54, #ff9900); background-image: -o-linear-gradient(bottom, #ffbb54, #ff9900); background-image: -webkit-linear-gradient(bottom, #ffbb54, #ff9900); background-image: linear-gradient(bottom, #ffbb54, #ff9900); background-clip: padding-box; border-color: #FFB546; border-style: solid; border-width: 1px; }

#inquiry h3 { margin: 0px 0px 5px 0px; padding: 5px 0px 5px 8px; background-color: #8CBF33; color: #fff; font-size: 14px; }

#inquiry p.formbutton{
	text-align:center;
	font-size:1.1em;
}

/*ページ送り広告*/

.ad_page{
	margin:10px auto;
	display: table;
	}
	
.ad_page div{
display: table-cell;
width: 49%;
vertical-align: top;
}
	
	
/*検索ページ再指定要素*/

.f_menu1 li,.f_menu2 li,.f_menu3 li{
	list-style-type:disc;
}

h4{
	font-weight:bold;
}

.copy{text-align:center;}

h1.specialtheme{
	top:190px;
	padding:5px 15px;
	text-align:right;
	font-size:16px;
	margin:0;
	width:96.1%;
	text-overflow:ellipsis;
	white-space:nowrap;
	overflow:hidden;
}

h1.specialtheme span{
	font-size:0.9em;
	font-weight:normal;
}
p.specialtitle{
	font-size:22px;
	color:#8CBF33;
	padding:5px;
	padding-top:0;
	margin:0;
	text-align:left;
	font-weight:bold;
}

p.specialintro{
	color:#333;
	font-size:16px;
	padding:5px;
	text-align:left;
	margin:0;
}


.themaintro{
	text-align:left;
}


/*ナチュレコ詳細ページ　*/

.themetop_entrytheme #detail{
	width:100%;
	display:table;}
	
#detail .rankingntrc{
	display:table-cell;
	vertical-align:top;
	padding: 0 0 0 10px;
}
	

.themetop_entrytheme div.detailImg{
	padding:7px;
	margin:20px 0;
	border:#CCC 1px solid;
	background:#FFF;
	width:50%;
	display:table-cell;
}

.themetop_entrytheme div.detailImg img{
	width:100%;
	
}


.plofIco{
	width:80px;
	display:table-cell;
	padding:10px;
}

.plofIco img{
		width:100%;
		height:80px;
	border-radius:50%;}



#naturecoDatail div.title_sub{
	display:table;
	width:100%;
}

#naturecoDatail .themetop_entrytheme .title_sub{
	background-size:100%;
	margin-bottom:10px;
}


.rankingntrc_a a:hover{background-color:#F03;}

.rankgr table th{
	background-color:#8cbf33;
}

#naturecoDatail .rankingntrc table{
	margin:0;}
	



#natureco .num{
	width:100%;}
	
#natureco .rankingntrc ul.rankingntrc_a li .cont .rankdata h4{
	width:150px;}
	
	
#natureco .rankingntrc ul.rankingntrc_a li .cont .rankdata h3{
	width:80%;
	padding:5px;
}


#natureco .rankingntrc table.entryDetail{
	border:none;
	margin:5px;
}

#natureco .rankingntrc table.entryDetail th{
	font-weight:normal;
	color:#333;
		padding:3px;
		}

#natureco .rankingntrc_a .entryDetail tr{
	border-bottom:#CCC 1px dotted;
}

#natureco .rankingntrc table.entryDetail td{
	padding:3px;
	font-weight:normal;}
	
	
#natureco .rankingntrc ul.rankingntrc_a li{
	width:738px;}
	
#natureco .cont_gr{
	padding:0;}
	
	
/*インデックスのナチュレコオンマウス*/

a.potalbn{
	display:block;
	margin-bottom:10px;
	}
	
/*ナチュログEASY*/

#easy{
	box-sizing:border-box;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	text-align:center;
}

section#top{
	margin-top:56px;}



p.easyimg{
	width:100%;
	margin:0 0 48px 0;
	padding:0 0 0 0;
}


#top div.toptextbox{
	margin:0 0 24px 0;
	font-size:30px;
	font-weight:bold;
}

section#top div.textbox{
	padding:16px 0 0 0;
	margin:0 0 0 0;
	background:url(/img/natulogeasy/pc/mainimg_pc.png) no-repeat left top;
	background-size:cover;
	height:520px;
	width:100%;
	font-size:20px;
	font-weight:normal;
}


section.flag{
	display:table;
	width:100%;
	margin:64px 0 0 0;}


section.flag p.easyimg{
	display:table-cell;
	width:450px;
	height:320px;
}

section.flag div.textbox{
	display:table-cell;
	vertical-align:middle;
	width:510px;
	font-weight:normal;
}


div.textbox h2{
	padding:0 0 0 0;
	margin:0 0 8px 0;
	font-size:24px;
	font-weight:bold;
}


/*オーバーレイ部分*/
section#insBn{
	position:fixed;
	right:0;
	top:200px;
	width:208px;
	background-color:rgba(83,83,83,0.5);
	color:#FFF;
	font-size:16px;
	text-align:left;
	padding:8px;
	margin:0 0 0 0;
border-radius: 10px 0 0 10px / 10px 0 0 10px;
-webkit-border-radius:10px 0 0 10px / 10px 0 0 10px;
-moz-border-radius:10px 0 0 10px / 10px 0 0 10px;

}

section#insBn p{
	width:200px;
	padding:0 0 0 0;
	margin:6px;
}

section#insBn p:last-child{
	padding:0 0 0 0;
}

/*タグ一覧*/

p.othetag a:link,p.othetag a:visited{
	color:#FF9900;
	display:inline-block;
	padding:5px;
}
		
	
/*TOPの記事テーマ一覧*/
		div.side ul.thema{
			list-style:none;
			margin:0;
			padding:0;
		}
		
		div.side ul.thema li{
			border-bottom:#999 1px dotted;
			padding:5px 0;
			margin:0;
		}
		
		div.side ul.thema li:last-child{
			border-bottom:none;
		}
		
		div.side ul.thema p{
			font-weight:bold;
			font-size:0.9em;
			padding:0;
			margin:3px 0 0 0}
			
		div.side ul.thema a:link,div.side ul.thema a:visited{
			color:#333;}
	
/*TOPとカテゴリページのEASY新着一覧*/
		section.easy{
			padding:0 0 0 0;
			margin:0 0 0 0;
		}



		section.easy ul{
			margin:5px 0;
			padding:0 0 0 0;
			list-style:none;}
			
		
		section.easy ul li{
			border:#CCC 1px solid;
			width:100%;
			margin:0 0 10px 0;
			}
			
		section.easy ul li a{
			color:#333;
			display:block;
			box-sizing:border-box;
			}
			
			
		section.easy ul li a:hover{
			background-color:#FFC;
			    border-left: #CCC 1px solid;
			}
			
			
		
		section.easy ul li div.easyName{
			display:table;
			margin-bottom:5px;
			padding:5px 5px 0 5px;
		}
		
		section.easy ul li div.easyName p{
			display:table-cell;
			vertical-align:middle;
			font-size:14px;
			height:30px;
		}
		
		section.easy ul li div.easyName p img{
			border-radius:50%;
			width:30px;
			height:30px;
		}
		
		
		section.easy ul li div.easyMain{
			height:115px;
			background:no-repeat center center;
			background-size:cover;
			position:relative;
			margin:0 5px;
		}
		
		section.easy ul li div.easyMain p{
			background: -moz-linear-gradient(bottom, #000, transparent);
  			background: -webkit-linear-gradient(bottom, #000, transparent);
  			background: linear-gradient(to top, #000,transparent);
			font-size:10px;
			padding:5px;
			margin:0 0 0 0;
			bottom:0;
			left:0;
			right:0;
			color:#FFF;
			white-space: nowrap;
  			overflow: hidden;
  			text-overflow: ellipsis;
			position:absolute;
		}
			
			
		section.easy ul li div.easyCom{
			margin:5px 0;
			padding:0 5px 5px 5px;
		}
		
		ul.comment li{
position: relative;
	display: inline-block;
 	margin: 1.5em 15px 1.5em 0;
	padding: 7px 10px;
 	max-width: 89%;
 	color: #333333;
	font-size: 13px;
	background: #dce3ed;
	border:none !important;
	border-radius:3px;
		}
		
		
	ul.comment li p{
		padding:3px;
		margin:0 0 0 0;
	}
		
		ul.comment li:before{
		content: "";
	position: absolute;
	top: 70%;
	left: 100%;
 	margin-top: -10px;
	border: 5px solid transparent;
	border-left: 9px solid #dce3ed;
		}
		
		ul.comment li{
			margin: 0;
	padding: 5px;
		}
		
		
		section.easy ul li div.easyRec{
			display:table;
			padding:0 5px 5px 5px;
		}
		
		section.easy ul li div.easyRec p{
			display:table-cell;
			vertical-align:middle;
			font:10px;
		}
		
		ul li p.bloglink{
			padding:6px 0;
			margin:0 0 0 0;
		}
		

		ul li p.bloglink a:link{
			text-align:right;
			background:url(/img/easyhome.png) no-repeat left center;
			background-size:15px 15px;
			padding-left:20px;
			margin:0 5px;
			font-size:12px;
			border:none;}
			
			
			       
		div.side ul.thema{
			list-style:none;
			margin:0;
			padding:0;
		}
		
		div.side ul.thema li{
			border-bottom:#999 1px dotted;
			padding:5px 0;
			margin:0;
		}
		
		div.side ul.thema li:last-child{
			border-bottom:none;
		}
		
		div.side ul.thema p{
			font-weight:bold;
			font-size:0.9em;
			padding:0;
			margin:3px 0 0 0}
			
		div.side ul.thema a:link,div.side ul.thema a:visited{
			color:#333;}