@charset "UTF-8";

/* Information
==================================================
Name   : blogmedia/2ch_lavender_3c
==================================================
*/

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

/*
 * 00. Normalize
 */

html, body, div, span,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
table, thead, tbody, tfoot, th, tr, td, ul, ol, li, dl, dt, dd,
form, fieldset, legend, hr, a, img,
strong, em, ins, del, cite, abbr, acronym, sup, sub, dfn, code, var, samp, kbd, b, i,
header, hgroup, article, section, nav, menu {
	margin: 0;
	padding: 0;
	font-size: 100%;
}

html,
body {
	height: 100%;
}

body,
button,
input,
select,
textarea {
	font-size: 13px;
font-weight:500;
	font-family: Helvetica,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"ＭＳ Ｐゴシック","MS P Gothic",sans-serif;
	color: #333333;
}

* + html body {
	font-family: "メイリオ",Meiryo;
}

body{
background-image: url(http://livedoor.blogimg.jp/akb48rhyh/imgs/0/6/06a8c6d1.png);
background-repeat: repeat;
background-attachment: fixed;
margin: 0;
padding: 0;
text-align: left;
}

a {
	color: #4292FF;
	text-decoration:none;
}

a:hover {
	color: #F54DAD;
}

a:hover img { 
filter:alpha(opacity=70);/* 画像透明度 */
opacity:0.9;
}


button,
input,
select,
textarea,
a:active,
a:focus {
	outline: none;
}

textarea {
	resize: none;
}

li {
	list-style-type: none;
}

table {
	border-collapse:collapse;
	border: 0px;
}

img {
	border: none;
}

/*
 * Header
 */

#blog-header-outer {
	width: 100%;
	min-width: 100%;
	border-top: 2px solid #bbaa77;
}

#blog-title-outer {
	width: 1100px;
	height: 140px;
	margin: 0 auto;
}

#blog-title {
	display: none;
}

#blog-title-image {
}

/* Menu */

#blog-navigation-outer {
	width: 100%;
	min-width: 1100px;
	height: 38px;
	line-height: 40px;
	border-top: 1px solid #332F2E;
	border-bottom: 1px solid #332F2E;
	background: #332F2E;
}

#blog-navigation {
	width: 1100px;
	height: 38px;
	margin: 0 auto;
}

#blog-navigation li {
	height: 30px;
	line-height: 30px;
	margin: 4px auto;
	padding: 0 14px;
	border-left: 1px solid #eeeeee;
	float: left;
}

#blog-navigation li#search-form {
	float: right;
}

#blog-navigation #search-form input[type="text"] {
	height: 16px;
	border: 1px solid #eeeeee;
	padding: 4px 6px;
}

#blog-navigation #search-form input[type="submit"] {
	width: 80px;
	height: 26px;
	border: 1px solid #767676;
	padding: 4p 0px;
	background: #bbaa77;
	color: #ffffff;
}

#blog-navigation #search-form input[type="submit"]:hover {
	border: 2px solid #767676;
	padding: 3px 0px;
	cursor: pointer;
}

/*
 * Container
 */

#blog-container {
	height: auto !important;
	height: 100%;
	min-height: 100%;
	position: relative;
}

/*
 * Content
 */

#blog-content {
	width: 1100px;
	margin: 0 auto;
	padding-top: 0px;
	padding-bottom: 60px;
}

/*
 * Main
 */

#blog-main {
	width: 600px;
	float: left;
}



/*
 * RSS
 */

#blog-rss {
	display: none;
	background: #ffffff;
	margin-bottom: 20px;
}

#rss-title {
	height: 34px;
	line-height: 34px;
	border-left: 4px solid #312F2F;
	padding-left: 10px;
	background: #767676;
	color: #ffffff;
}

#rss-body {
	border: 1px solid #eeeeee;
	border-top: none;
}

/*
 * Page Navigation
 */

.pager {
	lettar-spacing: -0.4em;
	padding: 10px 0px;
}

.index-navigator li.paging-prev,
.index-navigator li.paging-next,
.index-navigator li.paging-number ol.paging-number li {
	display: inline-block;
	width: 30px;
	height: 30px;
	line-height: 30px;
	border: 1px solid #eeeeee;
	background: #ffffff;
	text-align: center;
	vertical-align: middle;
	margin: 0 4px;
}

