@charset "UTF-8";


/*************** リンク定義 ***************/

/*** リンク設定 ***/

a {
	outline: none;
}

a:link{
	color:#22f;
	text-decoration: none;
}

a:visited{
	color:#22f;
	text-decoration: none;
}

a:active{
	color: #22f;
	text-decoration: none;
}

a:hover{
	color: #f00;
	text-decoration: none;
}

#contents p#linkarea a {
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	width: 100%;
	margin: 0;
	padding: 0;
	font-size: 1px;
	color: #ffffff;
}

#contents .entry-title a:link, #contents .entry-title a:visited {
	display: block;
	position: absolute;
	left: 265px;
	top: 40px;
	margin: 0;
	padding: 0;
	color: #20a0ff;
}

#contents .entry-title a:hover{
	color: #f88;
	text-decoration: none;
}

/*************** body ***************/

body{
	font-size: small;
	font-family: 'ＭＳ Ｐゴシック','Hiragino Kaku Gothic Pro','ヒラギノ角ゴ Pro W3', sans-serif;
	background-color: #fff;
	word-wrap: break-word;
	margin: 0 auto;
	padding: 0px 0px 15px 0px;
}

img{
	border: 0;
}

div#main-container
{
	width: 1270px;
	margin: 0 auto;
}

div.mainmore {
	margin: 0;
	padding: 0;
}


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

iframe.twitter-follow-button {
	margin-top: 10px;
	width: 320px !important;
}


div#first {
	width: 670px;
	height: 250px;
	margin: 0 auto;

}

/*************** メイン（左中右カラム）  ***************/

div#main{
	width: 1270px;
	margin: 0 auto;
}

/*************** コンテンツ（中央カラム） ***************/

/****** 中央カラムレイアウト ******/

#contents {
	width: 730px;
	position: relative;
	top: 0px;
	float:left;
	top: 0;
	left: 210px;
	margin: 0 auto;
	padding: 0;
	overflow: hidden;
}

/****** コンテンツ内定義 ******/

div.contents-main {
	width: 730px;
	height: 100%;
	margin: 0;
	padding: 5px 0 0 0;
}

/*** エントリーボディ内 h2 ***/
/*** コメント内 h2 ***/
/*** トラックバック内 h2 ***/

.entry-body h2,
.comment h2,
.trackback h2 {
	margin: 5px 0 0 0;
	padding: 0 5px;
	font-size: small;
	border-bottom: double #999;
}

/*** エントリーボディ内 h3 ***/
/*** コメント内 h3 ***/
/*** トラックバック内 h3 ***/

.entry-body h3,
.comment h3,
.trackback h3 {
	margin: 5px 0 0 0;
	padding: 0 5px;
	font-size: small;
	border-bottom: 2px solid #999;
}

/*** エントリーボディ内 h4 ***/
/*** コメント内 h4 ***/
/*** トラックバック内 h4 ***/

.entry-body h4,
.comment h4,
.trackback h4 {
	margin: 5px 0 0 0;
	padding: 0 5px;
	font-size: small;
	border-bottom: 1px dotted #999;
}

.entry-body p{
	margin: 5px 0;
}

/*** エントリーボディ内 blockquote ***/

.entry-body blockquote{
	width: 90%;
	padding: 5px 15px;
	margin: 5px 10px;
	border: solid 1px #CC9;
	line-height: 170%;
}

/*** エントリーボディ内 ol ul ***/
/*** コメント内 ol ul ***/
/*** トラックバック内 ol ul ***/

.entry-body ul,
.comment ul,
.trackback ul,
.entry-body ol,
.comment ol,
.trackback ol {
	margin-left: 0;
	padding-left: 0;
}

/*** コンテンツ内パンくず ***/

.pankz{
	margin-top: 5px;
	padding: 0;
	font-size: x-small;
	text-align: right;
}

/*** コンテンツ内ページナビ ***/

.page-navi{
	margin-top: 5px;
	padding: 0;
	font-size: x-small;
}

/****** エントリー ******/

div.entry{
	margin: 0;
	min-height: 155px;
	position : relative;
	border-top: 3px solid #ccc;
	border-left: 2px solid #888;
	border-right: 2px solid #888;
	background-color: #fff;
	overflow:hidden;
}

div.entry:hover {
	background-color: #ffffe0;
}

div.entry-all{
	margin: 0;
	background-color: #fff;
}

div#thbtn {
	width: 100%;
	position: relative;
	margin: 20px 0 0 0;
	height: 50px;
}

