@charset "utf-8";
/* CSS Document */
/* 
html5doctor.com Reset Stylesheet
v1.6.1
Last Updated: 2010-09-17
Author: Richard Clark - http://richclarkdesign.com 
Twitter: @rich_clark
*/

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
margin:0;
padding:0;
border:0;
outline:0;
font-size:100%;
vertical-align:baseline;
background:transparent;
}
body {
line-height:1;
}
article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section { 
display:block;
}
nav ul {
list-style:none;
}
blockquote, q {
quotes:none;
}
blockquote:before, blockquote:after,
q:before, q:after {
content:'';
content:none;
}
a {
margin:0;
padding:0;
font-size:100%;
vertical-align:baseline;
background:transparent;
}
ins {
background-color:#ff9;
color:#000;
text-decoration:none;
}
mark {
background-color:#ff9;
color:#000; 
font-style:italic;
font-weight:bold;
}
del {
text-decoration: line-through;
}
abbr[title], dfn[title] {
border-bottom:1px dotted;
cursor:help;
}
table {
border-collapse:collapse;
border-spacing:0;
}
hr {
display:block;
height:1px;
border:0; 
border-top:1px solid #cccccc;
margin:1em 0;
padding:0;
}
input, select {
vertical-align:middle;
}

/*リセットここまで*/

/*@font-face {
  font-family: 'Noto Sans JP';
  font-weight: 400;
  font-style: normal;
  src: url(//fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-Regular.woff2) format('woff2'),
        url(//fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-Regular.woff) format('woff'),
        url(//fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-Regular.otf) format('opentype');
  font-display: swap;
}*/


