/* Information
==================================================
livedoor Blog CSS
Name   : blogmedia/2ch_cobaltblue_3c
==================================================
*/

/* Table of Contents
==================================================
	01. Text - フォント・リンク
	02. Layout - 全体の枠組み
	03. Title - ブログタイトルエリア
	04. SubTitle - アーカイブタイトルエリア
	05. Pager - ページャ
	06. Main - 記事エリア
	07. Option - トラックバック・コメントエリア
	08. Sub & Extra - プラグインエリア
	09. Header & Footer - ヘッダー・フッター
	10. Others - ADエリア etc.
==================================================
*/

/* =============================================== */
/** 01. Text - フォント・リンク */
/* ----------------------------------------------- */
html {
background:#333;
}

body { 
text-align:center;
line-height:1.3;
color:#333;
background:transparent url(image/header-menu.gif) 0 0 repeat-x;
font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
}

* {  
margin:0;  
padding:0;  
}  

img,abbr {
border:0;
}

/* =============================================== */
/** 02. Layout - レイアウト（全体の枠組み） */
/* ----------------------------------------------- */

#outline { 
width:1183px;
margin:0 auto;
}

#container {
margin:15px 5px 0;
width:1173px;
overflow:hidden;
} 

#center { 
width:650px;
float:left;
display:inline; 
} 

.ently_outline {
text-align:left;
background-color:#202020;
border:#AEBAC3 1px solid;
margin:0 12px 10px 0;
-webkit-border-radius:2px;
-moz-border-radius:2px;
width:648px;
overflow:hidden;
}

#left { 
width:200px;
float:left;
margin:0 7px 0 5px;
padding:3px 0 10px;
text-align:left;
border:1px solid #AEBAC3;
background:#202020;
-webkit-border-radius:2px;
-moz-border-radius:2px;
} 

#ad_right { 
width:300px;
float:left;
margin:0 0 0px 7px;
padding:0px 0 10px;
text-align:left;
-webkit-border-radius:2px;
-moz-border-radius:2px;
}

#right { 
width:300px;
float:left;
margin:0 0 10px 7px;
padding:3px 0 10px;
text-align:left;
border:1px solid #AEBAC3;
background:#202020;
-webkit-border-radius:2px;
-moz-border-radius:2px;
} 

