@font-face{
font-family:digital_font;
src: url('/smartphone/html/script/app/custom/font/7barSPBd.TTF');
}
/* ------------------------------
ボタン
------------------------------ */


.buttons { 
	overflow: hidden;
	zoom:1;
	margin: 30px 0 10px 0;
}
.buttons a{
    display:block;
    float: left;
    margin-right:15px;
    background-color:#12293B;
    border:5px solid #eee;
    font-size:12px;
    text-decoration:none;
    padding:5px 15px;
    color: #ccc;
	width:320px;
	margin:auto;
	
}
.buttons a.red{
    display:block;
    float: left;
    margin-right:15px;
    background-color:#CC3399;
    border:5px solid #eee;
    font-size:12px;
    text-decoration:none;
    padding:5px 15px;
    color: #ccc;
	width:320px;
	margin:auto;
}
.buttons a.red span strong{
	font-weight: bold;
	font-size: 16px;
	display: block;
	color: #fff;
}
.buttons a span{
	float: left;
	display: block;
	padding:3px 0 3px 40px;
}
.buttons a span strong{
	font-weight: bold;
	font-size: 16px;
	display: block;
	color: #fff;
}

.buttons .cart{ background: url(/modules/fishigreports/images/cart.png) no-repeat left center; }
.buttons .next{ background: url(/modules/fishigreports/images/next.png) no-repeat left center; }
.buttons .review{ background: url(/modules/fishigreports/images/bubble.png) no-repeat left center; }


.buttons a:hover{ border:5px solid #FF3399; }

/* ------------------------------
詳細
------------------------------ */

.fishreportlist { clear:both; }
.tile {
	float: left; width: 140; margin: 5px; text-align: left;
	color: #000; font-weight: bold; font-size: 90%; overflow: hidden;border: 1px solid #ccc;
	background-color:#fff;
}
.sample1 div h3 {
	line-height: 1.1em;
	margin-left: 5px;
	margin: 3px;
	padding: 3px;
	color: #000;
	font-size:90%;
	border-left-width: 10px;
	border-left-style: solid;
	border-left-color: #12293B;
}
.fishing_wather {
background-image:url(/images/character/fishing_wather.jpg);
background-repeat:no-repeat;
background-position:left top;
height:50px;
}
.fishing_area {
background-image:url(/images/character/fishing_area.jpg);
background-repeat:no-repeat;
background-position:left top;
height:50px;
}
.fishing_photo {
background-image:url(/images/character/fishing_photo.jpg);
background-repeat:no-repeat;
background-position:left top;
height:50px;
}
#Fish_photo{
	width:350px;
	float: left; 
}
#Fish_info{
	width:380px;
	float: left; 
}
dl.list309 dt {
  clear: left;
  float: left;
  margin: 0 0 1.3em 5px;
  width: 7em;
  border-left: solid 8px #12293B;
  padding-left: 5px;
  color: #000;
  font-size:90%;
}
dl.list309 dd a {

  color: #000;

}

dl.list309 dd {
  margin-bottom: 1.3em;
  margin-left: 7.5em;
}




.tile_col1 {
	float: left; width: 728px; margin: 2px; text-align: left;
	color: #000; font-size: 90%; overflow: hidden;border: 1px solid #666;
	background-color:#fff;
}
.tile_col5 {
	float: left; width: 135px; margin: 2px; text-align: left;
	color: #000; font-size: 90%; overflow: hidden;border: 1px solid #666;
	background-color:#ccc;
}
.tile_col6 {
	float: left; width: 102px; margin: 3px; text-align: left;
	color: #000; font-size: 90%; overflow: hidden;border: 1px solid #666;
	background-color:#ccc;
}
.tile_col3 {
	float: left; width: 230px; margin: 2px; text-align: left;
	color: #000; font-size: 90%; overflow: hidden;border: 1px solid #666;
	background-color:#ccc;
}
.boder_blue{
	border: 1px solid #12293B;
	background-color:#666;
}
#link_white a{
	color:#fff;
}
#area_keyword{
	font-size:10px;
	color:#666;
}

/* ------------------------------
一覧
------------------------------ */
#grid-content { 
	overflow: hidden;
	height: 0;
 
}
#grid-content div.gridcol {
	width: 220px;
	border: 1px solid #ccc;
	background-color: #fff;
	color: #000;
	margin: 5px;
	padding: 3px;
}

#grid-content div.large {
	width: 316px;
}
#grid-content div h3 {
	line-height: 1.1em;
	margin-left: 5px;
	margin: 3px;
	padding: 3px;
	color: #000;
	font-size:90%;
	border-left-width: 10px;
	border-left-style: solid;
	border-left-color: #66CC00;
}
#grid-content div p {
	margin: 0;
	padding: 0;
}

