@charset "utf-8";
/* CSS Document */

html {
height:100%;
}
img {
border:0;
vertical-align:middle;
}
nav, header, footer, hgroup, section {
margin:auto;
padding:auto;
display:block;
}
a {
color:#6699CC;
text-decoration:none;
}
a:hover {
color:#333;
text-decoration:underline;
}
a:visited {
color:#606F40;
}
hr {
border:1px #CCCCCC dotted;
}
h2 {
font-size:100%;
font-weight:normal;
}
h2 a {
color:#F39;
text-decoration:none;
}
h2 a:hover {
color:#C3C;
}
h2 a:visited {
color:#F39;
}
body {
height:100%;
s text-align:center;
margin:0;
padding:0;
font-size:80%;
line-height:150%;
background-color:#EFEEE9;
font-family: Meiryo, Verdana;
color:#333;
}
div {
margin:auto;
padding:auto;
}
#top_menu {
background-color:#FFFFFF;
margin-top:10px;
padding:5px;
text-align:left;
margin-bottom:15px;
}
.top_content {
width:330px;
float:left;
margin:5px 10px 5px 5px;
}
.top_content img {
float:left;
margin-right:10px;
}
#container {
height:100%;
height: auto !important;
position:relative;
min-height: 100%;
text-align:center;
}
#head {
width:100%;
background-image:url(image/head/head_back.jpg);
height:179px;
text-align:center;
}
#head_logo {
width:950px;
height:179px;
background-image:url(image/head/head_navi.jpg);
text-align:left;
}
#head_logo h1 {
margin:0px;
font-size:100%;
width:320px;
font-weight:normal;
padding-top:110px;
padding-left:20px;
color:#513A2D;
float:left;
}
#head_mail {
float:right;
padding-right:48px;
padding-top:45px;
}
#logo {
position:absolute;
margin-top:0px;
}
#bodybox {
width:950px;
height:100%;
}
#content {
width:700px;
float:left;
padding-top:5px;
text-align:center;
border-radius: 10px;
-moz-border-radius: 10px;    /* Firefox */
-webkit-border-radius: 10px; /* Safari,Chrome */
}
#content_web {
width:700px;
background-color:#FFFFFF;
float:left;
padding-top:5px;
text-align:center;
border-radius: 10px;
-moz-border-radius: 10px;    /* Firefox */
-webkit-border-radius: 10px; /* Safari,Chrome */
}
#side {
width:230px;
float:right;
text-align:left;
}
#side a {
line-height:170%;
}
#side button {
background: none repeat scroll 0 0 transparent;
border: medium none;
cursor:pointer;
margin-top:10px;
}
#side ul {
margin:0;
padding:0;
padding-top:2px;
padding-left:20px;
padding-bottom:2px;
color:#7B695E;
}
#side li {
}
#left_searchi {
width:220px;
background-color:#FFFFFF;
text-align:center;
padding:5px;
border-radius: 10px;
-moz-border-radius: 10px;    /* Firefox */
-webkit-border-radius: 10px; /* Safari,Chrome */
}
#search {
width:210px;
}
#under_content {
width:950px;
height:500px;
background-image:url(image/hooter/undercontent_back.gif);
}
#under_link {
float:left;
width:300px;
text-align:left;
margin-top:10px;
margin-left:10px;
color:#CCC;
}
#under_link a {
color:#CCC;
}
#under_link a:hover {
color:#FFCC00;
}
#footer {
width:100%;
height:162px;
background-image:url(image/under_back.png);
background-repeat:repeat-x;
position:absolute;
bottom:0px!important;
}
#floatend {
clear:both;
}
#gotop {
background-image:url(image/up_bt.png);
bottom: 15%;
float: right;
height: 128px;
position: fixed;
right: 0pt;
width: 120px;
}
#gotop span {
display: none;
}
#webpage {
width:660px;
text-align:center
}
#webpage_l {
width:660px;
text-align:left;
}
.kiji {
background-color:#FFF;
padding:15px 25px 15px 25px;
border-radius: 10px;
-moz-border-radius: 10px;    /* Firefox */
-webkit-border-radius: 10px; /* Safari,Chrome */
margin-bottom:20px;
position:relative;
text-align:left;
}
.kiji_title {
text-align:left;
border-bottom:dotted 1px #5A4638;
}
.kiji_title h2 {
margin-top:5px;
margin-bottom:0px;
padding-bottom:10px;
margin-bottom:10px;
font-size:160%;
line-height:140%;
font-weight:bold;
color:#F39;
}
.kiji a {
text-decoration:underline;
}
.kiji a:hover {
color:#FF9900;
}
.sequel {
background-color:#2E241F;
color:#FFFFFF;
border-radius: 5px;
padding:5px;
text-align:right;
-moz-border-radius: 5px;    /* Firefox */
-webkit-border-radius: 5px; /* Safari,Chrome */
}
.sequel a {
color:#F3EFED;
text-decoration:none;
}
.sequel a:hover {
color:#FFCC00;
text-decoration:underline;
}
#trackback p {
font-size:120%;
background-color:#E7E3E0;
text-align:left;
padding:5px;
border-radius: 5px;
-moz-border-radius: 5px;    /* Firefox */
-webkit-border-radius: 5px; /* Safari,Chrome */
}
#comment {
background-image:url(image/coment_back.gif);
margin-bottom:20px;
border-radius: 5px;
-moz-border-radius: 5px;    /* Firefox */
-webkit-border-radius: 5px; /* Safari,Chrome */
}
#comment input, select, textarea {
filter: alpha(opacity=60);
　/*--IE--*/
-moz-opacity:0.60; /*--Firefox・Netscape--*/
opacity:0.60; /*--Opera・Safari--*/
}
#toukou {
text-align:center;
}
#toukou input {
width:200px;
height:30px;
margin:10px;
filter: alpha(opacity=100);
　/*--IE--*/
-moz-opacity:1; /*--Firefox・Netscape--*/
opacity:1; /*--Opera・Safari--*/
}
#comment p {
font-size:120%;
padding:5px;
border-radius: 5px;
-moz-border-radius: 5px;    /* Firefox */
-webkit-border-radius: 5px; /* Safari,Chrome */
}
.voice {
background-color:#F9F7F7;
padding:5px;
border:#BEB5A7 1px double;
border-radius: 5px;
-moz-border-radius: 5px;    /* Firefox */
-webkit-border-radius: 5px; /* Safari,Chrome */
margin-bottom:10px;
}
.urlset {
border:1px double #7A655F;
width:500px;
}
.side_day {
position:absolute;
background-image:url(image/day_back.png);
background-repeat:no-repeat;
height:62px;
width:90px;
left:-92px;
text-align:center;
color:#FFF;
padding-top:14px;
font-weight:bold;
font-size:120%;
padding-right:5px;
}
.copy {
color:#C1B8AC;
padding-top:80px;
}
/* ===========================ヘッダーナビ===========================　*/

