/* <!--2013.10.14_20:29修正了　U-BOXv25cloud --> */
/* <!--2013.10.15_21:36修正了　U-BOXv26cloud2 --> */
/* サイドメニューで、プラグインカテゴリ１のトップと、プラグインカテゴリ３は折りたたまれずに常に表示されます */


* {
  margin: 0;
  padding: 0;
}


body {
  background-color: #222;
  color: #888; /*0-0-33*/
  font-size: 13px;
  line-height: 160%;
  font-family: arial,"ＭＳ Ｐゴシック",sans-serif;
  margin: 0;
  padding: 0;
}

#bg {
  background-image: url(https://blog-imgs-58-origin.fc2.com/a/o/g/aogaras10box/1347cloud.jpg); 
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-position: center top;
}



h1 {
  font-size:190%;
}

h2 {
  font-size:113%;
}

h3 {
  font-size:113%;
}



/* ---------- リンク ----------- */
a {text-decoration: none}

a:link {color: #888} /*0-0-40*/
a:visited {color: #888} /*0-0-33*/
a:hover {color: #3366FF} /*192-31-98*/
a:active {color: #3366FF} /*192-90-90*/

.body .write a:link,.body .write a:visited { color: #6B9CEE } /*217-55-94*/



/* スペース要素としてのライン --<div class="lin"><hr></div>--　*/
.lin hr, .lin2 hr { border: 0px; width: 90%; display: none }
.lin { 
  padding: 0; 
  margin: 0; 
  width: 100%; 
  height: 50px;
}

.lin2   { 
  background-image: url(https://blog-imgs-56-origin.fc2.com/a/o/g/aogaras10box/*.gif);
  background-repeat: no-repeat;
  background-position: center; 
  padding: 0; 
  margin: 0; 
  width: 100%; 
  height: 50px; 
}


.cre {
  clear: both
}

img {
  border: none;
}


/* 記事内の画像 */
.body img {
  max-width: 100%;
  height: auto;
  margin: 0 0.7em 0 0;
}

.waku   {
  border: #111/*0-0-6*/ solid 1px;
  padding: 0;
}

.tag {
  color: #676767;
  margin: 0;
  padding: 0 3px;
  border: dotted 1px #aaa/*0-0-66*/;
  max-height: 10em;
  overflow: auto
}



/* header */
#header {
  -background-color: #997a54; /*33-45-60*/
  background-image: url(https://blog-imgs-56-origin.fc2.com/a/o/g/aogaras10box/b80.png); 
  text-align:right;
  width: 100%;
  padding: 21px 0 2px;
  margin: 0 0 3.5em;
  -border-top: 1px solid #DCD1C2; /*34-11-86*/
  -border-bottom: 1px solid #DCD1C2; /*34-11-86*/
}

#header li {
  display: inline;
  margin: 0 3.1em 0 0;
}

#header li img {
  margin: 0 0 -8px;
}

#header a:hover img {
  opacity:0.5;
  margin: -10px 0 0;
}

#header a:active img {
  opacity:0.5;
  margin: -5px 0;
}

#header li a {
color: #cc4d5e; /*352-62-80*/
font-weight:bold;
text-shadow: 2px 0px 1px #;
font-size:14px;
}

#header li a:hover {
color: #222;
font-weight:bold;
text-shadow: 2px 0px 1px #E05D6F,2px 0px 2px #E05D6F,3px 0px 7px #E05D6F,7px 0px 12px #E05D6F;
font-size:14px;
}

#header li a:active {
color: #6d484d; /*352-34-43*/
font-weight:bold;
text-shadow: 2px 0px 1px #E05D6F,2px 0px 2px #E05D6F;
font-size:14px;
}


/* 横カレンダー */
.yokocal {
  float: right;
  font-size:14px;
  line-height: 110%;
  font-weight: bold;
  text-align: center;
  margin: 0 1em;
  -font-family: "Bodoni MT Black", "Century Gothic", "Tahoma", "Arial";
  display: none;
}

.yokocal li {
  color: #c4daff;/*217-23-100*/
  display: inline;
  margin: 0 0.15em 0 0;
}
.yokocal li a {
}


