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

 // Share Style

-----------------------------------------------*/
* {
	margin:0;
	padding:0;
}

body {
	background:#fff;
	font-size:90%;
	line-height:150%;
	letter-spacing:normal;
	/* font-family:"MS Pゴシック", "ＭＳ ゴシック", Arial, sans-serif, serif; wo henkou */
                font-family:"ヒラギノ角ゴ Pro W3","Hiragino kaku Gothic Pro","Osaka","メイリオ","Meiryo","ＭＳ Ｐゴシック", sans-serif, serif;
	color:#717171;
}



h1,h2,h3,h4,h5,h6 {
	color:#717171;
	letter-spacing:1px;
	font-size:100%;
	font-weight:normal;
}
h1,h2 {
	 font-family:"ヒラギノ角ゴ Pro W3","Hiragino kaku Gothic Pro","Osaka","メイリオ","Meiryo","ＭＳ Ｐゴシック", sans-serif, serif;
}
h3{
                
                text-align: right;
}
h5{
                text-align: left;
}

/*----------tsuika-------------*/
h4{
                padding-left: 8px;
                margin: 0px 0px 0px;
                border-left: #ff8888 6px solid;
                color: #717171;
                padding-top: 0px;
                background-color: #e0ffff;
                text-align: left;
}



/*----------tsuika-------------*/
             

p {
	margin:0 0 1em 0;
}
li {
	list-style:none;
	line-height:110%;
	font-size:85%;
}
img {
	border:0;
}
/*--- // Link Setting // ---*/
a {
	text-decoration:none;
}
a:link { 
	color:#999;
}
a:visited {
	color:#aaa;
}
a:hover {
	color:#555;
text-decoration:underline;
}
a:active {
	color:#999;
}



#pagetop  {
	width:800px;
	height:100%;
	margin:0 auto;
	padding-top:10px;
                /* background:black url(../image/bg.gif); */
	border-left: 1px solid #ccc;
	border-right:1px solid #ccc;
	border-bottom:1px solid #ccc;
} 

h1 {
	margin-left:10px;
	margin-right:.6em;
}
h1,h2#description {
	display:inline;
	line-height:100%;
}
h2#description {
	font-size:75%;
	font-family:"ＭＳ Ｐゴシック", sans-serif, serif;
}

/* henkou  font-size:10px; wo 12px; ni*/
.italic {
	font-style:italic;
	font-size:12px;
}

/* tsuika  IE6,7 wa ok daga Safari to Firefox de calendar no moji ga hamidashitanode calendar no moji wo ikattsu shitei shimashita */
.calendar {
                font-family: "ＭＳ Ｐゴシック", sans-serif, serif;
                font-style: none;
                font-size: 12px;
               }
/* ijyou tsuika */

/*-----------------------------------------------

 // menu Style

-----------------------------------------------*/

/* sakujo  #menu{text-align:right; border-top:1px solid #ccc; border-bottom:1px solid #ccc; padding:5px;  */

/* tsuika */
#menu ul {
                font-size: 14px;
               }
#menu ul {
                background-color: #ccff99;
	margin: 0px;
                padding-top: 5px;
                padding-right: 20px;
                padding-bottom: 5px;
                padding-left: 380px;
                list-style-type: none;
                /* menu no moji ga ookikusuruto zureru tame ni chek left: 400px; wo 700px ni */
                /* left: 400px; */
                left: 700px;
                top: 0px;
                right: 0px;
                bottom: 0px;
                height: 15px;
                width: 400px;
                }
#menu a {
	text-decoration:none;
}
#menu a:link { 
	color:#999;
}
#menu a:visited {
	color:#aaa;
}
#menu a:hover {
	color:#555;
}
#menu a:active {
	color:#999;
}

/* tsuika */

#menu ul li {
	display:inline;
	margin:5px;
	padding:3px;
                }


/*-----------------------------------------------

 // menuheader Style

-----------------------------------------------*/

#menuheader {
        height: 48px;
        margin-left: 0px;
        margin-top: 10px;
        margin-bottom: 10px;
        border-top:1px solid #ccc;
        border-bottom:1px solid #ccc;
        }

/*-----------------------------------------------

 // header Style

-----------------------------------------------*/

#header {
        height: 0px;
        margin-left: 29px;
        margin-top: 6px;
        margin-bottom: 10px;
        }
        
/*-- global navigation --*/

#header ul,
#header ul li {
              float: left;
            }