#twhtnbox {
	position: absolute;
	bottom: 0;
	right: 0;
	width: 430px;
	margin: 0;
	padding: 0;
	list-style: none;
}

#twhtnbox li {
	line-height: 80px;
	font-size: 16px;
	margin: 0;
	padding: 0 0 0 10px;
	float: left;
	height: 50px;
	overflow: hidden;
}

#twhtnbox img {
	border: 0px;
}

div.entry-bottom {
	border-bottom: 2px solid #888;
}

/****** エントリーヘッダー ******/
/*** h2 ---- コンテンツ内の見出し ***/

#contents h1.entry-title, #contents h2.entry-title{
	margin: 0 10px 15px 300px;
	padding: 10px 0;
	font-size: 25px;
	font-weight: normal;
	line-height: 1.2;
}

/****** エントリーボディ ******/
/****** コメント ******/
/****** トラックバック ******/

.comment,
.trackback
{
	margin: 0;
	padding: 15px 10px;
	line-height: 1.5;
}

.entry-body {
	margin: 0;
	padding: 15px 10px;
	font-size: 120%;
	line-height: 170%;
	border-left: 2px solid #888;
	border-right: 2px solid #888;
	border-bottom: 2px solid #888;
}

br{
	letter-spacing: 0;
}

/****** トラックバック、コメント、コメント書き込み ******/

/***  見出し ***/

div.trackbacks-title,
div.comments-title,
div.comments-open-title,
div.category-title
{
	margin: 0 0 20px -10px;
	padding: 0 5px;
	font-size: 16px;
	letter-spacing: .15em;
	line-height: 1.6;
	color: #666;
	font-weight: bold;
	border-bottom: 1px solid #ddd;
	border-left: 5px solid #e80;
}

#trackbacks,
#comments,
#comments-open,
{
	margin-bottom: 30px;
}

#comments-open {
	background-color: #fff;
}

/*** コメントテキスト,トラックバックテキスト ***/

.commenttext,
.trackbacktext,
.trackbackurl
{
  margin: 5px 0 13px;
  padding: 0 0 13px 0;
  border-bottom:solid 1px #ddd;
  color:#333;
  font-size:13px;
}
.commenttext {
position: relative;
z-index: 99;
}
.commenttext a {
	padding: 0 3px;
}
.comment-rating {
  margin:1em 0 0;
  color:#666;
  font-size:13px;
  font-family:Verdana, Geneva, sans-serif;
  font-weight:normal;
  text-align:right;
}
.comment-rating .good-count,
.comment-rating .bad-count {
  margin-left:10px;
  vertical-align:middle;
}
.comment-rating .good,
.comment-rating .bad {
  cursor:pointer;
  display:inline-block;
  margin-left:3px;
  padding:3px 5px;
  color:#333;
  border:solid 1px;
  border-color:#eee #aaa #aaa #eee;
  vertical-align:middle;
}
.comment-rating .good:hover,
.comment-rating .bad:hover {
  background:#fafafa;
}
.comment-rating .disabled {
  cursor:default;
  border:solid 1px #ddd;
  background:#fafafa;
  color:#aaa;
}

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

#comment-form *
{
	margin: 0;
	padding: 0;
}

#comment-form{
	margin: 0;
	padding: 0 10px 10px 10px;
	background-color: #fff;
	border: 1px solid #EEE;
}

#comment-form p{
	margin: 10px 0;
}


/*** フォームボタン ***/

#form-button{
	margin: 0;
}

/*** エラー ***/

#error{
	border: 1px solid #FF6600;
	color: #FF6600;
	padding: 5px;
}

/*** 絵文字 ***/

#emoji{
	width:242px;
	height:167px;
	display: inline;
}

/*************** サイドレイアウト  ***************/

div#left-side
{
	width: 204px;
	float:left;
	margin-left:-730px;
	font-size: small;
	overflow: hidden;
}

div#right-side
{
	width: 320px;
	float: right;
	font-size: small;
	overflow: hidden;
}

/*************** サイドバー（左右カラム） ***************/

div.menu *
{
	margin: 0;
	padding: 0;
}

div.menu
{
	margin: 10px 0 30px 0;
	width: 200px;
	padding: 0;
	font-size: small;
}

div.sidewrapper{
	margin-bottom: 10px;
}

/*** サイドバー内見出し ***/

