@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;
}
/*----------------------/Reset--------------------------- */
body{
background-image : url(http://blog-imgs-46.fc2.com/p/e/t/petmit/background_img.gif);
background-repeat : repeat;
font-size: 13px;
*font-size: small;
*font: x-small;
font-family: "メイリオ", Meiryo, Verdana, Helvetica, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", sans-serif;
}
#frame{
margin-left : auto;
margin-right : auto;
width : 1162px;
color : #63522c;
}
#header{
background-image : url(http://blog-imgs-46.fc2.com/p/e/t/petmit/petmit02_header_bg.png);
background-repeat : no-repeat;
width : 922px;
height : 120px;
padding-top : 80px;
padding-left : 120px;
padding-right : 120px;
}
#header .title h1{
font-size : 123.1%;
}
#header .summary{
padding-top : 10px;
font-size : 93%;
line-height : 140%;
}
#main_contents{
background-image : url(http://blog-imgs-46.fc2.com/p/e/t/petmit/petmit02_main_contents_bg.png);
background-repeat : repeat-y;
width : 922px;
padding-left : 120px;
padding-right : 120px;
clear : both;
padding-bottom : 30px;
}
#main_contents:after{
content : "";
display : block;
height : 0;
clear : both;
}
#left{
width : 690px;
float : left;
}
#left:after{
content : "";
display : block;
height : 0;
clear : both;
}
#left .inside{
float : right;
width : 460px;
}
#left .inside .title{
font-size : 103%;
border-bottom-width : 1px;
border-bottom-style : dashed;
border-bottom-color : #666666;
background-image : url(http://blog-imgs-46.fc2.com/p/e/t/petmit/icon1.gif);
background-repeat : no-repeat;
background-position : 0px center;
padding : 5px 0px 5px 40px;
margin-bottom : 10px;
}
#left .inside .title h2{
font-size : 103%;
}
#left .inside .text{
font-size : 100%;
line-height : 150%;
padding-top : 5px;
padding-bottom : 10px;
}
#left .inside .footer{
font-size : 93%;
border-top-width : 1px;
border-bottom-width : 1px;
border-top-style : dashed;
border-bottom-style : solid;
border-top-color : #cccccc;
border-bottom-color : #cccccc;
padding-top : 5px;
padding-bottom : 5px;
margin-bottom : 40px;
}

/* left side
------------------------------------------------- */
#left .side{
float : left;
width : 200px;
}


/* right side
------------------------------------------------- */
#right{
width : 200px;
float : right;
}
.sidemenu_body .plg_title {
font-size : 100%;
background-image : url(http://blog-imgs-46.fc2.com/p/e/t/petmit/icon2.gif);
background-repeat : no-repeat;background-position : 0px center;
padding-left : 30px;
padding-top : 5px;
padding-bottom : 5px;
border-bottom-width : 1px;
border-bottom-style : solid;
border-bottom-color : #cccccc;
}

/* Hyper text
------------------------------------------------- */
a { 
text-decoration: none;
/*\*/
overflow: hidden;/* for Fx */
/**/
}

a:link,
a:visited {
color: #0071bc;
text-decoration: underline;
}
a:focus,
a:hover,
a:active {
color : #ff8040;
}
h1 a:link,
h1 a:visited,
.entry_header a:link,
.entry_header a:visited {
color: #603813;
text-decoration: none;
}
h1 a:focus,
h1 a:active,
.entry_header a:focus,
.entry_header a:active  {
color: #603813;
text-decoration: underline;
}

/* Image
------------------------------------------------- */
img,
a img {
border: none;
}
.emoji {
vertical-align:middle;
}

/* Base elements
------------------------------------------------- */
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
------------------------------------------------------------ */
#sidemenu {
float: right;
width: 200px;
overflow: hidden;
padding: 20px 20px 20px 0;
}

/* Main Contents
------------------------------------------------------------ */
.content {
margin-bottom: 20px;
text-align: left;
}
#left .inside .text p.theme {
margin: 10px 0px 0px;
}
#left .inside .text p.entry_more {
padding: 15px 15px 15px 0px;
margin: 0px;
}
#left .inside .text p.tag_lnk {
margin: 0px;
}
#left .inside .text p.theme {
margin: 10px 0px 0px;
}