#header ul {
           width: 738px;
            height: 37px;
            background: url(../blog/image/web-menu-5.jpg) no-repeat;
            }
            
#header ul li a {
	display: block;
                width: 105px;
                height: 37px;
                text-indent: -9999px;
                font-size: 0;
                line-height: 0;
                }
                
#header ul li.navi_home a.active,
#header ul li.navi_home a:hover {
background: url(../blog/image/web-menu-5.jpg) no-repeat left bottom;
                                }
                                
#header ul li.navi_photograph a.active,
#header ul li.navi_photograph a:hover {
background: url(../blog/image/web-menu-5.jpg) no-repeat -105px -37px;
                                }
 
#header ul li.navi_flower a.active,
#header ul li.navi_flower a:hover {
background: url(../blog/image/web-menu-5.jpg) no-repeat -210px -37px;
                                } 
                                
#header ul li.navi_web a.active,
#header ul li.navi_web a:hover {
background: url(../blog/image/web-menu-5.jpg) no-repeat -315px -37px;
                                }
                                
#header ul li.navi_life a.active,
#header ul li.navi_life a:hover {
background: url(../blog/image/web-menu-5.jpg) no-repeat -420px -37px;
                                }
                                
#header ul li.navi_profile a.active,
#header ul li.navi_profile a:hover {
background: url(../blog/image/web-menu-5.jpg) no-repeat -525px -37px;
                                }

#header ul li.navi_rss a.active,
#header ul li.navi_rss a:hover {
background: url(../blog/image/web-menu-5.jpg) no-repeat -630px -37px;
                                }

/*-----------------------------------------------

 // contents Style

-----------------------------------------------*/
/* IE6 de padding left: 10px; wo 37ni  suruto gazouga migini zure baransu ga toremashita, 38ga center desuga design tekini 37 no houga balance ga iito kanjimashita  */
/* width:762px →　755px ni margin-right: 10px → 5px ni padding-left:37px → 35px ni shitara naotta */
#contents_top {
	float: left;
                width: 755px;
                margin-right: 5px;
                padding-top: 0px;
                padding-left: 35px;
                margin-top: 10px;
                margin-bottom: 20px;
}
#contents {
	float:left;
/* henkou width:612px; →　width:600px; */
	width:600px;
	margin-right:10px;
	padding-top:10px;
	padding-left:10px;
}
#contents ol,
#contents_top ol {
	border:1px solid #FFF;
	float:left;
}
#contents ol li,
#contents_top ol li {
	float:left;
	/* sakujyo line-height:1px; shimashita*/
	font-size:12px;
}
#contents ol li img,

/* sakujo migi to shita ni kuroi sen ga tsuitanode
                #contents_top ol li img {
	border-right:1px solid #000;
	border-bottom:1px solid #000;}
jyouki wo sakujyo shimashita */

/* tsuika main page no gazou wo settei float:left; wo ireruto mojiga migini iku node sakujyo ika tsuika*/
#contents_top ol li img {
                heigh: 141px;
                width: 160px;
                padding: 0px;
                margin: 15px 28px 0px 0px;
}
/* margin: 15px(top) 28px(right) 0px(bottom) 0px(left); de gazou no settei tsuika */



#contents ol li a:hover,
#contents_top ol li a:hover {
	position:relative;
/* migishita ni ugoku katachi wo tomemashita */
	/* top:1px; */
	/* left:1px; */
                top:0px;
                left:0px;
}
/* jyouki no shitei top:1px wo top:0px; ni , left:1px; wo left:0px; ni */

#contents p.photo,
#contents_top p.photo {
/* entry no shashin settei no henkou text-align:center; → text-align:left; */
                                  text-align:left;
}
#contents p img,
#contents_top p img {

/* henkou width:610px; →　with:580px; */
/* Lightbox wo iretanode width:580px; wo nakushimashita */
	 /* width:580px; */

}
#contents #entry_body {
/* henkou width:610px; →　with:598px; nishitaga calender ga IE6 de caramuochi ni nattanode 580nishitara naotta */
                /* saido henkou 580 wo 550 ni */
                width:550px;
	float:left;
/* karamuochi no tameni tsuika */
                overflow: hidden;
/* karamuochi no tameni tsuika */
	margin-right:0px;
                /* tsuika */
                padding-left:0px;
                /* tsuika*/
                margin: 0px 0px 0px 20px;
} 

