/* リセット
------------------------------------------------- */
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;
}

/* 基本
------------------------------------------------- */
body {
background:url(http://blog-imgs-53.fc2.com/a/b/o/about4u/bedge_grunge.png);
color: #555555;
font-family: 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS P Gothic', Arial, sans-serif;
font-size: 87.5%;
}

/* ハイパーテキスト
------------------------------------------------- */
a {
overflow: hidden; /* for Fx */

}

a:link {
color: #8bc9d7;
text-decoration: none;
}

a:visited {
color: #8bc9d7;
}

a:focus,
a:hover {
text-decoration: none;
}

a:active {

}

/* イメージ
------------------------------------------------- */
img,
a img {
border: none;
}


.emoji {
vertical-align: middle;
}

/* 基本要素
------------------------------------------------- */
h1 {
font-size: 180%;
}


h2 {
font-size: 108%;
}


h3 {
font-size: 100%;
}


h4,h5,h6 {
font-size: 100%;
}

/* レイアウト
------------------------------------------------- */
#wrapper01 {
width: 998px;
margin: 0 auto;
padding:0x;
background:url(http://blog-imgs-43.fc2.com/a/b/o/about4u/container-bg-01.png) repeat-y top left;
}

#wrapper02 {
position:relative;
width:960px;
margin:0 0 0 10px;
background-color:#ffffff;
}

#toplink {
position: absolute;
right: -28px;
top: 150px;
}

#toplink a {
display: block;
width: 28px;
height: 134px;
background: url(http://blog-imgs-43.fc2.com/a/b/o/about4u/backtotop.png) top left no-repeat;
}

#header {
padding:0;
overflow: visible;
border-bottom:5px solid #efefef;
}

#main {
width: 720px;
float:left;
margin-top:10px;
padding-left: 5px;
padding-right: 5px;
overflow: hidden;
}

#sidemenu {
float: right;
overflow: hidden;
width: 220px;
margin:10px 10px 0 0;
}

#footer {
clear: both;
font-size: 10px;
}


/* ヘッダー
------------------------------------------------------------ */

/* SOCIAL --------------------------------------------------------*/

.rounded{
display: block;
overflow: hidden;
float: right;
margin:10px 20px 0 0;
}

.rounded li{
width: 32px;
height: 32px;
float: left;
margin-left: 7px;
padding:0px;
list-style-type:none;
}

.rounded li a{
display: block;
height: 100%;
width: 100%;
}

/* SOCIAL ICONS - CSS3 */
#css3:hover li { opacity:0.2; }

#css3 li { -webkit-transition-property: opacity; -webkit-transition-duration: 500ms;
-moz-transition-property: opacity; -moz-transition-duration: 500ms; }

#css3 li:hover { opacity:1; }

.rounded .facebook{ background: url(http://blog-imgs-43.fc2.com/a/b/o/about4u/facebook_32.png); }
.rounded .flickr{ background: url(http://blog-imgs-43.fc2.com/a/b/o/about4u/flickr_32.png); }
.rounded .friendfeed{ background: url(http://blog-imgs-43.fc2.com/a/b/o/about4u/friendfeed_32.png); }
.rounded .tumblr{ background: url(http://blog-imgs-43.fc2.com/a/b/o/about4u/tumblr_32.png); }
.rounded .twitter{ background: url(http://blog-imgs-43.fc2.com/a/b/o/about4u/twitter_32.png); }
.rounded .rss{ background: url(http://blog-imgs-43.fc2.com/a/b/o/about4u/rss_32.png); }

#menu {
position: absolute;
top:60px;
right:-20px;
}







#menu ul li {
list-style-type:none;
float:left;
width: 80px;
height: 75px;
text-align: center;
vertical-align:middle;
line-height:75px;
}

#menu ul li a {
position:relative;
display: block;
width: 75px;
height: 75px;
font-size:14px;
color: #fff;
text-decoration: none;
text-transform: uppercase;
background: #2AABD5;
border-radius: 38px;
-moz-border-radius: 38px;
-webkit-border-radius: 38px;
filter: alpha(opacity=54);
-moz-opacity: 0.54;
-khtml-opacity: 0.54;
opacity: 0.54;
}

#menu ul li a:hover{
font-weight:bold;
}



#header{
position:relative;
height:140px;
}

#header h1 {
position: absolute;
top:30px;
left:-20px;
height:50px;
margin:0;
padding:0 40px;
text-align:center;
vertical-align:middle;
line-height:50px;
background:#E73939;
filter: alpha(opacity=54);
-moz-opacity: 0.54;
-khtml-opacity: 0.54;
opacity: 0.54;
-webkit-border-radius: 1px;
-moz-border-radius: 1px;
border-radius: 1px;
-webkit-box-shadow: 2px 2px 2px #D3D3D3;
-moz-box-shadow: 2px 2px 2px #D3D3D3;
box-shadow: 2px 2px 2px #D3D3D3;
-webkit-transform: rotate(-3deg);
-moz-transform: rotate(-3deg);
-o-transform: rotate(-3deg);
transform: rotate(-3deg);
}

#header h1 a{
font-family:Comic Sans MS;
color:#ffffff;
text-decoration:none;
}

#header h1 a:hover{
background:transparent;
}

#header h2 {
position: absolute;
top:90px;
left:20px;
width:600px;
}

/* メインカラム
------------------------------------------------------------ */

#main h3 {
font-weight: normal;
font-size: 18px;
color: #978170;
text-shadow: #DDDBD7 0px 1px 0, #8A8989 -1px 0;
background: url(http://blog-imgs-43.fc2.com/a/b/o/about4u/Etitle.gif) 0 100% repeat-x;
margin:0 10px 0 10px;
padding: 3px 0 8px 12px;
}

#main h3 a {
color: #978170;
text-decoration: none;
}

#main h3 a:hover {
background-color:transparent;
}

/* 記事ヘッダー */
.information {
font-size: 87.5%;
color: #3F3F3F;
padding: 4px 10px;
}

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

span.date {
background: url(http://blog-imgs-43.fc2.com/a/b/o/about4u/mini-calendar.gif) no-repeat 0 0.35em;
padding-left:20px;
}

span.category {
background: url(http://blog-imgs-43.fc2.com/a/b/o/about4u/category.png) no-repeat 0 0;
margin-left:5px;
padding-left:20px;
}

span.thread {
background: url(http://blog-imgs-43.fc2.com/a/b/o/about4u/tag.png) no-repeat 0 0;
margin-left:5px;
padding-left:20px;
}

span.url {
background: url(http://blog-imgs-43.fc2.com/a/b/o/about4u/article.png) no-repeat 0 0;
margin-left:5px;
padding-left:20px;
}

/* 記事本文 */
.content {
padding:20px;
line-height:1.7;
}

.content a {
color:#444444;
}

.content a:hover {
text-decoration:underline;
}

.content ul li {
list-style-type: none;
padding:3px 0 3px 20px;
background: url(http://blog-imgs-43.fc2.com/a/b/o/about4u/bullet.gif) no-repeat 0 0.35em;
font-size:1.125em;
}

.content hr {
margin:10px 0;
border: 0;
height: 1px;
background-image: -webkit-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0));
background-image:    -moz-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0));
background-image:     -ms-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0));
background-image:      -o-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0));
}