div.sidetitle {
	width: 186px;
	margin: 0 0 0 10px;
	padding: 7px 0;
	font-size: 14px;
	font-weight: bold;
	color: #fff;
}

div.sidetitlebody, div#links {
	margin: 0;
	padding: 0;
	background: #01B3B0;
	-webkit-border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright: 5px;
	border-radius:5px 5px 0 0;
	/* -pie-background: linear-gradient(#01B3B0 10%, #0270AD 50%);
	background: -moz-linear-gradient(top, #01B3B0 10%, #0270AD 50%);
	background: -o-linear-gradient(#01B3B0 10%, #0270AD 50%);
	background: -webkit-gradient(linear, left top, left bottom, from(#01B3B0),color-stop(0.1, #01B3B0),color-stop(0.5, #0270AD)); */
	-pie-background: linear-gradient(#01B3B0, #0270AD);
	background: -moz-linear-gradient(top, #01B3B0, #0270AD);
	background: -o-linear-gradient(top, #01B3B0, #0270AD);
	background: -webkit-gradient(linear, left top, left bottom, from(#01B3B0),to(#0270AD));
	filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#01B3B0',endColorstr='#0270AD');
	-ms-filter:"progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#01B3B0',endColorstr='#0270AD')";
	border: 1px solid #888;
}


div.menu ul{
	font-size: small;
	margin: 10px 10px 5px 25px;
}

div.menu div.side{
	margin: 0;
	padding: 5px 0;
	border: 1px solid #ccc;
}

div.sidebottom{
	margin: 0;
	padding: 0;
}


/*** サイドバーリスト ***/

.menu ul,
.menu ol
{
	margin-top: 3px;
	margin-left: 25px;
	padding: 2px 0;
}

.menu li
{
	padding: 2px 0;
}

/*** サイドリンク ***/

div.sidebody{
	margin: 7px;
	font-size: small;
}

/*** フォーム、ボタン ***/

div.side form input.sf{
	width: 145px;
	margin: 5px 2px 5px 5px;
	border: 1px solid #CCC;
	background: #FFF;
	padding: 2px;
}

input#author,
input#email,
input#url,
textarea#text,
input.trackback-url,
select#rank
{
	border: 1px solid #CCC;
	background: #FFF;
	padding: 2px;
}

#comment-form input#author {
	width: 300px;
	margin-right: 15px;
}

textarea#text,input.button {
	width: 700px;
	height: 200px;
}

textarea#text {
	width: 700px;
	height: 200px;
}

#form-button input.button {
	text-size: 16px;
	width: 700px;
	height: 30px;
}

div.side form input.sfbtn,
#trackbackurl .trackbackurl input#quick
{
	background: #EEE;
	border: 1px solid #CCC;
	padding: 1px;
}

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

div#footer
{
	position: fixed !important;
	position: relative;
	bottom: 0px;
	width: 100%;
	height: 15px;
	margin: 0 auto;
	background: #666;
	z-index: 100;
	overflow: hidden;
	background: #01B3B0;
	-pie-background: linear-gradient(rgba(1,179,176,0.7), #0270AD);
	background: -webkit-gradient(linear, left top, left bottom, from(rgba(1,179,176,0.7)), to(#0270AD));
	background: -moz-linear-gradient(top, rgba(1,179,176,0.7), #0270AD);
	background: -o-linear-gradient(rgba(1,179,176,0.7), #0270AD);
	filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#01B3B0',endColorstr='#0270AD');
	-ms-filter:"progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#01B3B0',endColorstr='#0270AD')";
	-pie-transition-property: all;
	-pie-transition-duration: 0.5s;
	-webkit-transition-property: all;
	-webkit-transition-duration: 0.5s;
	-moz-transition-property: all;
	-moz-transition-duration: 0.5s;
	-o-transition-property: all;
	-o-transition-duration: 0.5s;
	-ms-transition-property: all;
	-ms-transition-duration: 0.5s;
}

div#footer:hover
{
	height: 58px;
}

#grnavi {
	position: absolute;
	width: 770px;
	top: 15px;
	left: 50%;
	margin: 0 0 0 -385px;
	padding: 0;
	font-size: 14px;
	text-align: center;
	letter-spacing: 0.1em;
	list-style: none;
	z-index: 300;
}

#grnavi li {
	width: 153px;
	background: #eee;
	padding: 7px 0px;
	float: left;
	border-right: 1px solid #ccc;
}

#grnavi li.last {
	width: 154px;
	border-right: 0px;
}

#grnavi li a {  
	display:block;
}  

#grnavi li:hover {
	background: #fff;
}

