@charset "UTF-8";

/*   
Theme Name: 大島てる
Description: Diamondblog_template_theme
Author: Yusuke HINO
Version: 2013.03

*/
/**************************************************************************
***************************************************************************

							テンプレート変更手順

***************************************************************************
***************************************************************************/
/*
	●ファイルの準備
	:arrow以外の必要画像を制作し設置
	:splite.pngは、splite_partsを用いて作る
	:インフォや記事に背景画像を使用したい場合は420pxの幅で
	 post1.jpg、post2.jpg、post3.jpg、
	 info1.jpg、info2.jpg、info3.jpgの名前で画像を制作、設置
	:flash使用の場合は、swfにmain.swfとして設置
	
	●スタイルの編集
	:headerのメイン画像中のメニューボタンのpositionを調整する
	:背景画像を使用する場合はbody,#outline,
	 #containerなどの背景画像のスタイルを有効にする
	:インフォや記事に背景画像を使用したい場合は
	 .info、.postまわりの背景画像のスタイルを有効にする
	:本cssファイル前半にまとまっている色の設定を行う
	
	●ソースの編集
	------------------------------------------
	:png画像、背景を指定している要素には
	:class="png"を当てる
	------------------------------------------
	header.php
	:title、keyword、og:imageを変更
	:descriptionを管理画面より変更
	:GoogleAnalyticsコードを変更
	:flashの有無に応じて不要なコードを削除
	------------------------------------------
	information.php
	:バナースペースが不要な場合は削除
	------------------------------------------
	sidebar.php
	:抜粋プロフィール内容を変更
	:プロフィール詳細リンク先を変更（画像とボタン）
	:QRコード下部のURLを変更
	:リンクバナー画像、リンク先を変更
	------------------------------------------
	add_side.php
	:お仕事依頼が不要な場合は削除
	:バナースペースが不要な場合は削除
	------------------------------------------
	index.php
	:コメントの有無に応じて切り替える（Authorに対応を確認）
	------------------------------------------
	single.php
	:コメントの有無に応じて切り替える（Authorに対応を確認）
	------------------------------------------

*/

/**************************************************************************
***************************************************************************

								色の設定

***************************************************************************
***************************************************************************/

