/* リセット
------------------------------------------------- */
html, body, div, span, applet, object, embed, iframe, h1, h2, h3,
h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address,
big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, table, caption, tbody, tfoot,
thead, tr, th, td {
border: 0;
font-family:"\FF2D\FF33\20\FF30\30B4\30B7\30C3\30AF", "Osaka";
font-style: normal;
margin: 0;
outline: 0;
padding: 0;
vertical-align: baseline;
}

:focus {
outline: 0;
}

table {
border-collapse: separate;
border-spacing: 0;
}

caption, th, td, dt {
text-align: left;
}

a img, iframe {
border: none;
}

ul, ol, li, dl, dt, dd {
list-style: none;
}

input, textarea, select, button {	
font-family: inherit;
font-size: 100%;
}

select {
margin: inherit;
}

/* Fixes incorrect placement of numbers in ol's in IE6/7 */
ol {
margin-left: 2em;
}

/* == clearfix == */
.clearfix:after {
clear: both;
content: ".";
display: block;
height: 0;
visibility: hidden;
}

.clearfix {
display: inline-block;
}

* html .clearfix {
height: 1%;
}

.clearfix {
display: block;
}

/* General Elements */

a {
text-decoration: none;
color: #0000EE;
}

a:hover  {
text-decoration: underline;
}

a img{
border: none;
}

/* Framework */

body{
font-family: Verdana,"ＭＳ Ｐゴシック","ヒラギノ角ゴ Pro W3",Helvetica, Arial, sans-serif;
color:#800000;
background: #FFFFEE;
font-size: 87.5%;
}

#wrapper {
margin-top:10px;
border-top:solid 1px #808080;
border-left:solid 1px #808080;
border-right:solid 1px #808080;
border-bottom:solid 1px #808080;
background: #FFFFEE;
}

/* 横幅固定の設定 */

#fix {
position:relative;
width:1242px;
margin:10px auto;

}

#fix #site #wrapper {
width:800px;

}

/* 横幅可変の設定 */

#requid {
position:relative;
width:98%;
margin:10px auto;

}


#site {
min-width: 520px;
margin-bottom:20px;
padding: 0px 220px 0px 220px;

}



#leftside {
position:absolute;
top: 312px;
left:0;
width: 210px;
font-size:10px;
line-height:1.6;
}

#rightside {
position:absolute;
top: 312px;
right:0;
width: 210px;
font-size:10px;
line-height:1.6;
}

/* BLOG TITLE */

#header {
background-color:#2c6ebd;
border-bottom:1px solid #808080;
}

h1 {
font-size: 170%;
line-height: 130%;
margin: 0px;
padding: 15px;
letter-spacing: -0.5px;
}

h1 a {
color:#ffffff;
}

h1 a:hover {
text-decoration:none;
}

h2 {
font-size: 87.5%;
color: #800000;
line-height: 170%;
padding: 10px 0px 10px 0px;
}

/* パンくず */
#topic_path {
border-top:solid 1px #808080;
font-size:.875em;
padding:5px 10px;
background-color:#F0E0D6;
}

/* 記事タイトル */
h3 {
font-size: 100%;
color: #FFFFFF;
padding: 10px 5px;
border-left:solid 1px #808080;
border-right:solid 1px #808080;
border-bottom:solid 1px #808080;
border-width: 1px 0px;
background-color:#E04000;
}

h3 a {
color:#FFFFFF;
font-weight:bold;
}

h3 a:hover {
text-decoration:none;
}

/* 記事ヘッダー */
.information {
font-size: 87.5%;
color: #3F3F3F;
line-height: 170%;
border-bottom: 1px solid #808080;
padding: 2px 5px;
background-color:#F0E0D6;
}

.information a:hover {
text-decoration:none;
}

span.date {
padding-right:10px;
}

span.category {
padding-right:10px;
}

span.thread {
padding-right:10px;
}

span.url {
padding-right:10px;
}

/* 記事本文 */
.content {
padding:10px 15px;
line-height:1.7;
overflow:hidden;
}


#fix .content img {
max-width:800px;
height:auto;
}

#requid .content img {
max-width:100%;
height:auto;
}