a {
text-decoration:none;
outline:none;
}
a:link {color:#4095ff;}
a:active {color:#4095ff;}
a:visited {color:#4095ff;}
a:hover {color:#cc0000;}

/*▼ ヘッダー ▼ */
#header_outline {
height:128px;
margin:0px 0px 0px 60px;
overflow:hidden;
position:relative;
}
#header_outline a {
display:block;
height:128px;
width:1000px;
background:url(image/title02.jpg) 0 0 no-repeat;
overflow:hidden;
text-indent:-8888px;
}
#header_outline a:hover {  
filter:alpha(opacity=60);
opacity:0.60;
}

h1 {
font-size:10px;
position:absolute;
top:3px;
left:40px;
color:#333;
background-color:#000000;
font-weight:normal;
}

/* =============================================== */
/** 06. Main - 記事エリア */
/* ----------------------------------------------- */
.ently_title {
font-size:18px;
color:#cc0000;
margin:20px 20px 0;
padding:3px 0 3px 10px;
border-left:6px solid #cc0000;
}

.ently_title a:visited {
color:#cc0000;
}

.ently_title a:hover {
color:#ff0000;
}

.ently_navi a,.ently_navi-info a {
text-decoration:none;
}
 
.ently_body a,.info a {
text-decoration:underline;
}

.ently_body {
font-size:12px;
color:#555;
margin:0 19px;
padding:12px 0 3px;
}

div.ently_body blockquote,
div.ently_body pre {
	background-color: #202020;
	font-size:14px;
	padding: 13px;
}

div.ently_body h3 {
	font-size: 20px;
	font-weight: bold;
	border-width: 0 0 0px 5px;
	border-style: none none solid solid;
	padding-left: 10px;
	margin-bottom: 10px;
	margin-left: -10px;
	border-color: #5C6CB2;

}

div.ently_body h4 {
	margin:30px -8px 8px;
	padding:15px 5px 5px;
	font-size:18px;
	color:#333;
	border-top:3px solid #bbb;
}

.ently_text {
	margin:0 0 0;
	line-height: 1.5;
}

.ently_text img {
	margin:4px 5px 1px -3px;
	border:3px solid #ccc;
	background:#fff;
}
.ently_text a img:hover {
	border-color:#bbb;
	filter:alpha(opacity=90);
	opacity:0.9;
}

.ently_navi_top a:hover,
.ently_navi a:hover {
text-decoration:underline;
}
.ently_navi {
font-size:12px;
margin:0 0 10px;
line-height:2.0;
position:relative;
text-align:right;
}

.entry_navi:after {
content:"";
display:block;
clear:both;
}

.ently_navi_top img,
.ently_navi img {
vertical-align:middle;
}

.ently_navi-info {
text-align:right;
font-size:12px;
line-height:1.5;
}

.ently_navi_top{
color:#666;
font-size:12px;
margin:0 20px 0;
padding:0 0 0 10px;
border-bottom:1px dotted #ccc;
border-left:6px solid #ccc;
border-top:1px dotted #ccc;
background:#202020;
height:22px;
line-height:22px;
}

.ently_navi_top div {
float:left;
margin:0 10px 0 0;
}
.ently_navi_top .topsy_widget_data {
float:right;
margin:2px 10px 0 0;
}
.dayarchive  a,.dayarchive a:hover {
color:#999 !important;
text-decoration:none;
}
.ently_navi-comment a {
color:#cc0000;
padding:0 0 0 17px;
background:url(image/icon_comment.gif) 0 no-repeat;
}

.category {
padding:0 0 0 17px;
background:url(image/icon_category.gif) no-repeat;
}

.article-body-more {
margin:20px 0 0;
line-height: 1.5;
}

.article-body-more img {
margin:4px 5px 1px -3px;
border:3px solid #ccc;
background:#fff;
}
.article-body-more a img:hover {
border-color:#bbb;
filter:alpha(opacity=90);
opacity:0.9;
}

.pagetop {
font-size: 14px;
margin: 5px;
text-align: right;
}

.pagetop_navi {
	padding:0 0 0 20px;
}

.related-articles {
    color: #555555;
    font-size: 12px;
    font-weight: bold;
    margin: 35px 0px 20px;
    line-height:20px;
}

/* =============================================== */
/** 08. Sub & Extra - プラグインエリア */
/* ----------------------------------------------- */

.plugin2_outline {
margin:0 0 15px;
}

.plugin2_title {
font-size:13px;
font-weight:bold;
color:#fff;
margin:0 3px;
background:#3E658B;
height:23px;
line-height:24px;
padding:0 0 0 10px;
-webkit-border-radius:2px;
-moz-border-radius:2px;
}

.plugin2_body {
font-size:12px;
color:#fff;
padding:3px 2px 3px;
margin:0 5px 0;
line-height:1.4;
}

.plugin2_body ul {
list-style-position:outside;
}

.plugin2_body li {
line-height:1.1;
border-bottom:1px dashed #bbb;
list-style:none;
margin: 5px;
padding: 5px;
}

.plugin2_title2 a:link,
.plugin2_title2 a:visited {
display: block;
padding: 2px;
color:#444;
text-decoration: none;
}

/* headline */
#headline {
padding:2px;
margin:0 0 15px;
background:#BFD1EF;
border:1px solid #8F9CB3;
-webkit-border-radius:2px;
-moz-border-radius:2px;
}

/* 小見出し */
.sub {
font-size:15px;
padding: 5px 0 0;
margin:0 0 20px;
border-bottom:1px dotted #ccc;
font-weight:bold;
color:#555;
}

.sub-body {
line-height:1.5;
margin:-10px 10px 5px;
font-size:13px;
}

.menu {
    font-size: 17px;
    margin-top: 5px;
    text-align: center;
}

div.related-a{
margin:2px 0 3px 2px;
}

.ad_menu {
	font-size: 20px;
	font-weight: bold;
	border-width: 0 0 0px 5px;
	border-style: none none solid solid;
	padding-left: 10px;
	margin-bottom: 10px;
	margin-left: -10px;
	border-color: #5C6CB2;

}

ul.article_footer_amazon{
width: 630px; margin: 0px; padding: 0px;
}
ul.article_footer_amazon li{
float: left; width: 300px; list-style: none outside; margin: 0px 5px; text-align: center;
}
ul.article_footer_amazon li img{
width: 300px; height: 150px; margin: 0px 0px 10px;
}

