@charset "UTF-8";

/*----------------------------------------
   initialize 
----------------------------------------*/

* {
	margin: 0;
	padding: 0;
}
body { background: #000;}
img { border: none; vertical-align: bottom;}
div { overflow: hidden;}
ul { list-style: none;}
hr { visibility: hidden; height: 20px; clear: both;}

/*----------------------------------------
   common
----------------------------------------*/
body {
	font-size: 12px;
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	line-height: 20px;
    background:url(../images/common/bg/bg_renew2.jpg) #000000 top center repeat-x ;
	margin:0;
	}

H2 {
	font-size: 12px;
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	color: #666;
	line-height: 20px;
	font-weight:normal;}
H3 {
	font-size: 12px;
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	color: #000;
	line-height: 20px;
	font-weight:normal;}		
a {color: #39c; text-decoration: underline;}
a:hover {color: #666699; text-decoration:underline;}
.left { float: left;}
.right { float: right;}
.clear { clear: both;}
.red {color:#FF0000;}

a:hover img{
filter: alpha(opacity=80);
-moz-opacity: 0.80;
opacity: 0.80;
	}
.end_topics{
	color:#FFF;
	border:#F00 2px solid;
	background:#F00;
	font-weight:bold;
	vertical-align:middle;
	padding:2px 4px;
	line-height:2.2;
	}

/*----------------------------------------
 __container
----------------------------------------*/
div#container {
	margin: 0 auto;
	padding-bottom: 30px;
	text-align: center;
	width: 800px;
	background:url(../images/sub_bg.jpg) repeat-x;
	}

div#content { background-color: #fff;}
/*----------------------------------------
 __header
----------------------------------------*/
div#header { text-align: left;
width:100%;
height:auto;
background-color:fff;
}
#header .groupltd {
	display: block;
	width:100%;
	margin:0 auto;
	text-align: center;
	padding-left:0px;
	padding-top:10px;
}

#header .groupltd li {
	display: inline-block;
	vertical-align: middle;
}
h1, .pagetop {
	font-size: 10px;
	font-weight: normal;
	line-height: 14px;
	color: #996633;
}

p.pagetop {
	font-size: 10px;
	font-weight: normal;
	line-height: 14px;
	color: #996633;
	text-align:left;
}

h1.page_ttl {
	font-size: 16px;
	font-weight:bold;
	line-height: 14px;
	color: #996633;
}

#submenu { background:url(../images/sub_bg.jpg) repeat-x #4F0D0A; padding:5px 0;}
#submenu a { color: #9C816B;}
#submenu a:hover { color: #75614F; } 
/*----------------------------------------
 __column
----------------------------------------*/
/*-- maincolumn ※汎用------------------*/
div#maincolumn {
	width: 720px;
	text-align: left;
	margin: 0 auto;
	}
/*-- column01 ※トップページ------------*/
div#column01 {
	padding: 35px;
	padding-top: 15px;
	text-align: left;
	}
/*-- column07 ※料金ページ------------*/
div#column07 {
	width: 720px;
	text-align: left;
	margin: 0 auto;
	}
table#charge {
	border: 1px solid #CEC2AE;
	background: #eee;
	}
table#charge tbody tr td,
table#charge thead th {
	border: 1px solid #CEC2AE;
	background: #fff;
	text-align: center;
	font-size:13px;
	font-weight: bold;
	display: table-cell;
	vertical-align: middle;
	height: 60px;	
	}
table#charge tbody tr th{
	border: 1px solid #555;
	background: #fff;
	text-align: center;
	font-size:13px;
	font-weight: bold;
	display: table-cell;
	vertical-align: middle;
	height: 60px;	
	}
table#charge tr td span {
	font-size:11px;
	font-weight:normal;
	line-height: 12px;
	}
table#charge tfoot {
	background: #F0F0F0;
	padding: 10px;
	}
table#charge tfoot td {
	font-weight: 100;
	font-size: 12px;
	padding: 12px;
	}
/*-- column08 ※写真集------------*/
div#column08 {
	width: 700px;
	text-align: left;
	margin: 0 auto;
	line-height: 13px;
	}