/* =================================レイアウト設定==================================== */
  /*  out{ main(con + side[left(p1~3)]) + side2[right] } */


#out {
  background-image: url(https://blog-imgs-56-origin.fc2.com/a/o/g/aogaras10box/b70.png); 
  background-repeat: repeat;
  -background-attachment: fixed;
  -background-position: center 0;
  width: 910px;
  margin: 0 auto;
  pading: 0;
  -border-right: 1px solid #DCD1C2; /*34-11-86*/
  -border-left: 1px solid #DCD1C2; /*34-11-86*/
}


/* header */

#top {
  width: 100%;
  margin: 0;
  padding: 0 0 3.5em;
  word-break: break-all;
}
#top h1 a:link, #top h1 a:visited {
  color: #993333; /*0-0-40*/
  font-weight: normal;
}
#top h2 {
  color: #888; /*0-0-33*/
  font-weight: normal;
  margin: 5px 0 0;
}



/* 記事,menu表示部分------(side+con) */
#main {
  background-color: ;
  width: 100%;
  margin: 0;
  padding: 0;
}



/* 記事表示部分 */
#con {
  background-color:;
  float: right;
  width: 645px;
  margin: 0;
  padding: 0 0 7em;
  word-break: break-all;
}


/* -左サイドバー-------------*/
#side {
  float: left;
}


/* -右サイドバー--------------- */
#side2 {
  float: right;
  display: none;
}


#side,#side2 {
  background-image: url(https://blog-imgs-56-origin.fc2.com/a/o/g/aogaras10box/b70.png); 
  color: #888;
  width: 230px;
  padding: 0;
  margin: 17px 0 0;
  word-break: break-all;
}

/* =================================//レイアウト設定================================== */

#side p,#side2 p{
  color:;
  margin: 1em;
}

#side ul,#side2 ul {
  list-style-type: square;
  padding: 0 0 0 0.7em;
  margin: 0;
}

#side ul li,#side2 ul li {
  margin: 0 0 0 0.7em;
  letter-spacing: 0;
  list-style-position: outside;
}

#side ul.info,#side2 ul.info {
  list-style-type: circle;
  margin-bottom: 1.7em;
}

/* recent entry とrecent comment の日付部分文字サイズ */
#side ul li span,#side2 ul li span {
  margin-left: 0.3em;
}




/* 個々の記事 */
.body {
  background-color: ;	
  background-image: url(https://blog-imgs-56-origin.fc2.com/a/o/g/aogaras10box/b70.png); 
  line-height: 1.4;
  word-break: break-all;
  margin: 0;
  padding: 0;
  -border: 1px solid #DCD1C2; /*34-11-86*/
}


/* コメントフォーム,tb-URLエリア */
.body2 {
  line-height: 1.4;
  word-break: break-all;
  margin: 1em;
  padding: 1.7em;
  -border: 1px solid #DCD1C2; /*34-11-86*/
}



/* メニューの本文*/
.body3 {
  color: #888;
  margin: 0;
  -border: 1px solid #DCD1C2; /*34-11-86*/
}

.write {  /* 記事本文 */
  color: #888;
  background-image: url(https://blog-imgs-56-origin.fc2.com/a/o/g/aogaras10box/b70.png); 
  margin: 0;
  padding: 1.7em 1.1em;
}

.write2 {  /* プラグイン本体 */
  margin: -0.7em 3px 0;
}

.write3 {  /* コメント、トラックバック本文 */
  margin: 0 0 1.7em;
  padding: 1em;
}




/* 記事の見出し(タイトル) */
#con .body h3 {
  font-size:;
  text-align: right;
  padding: 0.1em 0;
  margin: 10px 20px 0 0;
  border-bottom: 1px solid #222; /*0-0-13*/
}

/* menuの見出し(タイトル) */
#side .body3 h3, #side2 .body3 h3 {
  background-color: #0a0a0a; /*0-0-4*/
  color:#888;
  font-weight: normal;
  letter-spacing: 0em;
  margin: 1em 0 0;
  padding: 0.3em 0.2em;
  border-top: 1px double #888; /*210-34-16*/
  border-left: 1px double #1B2229; /*210-34-16*/
}


.day {
  line-height: 100%;
  padding: 0;
  margin: 5px;
}