#contents .entry_data {
	background:url(../image/line.gif) repeat-x;
	margin-top:-10px;
	margin-bottom:20px;
	padding-top:5px;
	text-align:right;
}
#contents .entry_data li {
	display:inline;
	padding-left:5px;
	border-left:1px solid #999;
	line-height:120%;
	font-size:90%;
	letter-spacing:.1em;
}
#contents .entry_data li.site,
#contents .entry_data li.no,
#contents #entry_body .entry_data li.category {
	padding-left:0;
	border:0;
}
#contents #trackback_comment {
	width:301px;
	float:left;
}
#contents #trackback_comment h3 {
	margin-left:5px;
	padding-left:15px;
	background:url(../image/h3.gif) no-repeat left center;
}
#contents #trackback_comment p,
#contents #entry_body p {
	margin-left:5px;
	font-size:90%;
}
#contents h2,
#side h2 {
	background:#eee;
	margin-bottom:0px;
	padding:0 10px;
}
#trackback_comment #comment-email,
#trackback_comment #comment-author,
#trackback_comment #comment-url {
	width:150px;
	margin-bottom:10px;
	padding:2px;
	border:1px solid #999;
	background:#333;
	color:#FFF;
}
#trackback_comment #tb_url {
	width:280px;
	background:none;
	border:0;
	color:#FFF;
}
#trackback_comment textarea {
	width:280px;
	height:120px;
	padding:2px;
	border:1px solid #999;
	background:#333;
	color:#FFF;
	font-size:12px;
}
#archive #contents h2,
#monthly #contents h2,
#category #contents h2 {
	font-size:125%;
	margin-bottom:10px;
	font-family:"ＭＳ Ｐゴシック", "ＭＳ ゴシック", Arial, sans-serif, serif;
}
#monthly #contents .entry_box,
#category #contents .entry_box {
	float:left;
	width:290px;
	margin-right:10px;
	margin-bottom:10px;
}
#monthly #contents .entry_box h3,
#category #contents .entry_box h3 {
	font-size:100%;
	padding-left:15px;
	background:url(../image/h3.gif) no-repeat 0em .4em;
	float:left;
	width:200px;
}
#monthly #contents .entry_box p,
#category #contents .entry_box p {
	font-size:85%;
	line-height:130%;
	float:left;
	width:200px;
}
#monthly #contents .entry_box p.thumb,
#category #contents .entry_box p.thumb {
	float:left;
	margin-right:10px;
	width:60px;
}

/*-----------------------------------------------

 // side Style

-----------------------------------------------*/
#side {
	float:left;
/* henkou width:168px; →　width:180px; */
	width:180px;
	padding-top:10px;
}
#side h2 {
	clear:both;
}
/* この設定は未使用
#side .photolog_calendar {
	margin-left:8px;
}
#side .photolog_calendar th,
      .photolog_calendar td,{
	font-size:10px;
}
この設定は未使用 */

#side .next_prev {
	margin-left:0;
}
#category #side .next_prev img {
	visibility:hidden;
}
#side .next_prev a {
	background:none;
	padding:0;
}
#side .next_prev a:hover {
	background:none;
}
#monthly #contents img,
#category #contents img,
#side .next_prev img {
	border:1px solid #999;
	padding:1px;
}
#monthly #contents a:hover img,
#category #contents a:hover img,
#side .next_prev a:hover img {
	border:1px solid #FFF;
}
#side .prev {
	float:left;
	width:65px;
}
#side img {
	margin-top:3px;
}
#side .next {
	float:right;
	width:80px;
	text-align:right;
	padding-right:10px;
}
#side ul {
	margin-left:10px;
	margin-bottom:10px;
	clear:both;
}
#side ul li {
	letter-spacing:1px;
	margin-bottom:5px;
}
#side ul li ul {
	margin-top:5px;
	margin-left:5px;
}
#side ul li ul li {
	font-size:100%;
}
#side ul li a {
	background:url(../image/list.gif) no-repeat 0em .2em;
	padding-left:12px;
}
#side ul li ul li a {
	background:url(../image/list_2.gif) no-repeat 0em .2em;
	padding-left:12px;
}
#side ul li a:hover {
	background:url(../image/list_on.gif) no-repeat 0em .2em;
}
#side ul li ul li a:hover {
	background:url(../image/list_2_on.gif) no-repeat 0em .2em;
}
#side ol {
	float:left;
	margin-bottom:10px;
	padding-left:10px;
}
#side ol li {
	float:left;
	margin:0;
	line-height:1px;
	font-size:1px;
}
#side ol li img {
	margin:0 5px 5px 0;
	padding:1px;
	border:1px solid #999;
}
#side ol li a:hover img {
	border:1px solid #FFF;
}
fieldset {
	border:0;
	margin-bottom:20px;
}
#search_text2,
#search_text {
	width:116px;
	height:18px;
	margin-right:5px;
	border:1px solid #999;
	/*
	background:#333;
	color:#CCC;
	*/
}
#search_text2 {
	width:300px;
}
#submit2,
#submit {
	height:20px;
	padding:0;
	margin:0;
	border:1px solid #999;
	/*
	background:#000;
	color:#999;
	*/
	cursor:pointer;
}
fieldset > #submit2,
fieldset > #submit {
	vertical-align:middle;
}