div#column08 b {
	line-height: 18px;
	}
/*-- column10 ※アンダ便り------------*/
body#event div#letter {
	background: url(../event/letter/img_letter/bg_img.jpg) top left no-repeat;
	width: 800px;
	padding: 10px 0 10px;
	text-align:center;
}
	#letter_next{
	background-image:url(../event/letter/img_0811/next_backimg.jpg);
	text-align:center;
	}
div#letter p { margin: 10px 0;}
/*-- column11 ※イベント共通------------*/
div#column11 {
	width: 700px;
	text-align: left;
	margin: 0 auto;
	line-height: 1.5;
	}

/*-- column12 ※イベントPOPもの------------*/
div#column12 {
	width: 700px;
	margin: 0 auto;
	line-height: 1.5;
	}
/*-- column11 ※イベント川柳------------*/
div#column13 {
	width: 800px;
	text-align: left;
	margin: 0 auto;
	line-height: 1.5;
	}	
/*-- column14 ※七夕イベント------------*/
div#column14 {
	width: 800px;
	margin: 0 auto;
	line-height: 1.5;
}
/*社会貢献プロジェクト*/
.wrap_fund_raising{
	padding: 0px 10px 10px;
}
.wrap_fund_raising h3{
	margin: 0;
}
.wrap_fund_raising ul{
	list-style: disc;
	margin: 5px 0 10px;
	padding: 0 0 0 15px;
}
.wrap_fund_raising li{
	font-size: 12px;
}

/*----------------------------------------
 __footer
----------------------------------------*/
div#footer {
	width: 800px;
	background: url(../images/common/bg/bg_footer.gif) bottom left no-repeat;
	clear: both;
	}
div#footer ul {
	display: block;
	overflow: auto;
	width: 750px;
	margin:0 auto;
	}
div#footer ul li {
	float: left;
	margin-left: 20px;
	}
div#footer p {
	clear: both;
	width: 730px;
	border-top: 1px solid #ccc;
	margin:10px auto;
	padding-top: 10px;
	font-size: 11px;
	}
a.small {font-size:11px; padding:10px 0; display:block;}

.nav a:hover img,
.nav span img {
filter: alpha(opacity=80);
-moz-opacity: 0.80;
opacity: 0.80;
	}
	
/*カエルTIMES*/	
.times_wrap{
	width:700px;
	margin:0 auto 20px;
}
	
.k_h2{
	padding:0 0 5px 0;
	border-bottom: dotted 1px #CCC;
}
.k_h2 img {
	margin-bottom:5px;
}

ul.bn_list {
	width: 700px;
	margin: 0 auto;
	padding: 0;
	list-style-type: none;
}

ul.bn_list li {
	margin: 0 12px 12px 0;
	text-align: center;
	float: left;
}

.times_cap{
	line-height:1.8em;
}
.times_cap p {
	margin:5px 0 15px;
}
	
.p10t { padding-top: 10px; }

/* ---------------------------------------------------------
Back to top button
 ----------------------------------------------------------*/
#back-top {
    position: fixed;
    bottom: 3%;
    right: 3%;
	z-index: 1000;}
#back-top span {
    width: 120px;
    height: 83px;
    display: block;}
	
/* ---------------------------------------------------------
charge
 ----------------------------------------------------------*/	
 .box_charge{
	 overflow: hidden;
	 margin: 0 auto;
	 padding: 0;
 }
 
 .box_charge ul{
	 margin: 0;
	 padding: 0;
	 overflow:hidden;
 }

 
 .box_charge li{
	 float: left;
	 margin: 0;
	 padding: 0 30px 10px;
 }
 
 .box_charge li.left{
	 width: 350px;
 }

/* ---------------------------------------------------------
weather_btn
 ----------------------------------------------------------*/	 
.btn_area_weather{
	width:400px;
	margin: 10px auto;
	
}