.dayday {
  background-color: ;	
  float: left;
  font-size: 250%;
  line-height: 90%;
  text-align: center;
  font-weight: bold;
  -font-family: "Century Gothic", "Bodoni MT Black", "Tahoma", "Arial";
  padding: 4px 0 0;
  margin: -3px 5px 0 -3px;
  width: 1.15em;
  height: 1.0em;
  -border: 5px solid #DCD1C2; /*34-11-86*/
}



/* 記事のステータス */
.sub {
  margin: 0;
  padding: 0.1em 0.7em;
}
.sub, .sub2 {
  background-color: ;
  text-align: right;
}

.sub li, .sub2 li {
  display: inline;
}
.sub a, .sub2 a {
  margin-right: 0.1em;
}


/* コメント,トラックバック記事のステータス */
.sub2 {
  margin: 0;
  padding: 0.2em 20px;
}


/* コメントフォーム */
input#name,input#subject,input#mail,input#url,input#pass,textarea {
  background-image: url(https://blog-imgs-56-origin.fc2.com/a/o/g/aogaras10box/w10.png); 
  background-color: transparent;
  color: #888;
  font-size: 100%;
  margin: 0;
  padding: 5px;
  border: 1px solid #666;
  border-radius: 5px;
}

/* 検索フォーム */
.body3 form {
  font-size: 100%;
  margin: 0 0 1.1em 0.7em;
}
.body3 input:first-child {
  color: #777; /*0-0-46*/
  background-image: url(https://blog-imgs-56-origin.fc2.com/a/o/g/aogaras10box/w10.png); 
  background-color: transparent;
  margin: 0 0 0.3em;
  padding: 3px;
  border: 1px solid #222;
}



/* レスフォーム配置 */
.reaf {
  position: relative;
  width: 90%;
  margin: 1.7em 0;
  padding: 0 0 0.5em 0.7em;
}
.reaf dt {
  letter-spacing: 0.1em;
  position: absolute;
  left: 0.1em;
}
.reaf dd {
  padding: 0 0 0.5em 3.5em;
}
.reaf input {
  width: ;
}
.reaf textarea {
  width: 100%;
}
#himitsu {
  width: ;
}


/*titlelist*/

.allpost {
  background-image: url(https://blog-imgs-56-origin.fc2.com/a/o/g/aogaras10box/b25.png); 
  padding-top: 10px;
}

.allpost dd {
  background-image: none;
  color: #304363; /*217-51-39*/
  font-size: 90%;
  margin: -3px 50px 3px 0;
  padding: 0 0 0 70px;
  border-top: 1px solid #313b4c; /*217-35-30*/
}

.titlelistfooter{
  color: #37435b; /*217-40-36*/
}





/* back-next */
#back-next a{}
#back-next a:hover{}




/* copyright,etc. */
#footer {
  text-align: center;
  margin: 100px auto 0;
  padding: 0.1em 0;
  width: 750px; 
}

#footer p {
  letter-spacing: 0.1em;
  margin: 0;
  padding:1.5em 0 3em;
}

#footer .ad {
  letter-spacing: 0.1em;
  margin: 0;
  padding:1.5em 0;
}


#footer .ad a:link,#footer .ad a:visited  {
  -color: #444 /*0-0-26*/
}
#footer .ad a:hover {
  -color: #bbb /*0-0-73*/
}




#back-top {
  position: fixed;
  bottom: 30px;
  left: 50%;
}

#back-top a {
  margin-bottom: 7px;
  margin: 0 0 0 482px;
/* rounded corners */
-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
	/* background color transition */
	-webkit-transition: 1s;
	-moz-transition: 1s;
	transition: 1s;
}

#back-top a:hover {
	color: #000;
}

/* arrow icon (span tag) */
#back-top span {
	width: 46px;
	height: 46px;
	display: block;
	margin: 0 0 7px 462px;
	background: url(https://blog-imgs-58-origin.fc2.com/a/o/g/aogaras10box/v25pt1-06.png) no-repeat center center;
	/* rounded corners */
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
	/* background color transition */
	-webkit-transition: 1s;
	-moz-transition: 1s;
	transition: 1s;
}
#back-top a:hover span {
  background-color: ;
  background-image: url(https://blog-imgs-58-origin.fc2.com/a/o/g/aogaras10box/v25pt1-08.png);
}