a.more {
position:relative;
top:0;
left:0;
vertical-align: middle;
margin:5px 5px 5px 0;
padding:5px;
line-height:100%;
-moz-border-radius:5px;
-webkit-border-radius:5px;
border-radius:5px;
cursor: pointer;
width:auto;
overflow:visible;
font-weight:normal;
font-size:14px; /*Pixels for consistancy*/
text-shadow:0 1px 0 #fff;
color:#666;
text-decoration:none;
vertical-align: middle;
box-sizing: border-box;
display:inline-block;
*display:inline;/*IE ONLY*/
zoom:1;
border:1px solid #808080;
background: rgb(252,252,252); /* Old browsers */
background: -moz-linear-gradient(top, rgba(252,252,252,1) 0%, rgba(224,224,224,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(252,252,252,1)), color-stop(100%,rgba(224,224,224,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(252,252,252,1) 0%,rgba(224,224,224,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(252,252,252,1) 0%,rgba(224,224,224,1) 100%); /* Opera11.10+ */
background: -ms-linear-gradient(top, rgba(252,252,252,1) 0%,rgba(224,224,224,1) 100%); /* IE10+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcfcfc', endColorstr='#e0e0e0',GradientType=0 ); /* IE6-9 */
background: linear-gradient(top, rgba(252,252,252,1) 0%,rgba(224,224,224,1) 100%); /* W3C */
}

/* 記事フッター */
.posttail {
font-size: 87.5%;
text-align:right;
padding:10px 20px;
}

.posttail a:hover {
text-decoration:none;
}

span.pt-com {
padding-right:10px;
}

span.pt-tb {
padding-right:10px;
}


/* ****************************** */
/* commentarea */
/* ****************************** */
#comments,#trackbacks {
padding:10px 40px;
}


.commenttitle {
font-size:1em;
margin:5px 0;
}
.commentbody {
font-family:"ＭＳ Ｐゴシック","Mona","mona-gothic-jisx0208.1990-0",sans-serif;
font-size:16px;
line-height:18px;
margin: 4px 5px 4px;
padding: 4px 40px 0;
background-color:#F0E0D6;
}

.commentbody p {
letter-spacing:0px; /*文字間スペースの調整*/
line-height:18px;
}

.commentbody br {
letter-spacing:0;
}

/* ****************************** */
/* formarea */
/* ****************************** */
.formarea {
font-size:0.875em;
margin:10px;
}

.formarea form {
margin:10px 0;
padding:10px 0;
text-align:center;
}

.formarea table {
margin:0 auto;
text-align:left
}

.formarea td {
vertical-align:middle;
padding:2px 0;
}

.formarea button {
border:solid 0px #ffffff;
width:56px;
height:19px;
}

.formarea label {
display:block;
font-weight:normal;
margin:2px 0;
}

.formarea input {
padding: 2px;
border: 1px solid #E0E0D4;
background: #f8f8f8;
}

.formarea input[type="SUBMIT"] {
-moz-border-radius: 4px;
-khtml-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
background: #DDD url(http://blog-imgs-43.fc2.com/a/b/o/about4u/bg-btn.gif) repeat-x 0 0;
border-color: #BBB #BBB #999;
border-style: solid;
border-width: 1px;
cursor: pointer;
font-size: 12px;
margin: 0;
padding: 0 6px 0 15px;
letter-spacing: 12px;
}

.formarea input:focus {

background: #e5e5e5;
}

.formarea textarea {
width:25em;
padding:2px;
border: 1px solid #E0E0D4;
display:block;
background: #f8f8f8;
}

.formarea textarea:focus {

background: #e5e5e5;
}



/*ページナビゲーションの調整*/
.pageimg { 
	display: block; 
	overflow: hidden; 
	height: 0;
}

.pageimg a{ 
	display: block; 
	background-image: url(http://blog-imgs-53.fc2.com/a/b/o/about4u/galleryControls.png); 
	background-repeat: no-repeat; 
	width: 48px; 
	padding-top: 48px; 
	overflow: hidden; 
	height: 0; 
	position: absolute; 
	top: 0;
}

.pageTool{ 
	width:200px; 
	height: 48px;
	margin: 10px auto; 
	position: relative;
}

.pre{ float: left;}
.next{ float: right;}

.older_page{ background-position: -48px 0;}
.older_page:hover{ background-position: -48px -48px;} 
.newer_page{ background-position: 0 0;}
.newer_page:hover{ background-position: 0 -48px;}


/* サイド部分 */
.sidebartitle {
margin: 0;
padding: 5px;
background: #F0E0D6 left top repeat-x;
font-size: 14px;
text-align: center;
border: 1px solid #808080;
}

.sidebarbody {
line-height:1.6;
margin-bottom:10px;
padding:10px 5px;
border-left:solid 1px #808080;
border-right:solid 1px #808080;
border-bottom:solid 1px #808080;
background-color:#ffffff;
}

.sidebarbody ul li {
list-style-type: none;
padding-left: 14px;
background: url(http://blog-imgs-43.fc2.com/a/b/o/about4u/bullet.gif) no-repeat 0 0.27em;
}

ul.sub_menu li.sub_list,ul.sub_menu li.sub_list_end {
background: url(http://blog-imgs-43.fc2.com/a/b/o/about4u/arrow2.gif) no-repeat 0 0.7em;
padding-left: 10px;
font-size:0.875em;
}


.sidebarbody input[type="submit"] {
margin-top:5px;
}

#navi {
    background: #E04000;
    height: 30px;
}
html > body #navi,
html > body #navi ul li a { /* for Safari */
    height: 30px;
}
#navi ul {
    margin: 0;
    padding: 0;
    list-style: none;
}
#navi ul li {
    float:left;
    border-right:1px solid #FFFFFF;
    width: 109px;
}
#navi ul li a {
    display: block;
    color: #FFFFFF;
    font-size: 12px;
    text-align: center;
    line-height: 2.5;
    text-decoration: none;
}
#navi ul li a:link,
#navi ul li a:visited {
    background: #E04000;
}
#navi ul li a:hover {
    color: #E04000;
    background: #F0E0D6;
}

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

      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: 195px;
float: left;
}

a{outline:none;}

/* AA表示 */
.aa{
font-family:"ＭＳ Ｐゴシック","Mona","mona-gothic-jisx0208.1990-0",sans-serif;
font-size:16px;
line-height:18px;
}

/* 画像回り込み */
.hiro-left,
.hiro-right {
   overflow: hidden;
   height: auto;
}
 
.hiro-left img {
   float: left;
   margin: 0 20px 1px 20px !important;
   padding: 0 !important;
   border: 0 !important;
}

/* クレジット表示 */
.footer {
margin-top:20px;
font-size:.875em;
text-align:center;
}

.footer strong {
font-weight:normal;
}