@charset "euc-jp";

* {
margin: 0;
padding: 0;
}

body {
background: #e0e0e0;
color: #303030;
font-family: Trebuchet MS,Verdana,"£Í£Ó¡¡£Ð¥´¥·¥Ã¥¯",sans-serif;
text-align: center;
line-height: 1.5;
font-size: 12px;
}


/* ------------------------------Link */
a:link, a:visited, a:active {
color: #266bb8;
text-decoration: underline;
}

a:hover {
color: #59c3e2;
text-decoration: none;
}


/* ------------------------------Top(Background) */
#top {
background: url(http://blog-imgs-48.fc2.com/m/r/w/mrwmyblog/021_bgtop.png) no-repeat bottom center;
height: 30px;
}

/* ------------------------------Middle(Background) */
#middle {
background: url(http://blog-imgs-48.fc2.com/m/r/w/mrwmyblog/021_bgmid.png) repeat-y center;
}

/* ------------------------------Bottom(Background) */
#bottom {
background: url(http://blog-imgs-48.fc2.com/m/r/w/mrwmyblog/021_bgbot.png) no-repeat top center;
height: 30px;
}


/* ------------------------------Wrap */
#wrap {
width: 800px;
margin: 0 auto;
text-align: left;
}


/* ------------------------------TopMenu */
#topmenu {
width: 780px;
padding: 0 10px;
}

#topmenu .fright {
float: right;
}

#topmenu p.tmli {
float: left;
text-align: center;
font-weight: bold;
}

#topmenu p.tmli a {
display: block;
width: 60px;
padding: 0;
margin-left: 8px;
border-bottom: 1px solid #fff;
text-decoration: none;
}

#topmenu p.tmli a:hover {
border-bottom: 1px solid #90c4ec;
}


/* ------------------------------Header */
#header {
width: 790px;
border-bottom: 1px solid #c0c0c0;
padding: 0 0 10px 10px;
margin-bottom: 10px;
}

#header h1 a {
font-size: 20px;
text-decoration: none;
}

#header h2 {
font-size: 12px;
text-indent: 1em;
}


/* ------------------------------Contents */
#contents {
width: 780px;
margin: 10px;
}


/* ------------------------------TopBlock */
#topblock {
width: 460px;
margin: 0 auto 20px;
padding: 5px 10px;
border: 1px solid #999;
}

p.tbtitle {
border-bottom: 1px dotted #c0c0c0;
font-weight: bold;
}

.tbmain {
margin-bottom: 0.5em;
}

.tbmain p {
background: url(http://blog-imgs-27.fc2.com/m/r/w/mrwmyblog/p_list_bg.gif) no-repeat left center;
padding-left: 15px;
}

p.fleft {
float: left;
}

p.fright {
float: right;
}


/* ------------------------------Main */
#main {
float: left;
width: 490px;
margin-bottom: 20px;
}

.entry {
width: 480px;
}

.etitle {
font-size: 16px;
margin-bottom: 3px;
}

.etitle a {
display: block;
border-left: 10px solid #266bb8;
padding: 3px 0 3px 8px;
text-decoration: none;
}

.etitle a:hover {
border-left: 10px solid #59c3e2;
}

.edate {
border-top: 1px dotted #c0c0c0;
text-align: right;
padding-right: 5px;
}

.ebody {
padding: 1em 0;
}

.ebody img {
margin: 0.5em 0;
}

.ebody h3 {
font-size: 14px;
}

.more {
border-top: 1px solid #c0c0c0;
padding-top: 0.5em;
margin-top: 0.5em;
}

.ebottom {
border-bottom: 1px dotted #c0c0c0;
padding: 0 5px 3px 0;
margin-bottom: 50px;
text-align: right;
}

.pnavi {
text-align: center;
border: 1px solid #999;
padding: 5px 0;
margin: 15px auto;
width: 350px;
}

.comtb {
margin: 20px 0 10px;
}

.cttitle {
border-left: 10px solid #266bb8;
border-bottom: 1px dotted #c0c0c0;
font-size: 16px;
margin-bottom: 3px;
padding-left: 8px;
}

.ctmain {
margin-left: 10px;
}

.ctmain p.title {
font-weight: bold;
padding-left: 5px;
font-size: 14px;
border-bottom: 1px solid #a0a0a0;
}

.ctmain p.main {
margin-left: 10px;
}

.ctmain p.etc {
text-align: right;
}


/* ------------------------------Plugin */
#plugin {
float: right;
width: 290px;
margin-bottom: 20px;
}

.plugin {
width: 270px;
margin: 0 10px 50px;
}

.ptitle {
width: 270px;
border-bottom: 1px solid #c0c0c0;
margin-bottom: 10px;
}

.ptitle p {
padding: 3px 10px;
font-weight: bold;
}

.pmain {
margin-left: 15px;
}


/* ------------------------------Footer */
#footer {
clear: both;
text-align: center;
border-top: 1px solid #c0c0c0;
padding-top: 10px;
}


/* ------------------------------Batton */
p.baton_title {
text-align: left;
padding: 5px 15px;
font-size: 14px;
font-weight: bold;
}

dl.blog_baton {
border: 1px solid #999;
background: #f6f6f6;
padding: 10px 20px;
}

dt.baton_q {
font-weight: bold;
border-bottom: 1px solid #c0c0c0;
padding-bottom: 4px;
margin-bottom: 4px;
color: #404040;
}

dd.baton_a {
margin-bottom: 20px;
color: #404040;
}

span.q_number {
background: #266bb8;
color: #fff;
padding: 2px 5px;
margin-right: 8px;
font-weight: bold;
}

span.a_number {
background: #59c3e2;
color: #fff;
padding: 2px 5px;
margin-right: 8px;
font-weight: bold;
}


/* ------------------------------ETC */
div.clear {
clear: both;
}

ul, li {
list-style-type: none;
}

li {
background: url(http://blog-imgs-27.fc2.com/m/r/w/mrwmyblog/p_list_bg.gif) no-repeat left top;
padding-left: 15px;
}

input, textarea, select, submit {
border: 1px solid #c0c0c0;
background: #f6f6f6;
color: #555;
}

input:hover, textarea:hover, select:hover, submit:hover {
border: 1px solid #999;
}

input:focus, textarea:focus, select:focus, submit:focus {
border: 1px solid #266bb8;
color: #000;
}

blockquote {
border: 1px solid #999;
background: #f6f6f6;
color: #606060;
padding: 5px 10px;
}