#navi {
text-align:center;
width:950px;
height:46px;
padding-bottom:20px;
}
#navi ul {
margin:0;
padding:0;
text-align:center;
}
#navi li {
display:inline;
list-style-type:none;
text-align:center;
}
#navi li a {
height:46px;
display:block;
float:left;
text-indent:-9999px;
text-decoration:none;
overflow:hidden;
}
/*------off*/
#navi li.g_navi01 a {
background:url(image/head/navi.jpg) no-repeat 0px 0px;
width:141px;
}
#navi li.g_navi02 a {
background:url(image/head/navi.jpg) no-repeat -141px 0px;
width:217px;
}
#navi li.g_navi03 a {
background:url(image/head/navi.jpg) no-repeat -358px 0px;
width:133px;
}
#navi li.g_navi04 a {
background:url(image/head/navi.jpg) no-repeat -491px 0px;
width:178px;
}
#navi li.g_navi05 a {
background:url(image/head/navi.jpg) no-repeat -669px 0px;
width:146px;
}
#navi li.g_navi06 a {
background:url(image/head/navi.jpg) no-repeat -815px 0px;
width:135px;
}
/*------hover*/
#navi li.g_navi01 a:hover {
background:url(image/head/navi.jpg) no-repeat 0px -46px;
}
#navi li.g_navi02 a:hover {
background:url(image/head/navi.jpg) no-repeat -141px -46px;
}
#navi li.g_navi03 a:hover {
background:url(image/head/navi.jpg) no-repeat -358px -46px;
}
#navi li.g_navi04 a:hover {
background:url(image/head/navi.jpg) no-repeat -491px -46px;
}
#navi li.g_navi05 a:hover {
background:url(image/head/navi.jpg) no-repeat -669px -46px;
}
#navi li.g_navi06 a:hover {
background:url(image/head/navi.jpg) no-repeat -815px -46px;
}
.widget-tag-cloud .widget-content li {
display: inline;
margin: 0 5px 0 0;
padding: 0;
line-height: 1.6;
background: none;
}
.widget-tag-cloud .rank-1 {
font-size: 1.75em;
}
.widget-tag-cloud .rank-2 {
font-size: 1.75em;
}
.widget-tag-cloud .rank-3 {
font-size: 1.625em;
}
.widget-tag-cloud .rank-4 {
font-size: 1.5em;
}
.widget-tag-cloud .rank-5 {
font-size: 1.375em;
}
.widget-tag-cloud .rank-6 {
font-size: 1.25em;
}
.widget-tag-cloud .rank-7 {
font-size: 1.125em;
}
.widget-tag-cloud .rank-8 {
font-size: 1em;
}
.widget-tag-cloud .rank-9 {
font-size: 0.95em;
}
.widget-tag-cloud .rank-10 {
font-size: 0.9em;
}
/* 浜ナビ */