.rating{
	width:80px;
	height:9px;
	margin:0 0 20px 0;
	padding:0;
	list-style:none;
	clear:both;
	position:relative;
	background: url(/themes/NewDesign2010/images/ico/rating/star-matrix1.gif) no-repeat 0 0;
}
ul.rating li {
	list-style:none;
}

.nostar {background-position:0 0}
.onestar {background-position:0 -16px}
.twostar {background-position:0 -32px}
.threestar {background-position:0 -48px}
.fourstar {background-position:0 -64px}
.fivestar {background-position:0 -80px}


.FishSize_mini_absolute{
	float:left;
	width:100px;
	margin-top: 0px; 
	margin-left: -2px;
	margin-right:10px;
	z-index:9;
	border: 1px solid #12293B;
	position:absolute;

}
.FishSize_mini_absolute span.size{
	background:#C30301 none repeat scroll 0 0;
	clear:both;
	color:#FFFFFF;
	display:block;
	font-family:Helvetica,Arial,"Trebuchet MS";
	font-size:34px;
	font-weight:bold;
	height:38px;
	line-height:38px;
	overflow:hidden;
	padding:0;
	padding-right:3px;
	text-align:center;
	width:100px;
	z-index:999;
}
.FishSize_mini_absolute span.unit{
	font-family:Helvetica,Arial,"Trebuchet MS";
	font-size:16px;
}
.FishSize_mini2_absolute{
	float:left;
	width:100px;
	margin-top: 0px; 
	margin-left: -2px;
	margin-right:10px;
	z-index:9;
	border: 1px solid #12293B;
	position:absolute;
	left:0;
}
.FishSize_mini2_absolute span.size{
	background:#C30301 none repeat scroll 0 0;
	clear:both;
	color:#FFFFFF;
	display:block;
	font-family:Helvetica,Arial,"Trebuchet MS";
	font-size:24px;
	font-weight:bold;
	height:25px;
	line-height:25px;
	overflow:hidden;
	padding:0;
	padding-right:3px;
	text-align:center;
	width:100px;
	z-index:999;
}
.FishSize_mini2_absolute span.unit{
	font-family:Helvetica,Arial,"Trebuchet MS";
	font-size:10px;
}

#grid-content div.gridcol div.profile {
	width: 98%;
	border: 1px solid #ccc;
	background-color: #ddd;
	color: #000;
	margin: 1px;
	padding: 1px;
	height:40px;
	line-height:40px;
	vertical-align: middle; 
	font-size:10px;
}
#grid-content div.gridcol div.profile img{
	vertical-align: middle; 
	margin-right: 5px;
}
div.gridcol div.date {
        font-family: 'Montserrat', sans-serif;
	width: 100%;
	//border: 1px solid #12293B;
	//background-color: #666;
	color: #000;
	margin: 1px;
	padding: 1px;
	height:13px;
	line-height:12px;
	vertical-align: middle; 
	font-size:14px;
	text-align:center;
	float: right; 
}
#grid-content div.gridcol div.area {
	width: 98%;
	border: 1px solid #12293B;
	background-color: #12293B;
	color: #fff;
	margin: 1px;
	padding: 1px;
	font-size:12px;
		line-height:12px;
	text-align:center;
}
div.area_top {
	width: 98%;
	border: 1px solid #000;
	background-color: #222;
	color: #fff;
	margin: 1px;
	padding: 1px;
	font-size:16px;
		line-height:18px;
	text-align:center;
}
/* ------------------------------
top
------------------------------ */

.FishSize_Top_absolute{
	float:left;
	width:130px;
	margin-top: 0px; 
	margin-left: -2px;
	margin-right:10px;
	z-index:9;
	border: 1px solid #000;
	position:absolute;
		left:0;

	
}
.FishSize_Top_absolute span.size{
	background:#000 none repeat scroll 0 0;
	clear:both;
	color:#FF3399;
	display:block;
	font-family:Helvetica,Arial,"Trebuchet MS";
	font-size:24px;
	font-weight:bold;
	height:25px;
	line-height:25px;
	overflow:hidden;
	padding:0;
	padding-right:3px;
	text-align:center;
	width:130px;
	z-index:999;
}
.FishSize_Top_absolute span.unit{
	font-family:Helvetica,Arial,"Trebuchet MS";
	font-size:10px;
}

