@charset "UTF-8";

/* スタイル目次
/* 基本タグ
/* リンク・フォント系タグ
/* clearfix（回り込み解除）
/* 画像系タグ
/* 見出し
/* フォーム関係
/* メール送信・更新登録等のテーブル
/* 背景装飾
/* 段組
/* ヘッダー
/* フッター
/* ガイドメニュー
/* 検索アイコン（スマホ用）
/* 検索＆ガイドアイコンの表示
/* スライド型メニュー（スマホ版ガイドメニューで使用）
/* スマホ版ガイドメニューの装飾（スライド機能には無関係）
/* メインメニュー
/* フッタ版メインメニュー
/* スマホ⇔PC切り替えボタン
/* パンくずリスト
/* サイドバー
/* サブメニュー
/* タブ
/* タブ　1列リストメニュー
/* タブ　2列リストメニュー
/* アコーディオン(タブ用)
/* アコーディオン(タレコミ一行用)
/* アコーディオン(FAQ用)
/* ランダム広告
/* RSS型広告
/* ブログパーツ類
/* ページナビ
/* ここから更新情報ページのみ
/* ここからリンク集のみ
/* ここからWebmaster用のみ
/* ここからニュースページのみ
/* ここからレビューページのみ
/* ここから動画ページのみ
/* ここから画像BBSのみ
/* ここからヘルプページのみ

/* 基本タグ
/***********************************************/
body {
	font-size:94%;
	background-color:#EFDEFF;
	-webkit-text-size-adjust: none; /* iphone横画面でフォントを拡大表示しないように */
		}

p {
	margin-top:0.3em;
	margin-bottom:1.2em;
	line-height:1.3;
	}


ul {
	margin:0 0 0 1em;
	padding: 0;
	}

li	{
	margin-bottom:3px;
	line-height:1.3;
	}

ol {
	margin:0 0 0 1em;
	padding:0;
	}

hr {
	border:none;
	border-top:dashed 1px #660000;
	clear: both;
	margin: 1em 0;
	}

address {
	font-style:normal;
	color:#333366;
	text-align:center;
	margin-top:10px;
	}

@media screen and (max-width: 640px) {
   /* 640px未満で横スクロール防止するための設定 */
iframe,
object,
embed,
video,
.jwplayer,
.fit
	 {
	max-width:98%;
	}
}

.nowrap {
/* URLなどが書かれたとき画面端で折り返す（横スク防止）*/
	word-wrap:break-word;
	word-break:break-all;
	}

@media screen and (max-width: 640px) {
   /* 640px未満で非表示にするためのクラス */
.invisible_sp {
	display:none;
	}
}

@media screen and (min-width: 641px) {
   /* 641px以上で非表示にするためのクラス */
.invisible_pc {
	display:none;
	}
}

/* リンク・フォント系タグ
/***********************************************/
a {
	color:#0000FF;
	}

a:hover {
	color:#FF0000;
	}

a img {
	border:0px;
	}

strong {
	color:#FF0000;
	}

.bold {
	font-weight:bold;
	}

/* レビューで使用 */
.linkbutton1 {
	display:block;
	text-align:center;
	font-weight:bold;
	font-size:1.4em;
	background-color:#eeeff7;
	color:#0030ce;
	border:1px solid #b7d8ee;
	border-radius: 8px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	margin:1em 10%;
	width:80%;
	}

.linkbutton1 a {
	display:block;
	width:100%;
	padding:0.6em 0;
	text-decoration:none;
	}

.linkbutton1 a:hover {
	color:#0000FF;
	background-color:#d2eaf6;
	}


/* clearfix（回り込み解除）
/***********************************************/
.clear {
	clear: both;
	}

.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	font-size:0;   
	clear: both;
	visibility:hidden;
	}

.clearfix{
	display: inline-block;
	}

/* Hides from IE Mac */
* html .clearfix{
	height: 1%;
	}

.clearfix{
	display:block;
	}
/* End Hack */


/* 画像系タグ
/***********************************************/

img.l {
	float: left;
	border: 1px solid #999999;
	margin-right:6px; 
	margin-top:0px; 
	vertical-align:top; 
	}

@media screen and (max-width: 640px) {
   /* 表示領域が640px未満の場合は画像を縮小 */
img.l {
	max-width: 140px;
    height: auto;
	}
}

img.catimage{
   /* ニュース・動画・レビューなどで使用 */
	margin-right:4px;
	}

.sp_banner {
	color:#0000FF;
	text-align:center;
	width:300px;
	margin:0 auto;
}
.sp_banner img{
   /* nendの広告バナーで横スクロール防止用 */
	max-width:100%;
}

.pc_banner {
	color:#0000FF;
	text-align:center;
}

/* 見出し
/***********************************************/

h1 {
	font-size: 1.4em;
	color: #AA0055;
	margin:10px 0px;
	padding:2px 6px;
	border-left:solid 10px #AA0055;
	border-bottom:solid 2px #AA0055;
	}

h2 {
	font-size: 1.2em;
	color: #660066;
	background-color: #EFE0FE;
	margin:30px 0 10px 0;
	padding:5px 8px;
	border-left:solid 0.3em #660099;
	}

h3 {
	font-size: 1.4em;
	font-weight:bold;
	color: #AA0055;
	margin:10px 10px 6px -10px;
	padding-left:6px;
	}

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

.caption1 {
   /* h1にboldをプラス */
	font-size: 1.4em;
	font-weight: bold;
	color: #AA0055;
	margin:10px 0px;
	padding:2px 6px;
	border-left:solid 10px #AA0055;
	border-bottom:solid 2px #AA0055;
	}

.caption2 {
   /* h2にboldをプラス */
	font-weight: bold;
	font-size: 1.2em;
	color: #660066;
	background-color: #EFE0FE;
	margin:30px 0 10px 0;
	padding:5px 8px;
	border-left:solid 0.3em #660099;
	}

.caption3 {
	font-size: 1.1em;
	font-weight:bold;
	margin:10px 10px 6px 0px;
	padding-left:6px;
	border-left:solid 0.3em #660099;
	}

.caption4 {
   /* 注釈などの見出しで使用 */
	font-size: 1.1em;
	font-weight: bold;
	color:#CC0000;
	margin-top:8px; 
	margin-bottom:2px; 
	}

.caption5 {
   /* 注釈などの見出しで使用 */
	font-size: 1.1em;
	font-weight: bold;
	color:#660099;
	margin-top:8px; 
	margin-bottom:2px; 
	}

/* フォーム関係
/***********************************************/
form {
	margin-top:8px;
	margin-bottom:4px;
	}

@media screen and (max-width: 640px) {
   /* 640px未満は横幅いっぱいに（横スクロール回避） */
form textarea {
	width:95%;
	}
}

.form-short {
	width:70px;
	}

.form-middle {
	width:200px;
	}

.form-long {
	width:400px;
	}

textarea.form-middle {
   /* フォームの種類がtextareaの場合のみ高さを指定 */
	height:80px;
	}

textarea.form-long {
   /* フォームの種類がtextareaの場合のみ高さを指定 */
	height:150px;
	}

@media screen and (max-width: 640px) {
   /* 640px未満のスタイル */
.form-short {
	width:25%;
	}

.form-middle {
	width:50%;
	}

.form-long {
	width:95%;
	}
}

/* メール送信・更新登録等のテーブル
/***********************************************/
.formtable1{
	}

.formtable1 td {
	padding:8px;
	}

.formtable1 td:first-child {
	color:#333333;
	font-size: 1.1em;
	font-weight:bold;
	background-color:#DAEAFC;
	}

.formtable1 td:last-child {
	}

.form_bg1 {
	color:#333333;
	font-weight:bold;
	padding:8px;
	background-color:#DABFFF;
 	border:solid 1px #999999;
	}