/************** ベースカラー **************/
body { color: #000000; }
a:link, a:visited { color: #67348f; } 
a:active, a:hover { color: #c594eb; }
/******************************************/

/* 以下、※コメントアウトでベースカラーになります */

/* 右サイド、左サイドの文字色
#left_side { color: #d23a85 !important; }

#left_side a:link,
#left_side a:visited { color: #d23a85; } 
#left_side a:active,
#left_side a:hover { color: #f09ac5; } */

/* #right_side { color: #000000; } */

/* 左サイド＞プロフィール詳細ボタンの文字と背景の色 */
#profile .profile_detail a {
	color: #000;
	background: #d7bfe8;
}
#profile .profile_detail a:hover {
	color: #ccc;
	background: #d7bfe8;
}


/* 記事下ページングの文字と背景の色 */
.single_paging table a,
.index_paging a {
	color:#fff;
	background-color: #644080;
}
.single_paging table a:hover,
.index_paging a:hover {
	color:#fff;
	background-color: #644080;
}

/* コメント文字・日付色  */
#commentlist .commentcontent p { color: #fff; }
#commentlist .commentcontent .metadata_bottom a:link, .post .metadata_bottom
a:visited { color: #ffc868; }
#commentlist .commentcontent .metadata_bottom a:active, .post
.metadata_bottom a:hover { color: #ccc; }

/* インフォ＞日付の色 */
.info_time { color:#a860de; }

/* インフォ＞記事タイトルリンクの色 *//**/
.info_title a:link, .info_title a:visited { color: #fff; }
.info_title a:active, .info_title a:hover { color: #ccc; }

/* インフォ＞もっと見るリンクの色 */
.info_bottom a:link, .info_bottom a:visited { color: #a860de; }
.info_bottom a:active, .info_bottom a:hover { color: #d6b6ef; }

/* 記事＞記事タイトル文字、リンクの色 */
.post h2 { color: #fff; }
.post h2 a:link, .post h2 a:visited { color: #fff; }
.post h2 a:active, .post h2 a:hover { color: #ccc; }

/* 記事＞メタデータ文字、リンクの色 */
.post .metadata_top  { color: #FFF; } 
.post .metadata_top a:link, .post .metadata_top a:visited { color: #fc7931; }
.post .metadata_top a:active, .post .metadata_top a:hover { color: #fac4a7; }
/* オレンジ fc7931 fac4a7 */

/* 記事＞コメントをするリンクの文字の色 */
.post .metadata_bottom a:link, .post .metadata_bottom a:visited { color: #a860de; }
.post .metadata_bottom a:active, .post .metadata_bottom a:hover { color: #d6b6ef; }

/* 記事＞記事本文の文字、リンクの色 *//**/
.post .story { color: #fff; }
.post .story a:link, .post h2 a:visited { color: #a860de; }
.post .story a:active, .post h2 a:hover { color: #d6b6ef; }

/* 記事＞下部の画像一覧のリンクの色 */
#blogger_gallerey li a:link, #blogger_gallerey li a:visited { color: #fff; }
#blogger_gallerey li a:active, #blogger_gallerey li a:hover { color: #ccc; }

/* シングル＞コメント詳細のコメント（*件）の色 */
#comments h3 { color: #ffcc33; }

/* ページ＞プロフィール詳細の文字の色 */
#profile_table .free_td .p_h,
#profile_table th { color: #a860de; }
#profile_table .free_td .p_main,
#profile_table td { color: #fff; }

/* 左サイド＞各リンクの色 *//*
#profile a:link, #profile a:visited { color:#ff0066; }
#profile a:active, #profile a:hover { color:#ff6a3e; }
#calendar a:link, #calendar a:visited { color:#ff0066; }
#calendar a:active, #calendar a:hover { color:#ff6a3e; }
#archives a:link, #archives a:visited { color:#ff0066; }
#archives a:active, #archives a:hover { color:#ff6a3e; }
#category a:link, #category a:visited { color:#ff0066; }
#category a:active, #category a:hover { color:#ff6a3e; }
#qrcode a:link, #qrcode a:visited { color:#ff0066; }
#qrcode a:active, #qrcode a:hover { color:#ff6a3e; }
#link a:link, #link a:visited { color:#ff0066; }
#link a:active, #link a:hover { color:#ff6a3e; }
*/

/* 右サイド＞各リンクの色 *//*

.recent_entry a:link, .recent_entry a:visited { color:#000000; }
.recent_entry a:active, .recent_entry a:hover { color:#c59f54; }
.ranking a:link, .ranking a:visited { color:#000000; }
.ranking a:active, .ranking a:hover { color:#c59f54; }
.related_entry a:link, .related_entry a:visited { color:#000000; }
.related_entry a:active, .related_entry a:hover { color:#c59f54; }*/



/**************************************************************************
***************************************************************************

								編集箇所

***************************************************************************
***************************************************************************/


body {
	/* 背景画像が必要な場合に有効化 */
	background: url(images/back/body_back.jpg) no-repeat center top;
	background-color:#440124;
}

#wrap {
	/* 背景画像が必要な場合に有効化 
	background: url(images/back/body_back.png) no-repeat center top; */
}

#container {
	/* widthは全体の幅*/
	width: 1000px;
	overflow: hidden;
	padding: 0px 0px 30px !important;
	/* 背景画像が必要な場合に有効化
	background: url(images/back/container_back.png) repeat-y center top; */
}

/*  -----------------------------------------
  ヘッダーボタン
 ----------------------------------------- */

#header_main {
	width: 1000px;
	height: 390px;
	margin: 0 auto;
	text-align: center;
	padding: 0px 0px 0px;
	position: relative;
	/*background: url(images/back/container_back.png) repeat-y center top;*/
}

#header_main ul.header_btn li.top { top: 339px; left: 153px; }
#header_main ul.header_btn li.profile { top: 339px; left: 212px; }
#header_main ul.header_btn li.information { top: 339px; left: 331px; }
#header_main ul.header_btn li.offer { top: 339px; left: 493px; }
#header_main ul.header_btn li img:hover { opacity: 0.7; }


/*  -----------------------------------------
  インフォメーション
 ----------------------------------------- */

.info {
	margin-bottom: 15px;
	overflow: hidden;
	/* インフォに記事部分を付ける場合に有効化 *//* 
	background: url(images/back/contents_bg.png) repeat top left; */
	border: 2px solid #f4ec6e;
}

.info li {
	border-bottom: 1px dotted #e7d9f1;
}


/*  -----------------------------------------
  POST
 ----------------------------------------- */

.post {
	/* background: url(images/post_bg.jpg) repeat-x top center;  */
	padding: 0px 0px 0 0px;
	border: 2px solid #f4ec6e;
}

.post .content {
	/* 記事部分に記事部分を付ける場合に有効化 */
	/* background: url(images/post2.gif) no-repeat top left; */
}

.post h2 {
	/* インフォに背景を付ける場合に有効化 *//*  */
	background: url(images/post_h.png) no-repeat left top;
	/*border-bottom: 3px solid #eeeeed;*/
	padding: 13px 20px 13px 30px;
	margin: 10px;
	font-size: 16px;
	font-weight: bold;
	overflow: hidden;
	line-height: 20px;
}

/*  -----------------------------------------
  add_side.php
 ----------------------------------------- */

.recent_entry,
.ranking
 {
	/* border-bottom: 3px solid #fff6e2; */
}


/*  -----------------------------------------
  ページング
 ----------------------------------------- */

.single_paging table .prev a {
	width: 118px;
	float: left;
	text-align: left;
	padding-left: 30px;
	/* 背景に応じてblack, white, grayの3種あり */
	background-image: url(images/arrow/prev_post_white.gif);
	background-position: left center; 
	background-repeat: no-repeat;
}

.single_paging table .next a {
	width: 118px;
	float: right;
	text-align: right;
	padding-right: 30px;
	/* 背景に応じてblack, white, grayの3種あり */
	background-image: url(images/arrow/next_post_white.gif);
	background-position: right center; 
	background-repeat: no-repeat;
}


/**************************************************************************
***************************************************************************

								各種スタイル

***************************************************************************
***************************************************************************/
/*  -----------------------------------------
  共通設定
 ----------------------------------------- */
* {
	margin: auto;
	padding: 0;
}
p {
	padding: 0;
	margin: 0;
}
img{
	border: none;
	margin: 0;
	padding: 0;
}
body {
	font-size: 12px;
	line-height: 1.5em;
	font-family: verdana, sans-serif;
	font-size: 12px;
	padding-top: 0px;
}

.align_center {
	text-align: center;
	margin: 0px auto;
}

/**** シャドウ付き画像 ****/
.img_shadow {
	text-align: center;	
}
.img_shadow a {
	display: inline-block;
	background: #ffffff;
}
.img_shadow img {
	border: 3px solid #ffffff;
	box-shadow: 0px 0px 7px #aaaaaa;
}
.img_shadow a img:hover {
	opacity: 0.7;
}

/**** バナースペース ****/
.banner_space .banner {
	text-align: center;
	margin: 0 0 10px 0;
	line-height: 1.2em;
}
.banner_space .banner a {
	display: inline-block;
}
.banner_space .banner a img:hover {
	opacity: 0.7;
}
.banner_space .banner p a {
	display: inline;
	background: none;
	line-height: 1.2em;
}

a { text-decoration: none; }

@media print{
	#headbar {display:none;}
}

/*  -----------------------------------------
  構造
 ----------------------------------------- */

#outline {
	padding-top: 0px;
	/* 背景画像が必要な場合に有効化 */
	/* background: url(images/back/outline_back.png) repeat-x center top; */
}

#left_center {
	width: 630px;
	float: left;
	padding: 0px 0 0 30px;
	margin: 0px;
}
#center {
	float: right;
	width: 420px;
	padding: 0;
	margin: 0;
	overflow: hidden;
}
#left_side {
	float: left;
	width: 200px;
	padding: 0 0 0 0px;
	margin: 0 0 0 0px;
	overflow: hidden;
}
#left_side a { text-decoration: underline; }

#right_side {
	float: right;
	width: 300px;
	padding: 0px 30px 0 0;
	margin: 0;
	overflow: hidden;
}

#right_side a { text-decoration: underline; }

/*  -----------------------------------------
  ヘッダーバー
 ----------------------------------------- */
#headbar {
	height: 22px;
	padding: 0px 30px;
	background-color: #ffffff;
	font-size: 11px;
	border-bottom:1px solid #CCCCCC;
}
#headbar .link {
	float: left;
}
#headbar .link a {
	color: #333333;
}
#headbar .link a:hover {
	text-decoration: underline;
}
#headbar img {
	margin-top: 0px;
	margin-right: 5px;
	vertical-align: -0.2em;
	border:none;
}
#headbar h1{
	padding: 0px;
	margin: 0px;
	font-size: 10px;
	font-weight: normal;
	display: inline;
}
/* headbar右側広告スペース */
#headbar .add {
	float: right;
	text-align:right;
}
#headbar .add a img {
	margin-right: 5px;
}

/*  -----------------------------------------
  ヘッダー
 ----------------------------------------- */
#header {
	margin-bottom: 15px;
	z-index: 0;
}

/**** ヘッダーメインボタン ****/
#header_main ul.header_btn,
#header_main ul.header_btn li {
	position: absolute;
	top: 0;
	left: 0;
}


/*  -----------------------------------------
  レフトサイド
------------------------------------------ */ 
#left_side .side_block {
	margin: 0 0 30px 0;
	background: #e7d9f1;
	padding: 0 0 20px;
	border-radius: 0 0 10px 10px;
}


