@charset "utf-8";

/* BODY */

body {
font-family: "Verdana", "ヒラギノ角ゴ Pro W3", "ＭＳ ゴシック", "Osaka‐等幅";
font-size:12px;
line-height: 175%;
color: #333333;
text-align: center;
background: #FFF url("http://blog-imgs-58-origin.fc2.com/h/a/y/hayablog00/top03.jpg") no-repeat 50% 0%;
margin: 0px auto;
padding: 0px;
}

a: {
color: #0044CC;
text-decoration: none;
}

a:link {
color: #0044CC;
text-decoration: none;
}

a:visited {
color: #0044CC;
text-decoration: none;
}

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

a:hover {
color: #0000FF;
text-decoration: underline;
}


/* 全体 */

#container {
width:1110px;
margin-left : auto;
margin-right : auto;
text-align: left;
}

#wrapper {
  float : left;
  width : 850px;
}

/* ヘッダー */

#header {
height:180px;
border: 1px solid #CCC;
}

#header h1 {
font-size:24px;
font-weight:bold;
margin: 0px 0px 3px 0px;
padding: 50px 0px 0px 10px;
}

#header .description {
font-size:14px;
margin: 0px 0px 3px 0px;
padding: 10px 0px 0px 10px;
border-bottom: 1px dashed #CCC;
}

#header a: {
color: #333333;
text-decoration: none;
}

#header a:link {
color: #333333;
text-decoration: none;
}

#header a:visited {
color: #333333;
text-decoration: none;
}

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

#header a:hover {
color: #8A8A8A;
text-decoration: none;
}

/* 記事メイン */

#main {
float:right;
width:590px;
background: #FFFFFF;
margin: 15px 0px 0px 0px;
padding: 0px 0px 5px 0px;
}

#main .category {
margin: 0px 0px 15px 0px;
border: #CCC solid 1px;
}

#main .category_p3 {
background:#F4F4F4;
margin: 0px 0px 15px 0px;
padding: 5px 0px 5px 0px;
}

#main h2 {
border-bottom:1px dashed #CCC;   
border-left:8px double #CCC;  
font-size:14px;
color:#333333;
font-weight:bold;
margin: 10px 10px 10px 10px;
padding: 10px 10px 10px 10px;
}

#main .entry_body {
margin: 15px 25px 15px 25px;
padding: 0px 0px 0px 0px;
}

#main p {
margin: 20px 0px 20px 0px;
padding: 0px 0px 0px 0px;
}

#main blockquote {
margin: 20px 10px 20px 10px;
padding: 10px 10px 10px 10px;
border:#333333 dotted 2px;
background: #151515;
}

#main ul {
margin: 0px 0px 0px 20px;
padding: 10px 0px 10px 0px;
}

#main li {
line-height: 120%;
margin: 0px 0px 0px 0px;
padding: 0px 0px 3px 0px;
}

#main table ul {
margin: 5px 0px 5px 20px;
padding: 0px 0px 0px 0px;
}

#main table {
margin: 5px 25px 5px 25px;
padding: 0px 0px 0px 0px;
width:485px;
border:solid #FFFFFF 1px;
}

#main td {
padding: 5px 5px 5px 5px;
border:solid #FFFFFF 1px;
}

#main dt.relate_dt {
font-weight:bold;
text-align: center;
}

#main dd.relate_dd {
border:1px dashed #CCC;
margin: 10px 10px 10px 10px;
padding: 10px 10px 10px 10px;
}

/* サイドバー左 */

#side_l {
float:left;
font-size:12px;
width:250px;
height:auto;
margin: 15px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}

#side_l .category {
background: #FFF;
margin: 0px 0px 15px 0px;
padding: 10px 0px 10px 0px;
}

#side_l h3 {
border-right:2px solid #CCC;
border-bottom:2px solid #CCC;
font-size:12px;
text-align:center;
font-weight:bold;
margin: 0px 0px 5px 0px;
padding: 5px 10px 5px 10px;
}

#side_l .entry_body {
margin: 0px 15px 0px 15px;
padding: 0px 0px 0px 0px;
}

#side_l p {
margin: 15px 0px 15px 0px;
padding: 0px 0px 0px 0px;
}