.index-navigator li.paging-number ol.paging-number li a {
	display: block;
}

/*
 * Page Title
 */

.archives-title-outer {
	width: 578px;
	border: 1px solid #eeeeee;
	padding: 18px 14px;
	margin-bottom: 10px;
	background: #ffffff;
}

.archives-title-outer h2 {
	font-size: 18px;
}

/* 
 * Article
 */

.blog-article-outer {
	width: 578px;
	border: 1px solid #eeeeee;
	padding: 10px;
	margin-bottom: 10px;
	background: #FFFFFF;
	position: relative;
}

.article-title {
	font-size: 20px;
	padding: 4px;
}

.article-tool-box {
	margin: 2px 0;
	padding: 4px 0px 4px 8px;
	border-top: 1px solid #bbaa77;
	border-bottom: 1px solid #bbaa77;
}

.article-tool-box li {
	margin-right: 10px;
	float: left;
}

.article-category dt,
.article-category dd {
	float: left;
}

.article-body {
	padding: 8px;
}

.article-list .article-body {
	border-bottom: 1px solid #bbaa77;
}

.article-continue-outer {
	width: 100%;
	position: absolute;
	bottom: 0;
}

.article-continue {
	width: 200px;
	height: 26px;
	line-height: 26px;
	border: 2px solid #222222;
	margin: 0 auto;
	background: #444444;
	text-align: center;
}

.article-continue:hover {
	background: #222222;
}

.article-continue a {
	display: block;
	font-size: 15px;
	color: #eeeeee;
}

.article-continue a:hover {
	color: #ffffff;
}

.related-articles {
	margin-top: 10px;
}

.related-articles li {
	padding-left: 10px;
	list-style-position: inside;
	list-style-type: disc;
}

.article-footer {
	padding-left: 8px;
}

.cover-image-outer {
	width: 250px;
	float: left;
}

.cover-image,
.no-image {
	display: inline-block;
	width: 242px;
	height: 147px;
	background: #ffffff;
	border: 4px solid #eeeeee;
}

.cover-image:hover,
.no-image:hover {
	border-color: #dddddd;
}

.character {
	position: absolute;
}

.character img {
	position: relative;
	-webkit-transition: 0.2s ease-in-out;
	-moz-transition: 0.2s ease-in-out;
	-o-transition: 0.2s ease-in-out;
	-ms-transition: 0.2s ease-in-out;
	transition: 0.2s ease-in-out;
}

.character-left {
	top: -80px;
	left: 10px;
}

.character-right {
	top: -80px;
	left: 410px;
}

.character-left:hover {
	-webkit-transform: rotate(10deg);
	-moz-transform: rotate(10deg);
	transform: rotate(10deg);

}

.character-right:hover {
	-webkit-transform: rotate(-10deg);
	-moz-transform: rotate(-10deg);
	transform: rotate(-10deg);
}

/* Article List */

#article-list .article-header { 
	border-bottom: 1px solid #bbaa77;
}

#article-list .article-tool-box {
	width: 302px;
	height: 125px;
	float: right;
	margin: 0px;
	margin-left: 10px;
	padding: 0px;
	padding-bottom: 30px;
	border: none;
	position: relative;
}

#article-list .article-tool-box li {
	margin: 0px;
	margin-bottom: 4px;
	float: none;
}

/*
 * Comment List
 */

#comments-list h3 {
	display: block;
	font-size: 20px;
	padding: 4px;
	margin: 2px 0 10px;
	border-top: 1px solid #bbaa77;
	border-bottom: 1px solid #bbaa77;
}

#comments-list #ld_blog_article_comment_entries {
	padding: 8px;
}

#comments-list .comment-author,
#comments-list .comment-date {
	display: inline-block;
	margin-right: 10px;
}

#comments-list .comment-body {
	padding: 12px 3px;
border-bottom:1px dotted #222;/* 区切り線 */ 
margin: 2px 0 30px;
}

/*
 * Comment
 */