.form_bg2 {
	font-size: 1.1em;
	padding:4px;
	background-color:#DABFFF;
 	border:solid 1px #CC99CC;
	}

/* 背景装飾
/***********************************************/

.plate1 {
	background-color: #FFF2E6;
	padding:10px;
	margin:4px;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	}

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

.plate2 {
	background-color: #FEEBFE;
	padding:10px;
	margin:4px;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	}

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

/* 段組
/***********************************************/

#container {
	padding:4%;
	padding-top:0px;
	}

@media screen and (max-width: 640px) {
   /* 640px未満はpaddingなし */
#container {
	padding:0;	}
}

#header {
	margin-bottom:5px;
	position:relative;
	}

#sidebar {
	width:20%;
	float:left;
/* IE6での段落ち防止用                  */
	_overflow:hidden;
	}

@media screen and (max-width: 640px) {
   /* 640px未満はサイドバーを非表示 */
#sidebar {
	display:none;	}
}

#content {
	width:77%;
	float:right;
	background-color:#FFFFFF;
 	border:solid 1px #660033;
	padding:1%;
	margin-bottom:10px;
	}

@media screen and (max-width: 640px) {
   /* 640px未満は横幅を広げる */
#content {
	width:97.6%;	}
}

#content1 {
   /* 一段組で使うクラス */
	width:97.6%;
	background-color:#FFFFFF;
 	border:solid 1px #660033;
	padding:1%;
	margin-bottom:10px;
}

#footer {
	width:100%;
	clear:both;
	padding-top:8px;
	margin-top:10px;
 	border-top:solid 2px #660033;
	}

@media screen and (max-width: 640px) {
   /* 640px未満はボーダー非表示 */
#footer {
	padding-top:1px;
 	border-top:none;
	}
}

/* PCで二段組、スマホで段組を解除するスタイル（ヘルプのサイトマップで使用） */
.two-column-left {
	float:left;
	width:50%
	}

.two-column-right {
	float:right;
	width:50%
	}

@media screen and (max-width: 640px) {
   /* 640px未満の場合に二段組を解除 */
.two-column-left {
	float:none;
	width:100%
	}
.two-column-right {
	float:none;
	width:100%
	}
}

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

#homelink {
	background-image:url(http://www.elog-ch.com/css/css-img/title.gif);
	background-repeat:no-repeat;
	background-size:800px 160px;
	width:800px;
	height:160px;
	margin-top:30px;
	display:block;
	text-indent: -9999px;　/* Opera対策用 */
	}

@media screen and (max-width: 800px) {
   /* 800px未満はヘッダ画像を画面幅に合わせて表示（横スク防止 */
#homelink {
	width:100%;
	}
}

@media screen and (max-width: 640px) {
   /* 640px未満はヘッダに縮小画像を表示 */
#homelink {
	background-image:url(http://www.elog-ch.com/css/css-img/title_mini.gif);
	background-repeat:no-repeat;
	background-size:200px 40px;
-webkit-background-size: 200px 40px;/*←Android2.1用*/
	background-position: 0;
	width:200px;
	height:40px;
	margin:0;
	}
}

#homelink span {
	visibility: hidden;
	}

p.intro {
	margin-left:100px;
	margin-bottom:10px;
	}

@media screen and (max-width: 640px) {
   /* 640px未満はサイト説明を非表示 */
p.intro {
	display:none;
	}
}

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

.footer_wrap {
	color:#FFFFFF;
	background-color: #BF80BF;
	padding:2%;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	}

.footer_col1 {
	width:20%;float:left;
	}

.footer_col2 {
	width:40%;float:left;
	padding:0 4%;
	}

.footer_col3 {
	width:15%;float:left;
	}

.footer_col4 {
	width:15%;float:left;
	}

.footer_wrap a {
	color:#FFFFFF;
	font-weight:bold;
	font-size:0.85em;
	text-decoration:none;
	}

.footer_wrap a:hover {
	text-decoration:underline;

	}

.footer_wrap ul{
	margin-left:1.5em;
	list-style-image: url(http://www.elog-ch.com/css/css-img/sankaku2.gif);
	}

.footer_menu_title{
	font-weight:bold;
	margin-bottom:6px;
	}

/* フッター用ACRスタイル */
.footer_wrap table{
	color:#FFFFFF;
	background-color: #BF80BF;
	line-height:1.6em;
	}

.footer_wrap td{
	background-color: #BF80BF;
	}


/* ガイドメニュー
/***********************************************/
.guide_pc {
	text-align:right;
	margin-bottom:4px;
	}

.guide_pc ul {
	list-style-type:none;
	}

.guide_pc li {
	display:inline;
	padding-left:10px;
	padding-right:10px;
	}

.guide_pc li+li {
	border-left:1px solid #000000;
	}

@media screen and (max-width: 640px) {
   /* 表示領域が640px未満の場合に適用するスタイル */
.guide_pc {
	display:none;
	}
}

.guide_sp {
	position : absolute;
	top : 50px;
	right:10px;
	}

@media screen and (min-width: 641px) {
   /* 表示領域が641px以上の場合に適用するスタイル */
.guide_sp {
	display:none;
	}
}

/* 検索アイコン（スマホ用）
/***********************************************/
.search_sp {
	position : absolute;
	top : 50px;
	right:50px;
	}

@media screen and (min-width: 641px) {
   /* 表示領域が641px以上の場合に適用するスタイル */
.search_sp {
	display:none;
	}
}

/* 検索＆ガイドアイコンの表示
/***********************************************/
a.slide_search {
	width:40px;
	height:30px;
	background-image:url(http://www.elog-ch.com/css/css-img/search.gif);
	background-size:28px 28px;
-webkit-background-size: 28px 28px;/*←Android2.1用*/
	margin-top:-23px;
	display:block;
	background-repeat:no-repeat;
	background-position: 0px 0px;
	line-height:65px;
	color: #5B443B;
	font-size: 0.75em;
	text-align:center;
	text-decoration:none;
	}

a:hover.slide_search {
	color: #FFFFFF;
	
	}

a.slide_guide {
	width:40px;
	height:30px;
	background-image:url(http://www.elog-ch.com/css/css-img/guide.gif);
	background-size:28px 28px;
-webkit-background-size: 28px 28px;/*←Android2.1用*/
	margin-top:-23px;
	display:block;
	background-repeat:no-repeat;
	background-position: 0px 0px;
	line-height:65px;
	color: #5B443B;
	font-size: 0.75em;
	text-align:center;
	text-decoration:none;
	}

a:hover.slide_guide {
	color: #FFFFFF;
	
	}

/* スライド型メニュー（スマホ版ガイドメニューで使用）
/***********************************************/
#modal_guide{
	display: none;
	margin: 0;
	padding:0;
	}

#modal_search{
	display: none;
	}

#pageslide {
    /* These styles MUST be included. Do not change. */
    display:none;
    position:fixed;
    top:0;
    height:100%;
    z-index:9999;

    /* Specify the width of your pageslide here */
    width: 60%;
    padding: 10px;

    /* These styles are optional, and describe how the pageslide will look */
    background-color: #CC99CC;
    -webkit-box-shadow: inset 0 0 5px 5px #996699;
    -moz-shadow: inset 0 0 5px 5px #996699;
    box-shadow: inset 0 0 5px 5px #996699;
}

/* スマホ版ガイドメニューの装飾（スライド機能には無関係）
/***********************************************/

#modal_guide li{
	overflow: hidden;
	margin: 0;
	padding: 0;
	width: 100%;
	text-align: left;
	border: 1px #ccc solid;
	border-bottom: 0;
	background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#f0f0f0));
	background: linear-gradient(#fff, #f0f0f0);
	display:block;
	-webkit-box-shadow:0px 3px 3px rgba(000,000,000,0.1);
	box-shadow:0px 3px 3px rgba(000,000,000,0.1);
	}