/*************** ライブドア広告ヘッダー ***************/

table#header {
	width: 100%;
}

table#header th {
	width: 1%;
}

table#header th img {
	margin: 2px 10px;
}

table#header td.catprbox {
	width: 1%;
	white-space: nowrap;
}

table#header td.catprbox span {
	margin-right: 15px;
}

table#header td.newstickerbox {
	width: 97%;
}

table#header td.newstickerbox div {
	text-align: left!important;
	padding-left: 10px;
}

table#header td.startblogbox {
	width: 1%;
	padding-right: 20px;
	white-space: nowrap;
}

table#header td.startblogbox img {
	margin-right: 3px;
	border: 0;
	vertical-align: middle;
}

table#header td.startblogbox a.header-nav-livedoor {
	margin-right: 5px;
	border-right: 1px solid;
	padding-right: 5px;
}

table#header a {
	text-decoration: none!important;
}

table#header td {
	height: 16px!important;
}

td.newstickerbox div {
	width: 200px!important;
	height: 14px!important;
}

#header_scroll {
	width: 170px!important;
}

#header_topics div {
	height: 14px!important;
}

/*************** その他スペース ***************/

.elsebody{
	padding: 15px 10px 0 0;
	text-align: center;
}

.elsebody img{
	margin: 3px 0;
}



/*** clearfix ***/

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

/******************************/
/*\*/
* html .clearfix {
    height: 1em;
}

/************** カスタマイズ ****************/

div#entry-header {
	width: auto;
	font-size: 18px;
	font-weight: bold;
	color: #fff;
	padding: 10px 0 10px 10px;
	background: #01B3B0;
	-webkit-border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright: 5px;
	border-radius:5px 5px 0 0;
	/* -pie-background: linear-gradient(#01B3B0 10%, #0270AD 50%);
	background: -moz-linear-gradient(top, #01B3B0 10%, #0270AD 50%);
	background: -o-linear-gradient(#01B3B0 10%, #0270AD 50%);
	background: -webkit-gradient(linear, left top, left bottom, from(#01B3B0),color-stop(0.1, #01B3B0),color-stop(0.5, #0270AD)); */
	-pie-background: linear-gradient(#01B3B0, #0270AD);
	background: -moz-linear-gradient(top, #01B3B0, #0270AD);
	background: -o-linear-gradient(top, #01B3B0, #0270AD);
	background: -webkit-gradient(linear, left top, left bottom, from(#01B3B0),to(#0270AD));
	filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#01B3B0',endColorstr='#0270AD');
	-ms-filter:"progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#01B3B0',endColorstr='#0270AD')";
	border: 1px solid #888;
}

#aa {
	font-family: "ＭＳ Ｐゴシック","ＭＳＰゴシック","MSPゴシック","MS Pゴシック","MS PGothic";
	font-size: 12px;
	line-height: 14px;
	letter-spacing: normal;
}

br {
	letter-spacing: 0;
}

div.rss {
	padding: 2px;
	height: 300px;
	overflow-x: hidden;
	overflow-y: auto;
	background-color: #fff;
	border: 2px solid #888;
}

div.rss_l {
	float: left;
	margin: 0 5px 10px 0;
	width: 370px;
	overflow-x: hidden;
}

div.rss_r {
	float: none;
	margin: 0 0 10px 0;
	width: auto;
	overflow-x: hidden;
}

/************** エントリー内カスタマイズ ****************/

#kizi_info {
	position: absolute;
	top: 5px;
	left: 265px;
	margin: 0px;
	padding: 0px;
	font-size: 16px;
	text-align: left;
	list-style: none;
}

#kizi_info li {
	margin: 5px 15px 0 0;
	padding: 0;
	text-align: left;
}
li#categoryinfo {
	margin-right: 0;
	width: 295px;
	white-space: nowrap;
}

#kizi_info a {
	color: #e08040;
}

#kizi_info a:hover {
	color: #ff0000;
}

#timeinfo {
	float: left;
}

#categoryinfo {
	float: left;
}