/**** 各ブロックの見出し ****/
#left_side h3 {
	margin: 0 0 15px 0;
	background: url(images/splite.png) no-repeat;
	white-space: nowrap; /* for css splite */
	text-indent: 100%; /* for css splite */
	overflow: hidden; /* for css splite */
	width: 200px;
	height: 30px;
}
#profile h3 { background-position: 0px 0px; }
#archives h3 { background-position: 0px -60px; }
#calendar h3 { background-position: 0px -30px; }
#category h3 { background-position: 0px -90px; }
#qrcode h3 { background-position: 0px -120px; }
#link h3 {  background-position: 0px -150px; }


/**** トップ ****/
#top { }
#top h3 {
	margin: 0;
	width: auto;
	height: auto;
	background: none;
}
#top h3 a {
	display: block;
	background: url(images/splite.png) no-repeat;
	white-space: nowrap; /* for css splite */
	text-indent: 100%; /* for css splite */
	overflow: hidden; /* for css splite */
	width: 200px;
	height: 85px;
	background-position: -501px 0px;
}
#top h3 a:hover { opacity: 0.7; }

/**** プロフィール ****/
#profile { }
#profile .text {
	padding: 10px 20px;
	font-size: 10px;
	line-height: 1.2em;
}
#profile .profile_detail {
	text-align: center;
	margin: 0 0 5px 0;
}
#profile .profile_detail a {
	width: 149px;
	text-decoration: none;
	display: inline-block;
	font-size: 12px;
	line-height: 29px;
	border-radius: 5px;
}
#read_button a {
	display: block;
	white-space: nowrap; /* for css splite */
	text-indent: 100%; /* for css splite */
	overflow: hidden; /* for css splite */
	background: url(images/splite.png) no-repeat;
	width: 150px;
	height: 29px;
	background-position: -200px -90px;
}
#read_button a:hover { opacity: 0.7; }
#read_button p { font-size: 10px; }

