/* ****************************** */
/* リセット */
/* ****************************** */

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: inherit;
font-style: normal;
font-weight: normal;
margin: 0;
outline: 0;
padding: 0;
vertical-align: baseline;
}

:focus {
outline: 0;
}

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

caption, th, td, dt {
font-weight: normal;
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;
}


/* ****************************** */
/* link */
/* ****************************** */

a {
text-decoration: none;
color: #0066cc;
}

a:hover  {
text-decoration: none;
}

a img{
border: none;
}


/* ****************************** */
/* body */
/* ****************************** */

body {
width: 100%;
color: #444444;
font-size: 87.5%;
font-family: 'メイリオ','meiryo','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','meiryoKe_PGothic','Verdana','ＭＳ Ｐゴシック',Arial, Helvetica,sans-serif;
background: #ffffff url(https://blog-imgs-43.fc2.com/a/b/o/about4u/body_bg.gif) left top repeat-y;
}

.center {
text-align:center;
font-size:0.875em;
padding:5px 0 10px;
}


#wrapper {
position: relative;
width:100%;

}

.columnblock:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
.columnblock {
display: inline-block;
overflow: hidden;
}


/* ****************************** */
/* コンテンツ部分 */
/* ****************************** */
#contents {
padding:0 30px 0 360px;
}

/* header */
h1#logoType {
font-size: 32px;
line-height:1;
margin:20px 0 0 10px;
font-weight:bold;
color:#2c6ebd;
}

h1#logoType a {
color:#2c6ebd;
}


h2#logoType {
font-size: 14px;
margin:5px 0 5px 20px;
}

.entryarea {

-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
margin: 10px 0 10px 0;
padding: 0;
z-index:2;
}

h3.entrytitle {
padding:10px 0;
text-indent:10px;
background: #EFEFEF url(https://blog-imgs-43.fc2.com/a/b/o/about4u/entry-title_background.png) left top repeat-x;
-moz-border-radius-topleft: 4px;
-webkit-border-top-left-radius: 4px;
border-top-left-radius: 4px;
-moz-border-radius-topright: 4px;
-webkit-border-top-right-radius: 4px;
border-top-right-radius: 4px;
border-top: 1px solid #CCC;
border-left: 1px solid #CCC;
border-right: 1px solid #CCC;
font-size:1.125em;
}

h3.entrytitle a {
color:#444444;
}

.information {
font-size:.875em;
padding:5px;
border-top:solid 1px #cccccc;
border-left:solid 1px #cccccc;
border-right:solid 1px #cccccc;
}

span.date, span.category, span.thread span.url {
margin-right:8px;
}

.entrypost {
padding:10px;
border: 1px solid #cccccc;
}

/* リストの設定 */
.entrypost ul {
margin: 2px 0;
}