#modal_guide li:first-child{
	border-radius: 8px 8px 0 0;
	}

#modal_guide li:last-child{
	border-radius: 0 0 8px 8px;
	border-bottom:1px #ccc solid;
	}

#modal_guide li a{
	color: #333;
	display: block;
	height: 44px;
	margin: 0;
	padding: 0 0 0 10px;
	overflow: hidden;
	line-height: 44px;
	text-overflow: ellipsis;
	text-decoration: none;
	font-weight:bold;
	}

#modal_guide li a::after{
	content: url(http://www.elog-ch.com/css/css-img/yajirusi.gif);
	float: right;
	margin-top:15px;
	margin-right:10px;
	}


/* メインメニュー
/***********************************************/
#header .mainmenu {
	padding:0px;
	color:#FFFFFF;
	font-weight:bold;
	font-size: 1.1em;
	margin-bottom:-10px;
	text-align:center;
	background-image:url(http://www.elog-ch.com/css/css-img/mainmenu-background.gif);
	background-color:#660033;
	}

#header .mainmenu a {
	color:#FFFFFF;
	text-decoration:none;
  	display:block;
	line-height:2;
	border:1px solid #660000;
	}

@media screen and (max-width: 640px) {
   /* 表示領域が640px未満の場合に適用するスタイル */
	#header .mainmenu a {
	height:35px;
	line-height:35px;
	}
}

#header .mainmenu a:hover {
	color:#FFFFFF;
	background-color:#990066;
	background-image:url(http://www.elog-ch.com/css/css-img/mainmenu-background-hover.gif);
	text-decoration:none;
	}

#header .mainmenu a.current_menu {
	background-color:#990066;
	background-image:url(http://www.elog-ch.com/css/css-img/mainmenu-background-hover.gif);
	}

#header .mainmenu ul {
	margin:0;
	list-style-type: none;
	}

#header .mainmenu li {
	margin:0;
  	width:12.5%;
	float:left;
	}

@media screen and (max-width: 640px) {
   /* 表示領域が640px未満の場合に適用するスタイル */
#header .mainmenu li {
	width: 25%;
   	font-size: 0.8em;
	}
#header .notabs {
   /* タブ非表示の時、メニューとコンテンツの間にマージンを設けるクラス */
	margin-bottom:1em;
	}
}

.fixedtop {
    position: fixed;
    top: 0;
    width: 91%;
    z-index: 10000;
}

@media screen and (max-width: 640px) {
   /* 表示領域が640px未満の場合に適用するスタイル */
.fixedtop {
    width: 95%;}
}

/* フッタ版メインメニュー
/***********************************************/

#footer .mainmenu {
	text-align:center;
	}

#footer .mainmenu ul {
	padding:0;
	margin:0;
	list-style-type:none;
	}

#footer .mainmenu li {
	display:inline;
	padding-left:10px;
	padding-right:10px;
	}

#footer .mainmenu li+li {
	border-left:1px solid #000000;
	}

@media screen and (max-width: 640px) {
   /* 表示領域が640px未満の場合に適用するスタイル */
#footer .mainmenu li{
	overflow: hidden;
	margin: 0;
	padding: 0;
	width: 100%;
	text-align: left;
	border: 1px #ccc solid;
	border-bottom: 0;
	background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#f0f0f0));
	background: linear-gradient(#fff, #f0f0f0);
	display:block;
	-webkit-box-shadow:0px 3px 3px rgba(000,000,000,0.1);
	box-shadow:0px 3px 3px rgba(000,000,000,0.1);
	}

#footer .mainmenu li:first-child{
	border-radius: 8px 8px 0 0;
	}

#footer .mainmenu li:last-child{
	border-radius: 0 0 8px 8px;
	border-bottom:1px #ccc solid;
	}

#footer .mainmenu li a{
	color: #333;
	display: block;
	height: 44px;
	margin: 0;
	padding: 0 0 0 10px;
	overflow: hidden;
	line-height: 44px;
	text-overflow: ellipsis;
	text-decoration: none;
	font-weight:bold;
	}

#footer .mainmenu li a::after{
	content: url(http://www.elog-ch.com/css/css-img/yajirusi.gif);
	float: right;
	margin-top:15px;
	margin-right:20px;
	}

#footer .mainmenu li+li {
	border-left:1px solid #ccc;
	}
}


/* スマホ⇔PC切り替えボタン
/***********************************************/

#change_sp {
	text-align: center;
	border-radius: 20px;
	-moz-border-radius: 20px;
	-webkit-border-radius: 20px;
	border: 1px #ccc solid;
	border-bottom: 0;
	background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#f0f0f0));
	background: linear-gradient(#fff, #f0f0f0);
	-webkit-box-shadow:0px 1px 1px rgba(000,000,000,0.1);
	box-shadow:0px 1px 1px rgba(000,000,000,0.1);
	}

#change_sp ul {
	list-style: none;
	font-size:0.8em;
	padding:0;
	margin:0;
	}

#change_sp ul li {
	display: inline; 
	padding-right:10%;
	}

#change_sp li+li {
	border-left:1px solid #333333;
	padding-left:10%;
	}

#btnSP {
	color: #0000FF;
	text-decoration:none;
	}

#btnPC {
	color: #0000FF;
	text-decoration:none;
	}

#change_sp .current_media {
	color: #5B443B;
	}

#change_pc .current_media {
	color: #5B443B;
	}


#change_pc {
	position : absolute;
	top : 5px;
	left:5%;
	width:90%;
	font-size:3em;
	text-align: center;
	border-radius: 20px;
	-moz-border-radius: 20px;
	-webkit-border-radius: 20px;
	border: 1px #ccc solid;
	border-bottom: 0;
	background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#f0f0f0));
	background: linear-gradient(#fff, #f0f0f0);
	-webkit-box-shadow:0px 1px 1px rgba(000,000,000,0.1);
	box-shadow:0px 1px 1px rgba(000,000,000,0.1);
	}


#change_pc ul {
	list-style: none;
	font-size:0.8em;
	padding:0;
	margin:0;
	}

#change_pc ul li {
	display: inline; 
	padding-right:10%;
	}

#change_pc li+li {
	border-left:1px solid #333333;
	padding-left:10%;
	}

/* パンくずリスト
/***********************************************/
#topicpath {
	line-height:2;
	margin-top:15px;
}

#topicpath ol {
	padding:0;
}

#topicpath ol li {
	display: inline;
	list-style-type: none;
}

#topicpath ol li a {
	background-image:url(http://www.elog-ch.com/css/css-img/yajirusi.gif);
	background-position: center right;
	background-repeat: no-repeat;
	padding-right: 20px;
	padding-left: 10px;
	}

@media screen and (max-width: 640px) {
   /* 640px未満はパンくずリストを非表示 */
#topicpath {
	display:none;
	}
}


/* サイドバー
/***********************************************/

