body { 
	text-align:center;
	margin: 0;
	padding: 0;
	border: 0;
	background-image:url(http://otometical.com/2015/04/back.jpg);
	background-repeat:repeat-x;
	background-position:center top;
	background-color:#f7dfe1;
	font-family: "メイリオ","MSPゴシック","OSAKA";
	scrollbar-arrow-color: #6d5b97;
	scrollbar-face-color: #e1dae4;
	scrollbar-3dlight-color: #e1dae4;
	scrollbar-darkshadow-color: #e1dae4;
	scrollbar-highlight-color: #938399;
	scrollbar-shadow-color: #938399;
} 



/*▼ パンくずリスト ▼ */
.pankuzu_list { 
	font-weight:bold;
	font-size:10pt;
	color:#808080;
	text-align:center;
	margin:10px 10px 20px 10px; 
}
/*▲ パンくずリスト ▲ */

/*▼ サイトの幅 ▼ */
#top { 
	min-width:1110px;
	width:100%;
	margin:0 auto 0 auto; 
}
#footer { 
	min-width:1110px;
	width:100%;
	margin:0; 
}


#main { 
	width: 560px;
	float: right;
	overflow: hidden;
} 
#side {
	width: 410px;
	float: left;
	overflow:hidden;
}
#side_a { 
	width:200px;
	float:left;
	overflow:hidden;
} 
#side_b { 
	width:200px;
	float: left;
	overflow:hidden;
	margin-left: 10px; 
} 
#contents {
	width:980px;
	margin: 0 auto 0 auto; 
} 
/*▲ サイトの幅 ▲ */


/* ▼ リンク ▼ */
a:link{
	color: #C5668E;
	text-decoration: none;
}
a:active{
	color: #6666CC;
	text-decoration:none;
}
a:visited{
	color: #7B877B;
	text-decoration: none;
}
a:hover{
	color: #6666CC;
	text-decoration: underline;
}
/* ▲ リンク ▲ */

/*▼ ヘッダー ▼ */
#top { 
	background-position:top;
	height: 250px;
}
/*▲ ヘッダー ▲ */

/*▼ ブログタイトル ▼ */
h1 { 
	margin:0;
	padding: 0;
}
h1 a{
	margin: 0 auto 0 auto;
	padding: 0;
	display: block;
	width: 300px;
	height: 250px;
	text-indent: -9999px;
	text-decoration:none; 
}
h1 a:link{ 
	text-decoration:none; 
	background-image:url(http://otometical.com/2015/04/title.png);
} 
h1 a:hover{
	text-decoration:none; 
	background-image:url(http://otometical.com/2015/04/title_on.png);
} 
/*▲ ブログタイトル ▲ */


/*▼ 記事 ▼ */

.entry_title { 
	background-image:url(http://otometical.com/2015/04/entry_01.jpg);
	background-repeat:no-repeat;
	width: 530px;
	padding: 130px 30px 38px 0px;
	margin: 0;
	text-align:center;
	background-position: center top;
} 

h2 a:link {
	color: #9a7bdb;
	text-decoration: none;
	font-size: 14px;
	letter-spacing: 1px;
}
h2 a:hover {
	color: #B73131;
	text-decoration: none;
	font-size: 14px;
	letter-spacing: 1px;
}


.entry_body {
	background-image: url(http://otometical.com/2015/04/entry_02.png);
	background-repeat: repeat-y;
	margin: 0;
	padding: 0 46px 40px 46px;
	font-size: 12px;
} 
img {
	border: 0;
}

.entry_text {
	width: 468px;
	text-align: left;
	padding:0;
	color:#633;
	letter-spacing: 0.5px;
	line-height:200%;
}
.entry_text a:link {
	color: #935EC0;
}
.entry_text a:visited {
	color: #44A787;
}
.entry_text a:hover {
	color: #C05EA4;
}
.entry_navi {
	text-align: center;
	background-image: url(http://otometical.com/2015/04/entry_03.jpg);
	background-repeat: no-repeat;
	padding: 75px 10px 100px 10px;
	margin: 0;
	font-size: 12px;
} 
.entry_navi a:link {
	color: #968788;
}
.entry_navi a:hover {
	color: #A2353C;
	text-decoration:underline;
}
.entry_navi a:visited {
	color: #6B5D5E;
}

/*▲ 記事 ▲ */

/*▼ 広告 ▼ */
div.add {
	margin: 20px 0 10px 0;
}

div.add2 {
	margin: 20px;
}
/*▲ 広告 ▲ */

/*▼ サイドバー共通 ▼ */
#raku {
	background-image: url(http://otometical.com/2012/11/images/raku.png);
	background-repeat:no-repeat;
	width:160px;
	height: 310px;
	padding-top:5px;
	padding-left: 6px;
	display:block;
}
#side {
	font-size: 10px;
	line-height: 160%;
	color: #000000;
	text-align: left;
}
#side ul {
	list-style: square inside;
	color: #630;
	padding: 0 0 5px 10px;
	margin: 0;
}
#side li {
	margin: 0 3px 0 0;
	padding: 2px;
	font-size: 10.5px;
	letter-spacing: 0.5px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #B9B5BC;
	color: #000000;
}
#side li a:link {
	color: #935EC0;	
}
#side li a:hover {
	color: #1E3788;
}