/*
2015-05-09 :
幅の広いフォント（メイリオ等）で閲覧すると、カテゴリーが強制的に改行されて2行になり
記事タイトルに重なって表示される問題について、カテゴリーが1行に収まらない場合は表示しないように対処。
根本的な問題の解消にはカテゴリーや記事タイトルを position: absolute ではなく
float で位置調整するように変えれば良いと思われるがやや大掛かりな編集になるので保留。
変更前： http://i.gyazo.com/59bf8e908d1af0ff9b53c7a6d0feba84.png
変更後： http://i.gyazo.com/40c5b9d29e7d030282269c7eb73d20fd.png
*/

#kizi_info {
	overflow: hidden;
	padding: 5px 0 0;
	height: 1.6em;
	line-height: 1.6;
}

#kizi_info li {
	margin-top: 0;
}

/*
2015-05-09 : ここまで
*/

#kizi_footer {
	position: absolute;
	bottom: 10px;
	right: 10px;
	margin: 0;
	padding: 0 0 0 300px;
	font-size: 16px;
	color: orange;
	text-align: left;
	list-style: none;
}

#kizi_footer li {
	padding: 0 0 0 15px;
	float: right;
}

#thumb {
	position: relative;
	width: 240px;
	height: auto;
	padding: 10px 0;
	display:block;
	position: absolute;
	left: 10px;
}

ul#kizi_info {
	z-index: 100;
}

#kiziinfo_box {
	list-style: none;
	margin: 0;
	padding: 0;
}

li#entryinfo {
	font-size: 14px;
	color: #bbb;
	padding-bottom: 3px;
}

li#kizititle {
	font-size:24px;
	float:left;
	color:#fff;
	line-height:28px;
}
li#kizititle iframe {
	margin:0 0 -2px 10px;
}
li#kizititle a.twitter-share-button {
	font-size:8px;
}

div#socialbtn {
	margin: 0 0 20px 380px;
}

#kiziinfo_box a {
	color: #fff;
}

#topbanner {
	width: 728px;
	margin: 0 auto 5px auto;
}

#rtrank {
	margin: 5px 0;
}

#entry-footer {
	font-size: 16px;
	width: 720px;
	padding: 10px 25px;
	line-height: 130%
}

#akazi {
	color: #ff0000;
	font-weight: bold;
	margin: 0 0 10px 0;
	padding: 0;
}

.if1 {
	margin-bottom: 25px;
}

#footermsg {
	font-size: 15px;
	color: #fff;
	margin-left: 10px !important;
}

#twitterbtn {
	margin: 8px 0 0 10px;
}

#adbanner {
	padding: 10px 0 10px 20px;
}


/* 回り込み解除 */

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

.clearfix {
	min-height: 1px;
}

/* カテゴリ最新記事のスタイル */

.related-articles,
.trackbacks,
.comments {
	margin: 10px 0;
	color: #36414d;
}

.subrss h3,
.related-articles h3,
.trackbacks-header,
.comments-header,
.comments-open-header {
	margin: 5px 0;
	padding: 2px 0 2px 5px;
	color: #666;
	font-size: 16px;
	border-left: 5px solid #e80;
	border-bottom: 1px solid #ccc;
}

.related-articles {
	margin: 10px 0 0 0;
	padding: 0 0 5px 0;
}

.related-articles ul {
	margin: 0;
	padding: 0;
	font-size: 16px;
	list-style: none;
}

.related-articles li {
	margin: 0 0 3px 0;
	padding: 0;
}

#comments-list {
	margin: 20px 0 0;
	padding: 0px 20px;
	background-color: #fff;
	width: 690px;
}

.side div.popular-articles table {
	padding: 0 3px;
	width: 194px;
}

.side div.popular-articles td {
	/* border-bottom: 1px dashed #888; */
}

div.plugin-recent_articles div.sidebody {
	background: url(http://blog.livedoor.jp/drazuli/arrow.gif) no-repeat left top;
	padding: 0 0 0 10px;
}

ul.index-navigator {
	margin: 20px 0 0 0;
}

.index-navigator li.current {
	display: inline-block;
	font-size: 12px;
	font-weight: normal !important;
	color: #fff;
	background-color: #333;
	margin: 0 2px;
	padding: 0 10px;
	line-height: 28px;
	border:1px solid #888;
}

.pager a, .pager-inner a {
	border: 1px solid #888;
	background-color: #fff;
	color: #000000;
	cursor: pointer;
	display: inline-block;
	/display: inline;
	/zoom: 1;
	font-weight: normal;
	line-height: 28px;
	margin: 0 5px;
	padding: 0 10px !important;
	text-decoration: none !important;
}

.pager a:hover, .pager-inner a:hover {
	color: #fff;
	background-color: #333;
}

#pagenavi,.pager {
	margin: 10px 0 30px 0;
}