#takecomment h3 {
	display: block;
	font-size: 20px;
	padding: 4px;
	margin: 2px 0 10px;
	border-top: 1px solid #bbaa77;
	border-bottom: 1px solid #bbaa77;
}

#comment-form th {
	font-weight: normal;
}

#comment-form tr.input-url,
#comment-form tr.input-email,
#comment-form tr.input-etc,
#comment-form tr.input-facemark {
	display: none;
}

#comment-form #formbody {
	padding: 8px;
}

#comment-form #formbody table {
	border-collapse: separate;
}

#comment-form #formbody th,
#comment-form #formbody td {
	padding-bottom: 8px;
}

#comment-form #formbody th.author {
	padding-right: 8px;
}

#comment-form #formbody input#author,
#comment-form #formbody textarea {
	border: 1px solid #eeeeee;
	padding: 4px 6px;
}

#comment-form #formbody input#author {
	height: 16px;
}


#comment-form #formbody textarea {
	width: 450px;
	height: 150px;
}

#comment-form #formbody input[type="submit"] {
	width: 80px;
	height: 26px;
	border: 1px solid #767676;
	padding: 4p 0px;
	margin-left: 2px;
	background: #bbaa77;
	color: #ffffff;
}

#comment-form #formbody input[type="submit"]:hover {
	border: 2px solid #767676;
	padding: 3px 0px;
	cursor: pointer;
}

/*
 * livedoor ad
 */

#blog-livedoor-ad {
	width: 598px;
	border: 1px solid #eeeeee;
	margin-bottom: 10px;
	background: #ffffff;
}

/*
 * Widget
 */

#blog-widget-1 {
	margin-right: 20px;
	float: left;
}

#blog-widget-2 {
	margin-left: 20px;
	float: right;
}

.widget-area {
	width: 228px;
	border: 1px solid #eeeeee;
	background: #F8F8FF; /* サイド背景カラー */
}

.widget-area .sidetitlebody {
	border-top: 1px solid #eeeeee;
	border-bottom: 1px solid #eeeeee;
}

.widget-area .sidewrapper:first-child .sidetitlebody {
	border-top: 0px;
}

.widget-area .sidetitle {
	height: 34px;
	line-height: 34px;
	border-left: 4px solid #3676e0;
	padding-left: 10px;
	background: #000000;
	color: #ffffff;
}

.widget-area .sidebody {
	padding: 10px;
}

.plugin-recent_articles .sidebody,
.plugin-categorize .sidebody,
.plugin-monthly .sidebody,
.popular-articles .populararticles-title {
	line-height: 16px;
	padding: 10px 6px !important;
	border-top: 1px solid #f2f2f2; 
	word-break: break-all;
}

.plugin-recent_articles .sidebody:first-child,
.plugin-categorize .sidebody:first-child,
.plugin-monthly .sidebody:first-child,
.popular-articles table tbody tr:first-child .populararticles-title {
	border-top: 0px;
}

ul#ld-services {
	border-top: 1px solid #eeeeee;
}

ul#ld-services li {
	padding: 10px;
}

/*
 * Footer
 */

#blog-footer-outer {
	width: 100%;
	min-width: 1100px;
	height: 800px;
	line-height: 40px;
	position: absolute;
	bottom: 0;
	background: #312F2F;
}

#blog-footer {
	width: 1100px;
	margin: 0 auto;
	color: #ffffff;
	text-align: center;
}

/*
 * clearfix
 * --------------------------------------------------
 * A new micro clearfix hack – Nicolas Gallagher
 * http://nicolasgallagher.com/micro-clearfix-hack/
 */

.clearfix:before,
.clearfix:after {
    content: " ";
    display: table;
}
 
.clearfix:after {
    clear: both;
}
 
.clearfix {
    *zoom: 1; /* for IE 6/7 only */
}

/*
 * livedoor Blog - Header
 */

#header2 {
	background: #f2f2f2;
}


/*メッセージボード*/
.message-board-outer{
	margin-bottom:10px !important;
	padding:10px;
	border:0px solid #696969;
	background:#312F2F;
	font-size:13px;
	line-height:1.6;
}
.message-board-outer a{
	text-decoration:none;
}
.message-board-outer a:hover{
	text-decoration:underline;
}