#side h4 {
	font-size: 11px;
	color: #966B93;
	background-image: url(http://otometical.com/2014/01/side_h4.png);
	background-repeat: no-repeat;
	padding: 18px 0 12px 0;
	text-align: center;
}

#side h3 {
	font-size: 11px;
	color: #778899;
	text-align: center;
	background-image: url(http://otometical.com/2015/04/side_h3.png);
	background-repeat: no-repeat;
	padding-top: 28px;
	padding-bottom: 2px;
}
#side dl {
	width: 200px;
	margin:0;
	padding: 0 0 0px 0;
}
#side dt {
	width: 200px;
	margin: 0;
	font-size: 14px;
	font-weight:bold;
	padding: 14px 0px 20px 0px;
	background-repeat: no-repeat;
	background-position: top;
	text-align: center;
	color: #cd5c5c;
}
#side dd {
	padding: 0 20px 30px 20px;
	margin: 0;
	font-size:11px;
}


#side a.reviewlink {
   display: block;
   width:160px;
   height:40px;
   padding: 0 !important;
   margin: 0 0 15px 0;
   background-image: url(http://otometical.com/2012/11/images/side_review.png);
   background-repeat: no-repeat;
   background-position:left top;
   text-indent: 100%;
   white-space: nowrap;
   overflow: hidden;
}
#side a:active.reviewlink,
#side a:hover.reviewlink{
   display:block;
   width:160px;
   height:40px;
   padding: 0 !important;
   margin: 0 0 15px 0;
   background-image: url(http://otometical.com/2012/11/images/side_review.png);
   background-repeat: no-repeat;
   text-indent: 100%;
   white-space: nowrap;
   overflow: hidden;
   background-position:left bottom;
}

/*▲ サイドバー共通 ▲ */

/*▼ 左側メニュー(プラグイン１) ▼ */

#side_a dl {
	background-image:url(http://otometical.com/2015/04/sidea_02.jpg);
}
#side_a dt {
	background-image: url(http://otometical.com/2015/04/sidea_01.jpg);
}
#side dd {
	background-image: url(http://otometical.com/2015/04/sidea_03.jpg);
	background-position:bottom;
	background-repeat:no-repeat;
}


#side_b dl {
	background-image:url(http://otometical.com/2015/04/sideb_02.jpg);

}
#side_b dt {
	background-image:url(http://otometical.com/2015/04/sideb_01.jpg);
}
#side_b dd {

	background-image: url(http://otometical.com/2015/04/sideb_03.jpg);
	background-position:bottom;
	background-repeat:no-repeat;
}

div#talk {
	display: block;
	margin: 0 0 20px 0;
	width: 200px;
	background-image:url(http://otometical.com/2015/04/talk_01.jpg);
	background-repeat:no-repeat;
	background-position:top;
	padding: 30px 0 0 0;
}

