@charset "UTF-8"; 

/* Reset 
------------------------------------------------- */ 

html,body,div, 
dl,dt,dd,ul,ol,li, 
h1,h2,h3,h4,h5,h6,
pre,form,fieldset,input,textarea, 
blockquote,th,td,p { 
margin: 0; 
padding: 0; 
} 



/* Default 
------------------------------------------------- */ 

body { 
background-color: #FFFFFF; 
<!-- background-image: url();  -->
background-position: top left; 
background-repeat: repeat-x; 
background-attachment: fixed;     
color: #3F3F3F; 
text-align: center; 
font-family: "メイリオ", Meiryo, Verdana, Helvetica, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", sans-serif; 
line-height: 1.4; 
font-size: small !important; /* IE7 */ 
font-size: 82%;   /* IE6 */ 
} 
/* Modern browser */ 
html>/**/body { 
font-size: 13px; 
} 




/* Hyper text 
------------------------------------------------- */ 

a { 
text-decoration: underline; 
/*\*/ 
overflow: hidden;  /* for Fx */ 
/**/ 
} 
a:link{ 
color: #D50000; 
} 
a:visited, 
a:focus, 
a:hover, 
a:active { 
color: #D50000; 
} 

a.header { 
text-decoration: none; 
/*\*/ 
overflow: hidden;  /* for Fx */ 
/**/ 
} 
a.header:link, 
a.header:visited { 
color: #000000; 
} 
a.header:focus, 
a.header:hover, 
a.header:active { 
color: #D50000; 
} 



/* Image 
------------------------------------------------- */ 

img, 
a img { 
border: none; 
} 

.emoji { 
vertical-align:middle; 
} 

.yoko{
width :450px;
}

.tate{
height:450px;
}


/* Base elements 
------------------------------------------------- */ 

h1 { font-size: 180%; } 

h2 { font-size: 130%; } 

h3 { font-size: 115%; } 

h4,h5,h6 { font-size: 100%; } 

ul, ol, li, dl, dt, dd { list-style: none; } 

table { 
font-size: small　!important;  /* for Modern browser */ 
font-size: 82%;  /* for IE6 */ 
} 



/* Layout 
------------------------------------------------------------ */ 

#container { 
width: 910px; 
margin-left: auto; 
margin-right: auto; 
text-align: center; 
background-color: #FFFFFF; 
} 

#header { 
margin-bottom: 5px; 
width: 100%; 
height: 192px !important; 
height /* for IE5.5 */: 300px; 
overflow: hidden; 
padding: 20px 0px; 
position: relative; 
} 

div#header .xcalender { 
position: absolute; 
top: 255px; 
left : 0px; 
text-align: center; 
width: 100%; 
color: #ffffff; 
z-index: 50; 
font-size: x-small; 
voice-family: "\"}\""; 
voice-family: inherit; 
font-size: small; 
letter-spacing:-1px; 
} 

html>div#header .xcalender { 
font-size: small; 
} 

/* for IE \*/ 
* html div#header .xcalender { 
font-size: xx-small; 
} 
/**/ 

div#header .xcalender a { 
color: #ec7742; 
} 

div#header .xcalender a:hover { 
color: #ffa500; 
} 

div#header .xcalender li { 
display: inline; 
padding-right: 2px; 
padding-left: 2px; 
} 

#wrap { 
<!-- background-image: url();  -->
background-repeat: repeat-y; 
background-position: right -500px; 
margin-left:0px;
width: 900px !important; 
width /*for win5.5*/: 900px; 
zoom: 1; 
overflow: hidden; 
} 

#wrap:after { 
  content: ""; 
  display: block; 
  clear: both; 
  height: 1px; 
  overflow: hidden; 
} 
/*\*/ 
* html #wrap { 
  height: 1em; 
  overflow: visible; 
} 
/**/ 

#main { 
float: left ; 
width: 470px !important; 
width /*for win5.5*/: 450px; 
padding: 15px 0px 10px; 
overflow: hidden; 
background-color: #FFFFFF; 
} 

#sidemenu { 
float: left; 
width: 170px; 
padding: 10px 0px 10px; 
overflow: hidden; 
<!-- background-image: url(); -->
background-position: top left; 
background-repeat: no-repeat;
<!-- color: #f79c9c;  -->
} 

