@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: #f8c594 url(https://templates.blog.fc2.com/template/moderncafe/bg.gif) fixed;

 color: #000000;

 text-align: center;

 font-family: Verdana, Helvetica, "メイリオ", Meiryo, "ヒラギノ角ゴ 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: none;

 /**/

 overflow: hidden;  /* for Fx */

 /**/

}



a:link,

a:visited {

 color: #81bbad;

}



a:focus,

a:hover,

a:active {

 color: #f8c594;

}







/* Image

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



img,

a img {

 border: none;

}

 

.emoji {

 vertical-align:middle;

}







/* Base elements

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



h1 { font-size: 150%; }

 

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: 800px;

 margin-left: auto;

 margin-right: auto;

 text-align: center;

}



#header {

 background:url(https://templates.blog.fc2.com/template/moderncafe/header.gif) no-repeat;

 margin-bottom: 20px;

 width: 100%;

 height:140px;

 overflow: hidden;

 padding: 10px 0 0 0;

 color:#FFFFFF;

 text-align:left;

}



#main {

 float: right;

 width: 580px !important;

 width /* for IE5.5 */: 600px;

 padding: 0 0 20px 20px;

 overflow: hidden;

}



#sidemenu {

 float: left;

 width: 200px;

 padding-bottom: 20px;

 overflow: hidden;

}



#footer {

 background: #523345;

 clear: both;

 padding: 10px 0px;

 width: 100%;

 font-size: 85% !important;  /* for Modern browser */

 font-size: 90%;   /* for IE6 */

 color:#FFFFFF;

}







/* Header

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



#header h1 {

 padding: 0 0 5px 10px;

 width: 250px;

}

 

#header p {

 padding: 0 0 0 10px;

 width: 250px;

}



#header a:link,

#header a:visited {

 color: #FFFFFF;

}



#header a:focus,

#header a:hover,

#header a:active {

 color: #999999;

}





/* Main Contents

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



.content {

 text-align: left;

 background: #FFFFFF;

}



h2.entry_header {

 background:url(https://templates.blog.fc2.com/template/moderncafe/content_title.gif) top no-repeat;

 text-align: left;

 padding: 0 60px 0 30px;

 color:#FFFFFF;

}



h2.entry_header a:link,

h2.entry_header a:visited {

 color:#FFFFFF;

}



h2.entry_header a:focus,

h2.entry_header a:hover,

h2.entry_header a:active {

 color: #999999;

}



.entry_body {

 text-align: left;

 margin: 0 20px 10px 20px;

}



.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: right;

 margin: 0 15px 15px 10px;

}



.entry_footer li {

 display: inline;

 list-style-type: none;

}



/* clap + bookmark */

.fc2_footer {

 margin: 10px 0px 0px;

}



.page_navi {

 text-align: center;

 background-color: #FFFFFF;

}



.pagetop {

 text-align: right;

 margin: 0 15px;

}



.entory_bottom {

 margin:0 0 20px 0;

}



.content_title {

 text-align:center;

}



.content_title_bottom{

 text-align:center;

 margin-bottom: 10px;

}







/* Entry (html tag)

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



.entry_body h2,

.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: disc outside;

 margin-left: 15px;

}



.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;

}



.entry_body pre {

 margin: 1em auto;

 padding: 0.5em;

 border: 1px solid;

 font-family: sans-serif;

 overflow: auto;

 width: 90%;

}



/* for without MacIE5 */

.entry_body pre { overflow: scroll; }

/**/



.entry_body > pre { width: auto; }



.entry_body code { font-family: monospace; }