#pagenavi {
	border: 2px solid #888;
}

ul#navibox {
	min-height: 50px;
	margin: 0;
	padding: 0;
	list-style: none;
}

#pagenavi li.prev {
	background: url(http://blog.livedoor.jp/drazuli/left.png) left center no-repeat;
	min-height: 50px;
	font-size: 16px;
        line-height: 110%;
	float: left;
	border-right: 1px dashed #CCC;
	text-align: left;
	padding: 0;

}

#pagenavi li.next {
	background: url(http://blog.livedoor.jp/drazuli/right.png) right center no-repeat;
	min-height: 50px;
	font-size: 16px;
        line-height: 110%;
	float: right;
	text-align: right;
	padding: 0;
}

#pagenavi li:hover {
	background-color: #ffe0c0;
}

#pagenavi a {
	display: inline-block;
	width: 312px !important;
	height: 50px !important;
	padding: 5px 25px;
}

ul.archives-pager li.both {
	border-left: 0px;
}

.kalu_wraper {
	width: 184px;
	margin: 0 0 15px 7px !important;
	padding: 0 0 10px 0 !important;
}

.side div.message-box form, .side div.message-box p.message-properties {
	margin: 0 0 0 10px;
}

#amareco {
	text-align: center;
}

ul.recent-article-image {
	margin: 7px !important;
}

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

BlogRoll css

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

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


.blogroll-channel {
	margin-bottom: 0px;
	padding: 0px;
	background: #fff;
}




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

.blogroll-channel .blogroll-list {
	list-style-type: none;
	margin-bottom: 0px;
	font-size: 16px;
	line-height: 1.4;
	background:url("http://livedoor.blogimg.jp/drazuli/imgs/9/8/98288277.png") no-repeat scroll 6px center #FFF;  
	border-bottom:1px dashed #c3c3c3;
	display:block;padding-left:24px
}

.blogroll-channel .blogroll-list:hover {
	background-color:#edffeb
}


.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 .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-text {
	display: block;
	margin-top: 5px;
	color: #666;
	font-size: 12px;
}


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

.blogroll-channel a.blogroll-link {
}

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

      画RSS css

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

.garss a:link {
	background: url("http://livedoor.blogimg.jp/drazuli/imgs/9/8/98288277.png") no-repeat scroll 6px center #FFF;
	display: block;
	padding-left: 24px
}

.garss a:link:hover {
	background-color:#edffeb
}



#honbun {
 padding: 0 10px;
}



div#i2iad3rd, div#i2iAdcon {
position: fixed !important;
}




#custom_freearea,
div.menu .custom_freearea {
  padding: 10px 9px;
}


/** ---------- jCarousel --------------- **/
.jcarousel-skin-drazuli .jcarousel-container-horizontal {
	margin: 0;
	padding: 20px 22px;
	width: 690px;
}

.jcarousel-skin-drazuli .jcarousel-clip {
	overflow: hidden;
	width: 695px;
	height: 135px;
}

.jcarousel-skin-drazuli .jcarousel-item {
	overflow: hidden;
	width: 168px;
	height: 135px;
	margin-left: 0;
	margin-right: 10px;
}

.jcarousel-skin-drazuli .jcarousel-item a {
	position: relative;
	overflow: hidden;
	display: block;
	height: 132px;
	width: 150px;
	border: solid 1px #028EAE;
}

.jcarousel-skin-drazuli .jcarousel-item a span.title {
	position: absolute;
	left: 0;
	bottom: 0;
	opacity: 0.88;
	filter: alpha(opacity=88);
	overflow: hidden;
	padding: 4px;
	height: 31px;
	width: 142px;
	background: #028EAE;
	color: #fff;
	font-weight: bold;
	font-size: 12px;
	line-height: 17px;
}

.jcarousel-item img {
	width: 168px;
}

