@charset "UTF-8";

/* COMMON
--------------------------------------------*/
* {
margin: 0;
padding: 0;
}

html {
overflow-y: scroll;
height:100%;
}

body {
margin: 0;
/* setting border: 0 hoses ie5 win window inner well border */
padding: 0;
height: 100%;
text-align: center;
background: url(http://webheibon.jp/blog/satomasaru/images/body_bg.gif);
}

img {
border: 0;
}

form {
margin: 0;
padding: 0;
}

input {
margin-bottom: 2px;
padding: 0px;
}

ul {
margin: 0;
padding: 0;
}

li {
list-style: none;
line-height: 130%;
}



/* TEXT,LINK
--------------------------------------------*/
a {
text-decoration: underline;
cursor:pointer;
}

a:link {
color: #B01900;
text-decoration: underline;
}

a:visited {
color: #B01900;
text-decoration: underline;
}

a:hover {
color: #D32800;
text-decoration: none;
}

a:active {
color: #D32800;
text-decoration: none;
}

h1, h2, h3 {
margin: 0px;
padding: 0px;
font-weight: normal;
}

blockquote {
margin: 10px;
padding: 8px;
border: 1px dashed #CFB374;
}


.mini {
font-size: x-small;
line-height: 110%;
}


/* CONTAINER
--------------------------------------------*/
#container {
font-family: Georgia,"ヒラギノ明朝 Pro W3","Hiragino Mincho Pro","ＭＳ 明朝",serif;
font-size: small;
letter-spacing: 0;
color: #253349;
line-height: 1.5em;
text-align: left;
width: 720px;
margin: 0 auto;
background: url(http://webheibon.jp/blog/satomasaru/images/container_bg.jpg) repeat-y top;
padding: 6px 16px 54px 16px;
height: 100%;
min-height: 100%;
position:relative;
line-break: strict;
}

body > #container {
height: auto;
}

#pageinner {
background: url(http://webheibon.jp/blog/satomasaru/images/pageinner_bg.jpg) no-repeat top center;
width: 700px;
margin: 0 auto;
height: 100%;
min-height: 100%;
}

#pagefooter {
background: url(http://webheibon.jp/blog/satomasaru/images/pagefooter_bg.jpg) no-repeat bottom center;
width: 700px;
margin: 0 auto;
height: 100%;
min-height: 100%;
}



/* BASIC LAYOUT
-----------------------------*/
#main {
background: url(http://webheibon.jp/blog/satomasaru/images/line_bg.gif) repeat-y top center;
width: 688px;
margin: 0 auto;
padding: 0;
}

#mainfooter {
background: url(http://webheibon.jp/blog/satomasaru/images/line_b.gif) no-repeat bottom center;
width: 688px;
margin: 0 auto;
padding: 0;
}


/* HEADER
--------------------------------------------*/
#header {
text-align: left;
background: url("http://webheibon.jp/blog/satomasaru/images/header_bg.gif") no-repeat top center;
width: 688px;
height: 174px;
margin: 0 auto;
padding: 0;
}

#banner-img {
display: none;
}

h1#header-name a {
display: block;
text-indent: -9999px;
width: 467px;
height: 46px;
background: url("http://webheibon.jp/blog/satomasaru/images/header_logo.jpg") no-repeat;
position: relative;
top: 106px;
left: 110px;
}



/* CENTER
--------------------------------------------*/
#center {
background: url(http://webheibon.jp/blog/satomasaru/images/entry_bg.gif) repeat-y top center;
width: 532px;
border: 0;
overflow: hidden;
margin: 0 auto;
}

.center_t {
background: url(http://webheibon.jp/blog/satomasaru/images/entry_t.gif) no-repeat top center;
padding: 35px 0 0 0;
margin: 0;
}

.center_b {
background: url(http://webheibon.jp/blog/satomasaru/images/entry_b.gif) no-repeat bottom center;
padding: 0 0 48px 0;
margin: 0;
height: 1%;
}

.center_content {
text-align: center;
padding: 0 45px 10px 45px;
height: 1%;
}


/* CONTENT
-----------------------------*/
#content {
padding: 25px 0;
margin: 0;
}

#content p {
text-align: left;
margin: 0 0 10px 0;
}

.content li {
line-height: 130%;
}



/* ENTRY
-----------------------------*/
.entry {
padding: 0 10px;
margin: 5px 0 10px 0;
text-align: left;
}

.entry_title {
text-align: center;
width:400px;
margin: 0 auto 19px;
padding: 0 0 19px 0;
background: url(http://webheibon.jp/blog/satomasaru/images/title_line.gif) no-repeat bottom center;
}

.entry_title h1 {
color: #253349;
text-decoration: none;
font-size: 18px;
font-weight: normal;
margin: 0;
}

.entry_date {
text-align: right;
margin: 10px 0 0 0;
}

.entry_nav {
margin: 0;
padding: 0 53px;
}

.entry_nav_prev {
float: left;
margin: 0;
padding: 0;
}

.entry_nav_next {
float: right;
margin: 0;
padding: 0;
}

.entry img {
border: #253349 solid 4px;
}

.img_left {
float: left;
margin: 0 10px 8px 0;
}

.img_right {
float: right;
margin: 0 0 8px 10px;
}


/* PROFILE
-----------------------------*/
#profile {
width:520px;
padding: 0;
margin: 30px auto 0;
}

