@charset "utf-8";
/*
Theme Name: JH Lite
Theme URI: http://www.japan-hopper.com
Description: 2006-2010 (C)JAPAN HOPPER Co,ltd. All right reserved.
Version: 2.6
Author: M.Kiyotaka
Author URI: http://www.japan-hopper.com
*/

/*-----------------------------------------------------
Yahoo UI Library Fonts CSS
Copyright (c) 2006, Yahoo! Inc. All rights reserved.
http://developer.yahoo.com/yui/license.txt
http://developer.yahoo.com/yui/fonts/#default
Font-size Adjustment
10px = 77%
11px = 85%
12px = 93%
13px = 100%
14px = 108%
15px = 116%
16px = 123.1%
17px = 131%
18px = 138.5%
19px = 146.5%
20px = 153.9%
21px = 161.6%
22px = 167%
23px = 174%
24px = 182%
25px = 189%
26px = 197%
------------------------------------------------------*/

/* 
reset.css ver 1.0 [2008/5/22] 
*This document <span class="hilite">valid</span>ates as CSS level 3 
*http://higash.net/20080522/reset_css.html 
 
Modify YUI Reset <span class="hilite">CSS</span>, YUI <span class="hilite">Font</span>s <span class="hilite">CSS</span> 
*Copyright (c) 2008, Yahoo! Inc. All rights reserved. 
*http://developer.<span class="hilite">yahoo</span>.com/yui/license.html 
*/  
  
/* --HTML-- */  
html {  
background:#fff;  
color:#333;  
}  
  
/* --BODY-- */  
body {  
font:12px/1.5 'Lucida Grande',Arial,Helvetica,Verdana,sans-serif;  
margin:0;  
overflow:visible;  
padding:0;  
}  
  
/* for IE7 */  
*+html body {  
font-family:'メイリオ';  
font-size:75%;  
}  
  
/* for IE6 */  
* html body {  
font-size:75%;  
}  
  
/* --OTHER TAGS-- */  
a img, fieldset, img {  
border:0;  
}  
  
blockquote, dd, div, dl, dt, fieldset, form,  
h1, h2, h3, h4, h5, h6, input, li, ol, p, pre,  
select, span, textarea, td, th, ul {  
margin:0;  
padding:0;  
}  
  
abbr, acronym {  
border:0;  
}  
  
address, caption, cite, code, dfn, em, th, strong, var {  
font-style:normal;  
font-weight:normal;  
}  
  
caption, th {  
text-align:left;  
}  
  
code, kbd, pre, samp, tt {  
font-family:monospace;  
line-height:100%;  
}  
  
/* for IE7 */  
*+html code, kbd, pre, samp, tt {  
font-size:108%;  
}  
  
h1, h2, h3, h4, h5, h6 {  
font-size:100%;  
font-weight:normal;  
}  
  
input, select, textarea{  
font-size:100%;  
font-family:'Lucida Grande',Arial,Helvetica,Verdana,sans-serif;  
}  
  
ol, ul {  
list-style:none;  
}  
  
q:before, q:after {  
content:'';  
}  
  
/* tables still need 'cellspacing="0"' */  
table {  
border-collapse:collapse;  
border-spacing:0;  
font-size:100%;  
}



#mainimg {
margin-bottom:20px;
}

#mainimgcap {
font-size:93%;
position:relative;
}

#mainimgcre {
position:absolute;
top:0;
right:0;
}


title {
text-transform:uppercase;
}

body {
color:#404040;
background:#fff;
margin:0;
padding:0;
line-height:150%;
}

p {
margin:0 0 0.5em 0;
}

a img {
text-decoration:none;
border:none;
}

a:hover {
color:#ff0000;
}

hr {
height:0px;
margin:10px 0;
border:none;
border-top:1px solid #C0C0C0;
}
* html hr{/* for -IE6 */
margin:0;
}
*:first-child+html hr{/* for IE7 */
margin:0;
}

