/* =============================================  
  Album2_CSS (Lion)
  (2013.7.19./2013.11.7.)
 ============================================= */

*{   margin:0;padding:0; }

html { height:100%;margin:0;padding:0; }
html.index{/overflow : hidden ;}


/* =============================================  
ボディ
 ============================================= */
body {
        height : 100% ;margin:0;padding:0;
        color:#333;background-color : #fff;
        font-size : 85%;
        
        font-family: "メイリオ", "Meiryo", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "sans-serif", "ＭＳ Ｐゴシック";            
background-image : url("http://blog-imgs-59.fc2.com/g/a/l/gallerytemplate/s_lion3_350.jpg");
background-attachment: fixed;        background-position:right bottom!important;background-repeat : no-repeat ;  }
#permanent ,#titlelist {background-image : none;overflow : hidden ;}
#index {overflow : hidden ;}

/* =============================================  
フルスクリーン背景画像設定
 ============================================= */
img.bg {display:none;} 



/* =============================================  
レイアウト設定
 ============================================= */
.all { height : 100%; min-height:100%; overflow:auto;_overflow : hidden ;
position: relative;
} 



body > .all{ height : auto ; }
#index > .all{ height : 100% ; }
#permanent > .all { height : 100% ;overflow : hidden ; }
#titlelist > .all { height : 100% ;overflow : hidden ; }
/* =============================================  
　　　メインブロック
 ============================================= */

.main {
        height:100%; 
        min-height:100%; overflow:auto;
        margin : 0 0 0 200px;padding : 0; 
        text-align : left ; position: relative;
background-image : url("http://blog-imgs-59.fc2.com/g/a/l/gallerytemplate/s_tori_150.jpg");
        background-position:200px bottom;background-attachment: fixed;background-repeat : no-repeat ;
                        
}                        

#index .main{margin : 0px  ;}
#page .main,#edit .main{background-position:left bottom;margin : 0px  ;}

#permanent .main,#titlelist .main {background-image : url("http://blog-imgs-59.fc2.com/g/a/l/gallerytemplate/s_border_fruit900.jpg");background-attachment: scroll;
        background-position:center top;background-repeat : repeat-y ; }

#index .album1 .main {background-position:left bottom;}

#index .album3 .main {background-image : url("http://blog-imgs-59.fc2.com/g/a/l/gallerytemplate/s_hana_3.jpg");background-position:left bottom;
}
body > .main { height:auto ; } 

/* =============================================  
　　　サブブロック
 ============================================= */

.sub_block {
        left : 0 ; top : 0; width : 200px ;
        position:fixed ; _position:absolute;         
        height:100%;overflow:auto;                   
        text-align : center;

background-image : url("http://blog-imgs-59.fc2.com/g/a/l/gallerytemplate/s_hana_3.jpg");
        background-position:left bottom;background-attachment: fixed;background-repeat : no-repeat ; }


#page .sub_block {display:none;}

.sub_block_in {text-align : left;padding-top:20px;}

/* =============================================  
　　　メインブロック内
 ============================================= */

/*全体*/
.container {
        margin : 0px auto ; 
        width:auto;max-width:1280px;text-align : left ;}

#index .container ,#page .container { 
        max-width:1024px;_width:1024px;}

#page .container ,#page #wrapper { 
        max-width:860px;_width:860px;}

#permanent .container {        
        max-width:800px;margin :  0 auto ;color: #333;          
        text-align : center;}

#titlelist .container {        
        max-width:800px;margin :  0 auto ;color: #333;          
        }

#edit .container {  max-width : 800px;_width : 800px;}

#index #wrapper{ _width:1024px;}
#titlelist #wrapper
{color: #333; max-width : 800px;_width : 800px; margin :  0 auto ;}
#titlelist p.pagenavi
{margin:0;}

/*ヘッダー*/
.layout_head {text-align: center; }

#index .layout_head,#page .layout_head{text-align:left;}




/* フッター部分 */
.layout_footer {
        margin :  0px  auto ; width : auto; }        

#permanent .layout_footer{        
        max-width:1280px;text-align : center;}


/*コピーライト*/
.copyright {
        margin: 0px auto;
        padding : 30px;
        font-size : 95%;
        line-height: 180%;
        text-align : center;font-family : "ＭＳ Ｐゴシック", "MS PGothic", "Osaka",sans-serif;}

.sub_block .copyright {
font-size : 90%;width:auto;margin:0;padding:10px 5px;text-align:left;line-height:120%;

}

/********************************************
 .all　2nd～クラス名によるレイアウト変更設定 
********************************************/

/* .p_frm */
#page .p_frm .main,#index .p_frm .main {margin-left:200px;}
#page .p_frm .sub_block {display:block;}

#page #polaroid_block {display:none;}
#page .p_frm #polaroid_block {display:block;}
#page .full_slide #polaroid_block {display:none;}

#page .p_frm .container {display:none;}
#page .p_frm .layout_footer {display:none;}

/* #frm_temp */
#permanent #frm_temp .entry_body{margin-top:30px;}
#titlelist #frm_temp .container{margin-top:20px;}

/* .slide2 */
#index .slide2 .container {max-width:800px;_width:800px;}
#index .slide2 #wrapper {max-width:800px;_width:800px;}
#index .slide2 div#pagetop {height:auto;}

/* .slide3 */
#page .slide3 .entry_box1 {display:none;}
#page .slide3 .container ,#page .slide3 .layout_footer{
display:block;max-width:800px;_width:800px;}

/* .oblong */
#page .oblong .container ,#page .oblong .layout_footer,
#index .oblong .container ,#index .oblong .layout_footer
{max-width:650px;_width:650px;}
#index .album2 .main {margin-left:200px;}

#index .album2 .container {max-width:800px;_width:800px;}
#index .album2 #wrapper {max-width:800px;_width:800px;}

#index .album3 .main {margin-left:0px;}

/* =============================================  
二分割(左右)部分:表紙/通常ブログ画面
 ============================================= */

/*メインカラム*/ 

#index .layout_main,#page .layout_main{
        float : left;width : 100%; max-width:none;_width:800px;overflow:hidden;
        margin-right:-224px;_margin-right:0;padding:0;} 

#index .layout_main{position:static;_position: relative;}
#page .layout_main{margin-right:-200px;_margin-right:0;}

#index .layout_main_in{margin-right:224px;_margin-right:0;}
#page .layout_main_in {margin-right:200px;_margin-right:0;}




/*サイドカラム*/

.layout_side {
        float : right; margin: 0px ;
        width : 200px;
}
#page .layout_side {overflow:hidden;}
#index .layout_side {z-index:200;position: relative;_position:static;}

#index .layout_side {width:200px;max-width:none;z-index:200;position: relative;_position:static;}


/* =============================================  
見出し
 ============================================= */

h1 { font-size : 160%;}
h2 { font-size : 130%;}
h3 { font-size : 120%;}
h4 { font-size : 110%;}
h5 { font-size : 105%;}
h6 { font-size : 100%;}


/* =============================================  
リンク設定
 ============================================= */