.FishSize_TopMini_absolute{
	float:left;
	width:97px;
	margin-top: 0px; 
	margin-left: 1px;
	margin-right:10px;
	z-index:9;
	border: 1px solid #12293B;
	position:absolute;
		left:0;
}
.FishSize_TopMini_absolute span.size{
	background:#12293B none repeat scroll 0 0;
	clear:both;
	color:#fff;
	display:block;
	font-family:Helvetica,Arial,"Trebuchet MS";
	font-size:14px;
	font-weight:bold;
	height:25px;
	line-height:25px;
	overflow:hidden;
	padding:0;
	padding-right:3px;
	text-align:center;
	width:95px;
	z-index:999;
}
.FishSize_TopMini_absolute span.unit{
	font-family:Helvetica,Arial,"Trebuchet MS";
	font-size:10px;
}
/* ------------------------------
TAG
------------------------------ */
div#tags {
	line-height: 300%;
	letter-spacing: 1px;
}


div#tags span {
	color: #fff;
	padding: 5px;
	padding-right: 6px;
	padding-left: 6px;
}
div#tags span a {
	color: #fff;

}


.tag_color1 {
	background: #774356;
}

.tag_color2 {
	background: #E39358;
}

.tag_color3 {
	background: #A00139;
}

.tag_color4 {
	background: #530A53;
}

.tag_color5 {
	background: #0289A1;
}

/* ------------------------------
css_button
------------------------------ */

.css_button 
{ 
    margin: 10px; 
    text-decoration: none; 
    font: bold 1.2em;
    display: inline-block; 
    text-align: center; 
    color: #fff; 
 
    border: 1px solid #9c9c9c; /* Fallback style */ 
    border: 1px solid rgba(0, 0, 0, 0.3);             
 
    text-shadow: 0 1px 0 rgba(0,0,0,0.4); 
 
    box-shadow: 0 0 .05em rgba(0,0,0,0.4); 
    -moz-box-shadow: 0 0 .05em rgba(0,0,0,0.4); 
    -webkit-box-shadow: 0 0 .05em rgba(0,0,0,0.4); 
 
} 
 
.css_button, .css_button span 
{ 
    -moz-border-radius: .3em; 
    border-radius: .3em; 
} 
 
.css_button span 
{ 
    border-top: 1px solid #fff; /* Fallback style */ 
    border-top: 1px solid rgba(255, 255, 255, 0.5); 
    display: block; 
    padding: 0.5em 2.5em; 
 
    /* The background pattern */ 
 
    background-image: -webkit-gradient(linear, 0 0, 100% 100%, color-stop(.25, rgba(0, 0, 0, 0.05)), color-stop(.25, transparent), to(transparent)), 
                      -webkit-gradient(linear, 0 100%, 100% 0, color-stop(.25, rgba(0, 0, 0, 0.05)), color-stop(.25, transparent), to(transparent)), 
                      -webkit-gradient(linear, 0 0, 100% 100%, color-stop(.75, transparent), color-stop(.75, rgba(0, 0, 0, 0.05))), 
                      -webkit-gradient(linear, 0 100%, 100% 0, color-stop(.75, transparent), color-stop(.75, rgba(0, 0, 0, 0.05))); 
    background-image: -moz-linear-gradient(45deg, rgba(0, 0, 0, 0.05) 25%, transparent 25%, transparent), 
                      -moz-linear-gradient(-45deg, rgba(0, 0, 0, 0.05) 25%, transparent 25%, transparent), 
                      -moz-linear-gradient(45deg, transparent 75%, rgba(0, 0, 0, 0.05) 75%), 
                      -moz-linear-gradient(-45deg, transparent 75%, rgba(0, 0, 0, 0.05) 75%); 
 
    /* Pattern settings */ 
 
    -moz-background-size: 3px 3px; 
    -webkit-background-size: 3px 3px; 
    background-size: 3px 3px; 
} 
 
.css_button:hover 
{ 
    box-shadow: 0 0 .1em rgba(0,0,0,0.4); 
    -moz-box-shadow: 0 0 .1em rgba(0,0,0,0.4); 
    -webkit-box-shadow: 0 0 .1em rgba(0,0,0,0.4); 
} 
 
.css_button:active 
{ 
    /* When pressed, move it down 1px */ 
    position: relative; 
    top: 1px; 
}
#content a.css_button
{ 
    color:#fff;
}
/* ------------------------------
css_button_colors
------------------------------ */

#dark{
	background-color:#333;
	border:1px solid #000;
	padding:10px;
	margin-top:20px;}
	
#light{
	background-color:#FFF;
	border:1px solid #dedede;
	padding:0px;
	margin-top:0px;}	
	