#sidemenu2 { 
float: right; 
width: 247px; 
padding: 10px 0px 10px; 
overflow: hidden; 
<!-- background-image: url();  -->
background-position: top left; 
background-repeat: no-repeat;
<!-- color: #f79c9c;  -->
} 

#footer { 
clear: both; 
padding: 10px 0px; 
background-color: #FFFFFF;
background-image: url("http://blog-imgs-31-origin.fc2.com/n/a/g/naganouradoori/110513w_footer.png"); 
background-position: top left; 
background-repeat: no-repeat; 
width: 900px !important; 
width /*for win5.5*/: 900px; 
font-size: 85% !important;  /* for Modern browser */ 
font-size: 90%;   /* for IE6 */ 
} 



/* Header 
------------------------------------------------------------ */ 
#header #title_box { 
width: 500px; 
margin-left: 80px; 
margin-top: 43px; 
         float: left; 
         clear:both 
} 

#header h1 { 
font-size: large; 
text-align: left; 
padding-bottom: 18px; 
} 

#header p { 
text-align: left; 
float: left; 
} 



/* Main Contents 
------------------------------------------------------------ */ 
.content { 
text-align: left; 
clear: both; 
overflow: hidden;
} 
.entry_header_date, 
h3.plg3_header { 
text-align: right; 
padding: 3px; 
font-size: 160%; 
color: #D50000; 
margin-bottom: 5px; 
float:right; 
} 

.entry_header_date span { 
font-size: x-small; 
margin-left: 5px; 
} 