#back-top a:active span {
  background-image: url(https://blog-imgs-58-origin.fc2.com/a/o/g/aogaras10box/v25pt1-04.png);
}




/*月別アーカイブ(ドロップダウンリスト)transparent*/
#monthly_archives select {
  -background-color: transparent;
  color: #555;
  font-size: 100%;
  margin: 5px 0 0;
  -padding: 1px 3px;
  border: solid 0px;

}
option {
  background-color: transparent;
  color: #555;
  font-size: 100%;
  margin: ;
  -padding: 1px 3px;
  -border: solid 1px;
}



/* HTML内カレンダー設定 */
#cal2 table {
  margin: 0.7em auto;
  width: 77%;
}

#cal2 caption {
  font-size:130%;
  line-height: 300%;
}
#cal2 .calender2 {
  color: #333;/*0-0-20*/
  text-align: center;
  border-collapse: separate/*collapse*/;
  border-spacing: 0;
}

#cal2 .calender2 th {
  font-size: 8px;
  font-weight: normal; 
  line-height: 300%;
  padding: 0 0 0.6em 0;
}
#cal2 .calender2 td {
  font-size:110%;
  line-height: 150%;
  width: 11%;
  padding: 0 0.3em 0.3em 0;
}
#cal2 .calender2 td a {
  font-weight: bold;
  display: block;
}
#cal2 .calender2 .sun {
  color: #475dad; /*227-59-68*/
}
#cal2 .calender2 .sat {
  color: ;
}





/* 公式プラグイン-カレンダー設定 */
.plugin-calender table {
  margin: 1em auto;
  width: 216px;
}
.plugin-calender .calender {
  color: #222;/*0-0-13*/
  text-align: center;
  border-collapse: separate;
  border-spacing: 1px;
}
.plugin-calender .calender caption {
  font-size:110%;
  font-weight: bold;
  margin: 0.5em 0 0.5em 0.1em;
}
.plugin-calender .calender th {
  font-size:80%;
  font-weight: normal;
}
.plugin-calender .calender td {
  background-image: url(https://blog-imgs-58-origin.fc2.com/a/o/g/aogaras10box/ao05.png); 
  font-size:100%;
  width: 30px;
  height: 30px;
  padding: 0;
}
.plugin-calender .calender td a {
  background-image: url(https://blog-imgs-58-origin.fc2.com/a/o/g/aogaras10box/ao10.png); 
  font-weight: bold;
  display: block;
  line-height: 245%;
  overflow: hidden;
  width: 30px;
  height: 30px;
}
.plugin-calender .calender #sun {
  color: #475dad; /*227-59-68*/
}
.plugin-calender .calender #sat {
  color: ;
}


/**/
.prev-next-navi{
  background-color: ;
}



/* コメントリストの設定 */
#commentlist {
  color: red;
  margin-top: 1.7em;
  margin-bottom: 7.7em;
  margin-right: 1.7em;
}

/* トラックバックリストの設定 */
#trackbacklist {
  margin: 2.7em 1.7em 0 0;
  padding: 1.7em 0 2.7em 3.7em;
  border-top: 1px solid #ddd;
}

/* トラックバックリスト内のリスト */
#trackbacklist li ul {
  margin-top: 0.7em;
  margin-bottom: 1.7em;
}

/* コメントリスト、トラックバックリストの整形 */
#commentlist a, #trackbacklist a {
  margin-right: 0.5em;
}
#commentlist li, #trackbacklist li {
  margin-bottom: 0.5em;
}





/* trackback uri 表示部分の設定 */
#trap dt {
  margin: 0 0 0.5em 1.7em;
}
#trap dd {
}
#trap dd a {
  text-decoration: underline;
}





textarea,input,select {
  font-family : "\30D2\30E9\30AE\30CE\20Pro\20W3","Osaka","Verdana","Helvetica","Arial","\FF2D\FF33\20\FF30\30B4\30B7\30C3\30AF",sans-serif;
}

img.emoji{
  vertical-align:middle;
  border:0;
}