/* body */

body {
font-family: "Verdana", "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", "Osaka‐等幅";
font-size:80%;
line-height: 140%;
color: #333333;
text-align: center;
background: #f4f4f4;
margin: 0px auto;
padding: 0px;
}


/* container */

#container {
width:900px;
margin: 0px auto;
text-align: left;
border-left: #999999 solid 1px;
border-right: #999999 solid 1px;
background:#8bbae1;
}

/* header */

#header {
height:100px;
background:#FFFFFF;
background-image:url(http://blog-imgs-36-origin.fc2.com/h/u/r/huritenfc2/f004_blue_back.png);
background-repeat:no-repeat;
padding: 5px 0px 0px 10px;
}

h1 {
font-size:26px;
font-weight:bold;
color: #333333;
text-align:left;
margin: 0px 0px 0px 0px;
padding: 43px 5px 3px 10px;
}

.description {
font-size:10px;
font-weight:normal;
color: #FFFFFF;
text-align:left;
background:#4784b7;
margin: 0px 0px 0px 0px;
padding: 3px 5px 3px 10px;
}

#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: #333333;
text-decoration: none;
}


/* pan */

.pan {
font-size:10px;
padding: 10px 20px 0px 20px;
}

/* main */

#main {
float:right;
width:648px;
background: #FFFFFF;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}

#main .category {
width:648px;
margin: 0px 0px 15px 0px;
}

#main h2 {
background-color:#cce8ff;
border: #4784b7 solid 1px;
font-size:110%;
color:#205b8c;
font-weight:bold;
margin: 10px 10px 10px 10px;
padding: 10px 10px 10px 10px;
}

#main h3 {
color:#FFFFFF;
font-size:105%;
background:#4784b7;
border-left:#205b8c solid 6px;
padding: 5px 10px 5px 5px;
margin: 0px;
}

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

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

#main blockquote {
margin: 20px 10px 20px 10px;
padding: 10px 10px 10px 10px;
border:#999999 dotted 1px;
background: #FFFFFF;
}

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

#main ol {
margin: 0px 30px 0px 35px;
padding: 0px 0px 10px 0px;
}

#main li {
line-height: 140%;
margin: 0px 0px 0px 0px;
padding: 0px 0px 5px 0px;
}

#main .red {
color:#CC0000;
font-weight:bold;
}

/* main table */

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

#main table {
margin: 10px 0px 0px 0px;
padding: 0px 0px 0px 0px;

border:solid #999999 1px;
border-collapse:collapse;
}

#main caption {
margin: 0px 0px 10px 0px;
font-size:110%;
font-weight:bold;
}

#main th {
padding: 0px 0px 0px 0px;
border:solid #999999 1px;
background-color:#cce8ff;
text-align:center;
}

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

/* box */

#main .box1 {
width:576px;
height:auto;
border:solid #999999 1px;
margin: 0px 6px 12px 6px;
padding: 5px 5px 5px 5px;
}

#main .box2 {
float: left;
width:276px;
height:165px;
border:solid #999999 1px;
margin: 0px 6px 12px 6px;
_margin: 0px 3px 12px 3px;
padding: 5px 5px 5px 5px;
}

#main .box3 {
float: left;
width:176px;
height:170px;
border:solid #999999 1px;
margin: 0px 6px 12px 6px;
_margin: 0px 3px 12px 3px;
padding: 5px 5px 5px 5px;
}

#main .box-img-left {
float:left;
display: inline;
margin: 10px 5px 5px 5px;
border:solid #999999 1px;
}

#main .box-img-left3 {
margin: 10px 5px 5px 5px;
border:solid #999999 1px;
}

#main .box-btn {
float:right;
display: inline;
font-size:11px;
font-weight:bold;
color: #105EA0;
background:#8CC7F9;
border: #4784b7 solid 1px;
width:164px;
text-align:center;
padding: 0px 0px 0px 0px;
margin: 5px 5px 5px 5px;
_margin: 5px 5px 5px 5px;
}

#main .box-btn3 {
font-size:11px;
font-weight:bold;
color: #105EA0;
background:#8CC7F9;
border: #4784b7 solid 1px;
width:164px;
text-align:center;
padding: 0px 0px 0px 0px;
margin: 5px 5px 5px 5px;
}

#main .box-btn a, #main .box-btn a:link, #main .box-btn a:visited {
color: #105EA0;
text-decoration:none;
display:block;
padding: 2px 0px 0px 0px;
}

#main .box-btn a:hover {
color: #105EA0;
background:#cce8ff;
text-decoration: none;
padding: 2px 0px 0px 0px;
}


#main .box-btn3 a, #main .box-btn3 a:link, #main .box-btn3 a:visited {
color: #105EA0;
text-decoration:none;
display:block;
padding: 2px 0px 0px 0px;
}

#main .box-btn3 a:hover {
color: #105EA0;
background:#cce8ff;
text-decoration: none;
padding: 2px 0px 0px 0px;
}