h2.topic{ 
clear      : both; 
font-size  : 150%; 
font-weitht: bold; 
color      : #ff0000; 
margin     : 0px; 
padding    : 0px; 
} 
.sub_topic{ 
clear      : both; 
font-size  : 100%; 
font-weitht: bold; 
color      : #000000; 
margin     : 0px; 
padding    : 0px; 
} 
h3.topic{ 
clear      : both; 
font-size  : 100%; 
font-weitht: bold; 
color      : #ff6600; 
margin     : 0px; 
padding    : 0px; 
} 
h1.entry_header { 
float: none; 
background-image: url(http://blog-imgs-38-origin.fc2.com/n/a/g/naganouradoori/101219_mairuaikon.gif); 
background-repeat: no-repeat; 
background-position: 0px,0px;
text-align: left; 
font-size: 120%; 
margin: 0px 10px 10px; 
padding: 5px 0 0 28px; 
line-height: 1.5; 
border-bottom: 4px solid #FA8072; 
} 

.entry_body { 
text-align: left; 
margin-bottom: 10px; 
margin-top: 0px; 
margin-right: 10px; 
margin-left: 10px; 
clear: both; 
} 

.entry_body p.entry_more { 
padding: 15px 15px 15px 0px; 
margin: 0px; 
} 

.entry_body p.tag_lnk { 
margin: 0px; 
} 

.entry_body p.theme { 
margin: 10px 0px 0px; 
} 

.entry_footer { 
text-align: left; 
margin-right: 10px; 
margin-left: 10px; 
} 

.entry_footer li { 
display: inline; 
list-style-type: none; 
} 

/* clap + bookmark */ 
.fc2_footer { 
margin: 10px 0px 0px; 
} 

.page_navi { 
margin-top: 25px; 
margin-bottom: 15px; 
text-align: center; 
clear: both; 
} 

.page_navi a {
color: #000000
}
.page_navi a:focus, 
.page_navi a:hover, 
.page_navi a:active { 
color: #ffffff; 
} 

.page_navi a.pnav { 
background-image: url(http://templates.blog.fc2.com/template/big_parfaits/pnav.png); 
background-repeat: no-repeat; 
background-position: center center; 
padding: 4px 32px; 
} 

.pagetop { 
text-align: right; 
margin: 0px 10px 50px; 
float: right; 
background-image: url(http://templates.blog.fc2.com/template/big_parfaits/sprites.png); 
background-repeat: no-repeat; 
background-position: 0 -302px; 
padding-left: 15px; 
} 

.entry_footer a, 
.pagetop a { 
color: #FF7D87; 
} 

.form #comment_form input, 
.form #comment_form textarea { 
border: 1px solid #FC8686; 
} 

.form #comment_form p.form_btn input { 
text-align: center; 
background-image: url(http://templates.blog.fc2.com/template/big_parfaits/pnav.png); 
background-repeat: no-repeat; 
background-position: center center; 
padding: 3px 0px; 
width: 100px; 
border: none; 
background-color: #ffffff; 

} 

/* Entry (html tag) 
------------------------------------------------------------ */ 

.entry_body h2 {
    border-left:7px solid #B22222;  
    border-bottom:1px solid #8B0000;  
    padding:.4em .4em  
}
.entry_body h3, 
.entry_body h4, 
.entry_body h5, 
.entry_body h6 { 
margin: 0em 0em 0.5em; 
} 

.entry_body p { 
margin: 0.3em 1em; 
} 

.entry_body ul, 
.entry_body ol { 
margin: 1em 0em 1em; 
} 

.entry_body ul li { 
list-style: none; 
background-image:url(http://templates.blog.fc2.com/template/big_parfaits/sprites.png); 
background-position:0pt -27px; 
background-repeat:no-repeat; 
line-height: 25px; 
padding-left: 20px; 
} 

.entry_body ol li { 
list-style: decimal outside; 
margin-left: 2em; 
} 

.entry_body dl { 
margin: 1em 1.5em; 
border-top-width: 1px; 
border-right-width: 1px; 
border-bottom-width: 1px; 
border-left-width: 1px; 
border-top-style: solid; 
border-right-style: solid; 
border-bottom-style: solid; 
border-left-style: solid; 
padding: 1em 1em 0em; 
} 

.entry_body dt { 
font-weight: bold; 
margin-bottom: 0.5em; 
padding-bottom: 2px; 
border-bottom-width: 1px; 
border-bottom-style: dotted; 
} 

.entry_body dd { 
margin: 0em 1em 1em; 
} 

.entry_body blockquote { 
margin: 5px; 
padding: 5px; 
border: 1px dotted; 
background-color: #FDE2E2; 
} 

.entry_body fieldset { 
margin: 5px; 
padding: 5px; 
border: 1px dashed #FF7D87; 
} 

.entry_body pre { 
margin: 1em auto; 
padding: 0.5em; 
border: 1px solid; 
font-family: sans-serif; 
overflow: auto; 
width: 90%; 
} 

.entry_body table, 
.entry_body table th, 
.entry_body table td { 
border-collapse: collapse; 
border: 1px #FF7D87 solid; 
} 

.entry_body table th, 
.entry_body table td { 
padding: 5px; 
} 

/* for without MacIE5 \*/ 
.entry_body pre { overflow: scroll; } 
/**/ 

.entry_body > pre { width: auto; } 

.entry_body code { font-family: monospace; } 


/* Baton 
------------------------------------------------------------ */ 

dt.baton_q { 
border-bottom: none 0px; 
padding: 5px 0px 0px 35px; 
} 

.q_number { 
color: #FFFFFF; 
background: #FC8686; 
padding: 5px; 
margin-left: -35px; 
} 

.baton_a { 
padding: 0px 0px 5px 35px; 
} 

.a_number { 
border: dotted 1px #999999; 
padding: 5px; 
margin-left: -35px; 
} 


/* Comment, Trackback, Entry list 
------------------------------------------------------------ */ 

.sub_header { 
margin-bottom: 10px; 
text-align: left; 
padding: 3px; 
color: #FF7D87; 
border-top: 2px dotted #FF7D87; 
border-bottom: 2px dotted #FF7D87; 
font-size: 150%; 
font-weight: bold; 
} 



.sub_title { 
margin-bottom: 5px; 
margin-right: 10px; 
margin-left: 10px; 
padding: 5px 5px 5px 20px; 
background-image: url(http://templates.blog.fc2.com/template/big_parfaits/sprites.png); 
background-position: 0 -24px; 
background-repeat: no-repeat; 
height: 15px; 
} 
#tb .sub_title { 
height: 100%; 
} 

.sub_body { 
margin-top: 0px; 
margin-right: 10px; 
margin-bottom: 0px; 
margin-left: 10px; 
} 

.list_body { 
margin-bottom:10px; 
margin-top: 0px; 
margin-right: 10px; 
margin-left: 10px; 
} 

.list_body li { 
margin-bottom: 5px; 
border-bottom-width: 1px; 
border-bottom-style: dotted; 
padding-bottom: 1px; 
} 

.sub_footer { 
text-align: right; 
padding-top: 10px; 
padding-bottom: 10px; 
margin-bottom: 10px; 
margin-right: 10px; 
margin-left: 10px; 
} 

.sub_footer li { 
display: inline; 
list-style-type: none; 
} 

.form dl { 
margin-right: 10px; 
margin-left: 10px; 
} 

.form dl dd { 
margin-bottom: 5px; 
} 

.form dl dd textarea { 
width: 400px; 
height: 150px; 
} 

.form input#himitu { 
margin-right: 0.5em; 
} 

.form .form_btn { 
margin: 20px 10px 15px; 
} 

.form .form_btn input { 
margin-right: 3px; 
} 

.trackback_url { 
padding-bottom: 30px; 
margin-right: 10px; 
margin-left: 10px; 
text-align: left; 
} 

.trackback_url input { 
padding: 1px; 
width: 85%; 
border-color: #EF5959 #FC8686 #FC8686 #EF5959; 
border-style: solid; 
border-width: 2px 1px 1px 2px; 
color: #5F5F5F; 
} 



/* Plugin (Main content) 
------------------------------------------------------------ */ 

.plg3_body { 
margin-bottom: 20px; 
padding: 0 10px; 
} 

.plg3_body .plg_header, 
.plg3_body .plg_body, 
.plg3_body .plg_footer { 
margin-top: 3px; 
} 



/* Sidemenu (Plugin) 
------------------------------------------------------------ */ 

#sidemenu1 li, 
#sidemenu2 li { 
list-style-position: outside; 
margin-left: 3px; 
} 

.sidemenu_body { 
margin: 10px 1px 10px; 
padding-left: 3px; 
overflow: hidden; 
} 

.sidemenu_body .plg_title { display: block;
color: #000000;
padding: 5px 5px 5px 20px; 
background-position: left -25px; 
background-repeat: no-repeat; 
} 


.sidemenu_body .plg_header, 
.sidemenu_body .plg_body, 
.sidemenu_body .plg_footer { 
margin-top: 3px; 
color:#000000;
} 

.sidemenu_body .plg_body input { 
margin: 2px; 
} 

<!--  -->

.sidemenu_body .plg_body li { 
background-image: url(http://templates.blog.fc2.com/template/big_parfaits/sprites.png); 
background-position: 8px -86px; 
background-repeat: no-repeat; 
padding-left: 32px; 
} 

.sidemenu_body .plg_body .tagcloud li { 
background-image: none;
padding-left: 0px; 
} 



/* Calendar(Plugin) 
------------------------------------------------------------ */ 

table.calender { 
width: 180px;; 
color: #FC8686; 
} 

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

table.calender th, 
table.calender td { 
padding: 0.1em; 
border-bottom: 1px dotted #cccccc; 
text-align: center; 
} 

table.calender td a { 
display: block; 
color: #ffffff; 
background-color: #F79C9C; 
} 
#sidemenu table.calender td a:focus, 
#sidemenu table.calender td a:hover, 
#sidemenu table.calender td a:active { 
color: #000000; 
} 


table.calender th#sun { 
color: #FF0000; 
} 