/**** カレンダー ****/
#calendar { }

/**** アーカイブ ****/
#archives { }
#archives ul {
	margin: 0;
	padding: 0 20px;
	list-style: none;
	line-height: 16px;
	font-size: 11px;
}

/**** カテゴリー ****/
#category { }
#category ul {
	margin: 0;
	padding: 0 20px;
	list-style: none;
	line-height: 16px;
	font-size: 11px;
}

/**** QRコード ****/
#qrcode { }
#qrcode .text {
	padding: 10px 10px 0px 10px;
	font-size: 10px;
	line-height: 1.3em;
}

/**** リンク ****/
#link { }
#link .linktext ul {
	padding: 0px 12px 20px 12px;
	list-style: none;
}
#link .linktext li {
	padding-bottom: 5px;
}


/*  -----------------------------------------
  ライトサイド
------------------------------------------ */
#right_side .side_block {
	margin: 0 0 30px 0;
	background: #e7d9f1;
	padding: 0 0 20px;
	border-radius: 0 0 10px 10px;
}
/**** 各ブロックの見出し ****/
#right_side h3 {
	white-space: nowrap; /* for css splite */
	text-indent: 100%; /* for css splite */
	overflow: hidden; /* for css splite */
	background: url(images/splite.png) no-repeat;
	width: 300px;
	height: 30px;
}
.recent_entry_box h3 { background-position: -200px 0px !important; }
.ranking_box h3 { background-position: -200px -30px !important; }
.related_entry_box h3 {	background-position: -200px -60px !important; }