/*
.jcarousel-skin-drazuli .jcarousel-container-horizontal {
  margin:0 -10px;
  padding:20px 28px;
  width: 710px;
}
.jcarousel-skin-drazuli .jcarousel-clip {
  overflow:hidden;
  width:  710px;
  height: 135px;
}
.jcarousel-skin-drazuli .jcarousel-item {
  overflow:hidden;
  width: 170px;
  height: 135px;
  margin-left: 0;
  margin-right: 10px;
}
.jcarousel-skin-drazuli .jcarousel-item a {
  position:relative;
  overflow:hidden;
  display:block;
  height:132px;
  width:168px;
  border:solid 1px #028EAE;
}
.jcarousel-skin-drazuli .jcarousel-item a span.title {
  position:absolute;
  left:0;
  bottom:0;
  opacity:0.88;
  filter: alpha(opacity=88);
  overflow:hidden;
  padding:4px;
  height:31px;
  width:160px;
  background:#028EAE;
  color:#fff;
  font-weight:bold;
  font-size:12px;
  line-height:17px;
}
*/
.jcarousel-skin-drazuli .jcarousel-item-placeholder {
  background: #fff;
  color: #000;
}
.jcarousel-skin-drazuli .jcarousel-item a:hover {
  opacity:0.8;
}
.jcarousel-skin-drazuli .jcarousel-item a span.count {
  position:absolute;
  top:0;
  right:0;
  opacity:0.88;
  filter: alpha(opacity=88);
  padding:3px 6px 2px 5px;
  background:#028EAE;
  color:#fff;
  font-size:12px;
  font-weight:bold;
  line-height:1;
  text-shadow:0 1px 0 #01576a;
}
.jcarousel-skin-drazuli .jcarousel-next-horizontal,
.jcarousel-skin-drazuli .jcarousel-prev-horizontal {
  position: absolute;
  top: 50%;
  margin-top:-16px;
  width: 21px;
  height: 32px;
  cursor: pointer;
}
.jcarousel-skin-drazuli .jcarousel-next-horizontal {
  right: 5px;
  background: transparent url(http://blog.livedoor.jp/drazuli/img/jcarousel/next.png) no-repeat 0 0;
}
.jcarousel-skin-drazuli .jcarousel-prev-horizontal {
  left: 3px;
  background: transparent url(http://blog.livedoor.jp/drazuli/img/jcarousel/prev.png) no-repeat 0 0;
}
.jcarousel-skin-drazuli .jcarousel-next-horizontal:hover,
.jcarousel-skin-drazuli .jcarousel-next-horizontal:focus,
.jcarousel-skin-drazuli .jcarousel-prev-horizontal:hover, 
.jcarousel-skin-drazuli .jcarousel-prev-horizontal:focus {
  opacity:0.85;
  filter: alpha(opacity=85);
}
.jcarousel-skin-drazuli .jcarousel-next-disabled-horizontal,
.jcarousel-skin-drazuli .jcarousel-next-disabled-horizontal:hover,
.jcarousel-skin-drazuli .jcarousel-next-disabled-horizontal:focus,
.jcarousel-skin-drazuli .jcarousel-next-disabled-horizontal:active,
.jcarousel-skin-drazuli .jcarousel-prev-disabled-horizontal,
.jcarousel-skin-drazuli .jcarousel-prev-disabled-horizontal:hover,
.jcarousel-skin-drazuli .jcarousel-prev-disabled-horizontal:focus,
.jcarousel-skin-drazuli .jcarousel-prev-disabled-horizontal:active {
  cursor:default;
  opacity:0.4;
  filter: alpha(opacity=40);
}




/** ---------- Google AdSense ---------- **/
.google-user-ad {
	margin:0;
	padding:0;
	text-align:center;
}
.yms-user-ad { margin:10px auto; }
.ad-type-side { margin:0; padding:0; }
.ad-center { text-align:center; }
.ad-type-entry { text-align:center; margin-bottom:10px; }

div#contents div.popularArticlesWithImage.A {
margin:10px 0 0 0;
width: 730px;
height: 144px;
overflow: hidden;
}
div#contents div.popularArticlesWithImage.A div.title {
filter: alpha(opacity=88);
opacity: 0.88;
-moz-opacity:0.88;
}
div#contents div.popularArticlesWithImage.A ul li:hover {
filter: alpha(opacity=80);
opacity: 0.80;
-moz-opacity:0.80;
}

div.popularArticlesWithImage.A ul li {
margin-right: 6px;
}