.entrypost li {
list-style:none;
background: url(https://blog-imgs-43.fc2.com/a/b/o/about4u/bullet.gif) no-repeat 0 0.32em;
text-decoration:none; 
padding:2px 0 0 16px;
}

a.more {
position:relative;
top:0;
left:0;
vertical-align: middle;
margin:5px 0;
padding:0 10px;
-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 #ccc;
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 */
}

/* エントリーフッターの設定 */
.post-footer {
color: #665;
font-size: 0.875em;
padding: 10px;
text-align: left;
background: #EFEFEF url(https://blog-imgs-43.fc2.com/a/b/o/about4u/entry-title_background.png) left top repeat-x;
-moz-border-radius-bottomleft: 4px;
-webkit-border-bottom-left-radius: 4px;
border-bottom-left-radius: 4px;
-moz-border-radius-bottomright: 4px;
-webkit-border-bottom-right-radius: 4px;
border-bottom-right-radius: 4px;
border-bottom: 1px solid #CCC;
border-left: 1px solid #CCC;
border-right: 1px solid #CCC;
}

span.pt-com {
margin-right:8px;
}


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

.pageimg a{ 
display: block; 
background-image: url(https://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;}


/* ****************************** */
/* commentarea */
/* ****************************** */

#comment-top,#trackback-top {
padding:10px 40px;
}

.commenttitle {
font-size:1em;
margin:5px 0;
}
.commentbody {
font-size: 87.5%;
margin: 10px 10px 20px;
padding: 15px 15px 0;
-moz-box-shadow: 0 0 3px #AAAAAA;
-webkit-box-shadow: 0 0 3px #AAAAAA;
box-shadow: 0 0 3px #AAAAAA;
-moz-border-radius-topleft: 4px;
-webkit-border-top-left-radius: 4px;
border-top-left-radius: 4px;
-moz-border-radius-topright: 4px;
-webkit-border-top-right-radius: 4px;
border-top-right-radius: 4px;
-moz-border-radius-bottomleft: 4px;
-webkit-border-bottom-left-radius: 4px;
border-bottom-left-radius: 4px;
-moz-border-radius-bottomright: 4px;
-webkit-border-bottom-right-radius: 4px;
border-bottom-right-radius: 4px;
border: 1px solid #CCC;
}

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

.commentbody br {
letter-spacing:0;
}

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


/* ****************************** */
/* 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(https://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;
color:#444444;
}

.formarea input:focus {
background: #e5e5e5;
}

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

.formarea textarea:focus {
background: #e5e5e5;
}


/* ****************************** */
/* メニュー部分 */
/* ****************************** */
#sidebar {
position:absolute;
top:30px;
left:110px;
line-height:1.6;
float: left;
display: inline;
width: 230px;
}

.sidebartitle {
margin: 0;
padding: 5px;
background: #EFEFEF url(https://blog-imgs-43.fc2.com/a/b/o/about4u/entry-title_background.png) left top repeat-x;
font-size: 14px;
text-align: center;
-moz-border-radius-topleft: 4px;
-webkit-border-top-left-radius: 4px;
border-top-left-radius: 4px;
-moz-border-radius-topright: 4px;
-webkit-border-top-right-radius: 4px;
border-top-right-radius: 4px;
border: 1px solid #CCC;
}

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

.sidebarbody ul li {
list-style-type: none;
padding-left: 14px;
background: url(https://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(https://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;
}

.footer {
font-size:.875em;
}


/* ****************************** */
/* カレンダー */
/* ****************************** */

#calendar {
position: absolute;
left: 30px;
top: 30px;
width: 60px;
}

#calendar .image01 {
background-image : url(https://blog-imgs-43.fc2.com/a/b/o/about4u/cal01.gif);
background-repeat :no-repeat ;
border:none;
width:30px;
height:150px;
margin: 0px 0px 0px 0px;
}

#calendar .image02 {
background-image : url(https://blog-imgs-43.fc2.com/a/b/o/about4u/cal02.gif);
background-repeat :no-repeat ;
border:none;
width:30px;
height:150px;
margin: 0px 0px 0px 0px;
}

#calendar .image03 {
background-image : url(https://blog-imgs-43.fc2.com/a/b/o/about4u/cal03.gif);
background-repeat :no-repeat ;
border:none;
width:30px;
height:150px;
margin: 0px 0px 0px 0px;
}

#calendar .image04 {
background-image : url(https://blog-imgs-43.fc2.com/a/b/o/about4u/cal04.gif);
background-repeat :no-repeat ;
border:none;
width:30px;
height:150px;
margin: 0px 0px 0px 0px;
}

#calendar .image05 {
background-image : url(https://blog-imgs-43.fc2.com/a/b/o/about4u/cal05.gif);
background-repeat :no-repeat ;
border:none;
width:30px;
height:150px;
margin: 0px 0px 0px 0px;
}

#calendar .image06 {
background-image : url(https://blog-imgs-43.fc2.com/a/b/o/about4u/cal06.gif);
background-repeat :no-repeat ;
border:none;
width:30px;
height:150px;
margin: 0px 0px 0px 0px;
}

#calendar .image07 {
background-image : url(https://blog-imgs-43.fc2.com/a/b/o/about4u/cal07.gif);
background-repeat :no-repeat ;
border:none;
width:30px;
height:150px;
margin: 0px 0px 0px 0px;
}

#calendar .image08 {
background-image : url(https://blog-imgs-43.fc2.com/a/b/o/about4u/cal08.gif);
background-repeat :no-repeat ;
border:none;
width:30px;
height:150px;
margin: 0px 0px 0px 0px;
}

#calendar .image09 {
background-image : url(https://blog-imgs-43.fc2.com/a/b/o/about4u/cal09.gif);
background-repeat :no-repeat ;
border:none;
width:30px;
height:150px;
margin: 0px 0px 0px 0px;
}

#calendar .image10 {
background-image : url(https://blog-imgs-43.fc2.com/a/b/o/about4u/cal10.gif);
background-repeat :no-repeat ;
border:none;
width:30px;
height:150px;
margin: 0px 0px 0px 0px;
}

#calendar .image11 {
background-image : url(https://blog-imgs-43.fc2.com/a/b/o/about4u/cal11.gif);
background-repeat :no-repeat ;
border:none;
width:30px;
height:150px;
margin: 0px 0px 0px 0px;
}

#calendar .image12 {
background-image : url(https://blog-imgs-43.fc2.com/a/b/o/about4u/cal12.gif);
background-repeat :no-repeat ;
border:none;
width:30px;
height:150px;
margin: 0px 0px 0px 0px;
}

#calendar ul {
position: absolute;
list-style-type:none;
left: 30px;
top: 0;
width: 30px;
}

#calendar li:first-child {
border-top: 1px solid #F0F0F0;
}

#calendar li {
border-bottom: 1px solid #F0F0F0;
text-align: center;
width: 100%;
background: #FFF;
font-size: 14px;
color: #CCC;
line-height:1.8;
}

#calendar li a {
color:#254E91;
display: block;
}

#calendar li a:hover {
color: #ffffff;
background:#2c6ebd;
}