/**** 上部広告 ****/
#addlink {
	overflow: hidden;
	margin: 0 0 30px 0;
}

/**** お仕事依頼 ****/
#offer {
	margin: 0px auto 30px;
	width: 212px;
}

/**** 最近の記事 ****/
.recent_entry_box { }
.recent_entry_box img {
	margin: 0 auto;
	padding: 0;
	float: left;
}
.recent_entry {
	width: 206px;
	height: auto;
	margin: 0;
	padding: 8px 8px 0px 86px;
	list-style: none;
	line-height: 16px;
	font-size: 11px;
	background: url(images/splite.png) no-repeat;
	background-position: 0px -180px !important;
}

.recent_entry li {
	height: 17px;
	line-height: 17px;
	margin: 0;
	padding: 3px 0 0 0;
	text-align: left;
	width: 203px;
	overflow: hidden;
}

/**** 人気記事ランキング ****/
.ranking_box {
	width: 300px;
	height: auto;
	margin: 20px auto 20px;
	padding: 0px 0px 0px 0px;
}
.ranking_box img {
	margin: 0 auto;
	padding: 0;
	float: left;
}
.ranking {
	width: 206px;
	height: auto;
	margin: 0;
	padding: 8px 8px 0px 86px;
	list-style: none;
	line-height: 16px;
	font-size: 11px;
	background: url(images/splite.png) no-repeat;
	background-position: -300px -180px !important;
}
.ranking li {
	height: 17px;
	line-height: 17px;
	margin: 0;
	padding: 3px 0 0 0;
	text-align: left;
	width: 203px;
	overflow: hidden;
}

/**** 関連記事 ****/
.related_entry_box {
	width: 300px;
	height: auto;
	margin: 20px auto 20px;
	padding: 0px 0px 0px 0px;
}
.related_entry_box img {
	margin: 0 auto;
	padding: 0;
	float: left;
}
.related_entry {
	width: 206px;
	height: auto;
	margin: 0;
	padding: 8px 8px 0px 86px;
	list-style: none;
	line-height: 16px;
	font-size: 11px;
	background: url(images/splite.png) no-repeat;
	background-position: -300px -388px !important;
}