.ad_footer {
margin:0px 0px 0px 5px;

}

/* ----------------------------------------------- */
/** コメントフォーム */

#subject,#comment-name,#mail,#url {
width: 35%;
font-size:14px;
}
#commentaria {
width: 95%;
font-size:14px;
}
.comment-cap {
font-size:11px;
margin:10px 20px 20px;
}

/* その他 */
p {margin:2px 0;}
ul {
list-style-position:inside;
margin:2px 0 5px;
}

.readmore {
margin:20px 10px 15px 0;line-height:34px;
}

.readmore a {
-webkit-border-radius:3px;
-moz-border-radius:3px;
display:block;
border:solid 1px #ccc;
background:#fafafa;
font-size:15px;
height:34px;
text-align:center;
color:#007AA8;
font-weight:bold;
text-decoration:none;
}

.readmore a:hover {
color:#0099CF;
background:#f5f5f5;
border-color:#bbb;
text-decoration:none;
}

#more {
border-top:1px solid #f3f3f3;
height:10px;
}

/* ▼ コメント ▼ */
#comment {
width:600px;
padding:5px;
text-align:left;
font-size:12px;
line-height:1.4;
}

#comment_text {
border-bottom:solid 1px #ddd;
padding:0 5px 20px;
list-style-position:inside;
}

#comment span {
font-size:12px;
color:#888;
}
#comment span span {
color:#069b05;
}
#comment span a:link,#comment1816 span a:visited {
color:#446ED6;
text-decoration:none;
}
#comment span a:hover {
text-decoration:underline;
color:01b0f0;
}

#comment p {
color:#666;
margin:3px 30px 0;
font-size:13px;
font-weight:bold;
word-wrap:break-word;
font-family:"MS PGothic","ＭＳ Ｐゴシック",sans-serif;
}

*:first-child+html #comment span {
padding:0 0 0 10px;
}
*:first-child+html #comment span span {
padding:0;
margin:0;
}

.commentForm {
  background-color: #333333;
  border: 1px solid #999999;
  font-size: 13px;
  margin: 15px 10px;
  text-align: left;
}

.commentForm h5 {
padding:20px 0 0px 20px;
font-size:16px;
color:#555;
}

.commentForm form {
padding:10px 10px 10px 20px;
}

.commentForm dd {
padding:3px 0 10px;
}

.commentForm p {
display:inline;
padding:0 15px 0 0;
}

.commentForm p input {
padding:1px 30px;
}
#comment-name,#commentaria {
padding:2px;
}

.zenback {
margin:0 10px;
}

/* ▼メニューバー▼ */
.menubar {
overflow:hidden;
font-size:14px;
font-weight:bold;
margin:0 0 0 15px;
height:30px;
border-top:2px solid #000000;
line-height:30px;
font-family:"MS PGothic","ＭＳ Ｐゴシック",arial;
}
ul#menu_bar {
float:left;
}
#menu_bar li {
list-style:none;
display:block;
float:left;
}
#menu_bar li a {
display:block;
float:left;
padding:0 15px;
height:26px;
line-height:26px;
text-decoration:none;
color:#f1f1f1;
border-left:1px solid #90ABC3;
}
#menu_bar li a:hover{
background-color:#ECF1FB;
color:#4875a3;
}
#menu_bar .menu-twitter a,#footer-menubar .menu-twitter a  {
background:url() 15px no-repeat;
font-family:arial;
padding:0 15px 0 35px;
}
#menu_bar .menu-bookmark a,#footer-menubar .menu-bookmark a  {
background:url(image/bookmark.gif) 15px no-repeat;
font-family:arial;
padding:0 15px 0 35px;
}
#menu_bar .menu-rss a,#footer-menubar .menu-rss a  {
background:url() 15px no-repeat;
font-family:arial;
padding:0 15px 0 35px;
}
#menu_bar .menu-mail a,#footer-menubar .menu-mail a  {
background:url(image/mail.png) 15px no-repeat;
padding:0 15px 0 35px;
border-right:1px solid #90ABC3;
}
#menu_bar .menu-mail2 a,#footer-menubar .menu-mail2 a  {
background:url(image/mail.png) 15px no-repeat;
padding:0 15px 0 35px;
}