/* Comment, Trackback, Entry list

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



.sub_header {

 text-align: left;

 margin: 0 15px 10px 15px;

 padding: 5px 0;

}



.sub_title {

 margin: 0 15px 5px 15px;

}



.sub_body {

 margin: 0 15px 10px 15px;

}



.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: 3px;

}



.sub_footer {

 text-align: right;

 padding-top: 10px;

 padding-bottom: 10px;

 margin: 0 15px 10px 15px;

}



.sub_footer li {

 display: inline;

 list-style-type: none;

}



.form{

 margin: 0 15px;

}



.form dl {

 margin: 0;

}



.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: 0;

}



.form .form_btn input {

 margin-right: 3px;

}



.trackback_url {

 padding-bottom: 30px;

 margin: 0 15px;

 text-align: left;

}



.trackback_url input {

 padding: 1px;

 width: 85%;

}







/* Plugin (Main content)

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



.plg3_header {

 margin: 0 15px 20px 15px;

}



.plg3_body {

 margin: 0 15px 20px 15px;

}



.plg3_body .plg_header,

.plg3_body .plg_body,

.plg3_body .plg_footer {

 margin-top: 3px;

}







/* Sidemenu (Plugin)

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



#sidemenu1 li,

#sidemenu2 li {

 list-style-type: disc;

 list-style-position: outside;

 margin-left: 15px;

}



.sidemenu_body {

 background: #FFFFFF;

 padding: 0 5px 5px 5px;

}

 

.sidemenu_body .plg_header,

.sidemenu_body .plg_body,

.sidemenu_body .plg_footer {

 margin-right: 10px;

 margin-left: 10px;

}



.plg_title {

 margin: 0 10px 10px 10px;

}



.sidemenu_body .plg_body input {

}



.sidemenu_bottom {

 margin:0 0 20px 0;

}







/* Calendar(Plugin)

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



table.calender {

 width: 90%;

 margin: 0px auto;

}



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 th#sun {

 color: #FF0000;

}



table.calender th#sat {

 color: #0000FF;

}



table.calender td a:link,

table.calender td a:visited {

 color: #ffffff;

 display: block;

 background-color: #81bbad;

}



table.calender td a:focus,

table.calender td a:hover,

table.calender td a:active {

 color: #ffffff;

 display: block;

 background-color: #f8c594;

}







/* 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 #A5A5A5;

 text-align: left;

 background-color: #FFFFFF;

 font-size: 85% !important;  /* for Modern browser */

 font-size: 93%;   /* for IE6 */

}



.mylog .title {

 font-weight: bold;

 border-bottom-width: 1px;

 border-bottom-style: dashed;

 border-bottom-color: #A5A5A5;

 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: #FFFFFF;

 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: dashed;

 border-bottom-color: #A5A5A5;

 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 address {

 font-style: normal;

 padding-bottom: 10px;

}







/* for MacIE

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



textarea,input,select {

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

}





/* Lc.ツリーカテゴリー - 改行をきれいに見せる設定 */
#LC_CAT .level_0 div{text-indent:-18pt;margin-left:18pt;}
#LC_CAT .level_1 div{text-indent:-26pt;margin-left:26pt;}
#LC_CAT .level_2 div{text-indent:-34pt;margin-left:34pt;}
#LC_CAT .level_3 div{text-indent:-42pt;margin-left:42pt;}
#LC_CAT .level_4 div{text-indent:-50pt;margin-left:50pt;}

/* --- 記事フッター内ユーザータグ --- */
#main #main_contents .p_area {padding-bottom: 0;}
#main #main_contents .p_area .entry_body {padding-bottom: 25px;}
#main #main_contents .entry_footer {position: static; width: auto; padding: 15px 20px;}
#main_contents .entry_footer .entry_state {margin: 0; width: 50%;}
#main #main_contents .entry_footer .entry_state li {margin:0 0 0 0.3em; padding:0 0.6em 0 0;}
.p_area .entry_tag {margin: 0 0 0.2em; font-size: 83%;}
.p_area .entry_tag li {display: inline; margin: 0 0.1em 3px 0;}
#main_contents .p_area .entry_tag a {
 white-space: nowrap; display: inline-block; padding: 2px 3px;
 background: #bbbbbb; color: #ffffff;
}
#main_contents .p_area .entry_tag a:hover {background: #333333;}
/* END */