/* カレンダー 新しく追加変更　*/
/* カレンダー2 */
#calendar table	{
	width: 100%;
	font-size: 12px;
	text-align: center;
	}

#calendar tr{
	padding: 0px 0;
                /*background-color: #ffff99;*/
	}

#calendar td{
	padding: 0px 0;
                background-color: #e0ffff;
	}

#calendar a	{
	text-decoration: none;
                font-weight: bold;
                color: #ffa500;
}    
#calendar caption	{
	border-bottom: solid 2px burlywood;
	margin-bottom: 10px;
	}
/* today wo settei */
.today {
    display: block;
    border: 1px solid #aaa /* #ffa500; */
}
/* today wo settei */
/* カレンダー2　*/

/* カレンダー3 settei mishiyou
#calendar {
    margin: 5px 0 10px;;
    color: #ffa500;
}
.calendarhead {
    padding-bottom: 5px;
    font-size: 9px;
    letter-spacing: 0.2em;
}
#calendar table {
    padding: 0;
    border-collapse: collapse;
}
#calendar th {
    padding-bottom: 3px;
    text-align: center;
    font-size: 9px;
    width: 23px;
}
#calendar td {
    padding: 2px 0;
    text-align: center;
    font-size: 10px;
    line-height: 120%;
}
.today {
    display: block;
    border: 1px solid #444444;
}
.sunday,
.holiday,
.holiday a:link,
.holiday a:visited {
    color: #e50003;
}
.saturday,
.saturday a:link,
.saturday a:visited {
    color: #0000ff;
}
カレンダー3 settei mishiyou */


/*-----------------------------------------------

 // footer Style

-----------------------------------------------*/
#footer {
	clear:both;
	padding-bottom:15px;
}
#footer p {
	margin-right:10px;
	margin-bottom:5px;
	text-align:right;
	font-size:85%;
}
#footer address {
                padding-top:5px;
	padding-left:15px;
	font-style:normal;
	border-top:1px solid #ccc;
	font-size:85%;
	line-height:200%;
}

/*-------------------------------
画像の周りに色をつける
---------------------------------*/
.img_on_right a {
margin: 0px 0px 0px 0px;
padding: 0px;
width: auto;
border: 5px solid #f1f1f1;
float: right;
/* gazou no yokono moji no ichi */
margin-left: 10px;
}
.img_on_right a:hover {
/* ikano iro wo kaeru */
border: 5px solid #cbeb80;
width: auto;
}

.img_on_left a {
margin: 0px 0px 0px 0px;
padding: 0px;
width: auto;
border: 5px solid #f1f1f1;
float: left;
/* gazou no yokono moji no ichi */
margin-right: 10px;
}
.img_on_left a:hover {
/* ikano iro wo kaeru */
border: 5px solid #cbeb80;
width: auto;
}

/*-------------------------------
画像の周りに色をつける
---------------------------------*/



/* 指定を解除する規定 */
p#kaijyo {
clear: both;
}
/* 指定を解除する規定 */

/* According css */

.accordion_toggle {
	display: block;
	height: 20px;
	width: 540px;
	background: url(images/accordion_toggle.jpg) no-repeat top right #e0f5ad;
	padding: 0 5px 0 5px;
	line-height: 23px;
	color: #717171;
	font-weight: normal;
	text-decoration: none;
	outline: none;
	font-size: 12px;
	color: #717171;
	border-bottom: 1px solid #cde99f;
	cursor: pointer;
	margin: 0 0 0 0;
               }
		