/* ▼ページ送り▼ */
.pagenavi{
text-align:center;
font-size:15px;
margin:10px 0 10px;
font-weight:bold;
}
.pagenavi a,.pagenavi b {
color:#555;
border:solid 1px #c7c7c7;
background:#fff;
margin:5px 1px;
padding:3px 7px 1px;
-moz-border-radius:3px;
-webkit-border-radius:3px;
}
.pagenavi a:hover {
background:#4875A3;
color:#fff;
border-color:#4875A3;
}
.pagenavi b {
background:#4875A3;
color:#fff;
border-color:#4875A3;
}
.pagenavi .dot {
background:transparent;
font-size:10px;
border:none;
padding:0;
}

/* link */
.link {
margin:0 12px;
font-size:11px;
}
.link ul li a {
background:#fefefe;
display:inline
}
.link ul li a:hover {
text-decoration:underline;
color:#01b0f0;
background:#fefefe;
}
.link ul li {
padding:2px 3px 0 0;
border:0;
}
.linklist {
display:block;
padding:5px 0 1px;
margin:0 0 2px;
color:#66b4a8;
font-weight:bold;
border-bottom:1px dashed #ccc;
text-align:right;
}
.info {
padding:10px 12px 0;
line-height:1.7;
}

.number {
color:#888;
font-size:13px;
}
.name {
font-weight:bold;
color:#008000;
}
.quote {
background-color:#F0F3F7;
padding:12px;
border:dashed 1px #aaa;
margin:5px 0 5px;
}
.res .quote {
margin:5px 10px 5px -10px;
}
.url {
font-size:12px;
}
.url-img {
color:#aaa;
font-size:8px;
font-weight:normal;
}

#ently_text div br,#ently_text p br,#ently_text strong br,#ently_text span br {
display:inline;
}

.thread-url {
text-align:right;
font-size:9px;
color:#aaa;
margin:0 0 5px;
}

/*▼ フッター ▼ */
#footer {
    background-color: #333333;
    border-top: 1px solid #000000;
    color: #FFFFFF;
    display: block;
    font-family: helvetica,arial,sans-serif;
    text-shadow: 1px 1px 0 #000000;
    margin:20px 0px 0px;
}

#footer-menubar {
padding: 2px 0;
}
#footer-menubar ul {
margin:0 auto;
width:1002px;
border-left:1px solid #FFFFFF;
font-family:"MS PGothic","ＭＳ Ｐゴシック",arial;
font-size:14px;
font-weight:bold;
}

#footer-menubar ul:after {
content:"";
display:block;
clear:both;
}
#footer-menubar ul li {
float:left;
list-style:none;
display:block;
border-right:1px solid #FFFFFF;
}
#footer-menubar ul a {
float:left;
display:block;
padding:0 15px;
height:26px;
color:#fff;
line-height:26px;
}
#footer-menubar ul li a:hover {
background-color:#ECF1FB;
color:#4875a3;
}


/* =============================================== */
/** 09. Sub & Extra - プラグインエリア */
/* ----------------------------------------------- */

.side ul.recent-article-image li {
    line-height: 1.2;
    min-height: 1px;
    padding: 5px 0;
    text-align: left;
}
.side ul.recent-article-image li:after {
    clear: both;
    content: ".";
    display: block;
    height: 0;
    visibility: hidden;
}
* html .side ul.recent-article-image li {
    height: 1%;
}
* + html .side ul.recent-article-image li {
    height: 1%;
}
.side ul.recent-article-image li img {
    border: 0 none;
    float: left;
    margin: 0 5px 0 0;
}

div.sidetitlebody {}

div.sidetitle {
	margin: 0 0 10px;
	border-color: #cc0000;
	text-align: left;
	font-size: 14px;
	font-weight: bold;
	padding-left: 5px;
	border-width: 0 0 0 4px;
	border-style: none none none solid;
}

div.sidetop
, div.sidebottom {
	display: none;
}

div.side {
	margin: 0 0 20px;
	text-align: center;
	font-size: 100%;
}

div.sidebody {
	background: url(image/dot.gif) no-repeat left 5px;
	padding: 0 0 5px 12px;
	margin-left: 4px;
	text-align: left;
}


/* ----------------------------- */
/* footer */