.related_entry li {
	height: 17px;
	line-height: 17px;
	margin: 0;
	padding: 3px 0 0 0;
	text-align: left;
	width: 203px;
	overflow: hidden;
}

/*** ※注意※ ランキング、関連記事の見出し周りのスタイルを打ち消し ***/
/*** functionにタグ出力が含まれてしまっているための応急処置 ***/
/*** functionからタグ出力が分離できた場合は削除すれば、css_splite対応になる ***/
#right_side h3 {
	text-indent: 0;
	overflow: auto;
	background: none;
	width: auto;
	height: auto;
}

#right_side .recent_entry_box h3,
#right_side .recent_area .ranking_h3,
#right_side .recent_area .related_h3
 {
	white-space: nowrap; /* for css splite */
	text-indent: 100%; /* for css splite */
	overflow: hidden; /* for css splite */
	background: url(images/splite.png) no-repeat;
	width: 300px;
	height: 30px;
}
.recent_entry_box h3 { background-position: -200px 0px !important; }
#right_side .recent_area .ranking_h3 { background-position: -200px -30px !important; }
#right_side .recent_area .related_h3 { background-position: -200px -60px !important; }

.ranking_box {
	margin: 0 0 30px 0 !important;
	background: #e7d9f1;
	padding: 0 0 20px;
	border-radius: 0 0 10px 10px;
}

.related_entry_box {
	margin: 0 0 30px 0 !important;
}

/*  -----------------------------------------
  インフォメーション（.infoと.info liのborderはリンク編集の下に記述）
------------------------------------------ */ 

.info h2 {
	white-space: nowrap; /* for css splite */
	text-indent: 100%; /* for css splite */
	overflow: hidden; /* for css splite */
	background: url(images/splite.png) no-repeat;
	width: 420px;
	height: 30px;
	background-position: -200px -150px;
}
/**** インフォリスト ****/
.info_list {
	padding: 0px;
	margin: 0;
	/* インフォに記事部分を付ける場合に有効化 */
	/* background: url(images/info2.png) repeat-y top left; */
}
.info ul {
	padding: 10px 20px 0px 20px;
	margin: 0;
}
.info li {
	list-style: none;
	line-height: 15px;
	padding: 2px 0;
}
.info li .info_time {
	float: left;
	width: 22%;
	word-break: break-all;
}
.info li .info_title {
	float: left;
	width: 78%;
}

/**** もっと見るボタン ****/
.info_bottom {
	text-align: right;
	padding: 0px 15px 5px 0px;
	line-height: 22px;
	font-size: 12px;
	/* インフォに記事部分を付ける場合に有効化 */
	/* background: url(images/info3.png) no-repeat top left; */
}
.info_bottom a {
	/* text-decoration: underline; */
}

/*  -----------------------------------------
  記事 （.postと.post h2はリンク編集の下に記述）
------------------------------------------ */ 

.post .metadata_top {
	padding: 0 20px;
	margin: 5px 0 0 0;
	font-size: 11px;
	text-align: left;
}
.post .metadata_top a {
	text-decoration: underline;
}
.post .story {
	padding: 10px 20px 0 20px;
	overflow: hidden;
	line-height: 1.6em;
}
.post .story img {
	max-width: 100%;
}
.post .story a { text-decoration: underline; }
*html .post .page_story p { height: 0; }

.post .story .adsense {
	margin-top: 40px;
}

/**** 本文中のWPタグに対するスタイル ****/
.imageframe {
	/* float: left; */
	display: block;
	clear: both;
}
.post .alignright {
	float: right;
	display: block;
	clear: both;
}
.post .aligncenter {
	display: block;
	margin: 0px auto;
	clear: both;
}
.post .alignleft {
	float: left;
	display: block;
	clear: both;
}