div.talk_contents {
	width: 200px;
	padding:0 0 94px 0;
	background-image:url(http://otometical.com/2015/04/talk_03.jpg);
	background-repeat:no-repeat;
	background-position:center bottom;
	text-align:center;
	color: #666;
}
.talk{
	margin:0;
	display:block;
	font-size: 12px;
	line-height:150%;
	padding: 0 15px 0 15px;
	background-image:url(http://otometical.com/2015/04/talk_02.jpg);
}
#talk a:link {
	color:#1E3788;
}
#talk a:visited {
	color:#1E3788;
}
/*▲ 左側メニュー(プラグイン１) ▲ */




/*▼ コメント ▼ */

.comment_title {
	background-image: url(http://otometical.com/2015/04/entry_01.png);
	background-repeat: no-repeat;
	padding: 42px 10px 55px 10px;
	font-size: 14px;

} 
.comment_body {
	background-image: url(http://otometical.com/2015/04/entry_02.png);
	padding: 20px 46px 30px 46px;
	font-size: 12px;
} 
.comment_text { 
	width: 468px;
	text-align:left;
}
.comment_navi {
	text-align: right;
	background-image: url(http://otometical.com/2015/04/entry_03.jpg);
	background-repeat: no-repeat;
	padding: 0px 46px 105px 46px;
	font-size: 12px;
}
/* コメント入力欄幅 */
#subject,
#name,
#mail,
#url {
width: 50%;
}

#comment {

}
/* コメントパスワード入力欄幅 */
#pass {
width: 30%;
}
/*▲ コメント ▲ */



/*▼ トラックバック ▼ */

.trackback_block_body { 	
	text-align:left; 
	padding:10px 20px 0;
}
.trackback_title {
	font-weight:bold;
}
.trackback_body { 
	margin-bottom:20px;
	text-align: left;
}
.trackback_navi {
	text-align:right;
} 
/*▲ トラックバック ▲ */

/*▼ カテゴリ・検索・月別ナビゲーション ▼ */

.listarea_title {
	width: 560px;
	color: #492C21;
	text-align: center;
	margin: 20px 0 20px 0;
}
.listarea { 
	width: 560px;
	font-size: 14px;
} 

.listarea ul {
	list-style:none;
	text-align:left;
	margin: 0;
	padding: 0;
}
.listarea li{
	padding-left: 30px;
}
.listarea_navi {
	text-align: center;
	padding: 0px 10px 160px 10px;
	margin: 0;
	line-height: 200%;
	font-size: 14px;
} 
/*▲ カテゴリ・検索・月別ナビゲーション ▲ */

/*▼ フッター ▼ */

#footer {
	font-size: 9pt;
	color: #727074;
	padding: 150px 5px 30px 5px;
	background-image: url(http://otometical.com/2015/04/footer.jpg);
	background-repeat: repeat-x;
	line-height: 140%;
} 
#footer_body a:link {
	color: #83D0A9;
}
#footer_body a:active  {
	color: #E7B0C5;
}
#footer_body a:visited {
	color: #E7B0C5;
}
#footer_body a:hover{
	color: #FFF3C1;
}

/*▲ フッター ▲ */

/* ▼続きを読む▼ */
.readmore {
	text-align:right;
	margin-top: 30px;
	font-size:120%;
}
/* ▲続きを読む▲ */


/* カレンダー */
.calender td { text-align: center; }
th#sun { color: #CC3300; }
th#sat { color: #0066CC; }

/*** その他 ***/

form { margin:0; }
table { font-size:10pt; }

.readclose { margin: 10px 0; } 
.page_navi { margin:30px 0; font-size:10pt; }

/* カレンダーの中央寄せ */
.calender{
	margin-left: auto;
	margin-right: auto;
} 



/* カテゴリ一覧へ戻る */
.pgtop {
	text-align:right;
}