/* ----------------------------------------------- */
/*

      BlogRoll css

*/
/* ----------------------------------------------- */

.blogroll-channel * {
width: 1100; /* 表示させたい幅 */
height: 100; /* 表示させたい高さ */
overflow-y: auto; /* 表示させたい高さを超えたらスクロール */
overflow-x: hidden; /* 横方向にはスクロールさせない */
margin: 0;
padding: 0;
border: none;
text-align: left;
}

.blogroll-channel {
    height: 200px;
    margin-bottom: 15px;
    padding: 10px;
    border: solid 1px #999;
    background: #fff;
    overflow-y: scroll;
}

.blogroll-channel .blogroll-list-wrap {
    margin-bottom: 10px;
}

.blogroll-channel .blogroll-list {
list-style-type: none;
margin-bottom: 3px;
font-size: 15px; /* 表示させたいフォントサイズ */
font-weight:bold;/* bold→太い文字 normal→普通 */
line-height: 1.3;
}

.blogroll-channel .blogroll-list img {
    vertical-align: middle;
}

.blogroll-channel img.blogroll-icon,
.blogroll-channel img.blogroll-favicon {
    margin: 0 5px 0 0;
}

.blogroll-channel img.blogroll-favicon {
	width: 16px;
	height: 16px;
}

.blogroll-channel a.blogroll-link {
}

.blogroll-channel .blogroll-new-entry {
    margin-left: 5px;
    color: red;
}

.blogroll-channel .blogroll-clip,
.blogroll-channel .blogroll-hatebu {
    margin: 0 0 0 5px;
}

.blogroll-channel .blogroll-link-time {
    margin: 0 0 0 3px;
    color: #666;
    font-size: 10px;
}

.blogroll-channel .blogroll-ad-img {
}

.blogroll-channel .blogroll-ad-text {
    display: block;
    margin-top: 5px;
    color: #666;
    font-size: 12px;
}
.blogroll-wrapper{
width:1100px;
overflow:hidden;
}
.blogroll-column{
float:left;
width:50%;
}

/* ----------------------------------------------- */
/*

      BlogRoll on

*/
/* ----------------------------------------------- */


.anpan .blogroll-channel {
width: auto;
height: auto;
margin: 0;
padding: 0;
border: none;
text-align: left;

}
.anpan .blogroll-channel {
margin-bottom: 0px;
padding: 0px;
background: #fff;
height: 160px;
overflow: hidden;
}

.anpan .blogroll-channel .blogroll-new-entry {
margin-left: 5px;
color: red;
}


/* ----------------------------------------------- */
/*

      BlogRoll on2

*/
/* ----------------------------------------------- */


.anpan2 .blogroll-channel {
width: auto;
height: auto;
margin: 0;
padding: 0;
border: none;
text-align: left;

}
.anpan2 .blogroll-channel {
margin-bottom: 0px;
padding: 0px;
background: #fff;
height: 728px;
overflow: hidden;
}

.anpan2 .blogroll-channel .blogroll-new-entry {
margin-left: 5px;
color: red;
}


/* ----------------------------------------------- */
/*

      BlogRoll on3

*/
/* ----------------------------------------------- */

.anpan3 .blogroll-channel {
width: auto;
height: auto;
margin: 0;
padding: 0;
border: none;
text-align: left;

}
.anpan3 .blogroll-channel {
margin-bottom: 0px;
padding: 0px;
background: #ffffff;
height: 384px;
overflow: auto;
}

.anpan3 .blogroll-channel .blogroll-list {
list-style-type: none;
margin-bottom: 3px;
font-size: 13px;
width: auto;
padding: 0px;
}

.anpan3 .blogroll-channel .blogroll-list a {
color : #69B4F0;
}

.anpan3 .blogroll-channel .blogroll-list a:hover {
color : #F54DAD;
}

.anpan3 .blogroll-channel .blogroll-new-entry {
margin-left: 5px;
color: red;
}

.anpanblog3 {
border: 2px solid ;
border-color : #F0F8FF ;
}


/* ----------------------------------------------- */
/*

      BlogRoll on4

*/
/* ----------------------------------------------- */