li.css_buttons{ 
	list-style:none;
	padding-top:0px;
	padding-bottom:0px;
	margin:0;
	}	

.css_button, .css_button:visited {
	background: #222 url(/modules/fishigreports/images/overlay.png) repeat-x; 
	display: inline-block; 
	padding: 5px 10px 6px; 
	color: #fff; 
	text-decoration: none;
	-moz-border-radius: 6px; 
	-webkit-border-radius: 6px;
	-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.6);
	-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.6);
	text-shadow: 0 -1px 1px rgba(0,0,0,0.25);
	border-bottom: 1px solid rgba(0,0,0,0.25);
	position: relative;
	cursor: pointer
}
	.css_button:hover							{ background-color: #111; color: #fff; }
	.css_button:active							{ top: 1px; }
	.small.css_button, .small.css_button:visited 			{ font-size: 11px}
	.css_button, .css_button:visited,
	.medium.css_button, .medium.css_button:visited 		{ font-size: 13px; 
												  font-weight: bold; 
												  line-height: 1; 
												  text-shadow: 0 -1px 1px rgba(0,0,0,0.25); 
												  }
												  
	.large.css_button, .large.css_button:visited 			{ font-size: 14px; 
													  padding: 8px 14px 9px; }
													  
	.super.css_button, .super.css_button:visited 			{ font-size: 18px; 
													  padding: 8px 14px 9px; }
	
	.pink.css_button, .magenta.css_button:visited		{ background-color: #e22092; }
	.pink.css_button:hover							{ background-color: #c81e82; }
	.green.css_button, .green.css_button:visited		{ background-color: #91bd09; }
	.green.css_button:hover						    { background-color: #749a02; }
	.red.css_button, .red.css_button:visited			{ background-color: #e62727; }
	.red.css_button:hover							{ background-color: #cf2525; }
	.orange.css_button, .orange.css_button:visited		{ background-color: #ff5c00; }
	.orange.css_button:hover						{ background-color: #d45500; }
	.blue.css_button, .blue.css_button:visited		    { background-color: #2981e4; }
	.blue.css_button:hover							{ background-color: #2575cf; }
	.yellow.css_button, .yellow.css_button:visited		{ background-color: #ffb515; }
	.yellow.css_button:hover						{ background-color: #fc9200; }

/* ------------------------------
ページャー
------------------------------ */
ul#pagination-original{border:0; margin:0; padding:0;}

#pagination-original li{
border:0; margin:0; padding:0;
font-size:12px;
list-style:none;
float:left;
background-color:#fff;
}
#pagination-original a{
border:solid 1px #ccc;
margin-right:7px;

}
#pagination-original .previous-off,
#pagination-original .next-off {
color:#666666;
display:block;
float:left;
font-weight:bold;
padding:3px 4px;
}
#pagination-original .next a,
#pagination-original .previous a {
font-weight:bold;
border:solid 1px #FFFFFF;
}
#pagination-original .active{
color:#ff0084;
font-weight:bold;
display:block;
float:left;
padding:4px 6px;
}
#pagination-original a:link,
#pagination-original a:visited {
color:#0063e3;
display:block;
float:left;
padding:3px 6px;
text-decoration:none;
}
#pagination-original a:hover{
border:solid 1px #666666;
}


#freport_search {
	background-image: url("/modules/fishigreports/images/search.png");
	height:30px;
	width:100%;
}
#PostClapping{
    width: 300px;
    padding: 10px 25px 10px 25px;
    font-size: 16px;
    text-decoration: none;
    color: #ffffff;
    text-shadow: -1px -1px 2px #465f97;
    background-color: #245191;
    border: 1px solid #618926;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border: 1px solid #0f2557;
    cursor: pointer;
    vertical-align: middle;
    margin-bottom: 20px;
}


#PostClapping img{
    vertical-align: middle;
     padding-top:-5px;
}
#PostClapping-thnks {
    display:none;
    border:none;
    width:728px;
    height: 30px;
    background:#eee;   
    border-bottom:7px solid #ccc;
    border: 1px solid #618926;
    margin-top:30px;

}
.listview ul {list-style-type: none;width: 500px;}
.listview a,.listview img {text-decoration: none;} 
.listview h3 {font: bold 28px/1.5 Helvetica, Verdana, sans-serif;} 
.listview li img.avatar {float: left;  margin: 0 5px 0 0;border-color:#666;border-style:solid; border-width:1px; } 
.listview li p {font: 200 12px/1.5 Georgia, Times New Roman, serif;} 
.listview li {padding: 5px;hioverflow: auto;height: 80px;list-style-type: none;} 
.listview li:hover {background: #eee;  cursor: pointer;}