@charset "UTF-8";

/*   
Theme Name: LUNA
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: #7e358f; } 
a:active, a:hover { color: #c76edc; }
/******************************************/

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

/* 右サイド、左サイドの文字色 *//*
#left_side { color: #000000; }
#right_side { color: #000000; }
*/
/* 左サイド＞プロフィール詳細ボタンの文字と背景の色 */
#profile .profile_detail a { color: #fff; background-color: #6e6e6e; }
#profile .profile_detail a:hover { color: #ccc; background-color: #6e6e6e; }

/* 記事下ページング・index.phpの記事ページングの文字と背景の色 */
.single_paging table a,
.index_paging a:link,
.index_paging a:visited
 { color:#ffffff; background-color: #7e358f; }
.single_paging table a:hover,
.index_paging a:active,
.index_paging a:hover
 { color:#cccccc; background-color: #7e358f; }

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

/* インフォ＞記事タイトルリンクの色 *//**/
.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: #fff; }
.info_bottom a:active, .info_bottom a:hover { color: #ccc; }

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

/* 記事＞メタデータ文字、リンクの色 */
.post .metadata_top  { color: #777777; } 
.post .metadata_top a:link, .post .metadata_top a:visited { color: #7e358f; }
.post .metadata_top a:active, .post .metadata_top a:hover { color: #c76edc; }

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

/* 記事＞記事本文の文字、リンクの色 *//*
.post .story { color: #00acbb; }
.post .story a:link, .post h2 a:visited { color: #e62919; }
.post .story a:active, .post h2 a:hover { color: #f19891; }
*/
/* 記事＞下部の画像一覧のリンクの色 */
#blogger_gallerey li a:link, #blogger_gallerey li a:visited { color: #000; }
#blogger_gallerey li a:active, #blogger_gallerey li a:hover { color: #ccc; }

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

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

/* 左サイド＞各リンクの色 *//*
#profile a:link, #profile a:visited { color:#7e358f; }
#profile a:active, #profile a:hover { color:#c76edc; }*/

#calendar a:link, #calendar a:visited { color:#7e358f; }
#calendar a:active, #calendar a:hover { color:#c76edc; }

#archives a:link, #archives a:visited { color:#7e358f; }
#archives a:active, #archives a:hover { color:#c76edc; }

#category a:link, #category a:visited { color:#7e358f; }
#category a:active, #category a:hover { color:#c76edc; }

#qrcode a:link, #qrcode a:visited { color:#7e358f; }
#qrcode a:active, #qrcode a:hover { color:#c76edc; }

#link a:link, #link a:visited { color:#7e358f; }
#link a:active, #link a:hover { color:#c76edc; }


/* 右サイド＞各リンクの色 *//**/
.recent_entry a:link, .recent_entry a:visited { color:#7e358f!important; }
.recent_entry a:active, .recent_entry a:hover { color:#c76edc!important; }
.ranking a:link, .ranking a:visited { color:#7e358f!important; }
.ranking a:active, .ranking a:hover { color:#c76edc!important; }
.related_entry a:link, .related_entry a:visited { color:#7e358f!important; }
.related_entry a:active, .related_entry a:hover { color:#c76edc!important; }



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

								各種スタイル

***************************************************************************
***************************************************************************/
/*  -----------------------------------------
  共通設定
 ----------------------------------------- */
* {
	margin: auto;
	padding: 0;
}
p {
	padding: 0;
	margin: 0;
}
img{
	border: none;
	margin: 0;
	padding: 0;
}
body {
	color: #000000;
	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 20px 0;
	line-height: 1.2em;
}
.banner_space .banner a {
	display: inline-block;
	/*background: #ffffff;*/
}
.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;}
}

/*  -----------------------------------------
  構造
 ----------------------------------------- */
body {
	/* 背景画像が必要な場合に有効化 */
	background: url(images/back/body_back.jpg) repeat-x center 22px;
	background-color: #7e358f;
}
#outline {
	padding-top: 0px;
	/* 背景画像が必要な場合に有効化
	background: url(images/back/body_bg.png) repeat-y center top;*/
}
#container {
	/* widthは全体の幅*/
	width: 940px;
	overflow: hidden;
	padding: 15px 10px 30px !important;
	/* 背景画像が必要な場合に有効化
	background: url(images/back/body_bg.png) repeat-y center top; */
	background-color: #fff;
}
#left_center {
	width: 630px;
	float: left;
	padding: 0px;
	margin: 0px;
}
#center {
	float: right;
	width: 420px;
	padding: 0;
	margin: 0;
	overflow: hidden;
}
#left_side {
	float: left;
	width: 200px;
	padding: 0;
	margin: 0;
	overflow: hidden;
}
#left_side a { text-decoration: underline; }
#right_side {
	float: right;
	width: 300px;
	padding: 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: 11px;
	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 {
	width: 940px;
	height: 380px;
	margin: 0 auto;
	padding: 0px 31px 0;
	position: relative;
	background: url(images/back/header_bg.jpg) no-repeat center top;
}
/**** ヘッダーメインボタン ****/
#header_main ul.header_btn,
#header_main ul.header_btn li {
	position: absolute;
	top: 0px;
	left: 0px;
}
#header_main ul.header_btn li.top { top: 252px; left: 192px; }
#header_main ul.header_btn li.profile { top: 252px; left: 235px; }
#header_main ul.header_btn li.information { top: 252px; left: 311px; }
#header_main ul.header_btn li.offer { top: 252px; left: 359px; }
#header_main ul.header_btn li img:hover { opacity: 0.7; }

/*  -----------------------------------------
  レフトサイド
------------------------------------------ */ 
#left_side .side_block {
	margin: 0 0 30px 0;
}

/**** 各ブロックの見出し ****/
#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: -500px 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 0px 0px 20px;
	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;
}
/**** 各ブロックの見出し ****/
#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 10px 0;
}

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

/**** 最近の記事 ****/
.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/recent_img/recent_entry_bg.gif) no-repeat;
}
.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/recent_img/ranking_bg.gif) no-repeat;
}
.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/recent_img/related_entry_bg.gif) no-repeat;
}