.article-footer {
	display:block;
        border-bottom: 1px dotted #CCCCCC;
        border-top: 1px dotted #CCCCCC;
	padding-bottom:30px;
	margin:5px 0px 10px;
}

div.article-tags  dl.article-tags dt {
	display:block;
	width:0;
	height:0;
	position:absolute;
	text-indent:-9999px;
}
ul.article-post {

}
ul.article-post li {
	display:block;
	float:left;
	font-size:12px;
}
ul.article-post li.article-comment-count {
	padding-left:18px;
	background:url(image/icon_comment.gif) no-repeat 0 0;
	margin:8px 10px 0px 5px;
}
ul.article-post li.article-tool-box {
	margin:8px 10px 0px 5px;
}

ul.article-post li.article-tool-mixi,
ul.article-post li.article-tool-hatebu {
	float:right;
	margin-left:10px;
}
ul.article-post li.article-tool-hatebu {
	padding-top:4px;
}
ul.article-post li.article-tool-tweet {
	float:right;
	padding-top:4px;
}
ul.article-post li.article-tool-mixi2 {
	float:right;
	padding:4px 10px 0px 0px;
}

.month_title {
    background: none repeat scroll 0 0 #5C6CB2;
    border: 1px solid #CCCCCC;
    color: #ffffff;
    display: block;
    font-size:18px;
    font-weight: bold;
    height: 20px;
    text-align: center;
    text-decoration: none;
    padding: 8px 0;
    margin:0 0 10px;
}

/* =============================================== */
/** 10. 記事装飾 */
/* ----------------------------------------------- */
.rr {
	FONT-SIZE: 14px; FONT-WEIGHT: bold; MARGIN: 0px 0px 0px 20px; LINE-HEIGHT: 1.3; TEXT-ALIGN: left
}
.r1 {
	FONT-SIZE: 16px; FONT-WEIGHT: bold; MARGIN: 0px 0px 0px 20px; COLOR: #FF0000; LINE-HEIGHT: 1.3; TEXT-ALIGN: left
}
.r2 {
	FONT-SIZE: 14px; FONT-WEIGHT: bold; MARGIN: 0px 0px 0px 20px; COLOR: #0000FF; LINE-HEIGHT: 1.3; TEXT-ALIGN: left
}
.r3 {
	FONT-SIZE: 14px; FONT-WEIGHT: bold; MARGIN: 0px 0px 0px 20px; COLOR: #FF0000; LINE-HEIGHT: 1.2; TEXT-ALIGN: left
}
.r4 {
	FONT-SIZE: 14px; FONT-WEIGHT: bold; MARGIN: 0px 0px 0px 20px; COLOR: #FF6633; LINE-HEIGHT: 1.2; TEXT-ALIGN: left
}
.aa {
	FONT-SIZE: 12px; WORD-BREAK: break-all; MARGIN: 0px 0px 0px 20px; LINE-HEIGHT: 1.1em; FONT-FAMILY: "ＭＳ Ｐゴシック","ＭＳ Ｐゴシック"
}


/* =============================================== */
/** 11. テーブル */
/* ----------------------------------------------- */
div.detail {
    border: 1px solid #CCCCCC;
    height: auto;
    margin: 5px auto;
    padding: 5px;
}
div.detail ul {
    border: 0 solid #CCCCCC;
}
div.detail li {
    height: auto;
    list-style-type: none;
    margin: 0;
}
div.detail ul li.detail_a {
    height: auto;
    padding: 5px 10px 14px;
}
div.detail ul li.detail_a div.app_icon img {
    float: left;
    margin-right: 10px;
    width: 45px;
}
div.detail ul li.detail_a h5 {
    font-size:18px;
     margin: 6px 0 0;
    padding: 0;
}
div.detail ul li.detail_a h6 {
    color: #37517B;
    font-size:14px;
}
div.detail ul li div.appz_h_auto {
    clear: left;
    height: auto;
    line-height: 3;
    padding: 10px 0 10px 10px;
}
div.detail ul li.detail_b {
    background-color: #FFFFFF;
    clear: left;
}
div.detail ul li.detail_c {
    background-color: #E5E5E5;
    clear: left;
    font-size: 100%;
    margin: 1px 6px 5px;
    padding: 10px;
}
div.details ul li div.ban {
    height: 100px;
    padding: 3px 0 0;
}
div.detail ul li div.ban img {
    width: 448px;
}