.hamacon1h {
width:660px;
height:65px;
text-align:center;
background-image:url(image/hamanavi/1_1.gif);
}
.hamacon1m {
width:660px;
text-align:center;
background-image:url(image/hamanavi/1_2.gif);
}
.hamacon1u {
width:660px;
height:35px;
text-align:center;
background-image:url(image/hamanavi/1_3.gif);
}
.hamacon2h {
width:660px;
height:65px;
text-align:center;
background-image:url(image/hamanavi/2_1.gif);
}
.hamacon2m {
width:660px;
text-align:center;
background-image:url(image/hamanavi/2_2.gif);
}
.hamacon2u {
width:660px;
height:35px;
text-align:center;
background-image:url(image/hamanavi/2_3.gif);
}
/* マージンセット */

.mg_10_u {
margin-bottom:10px;
}
.mg_5_u {
margin-bottom:5px;
}
.mg_5_t {
margin-top:5px;
}
/* アルバムページ用 */

#lightbox {
position: absolute;
left: 0;
width: 100%;
z-index: 100;
text-align: center;
line-height: 0;
}
#lightbox img {
width: auto;
height: auto;
}
#lightbox a img {
border: none;
}
#outerImageContainer {
position: relative;
background-color: #fff;
width: 250px;
height: 250px;
margin: 0 auto;
}
#imageContainer {
padding: 10px;
}
#loading {
position: absolute;
top: 40%;
left: 0%;
height: 25%;
width: 100%;
text-align: center;
line-height: 0;
}
#hoverNav {
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%;
z-index: 10;
}
#imageContainer>#hoverNav {
left: 0;
}
#hoverNav a {
outline: none;
}
#prevLink, #nextLink {
width: 49%;
height: 100%;
background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */
display: block;
}
#prevLink {
left: 0;
float: left;
}
#nextLink {
right: 0;
float: right;
}
#prevLink:hover, #prevLink:visited:hover {
background: url(/image/alb/prevlabel.gif) left 15% no-repeat;
}
#nextLink:hover, #nextLink:visited:hover {
background: url(/image/alb/nextlabel.gif) right 15% no-repeat;
}
#imageDataContainer {
font: 10px Verdana, Helvetica, sans-serif;
background-color: #fff;
margin: 0 auto;
line-height: 1.4em;
overflow: auto;
width: 100%;
}
#imageData {
padding:0 10px;
color: #666;
}
#imageData #imageDetails {
width: 70%;
float: left;
text-align: left;
}
#imageData #caption {
font-weight: normal;
}
#imageData #numberDisplay {
display: block;
clear: left;
padding-bottom: 1.0em;
}
#imageData #bottomNavClose {
width: 66px;
float: right;
padding-bottom: 0.7em;
outline: none;
}
#overlay {
position: absolute;
top: 0;
left: 0;
z-index: 90;
width: 100%;
height: 500px;
background-color: #000;
}
.flort_clear {
height:0;
width:0;
clear:both;
visibility: hidden;
}
.alb_img a {
float:left;
}
#alb_img {
width:660px;
text-align:left;
}
#alb_img img {
border:3px #FFF solid;
margin:3px;
}
#alb_img a:hover img {
border:3px #B6EA00 solid;
}

#content_web td{
text-align:left;
}