a.btn_weather {
	display: block !important;
	width: 400px;
	margin: 0;
	padding: 7px 0;
	font-size: 14px;
	color: #FFF;
	border: #FFF solid 1px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	border-radius: 8px;
	background: url(../images/common/bg_brown.jpg) center repeat-x;
	/*IE 7 AND 8 DO NOT SUPPORT BORDER RADIUS*/
	/*filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '#A7702D', endColorstr = '#60380C');*/
	/*INNER ELEMENTS MUST NOT BREAK THIS ELEMENTS BOUNDARIES*/
	/*Element must have a height (not auto)*/
	/*All filters must be placed together*/
	/*-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr = '#A7702D', endColorstr = '#60380C')";*/
	/*Element must have a height (not auto)*/
	/*All filters must be placed together*/
	background-image: -moz-linear-gradient(top, #A7702D, #60380C);
	background-image: -ms-linear-gradient(top, #A7702D, #60380C);
	background-image: -o-linear-gradient(top, #A7702D, #60380C);
	background-image: -webkit-gradient(linear, center top, center bottom, from(#A7702D), to(#60380C));
	background-image: -webkit-linear-gradient(top, #A7702D, #60380C);
	background-image: linear-gradient(top, #A7702D, #60380C);
	-moz-background-clip: padding-box;
	-webkit-background-clip: padding-box;
	background-clip: padding-box;
	/*Use "background-clip: padding-box" when using rounded corners to avoid the gradient bleeding through the corners*/
	/*--IE9 WILL PLACE THE FILTER ON TOP OF THE ROUNDED CORNERS--*/
	text-decoration: none;
	text-align: center;
	zoom: 1;
}

a:hover.btn_weather {
	display: block !important;
	width: 400px;
	margin: 0;
	padding: 7px 0;
	font-size: 14px;
	color: #FFF;
	border: #FFF solid 1px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	border-radius: 8px;
	background: url(../images/common/bg_brown_on.jpg) center repeat-x;
	/*IE 7 AND 8 DO NOT SUPPORT BORDER RADIUS*/
	/*filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '#60380C', endColorstr = '#A7702D');*/
	/*INNER ELEMENTS MUST NOT BREAK THIS ELEMENTS BOUNDARIES*/
	/*Element must have a height (not auto)*/
	/*All filters must be placed together*/
	/*-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr = '#60380C', endColorstr = '#A7702D')";*/
	/*Element must have a height (not auto)*/
	/*All filters must be placed together*/
	background-image: -moz-linear-gradient(top, #60380C, #A7702D);
	background-image: -ms-linear-gradient(top, #60380C, #A7702D);
	background-image: -o-linear-gradient(top, #60380C, #A7702D);
	background-image: -webkit-gradient(linear, center top, center bottom, from(#60380C), to(#A7702D));
	background-image: -webkit-linear-gradient(top, #60380C, #A7702D);
	background-image: linear-gradient(top, #60380C, #A7702D);
	-moz-background-clip: padding;
	-webkit-background-clip: padding-box;
	background-clip: padding-box;
	/*Use "background-clip: padding-box" when using rounded corners to avoid the gradient bleeding through the corners*/
	/*--IE9 WILL PLACE THE FILTER ON TOP OF THE ROUNDED CORNERS--*/
	text-decoration: none;
	text-align: center;
	zoom: 1;
}

/* h1追加 ページ別　*/
.box_h1{
	width: 700px;
	padding:10px;
	text-align: left;
}

h1.pop {
	font-size:18px;
	border-bottom: solid 1px #d2d2d2;
	color:#333;
	padding:10px 0;
	margin:0 0 5px 0;
	font-weight: bold; 
}


 
/* 20140606追加 */
 /*追加css*/
 /*margin*/
.m0 { margin: 0 !important;}
.m5t { margin-top: 5px;}
.m10t { margin-top: 10px;}
.m20t { margin-top: 20px;}
.m30t { margin-top: 30px;}
.m40t { margin-top: 40px;}
.m50t { margin-top: 50px;}

.m5r { margin-right: 5px;}
.m10r { margin-right: 10px;}
.m20r { margin-right: 20px;}
.m30r { margin-right: 30px;}
.m40r { margin-right: 40px;}
.m50r { margin-right: 50px;}

.m5b { margin-bottom: 5px;}
.m10b { margin-bottom: 10px;}
.m20b { margin-bottom: 20px;}
.m30b { margin-bottom: 30px;}
.m40b { margin-bottom: 40px;}
.m50b { margin-bottom: 50px;}

.m5l { margin-left: 5px;}
.m10l { margin-left: 10px;}
.m20l { margin-left: 20px;}
.m30l { margin-left: 30px;}
.m40l { margin-left: 40px;}
.m50l { margin-left: 50px;}

/*padding*/
.p5t { padding-top: 5px;}
.p10t { padding-top: 10px;}
.p20t { padding-top: 20px;}
.p30t { padding-top: 30px;}
.p40t { padding-top: 40px;}
.p50t { padding-top: 50px;}

.p5r { padding-right: 5px;}
.p10r { padding-right: 10px;}
.p20r { padding-right: 20px;}
.p30r { padding-right: 30px;}
.p40r { padding-right: 40px;}
.p50r { padding-right: 50px;}

.p5b { padding-bottom: 5px;}
.p10b { padding-bottom: 10px;}
.p20b { padding-bottom: 20px;}
.p30b { padding-bottom: 30px;}
.p40b { padding-bottom: 40px;}
.p50b { padding-bottom: 50px;}

.p5l{ padding-left: 5px;}
.p10l{ padding-left: 10px;}
.p20l{ padding-left: 20px;}
.p30l{ padding-left: 40px;}
.p50l{ padding-left: 50px;}
.floatL{
	float: left;
}
.floatR{
	float: right;
}
.clear{
	clear: both;
}
.alignL{
	text-align:left;
}
.alignR{
	text-align:right;
}
.alignC{
	text-align:center;
}

/*color*/
.red { color: #ff0000 !important;}
.wine_red { color: #990000 !important;}
.gray { color: #999999 !important;}
.white{ color: #FFF !important;}
.off-white{ color: #faf6ef !important;}
.black{ color: #000 !important;}
.orange{ color: #FF6600 !important;}
.beige{ color: #f2c2b2 !important;}


#article{
	width: 720px;
	margin: 0 auto;
	text-align: left;
}
#article h2{
	font-size:26px;
	font-weight:bold;
	font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	line-height:1.5;
	border-bottom:1px solid #ccc;
	color:#333;
}

h1#title {
	font-size:26px;
	font-weight:bold;
	font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	line-height:1.5;
	border-bottom:1px solid #ccc;
	color:#333;
}

#article h3{
	margin-bottom: 0.5em;
	border-bottom:1px solid #ccc;
	font-size:20px;
	font-weight:bold;
	font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	line-height:1.5;
	color:#333;
}
h3.line1{
	border-left:5px solid #9fb0d4;
	padding-left:10px;
}
h3.line2{
	border-left:5px solid #c2e6ea;
	padding-left:10px;
}
h3.line3{
	border-left:5px solid #d4b0c3;
	padding-left:10px;
}
h3.line4{
	border-left:5px solid #d6d6a7;
	padding-left:10px;
}
h3.line5{
	border-left:5px solid #9fc1ca;
	padding-left:10px;
}
h3.line6{
	border-left:5px solid #f6b39f;
	padding-left:10px;
}
h3.line7{
	border-left:5px solid #cabedc;
	padding-left:10px;
}
h3.line8{
	border-left:5px solid #b0bedb;
	padding-left:10px;
}
h3.line9{
	border-left:5px solid #f9db7f;
	padding-left:10px;
}
.section{
	padding-bottom:20px;
}
.box_link{
	text-align:center;
	margin-bottom:20px;
}
.box_list{
	margin-bottom:40px;
}
.pagetop{
	text-align:right;
	margin-bottom:20px;
}
.box_grounpl_txt{
	width:360px;
}
.box_grounps_txt{
	width:460px;
}
.box_grounps_caption{
	border-bottom:1px solid #ccc;
	margin-bottom:10px;
	padding-bottom:5px;
}

.h3_sub {
	margin-bottom: 0.2em;
	font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	font-size: 16px;
	font-weight: bold;
	color: #C90;
}

.f20{
	font-size:20px;
	font-weight:bold;
	font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	line-height:1.6;
}

.f16{
	font-size:16px;
	font-weight:bold;
	font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	line-height:1.6;
}

.f10{
	font-size:10px;
	font-weight:bold;
	font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	line-height:1.6;
}
.border{
	border-bottom: solid 1px #000;
	padding: 5px 0;
}

#footer_info{
	width:720px;
	margin:40px auto;
	padding:20px 10px;
	overflow:hidden;
	border-radius: 10px;  
  -webkit-border-radius: 10px;    /* Safari,Google Chrome用 */  
  -moz-border-radius: 10px;   /* Firefox用 */ 
	border: 1px solid #999;
}
.box_footerinfoL{
	width:210px;
	text-align:center;
}
.box_footerinfoL p{
	margin-bottom:20px;
}
.box_footerinfoR{
	width:480px;
	text-align:left;
}

/*==========================
パンくず
==========================*/

/*-----背景　黒ver.-----*/

#breadcrumbs {
	overflow: hidden;
	width: auto;
	margin: 0 auto;
	padding: 0;
	font-size: 12px;
	line-height: 3;
	text-align: left;
}

#breadcrumbs ul, #breadcrumbs ol {
	overflow: hidden;
	margin: 0;
	padding: 0;
	list-style-type: none;
}

#breadcrumbs ul li, #breadcrumbs ol li {
	float: left;
	margin: 0 0.5em 0 0;
	padding: 0;
	color: #333;
	font-size: 12px;
	line-height: 3;
}

#breadcrumbs dl {
	overflow: hidden;
	margin: 0;
	padding: 0;
	list-style-type: none;
}

#breadcrumbs dl dd {
	float: left;
	margin: 0 0.5em 0 0;
	padding: 0;
	color: #60;
	font-size: 12px;
	line-height: 3;
}

#breadcrumbs a {
	display: block;
	margin: 0;
	padding: 0 1.5em 0 0;
	background: url(../img/bg_breadcrumbs_white.png) center right no-repeat;
	color: #90;
}

#breadcrumbs a:hover {
	color: #fff;
}


/*-----背景　白ver.-----*/

#breadcrumbs.white ul li, #breadcrumbs.white ol li, #breadcrumbs.white dl dd {
	float: left;
	margin: 0 0.5em 0 0;
	padding: 0;
	color: #333;
	line-height: 3;
}

#breadcrumbs.white a {
	display: block;
	margin: 0;
	padding: 0 1.5em 0 0;
	background: url(http://www.pasela.co.jp/img/bg_breadcrumbs_gray.png) center right no-repeat;
	color: #f60;
	line-height: 3;
}

#breadcrumbs.white a:hover {
	color: #f90;
}

#breadcrumbs li:last-child a {
pointer-events: none;
text-decoration: none;
background-image:none;
color: inherit;
}


.middle {
	width: 960px !important;
}

.narrow {
	width: 800px !important;
}

.narrow_less {
	width: 780px !important;
}

.narrow_min {
	width: 700px !important;
}

.rhythm {
	width: 850px !important;
}


.bg_gray {
	background: #eee;
}

.bg_yellow {
	background: #ebc639;
}

/*パンくず末尾用*/

#breadcrumbs li:last-child a {
	pointer-events: none;
	background: none;
	text-decoration: none;
	color: inherit;
}


/*==========================
かえるジャンボ
==========================*/
.rank_circle {     
	width:50px;
	height:50px;
	border-radius: 50%;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	 box-shadow: rgba(113,135,164,.65098) 1px 1px 6px 3px;
	-webkit-box-shadow: rgba(113,135,164,.65098) 1px 1px 6px 3px;
	-moz-box-shadow: rgba(113,135,164,.65098) 3px 1px 1px 3px;
	color:white;
	font-size:32px;
	font-weight:bold;
	text-align: center;
	line-height: 50px;
}

.rank_circle span{
	font-size:14px;
}

.rank_blue{
background:#2244C9;
background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #3451db), color-stop(0.51, #002da8), color-stop(0.49, #4163c1), color-stop(0.00, #7c8fe4));
background: -webkit-linear-gradient(top, #7c8fe4 0%, #4163c1 49%, #002da8 51%, #3451db 100%);
background: -moz-linear-gradient(top, #7c8fe4 0%, #4163c1 49%, #002da8 51%, #3451db 100%);
background: -o-linear-gradient(top, #7c8fe4 0%, #4163c1 49%, #002da8 51%, #3451db 100%);
background: -ms-linear-gradient(top, #7c8fe4 0%, #4163c1 49%, #002da8 51%, #3451db 100%);
background: linear-gradient(top, #7c8fe4 0%, #4163c1 49%, #002da8 51%, #3451db 100%);

}

.rank_green{
background:#2DCD26;
background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #38db34), color-stop(0.51, #11a800), color-stop(0.49, #42c141), color-stop(0.00, #7fe47c));
background: -webkit-linear-gradient(top, #7fe47c 0%, #42c141 49%, #11a800 51%, #38db34 100%);
background: -moz-linear-gradient(top, #7fe47c 0%, #42c141 49%, #11a800 51%, #38db34 100%);
background: -o-linear-gradient(top, #7fe47c 0%, #42c141 49%, #11a800 51%, #38db34 100%);
background: -ms-linear-gradient(top, #7fe47c 0%, #42c141 49%, #11a800 51%, #38db34 100%);
background: linear-gradient(top, #7fe47c 0%, #42c141 49%, #11a800 51%, #38db34 100%);

}

.rank_pink{
background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #db34a4), color-stop(0.51, #a80077), color-stop(0.49, #c141a4), color-stop(0.00, #e47ccc));
background: -webkit-linear-gradient(top, #e47ccc 0%, #c141a4 49%, #a80077 51%, #db34a4 100%);
background: -moz-linear-gradient(top, #e47ccc 0%, #c141a4 49%, #a80077 51%, #db34a4 100%);
background: -o-linear-gradient(top, #e47ccc 0%, #c141a4 49%, #a80077 51%, #db34a4 100%);
background: -ms-linear-gradient(top, #e47ccc 0%, #c141a4 49%, #a80077 51%, #db34a4 100%);
background: linear-gradient(top, #e47ccc 0%, #c141a4 49%, #a80077 51%, #db34a4 100%);

}

.rank_yellow{
background:#D5D62F;
background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #dbdb34), color-stop(0.51, #a0a800), color-stop(0.49, #bac141), color-stop(0.00, #e4de7c));
background: -webkit-linear-gradient(top, #e4de7c 0%, #bac141 49%, #a0a800 51%, #dbdb34 100%);
background: -moz-linear-gradient(top, #e4de7c 0%, #bac141 49%, #a0a800 51%, #dbdb34 100%);
background: -o-linear-gradient(top, #e4de7c 0%, #bac141 49%, #a0a800 51%, #dbdb34 100%);
background: -ms-linear-gradient(top, #e4de7c 0%, #bac141 49%, #a0a800 51%, #dbdb34 100%);
background: linear-gradient(top, #e4de7c 0%, #bac141 49%, #a0a800 51%, #dbdb34 100%);

}

.rank_orange{
background:#F57D3E;
background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #fd9c68), color-stop(0.51, #ea5506), color-stop(0.50, #f17431), color-stop(0.00, #feceb4));
background: -webkit-linear-gradient(top, #feceb4 0%, #f17431 50%, #ea5506 51%, #fd9c68 100%);
background: -moz-linear-gradient(top, #feceb4 0%, #f17431 50%, #ea5506 51%, #fd9c68 100%);
background: -o-linear-gradient(top, #feceb4 0%, #f17431 50%, #ea5506 51%, #fd9c68 100%);
background: -ms-linear-gradient(top, #feceb4 0%, #f17431 50%, #ea5506 51%, #fd9c68 100%);
background: linear-gradient(top, #feceb4 0%, #f17431 50%, #ea5506 51%, #fd9c68 100%);

}

.rank_red{
background:#CB242A;
background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #db3438), color-stop(0.51, #a8000c), color-stop(0.49, #c14145), color-stop(0.00, #e47c7d));
background: -webkit-linear-gradient(top, #e47c7d 0%, #c14145 49%, #a8000c 51%, #db3438 100%);
background: -moz-linear-gradient(top, #e47c7d 0%, #c14145 49%, #a8000c 51%, #db3438 100%);
background: -o-linear-gradient(top, #e47c7d 0%, #c14145 49%, #a8000c 51%, #db3438 100%);
background: -ms-linear-gradient(top, #e47c7d 0%, #c14145 49%, #a8000c 51%, #db3438 100%);
background: linear-gradient(top, #e47c7d 0%, #c14145 49%, #a8000c 51%, #db3438 100%);
}

.rank_skyblue{
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #bcf4fd), color-stop(0.75, #87c2fb), color-stop(0.51, #6ba8e4), color-stop(0.50, #8fbff0), color-stop(0.20, #91bae4), color-stop(0.00, #b6e2fd));
background: -webkit-linear-gradient(top, #b6e2fd 0%, #91bae4 20%, #8fbff0 50%, #6ba8e4 51%, #87c2fb 75%, #bcf4fd 100%);
background: -moz-linear-gradient(top, #b6e2fd 0%, #91bae4 20%, #8fbff0 50%, #6ba8e4 51%, #87c2fb 75%, #bcf4fd 100%);
background: -o-linear-gradient(top, #b6e2fd 0%, #91bae4 20%, #8fbff0 50%, #6ba8e4 51%, #87c2fb 75%, #bcf4fd 100%);
background: -ms-linear-gradient(top, #b6e2fd 0%, #91bae4 20%, #8fbff0 50%, #6ba8e4 51%, #87c2fb 75%, #bcf4fd 100%);
background: linear-gradient(top, #b6e2fd 0%, #91bae4 20%, #8fbff0 50%, #6ba8e4 51%, #87c2fb 75%, #bcf4fd 100%);
}

.rank_border_bottom{
	border-bottom: 1px dotted #666;
	margin-bottom:5px;
}


/*-- ケロバス --*/
.kerobus {
	text-align: center;
	margin-bottom: 20px;
}
.kerobus img {
	border: 1px solid #573E35;
}

/*カエルジャンボ*/
.btn_kaeru,.btn_kaeru02 {
	padding:12px 20px;
	position: relative;
	background-color: #f56778;
	border-radius: 4px;
	color: #fff;
	line-height: 52px;
	-webkit-transition: none;
	transition: none;
	box-shadow: 0 3px 0 #cb5462;
	text-shadow: 0 1px 1px rgba(0, 0, 0, .3);
	font-size:20px;
	font-family:'Meiryo', 'メイリオ', Verdana, 'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro W3', Osaka, 'ＭＳ Ｐゴシック', "MS P Gothic", sans-serif;
	font-weight:bold;
	text-decoration:none;
	/*margin-right:40px*/
}
.btn_kaeru:after,.btn_kaeru02:after{
	content:"▶";	
}


.btn_kaeru02 {
	background-color: #1abc9c;
	margin-right:0px;
	box-shadow: 0 3px 0 #0e8c73;
}
.btn_kaeru:hover {
	background-color: #fe7094;
	box-shadow: 0 3px 0 #c76d78;
	color: #fff;
}
.btn_kaeru:active {
	top: 3px;
	box-shadow: none;
}

.btn_kaeru02:hover {
	background-color: #31c8aa;
	box-shadow: 0 3px 0 #23a188;
	color: #fff;
}
.btn_kaeru02:active {
	top: 3px;
	box-shadow: none;
}
.btn_kaeru:link,.btn_kaeru02:link  {
	text-decoration:none;
	color: #fff;
}
.line {
	border-top: 1px solid #8c8b8b;
	border-bottom: 1px solid #fff;
}
.ttl_kaeru_jumbo {
	font-size:25px;
	font-weight:bold;
}