.profile_img {
float: left;
width: 132px;
margin: 3px 15px 0 0;
}


.profile_text {
float: left;
width: 370px;
line-height: 135%;
}

.profile_text .title{
margin:15px 0 8px;
}




/* FOOTER
--------------------------------------------*/
#footer {
position: absolute;
bottom: 0px;
width: 660px;
height: 60px;
margin: 0 auto;
padding: 0;
}

.footer_inner {
padding: 15px 18px 0 18px;
font-size: x-small;
}

#footer h2 a {
display: block;
text-indent: -9999px;
width: 167px;
height: 21px;
background: url("http://webheibon.jp/blog/satomasaru/images/footer_logo.gif") no-repeat left top;
}


/* TOP PAGE
-----------------------------*/
.top_lead {
width:550px;
padding: 0;
margin: 0 auto 25px;
margin-top:-10px;
font-size: 15px;
line-height: 180%;
font-weight: normal;
text-align:center;
}


.center_content_index {
text-align: center;
padding: 0 45px 35px 45px;
height: 1%;
}

.top_entry_list {
padding: 0;
margin: 0 0 15px 0;
}

.top_entry_list_title {
margin: 0 0 7px 0;
padding: 0;
}

.top_entry_list h3 a {
color: #253349;
text-decoration: underline;
font-size:16px;
font-weight: bold;
margin: 0;
}

.top_entry_list h3 a:hover {
color: #383867;
text-decoration: none;
font-size: 16px;
font-weight: bold;
margin: 0;
}



/* ARCHIVES
-----------------------------*/

.archive_content {
text-align: center;
padding: 0 45px 60px 45px;
height: 1%;
}


/* other
-----------------------------*/
.comments-header {
margin: 0 0 10px 0;
padding: 0;
}

.banner {
text-align: center;
margin: 0 0 10px 0;
}


/*------------------------------------------------margin*/
/* 5px */
.mar_t_5 { margin-top:5px; }
.mar_r_5 { margin-right:5px; }
.mar_b_5 { margin-bottom:5px; }
.mar_l_5 { margin-left:5px; }
.mar_5 { margin:5px; }

/* 10px */
.mar_t_10 { margin-top:10px; }
.mar_r_10 { margin-right:10px; }
.mar_b_10 { margin-bottom:10px; }
.mar_l_10 { margin-left:10px; }
.mar_10 { margin:10px; }

/* 15px */
.mar_t_15 { margin-top:15px; }
.mar_r_15 { margin-right:15px; }
.mar_b_15 { margin-bottom:15px; }
.mar_l_15 { margin-left:15px; }
.mar_15 { margin:15px; }

/* 20px */
.mar_t_20 { margin-top:20px; }
.mar_r_20 { margin-right:20px; }
.mar_b_20 { margin-bottom:20px; }
.mar_l_20 { margin-left:20px; }
.mar_20 { margin:20px; }

/*------------------------------------------------padding*/
/* 5px */
.pad_t_5 { padding-top:5px; }
.pad_r_5 { padding-right:5px; }
.pad_b_5 { padding-bottom:5px; }
.pad_l_5 { padding-left:5px; }
.pad_5 { padding:5px; }

/* 10px */
.pad_t_10 { padding-top:10px; }
.pad_r_10 { padding-right:10px; }
.pad_b_10 { padding-bottom:10px; }
.pad_l_10 { padding-left:10px; }
.pad_10 { padding:10px; }

/* 15px */
.pad_t_15 { padding-top:15px; }
.pad_r_15 { padding-right:15px; }
.pad_b_15 { padding-bottom:15px; }
.pad_l_15 { padding-left:15px; }
.pad_15 { padding:15px; }

/* 20px */
.pad_t_20 { padding-top:20px; }
.pad_r_20 { padding-right:20px; }
.pad_b_20 { padding-bottom:20px; }
.pad_l_20 { padding-left:20px; }
.pad_20 { padding:20px; }


/*------------------------------------------------float*/
.float_l { float:left; }
.float_r { float:right; }

/*------------------------------------------------text_align*/
.align_center { text-align:center; }
.align_left { text-align:left; }
.align_right { text-align:right; }




/* standard helper classes */
.middle {
vertical-align: middle;
margin: 0 3px 0 0;
padding: 0;
}

.clear {
clear: both;
overflow: hidden;
width: 1px;
height: 1px;
margin: 0 -1px -1px 0;
border: 0;
padding: 0;
font-size: 0;
line-height: 0;
}