.post p img {
margin-top: 10px;
background-color: transparent; 
padding: 5px; 
-moz-box-shadow: 0 0 20px rgba(0, 0, 0, .2);
-webkit-box-shadow: 0 0 20px rgba(0, 0, 0, .2);
box-shadow: 0 0 20px rgba(0, 0, 0, .2);
-moz-border-radius: 0;
-webkit-border-radius: 0;
border-radius: 0;
border-image: initial;
border:1px solid #eeeeee; 
}


.post p img:hover{
-moz-box-shadow: 0 0 20px rgba(0, 0, 0, .4);
-webkit-box-shadow: 0 0 20px rgba(0, 0, 0, .4);
box-shadow: 0 0 20px rgba(0, 0, 0, .4);
-moz-border-radius: 0;
-webkit-border-radius: 0;
border-radius: 0;
border-image: initial;
}

.post p {
letter-spacing:1px;
margin:0.6em 0;
}

.post br {
letter-spacing:0;
}

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 */
}

table.fc2_socialbtn {
margin-top:5px;
}

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

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

span.pt-com {
background: url(http://blog-imgs-43.fc2.com/a/b/o/about4u/comments.png) no-repeat 0 0;
padding-left:20px;
}

span.pt-tb {
background: url(http://blog-imgs-43.fc2.com/a/b/o/about4u/icon_comment.gif) no-repeat 0 0;
margin-left:5px;
padding-left:20px;
}

/* ****************************** */
/* 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;
}

/* ****************************** */
/* 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;
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;
}





/*ページナビゲーションの調整*/
.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;}

/* サイドメニュー
------------------------------------------------------------ */

#sidemenu a {
color: #555555;
text-decoration: none;
}

#sidemenu a:hover {
background-color: transparent;
color: #111111;
text-decoration: underline;
}

.sidebartitle {
font-size: 100%;
padding: 5px 10px;

text-align:center;

background: #EFEFEF url(http://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: 1px solid #CCC;
}

.sidebarbody {
margin-bottom:10px;
padding:5px;
background:#ffffff;
border-left: 1px solid #CCC;
border-right: 1px solid #CCC;
border-bottom: 1px solid #CCC;
}

.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.25em;
}

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.6em;
padding-left: 10px;
font-size:0.875em;
}

/* フォントサイズ・背景色変更ボタン */
#toolbox {
margin-bottom:10px;
}
#toolbox div.panel {
border: none;
text-align: center;
}
#toolbox button {
background-color: #fff;
color: #000;
border: solid 1px #ccc;
}
#toolbox p.theme-picker input {
width: 18px;
height: 18px;
border: solid 1px #ccc;	
background-color: #ffffff;
color: #000;
cursor: pointer;
padding: 0;
margin-right:5px;
}
#toolbox p.theme-picker input.s {
background: url(http://blog-imgs-43.fc2.com/a/b/o/about4u/s-icon.png) no-repeat;
width:18px;
height:18px;
border:none;
margin-right:5px;
}
#toolbox p.theme-picker input.m {
background: url(http://blog-imgs-43.fc2.com/a/b/o/about4u/m-icon.png) no-repeat;
width:18px;
height:18px;
border:none;
margin-right:5px;
}
#toolbox p.theme-picker input.l {
background: url(http://blog-imgs-43.fc2.com/a/b/o/about4u/l-icon.png) no-repeat;
width:18px;
height:18px;
border:none;
margin-right:15px;
}
#toolbox p.theme-picker input.gray {
background-color: #f5f7f8;
margin-right:5px;
}
#toolbox p.theme-picker input.dgray {
background-color: #eeeeee;
margin-right:5px;
}

/* フッター
------------------------------------------------------------ */

#footer {
border-top:1px solid #eeeeee;
padding: 10px;
text-align: right;
font-size: .875em;
color: #A3A3A3;
}

#footer a {
text-decoration:none;
}

#footer a:hover {
color:#8bc9d7;
background-color:transparent;
}

p.plugin-search input[type="text"] {
width:240px;
}