.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 {
	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: 0 0 !important; }
.related_entry_box h3 {	background-position: 0 0 !important; }

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

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

/*  -----------------------------------------
  インフォメーション
------------------------------------------ */ 
.info {
	margin-bottom: 15px;
	background: #7e358f;
	overflow: hidden;
	/* インフォに記事部分を付ける場合に有効化 */
	/* background: url(images/info1.png) no-repeat top left; */
}
.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 15px 0px;
	margin: 0;
}
.info li {
	list-style: none;
	line-height: 15px;
	padding: 2px 0;
	border-bottom: 1px dotted #dbdbdb;
}
.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 {
	/* 記事部分に記事部分を付ける場合に有効化 */
	background: url(images/back/post_bg.jpg) no-repeat top left;
	-moz-box-shadow:
		inset 0px 0px 35px rgba(247,242,248,1);
	-webkit-box-shadow:
		inset 0px 0px 35px rgba(247,242,248,1);
	box-shadow:
		inset 0px 0px 35px rgba(247,242,248,1);
	border: 2px solid #d8c2dd;
	background-color: #fff;
	padding: 3px;
}

.post_shadow {
	padding: 10px 10px;
	-moz-box-shadow:
		inset 0px 0px 20px rgba(247,242,248,1);
	-webkit-box-shadow:
		inset 0px 0px 20px rgba(247,242,248,1);
	box-shadow:
		inset 0px 0px 20px rgba(247,242,248,1);
	border: 1px solid #d8c2dd;
}

.post h2 {
	/* インフォに背景を付ける場合に有効化 */
	background: url(images/back/post_bg.png) no-repeat top left;
	padding: 0px 0px 0px 44px;
	font-size: 14px;
	font-weight: bold;
	line-height: 30px;
	margin: 0px 0 0 0;
	overflow: hidden;
	display: inline-block;
	width: 340px;
	height: auto;
	min-height: 37px;
	vertical-align: middle;
}
.post .content {
	/* 記事部分に記事部分を付ける場合に有効化 */
	/* background: url(images/post2.gif) no-repeat top left; */
}
.post .metadata_top {
	padding: 0 15px;
	margin: 5px 0 0 0;
	font-size: 11px;
	text-align: left;
}
.post .metadata_top a {
	text-decoration: underline;
}
.post .story {
	padding: 10px 15px 0px;
	overflow: hidden;
	line-height: 1.6em;
}
.post .story img {
	max-width: 380px;
}
.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: 110px;
	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 .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 .top a {
	width: 100%;
	margin: 0 auto;
	text-align: center;
	padding: 5px 0;
}
.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;
}

/*  -----------------------------------------
  コメント
------------------------------------------ */
#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;
	background: #ffffff;
	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;
}
#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: 210px !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: 390px !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
------------------------------------------ */

.timeline {
	background: #7e358f !important;
}

.timeline a:link,
.timeline a:visited,
.p-nickname
 {
	color: #707070;
}

.timeline a:active,
.timeline a:hover,
.p-nickname:hover
 {
	color: #ccc;
}

.customisable {/* 記事リンク */
	color: #7e358f !important;
}
	.customisable:hover {
		color: #c366d9 !important;
	}

.timeline .stream {/* 記事ボディ */
	background: #fff !important;
	border-left: 1px solid #7e358f !important;
}

.e-entry-title {/* 記事タイトル色 */
	color: #000000;
}

.h-feed li {/* 記事のliボーダー */
	border: 1px solid #E8E8E8 !important;
}

.customisable-border {/* すべてのボーダー */
	border: none !important;
}

.summary a {/* ツィッターheaderのタイトル名前部分 */
	background: url(images/splite.png) no-repeat;
	white-space: nowrap; /* for css splite */
	text-indent: 100%; /* for css splite */
	overflow: hidden; /* for css splite */
	background-position: -200px -124px;
	display: block;
	height: 18px;
}

.tweet-box-button {/* ツィッターfooterボタン */
	background: url(images/back/twitter_btn.jpg) repeat-x 0 0 ;
	border: 1px solid #CCCCCC;
	border-radius: 4px 4px 4px 4px;
	display: block;
	padding: 0px;
	text-align: left;
	color: #fff;
	line-height: 30px;
	text-align: center;
}
.timeline-footer a:link,
.timeline-footer a:visited
{/* ツィッターfooterボタン リンク色 */
	color: #ffffff !important;
}
.timeline-footer a:active,
.timeline-footer a:hover
{
	color: #cccccc !important;
}