ul {
list-style-type:none;
margin:0 0 15px 0;
padding:0;
}

ul ul {
margin:0 0 15px 15px;
}

ul.star-rating {
list-style-type:none;
margin:0;
}

ol {
list-style:decimal;
margin:0 0 15px 20px;
}

ol li {
vertical-align:top;
}

.filetree li {
list-style-type:none;
line-height:100%;
}

li.widget {
list-style-type:none;
margin:0 0 1em 0;
padding:0;
}


form {
margin:0;
padding:0;
}

input,textarea,select {
padding:1px;
}

#wrap {
width:780px;
position:relative;
margin:0 auto;
padding:1em 0;
text-align:left;
border:solid 1px #fff;/* fo IE6.0 bug */
}

#header {
height:70px;
position:relative;
border-bottom:solid 1px #97a5b0;
background:url('images/ss.jpg') repeat-x;
background-position:left bottom;
}

#footerads {
width:780px;
margin:15px auto;
}

#header_content {
width:780px;
position:relative;
margin:0 auto;
text-align:left;
}

#header_desc {
position:absolute;
top:20px;
left:180px;
font-size:100%;
}

.breadcrumb {
padding:0;
margin:5px 0 15px 0;
}

#content {
position:relative;
width:480px;
float:left;
padding:0;
margin:0;
}

#sidebar {
width:280px;
float:right;
padding:0;
margin:0;
}

#footer {
height:200px;
background:url('images/ls2.jpg') repeat-x;
background-position:left top;
border-top:double 3px #97a5b0;
clear:both;
position:relative;
margin:0;
margin-top:20px;
padding:0;
text-align:left;
}

#copyright {
margin:10px auto;
width:780px;
text-align:left;
}

#footer_menu {
position:relative;
width:780px;
margin:0 auto;
padding:7px 0;
}

h1,h2 {
font-size:153.9%;
margin: 0 0 10px 0;
}

#header h1 {
padding:0;
margin:0;
}

h3 {
font-size:116%;
margin:0 0 10px 0;
}

h4,h5 {
font-size:108%;
font-style:italic;
margin:0 0 10px 0;
padding:2px;
}

th {
font-weight:normal;
background:#f2f2f2;
text-align:center;
padding:3px 7px;
}


div.post {
overflow:hidden;
margin-bottom:15px;
}

table.pd5 td {
padding:5px;
}


#commentform input, 
#commentform textarea {
margin-bottom:2px;
}

.clear {
clear:both;
}

.large {
font-size:123.1%;
}

.small {
font-size:93%;
}

.minimum {
font-size:85%;
}


.inline {
margin:0;
}

.inline li {
display:inline;
background:none;
padding:0 10px 0 0;
}

.listBlock {
margin:0;
}

.listBlock li {
display:block;
float:left;
width:25%;
line-height:130%;
}


.alignleft {
float:left;
margin-right:10px;
}

.alignright {
float:right;
margin-left:10px;
}

#pp_prevnext {
height:1.5em;
margin-bottom:15px;
}

.pp_prev {
float:right;
}

.pp_next {
float:left;
}

.trackback {
width:350px;
}

div.thankyou {
margin:15px 0;
padding:7px;
border:solid 2px red;
display:none;
}

div.deletemess {
margin:15px 0;
padding:7px;
border:solid 2px red;
}

div.fukidashi {
width:250px;
height:80px;
overflow:auto;
}

.map {
height:230px;
border:solid 1px #97a5b0;
}

.loader {
text-align: center;
margin-top: 100px;
}

.here {
background:#f2f2f2;
}

.next {
clear:both;
padding:3px 7px;
margin-bottom:15px;
color:blue;
cursor: pointer;
text-align:left;
}

.next a {
display:block;
}

.notfound {
clear:both;
text-align:center;
margin-top:15px;
padding:10px;
color:#CC0000;
cursor:auto;
text-decoration:none;
}