table.calender th#sat { 
color: #00FFFA; 
} 



/* Piyo(Plugin) 
------------------------------------------------------------ */ 

.tab { 
text-align: left; 
margin-bottom: 10px; 
} 

.tab input{ 
padding: 3px 5px; 
} 

.tab input.b1{ 
margin-right: 5px; 
} 

.mylog { 
padding: 5px; 
border: 1px solid #333333; 
text-align: left; 
background-color: #000000; 
font-size: 85% !important;  /* for Modern browser */ 
font-size: 93%;   /* for IE6 */ 
} 

.mylog .title { 
font-weight: bold; 
border-bottom-width: 1px; 
border-bottom-style: dotted; 
border-bottom-color: #FFFFFF; 
margin: 0px 0px 10px; 
padding: 0px 0px 3px; 
} 

.mylog dl { 
margin: 0px; 
padding: 0px; 
} 

.mylog dt.day { 
margin: 0px; 
padding: 0px 0px 5px; 
background-color: #000000; 
background-image: none; 
text-align: left; 
font-size: 85% !important;  /* for Modern browser */ 
font-size: 93%;   /* for IE6 */ 
} 

.mylog dd.piyolog { 
margin: 0px 0px 5px; 
border-bottom-width: 1px; 
border-bottom-style: dotted; 
border-bottom-color: #FFFFFF; 
padding: 0px 0px 10px; 
} 