#side_l blockquote {
margin: 15px 0px 15px 0px;
padding: 10px 10px 10px 10px;
border:#333333 dotted 2px;
background: #151515;
}

#side_l ul {
margin: 0px 0px 0px 0px;
padding: 10px 0px 5px 0px;
}

#side_l li {
line-height: 120%;
margin: 5px 0px 5px 15px;
padding: 0px 0px 5px 0px;
}

/* サイドバー右 */

#side_r {
float:right;
font-size:12px;
width:250px;
height:auto;
margin: 15px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}

#side_r .category {
background: #FFF;
margin: 0px 0px 15px 0px;
padding: 10px 0px 10px 0px;
}

#side_r h3 {
border-right:2px solid #CCC;
border-bottom:2px solid #CCC;
font-size:12px;
text-align:center;
font-weight:bold;
margin: 0px 0px 5px 0px;
padding: 5px 10px 5px 10px;
}

#side_r .entry_body {
margin: 0px 15px 0px 15px;
padding: 0px 0px 0px 0px;
}

#side_r p {
margin: 15px 0px 15px 0px;
padding: 0px 0px 0px 0px;
}

#side_r blockquote {
margin: 15px 0px 15px 0px;
padding: 10px 10px 10px 10px;
border:#333333 dotted 2px;
background: #151515;
}

#side_r ul {
margin: 0px 0px 0px 0px;
padding: 10px 0px 5px 0px;
}

#side_r li {
line-height: 120%;
margin: 5px 0px 5px 15px;
padding: 0px 0px 5px 0px;
}

/* フッター */

#footer {
text-align:center;
font-size:12px;
background: #FFF;
margin: 15px 0px 0px 0px;
padding: 5px 0px 5px 0px;
border-top: #CCC solid 1px;
}

#footer p {
margin: 5px 25px 5px 25px;
padding: 0px 0px 0px 0px;
}


/* FC2 */

.entry_header a:link {
color: #333333;
text-decoration: none;
}

.entry_header a:visited {
color: #333333;
text-decoration: none;
}

.entry_header a:active {
color: #333333;
text-decoration: none;
}

.entry_header a:hover {
color: #8A8A8A;
text-decoration: none;
}

.fc2_footer {
margin: 20px 0px 0px 0px;
}

.entry_state {
margin: 20px 25px 20px 25px;
padding: 0px 0px 0px 0px;
font-size: 12px;
text-align: right;
}

.trackback-title {
border-left:4px solid #CCC;
border-bottom:1px dashed #CCC;
font-weight:bold;
margin: 10px 10px 10px 10px;
padding: 10px 10px 10px 10px;
}



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

      BlogRoll css 2

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

.blogroll-channel,
.blogroll-channel * {
    width: auto;
    height: auto;
    margin: 0;
    padding: 0;
    border: none;
    text-align: left;
}
.blogroll-channel {
    margin-bottom: 15px;
    padding: 10px;
}

.blogroll-channel .blogroll-list-wrap {
    margin-bottom: 10px;
}

.blogroll-channel .blogroll-list {
    list-style-type: none;
    margin-bottom: 3px;
    font-size: 12px;
    line-height: 1.3;
}

.blogroll-channel .blogroll-list img {
    vertical-align: middle;
}

.blogroll-channel img.blogroll-icon,
.blogroll-channel img.blogroll-favicon {
    margin: 0 5px 0 0;
}

.blogroll-channel img.blogroll-favicon {
	width: 16px;
	height: 16px;
}

.blogroll-channel a.blogroll-link {
}

.blogroll-channel .blogroll-new-entry {
    margin-left: 5px;
    color: red;
}

.blogroll-channel .blogroll-clip,
.blogroll-channel .blogroll-hatebu {
    margin: 0 0 0 5px;
}

.blogroll-channel .blogroll-link-time {
    margin: 0 0 0 3px;
    color: #666;
    font-size: 10px;
}

.blogroll-channel .blogroll-ad-img {
}

.blogroll-channel .blogroll-ad-text {
    display: block;
    margin-top: 5px;
    color: #666;
    font-size: 12px;
}
.blogroll_wrapper {
width: 100%;
overflow-y:scroll;
background-color: #F7F7F7;
}

.blogroll_innner {
width: 50%;
height: 250px;
float: left;
}