a:link { color: #008080; text-decoration:none;}
a:active { color: #C71585; text-decoration:none;}
a:visited { color: #008080; text-decoration:none;}
a:hover { color: #C71585; text-shadow:none;}

/* =============================================  
ヘッダー内設定
 ============================================= */

.introduction {        
        max-width:80%;margin:0px auto ;padding : 10px ;
        color : #333;
}

/******* サイト説明 ***************/

#index .introduction,#page .introduction {        
                max-width:80%;margin:10px auto 0 0;padding : 0px 0px;
                font-size : 90%;
}
#titlelist .introduction {color : #000;}
#permanent .introduction {padding : 5px 10px ;}

/******* フォーム ***************/

.introduction fieldset{
        max-width:500px;_width:500px;margin:0px auto ;padding:10px;
        font-size : 100%;text-align:center}
.introduction legend{text-align:center}


p.check{margin:0;padding:0 20px 0 0;}

/******* 横カレンダー ***************/

.line_calendar {
font-size:10pt;
color:#000;
text-align:center;
}
span.line_cal_day {
margin-left:1px; /* 日付の間隔(左) */margin-right:1px; /* 日付の間隔(右) */
padding:0 2px; /* 日付の間隔(右) */
background-color:#fff;}

span.line_cal_day a {padding:0 2px;margin:0 -1px } 
.line_calendar a:link,.line_calendar a:visited { color : #fff;background-color:#72aae2;}
.line_calendar a:active,.line_calendar a:hover { 
color : #ffffff; font-weight : bold;background-color:#900000;}

/******* 管理ページリンク ***************/

ul.admin {
        margin : 0 0 ;padding : 0 0 0 1em;        
        list-style-type : none;
        text-align : left;
}

ul.admin li {         display : inline; }
ul.admin a:link,ul.admin a:visited {color : #000;  }
ul.admin a:active, ul.admin a:hover{ color: #AFEEEE;background-color : #000; }

#index ul.admin,#page ul.admin{margin-left:0;}
#page ul.admin {margin-bottom:10px;}
/* =============================================  
　　　見出し
 ============================================= */

/******* 大見出し：サイトタイトル ***************/

h1 {    margin : 0px;padding : 0px ; font-size : 100%;line-height:120%;
        color: #000; text-align:right;                          
        _padding-top:1em;}
 
#index .container h1,#page .container h1{padding:1em 0 0 0;font-size : 160%;line-height: 150%;text-align:left;}

#index .container h1 {text-align:center;}

 
h1 a:link,h1 a:visited { color : #000;  }
h1 a:hover,h1 a:active { color : #000; background-color : #f5f5f5; }


/******* 見出し：サブタイトル ***************/

h2 {        
        margin : 0px;padding : 20px ;
        font-weight : bold;        
        text-align  : center;}

.layout_head h2 {
        padding:0px;font-size : 160%;
        line-height: 150%;color:  #000;}


.layout_head h2 {background-image : url("http://blog-imgs-59.fc2.com/g/a/l/gallerytemplate/s_fruit_line500.jpg");background-position:center bottom; 
background-repeat:no-repeat; padding-bottom:40px;}


.layout_head h2 span a:link, .layout_head h2 span a:visited {  border-bottom : 2px dotted #C2A858 ;  }
.layout_head h2 span {display :block;text-align:left;font-size:80%;}

#titlelist .layout_head h2{color : #000;}
 
h2 a:link,h2 a:visited {  }
h2 a:hover,h2 a:active  { color : #000; font-weight : bold; background-color : #fff;text-shadow:none; }

/******* 記事タイトル：個別記事/通常ブログ画面 ***************/

.entry_head h2  {          
        margin: 0px auto 10px auto;
        padding : 10px 0 50px 0; text-align:center;          
        font-size : 120%;background-image : url("http://blog-imgs-59.fc2.com/g/a/l/gallerytemplate/s_fruit_line500.jpg");background-position:center bottom; 
background-repeat:no-repeat;  }

.entry_head h2 a{display:block;color : #000;}
.entry_head h2 a:hover{color : #000;background-color : #dceaf8;}
.entry_head h3 {display:none;}/*非表示*/
#page .entry_head h2 {max-width:600px;margin:0 auto;background-image : none;}
.kakusi .entry_head h2 {background-image : none;} 


/******* 全記事一覧ページ ***************/

/* 親カテゴリタイトル*/

#titlelist .entry_all h2 {
        margin : 0px 0px 20px 20px;color : #000;
        padding : 0px 0 0px 0;font-size : 120%;           
        background-image :none;border-bottom:3px dotted #d50000;}  

/* 子カテゴリタイトル*/
#titlelist .entry_all h3 {
        margin : 0px 20px 0px 20px;
        padding : 0px 10px;
        color : #000;
        font-size : 100%;
        background-color :transparent;
        border-left : none ; border-bottom : 1px solid #000;}


/******* エントリー内　小見出し ***************/

.entry_text h3 {padding : 0px 10px;color : #000;background-color : transparent;
border-bottom:3px dotted #d50000;}

.entry_text h4 {padding : 0px 10px;color : #900;background-color : transparent;
border-bottom:2px dotted #00aa55;}

.entry_text h5, .entry_text h6{padding : 0px 10px;}


/* =============================================  
サイトナビゲーション
 ============================================= */
.navi {
         margin : 0px  ;
         padding : 2px 0px ;
         color: #C71585; text-align:right;
         font-weight : bold;        
          line-height:150%;
          }
.main .navi {background-color: transparent;}


#page .entry_body .navi {max-width:620px;margin:0 auto 0 0;}


#permanent .navi{text-align : center;}

.navi_4 { text-align: center;clear:both;}

#page .navi_2 { padding-right:50px;}
#page .navi2_ {padding-right:0px;}
#permanent .navi_2 { text-align:right;}
#permanent .navi_4 {margin : 10px 0 ;  }
#category .navi_1,#tag .navi_1 ,#date .navi_1 ,#search .navi_1 {text-align: center;}

.navi ul {margin:0;padding:0;}
div.navi li {  display : inline-block;/display : inline;line-height:180%; }

#index .navi a:link,#index .navi a:visited { 
color : #404040; font-weight : bold;text-decoration : none;}
#index .navi a:hover,#index .navi a:active { 
color : #ffffff; text-decoration : none; background-color:#404040;font-weight : bold;}

.main .navi_1 a,.main .navi_4 a,#permanent .main .navi a,
 #head_navi a{
padding:2px;border-radius: 50px; 
-moz-border-radius: 50px;-webkit-border-radius: 50px;}

#page .entry_body .navi a,.navi li.pan_kuzu a {background-color:transparent;}

.navi a:link,.navi a:visited { color : #000;background-color:#b8d5f1; }
.navi a:hover,.navi a:active,
#page .entry_body .navi a:hover,.navi li.pan_kuzu a:hover,#page .navi_1 a:hover
 { color : #fff; background-color:#0080ff;}
#page .entry_body .navi li.entry_top a:hover{color:#0080ff;background-color:#fff;}


#permanent .main .entry_top a:link,#permanent .main .entry_top a:visited { 
         color : #900000; font-weight : bold;background-color:#ffffff;}
#permanent .main .entry_top a:active, #permanent .main .entry_top a:hover{ 
         color : #ffffff; font-weight : bold;background-color : #900000;}

.navi li.back-top {font-size:100%;}

/* ***************************************
   ページ内リンク(スキップ)のための設定
***************************************** */

#page .navi_3 ul li.entry_top {
         display:block;/display:inline;width:30px;text-align:right;margin:0 0 -100px auto;} 

/*forIE7*/ 
#page .navi_3 ul li.entry_top {
        /display:inline;/width:auto;/text-align:left;/margin-bottom:0 ;} 
#page .navi_3 ul li.entry_top a{
         /display:block;/width:25px;/text-align:right;/margin:0 0 -45px auto;
         }

#page .navi_3 ul {/position:relative;}


#permanent .for_anchor {margin-bottom:20px;height:1px;margin-top:-21px;}
#page .for_anchor {margin-bottom:20px;height:1px;margin-top:-21px;}


#page .p_inf + a {display:block;height:1px;}
#page #end {display:block;padding-bottom:30px;margin-bottom:-1px;
background-image : url("http://blog-imgs-59.fc2.com/g/a/l/gallerytemplate/s_fruit_line400.jpg");
        background-position:center bottom;background-repeat : repeat-x ;}

#page .navi_3 ul li.entry_top span.show {display:block;}
/* =============================================  
ページ移動
 ============================================= */
.pagenavi {
        font-size: 14px;
	text-align:center;
	color: #fff;
  	margin: 5px 0px;
}

.pagenavi a {
        padding: 2px 8px;
	margin: 5px 2px;
        border: 1px solid #6890a8;
        background: transparent;
        color: #fff;
        text-decoration: none; 
}

.pagenavi a:hover, .pagenavi a.dot:hover {
        border-color: #ffcc22; 
        box-shadow: 0px 0px 12px -2px #bdf;
}

.pagenavi a:active, .pagenavi a.dot:active {
        border-top-color: #112b3d;
        background: #112b3d;
}

.pagenavi a.dot {
        padding: 2px 0px;
        margin: 5px 0px;
	background-color:transparent;
        background: transparent;
	text-decoration: none;
	border: none;
}
.pagenavi b, .pagenavi span {
        padding: 2px 8px;
	margin: 5px 2px;        
	color: #adadad;
	text-decoration: none;
	vertical-align: middle;
}

.pagenavi b{color: #C71585;font-family :"メイリオ", 'arial';font-size:130%;margin: 5px 0px; }

ul.admin li.pagenavi a:link,ul.admin li.pagenavi a:visited,
p.pagenavi a:link,p.pagenavi a:visited,.sub_block ul p.pagenavi a,
#bottom_navi p.pagenavi a:link,#bottom_navi p.pagenavi a:visited
{ color : #000;background-color : #fff;  }
ul.admin li.pagenavi a:hover,ul.admin li.pagenavi a:active,
p.pagenavi a:hover,p.pagenavi a:active,
#bottom_navi p.pagenavi a:hover,#bottom_navi p.pagenavi a:active 
{ color : #aaffff;background-color : #006ad5;}

p.pagenavi a.dot:link,p.pagenavi a.dot:visited { color : #000;background-color:transparent;  }
p.pagenavi a.dot:hover,p.pagenavi a.dot:active { color : #aaffff;background-color :#006ad5;}

#titlelist .main .pagenavi {font-family :"メイリオ", 'arial';font-size:130%;margin: 1em 0px;}
#permanent .main .pagenavi {margin: 1em auto;}
#permanent .main .pagenavi a {border:none;}

.top_pola .pagenavi  { color : #000;margin:0 0 1em 0;font-size: 12px;}
.top_pola .pagenavi b{color : #900;padding: 2px ;}

/* =============================================  
     エントリー関連   個別記事/通常ブログ画面 
 ============================================= */

/****** エントリー：1ブロック ***************/

#permanent .entry_body{margin:0 5px 1.5em 5px;}

#page .entry_body{margin:0 10px 1.5em 0px;}

#permanent .ad_cat{padding-bottom:0.5em;}

/****** ヘッダー部 ***************/



.main_body{text-align : left ;color: #333;}


/****** 日付 ***************/

div.entry_date {
        margin : 0px;
        padding : 0px 0px 2px 20px;
        letter-spacing : 0.2em; 
        font-size : 100%;
        color : #333;
        text-align : right;_height:1%;/* IE6バグ対策 */
        }


#page div.entry_date {padding-right:0;letter-spacing : 0;}

.fc2_footer {margin-top:1em;}

/****** 本文/追記 ***************/

.entry_text {
        margin : 20px auto ;
        padding:0 2em;
        font-size : 120%; color: #333;       
        line-height: 200%; text-align:left;overflow:hidden;
        }

#page .entry_text {max-width:560px;_width:560px;_height:1%;/* IE6バグ対策 */}
.entry_text a:link { color: #C71585; border-bottom:1px dotted;}
.entry_text a:visited { color: #aa55ff; border-bottom:1px dotted;}
.entry_text a:hover, .entry_text a:active{ color: #C71585; background-color : #ffffd5;border-bottom:none;}
/****** ステータス ***************/

ul.entry_state {
        margin : 0;
        padding : 5px 0px 2px 20px;
        list-style-type : none;
        text-align : left;
        font-size : 105%; 
         
}

ul.entry_state li {  display : inline; }

#titlelist ul.entry_state {padding : 5px 10px 5px 20px;
        border-bottom:1px dotted #ccc;color:#000;}


/****** エントリー内：リスト ***************/

.entry_text ul {
        margin : 0px;
        padding : 5px 0px 10px 20px;
}
.entry_text li {
        line-height : 120%;
        margin-bottom : 5px;
}

.entry_text dl {
        margin : 0px;
        padding : 5px 0px 10px 0px;
}
.entry_text dt {
        color : #446018;
        margin : 0px 0 3px 0;
}
.entry_text dd {
        line-height : 120%;
        margin : 0px;
        padding : 0px 0px 5px 10px;
}
.entry_text ol {
        margin : 0px;
        padding : 5px 0px 10px 20px;
}

/****** エントリー内：テーブル設定 ***************/

.entry_text table {
        width : auto;
        border-collapse : collapse;
        margin-top: 1em;
        margin-bottom: 1em;
}
.entry_text td, .entry_text th {
        padding : 2px;
        font-size : 95%;
        line-height: 150%;
        font-weight: normal;
        border : 1px solid #C2A858;
}
.entry_text th {
        color : #360;
        background-color : #F2FFE4;
}

/****** エントリー内：画像 ***************/

.entry_text img {
        margin : 0px ;padding : 0px;
        position:relative;width: inherit;
        border: none ; max-width:100%; height:auto;}

.entry_text a img {border: none ;vertical-align:middle;}
.entry_text a:hover img{
       opacity: 0.7;
       filter: alpha(opacity=70);
       -moz-opacity: 0.7;border:1px solid #ffcc22;

}




/****** テキスト内の絵文字 ***************/

img.emoji {
        border: none;
        margin : 0px;
        padding : 0px;
        float:none;
        vertical-align : middle; 
}

/****** テキスト内のタグ ***************/

.entry_text a.tagword {
        border-bottom: 1px dotted #C2A858;}

.entry_text a:hover.tagword {
        color : #C2A858;
        border-bottom: 1px dotted #C2A858;
        text-decoration : none;}


/****** スレッドテーマ ***************/

ul.thread {
        margin : 0;
        padding : 5px 0 0 20px;
        list-style-type : none;        }
ul.thread li { 
        display : inline;}

/******  fieldset 設定 ***************/

.entry_body fieldset {
        max-width:90%;margin:0 auto ;padding:1em 1em ;
        font-family :"MS UI Gothic";line-height:180%;letter-spacing : 0em;}

.entry_body fieldset ul {
        margin : 0px;
        padding : 5px 0px 10px 20px;
}

.entry_body fieldset legend{
        font-weight:bold;padding:0 0.5em;font-size:120%;}


/******  関連リストページナビ ***************/

ul.relate_ul{letter-spacing:0;}

.k_navi{clear:both;text-align:center;}

ul.relate_navi {letter-spacing : 0em;margin:0 ;padding:0;text-align:center;}

ul.relate_navi li { display : inline; letter-spacing:0;}

#permanent ul.relate_navi li.relate_navi_li{line-height:150%;font-size : 120%;}

#permanent ul.relate_navi li.relate_li_nolink{padding:0;margin:0px;}

li.relate_navi_li a:link,li.relate_navi_li a:visited { color : #ffffff; border : 1px dotted #ccc ; }
li.relate_navi_li a:hover,li.relate_navi_li a:active { color : #000000; text-decoration : none;background-color : #ffcc22;}

#permanent ul.relate_navi li.relate_navi_li {margin:0 0; padding:0;}
#permanent ul.relate_navi li.relate_li_nolink img{margin-bottom:-5px; padding:0;}
#permanent li.relate_li_nolink a img:hover { background-color  : #ffcc22;  }



/******  Guide関連 ***************/

.index-navi {margin:2em 1em;letter-spacing : 0em;font-family :"MS UI Gothic";}
.index-navi li {line-height:180%;}
.index-navi fieldset {max-width:600px;_width:600px;}
#page .index-navi,#page .entry_date {max-width:560px;_width:560px;margin:0 auto;}

/******  広告表示時の設定 ***************/


/* =============================================  
全記事一覧ページ
 ============================================= */

/****** JavaScript有効時（カテゴリ別） ***************/

.entry_all {
        margin : 0px auto;
        padding : 0px ;max-width:650px;
        font-size : 120%;        
        line-height: 200%;
        
}
.entry_all ul {
        margin : 0px;
        padding : 20px 0px 0px 70px;
        list-style : square; 
}
.entry_all li {
        line-height : 120%;
        margin-bottom : 5px;
}

.entry_all a:link { color: #008080;}
.entry_all a:visited{ color: #C71585;}
.entry_all a:hover,.entry_all a:active{ color: #000;background-color:#FFF;font-weight:bold;}

/****** JavaScript無効時（更新順） ***************/

li.entry_title a:link,li.entry_title a:visited {  background-color:transparent;}
li.entry_title a:active, li.entry_title a:hover{color : #C71585;background-color:#F5f5f5 ;}

.mini{ font-size:90%;_font-size:80%;}



/* =============================================  
　サイドカラム
 ============================================= */

/****** サイドメニュー ***************/

.side_menu{ margin: 0px 0px 0px 0px;}

#index .side_menu a {
        display : block;
}
#index .side_menu .side_text a {
        display : inline;
}
#page .side_menu {margin-top:10px;}
 
/****** サイド：コンテンツ ***************/

.side_text {
        font-size: 90%; font-family:"メイリオ", "Meiryo", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "sans-serif", "ＭＳ Ｐゴシック";   
        line-height: 130%;
        margin: 0;color: #333;
        background-color:#fdf6db;border:1px dotted #6a8d47;

        padding: 10px  ;margin-bottom:20px; 
border-bottom-right-radius: 20px;border-bottom-left-radius: 20px;
-moz-border-bottom-left-radius: 20px;-moz-border-bottom-right-radius: 20px;
-webkit-border-bottom-left-radius: 20px;-webkit-border-bottom-right-radius: 20px;}

#index .side_text {margin-bottom:5px;}


.side_text2{overflow: auto; height:100px;}

/****** サイドメニュー：リスト ***************/

.side_menu ul {
        margin : 0 ;
        padding : 5px 0px 10px 15px;
        list-style-type : none;
        list-style-image : url("http://blog-imgs-59.fc2.com/g/a/l/gallerytemplate/ylpl2_7.gif"); 
}

.side_menu li {
        line-height: 150%;
}

.side_menu dl {
        text-align : left;
        margin : 0px;
        padding : 20px 0px 20px 0px;
}
.side_menu dt{
        margin : 0px;
        padding : 0px 0px 3px 0px;
        color : #960;
}
.side_menu dd{
        line-height : 120%;
        margin : 0px;
        padding : 0px 0px 5px 0px;
}

#p-form form {
        margin : 0px;
        padding : 0px;
}

/****** サイド：画像 ***************/

.side_text img {
        border : none;
        margin : 0px;
        padding : 1px;max-width:98%; height:auto;
}


/* =============================================  
 サイドメニュー・サブブロック関連見出し
 ============================================= */

.layout_side h3,.sub_block h2,.sub_block h3,.index_area_box h3{
        letter-spacing:0;margin: 0;padding:5px;font-size : 110%;}

#index .layout_side h3,.sub_block h2,.sub_block h3,#index .sub_block h3,.index_area_box h3{padding: 0px;margin: 0;}

/****** サブブロック見出し ***************/

.sub_block h2{     
text-align:left; 		
	border-top-right-radius: 70px;border-bottom-right-radius: 70px;
	-moz-border-top-right-radius: 70px;-moz-bottom-right-radius: 70px;
	-webkit-border-top-right-radius: 70px;-webkit-bottom-right-radius: 70px;
border: 1px solid #7f7f7f;color: #000;background-color: #fff;	}

.sub_block h2 a
{display : block;color : #000; padding:0px 5px 0px 20px;}
.sub_block h2 a:hover,.index_area_box h3 a:hover
{ color : #fff; background-color: #72aae2;		
	border-top-right-radius: 70px;border-bottom-right-radius: 70px;
	-moz-border-top-right-radius: 70px;-moz-bottom-right-radius: 70px;
	-webkit-border-top-right-radius: 70px;-webkit-bottom-right-radius: 70px;}

.sub_block h2#switch a{padding:5px 5px 5px 20px}

#index .sub_block h2#switch {position:relative;z-index:10;}

.layout_side h2 { display : none;}

/****** サイドメニュー見出し ***************/


.layout_side h2 { display : none;}

/*表紙メニューボタン/通常ブログ画面プラグインタイトル*/

.layout_side h3,.sub_block ul h3,.index_area_box h3{
background : url("http://blog-imgs-59.fc2.com/g/a/l/gallerytemplate/s_gra_blue-violet.jpg") right top no-repeat #cdcefe;  
        		
	border-top-right-radius: 70px;border-bottom-right-radius: 70px;
	-moz-border-top-right-radius: 70px;-moz-bottom-right-radius: 70px;
	-webkit-border-top-right-radius: 70px;-webkit-bottom-right-radius: 70px;
	color: #000;
	background: -moz-linear-gradient(left,#c7c7e2, #eaffff 50%,#c7d5e2);　/* Firefox用 */  
     	background: -webkit-gradient(linear, left , right , from(#c7c7e2),
     	color-stop(0.5, #eaffff),to(#c7d5e2));　/* Safari,Google Chrome用 */

	-moz-box-shadow: 1px 2px 3px #000;　/* Firefox用 */
	-webkit-box-shadow: 1px 2px 3px #000;　/* Safari,Google Chrome用 */
}

/*リンクボタン*/

.layout_side h3.side_menu2,.sub_block ul h3.side_menu2,.index_area_box h3.side_menu2{
background : url("http://blog-imgs-59.fc2.com/g/a/l/gallerytemplate/gra_gray-violet.jpg") left top no-repeat #d8d8d8; color: #fff;
	
	background: -moz-linear-gradient(left, #aaaad5, #dcdcdc);　/* Firefox用 */  
	background: -webkit-gradient(linear, left , right, from(#aaaad5), to(#dcdcdc));　/* Safari,Google Chrome用 */ 
	}


.layout_side h3 a,.sub_block ul h3 a,.index_area_box h3 a {
        display : block;padding:5px;margin-top:1px;
        color :  #000;
        border-top-right-radius: 70px;border-bottom-right-radius: 70px;
	-moz-border-top-right-radius: 70px;-moz-bottom-right-radius: 70px;
	-webkit-border-top-right-radius: 70px;-webkit-bottom-right-radius: 70px;}

.layout_side h3.side_menu2 a,.sub_block ul h3.side_menu2 a,.index_area_box h3.side_menu2 a  {color : #fff;}

.layout_side h3 a:hover,.sub_block ul h3 a:hover,.index_area_box h3 a:hover{  
        color : #ffffff;     background-color: #72aae2;
        border-top-right-radius: 70px;border-bottom-right-radius: 70px;
	-moz-border-top-right-radius: 70px;-moz-bottom-right-radius: 70px;
	-webkit-border-top-right-radius: 70px;-webkit-bottom-right-radius: 70px;}

.sub_block li h3.admin a:hover,#index h3.admin a:hover {padding:2px;border-radius: 50px; 
-moz-border-radius: 50px;-webkit-border-radius: 50px;  
}

.sub_block li h3.admin a,#index h3.admin a {display:inline;font-size:80%;}

/****** 表紙カテゴリリスト ***************/

.side_menu h4,.menu_css3 h4{
        margin: 0;
        padding: 0;
        color: #000;
        background: #fdf6db;
        line-height : 180%;
        font-weight:normal;  border-bottom : 1px solid  #000;text-align : center ; 
}


.side_menu h5,.menu_css3 h5{
        margin: 0;
        padding: 0;  
        color: #fff;
        line-height : 180%;
        font-weight:normal;background-color : #8080ff;
        border-bottom : 1px solid  #000; 
        text-align : center ; 
}
.side_menu h6,.menu_css3 h6{
        margin: 0;
        padding: 0;
        color: #000;
        background: #dceaf8;
        line-height : 150%;
        font-weight:normal; border-bottom : 1px solid  #000; 
}

.side_menu h4 a:link,.side_menu h4 a:visited,
.menu_css3 li h4 a:link,.menu_css3 li h4 a:visited{ color : #000;   }

.side_menu h5 a:link,.side_menu h5 a:visited,
.menu_css3 li h5 a:link,.menu_css3 li h5 a:visited{ color : #fff;  }

.side_menu h6 a:link,.side_menu h6 a:visited,
.menu_css3 li h6 a:link,.menu_css3 li h6 a:visited{ color : #000; }

.side_menu h4 a:hover,.side_menu h5 a:hover, .side_menu h6 a:hover,
.menu_css3 li h4 a:hover,.menu_css3 li h5 a:hover,.menu_css3 li h6 a:hover
{  color : #ffffff;  background-color : #72aae2;  }

.side_menu h4 a,.menu_css3 li h4 a,
.side_menu h5 a,.menu_css3 li h5 a{ display:block; }
.side_menu h6 a,.menu_css3 li h6 a{ color : #000; padding:0 5px;display:block; }


/* =============================================  
　サブブロック内設定
 ============================================= */

/****** フォーム ***************/

.sub_block select{width:160px;font-size:120%;}
.sub_block input.keyword{width:9em;font-size:120%;}
.sub_block fieldset{width:175px;padding:0 0 2px 0;border-color:#ccc;text-align:center;}
.sub_block fieldset legend{}
.sub_block .form_set{font-family : "Times New Roman", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS PGothic", "Osaka",sans-

serif;}
.click {text-align:right;width:180px;}
/****** リスト ***************/

/*全記事一覧ページ以外：エントリーリスト*/
.sub_block ul {
        margin : 0px;text-align:left;
        padding : 5px 0px 10px 20px;font-family:'arial', sans-serif ;color: #000;
}
.sub_block ul li{line-height:150%;}
.sub_block ul div ul li{list-style : square ;border-bottom:1px dotted #ccc;}
 
.sub_block ul a {display:block}
.sub_block ul li div ul a:link{ color: #008080; }
.sub_block ul li div ul a:visited { color: #900; }
.sub_block ul li div ul a:hover,.sub_block ul li div ul a:active { color: #900; background-color:#d5eaff;}

.sub_block ul li a span , div.css3_in a span
{color:#C71585;font-family: 'arial narrow',sans-serif;}/*日付*/
.sub_block ul li a:hover span ,div.css3_in a:hover span {color:#0000ff}



/****** 全記事一覧ページ：カテゴリリスト ***************/

.sub_block .cat_menu ul{padding:2px 0px 0px 0px}
.sub_block .cat_menu li{border:none;list-style : none ;margin-top:2px;}

.sub_block .cat_menu ul.main_menu li{background-color:#fff;margin-top:0px;margin-bottom:3px;}
.sub_block .cat_menu ul.sub_menu {background-color:#000;padding-top:1px;padding-bottom:0px;} 
.sub_block .cat_menu ul.sub_menu li {background-color:#eaf4ff;margin-top:1px;margin-bottom:1px;padding-left:1em;} 

.sub_block .cat_menu ul a:link,.sub_block .cat_menu ul a:visited { color: #333; }
.sub_block .cat_menu ul a:hover.sub_block .cat_menu ul a:active { color: #ffcc22; background-color:#000;}

.font1 {color:#98FB98;}


/* 別タイプ変更時の設定 */

.plugin_menu{        margin : 10px 10px 10px 0;padding : 0 0 0 0px;width : 31%;float : left;overflow: hidden;}
.index_area_box {  clear : both;}



/* G タイプのための設定 */


#index .side_menu a {  display : block;}
#index .side_menu .side_text a {  display : inline;}
#index .side_menu .popupin2 a { display : inline;}

/*(ver1304)追加設定*/
#edit dl.co_form dd textarea#comment{height:300px;}



.side_menu2 .side_text a { display : inline;}





/* =============================================  
コメント＆トラックバック関連
 ============================================= */

/*コメント/トラックバック欄:個別記事*/
.layout_extra {        
        width:auto;max-width : 900px;_width : 900px;        margin : 30px auto ;
        padding : 50px 0 0 0; text-align  : center;
        line-height: 180%;        border: none; }
/*コメントリスト:通常ブログ画面*/
.comment-list{line-height: 180%;font-size : 90%;border:1px dotted #ccc;background-color :#f8f8dc;}


/*コメント＆トラックバック*/
.commentarea, .trackbackarea {
        margin : 0 ;padding : 0 ;
        text-align : left;}

/*編集画面*/

/*コメント＆トラックバック：記事：1ブロック*/
.comment-body, .trackback-body {
        margin : 0px  auto;max-width : 800px;_width : 800px;
        padding : 0px;}

/* 見出し*/
h2#comments, h2#trackback{
                margin:0;padding : 30px 10px 50px 20px ;
                color : #000;background-image : url("http://blog-imgs-59.fc2.com/g/a/l/gallerytemplate/s_fruit_line500.jpg");background-position:center bottom; 
background-repeat:no-repeat; 		}

/*小見出し*/
.comment-body h3, .trackback-body h3,.comment-list h4  {
        margin : 0px;
        padding : 10px 0 10px 40px;
        letter-spacing : 0.2em; 
        background-color : transparent;color:#000;border:none;

background-image : url("http://blog-imgs-59.fc2.com/g/a/l/gallerytemplate/icon26.gif");background-position:left center ; 
background-repeat:no-repeat;         
}

/*コメント＆トラックバック：テキスト*/
.co_text, .tb_text {
        margin : 0px;
        padding : 10px 20px 0px 20px;
        color: #000;
        font-weight : normal;
}

/*コメント記事中URL*/
.comment_body a {
        display : block;
        height :1em;
        width : 20em;
        overflow : hidden ;
}
/*コメント＆トラックバック：ステータス*/
ul.co_state ,ul.tb_state {
        margin : 0;
        padding : 5px 20px 60px 0px;
        list-style-type : none;
        text-align : right;font-size : 90%;
        color: #555555;
background-image : url("http://blog-imgs-59.fc2.com/g/a/l/gallerytemplate/torisan01.gif");background-position:center bottom; 
background-repeat:no-repeat; }

ul.co_state li ,ul.tb_state li { 
        display : inline; 
}
ul.co_state li img {padding:0;margin-bottom:-7px;}

/*トラバURL*/
.trackbackarea p {
        margin : 0 0 2px 0;padding  :20px ;margin : 0px  auto;max-width : 800px;_width : 800px;;      
}


.trackbackarea p input {
        padding : 2px 5px ;
        width : 90%;max-width : 420px;_width : 420px;}

.trackbackarea p a:hover {
        border : 1px dotted #900 ; 
        background-color : #fff;
}


/* =============================================  
コメント投稿＆編集フォーム
 ============================================= */

/*投稿フォーム*/
.entry_form{font-family : "Osaka","Verdana", "Hiragino Kaku Gothic Pro", "MS PGothic", sans-serif;}

#permanent .entry_form {
        font-weight : bold;                   
        padding: 5em 1em 5em 1em;margin : 0px  auto;max-width : 800px;_width : 800px;}
#edit .entry_form {margin:0 auto;max-width:700px;text-align:left;
}
 
/*投稿フォーム：入力*/
dl.co_form {
        margin : 20px 0 0 0;
        padding : 0px ;
}
/*投稿フォーム：ラベル*/
dl.co_form dt label {
        position : absolute;_position: static;
        text-align : left;
        width : 50px;font-size: 90%;
}
/*投稿フォーム：入力*/
dl.co_form dd {
        margin-left : 60px;
        padding-bottom : 3px ;
}
/*投稿フォーム：サイズ*/
dl.co_form dd input#title,dl.co_form dd input#name,dl.co_form dd input#url,dl.co_form dd input#mail {
        width : 80%;max-width : 250px;_width : 250px;}

dl.co_form dd textarea#comment{
        width : 90%;max-width :600px;_width : 600px;height:250px;}

#edit dl.co_form dd textarea#comment{
        width:95%;max-width : 600px;_width : 600px;}

/*コメント投稿・編集小見出し*/
#comment_post,#comment_edit { 
        font-size: 120%;
        letter-spacing : 0.1em; 
        color: #C2A858;
}

/*コメント：ページ移動*/
.commentarea ul.entry_navi {
        margin : 0;
        padding : 0px 50px 2px 0px;
        list-style-type : none;
        text-align : right;
        border-bottom : 1px dotted #C2A858 ; 
}

/* ===========================================
アイコン
=========================================== */

/* コメント・トラックバックアイコン */

.cmtb a{display:block;}

.cmtb{
float:right;height:30px;min-width:30px;_width:30px;text-align:center;
letter-spacing:0;padding-top:5px;font-family :'arial',sans-serif;}
.trb{
background: url(http://blog-imgs-59.fc2.com/g/a/l/gallerytemplate/arrow_double30.png) no-repeat right top scroll;}
.com{
background: url(http://blog-imgs-59.fc2.com/g/a/l/gallerytemplate/comment_e.png) no-repeat right top scroll;}

.suji {color:#900;}
#readcom span {display:block;float:right;}
#readcom a span.suji:hover {background-color :#fff;}
#readcom span.suji{
        min-width:40px;_width:40px;text-align:center;
        background: url(http://blog-imgs-59.fc2.com/g/a/l/gallerytemplate/comment_e.png) no-repeat center 5px scroll;letter-spacing:0;font-family :'arial narrow',sans-serif;}

/* その他アイコン表示位置調整 */

img.icon,div.navi ul li img,.view .mask img,p.pagenavi img,
div.navi ul li.entry_top img,div.navi ul li.back-top img,
#page h3.side_menu img{vertical-align:top;}

#page div.navi ul li img,.entry_all img.icon{vertical-align:middle;}

.sub_block h2#switch img {vertical-align:middle;}
.index-navi fieldset li img,.relate_navi img{vertical-align:text-bottom;}

li.PageEdit {font-weight:bold;font-size:130%;padding:0 0.5em 0 0;}

#page span.no_page {display:none;}

/* PageTop　EntryTop サイトナビ/コメント欄----------*/

.main .entry_top  {font-size:90%;}
.back-top{ font-style : italic;font-size:80%;}
p.back-top{margin:0;text-align:right;font-size:90%;font-style:italic;}
#titlelist p.back-top{ margin:0;}

/* ============================================= 
新着マーク
 ============================================= */
.new {
        color : #ff0000; 
        font-family :  "Times New Roman", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS PGothic", "Osaka",sans-serif;
        font-style: italic;
        font-weight : normal;}
.top_pola .new {font-weight:bold;}
.sub_block ul li a span.new,.layout_side ul li a span.new {color : #ff0000; }
/* =============================================  
投稿部分設定
 ============================================= */
input,select,textarea{
        font-family : "Osaka","Verdana", "Hiragino Kaku Gothic Pro", "MS PGothic", sans-serif;        
        font-size :100%;        
         }
select,textarea,input[type="text"],input[type="password"] 
{background-color :#f8f8dc;color: #333;border : 1px dotted #C2A858 ; }

input[type="submit"]{padding:0 5px;}
/* =============================================  
引用文設定
 ============================================= */
blockquote {
        max-width:90%;margin:0.5em  auto ;padding:1em ;        
        font-size : 90%; 
        line-height : 160%;
        background-color : #f8f8dc;color: #000000;
        letter-spacing:0;}
/* =============================================  
水平線設定
 ============================================= */
hr {
        margin : 5px 20px;
        color : #ccc;
        background-color : #ccc;
        border : 0; 
        height : 1px ;}
/* ============================================= 
その他の設定
 ============================================= */
em ,i { font-style : italic;}
strong ,b { font-weight : bold;}
u { text-decoration : underline;}
p { margin : 1em 0;}
br {letter-spacing:normal;}


/* =============================================  
プラグインカレンダー設定
 ============================================= */

table.calender {margin:0 auto 10px auto;}

table.calender {
       font-family :"ＭＳ Ｐゴシック", "MS PGothic", "Osaka",sans-serif;
       letter-spacing:0;font-size :100%;}

.calender caption {
        padding : 5px 0 1px 0;
        font-family : 'arial black','Verdana','Bookman Old Style';font-size :110%;
}
.calender th {
        font-weight : normal;background-color : #fff;color : #333;
        text-align : center;
        
}
.calender td {
        width :  18px;
        padding : 0px;
        text-align : center;background-color : #ccc;color : #333;
        
}
.calender td a {
        display : block;
}
th#sun {
        color : #fff;background-color : #C00;
        border-bottom : 2px solid #C00 ; 
}
th#sat {
        color : #fff;background-color : #369;
        border-bottom : 2px solid #369 ; 
}
.calender td a:link {
        color : #fff; 
        background-color : #000; 
        
}
.calender td a:visited { 
        color : #fff; 
        background-color : #000;
        
}
.calender td a:hover { 
        color : #000; 
        background-color : #ffcc22; 
        text-decoration : none;
}

#index .sub_block .copy {text-align:left;font-size:90%;margin:5px;padding:0;}


/********************************************
 画像一覧(1-B)キャプション 
********************************************/

.view {
   width: 150px;height:100px;
   margin: 0px;
   float: left;
   overflow: hidden;
   position: relative;
   font-family : "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;line-height:120%;
   cursor: default;
}

.polaroid .view,.polaroid2 .view {
   margin-left:15px;margin-top:15px;
   font-family: "メイリオ", "Meiryo", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", sans-serif;
   line-height:150%;font-size:90%;}
.polaroid3 .view {margin-top:0;}
.view .mask,.view .content {
   width:150px;height:100px;
   position: absolute;
   overflow: hidden;
   top: 0;
   left: 0;
} 
/*ハックforIE7*/
.polaroid .mask {/display:none;}
.polaroid2 .mask {/display:block;}

.gazou_box_w .view ,.gazou_box_w .view .mask,.gazou_box_w .view .content{
   width:312px;/width:300px;height:300px;
}
.polaroid .view img,.polaroid .view ,.polaroid .view .mask,.polaroid .view .content{
   width:335px;  height:275px; 
}
.polaroid2 .view img,.polaroid2 .view ,.polaroid2 .view .mask,.polaroid2 .view .content{
   width: 295px;height:255px;
}
.polaroid3 .view ,.polaroid3 .view-first 
{width:500px;/width:500px;height:auto;min-height:350px;}
.polaroid3 .view img {width:480px;/width:480px;height:auto;}
.polaroid3 .view .mask{width:500px;/width:500px;height:100%;}
.polaroid3 div.close_box {position:absolute;right:0;bottom:0;z-index:101;}


.view img {
   display: block;
   position: relative;
}
.view .mask img {display: inline-block;}

.view h3 {
   
   color: #fff;
   text-align: center;
   position: relative;
   font-size: 17px;
   padding: 5px;font-weight:normal;
   background: rgba(0, 0, 0, 0.8);
   margin:0;padding:0px;
}
.gazou_box .view h3 {font-size:90%;width:80px;margin:0 auto 5px auto;line-height:100%;}
.gazou_box_w .view h3 {margin:5px;}
.polaroid3 .view-first h3 {margin:10px;}


.view-first:hover h3 a  {
   display:block;padding:5px;
   background-color : #0009;/background-color : #000;   
   -webkit-box-shadow: 2px 2px 5px #fff,-2px -2px 5px #fff;
   -moz-box-shadow:  2px 2px 5px #fff,-2px -2px 5px #fff;
   box-shadow:  2px 2px 5px #fff,-2px -2px 5px #fff;
   }

.view-first h3 a:hover{
   -webkit-box-shadow:2px 2px 10px #ffcc22,-2px -2px 10px #ffcc22;
   -moz-box-shadow: 2px 2px 10px #ffcc22,-2px -2px 10px #ffcc22;
   box-shadow: 2px 2px 10px #ffcc22,-2px -2px 10px #ffcc22;
   border: 1px solid #ffcc229;/border: 1px solid #ffcc22;}

.view .more {margin-right:10px;text-align:center;clear:both;}

.view div.v_intro {    
   position: relative;
   color: #fff;margin:0 5px 5px 0;
   padding: 10px 10px 0;   
}

.view a.info {
   display: inline-block;
   text-decoration: none;
   padding: 5px ;text-align:center;
   background: #000;   
   
   -webkit-box-shadow: 2px 2px 5px #fff,-2px -2px 5px #fff;
   -moz-box-shadow: 2px 2px 5px #fff,-2px -2px 5px #fff;
   box-shadow: 2px 2px 5px #fff,-2px -2px 5px #fff;
}


.more a:link,.more a:visited{color:#AFEEEE;}

.more a:hover,.more a:active{color:#ffcc22;
   -webkit-box-shadow: 2px 2px 10px #ffcc22,-2px -2px 10px #ffcc22;
   -moz-box-shadow: 2px 2px 10px #ffcc22,-2px -2px 10px #ffcc22;
   box-shadow: 2px 2px 10px #ffcc22,-2px -2px 10px #ffcc22;
   border: 1px solid #ffcc229;/border: 1px solid #ffcc22;}

.view-first img {
   -webkit-transition: all 0.2s linear;
   -moz-transition: all 0.2s linear;
   -o-transition: all 0.2s linear;
   -ms-transition: all 0.2s linear;
   transition: all 0.2s linear;
}
.view-first .mask {
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
   opacity: 0;
   background-color: rgba(23, 25 ,25, 0.7);
   -webkit-transition: all 0.4s ease-in-out;
   -moz-transition: all 0.4s ease-in-out;
   -o-transition: all 0.4s ease-in-out;
   -ms-transition: all 0.4s ease-in-out;
   transition: all 0.4s ease-in-out;
}
.view-first h3 {
   -webkit-transform: translateY(-100px);
   -moz-transform: translateY(-100px);
   -o-transform: translateY(-100px);
   -ms-transform: translateY(-100px);
   transform: translateY(-100px);
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
   opacity: 0;
   -webkit-transition: all 0.2s ease-in-out;
   -moz-transition: all 0.2s ease-in-out;
   -o-transition: all 0.2s ease-in-out;
   -ms-transition: all 0.2s ease-in-out;
   transition: all 0.2s ease-in-out;
}



.view-first div.v_intro {
   -webkit-transform: translateY(100px);
   -moz-transform: translateY(100px);
   -o-transform: translateY(100px);
   -ms-transform: translateY(100px);
   transform: translateY(100px);
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
   opacity: 0;
   -webkit-transition: all 0.2s linear;
   -moz-transition: all 0.2s linear;
   -o-transition: all 0.2s linear;
   -ms-transition: all 0.2s linear;
   transition: all 0.2s linear;
}
.view-first:hover img {
   -webkit-transform: scale(1.1,1.1);
   -moz-transform: scale(1.1,1.1);
   -o-transform: scale(1.1,1.1);
   -ms-transform: scale(1.1,1.1);
   transform: scale(1.1,1.1);
}
.view-first a.info {
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
   opacity: 0;
   -webkit-transition: all 0.2s ease-in-out;
   -moz-transition: all 0.2s ease-in-out;
   -o-transition: all 0.2s ease-in-out;
   -ms-transition: all 0.2s ease-in-out;
   transition: all 0.2s ease-in-out;
}
.view-first:hover .mask {
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
   filter: alpha(opacity=100);
   opacity: 1;
   filter: alpha(enabled=false)\9;/filter: alpha(enabled=false) ;
   background-image : url("http://blog-imgs-59.fc2.com/g/a/l/gallerytemplate/black40c.png")\9;
   /background-image : url("http://blog-imgs-59.fc2.com/g/a/l/gallerytemplate/black40c.png");}



.view-first:hover h3,
.view-first:hover div.v_intro,
.view-first:hover a.info {
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
   filter: alpha(opacity=100);
   opacity: 1;
   -webkit-transform: translateY(0px);
   -moz-transform: translateY(0px);
   -o-transform: translateY(0px);
   -ms-transform: translateY(0px);
   transform: translateY(0px);
}
.view-first:hover div.v_intro {
   -webkit-transition-delay: 0.1s;
   -moz-transition-delay: 0.1s;
   -o-transition-delay: 0.1s;
   -ms-transition-delay: 0.1s;
   transition-delay: 0.1s;
}
.view-first:hover a.info {
   -webkit-transition-delay: 0.2s;
   -moz-transition-delay: 0.2s;
   -o-transition-delay: 0.2s;
   -ms-transition-delay: 0.2s;
   transition-delay: 0.2s;border: 1px dotted #ccc9;/border: 1px dotted #ccc;
}
.view .mask img,#page .view .mask img
{width:auto!important;height:auto;}

.view_date {overflow: hidden;white-space: nowrap;text-overflow: ellipsis;padding:0 5px;}

/*IE8対策*/
.view .mask img {display: none;}
.view-first:hover .mask img {display: inline-block;}

#head_navi,#permanent #head_navi{
position:fixed;_position:absolute;left:207px;top:0;padding-top:20px;min-height:30px;width:100%;
background-color : #fff;
border-bottom: 2px #e9e9e9 solid;}
#edit #head_navi {left:0;}

#bottom_navi,#index #bottom_navi{position:fixed;_position:absolute;left:207px;bottom:0;height:30px;width:100%;
background-color : #fff;border-bottom:none;
border-top: 2px #e9e9e9 solid!important;}


#bottom_navi p.pagenavi {padding-right:300px;}

.fix{position:fixed ; _position:absolute;right:0;text-align:right;width:150px;margin:0;}
#fix_top{top:0;margin:0!important;}
#fix_bottom{bottom:0;}

#head_navi ul{text-align:center;padding-right:300px;font-size:100%;}

#polaroid_block {margin-top:30px;padding-bottom:30px;}

#permanent #head_navi {font-size:100%;}

#polaroid_block .nopage {display:block;margin:1em 0;}

#page .navi li#go-blog a {color:#fff;background-color:transparent;}
#page .navi li#go-blog a:hover {color : #ffcc22; background-color:#000;}
#page .navi li#go-blog span.page1{display:none;}
#page .navi li#go-blog span.page1st1{display:inline;}

#head_navi li#pan_kuzuX span.page1{display:none;}
#head_navi li#pan_kuzuX span.page1st1{display:inline;}
#page #head_navi li.pankuzu2 {display:none;}

.sub_block p.back-top{font-size:100%;font-style:normal;}

#profile_A img{width:320px;/width:310px;height:340px;}

.js_in {background-color : #fdf6db;}
/********************************************
 CSS3によるホバードロップダウン 設定
********************************************/
.sub_block ul.menu_css3,.layout_side ul.menu_css3 {font-family: "ＭＳ Ｐゴシック";
list-style-type : none;margin:0;padding:0;max-width:200px;margin-right:5px}

.menu_css3 h3{font-family: "メイリオ", "Meiryo", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "sans-serif", "ＭＳ Ｐゴシック";}

.menu_css3 li{margin:0;position:relative;}
.menu_css3 li h3{position:relative;z-index:1;/width:100%;/overflow:hidden;
border:1px dotted #fff\9;/border:1px dotted #fff;}
#permanent .menu_css3 li h3{position:static;}
#permanent .menu_css3 li.JsOf h3{position:relative;}

/*forIE7*/
.menu_css3 li h3 a{/display:block;/width:100%;}

.menu_css3 li:hover{z-index:100;margin:0;padding:0;/position:relative;}
.menu_css3 li:hover h3{position:relative;z-index:999;}


.menu_css3 .css3_in {position:absolute;top:0px;left:-5px;width:100%;
padding: 5px 0 5px 5px;display:none;z-index:50;
background-color:#fdf6db;}

.css3_in fieldset {padding:5px;}
.layout_side .css3_in {font-size:95%;line-height:120%;}

.layout_side .menu_css3 .css3_in {left:0px;overflow:hidden;}

.menu_css3>li:hover .css3_in{display:block}

.menu_css3 .css3_in{padding-top:35px;}

.menu_css3 li#JsOf_tag .css3_in a{display:inline;}

.menu_css3 li.plug .css3_in{padding-top:50px;}

.menu_css3 .css3_in ul li a{display:inline;}

.menu_css3 li.plug ul {
list-style-type : none;border:none;margint:0px;padding:0 5px 10px;}
.menu_css3 li.plug .css3_in ul li{border:none;}

.menu_css3 .css3_in img{max-width:100%;height:auto;}
.sub_block ul p a {display:inline;}

.entry_box1 .gazou_box{       
       color:#333;background-color : #fdf6db;border:none;border:1px dotted #666;}

.mask a:link,.mask a:visited { color: #AFEEEE; }
.mask a:hover ,.mask a:active { color: #ffcc22; }
.gazo_navi { color: #fff; }


#page .main_body {background-image : url("http://blog-imgs-59.fc2.com/g/a/l/gallerytemplate/s_border_fruit640.jpg");
        background-position:center top;background-repeat : repeat-y ;margin-bottom:20px; }

#page .p_inf{padding-bottom:30px;margin-bottom:-1px;
background-image : url("http://blog-imgs-59.fc2.com/g/a/l/gallerytemplate/s_fruit_line400.jpg");
        background-position:center bottom;background-repeat : repeat-x ; }
html>/**/#page .p_inf{
margin-bottom /*\**/:-30px\9;
}

#page .entry_head{padding-top:25px;
background-image : url("http://blog-imgs-59.fc2.com/g/a/l/gallerytemplate/s_fruit_line400.jpg");
        background-position:center bottom;background-repeat : repeat-x ; }

.index_area_box {margin:1em auto;text-align:center;}
li.css_line{display:inline-block;/display:inline;width:30%;/float:left;text-align:left;
}
li.css_line h3 {border:1px dotted #fff\9;/border:1px dotted #fff;}
div.css3_in ul li {list-style-type:none;border-bottom:1px dotted #333;}


#slide_box{margin-top:10px;}
#slide_box+ul.admin {text-align:center;}
ul.menu_sp {display:none;}

a#pagetop{padding :1px\9;}/*for IE8アンカーリンク*/

/********************************************
 表紙画像フレーム 設定
********************************************/
#slide_box{text-align:center;}
.frm_box {position:relative;margin: 0 auto;max-width:750px;}
.frm_box img {width:100%;height:auto;}
.photo_box {width:100%;height:100%;overflow:hidden;position:absolute;z-index:100;left:0;top:0;}
.frm_cover {width:100%;height:auto;position:absolute;z-index:1000;left:0;top:0;}