.license { 
text-align: right; 
font-size: 85% !important;  /* for Modern browser */ 
font-size: 93%;   /* for IE6 */ 
} 



/* Footer 
------------------------------------------------------------ */ 

#footer p { 
margin-bottom: 3px; 
} 

#footer .copyright { 
margin-bottom: 10px; 
} 

#footer a:link, 
#footer a:visited { 
color: #D50000; 
} 

/* for MacIE 
------------------------------------------------------------ */ 

textarea,input,select { 
font-family: "ＭＳ Ｐゴシック", "Osaka", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku GothicPro", sans-serif; 
} 

/* 一覧表示部分 */ 
.category_area { 
margin     : 12px 0px 0px; 
padding    : 0px; 
color      : #444444; 
font-size  : 13px; 
line-height: 180%; 
text-align :left; 
} 
.category_area ul li { 
list-style: disc; 
color:      #B22222;
margin-left:20px;
} 
/* 一覧表示タイトル */ 
.catalog-title 
{ 
color        :#B22222; 
font-size    :18px;
font-weight  :bold; 
text-align   :center; 
margin-top   :15px; 
margin-bottom:5px; 
} 
.content-nav 
{ 
text-align:center; 
}

<-- タグクラウド -->
ul.tagcloud{
        margin: 0;
        padding: 0.5em 10px;
        line-height: 1;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 13px;
}

ul.tagcloud li{
        background-image:none;
        margin: 0;
        padding: 0;
        display: inline;
        font-size: 100%;
}

ul.tagcloud li a{
        background-image:none;
        margin: 0;
        padding: 0;
        display: inline;
        text-decoration: none;
}

li.tcmax a{
        /* カウント31以上のとき（最大） */
        font-size: 167%;
        font-weight: bold;
        color: #D50000;
}

li.tc30 a, li.tc29 a, li.tc28 a, li.tc27 a, li.tc26 a,li.tc25 a, li.tc24 a, li.tc23 a, li.tc22 a, li.tc21 a{
        /* カウント30～21のとき */
        font-size: 136%;
        color: #D54444;
}

li.tc20 a, li.tc19 a, li.tc18 a, li.tc17 a, li.tc16 a{
        /* カウント20～16のとき */
        font-size: 122%;
        color: #D58888;
}

li.tc15 a, li.tc14 a, li.tc13 a, li.tc12 a, li.tc11 a, li.tc10 a,li.tc9 a, li.tc8 a, li.tc7 a, li.tc6 a{
        /* カウント15～6のとき */
        font-size: 114%;
        font-weight: normal;
        color: #D5AAAA;
}

li.tc5 a, li.tc4 a, li.tc3 a{
        /* カウント5・4・3のとき */
        font-size: 92%;
        font-weight: normal;
        color: #888888;
}

li.tc2 a, li.tc1 a{
        /* カウント2のとき（最小） */
        font-size: 0px;
        font-weight: normal;
        color: #eeeeee;
}

ul.tagcloud li a:hover{
        color: #333333;
}

/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

.thumbnail{
position: relative;
z-index: 0;
}

.thumbnail:hover{
background-color: transparent;
z-index: 50;
}

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color: lightyellow;　　・・・・余白の色
padding: 5px;
left: -1000px;
border: 1px dashed gray;　　・・・・・枠の色
visibility: hidden;
color: black;　　・・・・・文字の色
text-decoration: none;
}

.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;　　・・・・余白の幅
}

.thumbnail:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
top: 0;　　　・・・・・上からの位置
left: 60px; ・・・・・左からの位置
}ｆ