@charset "UTF-8";

body,h1,h2,h3,h4,h5,h6,p,div,ul,ol,li,dl,dt,dd,form,address {
margin: 0px;
padding: 0px;
}
body {font:13px/1.231 arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small;}table {font-size:inherit;font:100%;}pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;line-height:100%;}

body {
margin: 0 auto;
text-align: center;
color: #333;
font-size: 90%;
line-height: 150%;
word-break: break-all;
font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Osaka", "メイリオ", Meiryo, Arial, Verdana, Helvetica, "ＭＳ Ｐゴシック", sans-serif;
}

/* other style ---------------------------------*/

a { text-decoration: none; color : #0C419A;}
a:link {;}
a:visited { color: color : #003366;}
a:active, a:hover { color : #0C41EA;}

img { border: 0; vertical-align: middle; }
br { letter-spacing: 0;}
th,td { vertical-align: top;}
hr { clear: both; height: 1px; border-color: #CCCCCC; background: #999999;}

p {
margin: 18px 0;
text-align: justify;
text-justify: distribute;
}
.clr { clear: both;} .clrl { clear: left;} .clrr { clear: right;}
.floatl { float: left;} .floatr { float: right;}
br.clr { clear: both; height: 0px; font-size: 0px; line-height: 0%;}
.fonts { font-size: 83%;}
.fontl { font-size: 120%;}
.fontt { font-family: "ＭＳ ゴシック", "Osaka－等幅";}
.tcenter { text-align: center;}

/* ---------- layout style --------------*/

#container {
width: 722px;
margin: 0 auto;
padding: 0 9px;
background: url(../blog/img/container_bg.gif) center repeat-y;
}

#header {
padding: 5px 0 0;
border-top: 1px solid #505050;
border-bottom: 2px solid #FE9850;
background: #0C3D98;
}

#top { background: #DCDCDC;}

div.middle { background: url(../blog/img/main_image.jpg) left top no-repeat;}
div.middle-btm { clear: both;}

#contents {
clear: both;
float: left;
width: 485px;
padding: 0 0 0 20px;
}

#footer { border-top: 1px solid #666; border-bottom: 1px solid #505050; background: #FFF;}

/* lnavi */

#lnavi {
float: right;
width: 160px;
padding: 0 12px 0 0;
background: url(../img/ln_foot.jpg) bottom no-repeat;
text-align: left;
color: #FFF;
font-size: 90%;
}

div.lnbox { margin: 15px 0 25px;}
div.lnbox a { color: #FFF;}
div.lnbox a:hover { color: #DDDDFF;}
div.lnbox ul { padding: 3px 0 0 20px;}
div.lnbox li { margin: 3px 0;}
div.prof p { margin: 10px 5px 5px;}
div.prof p img { margin: 0 0 5px;}
div.recsite { margin: 0 0 30px;}

/* ---------- header style --------------*/

#logo { padding: 4px 8px; text-align: right;}
.reclogo a { display: block; width: 150px; height: 125px; font-size: 1px; text-indent: -9999px;}
.reclogo { padding: 10px 0 20px;}

/* ---------- footer style --------------*/

#footer { font-size: 83%; text-align: left;}
address { padding: 5px 10px; font-style: normal; line-height: 1.4;}
#copyright { padding: 2px 10px; background: #0C3D98; text-align: right; color: #FFF; font-size: 11px;}

/* ---------- pagetop style --------------*/

div.pagetop { clear: both; padding: 5px 0 15px; text-align: right;}
div.pagetop a { padding: 0 0 0 13px; background: url(../img/pagetop.gif) left center no-repeat; color: #666; font-size: 12px;}

/* ---------- contents style --------------*/

.contents { text-align: left;}
.contents a { text-decoration: underline;}
.contents ul,
.contents ol { padding: 0 0 0 25px;}
.pagetop a { text-decoration: none;}

div.entrybox { margin: 25px 0 35px;}
.edate { border-bottom: 3px solid #093F97; color: #555555; font-size: 83%;}
.ettl { margin: 1px 0 0; padding: 3px 0 0; border-top: 2px solid #FB9854; color: #093F97; font-size: 120%;}
.ettl span { padding: 0 30px 0 0; background: url(../blog/img/ettl_bg.gif) right center no-repeat;}
.efoot { padding: 3px 0 0; border-top: 1px solid #999; color: #666; font-size: 83%;}
.efoot a { text-decoration: none;}
.more { clear: both; text-align: right;}
.more a { padding: 0 15px 0 0; background: url(../blog/img/arrow.gif) right center no-repeat; text-decoration: none;}

.arc-ttl { height: 25px; margin: 15px 0 0; padding: 5px 0 0 15px; background: url(../blog/img/arc_ttl.gif) left top no-repeat; font-size: 18px; color: #0C3D98;}