/* STAR RATING */
.star-rating{
list-style:none;
padding:0px;
width: 60px;
height: 12px;
position: relative;
background: url("images/stars/rating_off.gif") left top repeat-x;
}
.star-rating li{
padding:0px;
margin:0px;
/*\*/
float: left;
/* */
}
.star-rating li a,
.star-rating li span {
display:block;
width:12px;
height: 12px;
text-decoration: none;
text-indent: -9000px;
z-index: 20;
position: absolute;
padding: 0px;
}
.star-rating li a:hover{
background: url("images/stars/rating_over.gif") left top;
background-repeat: repeat-x;
z-index: 2;
left: 0px;
}
.star-rating .one-star{
left: 0px;
}
.star-rating .one-star:hover{
width:12px;
}
.star-rating .two-stars{
left:12px;
}
.star-rating .two-stars:hover{
width: 24px;
}
.star-rating .three-stars{
left: 24px;
}
.star-rating .three-stars:hover{
width: 36px;
}
.star-rating .four-stars{
left: 36px;
}
.star-rating .four-stars:hover{
width: 48px;
}
.star-rating .five-stars{
left: 48px;
}
.star-rating .five-stars:hover{
width: 60px;
}
.star-rating li.current-rating{
background: url("images/stars/rating_on.gif") left top;
background-repeat: repeat-x;
position: absolute;
height: 12px;
display: block;
text-indent: -9000px;
z-index: 1;
}


/* LABEL */
div.LabeledMarker_markerLabel {
display: block;
padding-top: 9px;
line-height:100%;
}

div.LabeledMarker_markerLabel {
text-align: center;
color: white;
width: 32px;
letter-spacing: 0px;
font-family: Arial;
}


/* Pager */
div.pager {
margin-top: 20px;
}

div.pager a,
div.pager span {
display: block;
float: left;
margin-right: 0.1em;
padding: 0.2em 0.5em;
}

div.pager a {
color: #105cb6;
background-color: #fff;
border: 1px solid #9aafe5;
text-decoration: none;
}

div.pager a:hover {
color: #003;
background-color: #fff;
border: 1px solid #2e6ab1;
}

div.pager span.current {
color: #fff;
background-color: #2e6ab1;
border: 1px solid #2e6ab1;
font-weight: bold;
}

div.pager span.nextprev {
border: 1px solid #ddd;
color: #999;
background-color: #fff;
}

div.pager a.nextprev {
font-weight: bold;
}


/* Linkbox */
.linkbox {
padding:7px;
border:solid 1px #f2f2f2;
}

.linkbox_hover {
cursor: pointer;
border:solid 1px #ff0000;
}


.contentBlock {
position:relative;
margin-bottom:14px;
}

.catList {
width:180px;
}

.searchBlock {
border-bottom:dotted 1px #C0C0C0;
background:#f2f2f2;
padding:10px 0;
}

.searchPadding {
width:780px;
margin:0 auto;
}

.area {
font-style:italic;
}

.pm_meta {
clear:both;
}

.pm_meta div {
padding:3px 0;
}

.b {
font-weight:bold;
}

.red {
color:red;
}

.gray {
color:gray;
}

li.widget  {
background:none;
padding:0;
}

div.willertr {
padding:5px 0;
}

div.willertrgr {
margin-top:10px;
padding:5px 0;
background:#f2f2f2;
border-top:solid 1px #C0C0C0;
border-bottom:solid 1px #C0C0C0;
text-align:center;
}


.clearfix:after {
  content: ".";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
}

.clearfix {
  min-height: 1px;
}

* html .clearfix {
  height: 1px;
  /*¥*//*/
  height: auto;
  overflow: hidden;
  /**/
}


.pointer {
cursor: pointer;
}

.pre-input {
color:#999;
}

.search_result li {
margin-bottom:20px;
}

.thumb_img {
margin:5px;
}