/**** 記事下部画像一覧 ****/
/* ※注意※ new_article.cssのスタイルを打ち消している */
#blogger_gallerey {
	margin: 20px 0 0 0 !important;
	padding: 0 !important;
}
#blogger_gallerey .blogger_gallerey_inner {
	float: none !important;
	margin: 0 0 0 0 !important;
	padding: 7px 0px !important;
}
#blogger_gallerey ul li p {
	font-weight: normal !important;
}

/**** 記事フッター要素 ****/
.post .sn_btn {
	margin: 0 20px;
	padding: 13px 0 10px 0;
	border-bottom: 1px dotted #AAAAAA;
}
.post .metadata_bottom {
	clear: both;
	/* 記事部分に記事部分を付ける場合に有効化 */
	/* background: url(images/post3.gif) no-repeat top left; */
	font-size: 12px;
	text-align: right;
	padding: 7px 20px 15px 20px;
}
.post .metadata_bottom a {
	/* text-decoration: underline; */
}

/**** index.phpの記事ページング ****/
.index_paging {
	padding: 10px 0 15px 0;
	margin: 0 auto;
	text-align: center;
}
.index_paging a {
	display: inline-block;
	width: 100px;
	font-size: 12px;
	line-height: 22px;
	text-align: center;
	margin: 0 5px;
	padding: 5px 10px;
	border-radius: 5px;
}

/**** single.phpの記事ページング ****/
.single_paging {
	margin: 10px 5px 15px 5px;
}
.single_paging table {
	width: 100%;
	border-collapse: collapse;
	border: none;
	border-spacing: 0;
}
.single_paging table a {
	display: block;
	padding: 5px 10px;
	border-radius: 5px;
	font-size: 12px;
	line-height: 22px;
}
.single_paging table .prev { width: 40%; }
.single_paging table .top {	width: 20%; }
.single_paging table .next { width: 40%; }

.single_paging table .top a {
	width: 100%;
	margin: 0 auto;
	text-align: center;
	padding: 5px 0;
}


/*  -----------------------------------------
  コメント
------------------------------------------ */
#comments { }
#comments h3 {
	font-size: 14px;
	padding: 5px 0px 3px 20px;
	margin: 0px;
}
#commentlist {
	padding: 0px 0px;
	margin: 0px 20px;
	font-size: 11px;
}
#commentlist li {
	list-style: none;
	border: 1px solid #dbdbdb;
	margin-bottom: 10px;
}
#commentlist p {
	padding: 10px;
	line-height: 1.3em;
}
#commentlist .metadata_bottom {
	text-align: right;
	padding: 0 5px 0 0;
	line-height: 20px;
	border-top: 1px dotted #dbdbdb;
	font-size: 10px;
	color: #777777;
}
/**** 入れ子コメント ****/
#commentlist ul.children {
	width: 95%;
	margin: 10px auto 0 auto;
}
/**** 承認待ち ****/
#commentlist p.note {
	padding: 3px 8px;
	border: 1px solid #ff0000;
}

/**** コメント0件時 ****/
#comments .no_comment {
	color: #777777;
	padding: 10px;
	margin: 0px 20px 30px 20px;
	font-size: 11px;
	border: 1px solid #dbdbdb;
	background: #ffffff;
}

/*  -----------------------------------------
  プロフィールページ
------------------------------------------ */
#profile_table {
	margin: 10px 0 30px 0;
	font-size: 10px;
	width: 100%;
	text-align: left;
}
#profile_table tr { }
#profile_table th {
	font-weight: normal;
	line-height: 1.3em;
	padding: 8px 0;
	border-bottom: 1px solid #eeeeee;
	width: 195px;
}
#profile_table td {
	border-bottom: 1px solid #eeeeee;
}
#profile_table .img_td {
	padding: 0 25px 0 5px;
}
#profile_table .short th {
	width: 65px;
	text-align: left;
}
#profile_table .short td {
	width: 120px;
}
#profile_table .free_td {
	padding: 10px 0;
}
#profile_table .free_td .p_h { }
#profile_table .free_td .p_main {
	line-height: 1.3em;
}