/* サイドバーランキング */
.ranking {
	text-indent:-9999px;
}
a:link.ranking{
	background-image: url(http://otometical.com/2013/06/ranking_01.png);
	display:block;
	width: 150px;
	height: 60px;
	margin: 0 auto 0 auto;
}
a:hover.ranking{
	background-image: url(http://otometical.com/2013/06/ranking_02.png);
	display:block;
	width: 150px;
	height: 60px;
	margin: 0 auto 0 auto;
}

/* 記事内容装飾CSS */
table.mysister {
	border-collapse: collapse;
	margin-top:5px;
	margin-bottom: 5px;
	margin-right: auto;
	margin-left: auto;
}
.mysister td {
	border: 1px solid gray;
	padding: 3px;
	vertical-align: top;
	color: #6D3810;
}
.mysister th {
	border: 1px solid gray;
	padding: 3px;
	background-color: #E9DBE9;
	font-size: 12px;
}
.alink {
	background-image:url(http://blog-imgs-29.fc2.com/m/y/s/mysister/200908_link.jpg);
	background-repeat:no-repeat;
	width:468px;
	text-align:center;
	padding-top:18px;
	padding-bottom:18px;
	margin:0;
}

/*TEXTDECO*/
.heart a,
.nextt  a,
.music a,
.star a,
.cube a,
.cubegreen a,
.x a{
   font-size: 14px;
   letter-spacing: 1px;
   color: #c8161e;
}
.heart a:hover,
.heart a:active,
.nextt  a:hover,
.nextt  a:active,
.music a:hover,
.music a:active,
.star a:hover,
.star a:active,
.music a:hover,
.music a:active,
.cube a:hover,
.cube a:active,
.cubegreen a:hover,
.cubegreen a:active,
.x  a:hover,
.x  a:active{
   color: #e7741d;
}
.heart {
	background-image:url(http://otometical.com/emoji/mark_hearts.png);
	background-repeat:no-repeat;
	background-position:top left;
	padding-left: 20px;
	padding-bottom: 10px;
	margin-top:10px;
	display:block;
	color: #cebbb4;
}
.nextt {
	background-image:url(http://otometical.com/emoji/mark_next.png);
	background-repeat:no-repeat;
	background-position:top left;
	padding-left: 20px;
	padding-bottom: 10px;
	margin-top:10px;
	display:block;
	color: #cebbb4;
}
.music {
	background-image:url(http://otometical.com/emoji/mark_music.png);
	background-repeat:no-repeat;
	background-position:top left;
	padding-left: 20px;
	padding-bottom: 10px;
	margin-top:10px;
	display:block;
	color: #cebbb4;
}
.star {
	background-image:url(http://otometical.com/emoji/mark_star.png);
	background-repeat:no-repeat;
	background-position:top left;
	padding-left: 20px;
	padding-bottom: 10px;
	margin-top:10px;
	display:block;
	color: #cebbb4;
}
.cube {
	background-image:url(http://otometical.com/emoji/mark_cube.png);
	background-repeat:no-repeat;
	background-position:top left;
	padding-left: 20px;
	padding-bottom: 10px;
	margin-top:10px;
	display:block;
	color: #cebbb4;
}
.cubegreen {
	background-image:url(http://otometical.com/emoji/mark_cubegreen.png);
	background-repeat:no-repeat;
	background-position:top left;
	padding-left: 20px;
	padding-bottom: 10px;
	margin-top:10px;
	display:block;
	color: #cebbb4;
}
.x {
	background-image:url(http://otometical.com/emoji/mark_x.png);
	background-repeat:no-repeat;
	background-position:top left;
	padding-left: 20px;
	padding-bottom: 10px;
	margin-top:10px;
	display:block;
	color: #cebbb4;
}

.box160 {
	display: block;
	width:160px;
	height:145px;
	border:none;
	vertical-align: middle;
	overflow: hidden;
	text-align: center;
	padding-top: 25px;
	padding-bottom: auto;
	background-image: url(http://otometical.com/2012/11/images/160.jpg);
	background-repeat: no-repeat;
	zoom: 1;
}
h4.ribbon {
	background-image: url(http://otometical.com/images/h4_ribbon.jpg);
	background-repeat:no-repeat;
	padding-left: 50px;
	padding-top: 2px;
	padding-bottom:10px;
	margin:0;
	font-size:14px;
	color: #443837;
}
.imgleft {
	float: left;
	padding-left: 5px;
	padding-bottom: 5px;
	border: none;
}
.imgright {
	float: right;
	padding-right: 5px;
	padding-bottom: 5px;
	border: none;
}
.left {
	float: left;
	padding-right: 5px;
	padding-bottom: 5px;
	border: none;
	display: block;
}
.right {
	float: right;
	padding-left: 5px;
	padding-bottom: 5px;
	border: none;
	display: block;
}

.ctr {
	display: block;
	text-align: center;
	vertical-align: middle;
}