.sidebar_topic {
	font-size:1.2em;
	font-weight:bold;
	color: #FFFFFF;
	line-height:2;
	padding-left:18px;
	background-image:url(http://www.elog-ch.com/css/css-img/sidemenu-background.gif);
	background-position: 0px 50%;
	background-color: #660033;
	}

.sidebar_item {
	padding:4%;
	background-color:#FFFFFF;
 	border:solid 1px #660033;
	margin-bottom:10px;
	}

.sidebar_item p.link_cat {
	color: #993333;
	margin-top:2px; 
	margin-bottom:2px; 
	}

.sidebar_item p.link_text {
	line-height:1.2;
	margin-bottom:8px;
	}

.sidebar_item p.morelink {
	margin-top:10px; 
	margin-left:4px; 
	}

/*↓メインページプロフィール欄で使う*/
.sidebar_item .prof_name {
	color: #CC0000;
	font-weight:bold;
	margin-top:2px; 
	}

.sidebar_item p.prof {
	color: #333333;
	margin-left:8px; 
	}

/*↓リンク集の説明欄で使う*/
.sidebar_item p.mikata_title {
	color: #006600;
	font-weight:bold;
	margin-bottom:2px; 
	}

.sidebar_item p.mikata_text {
	color: #000000;
	line-height:1.2;
	margin-left:4px; 
	margin-bottom:12px; 
	}

.sidebar_item img.mikata_mark {
	margin:3px; 
	vertical-align: middle;
	}

.sidebar_linklist ul {
	margin:0;
	padding:0;
	}

.sidebar_linklist li {
	padding-left:14px;
	line-height:2;
	list-style-type:none;
	background-image:url(http://www.elog-ch.com/css/css-img/sankaku.gif);
	background-repeat:no-repeat;
	background-position: 0px 0.8em;
	}

.sidebar_linklist a {
	color:#000000;
	}

.sidebar_linklist a:hover {
	color:#FF0000;
	}

.sidebar_linklist p a {
   /* リンクリストをツリー表示させるときのスタイル（レビューで使用） */
	text-decoration:none;
	}

#scroll-stop {
   /* サイドバーのスクロール停止位置（footerとのマージンを空けるために必要） */
	margin-top:-10px;
	margin-bottom:10px;
	}


/* サブメニュー
/***********************************************/

@media screen and (max-width: 640px) {
   /* 表示領域が640px未満の場合に適用するスタイル */
.submenu1 {
	display:inline;
	position : absolute;
	top : 160px;
	left : 0;
	}

.submenu2 {
	display:inline;
	position : absolute;
	top : 160px;
	right : 33%;
	}

.submenu3 {
	position : absolute;
	top : 160px;
	left : 66%;
	}
}

/* タブ
/***********************************************/

/* メディアクエリによるタブの表示・非表示の切り替えはjavascriptファイルのswitch.screen.jsに記述（ページの読み込みが完了してからタブを表示させるため） */
#jquery-ui-tabs {
	display:none;
	}

.ui-tabs {
	position: relative;
	padding:0px;
	zoom: 1;
	}
	/* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */

.tabs-icon a {
	background-size:25px 25px;
-webkit-background-size: 25px 25px;/*←Android2.1用*/
	display:block;
	background-repeat:no-repeat;
	background-position: 50% 10%;
	font-size: 0.8em;
	text-align:center;
	text-decoration:none;
	}