#main .clear {
clear:both;
visibility:hidden;
height: 0;
}


/* sub */

#sub {
float:left;
font-size:12px;
width:252px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
background-repeat: repeat-y;
}

#sub .category {
margin: 10px 10px 10px 10px;
padding: 0px 0px 0px 0px;
border:#4784b7 solid 1px;
background:#cce8ff;
}

#sub h3 {
color:#FFFFFF;
background:#4784b7;
font-size:12px;
text-align:left;
font-weight:bold;
margin: 0px 0px 0px 0px;
padding: 5px 10px 5px 5px;
}

#sub .h3kazari {
border-left:#205b8c solid 6px;
padding: 0px 0px 0px 5px;
}

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

#sub p {
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}

#sub blockquote {
margin: 15px 0px 15px 0px;
padding: 10px 10px 10px 10px;
border:#999999 dotted 1px;
background: #FFFFFF;
}

#sub .soto {
margin: 0px 25px 0px 25px;
}

#sub ul {
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}

#sub li {
line-height: 120%;
list-style:none;
_height:30px;
background: url(http://blog-imgs-36-origin.fc2.com/h/u/r/huritenfc2/f004_blue_li.gif) no-repeat 0px 0.8em;
margin: 0px 0px 0px 0px;
}

#sub li a, #sub li a:link, #sub li a:visited {
color:#333333;
text-decoration:none;
display:block;
padding: 5px 10px 5px 10px;
}

#sub li a:hover {
color: #105EA0;
background:#8CC7F9;
text-decoration: none;
padding: 5px 10px 5px 10px;
}

/* footer */

#footer {
text-align:center;
font-size:10px;
background: #FFFFFF;
margin: 0px 0px 0px 0px;
padding: 5px 0px 5px 0px;
border-top: #4784b7 solid 28px;
}

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


/* JUGEM、FC2共通 */

.entry_state {
margin: 10px 34px 10px 34px;
padding: 0px 0px 0px 0px;
font-size:10px;
text-align:right;
}

.comment-title,.trackback-title,.entry_date {
color:#FFFFFF;
font-size:105%;
background:#4784b7;
border-left:#205b8c solid 6px;
padding: 5px 10px 5px 5px;
margin: 0px 24px 0px 24px;
}


/* 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: #333333;
text-decoration: none;
}

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

/* ▼メニューバー▼ */
ul#menu_bar {
font-size: 10pt; /* 文字サイズ */
height:27px; /* 高さ */
background-color:#4784b7; /* 背景色 */
padding-left:0px;
margin-left:0px;
margin-top:0px; /* 上の間隔 */
margin-bottom:5px; /* 下の間隔 */
}

#menu_bar li {
list-style-type:none;
float:left;
line-height:25px; /* 高さ */
margin:0px;
padding:0px;
}

#menu_bar li a {
display:block;
text-align:center;
width:100px; /* １つのメニューボタンの幅 */
border-right:1px solid #ffffff; /* 区切り線 */
color:#ffffff; /* リンク文字の色 */
background-color:#4784b7; /* メニューボタンの背景 */
text-decoration:none;
}

#menu_bar li a:hover{
color:#105EA0; /* マウスが乗ったときのリンク文字の色 */
background-color:#8CC7F9; /* マウスが乗ったときの背景色 */
text-decoration:none;
}
/* ▲メニューバー▲ */

/* ▼メニューバー（ドロップダウン）▼ */

#menu_bar ul {
position:absolute;
margin:0;
padding:0;
}

#menu_bar li {
position:relative;
margin:0;
padding:0;
}

#menu_bar li ul li {
float:none;
}

#menu_bar li.menu ul,
#menu_bar li.menu ul li.menu ul,
#menu_bar li.menu_on ul li.menu ul {
display:none;
}

#menu_bar li.menu_on ul {
position:absolute;
display:block;
top:100%;
left:0;
}

#menu_bar li.menu_on ul li.menu_on ul {
position:absolute;
display:block;
top:0;
left:100%;
}

/* ▽IE6バグ対応▽ */
* html #menu_bar li li,
* html #menu_bar li li li {
font-size:1px;
line-height:0;
}
* html #menu_bar li li a,
* html #menu_bar li li li a {
display:block;
font-size:10pt;
line-height:25px;
}
/* △IE6バグ対応△ */

#menu_bar li li a,
#menu_bar li li li a {
border-top:1px solid #ffffff; /* 区切り線 */
}

/* ドロップダウンリストの透過（IE6以下未対応） */
#menu_bar > li > ul {
filter:alpha(opacity=90);
-moz-opacity: 0.9;
opacity: 0.9;
}


#box {
overflow: auto;
width: 300px;
height: 200px;
}
#box iframe {
width: 295px; /*PC版の幅－5pxくらい*/
height: 200px;
}




/* ▲メニューバー（ドロップダウン）▲ */

/* 続きを読む・閉じる */
.readmore {
margin-top: 10px;
}
.readclose {
margin-top: 10px;
margin-bottom: 10px;
}