.anpan4 .blogroll-channel {
width: auto;
height: auto;
margin: 0;
padding: 0;
border: none;
text-align: left;

}
.anpan4 .blogroll-channel {
margin-bottom: 0px;
padding: 0px;
background: #ffffff;
height: 280px;
overflow: auto;
}

.anpan4 .blogroll-channel .blogroll-list {
list-style-type: none;
margin-bottom: 3px;
font-size: 13px;
width: auto;
padding: 0px;
}

.anpan4 .blogroll-channel .blogroll-list a {
color : #000000;
}

.anpan4 .blogroll-channel .blogroll-list a:hover {
color : #F54DAD;
}

.anpan4 .blogroll-channel .blogroll-new-entry {
margin-left: 5px;
color: red;
}

.anpanblog4 {
border: 2px solid ;
border-color : #F0F8FF;
}


/* サイドナビゲーション */
div.side-navi {
position:fixed;
top:62.5%;
right:0px;
z-index:100;
}
div.side-navi ul{
margin:0;padding:0;
list-style:none;
}
div.side-navi ul li{
margin:0;padding:0;
line-height:40px;
text-align:center;
}
div.side-navi ul li a{
margin:0;padding:0;
display:block;
width:45px;
height:45px;
font-size:10px;
color:#ffffff;
text-decoration:none;
background:#000000;
border:solid #f0f0f0;
border-width:0 1px 1px 1px;
filter: alpha(opacity=80);
-moz-opacity:0.8;
opacity:0.8;
}
div.side-navi ul li a:hover{
filter: alpha(opacity=100);
-moz-opacity:1;
opacity:1;
}
div.side-navi ul li:first-child a{}
div.side-navi ul li:last-child a{}
div.side-navi ul li.sn-prev a,
div.side-navi ul li.sn-next a,
div.side-navi ul li.sn-top a{
height:35px;
padding-top:10px;
}
div.side-navi ul li.sn-comment{
line-height:15px;
}
div.side-navi ul li.sn-comment a{
height:37px;
padding-top:8px;
}
div.side-navi ul li.sn-prev a{
background:#000000 url(http://parts.blog.livedoor.jp/img/usr/ver06_hr_colormosaic_2c/navi_prev.gif) no-repeat 50% 25%;
}
div.side-navi ul li.sn-next a{
background:#000000 url(http://parts.blog.livedoor.jp/img/usr/ver06_hr_colormosaic_2c/navi_next.gif) no-repeat 50% 25%;
}
div.side-navi ul li.sn-top a{
background:#000000 url(http://parts.blog.livedoor.jp/img/usr/ver06_hr_colormosaic_2c/navi_top.gif) no-repeat 50% 25%;
}



/* 見出し */
.title4 {
border-top: 3px solid #FF89C7;
text-align: left;
background-color: #eee;
font-size: 14px;
color: #000;
margin:0px;
padding: 2px 2px 2px 15px;
width:auto;
}


/* 画像を自動でフィットさせる */
img {
    max-width: 100%;
    height: auto;
}


/* 文字を折り返す */
body {
  word-wrap: break-word;
}

/* 追尾式広告 */
.fixed {
  position: fixed;
  top: 0px;
}

/* コメントのレスアンカーへのポップアップ機能 */
#mypopup {
display: none;
position: absolute;
border:1px solid #bbb;
padding:5px 8px 8px;
font-size:12px;
color:#111;
background-color:#ffc;
list-style-type:none;
line-height:1.2;
text-align:left;
max-width:750px;
min-width:250px;
box-shadow: 3px 3px 3px #ccc;
-moz-box-shadow: 3px 3px 3px #ccc;
-webkit-box-shadow: 3px 3px 3px #ccc;
}

#mypopup li.comment-date, #mypopup li.comment-author{
display: inline;
color:#666;
}

body {
    -webkit-text-size-adjust: 100%;
}
/* スマホズーム固定 */
p {
    max-height: 100%;
}

.t_b {
font-weight: bold;
font-size:16px;
margin-bottom:30px;margin-top:5px;
}

.t_h {
font-weight: normal;
font-size:11px;
border-bottom: dotted 1px #cc9;
}


/* スペース */
.mb1{
   margin-bottom: 700px;
}