a.tabs-icon1 { /* フォルダ…カテゴリー、ジャンルで使用 */
	background-image:url(http://www.elog-ch.com/css/css-img/tab_icon1.gif);
	}

a.tabs-icon2 { /* ハート…タイプ、配信サイトで使用 */
	background-image:url(http://www.elog-ch.com/css/css-img/tab_icon2.gif);
	}

a.tabs-icon3 { /* カレンダー…月別記事で使用 */
	background-image:url(http://www.elog-ch.com/css/css-img/tab_icon3.gif);
	}

a.tabs-icon4 { /* 書類…リンク集の並び順で使用 */
	background-image:url(http://www.elog-ch.com/css/css-img/tab_icon4.gif);
	}

a.tabs-icon5 { /* 人…画像BBSの運営で使用 */
	background-image:url(http://www.elog-ch.com/css/css-img/tab_icon5.gif);
	}

.ui-tabs .ui-tabs-nav {
	margin:10px 0px;
	padding:0px;
	background: #EFDEFF; /* 最下層背景色 */
	}

.ui-tabs .ui-tabs-nav li {
	float: left;
	margin:0px;
  	width:33.333%;
	background: #E8C2FC; /* ボタンの色 */
	text-align:center;
	}

.ui-tabs .ui-tabs-nav li a {
	padding: 0px;
	height: 40px;
	line-height:65px;
	border:1px solid #660000;
	text-decoration: none;
	}

.ui-tabs .ui-tabs-nav li a:hover {
	color:#FFFFFF;
	background-color:#CC99CC; /* ボタン押下時の色 */
	border-bottom:1px solid #CC99CC;
	text-decoration:none;
	}

.ui-tabs .ui-tabs-nav li.ui-tabs-active {
	background-color:#CC99CC; /* ボタン選択時の色 */
	}

.ui-tabs .ui-tabs-nav li.ui-tabs-active a {
	border-bottom:1px solid #CC99CC; /* ボタン選択時ボーダーの色 */
	color:#FFFFFF; /* ボタン選択時のリンクテキスト色 */
	}

.ui-tabs .ui-tabs-nav li.ui-tabs-active a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-tabs-loading a {
	cursor: text;
	}

.ui-tabs .ui-tabs-nav li a, .ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active a {
	cursor: pointer;
	}
	/* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */

.ui-tabs .ui-tabs-panel {
	padding: 0px;
	}

.ui-tabs-anchor {
	display: block;
	margin: 0px;
	}

.ui-widget {
	font-size: 0.8em;
	}

.ui-widget .ui-widget {
	}

.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button {
	}

.ui-widget-content {
	background: #CC99CC; /* 開いた時の色 */
	color: #333333;
	}

.ui-widget-content a {
	color: #990066;
	}

.ui-widget-header {
	color: #5B443B;

	}

.ui-widget-header a {
	color: #5B443B;
	}

.ui-helper-reset {
	text-decoration: none;
	list-style: none;
	}

.ui-helper-clearfix:before, .ui-helper-clearfix:after {
	content: "";
	display: block;
	}

.ui-helper-clearfix:after {
	clear: both;
	}

.ui-helper-clearfix {
	zoom: 1;
	}

/* タブ　1列リストメニュー
/***********************************************/

.one_menu {
	padding: 0px 10px 10px 0;
	}

.one_menu ul{
	list-style-type:none;
	border-top: 1px solid #ccc;
	}

.one_menu li{
	overflow: hidden;
	background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#fff), to(#f0f0f0));
	background: linear-gradient(#fff, #f0f0f0);
	border-top: none;
	border-bottom: 1px solid #ccc;
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
	margin: 0px;
	}

.one_menu li a{
	overflow: hidden;
	display: block;
	padding-left: 10px;
	color: #000000;
	height: 35px;
	line-height: 35px;
	font-weight: bold;
	text-decoration:none;
	}

.one_menu li a:after {
	margin:12.5px 6px 0px 0px;
	float:right;
	content:"";
	display:block;
	width:12px;
	height:12px;
	background:url(http://www.elog-ch.com/css/css-img/yajirusi.gif) no-repeat 0 0;
}

/* タブ　2列リストメニュー
/***********************************************/

.two_menu {
	padding: 0px 10px 10px 0;
	}

.two_menu ul{
	list-style-type:none;
	border-top: 1px solid #ccc;
	}

.two_menu li{
	overflow: hidden;
	background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#fff), to(#f0f0f0));
	background: linear-gradient(#fff, #f0f0f0);
	border-top: none;
	border-bottom: 1px solid #ccc;
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
	margin: 0px;
	}

.two_menu li:nth-child(odd) {
	float: left;
	width: 50%;
	}

.two_menu li a{
	overflow: hidden;
	display: block;
	padding-left: 10px;
	color: #000000;
	height: 35px;
	line-height: 35px;
	font-weight: bold;
	text-decoration:none;
	}

.two_menu li a:after {
	margin:12.5px 6px 0px 0px;
	float:right;
	content:"";
	display:block;
	width:12px;
	height:12px;
	background:url(http://www.elog-ch.com/css/css-img/yajirusi.gif) no-repeat 0 0;
}


/* タブ　人気記事リスト（ニュースのタブ2で使用）
/***********************************************/
.tab-ninki {
	background:#FFFFFF;
	font-size:1.3em;
}

.tab-ninki a {
	color:#0000FF;
	text-decoration:none;
}

.tab-ninki td {
	border-bottom: 1px solid #ccc;
	padding:10px;
}

/* アコーディオン(タレコミ一行用)
/***********************************************/

@media only screen and (max-width:640px) {
.accordion {
	border-radius:5px;
	}

.accordion_trigger {
	font-size: 1.3em;
	font-weight: bold;
	background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#f0f0f0));
	background: linear-gradient(#fff, #f0f0f0);
	padding:10px 10px 10px 15px;
	border-radius:5px;
	cursor: pointer;
	border: 1px #ccc solid;
	}

.accordion_trigger.active {
	color: #660066;
	background: -webkit-gradient(linear, left top, left bottom, from(#DFC2FC), to(#DFC2FC));
	background: linear-gradient(#DFC2FC, #DFC2FC);
	border-radius:5px 5px 0 0;
	}

.accordion_tree {
	border: 1px #ccc solid;
	border-top: 0;
	padding:0px;
	margin:0px;
	}

.accordion_open {
	float:right;
	text-indent:-9999px;
	display:block;
	margin-top:12px;
	margin-right:10px;
	height:8px;
	width:10px;
	background:url(http://www.elog-ch.com/css/css-img/yajirusi_down.gif) no-repeat;
	-webkit-background-size:10px 8px;
	}

.accordion_trigger.active .accordion_open {
	background:url(http://www.elog-ch.com/css/css-img/yajirusi_up.gif) no-repeat;
	-webkit-background-size:10px 8px;
	}
}

/* アコーディオン(FAQ用)
/***********************************************/
.question {
	color:#0000FF;
	text-decoration:underline;
	margin:0.6em 1em;
	font-weight:bold;
	display:list-item;
	cursor: pointer;
	}

.question:hover {
	color:#FF0000;
	}

.answer {
	padding:0.6em 1.2em;
	background-color:#EEEEEE;
	}

/* ランダム広告
/***********************************************/

.random_ad {
	border-bottom: 1px dotted #660033;
	padding-bottom:10px; 
	margin-bottom:8px; 
	margin-top:8px;
	clear:both;
	overflow:hidden;
	}

.random_ad_title {
	font-weight:bold;
	margin-bottom:0px; 
	}

.random_ad_img {
	float: left; 
	border: 1px solid #999999;
	margin:0px 6px 3px 0px;
	vertical-align:top;
	}

.random_ad_text {
	}

.random_ad_about {
	}

.random_ad_sitename {
	margin-bottom:0px; 
	color: #FF6600;
	}


/* ランダム広告ニュース用                       */
.random_ad_news{
	}

/* ランダム広告メイン用                       */
.random_ad_main .random_ad {
	border:none;
	}

.random_ad_main .random_ad_img {
	width:80px;
	height:80px;
	}

.random_ad_main .random_ad_sitename {
	display:none;
	}

.random_ad_main .random_ad_sitetext {
	display:none;
	}

.random_ad_main .random_ad_sitelink {
	}

/* ランダム広告サイドバー用                       */
.random_ad_sidebar img {
	display:block;
	margin: 0 auto;
	text-align:center;
	}

.random_ad_sidebar .random_ad_img {
	float: none; 
	}

.random_ad_sidebar .random_ad_title {
	margin-top:4px;
	margin-bottom:4px;
	}

.random_ad_sidebar .random_ad_sitename {
	display:none;
	}

.random_ad_sidebar .random_ad_sitetext {
	display:none;
	}

.random_ad_sidebar .random_ad_sitelink a {
	}


/* RSS型広告
/***********************************************/

.rss_pr {
	background-color:#FFFFFF;
	border:solid 1px #660033;
	border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
	padding:4px;
	margin-bottom: 0.5rem;
	}

.rss_pr a {
	font-size:18px;
	font-weight:bold;
	color:#3399FF;
	text-decoration:none;
	}

.rss_pr img {
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
	}

.rss_pr:hover {
	background-color:#EAD5FF;
	}

.rss_pr:after {
/* clearfix用 */
	content: "";
	clear: both;
	display: block;
	}
	
/* リボンをかける */
.ribbon {
	margin-right: 5px;
	float:left;
    position: relative;
    color: #fff;
    display: inline-block;
    padding: 5px;
    overflow: hidden;
    font-family: Arial, sans-serif;
    font-size: 12px;
    }

.ribbon p{
    display: inline;
	}

.ribbon p span {
    position: absolute;
    display: inline-block;
    right: -12px;
    box-shadow: 0px 0px 5px rgba(0,0,0,0.2), inset 0px 2px 15px rgba(255,255,255,0.2);
    text-align: center;
    text-transform: uppercase;
    top: 11px;
    background: #d93131;
    width: 50px;
    padding: 1px 5px;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
	}

.ribbon p:before {
    content: "";
    width: 0;
    height: 0;
    position: absolute;
    top: -17px;
    right: 69px;
    z-index: -1;
    border: 17px solid;
    border-color: transparent transparent #662121 transparent;
}
 
.ribbon p:after {
    content: "";
    width: 0;
    height: 0;
    position: absolute;
    top: 74px;
    z-index: -1;
    right: -10px;
    border: 17px solid;
    border-color: #662121 transparent transparent transparent;
}

/* ブログパーツ類
/***********************************************/

/* 忍者おまとめボタン（ニュースと動画と画像BBSで使用） */
.ninja_onebutton {
	clear: both;
	}

/* ニュースのインデックスで使用 */
.sbm_top {
	float:right;
	padding-bottom:4px;
	}

sbm_twitter {
	}

iframe.twitter-share-button {
/* ツイートボタンの余白を無くす */
	width: 100px!important;
	}

#sidebar iframe.twitter-share-button {
/* サイドバーは余白多め */
	width: 150px!important;
	}

sbm_hatena {
	}

/* ページナビ              */
/***********************************************/

/* 更新情報用ページナビ */

.nextnaviarea{
	clear:both;
	margin:30px 0 10px 0;
	line-height:2.5;
	}

.prevnavi{
	font-weight:bold;
	text-decoration:none;
	color:#0030ce;
	border:1px solid #b7d8ee;
	background-color:#eeeff7;
	padding:0.5em 0.4em;
	margin-right:1em;
	}

.nextnavi{
	font-weight:bold;
	text-decoration:none;
	color:#0030ce;
	border:1px solid #b7d8ee;
	background-color:#eeeff7;
	padding:0.5em 0.4em;
	}

.numbernaviarea{
	width:100%;
	clear:both;
	}

.numbernavi{
	display:block;
	float:left;
	text-align:center;
	text-decoration:none;
	padding:5px 10px;
	margin-right:10px;
	margin-bottom:5px;
	background: #eeeff7;
	width:18px;
	color:#0030ce;
	}

.numbernavi_current{
	display:block;
	float:left;
	font-weight:bold;
	text-align:center;
	padding:5px 10px;
	margin-right:10px;
	margin-bottom:5px;
	background-color:#d2eaf6;
	width:18px;
	color:#444444;
	}

a.numbernavi,
a.nextnavi,
a.prevnavi {
	color:#0000FF;
	}

a:hover.numbernavi,
a:hover.nextnavi,
a:hover.prevnavi {
	background-color:#d2eaf6;
	}

.space{
	clear:both;
	width:1px;
	height:1px;
	}

.orderframe{
	text-align:right;
	}

.orderlink{
	margin-left:10px;
	margin-right:10px;
	}

.ordercurrent{
	margin-left:10px;
	margin-right:10px;
	}

/***********************************************/
/* ここから更新情報ページのみ
/***********************************************/


.incount {
	font-size:0.9em;
	color:#FF4040;
	background-color: #FFEEEE;
	}

.outcount {
	font-size:0.9em;
	color:#FF4040;
	background-color: #FFEEEE;
	}


/* ピックアップ欄
/***********************************************/

#pickup	{
	margin-bottom:20px;
	width:100%;
	clear:both;
	}

.pickl {
	float:left;
	width:45%;
	margin-right:20px;
	clear:both;
	}

.pickr {
	float:left;
	width:45%;
	}

@media screen and (max-width: 640px) {
   /* 表示領域が640px未満はピックアップを一段組に */
.pickl {
	float:none;
	width:100%;
	}
.pickr {
	float:none;
	width:100%;
	}
	}

.pick_name {
	font-size: 1.4em;
	font-weight:bold;
	}

.pick_url {
	font-size: 1.4em;
	}

@media screen and (max-width: 640px) {
   /* 表示領域が640px未満はフォントサイズ小さめに */
.pick_name {
	font-size: 1.2em;
	font-weight:bold;
	}

.pick_url {
	font-size: 1.2em;
	}
	}

.act_table .pick_by {
	color: #333333;
	margin-left:5px;
	}

.act_table p.pick_hint1 {
	color: #FF6600;
	margin-top:6px; 
}
.act_table p.pick_hint2 {
	color: #006633;
}

/* 更新情報
/***********************************************/

.act_table {
	margin-top:10px; 
	margin-bottom:10px;
	clear: both;
	}

.act_table p {
	margin-top:0px; 
	margin-bottom:0px; 
	}

.act_table p.act_sub {
	color: #993333;
	margin-top:2px; 
	margin-bottom:2px;
	}

.act_table p.act_com {
	color: #999900;
	margin-top:3px;
	}

.act_table p.act_com img {
	padding-right:4px;
	margin-bottom:3px;
	vertical-align: middle;
	}

.act_table .act_by {
	margin-left:5px;
	}

img.act_thm {
	float: left; 
	border: 1px solid #999999;
	margin-right:3px; 
	margin-top:0px;
	margin-bottom:10px; 
	vertical-align:top;
	}

img.act_cat {
	margin-bottom:0.2em;
	vertical-align: middle;
	}

.act_table p.act_com a{
	color: #669933;
	}

.act_table p.act_com a:hover{
	color: #FF0000;
	}

/* カレンダー
/***********************************************/

#calendar {
  	line-height: 1.4;
  	padding: 2px;
	text-align: center;
	}

#calendar table {
	width: 95%;
	border: 0px;
	border-collapse: collapse;
	padding: 2px;
	}

#calendar a {
	color:#000000;
	}

#calendar a:hover {
	color:#FF0000;
	}

.calendartop{
	border-collapse:collapse;
	}

.calendartop_left{
	width:50px;
	}

.calendartop_center{
	width:160px;
	text-align:center;
	}

.calendartop_right{
	text-align:right;
	width:50px;
	}

.today{
	font-weight:bold;
	}


/***********************************************/
/* ここからリンク集のみ
/***********************************************/

.link_table {
	margin-top:5px; 
	padding-bottom:5px; 
	clear: both;
	}

.link_table p {
	margin-top:0px; 
	margin-bottom:0px; 
	}

.link_table p.link_com {
	color: #999900;
	margin-top:3px;
	margin-bottom:20px;
	}

.link_table p.link_com img {
	padding-right:4px;
	margin-bottom:3px;
	vertical-align: middle;
	}

.link_table p.link_com a{
	color: #669933;
	}

.link_table p.link_com a:hover{
	color: #FF0000;
	}

img.link_thm {
	float: left; 
	border: 1px solid #999999;
	margin-right:3px; 
	margin-top:0px; 
	vertical-align:top;
	}

.link_table p.link_cat {
	color: #660000;
	}

img.link_rank {
	float: left; 
	margin-right:4px;
	vertical-align: middle;
	}

img.link_type {
	margin-top:2px;
	margin-bottom:2px;
	margin-left:4px;
	vertical-align: middle;
	}

/***********************************************/
/* ここからニュースページのみ
/***********************************************/

/* ニュース全般
/***********************************************/

@media screen and (max-width: 640px) {
   /* 表示領域が640px未満の場合は文字を縮小＆クリック領域を拡大 */
.newstitle{
	font-size: 0.8em;
	display:block;
	width:100%;
	height:100px;
	}
}

.newsentry {
	margin-bottom:1.3em;
	overflow:auto;	/* 長文を画像下に回りこみさせない */
	}

.newsentry p, .newsentrymore div {
	line-height:1.4;
	margin-bottom:0.8em;
	}

.newsentrymore {
	margin-top:30px;
	}

.newsentrymore p {
	margin-bottom:0.8em;
	}

.newscat-top,
.newscat-entry {
	line-height:2;
	}

.newscat-top {
	clear:both;
	text-align: right;
	padding-top:0.6em;
	padding-bottom:0.6em;
	border-bottom: dashed 1px #AA0055;
	}

.newscat-top a:first-child{
	margin-right: 1em;
	}

.newscat-top a,
.newscat-entry a{
	text-decoration:none;
	color:#0030ce;
	border:1px solid #b7d8ee;
	background-color:#eeeff7;
	margin:0.5em;
	padding:0.1em;
	}
.newscat-top span{
	margin:-0.3em;
	}

.newscat-top a:hover,
.newscat-entry a:hover{
	background-color:#d2eaf6;
	}

p.postdate{
	color:#666666;
	margin-bottom:-0.6em;
	}

p.postinfo {
	text-align: right;
	margin-top: 20px;
	padding-top: 20px;
	clear: both;
	}

.newsentrymore img {
/* 記事内の画像を横100%に */
	max-width: 100%;
	height: auto;
	}

/* 続きを読むの部分 */
p.extended {
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
	padding-top:10px;
	margin-top:10px;
	margin-left: 205px;
	}

@media screen and (max-width: 640px) {
   /* 640px未満は左マージンを縮小画像に合わせる */
p.extended {
	margin-left: 35%;
	}
	}
	
	
p.extended a {
	display:block;
	background-image:url(http://www.elog-ch.com/css/css-img/tuduki_off.gif);
	width:150px;
	height:40px;
	}

p.extended a:hover {
	background-image:url(http://www.elog-ch.com/css/css-img/tuduki_on.gif);
	}

.newsback {
	margin-top:20px;
	text-align: center;
	}

.playbutton {
    position: relative;
    width: 480px;
    height: 360px;
	}

.playbutton .baseImage {
    width: 480px;
    height: 360px;
}

.playbutton .coverImage {
    position: absolute;
    top: 128px;
    left: 65px;
    width: 350px;
    height: 200px;
}

@media screen and (max-width: 800px) {
   /* 800px未満はカバー画像を縮小 */
.playbutton {
    width: 100%;
    height: auto;
	}
.playbutton .baseImage {
    width: 100%;
    height: auto;
}
.playbutton .coverImage {
    top: 30%;
    left: 10%;
    width: 80%;
    height: auto;
    }
}


/* まとめ記事用 */
.newsentrymore blockquote{
	font-size:0.9em;
	border:solid 4px #CCCCCC;
	margin:1.5% 1.5%;
	padding:1em 3em;
	position:relative;
	overflow: hidden;
	}

.newsentrymore blockquote:before{
	content:"“";
	font-size:600%;
    font-family: 'Times New Roman' ,"ＭＳ Ｐゴシック" ,sans-serif;
	line-height:1em;
	color:#999;
	position:absolute;
	left:0;
	top:0;
	}

.newsentrymore blockquote:after{
	content:"”";
	font-size:600%;
    font-family: 'Times New Roman' ,"ＭＳ Ｐゴシック" ,sans-serif;
	line-height:1em;
	color:#999;
	position:absolute;
	right:0;
	bottom:0;
	display: block;
	clear: both;
	}

.newsentrymore h2{
	margin-top:5%;
	}

.newsentrymore blockquote span{
	display:block;
	text-align:right;
	}


/* 動画の元ネタリンク
/***********************************************/

#news_source	{
	font-size:0.9em;
	margin-top:50px;
	background:#EFDEFF;
	padding:5px;
	overflow: hidden;
	max-width:600px;
	}

#news_source a	{
	text-decoration:none;
	}

.news_source1 {
	float:left;
	width:48%;
	margin-right:2%;
	background:#F4EBFE;
	border: 1px solid #996699;
	overflow: hidden;
	}

.news_source2 {
	float:left;
	width:48%;
	background:#F4EBFE;
	border: 1px solid #996699;
	overflow: hidden;
	}

.news_source_single {
   /* 元ネタ表示が一件だけの場合 */
	width:100%;
	background:#F4EBFE;
	border: 1px solid #996699;
	overflow: hidden;
	}

#news_source img {
	float:left;
	margin-right:4px;
	}

#news_source .source_caption {
	font-weight:bold;
	margin-bottom:2px;
	}

.source_text {
	font-size:0.8em;
	color:#333333;
	margin-top:-0.8em;
	}

.source_dmm:before {
	content: url(http://www.elog-ch.com/css/css-img/source_dmm.png);
	margin-right:2px;
	}

.source_duga:before {
	content: url(http://www.elog-ch.com/css/css-img/source_duga.png);
	margin-right:2px;
	}

.source_amazon:before {
	content: url(http://www.elog-ch.com/css/css-img/source_amazon.png);
	margin-right:2px;
	}

.source_mgs:before {
	content: url(http://www.elog-ch.com/css/css-img/source_mgs.png);
	margin-right:2px;
	}


@media screen and (max-width: 640px) {
   /* 表示領域が640px未満は元ネタ表示を一段組に */
.news_source1 {
	float:none;
	width:100%;
	}
.news_source2 {
	float:none;
	width:100%;
	margin-top:8px;
	}
	}

/* コメント欄
/***********************************************/

.commentvote_num {
	font-weight:bold;
	font-size: 0.8em;
	}

.comment_name {
	color: #006600;
	}

.comment_data {
	color: #666666;
	margin-bottom:4px;
	}

.comment-content {
	margin-bottom:40px;
	margin-left:10px;
	}

.comment-content p {
	margin-bottom:20px;
	}

/* コメント投票
/***********************************************/

.com_plus5 {font-size: 1.2em;}
.com_plus10 {font-size: 1.1em;color:#990000;}
.com_plus20 {font-size: 1.1em;color:#CC0000;font-weight:bold;}
.com_plus30 {font-size: 1.2em;color:#FF0000;font-weight:bold;}
.com_plus50 {font-size: 1.3em;color:#FF0000;font-weight:bold;}
.com_plus100 {font-size: 1.5em;color:#FF0000;font-weight:bold;}

.com_minus5 {font-size: 0.8em;}
.com_minus10 {font-size: 0.9em;color:#0000FF;}
.com_minus20 {font-size: 0.8em;color:#3399FF;}
.com_minus30 {font-size: 0.8em;color:#66FFFF;}
.com_minus50 {font-size: 0.8em;color:#EEEEEE;}
.com_minus100 {font-size: 0.9em;color:#FFFFFF}
.commentVoteGood,.commentVoteBad{cursor:pointer}
.commentvote_num{
	line-height:16px;
}
.commentvote_num img{
	vertical-align:top;
}
.commentvote_num_good{
	color:#ff0000;
	padding-right:1px;
}
.commentvote_num_bad{
	color:#0000ff;
	padding-left:1px;
}

/* ニュースのコメント数
/***********************************************/
.balloon-1 {
	position: relative;
}

.balloon-2 {
	position: absolute;
	top: 130px;
	left: 135px;
	margin:0;
	padding:0;
}

@media screen and (max-width: 640px) {
   /* 表示領域が640px未満の場合はバルーン位置を変更 */
.balloon-2 {
	position: absolute;
	top: 85px;
	left: 75px;
	}
}

a.balloon-com{
	color:#663366;
	text-decoration:none;
}

.balloon-com {
	position: relative;
	display: inline-block;
    border-radius: 6px;
	padding: 4px;
	width: auto;
	min-width: 50px;
	text-align: center;
	background: #F3DDF7;
	border: 2px solid #660066;
	z-index: 0;
}
.balloon-com:before {
	content: "";
	position: absolute;
	top: -7px; left: 50%;
	margin-left: -9px;
	display: block;
	width: 0px;
	height: 0px;
	border-style: solid;
	border-width: 0 7px 7px 7px;
	border-color: transparent transparent #F3DDF7 transparent;
	z-index: 0;
}
.balloon-com:after {
	content: "";
	position: absolute;
	top: -9px; left: 50%;
	margin-left: -10px;
	display: block;
	width: 0px;
	height: 0px;
	border-style: solid;
	border-width: 0 8px 8px 8px;
	border-color: transparent transparent #660066 transparent;
	z-index: -1;
}

/* スマホゲーム紹介
/***********************************************/
.qr-code{
	float:left;
	}

a.android, a.ios {
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
	}

a.android {
	display:block;
	float:left;
	background-image:url(http://www.elog-ch.com/css/css-img/googleplay.png);
	width:200px;
	height:50px;
	margin-top:25px;
	margin-right:30px;
	}

a.ios {
	display:block;
	float:left;
	background-image:url(http://www.elog-ch.com/css/css-img/appstore.png);
	width:200px;
	height:50px;
	margin-top:25px;
	}

@media screen and (max-width: 640px) {
   /* 640px未満のマージン調整 */
a.android,a.ios {
	margin-top:0;
	}
a.android {
	margin-bottom:30px;
	}
.qr-code{
	clear: both;	}
}

/* タレコミ一行ニュース
/***********************************************/

#bg-iframe {
	background-color:#FFFFFF;
	margin:0;
	}

.tarekomi li {
	list-style-type: none;
	padding:1px;
	}

.tarekomi .date{
	font-size: 0.8em;
	}

.tarekomi .icon{
	vertical-align:middle;
	}

.tarekomi .pick{
	vertical-align:middle;
	}


@media screen and (max-width: 640px) {
   /* 640px未満の場合のスタイル */

.tarekomi a {
	text-decoration:none;
	}

.tarekomi li {
	border-bottom: 1px solid #ccc;
	padding:10px 0px;
	}

.tarekomi .date{
	display:none;
	}
}

/* ここからタレコミ投稿ページ部分 */

#bg-tarekomi-form {
	background-color:#EFDEFF;
	margin:30px;
	}

.tarekomi-form{
	}

.tarekomi-form .ftitle {
	color:#CC0066;
	font-weight: bold;
	}

.tarekomi-form ul.guide {
	padding-left: 10px;
	margin: 6px 0px 6px 20px;
	line-height: 1.5;
	}

.tarekomi-form .farea {
	width:60%;
	border:double 3px #999999;
	background-color:#CCFFCC;
	padding:8px;
	line-height: 2;
	}

.tarekomi-form .fname {
	color:#222222;
	font-size: 90%;
	font-weight: bold;
	}

/***********************************************/
/* ここからレビューページのみ
/***********************************************/

/* ランキング順位画像
/***********************************************/
img.review-ranking{
	margin-right:4px;
	vertical-align: -0.8em;
	}

/* レビュー用テーブル
/***********************************************/

.tbl-01 {  
    width: 98%;
    margin: 0 1%;
    border: 1px solid #660000;
    border-bottom: none;
}

.tbl-01 dt {  
    font-weight: bold;
}

@media only screen and (max-width:640px) {
   /* 640px未満の場合は一段表示にする */
.tbl-01 {
	border-bottom:1px solid #660000;
	}

.tbl-01 dt {
	float: none;
	padding: 8px 0 8px 10px;
	background-color: #FEEBFE; /* 背景色を指定 */
	}

.tbl-01 dd {
	padding: 8px 10px 8px 0px;
	margin: 0 0 0 20px;
	}
	}

@media only screen and (min-width: 641px) {
   /* 641px以上の場合は二段表示にする */
.tbl-01 {
	background:url(http://www.elog-ch.com/css/css-img/tbl-01bg.png) repeat-y -190px 0 ; /* dlで背景画像をyリピートし、dtの背景色のように見せる。positionはdtの幅に応じて調整 */
	}

.tbl-01 dt,
.tbl-01 dd {
	padding: 10px 0;
	}

.tbl-01 dt {
	clear: both;
	float: left;
	width: 110px; /* 幅を指定 */
	text-align: center;
	}

.tbl-01 dd {
	margin: 0;
	padding-left: 120px; /* dtの分、左にpaddingを取る */
	border-bottom: 1px solid #660000;
	}
	}

/* レビューテーブル内の装飾
/***********************************************/

.tbl-01 .caption4 {  
	margin-top:0;
	}

.tbl-01 p {  
	padding-left: 1em;
	}

.tbl-01 .indent {  
	padding-left: 1em;
	margin-bottom:1em;
	}


/* 動画埋め込み部分（マルチブログ）
/***********************************************/

.review-inner-douga {
	width: 94%;
	padding:0 2%;
	margin: 0 1%;
	border: 1px solid #660000;
}


/* レビューサムネイル画像回り込み
/***********************************************/

.rev-thm {  
	float: left;
	width: 200px; /* 幅を指定 */
	margin:0px 10px 0px 5px;
}
@media only screen and (max-width:640px) {
   /* 640px未満の場合は幅を変更 */
.rev-thm {
	max-width: 35%; /* 幅を指定 */
	font-size: 80%;
	}
.rev-thm img {
	max-width: 99%; /* 幅を指定 */
	height: auto;
	}
}


/***********************************************/
/* ここから動画ページのみ
/***********************************************/

/* 動画全般
/***********************************************/

.dougaentry {
	margin-top:10px;
	margin-bottom:4px;
	padding-bottom:6px;
	clear: both;
	}

.dougaentry p {
	margin-bottom:3px;
	}

.dougaentry a {
	text-decoration:none;
	}

.douga-img img {
/* 記事内の画像を横100%に */
	max-width: 100%;
	height: auto;
	}

@media screen and (min-width: 641px) {
   /* 641px以上で「動画を見る」をインデント */
.douga-extended {
	margin-left: 210px;
	}
}

.dougadata {
	color: #006633;
	}

.dougacategory {
	margin-top:-10px;
	margin-bottom:-10px;
	}

.dougadl {
	padding:4px 2px;
	}

.douga-itemlist {
	margin-bottom:3px;
	}

.douga-itemlist ul {
	list-style: none;
	}

.douga-itemlist li {
	display: inline;
	padding: 0 0.2em;
	}

/* ユーザーレビュー  
/***********************************************/

.douga-review-title {
	font-weight: bold;
	margin:0;
	}

.douga-review-name {
	font-weight: bold;
	color:#CC0000;
	margin:0;

	}
.douga-review-text {
	margin:0 0 2em 2em;
	}

/* サイト紹介  
/***********************************************/

.douga_aboutsite_img {
	float: left;
	width:200px;
	border: 1px solid #999999;
	margin-right:10px;
	margin-bottom:8px;
	}

.douga_aboutsite_title {
	font-weight: bold;
	color:#CC0000;
	margin-top:8px;
	margin-bottom:2px;
	}

.douga_aboutsite_golink {
	margin-top:8px;
	}

/* 関連記事
/***********************************************/

#douga_related_body {
	max-width:700px;
	align:left;
	auto;
	}

#douga_related_inbox {
	position:relative;
	width:32%;
	float:left;
	margin-top:6px;
	margin-bottom:6px;
	}

@media only screen and (max-width:640px) {
   /* 640px未満の場合は一列表示にする */
	#douga_related_inbox {
	width:100%;
	}
}

.douga_related_img {
	width:32%;
	border:none;
	}

.douga_related_img:hover {
    filter:alpha(opacity=50);
    -moz-opacity: 0.5;
    opacity: 0.5;
	}

.douga_related_title {
	position:absolute;
	width:194px;
	padding:3px;
	bottom:0px;
	color:#FFFFFF;
    background-color:#000;
	font-weight:bold;
    filter:alpha(opacity=70);
    -moz-opacity: 0.7;
    opacity: 0.7;
	}

.douga_related_title a {
	color:#FFFFFF;
	text-decoration:none;
	}

.douga_related_title a:hover {
    filter:alpha(opacity=50);
    -moz-opacity: 0.5;
    opacity: 0.5;
	}

/***********************************************/
/* ここから画像BBSのみ
/***********************************************/

/* 画像BBS全般
/***********************************************/

.ib_number {
/* 投稿番号 */
	color:#FF0000;
	margin-right:0.3em;
	}

.ib_name {
/* 投稿者 */
	color:#006600;
	margin-right:0.3em;
	}

.cap {
	color:#CC0000;
	}
.trip {
	color:#0000CC;
	}

.ib_date {
/* 投稿日時 */
	color:#660000;
	margin-left:0.3em;
	}

.ib_id {
/* 投稿者ID */
	color:#3399FF;
	}


p.userdel {
/* 削除メッセージ */
	color:#999933;
	margin-left:40px;
	}

p.admindel {
	color:#993399;
	margin-left:40px;
	}


/* スクリプト著作権表示 */
.scriptby	{
	text-align:right;
	}


/* 新規投稿投稿・返信フォーム部分 */
.ib_post_table {
	margin-left:10px;
	background-color:#DDFFBB;
	border:ridge 2px;
	padding:10px;
	line-height:1.5;
	}

.ib_hissu {
	color:#FF0000;
	}


/* 画像BBSメインページ
/***********************************************/
p.ib_titlelist {
	margin-top:10px;
	background-color:#FFFFCC;
	border:ridge 2px #FFFFFF;
	padding:10px;
	}

.ib_maintable {
	width:90%;
	margin:0 auto;
	}


p.ib_pagenavi {
	width:100%;
	margin:10px 0;
	padding:10px 0;
	border-top:solid 1px #666666;
	border-bottom:solid 1px #666666;
	}

p.ib_mainpage_com {
/* サムネ下のテキスト */
	}

p.ib_title {
/* 記事タイトル */
	color:#FF0000;
	font-weight:bold;
	}

.ib_thumimg {
/* サムネ画像 */
	max-width:100%;
	}

/* レス表示時のレス部分 */
p.ib_mainpage_res {
	border-top:solid 1px #999999;
	margin-top:5px;
	padding:5px;
	margin-bottom:10px;
	}

/* 画像スレッドページ
/***********************************************/
p.ib_thtitle {
/* スレッドのタイトル（個別ページ） */
	font-size: 1.4em;
	font-weight:bold;
	margin-top:10px;
	color:#FF0000;
	}

p.ib_thread_item {
	margin-top:20px;
	margin-bottom:10px;
	}

p.ib_thread_com {
	margin-left:3%;
	}

img.thread_img {
	max-width:100%
	}

/* 返信フォーム部分 */
.ib_thread_form {
	margin-top:10px;
	padding-top:10px;
	padding-bottom:10px;
	border-top:solid 1px #808080;
	border-bottom:solid 1px #808080;
	}

.ib_thread_ad {
	padding-top:10px;
	border-top:solid 1px #808080;
	}

.ib_max_comment {
	font-size: 1.2em;
	font-weight:bold;
	color:#FF0000;
	}


/***********************************************/
/* ここからヘルプページのみ
/***********************************************/

.help-menu li{
	margin-top:1em;
	}

.help-menu li a{
	font-size: 1.1em;
	font-weight:bold;
	}