/* デザイン変更範囲ここから */
.ad-type-728-1 { margin: 5px auto 0; }
.ad-type-728-2 { margin: 5px auto 5px; }
.ad-type-300 {
	margin: 10px 40px 10px 0;
}
.ad-type-336 { margin: 10px auto 0; }
div#right-side div.menu{
	width:320px;
}
div#right-side div.sidetitle{
	width:226px;
}
div#links{
	text-align:center;
	padding:10px 0;
	font-size: 13px;
	line-height: 14px;
}
div#links-inner{
	background:#fff;
	width:1270px;
	margin:0 auto;
}
div#links div.link-column{
	width:295px;
	float:left;
	margin-right:10px;
	text-align:left;
	border-right: 1px solid #888;
	height: 750px;
	padding-right: 10px;
}
div#links div.lastcolumn{
	width:295px;
	float:left;
	text-align:left;
	height: 700px;
	padding-right: 10px;
}
div#links div.link-column div.sidetitle{
	width:266px;
}
div#links div.link-column div.side{
	border: 1px solid #ccc;
	padding:10px;
}

.footerblock {
	background: #fff;
	padding: 0 10px;
}

.footertitle {
	margin: 0;
	padding: 10px 0 15px 0;
}

ul.daily_count {
	margin: 0!important;
	padding-bottom: 15px;
}

iframe.bottom {
	width: 2000px;
	height: 404px;
}

.comcount {
	display: inline-block;
	font-size: 12px;
	font-weight: bold;
	background: #ceffe0;
	color: #00d04d!important;
	padding: 1px 1px 0px 1px;
	border-bottom: 1px solid #00d04d;
	vertical-align: top;
}

p.debug {
	position: fixed;
	top: 0;
	right: 0;
}

p.tooltip {
	position: fixed;
	right: 20px;
	bottom: 20px;
	display: none;
	max-width: 550px;
	padding: 10px 10px 0;
	background: #fff;
	border: 1px solid #888;
	box-shadow: 2px 3px 3px 0px rgba(0,0,0,0.2);
	z-index: 9999;
	filter: alpha(opacity=95);
	opacity: 0.95;
	-moz-opacity: 0.95;
}

p.tooltip .commenttext {
	border: none;
	padding: 0;
}

div.sansyo {
	position: absolute;
	left: 0;
	bottom: 10px;
/*
	margin: 40px 0 -40px 0;
*/
	font-size: 14px;
	padding: 0 2px 3px 2px;
	font-weight: normal;
	color: #000;
	border-bottom: 1px dotted #aaa;
	max-width: 500px;
	max-height: 25px;
	overflow: hidden;
}
p.error {
	display: none;
	color: #F00;
}
/* デザイン変更範囲ここまで */

/* アップローダー関連 */

img.comimg {
	max-width: 400px;
	max-height: 300px;
	transition: 0.5s all ease;
}
img.comimg.hover{
	max-width: 700px!important;
	max-height: 500px!important;
	transition: 0.5s all ease;
}
iframe.uploader {
	width: 728px;
	height: 405px;
	margin: 10px 0;
	display: none;
}
div.lightbox {
	width:100%;
	height:100%;
	top: 0;
	display:table-cell;
	text-align:center;
	position: fixed;
	z-index: -1;
	box-sizing: border-box;
	padding-top: 10%;
	opacity: 0;
	transition: 0.3s all ease;
}
div.lightbox img {
	max-width: 90%;
	max-height: 50%;
}
div#fixform {
	position: fixed;
	bottom: 80px;
	left: -550px;
	padding: 20px 10px 10px;
	height: 195px;
	width: 530px;
	background: #eee;
	background: rgba(240,240,240,0.9);
	border-radius: 8px;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all  0.3s ease;
	z-index: 999;
}
div#fixform:hover {
	left: 10px;
}
div#fixform textarea {
	width: 500px;
	height: 150px;
	font-size: 17px;
	padding: 5px;
	margin: 0 0 5px;
}
span.fixhead {
	position: absolute;
	display: inline-block;
	background: #aaa;
	border-radius: 5px;
	padding: 10px;
	right: -75px;
	top: 0;
	color: #fff;
	width: 60px;
	text-align: center;
	font-weight: bold;
	text-shadow: 1px 1px 1px #666;
}
a.comscroll {
	display: inline-block;
	height: 25px;
	margin-right: 10px;
}
input.submit {
	position: absolute;
	bottom: 10px;
	right: 15px;
	display: block;
	margin: 0;
	width: 100px;
	background: #fff;
	text-shadow: 1px 1px 0 #fff;
	text-align: center;
	padding: 5px 0;
	color: #444;
	border: 1px solid #888;
	border-radius: 8px;
	cursor: pointer;
}
input.submit[disabled] {
	opacity: 0.5;
}
input.submit:hover {
	background: #ddd;
}
#ngimg {
	display: none;
}
input#imgup {
	margin-right: 5px;
}