body{font-family: "メイリオ", Meiryo,"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro",  Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; font-size: 12px;overflow:hidden; /* IE7以下 */ }
html{ overflow-y: scroll; *overflow: scroll; /* IE7以下 */}
img{ vertical-align: bottom;}
a{text-decoration: none;}
a:hover{color: #999999;}
figure{margin: 0; padding: 0;}
.clearfix:after {display: block;clear: both;content: "";}
.br_sp{ display: none;}
#loader-bg {
  display: none;
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0px;
  left: 0px;
  background: #fff;
  z-index: 2;
}
#loader {
  display: none;
  position: fixed;
  top: 50%;
  left: 50%;
  width: 200px;
  height: 200px;
  margin-top: -100px;
  margin-left: -100px;
  text-align: center;
  color: #ccc;
  z-index: 3;
}
.loader{
  margin: 0 0 2em;
  height: 50px;
  width: 20%;
  text-align: center;
  padding: 1em;
  margin: 0 auto;
  display: inline-block;
  vertical-align: top;
}
svg path,
svg rect{
  fill: #07864F;
}
.container{ width: 100%; margin:auto;color:#333333; background:#fff; position:relative; z-index:1;}
.header_h1{
	color:#000;
	margin: 0 0 12px 0;
	padding:3px 0 0 0;
	font-size:10px;
	font-weight: normal;
	line-height: 20px;
	background: #f2f2f2;
	text-align: center;
}
.header{ width: 960px; margin: 0 auto 0 auto;}
.header_logo,.header_bnr,.header_btn,.header_login{ float: left;}
.header_logo{ width: 182px; margin-right: 5px; margin-top: 10px;}
.header_logo p{ margin-top: 8px;}
.header_bnr{margin-right: 20px; margin-top: 25px;}
.header_btn {margin-right: 16px; border: 1px solid #447753;}
.header_btn li{ float: left; padding: 8px 0 12px 0; list-style: none; }

.header_mypage,.header_contact{ border-right: 1px solid #447753; }
.header_btn_regist a,.header_btn_login a{font-size: 16px;padding: 8px 0 8px 0;border: solid #ff8000 1px;text-decoration: none;display: block;  width: 230px; text-align: center; -webkit-border-radius: 6;
  -moz-border-radius: 6;
  border-radius: 6px;}
.header_btn_regist a:hover,.header_btn_login a:hover,.header_btn li a:hover{ opacity: .8;}
.header_btn_regist a{  background: #ffffbf;
  background: url(../images_new/top/icon_arrow_2.png) no-repeat 10px center, -webkit-linear-gradient(top, #ffffbf, #ffdc73);
  background: url(../images_new/top/icon_arrow_2.png) no-repeat 10px center,-moz-linear-gradient(top, #ffffbf, #ffdc73);
  background: url(../images_new/top/icon_arrow_2.png) no-repeat 10px center,-ms-linear-gradient(top, #ffffbf, #ffdc73);
  background: url(../images_new/top/icon_arrow_2.png) no-repeat 10px center,-o-linear-gradient(top, #ffffbf, #ffdc73);
  background: url(../images_new/top/icon_arrow_2.png) no-repeat 10px center,linear-gradient(to bottom, #ffffbf, #ffdc73);
  color: #300;
  }
.header_btn_login{ margin-top: 8px;}  
.header_btn_login a{ background-color: #FF9326;
	background: url(../images_new/top/icon_arrow_2.png) no-repeat 10px center, -webkit-linear-gradient(top, #ffb045 0%,#ffa337 29%,#ff9326 51%);
	background: url(../images_new/top/icon_arrow_2.png) no-repeat 10px center,-moz-linear-gradient(top, #ffb045 0%, #ffa337 29%, #ff9326 51%);
	background:  url(../images_new/top/icon_arrow_2.png) no-repeat 10px center,linear-gradient(to bottom, #ffb045 0%,#ffa337 29%,#ff9326 51%); 
	color: #ffffff;
}  
.header_login li.header_btn_regist2{font-size: 14px; line-height:1.4; font-weight: bold;}
.header_btn_regist3{margin: 9px 0 ;}
.header_btn_regist3 a{ text-decoration: underline;}
.header_login li{ list-style-type: none; line-height:1;}
.header_login .header_btn_pt{	 
	 border: 1px solid #FF0000; /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,ececfb+100 */
    text-align: center;
	font-size:16px;
	font-family:Arial;
	font-weight:normal;
	-moz-border-radius:8px;
	-webkit-border-radius:8px;
	border-radius:8px;
	padding:10px;
	width: 210px;
	text-decoration:none;
	background:-moz-linear-gradient( center top, #ededed 5%, #dfdfdf 100% );
	background:-ms-linear-gradient( top, #ededed 5%, #dfdfdf 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#dfdfdf');
	background:-webkit-gradient( linear, left top, left bottom, color-stop(5%, #ededed), color-stop(100%, #dfdfdf) );
	background-color:#ededed;
	color:#333;
	display:inline-block;
	text-shadow:1px 1px 0px #ffffff;
 	-webkit-box-shadow:inset 1px 1px 0px 0px #ffffff;
 	-moz-box-shadow:inset 1px 1px 0px 0px #ffffff;
}

.header_btn_pt span{font-size: 20px; color: #ff0000; font-weight: bold; }
.remain{  width: 230px; font-size: 12px; text-align: right; margin-top: 3px;}
.remain a{ text-decoration: underline;}
/*グローバルナビ*/

.nav_guide{margin-top: 12px; /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#8bb661+0,72a161+100 */
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#8cb861+0,71a061+96,387202+100 */
background: #8cb861; /* Old browsers */
background: -moz-linear-gradient(top,  #8cb861 0%, #71a061 96%, #387202 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #8cb861 0%,#71a061 96%,#387202 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #8cb861 0%,#71a061 96%,#387202 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8cb861', endColorstr='#387202',GradientType=0 ); /* IE6-9 */
overflow: hidden;
}
.nav_guide ul{ width: 960px; margin: auto}
.nav_guide li{ float: left;  font-size: 14px; line-height: 1.4; padding: 0 19px;}
.nav_guide li:hover{ background: #4D8325;}
.nav_guide li a{padding: 8px 0; display: block;}
.nav_guide li.side_guide_hajimete a{ background: url(../images_new/top/icon_beginner.png) no-repeat left center; padding-left: 20px;}
.nav_guide a{ color: #fff;}

/*ドロップメニュー*/
#dropmenu{
list-style-type: none;
width: 960px;
height: 40px;
margin: 0;
padding: 0;
position: absolute;
overflow: visible;
}
.nav_dropmenu_wrapper,#dropmenu li{background: #dbdbea; /* Old browsers */
background: -moz-linear-gradient(top,  #dbdbea 0%, #ffffff 20%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #dbdbea 0%,#ffffff 20%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #dbdbea 0%,#ffffff 20%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dbdbea', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */}
#dropmenu li{ 
list-style: none; display: inline-block; list-style-position: inside; 
position: relative;
width: 238px;
float: left;
margin: 0;
padding: 0;
text-align: center;
border-right: 1px solid #ccc;
z-index: 130;
}
.nav_dropmenu_wrapper{width: 100%; overflow: visible; height: 44px; }
.nav_dropmenu{ width: 960px; margin:auto; position: relative; overflow: visible;}
.nav_dropmenu li{font-size: 16px;}
.nav_dropmenu li.nav_products{ /*z-index: 160;*/}
#dropmenu li.nav_top{border-left: 1px solid #ccc;}
#dropmenu li a{
  display: block;
  color: #447753;
  font-size: 18px;
  font-weight: bolder;
  text-decoration: none;
  min-height: 44px;
  line-height: 44px;
}
#dropmenu li:hover > a{
  color: #fff;  
  background-color: #063;
}
#dropmenu li ul li:hover>a{
  background: #7CAA61; 
}
#dropmenu li ul li.no_list:hover>a{background: none;}
#dropmenu li .child{
	list-style: none;
	position: absolute;
	top: 44px;
	left: -1px;
	margin: 0;
	padding: 0;
	z-index: 120;
	width: 568px;
	*display: none; 
	visibility: hidden;
	opacity: 0;
	 }
#dropmenu li:hover .child{ visibility: visible;opacity: 0.98;-moz-transition: .2s;
  -webkit-transition: .2s;
  -o-transition: .2s;
  -ms-transition: .2s;
  transition: .2s;}
html.ie8 #dropmenu li ul.child{
    display: none; /* IE8 */
}
#dropmenu li .child div{  overflow:hidden; padding: 3px; background:#fff;}
#dropmenu li:last-child div{
  left: -100%;
  width: 100%;
}
#dropmenu li div ul{ float: left; 	width: 280px; }
#dropmenu li ul li{
width: 280px;
height: 0;
background: none;  
border-right: none;
background: #FFE98F;
 }
#dropmenu li ul li a{
  padding: 0;  
  text-align: left;
  font-size: 13px;
  font-weight: normal;
  opacity: 1;
   color: #030;
  background: none;
  min-height: auto;
  height: auto;
  line-height: 30px;
  display: block;
}
#dropmenu li ul li a:before{ content: "\f138"; margin: 0 5px; font-family: Fontawesome; color: #030;}
#dropmenu li .child li.no_list a:before{content: "";}
#dropmenu li:hover ul li{height: auto;}
.nav_top a{ background:url(../images_new/top/icon_home.png) 10px center;}
.nav_products a{ background:url(../images_new/top/icon_products.png);}
.nav_teiki a{ background:url(../images_new/top/icon_teiki.png);}
.nav_member a{background:url(../images_new/top/icon_member.png) 15px 5px no-repeat;}
.nav_top a,.nav_products a,.nav_teiki a{background-position: 30px 5px; height: 20px; background-repeat: no-repeat;}
.nav_top a:hover{ background:url(../images_new/top/icon_home.png) 30px -35px no-repeat; background-color: #447753;}
.nav_products a:hover{ background:url(../images_new/top/icon_products.png) 30px -35px no-repeat; background-color: #447753;}
.nav_teiki a:hover{ background:url(../images_new/top/icon_teiki.png) 30px -35px no-repeat; background-color: #447753;}
#dropmenu li.nav_member a:hover{background:url(../images_new/top/icon_member.png) 15px -35px no-repeat; background-color: #447753;}
.main_wrapper{padding: 15px 0; overflow:hidden; width: 960px; margin: auto; line-height: 1.4;  }
.main_wrapper_left{  font-size: 14px; overflow:hidden;   width: 720px; float: left;}
.main_wrapper_center{overflow:hidden; width: 720px; margin: 20px auto 30px auto;}
.main_wrapper_left,.sidebar{margin-top: 20px;}
.main_wrapper_center h2{ color: #F00; font-size: 20px; margin: 30px 0;}

/*MARUbanner*/
.sec_maru{ text-align:center; border-bottom: 1px solid #00B7A5; margin-bottom: 20px; overflow:hidden;border-top: 3px solid #75A461;/*newsないときだけborder border-top: 3px solid #75A461; */}
.maru_bnr{background:url(../images_new/top/banner_maru.jpg) no-repeat ;  width:1121px; min-height: 100px; margin:auto; overflow: hidden; }
.maru_bnr p{ margin: 70px 290px 0 0 ; text-align:right;}
.maru_bnr p a:hover{ opacity:.8;}
.page .minori_bnr{margin-top: 0;padding-bottom: 6px ; }
.minori_bnr a{ position: absolute; width: 960px; height: 101px; top:0; left: 0; z-index:1;}
.minori_bnr form{ z-index: 2; position: relative;}
/*sidebar*/

.sidebar{overflow:hidden; width: 220px; margin-bottom: 40px; float: right;}
.sidebar .fukidashi{ display:block; margin-bottom: 4px;}
.sec_login{ border: 2px solid #ccc; padding: 20px 12px; margin: 20px 0;}
.sec_login .header_btn_pt{ padding: 5px; width:100%; text-align: center;
border: 1px solid #FF0000; /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,ececfb+100 */
font-size:16px;
font-family:Arial;
font-weight:normal;
-moz-border-radius:8px;
-webkit-border-radius:8px;
border-radius:8px;
text-decoration:none;
background:-moz-linear-gradient( center top, #ededed 5%, #dfdfdf 100% );
background:-ms-linear-gradient( top, #ededed 5%, #dfdfdf 100% );
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#dfdfdf');
background:-webkit-gradient( linear, left top, left bottom, color-stop(5%, #ededed), color-stop(100%, #dfdfdf) );
background-color:#ededed;
color:#333;
display:inline-block;
text-shadow:1px 1px 0px #ffffff;
-webkit-box-shadow:inset 1px 1px 0px 0px #ffffff;
-moz-box-shadow:inset 1px 1px 0px 0px #ffffff;
}
.sec_login .header_btn_pt span{ margin-left: 10px;}
.sec_login ul{ width: 180px; margin: 0 auto; padding: 0; float: none; }
.sec_login li{ list-style: none;}
.sec_login h2{ width: 180px; margin: 0 auto 5px auto;}
.sec_login .header_btn_regist a,.sec_login .header_btn_login a{font-size: 16px;padding: 8px 0 6px 10%;border: solid #ff8000 1px;text-decoration: none;display: block;  width: inherit; text-align: center; -webkit-border-radius: 6;
  -moz-border-radius: 6;
  border-radius: 6px;}
.sec_login.header_btn_regist a{  background: #ffffbf;
  background: url(../images_new/top/icon_arrow_2.png) no-repeat 10px center, -webkit-linear-gradient(top, #ffffbf, #ffdc73);
  background:  url(../images_new/top/icon_arrow_2.png) no-repeat 10px center,-moz-linear-gradient(top, #ffffbf, #ffdc73);
  background:  url(../images_new/top/icon_arrow_2.png) no-repea 10px center,-ms-linear-gradient(top, #ffffbf, #ffdc73);
  background:  url(../images_new/top/icon_arrow_2.png) no-repeat 10px center,-o-linear-gradient(top, #ffffbf, #ffdc73);
  background:  url(../images_new/top/icon_arrow_2.png) no-repeat 10px center,linear-gradient(to bottom, #ffffbf, #ffdc73);
  color: #666666;
  }
  
.sec_login .header_btn_login{ margin-top: 10px;}  
  .sec_login .header_btn_login a{ background: #FF9326;
  background: url(../images_new/top/icon_arrow_2.png) no-repeat 10px center, -webkit-linear-gradient(top, #ffb045 0%,#ffa337 29%,#ff9326 51%);
  background: url(../images_new/top/icon_arrow_2.png) no-repeat 10px center,-moz-linear-gradient(top, #ffb045 0%, #ffa337 29%, #ff9326 51%);
  background:  url(../images_new/top/icon_arrow_2.png) no-repeat 10px center,linear-gradient(to bottom, #ffb045 0%,#ffa337 29%,#ff9326 51%);
 color: #ffffff;
} 

.sec_login .header_btn_regist2{  width: 100%;margin: auto;}
.sec_login .remain{  width: 100%;margin: auto; margin-top: 5px;}
.section_service,.section_teiki,.section_friend,.bggrid180-05b,.section_member,
.ranking_h3,.sec_rank dt,.section_sme,.side_guide_h3{ margin-top: 10px;}
.guarantee_h3{background:#000; color: #fff; text-align: center; padding: 5px 0; font-size:18px; margin-top: 20px;}  
.section_guarantee{ border: 1px solid #000; padding: 10px; font-size: 14px;}
.section_sme{ border: 1px solid #003F7E; text-align:center; padding: 10px 0;}
.section_sme img{  margin: auto; height: auto;}
.side_guide_h2{border-left: 3px solid #006600; border-top: 3px solid #006600; border-right: 3px solid #006600; background:#FCFFCA; text-align:center; padding-top: 2px; }
.side_guide_h2 img{ vertical-align: bottom; width: 210px; height: auto; }
.sec_rank{ font-size: 12px;}
/*side*/

/*ログイン背景*/
.side_guide {margin:  0; padding:0; background:#FCFFCA; background-position: bottom; padding-top: 10px; padding-bottom: 5px;border-left: 3px solid #006600;border-right: 3px solid #006600;border-bottom: 3px solid #006600;  }
.side_guide li {
width: 160px;
margin-right: auto;
margin-left: auto;
margin-bottom: 11px;
background: url(../images_new/top/b_hajimete_icon.jpg) #669900  10px center no-repeat;
padding-left: 30px;

/* box-shadow */
box-shadow:2px 2px 0px 0px #006600;
-moz-box-shadow:2px 2px 0px 0px #006600;
-webkit-box-shadow:2px 2px 0px 0px #006600;

/* border-radius */
border-radius:20px;
-moz-border-radius:20px;
-webkit-border-radius:20px;
behavior: url(/PIE.htc);
position:relative;
list-style: none;
	}

.side_guide li:before{ content: ; margin-top: 2px;}
.side_guide li a {
	color: #FFFFFF;	
	line-height: normal;
	text-decoration: none;
	display: block;
		line-height: 1.8;
}
.side_guide li a:hover {
	color: #FAFAFA;	
	text-decoration: none;
}
.sidebar .sec_login ul{ width: auto;}
.sidebar .sec_login {
      padding: 20px 12px;
 
}
.sidebar .sec_login .header_btn_pt{ width: 180px; margin: auto;}

/*180920追加 レスポンシブデザイン*/
.sidebar > .list_wrp{ border-left: 1px dotted #666; padding: 0 10px 10px; margin-bottom: 30px; font-family:"メイリオ", Meiryo,"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro",  Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif}
.sidebar .guide_list li a:before,.sidebar .member_list li a:before,.sidebar .faq_list li a:before{ 
content: "\f105"; font-family: FontAwesome; font-size: 10px; padding: 0 5px;}
.sidebar .guide_list {border-bottom: 1px dotted #666;  background: #fff; color:#009844; }
.sidebar .guide_list li a,.sidebar .member_list li a{
	color: #666; font-size: 16px; line-height: 2.4; display:block;}
.sidebar .faq_list li a{color: #666; font-size: 14px; line-height: 2.4; display:block; padding: 5px 0;}
.sidebar .member_list {background: #fff; color:#09B083; margin-top: 10px;}
.sidebar .faq_list {background: #fff; color:#08A3A6; }
.sidebar .guide_list li a:hover{color:#009844; background:#f2f2f2;}
.sidebar .member_list li a:hover{color:#09B083; background:#f2f2f2;}
.sidebar .faq_list li a:hover{color:#08A3A6; background:#f2f2f2;}
.sidebar .list_wrp ul{ list-style: none;}


/* ログインボタン */
a.login3{
	display:block;
	background-image:url(../images_new/top/png/b_login03.png);
	width:160px;
	height:25px;
}
a.login3:hover{ background-position:top right;}

/* ログアウトボタン */
a.logout{
	display:block;
	background-image:url(../images_new/top/png/b_logout.png);
	width:160px;
	height:25px;
}
a.logout:hover{ background-position:top right;}
.header_news { width: 100%; border-top: 3px solid #75A461;   display: none; }/*display: none;のとき424行目修正*/
.header_news a{ text-decoration: underline;}
.header_news a:hover{ color: inherit;}
.header_news h2{ float: left; width: 100px;text-align: left; padding-right: 30px;}
.header_news dt{ float: left; padding: 0 10px;}
.header_news dt,.header_news dd{ line-height: 32px; font-size: 14px;}
.header_news div{width: 960px; margin: auto; }

/*商品リスト*/
.product_list_h3{background: #75A461; color: #fff; line-height: 2; font-size: 14px; text-align:center; font-weight: normal;}
.product_list li{ line-height: 1.4;border-bottom: 1px dotted #333; font-size: 14px; list-style: none; }
.product_list li a{color: #466A69; display: block; padding: 8px 5px 8px 15px;  background: url(/images_new/top/icon_side_arrow.png) no-repeat 3px center; background-size:10px;}
.product_list li a:hover{ background:url(/images_new/top/icon_side_arrow.png) no-repeat 3px center #eee; background-size:10px;}
/*.product_list li.new_minori a,.product_list li.new_minori a:hover{ background-position: left 42px;}
.product_list li.no1_suppon a,.product_list li.no1_suppon a:hover{ background-position: left 32px;}
.product_list li.no2_syoga a,.product_list li.no2_syoga a:hover{ background-position: left 42px;}
.product_list li.no3_sosyu a,.product_list li.no2_sosyu a:hover{ background-position: left 32px;}*/
.icon_list_new{ background:#F00;}
.icon_list_hot{ background: #f00; }
.icon_list_new,.icon_list_hot{color: #fff; font-size: 10px; padding: 0 3px; margin-left: 3px;}
.section_teiki,.section_friend{width:220px;}
/*ランキング*/
.ranking_h3{ text-align: center; background: #FF875B; color: #fff;  padding: 5px 0; font-size: 14px; margin-top: 20px;}
.ranking_h3 img{width: 23px;  margin-right: 3px;}
.side_kuwashiku{ width: 150px; margin: 5px auto 0 auto;}
.side_kuwashiku a{ background: #F60; color: #fff;-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px; padding: 5px ; display: block; font-family:"メイリオ", Meiryo,"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro",  Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif}
.side_kuwashiku a:hover{ opacity: 0.8;}
.side_kuwashiku a:before{ content:"\f105"; font-family:Fontawesome; margin-right: 5px;}
.sec_rank .no1,.sec_rank .no2,.sec_rank .no3{ position: absolute;width: 49px;   left:5px; top: -20px;}
.sec_rank dd{ margin-top: 25px;margin-bottom: 30px; position: relative; text-align:center;}
.sec_rank dd img{ width: 150px; height: auto; margin-bottom: 5px;}
.sec_rank dd, .ranking_txt{ text-align: center;}
.ranking_txt img{ margin-bottom: 5px;}
.ranking_txt a{color: #333;}
.ranking_txt a:hover{ color: #666;}
/* WEB会員登録 */
a.web_member{
width:220px;
	background-image:url(../images_new/top/png/banner_teiki.png);
	width:160px;

}
a.web_member:hover, a.member:hover{ background-position:top right;}
/*フッタ*/
.ft_guide2{text-align: center; width: 100%; background: #D5E4C5; padding-top: 20px; padding-bottom: 20px; }
.ft_guide2 div{ display: inline-block; background: #fff; width: 210px; height: 240px; font-size: 14px;*display: inline;
*zoom: 1; line-height: 1.4; vertical-align:top; padding: 10px; margin-right: 10px; text-align:left;-webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;}
.ft_guide2 div.pst_fee{width: 300px;}
.ft_guide2 div.pst_how{width: 180px;}
.ft_guide2 div.pst_day{width: 180px ;}
.ft_guide2 div.pst_pay{width: 240px; margin-right: 0;}
.ft_guide2 h3{ background:#334400; color: #fff;text-align: center; margin-bottom: 10px;}
.ft_guide2 div p{ text-align: left; font-size: 13px;}
.ft_guide2 .pst_fee dl{ font-weight: bold;font-size: 16px; }
.ft_guide2 .pst_fee dt{ color: #334400;  }
.ft_guide2 .pst_fee dd{ margin-left: 20px;}
.ft_guide2 .rd{ color: #C00;}
.ft_guide2 .pst_fee dt, .ft_guide2 .grn{ color: #334400;font-weight: bold; font-size: 16px;  }
.ft_guide2  ul{ margin-left: 20px;}
.ft_guide2 .mb20{ margin-bottom: 20px;}
/**/
.footer_wrapper{overflow: hidden; width: 100%; text-align: center; 
margin: 30px auto 0 auto;
background:#f2f2f2;
border-top: 1px solid #eee; padding-top: 20px; }
.left_bottom_text{ font-size: 12px; border: 1px dotted #666; padding: 10px; margin-top: 25px;}
.footer_navi{margin: 50px auto 10px auto ; width: 100%; min-width: 1000px; text-align:center;  }
.footer_navi li{ display:inline-block; border-left: 1px solid #666; font-size: 12px; padding: 0 20px;list-style:none; *float: left;}
.footer_navi li a{ color: #000;}
.footer_navi li a:hover{text-decoration: underline;}
.footer_txt{ background:url(../images_new/top/footer_2017.png); background-repeat: no-repeat; margin: auto; height: 125px; width: 910px; text-align: right;}
.footer img{margin: 10px 0 0 760px;}
.footer_2{ background:  #333; color: #fff;}
.footer_2 > div{ width: 960px; margin: auto;}
.copy, p.copy{ text-align: center; padding: 10px 0; background: #333; color: #fff; margin: 0;font-size: 12px;}

.footer_wrapper h2{ font-size: 16px;text-align: left; width: 300px; margin: 10px 0 30px 0;}
.footer_wrapper .list{ overflow: hidden; width: 500px; margin: 30px 0 30px 40px; float: left; }
.footer_wrapper .list ul{ float: left; width: 230px; text-align: left;  margin-left: 20px; font-size: 12px; line-height: 1.6; }
.footer_wrapper a:hover{text-decoration: underline;}
.footer_wrapper .list a{color: #fff;}
.footer_wrapper .list2{ margin-left: 30px; width: 380px;}
.footer_wrapper .list2 ul{ width: 160px; float: left;} 
/*リキッド用*/

ul.horizon03{ margin: 0 auto; text-align:center; width: 530px; }
ul.horizon03 li{display: inline-block; border-left-color: #fff; }
ul.horizon03 li a{ color:#fff;}

#wrapper{ padding-bottom: 30px;}


/*パンクズ
breadcrumb [

----------------------------------------------------------- */
ol#topicPath {
	padding: 0;
	font-size: 12px;
	list-style: none;
	margin-top: 0px;
	margin-right: 0;
	margin-bottom: 0px;
	margin-left: 0;
	width: 740px;
	float: left;
}
ol#topicPath li {
	float: left;
	padding-right: 6px;
	padding-left: 12px;
	background-image: url(../images_new/top/bc-ya.jpg);
	background-repeat: no-repeat;
	background-position: 0 50%;
	list-style-type: none;
	line-height: 1.4;
}
ol#topicPath li.home {
	padding-left: 18px;
	background: url(../images_new/top/bc-home.jpg) no-repeat 0 50%;
}
ol#topicPath li a:link,
ol#topicPath li a:visited {
	color: #0000FF;
	text-decoration: underline;
	padding-left: 3px;
}
ol#topicPath li a:hover,
ol#topicPath li a:active {
	color: #FF0000;
	text-decoration: underline;
}
ol#topicPath li em {
	font-style: normal;
	font-weight: bold;
}
/**/
.genzai-grid01 {
	width:600px;
	margin-right: auto;
	margin-left: auto;
	background-image: url(/images_new/top/ring.jpg);
	background-repeat: repeat-y;
	margin-top: 40px;
}

/*パン屑リスト*/
.breadcrumbs{ font-size: 10px; list-style: none;  width: 100%;}
.breadcrumbs li{ float: left; margin-right: 5px; }
.breadcrumbs li i{ margin-right: 5px;}
.breadcrumbs li a{ margin: 0;}

:root .header_btn_login a,
:root .header_btn_regist a{ background-image: url(../images_new/top/icon_arrow_2.png)\9; background-repeat: no-repeat\9; background-position: left center\9;}
.info_7{ display: none;}


/*ページトップ*/
.page_top {
    display: none;
    position: fixed;
    bottom: 30px;
    right: 15px;
	
}
.page_top i{    font-size: 24px; line-height: 1.6;}

.page_top a {
    display: block;
    background-color: #f2f2f2;
    text-align: center;
    color: #33643B;
    font-size: 13px;
    text-decoration: none;
    padding: 5px 10px 10px;
	filter:alpha(opacity=100);
    -moz-opacity: 1;
    opacity: 1;
}
.page_top a:hover {
    display: block;
    background-color: #eee;
    text-align: center;


    text-decoration: none;
    padding: 5px 10px 10px;
	filter:alpha(opacity=50);
    -moz-opacity: 0.5;
    opacity: 0.5;
}

/*タブレットとSP*/
	@media screen and (max-width: 640px) {
		.footer_guide_h2 img{ width: 100%;}
		.footer_wrapper{background:#E2ECD5; padding: 0;}
		.footer_wrapper h2{ margin-bottom: 10px;}
		.footer_navi{ min-width: 100%; background:#E2ECD5; margin: 0; padding: 10px 0 0 0;}
		.footer_navi li{ display: block; text-align: left;}
		.footer_2 > div{ width: 100%; margin: auto;}
		.footer_wrapper .list{ width: 100%;}
		.ft_guide2 div{ display: block;}
		.ft_guide2 div.pst_fee,
		.ft_guide2 div.pst_how,
		.ft_guide2 div.pst_day,
		.ft_guide2 div.pst_pay{ width: 100%;}
		.footer_navi li{ border-left: none;  border-top: 1px solid #ccc;}
		.footer_wrapper .list2 ul {
    width:100%;
    float: none;
}
		
		}