/*  -----------------------------------------
  next-gen-gallery用
------------------------------------------ */
.ngg-gallery-thumbnail {
	padding-right: 7px !important;	
}

/*  -----------------------------------------
  cforms用
------------------------------------------ */
.cform label {
	width: 75px !important;
}
/**** 入力欄の幅 ****/
.cform textarea,
.cform input {
	width: 220px !important;
}
/**** 入力欄ロールオーバー時の色 ****/
.cform input:hover,
.cform textarea:hover,
.cform select:hover	{
	background-color: #F5A49D !important;
}
/**** 入力欄フォーカス時の色 ****/
.cform input:focus,
.cform textarea:focus,
.cform select:focus {
	background-color: #ffedeb !important;
}
/**** 「必須項目」の文字色 ****/
span.reqtxt,
span.emailreqtxt {
	font-size: 10px !important;
	margin: 3px 0 0 3px !important;
	color: #F5A49D;
}
/**** 送信ボタンの幅 ****/
.cform input.sendbutton {
	width: 100px !important;
	margin: 10px 0 0 140px !important;
}
/**** IE6用 ****/
.cform {
	margin: 0px auto 0 !important;
	padding-top: 10px !important;
	width: auto !important;
}
/**** inputの見出し ****/
.cform label span { font-size: 10px; }
.line1 { padding: 8px 0; }
.post_bars { margin-left: 10px; }
.verbt { vertical-align: bottom; }
.vertop { vertical-align: top; }
.messe_bt { padding: 15px 65px 0 0; }


.cform p.cf-sb {
	width: 380px;
}



/*  -----------------------------------------
  twitter追加css
------------------------------------------ */

.twtr-doc {
	border: 1px solid #82cff6;
}

.twtr-hd {
	position: relative;
}

.twtr-hd a {
	display: block;
	float: left;
}


.twtr-hd h3 {
	float: left;
    left: 10px;
    position: absolute;
}

.twtr-hd h4 {
	float: left;
    left: 10px;
    top: 21px;
    position: absolute;
}


/*********** TOPリスト表示用 *************/
.post_list li {
	padding: 10px 20px;
	width: 370px;
	display: block;
	height: 120px;
	background-color: rgba(255,255,255,0.85);
	margin: 10px auto;
	border-radius: 10px;
}

.post_list h5{
	font-family: 'Lora', serif;
	font-size: 18px;
	color: #87c6bd;	
	border-bottom: 1px solid #717171;
	height: 27px;
	line-height: 27px;
	font-weight: normal;
}

.post_list figure {
	width: 25%;
	float: left;
	padding-top: 15px;
}

.post_list img {
	width: 100%;
	border-radius: 5px;
}


.post_list figcaption {
	width: 75%;
	float: right;
	padding-top: 10px;
}

.post_date {
	padding-left: 20px;
}

.post_list h2 {
 	padding-left: 20px;
	padding-bottom: 5px;
	font-size: 110%;
}

.blog_articles {
	padding-left: 20px;
	line-height: 115%;
}

.icon_new_posts {
	color: #f51c38;
	padding-right: 10px;
}

.post_date {
	color: #f59c1c;
}

.latest_list_title {
	background: #e7d9f1;
	padding: 7px 0;
	text-align: center;
	color: #4d1f71;
	font-size: 14px;
	border-bottom: 3px solid #9f80b6;
}

.borderNone {
	border-top: 0px none !important;
	border-bottom: 0px none !important;
}

.post_list li li {
	border-top: none !important;
	padding: 0;
	width: auto;
	display: inline;
	height: auto;
	background-color: none;
	margin: 0;
	border-radius: none;
}