/* clap + bookmark */
.fc2_footer {
margin: 10px 0px 0px;
}
.page_navi{
margin-bottom: 15px;
text-align: center;
border-bottom-width : 1px;
border-bottom-style : dashed;
border-bottom-color : #666666;
padding-bottom : 10px;
}
.pagetop{
text-align: right;
padding-top: 5px;
}

/* Entry (html tag)
------------------------------------------------------------ */
#left .inside .text h2,
#left .inside .text h3,
#left .inside .text h4,
#left .inside .text h5,
#left .inside .text h6 {
margin: 0em 0em 0.5em;
}
#left .inside .text p {
margin: 0.3em 1em;
}
#left .inside .text ul,
#left .inside .text ol {
margin: 1em 0em 1em;
}
#left .inside .text ul li {
list-style: disc outside;
margin-left: 15px;
}
#left .inside .text ol li {
list-style: decimal outside;
margin-left: 2em;
}
#left .inside .text 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;
}
#left .inside .text dt {
font-weight: bold;
margin-bottom: 0.5em;
padding-bottom: 2px;
border-bottom-width: 1px;
border-bottom-style: dotted;
}
#left .inside .text dd {
margin: 0em 1em 1em;
line-height: 1.5;
}
#left .inside .text blockquote {
margin: 5px;
padding: 5px;
border: 1px dotted;
}
#left .inside .text pre {
margin: 1em auto;
padding: 0.5em;
border: 1px solid;
font-family: sans-serif;
overflow: auto;
width: 90%;
}

/* for without MacIE5 \*/
#left .inside .text pre { overflow: scroll; }
/**/

#left .inside .text > pre {
width: auto;
}
#left .inside .text code {
font-family: monospace;
}
#left .inside .text .baton_q {
padding: 2px;
line-height: 2;
}
#left .inside .text .q_number {
background-color: #603813;
padding: 2px;
margin-right: 5px;
color: #ffffff;
}
#left .inside .text .a_number {
padding: 0 2px;
margin-right: 5px;
background-color: #ececec;
font-weight: bold;
}

/* Comment, Trackback, Entry list
------------------------------------------------------------ */
.sub_title {
margin-bottom: 5px;
margin-right: 10px;
margin-left: 10px;
background: url(http://blog-imgs-46.fc2.com/p/e/t/petmit/icon4.gif) no-repeat left center;
padding-left: 20px;
font-size : 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-top: 20px;
margin-bottom: 15px;
margin-right: 10px;
margin-left: 10px;
}
.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%;
}

/* Plugin (Main content)
------------------------------------------------------------ */
.plg3_body {
margin-bottom: 20px;
}
.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 {
margin-bottom: 15px;
}
.sidemenu_body .plg_header,
.sidemenu_body .plg_body,
.sidemenu_body .plg_footer{
margin-top: 3px;
font-size : 93%;
}
.sidemenu_body .plg_body input {
margin: 2px;
}
.sidemenu_body .plg_body li {
padding-bottom: 5px;
}

/* Calendar(Plugin)
------------------------------------------------------------ */
table.calender {
width: 100%;
margin: 0px auto;
font-size: 100%;
}
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: #999999;
}
table.calender th#sun {
color: #FF0000;
}
table.calender th#sat {
color: #0000FF;
}

/* 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 dt.day img {
vertical-align: middle;
}
.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{
width : 1162px;
text-align : center;
}
#footer .text{
background-image : url(http://blog-imgs-46.fc2.com/p/e/t/petmit/petmit02_main_contents_bg.png);
background-repeat : repeat-y;
width : 992px;
padding-left : 90px;
padding-right : 80px;
}
#footer .text:after{
content : "";
display : block;
height : 0;
clear : both;
}
#footer .text .top{
font-size : 93%;
border-top-width : 1px;
border-top-style : dashed;
border-top-color : #666666;
width : 992px;
padding-top : 20px;
}
#footer .under{
background-image : url(http://blog-imgs-46.fc2.com/p/e/t/petmit/petmit02_footer_bg.png);
background-repeat : no-repeat;
width : 1162px;
height : 38px;
}

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

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