.accordion_toggle_active {
	background: url(images/accordion_toggle_active.jpg) no-repeat top right #64ffff;
	color: #cc33cc;
                font-weight:bold;
	border-bottom: 1px solid #cde99f;
                padding: 0px 5px 1px 5px;
}
		
.accordion_content {
                width: 530px;
                overflow:hidden;
	background-color: #f4f4f4;
	color: #999;
	overflow: hidden;
                padding: 3px 10px 3px 10px;
}
			
.accordion_content h2 {
	margin: 15px 0 5px 10px;
	color: #717171;
}
			
.accordion_content p {
	line-height: 150%;
	padding: 5px 10px 15px 10px;
}

			
/* According css */


/* コメント */

#comments	{
                width: 490px;
	border: solid 1px;
	padding: 5px 20px;
	margin-top: 20px;
	margin-bottom: 20px;
	}

#comments h2	{
	font-size: 0.75em;
	}

#comments p	{
	font-size: 0.75em;
	color: #666666;
	}

#comments p.posted	{
	color: #999999;
	padding-left: 30px;
	}

#comments div	{
                /* yobunna keisen ga arawareteita node sakujyo shita
	border-top: dotted 1px;
                sakujyo */
	}

/* tsuika */
#comments h2#com01	{
	border-bottom: dotted 1px;
	padding-bottom: 0px;
	}
/* tsuika */

#comments h2#com02	{
	border-top: dotted 1px;
	padding-top: 20px;
	}

#comments form div	{
	border-top: none;
	padding-top: 0;
	}

#comments a	{
	color: #66aaff;
	}

/* コメント */


/* 画像にリンクを張った時の枠線とリンク反応の設定　*/
div#gazou  a  {border-style: solid;
                    border-width: 3px;
                    border-color: darkorange;
                    }

div#gazou a:hover {border-style: solid;
                    border-width: 3px;
                    border-color: dodgerblue;
                    }


/* 商品のリンクや写真の別ウィンドウへのリンク設定に使用 */

/*====================================================
++++++  entry > entry_content
====================================================*/
#entry_content{
margin:0;
padding:0;
width:580px;
text-align:left;
}

#entry_content h3{
margin:10px 0 15px 0;
padding: 0;
font-size:14px;
font-weight:normal;
text-decoration:none;
line-height:1.25;
letter-spacing:0;
color:#222;
}

#entry_content h3 a{ text-decoration:underline; color:#222; }
#entry_content h3 a:hover{ text-decoration:underline; color:#F0F; }

#entry_content p{
margin:20px 0;
padding: 0;
font-size:12px;
}

#entry_content p.caption{
margin:20px 10px;
padding: 3px;
font-size:12px;
color:#900;
line-height:1.6;
background:#FFE3E3;
border:1px solid #FFC9D2;
}

#entry_content p.blue{
margin:20px 10px;
padding: 3px;
font-size:12px;
color:#336699;
line-height:1.6;
background:#EFFFFC;
border:1px solid #99CCCC;
}

#entry_content p a,
#entry_content li a,
#entry_content p a:hover,
#entry_content li a:hover{
margin:0 0.25em;
padding:0 13px 0 0;
}

#entry_content p a,
#entry_content li a{
color:#069;
text-decoration:none;
background:url(../common/img_linkbg.gif) no-repeat right;
}

#entry_content p a:hover,
#entry_content li a:hover{
color:#F0F;
text-decoration:underline;
background:url(../common/img_linkbg_hover.gif) no-repeat right;
}

/* ==================
リストスタイルの設定
================== */
#entry_content ul{
margin:10px;
padding:5px;
border:1px solid #CCC;
background-color:#F4F5FF;
list-style:none;
}

#entry_content ul li{
margin-bottom:5px;
margin-left:5px;
padding:0;
line-height:1.5;
font-size:12px;
}

#entry_content ol{
margin:10px;
padding:5px;
width:270px;
border:1px solid #9c0;
background-color:#E6F5D7;
}

#entry_content ol.ol_large{
margin:10px;
padding:5px;
width:548px;
border:1px solid #9c0;
background-color:#E6F5D7;
}

#entry_content ol li,
#entry_content ol.ol_large li{
margin-bottom:5px;
margin-left:20px;
padding:0;
line-height:1.5;
font-size:12px;
}




/* 画像ボーダー設定 */
p#photo {
             text-align: left;
             }
p#photo img {
                   border-style: solid;
                   border-width: 4px;
                   border-color: royalblue;
                   }
/* 画像ボーダー設定 */








