@charset "UTF-8";

/*   
Theme Name: PaniCrew
Description: PaniCrew
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: #5f4949; } 
a:active, a:hover { color: #a18787; }
/******************************************/

/* 以下、※コメントアウトでベースカラーになります */
/* ブロガー別色分け（人数分作る） */
/* 薄い背景色 */
#blogger_list .blogger_box li.blogger1 { background: #3d3d3d; 	width: 12%; }
#blogger_list .blogger_box li.blogger2 { background: #040404;	width: 13%; }
#blogger_list .blogger_box li.blogger3 { background: url(images/back/blogger_box_bg03.jpg) no-repeat center top; }
#blogger_list .blogger_box li.blogger4 { background: url(images/back/blogger_box_bg04.jpg) no-repeat center top; }
#blogger_list .blogger_box li.blogger5 { background: url(images/back/blogger_box_bg05.jpg) no-repeat center top; }

/* 濃い背景色 */
#blogger_list .blogger_box li.blogger1 .name { background: #3d3d3d; color: #ffffff; }
#blogger_list .blogger_box li.blogger2 .name { background: #040404; color: #ffffff; }
#blogger_list .blogger_box li.blogger3 .name { background: #df2227; }
#blogger_list .blogger_box li.blogger4 .name { background: #ea8026; }
#blogger_list .blogger_box li.blogger5 .name { background: #50b049; }

/* 濃い文字色 ※ここはID順なので注意！ */
.blogger_entry_box li.blogger1 .info_box .date,
.blogger_entry_box li.blogger1 .info_box .title { color: #fa676c; }
.blogger_entry_box li.blogger2 .info_box .date,
.blogger_entry_box li.blogger2 .info_box .title { color: #875f8c; }
.blogger_entry_box li.blogger3 .info_box .date,
.blogger_entry_box li.blogger3 .info_box .title { color: #7e358f; }
.blogger_entry_box li.blogger4 .info_box .date,
.blogger_entry_box li.blogger4 .info_box .title { color: #ea8026; }
.blogger_entry_box li.blogger5 .info_box .date,
.blogger_entry_box li.blogger5 .info_box .title { color: #e170a3; }

/* 濃いボーダー色 ※ここはID順なので注意！ */
.blogger_entry_box .blogger1 .blog_banner {	border-color: #fa676c; }
.blogger_entry_box .blogger2 .blog_banner { border-color: #875f8c; }
.blogger_entry_box .blogger3 .blog_banner { border-color: #7e358f; }
.blogger_entry_box .blogger4 .blog_banner { border-color: #ea8026; }
.blogger_entry_box .blogger5 .blog_banner { border-color: #e170a3; }


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



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

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

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

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

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

/* 記事＞記事タイトル文字、リンクの色 */
.post h2 { color: #282828; }
.post h2 a {
	text-decoration: none!important;
}
.post h2 a:link, .post h2 a:visited { color: #ef5e7e; }
.post h2 a:active, .post h2 a:hover { color: #f0a5b5; }

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

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

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

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

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

/* 左サイド＞各リンクの色 *//*
#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:#ff0066; }
.recent_entry a:active, .recent_entry a:hover { color:#ff6a3e; }
.ranking a:link, .ranking a:visited { color:#ff0066; }
.ranking a:active, .ranking a:hover { color:#ff6a3e; }
.related_entry a:link, .related_entry a:visited { color:#ff0066; }
.related_entry a:active, .related_entry a:hover { color:#ff6a3e; }
*/


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

								各種スタイル

***************************************************************************
***************************************************************************/
/*  -----------------------------------------
  共通設定
 ----------------------------------------- */
* {
	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 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;}
}

/*  -----------------------------------------
  構造
 ----------------------------------------- */
body {
	/* 背景画像が必要な場合に有効化 */
	background: url(images/back/body_back.gif) repeat center 23px;
}
#outline {
	margin-top: 20px;
	/* 背景画像が必要な場合に有効化 */
	/* background: url(images/back/outline_back.gif) repeat-x center top; */
}
#container {
	/* widthは全体の幅*/
	width: 940px;
	padding: 0px 0 50px 0 !important;
	/* 背景画像が必要な場合に有効化 */
	background: url(images/back/container_back.gif) repeat-y left top;
}
#main_side {
	float: left;
	width: 615px;
	padding: 0;
	margin: 0;
}
#main_side a { text-decoration: underline; }
#right_side {
	float: right;
	width: 300px;
	padding: 0;
	margin: 0;
}
#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: 30px;
	z-index: 0;
	background: url(images/back/h_back_black.gif) repeat-x center bottom #272727; 
	border-bottom: 8px solid #5a5a5a;
}
#header_main {
	width: 980px;
	height: 380px;
	margin: 0 auto;
	padding: 0 130px;
	position: relative;
/*	background: url(images/back/header_back.jpg) repeat-x center top; */
}
/**** ヘッダーメインボタン ****/
#header_main ul.header_btn,
#header_main ul.header_btn li {
	position: absolute;
	top: 0;
	left: 0;
}
#header_main ul.header_btn li.top { top: 80px; left: 153px; }
#header_main ul.header_btn li.profile { top: 105px; left: 153px; }
#header_main ul.header_btn li.information { top: 130px; left: 151px; }
#header_main ul.header_btn li.gallery { top: 368px; left: 153px; }
#header_main ul.header_btn li.contact { top: 155px; left: 154px; }
#header_main ul.header_btn li img:hover { opacity: 0.5; }


/*  -----------------------------------------
  ブロガーリスト
------------------------------------------ */ 
#blogger_list {
	background: url(images/back/blogger_list_back.png) no-repeat center center;
	margin: 20px 0 0 0;
}
#blogger_list .blogger_box {
	width: 940px;
	padding: 8px 0;
	margin: 0px auto;
}
#blogger_list .blogger_box li {
	float: left;
	height: 113px;
}
#blogger_list .blogger_box li a {
	display: block;
	width: 79px;
	margin: 5px auto;
	background: #ffffff;
}
#blogger_list .blogger_box li a img {
	width: 79px;
	height: 79px;
	border: 3px solid #ffffff;
	box-shadow: 0px 0px 3px #aaaaaa;
}
#blogger_list .blogger_box li a img:hover {
	opacity: 0.7;
}
#blogger_list .blogger_box li .name {
	text-align: center;
}
#blogger_list .blogger_box li .name a {
	display: inline;
	margin: 0;
	line-height: 19px;
	font-weight: bold;
	font-size: 14px;
	color: #ffffff;
	background: transparent;
	text-shadow: 0 0 3px #ffffff;
}
/*  -----------------------------------------
  メインサイド
------------------------------------------ */ 

#main_side .shadow_block {
	padding: 20px;
	box-shadow: 0px 0px 5px #dddddd;
	background: #ffffff;
}
#main_side .ad_area {
	padding: 20px;
	margin: 15px 0;
	background: #ffffff;
	text-align: center;
}

#main_side .blogger_entry h2,
#main_side .blogger_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: 575px;
	height: 38px;
}
#main_side .blogger_entry h2 {  background-position: 0px -92px; }
#main_side .blogger_info h2 {  background-position: 0px -130px; }

.blogger_entry_box {
	padding: 15px 0 0 0;
}

.blogger_entry_box li {
	border-radius: 5px;
	box-shadow: 0px 0px 5px #dddddd;
	margin: 0 20px 10px 20px;
	overflow: hidden;
}

.blogger_entry_box a {
	display: block;
}

.blogger_entry_box .blogger_img_box {
	width: 90px;
	padding: 7px 0 0 5px;
	float: left;
}

.blogger_entry_box .blog_banner {
	display: block;
	float: left;
	border-radius: 5px;
}


.blogger_entry_box a img:hover {
	opacity: 0.7;
}

.blogger_entry_box .info_box {
		width: 410px;
		float: right;
		padding: 7px 15px 7px 15px;
}

.blogger_entry_box .info_box .date {
}

.blogger_entry_box .info_box .title {
	font-size: 14px;
	line-height: 22px;
	font-weight: bold;
}

.blogger_entry_box .info_box .content {
	line-height: 16px;
}
.blogger_entry_box .info_box .content a {
	display: inline;
	text-decoration: none;
	color: #333333; 
}
.blogger_entry_box .info_box .content a:hover {
	text-decoration: underline;
	color: #555555; 
}

/* ギャラリー用スタイル */
/*
.gallery .gallery-item a {
	display: block;
	overflow: hidden;
	text-align: center;
	width: 120px;
	height: 120px;
}

.gallery .gallery-item a img {
	max-width: none;
	border: none;
}
*/
.gallery .gallery-item a img:hover {
	opacity: 0.7;
}
/*  -----------------------------------------
  ライトサイド
------------------------------------------ */
#right_side .side_block {
	margin: 0 0 30px 0;
}
/**** 各ブロックの見出し ****/
#right_side 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: 300px;
	height: 38px;
}
#right_side .gallery_block h2 { background-position: 0px -168px; }
#right_side .twitter_block h2 { 
	background-position: 0px -245px;
	margin: 15px 0 5px 0;
}
#right_side .twitter_block2 h2 { 
	background-position: 0px -206px;
	margin: 15px 0 5px 0;
}
#right_side .facebook_block h2 { background-position: 0px -282px; }

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

#read_button {
	text-align: center;
	margin: 0 0 15px 0;
}
#read_button a {
	width: 100%;
	text-decoration: none;
	display: inline-block;
	font-size: 16px;
	line-height: 16px;
	border-radius: 5px;
	background: rgb(233, 216, 162);
	color: rgb(252, 11, 146);
	padding: 7px 0;
	text-shadow: 0 0 3px #ffffff;
}
#read_button a span {
	font-size: 10px;
	line-height: 10px;
}
#read_button a:hover {
	background: rgb(214, 191, 115);
}

/*  -----------------------------------------
  インフォメーション
------------------------------------------ */
.info {
	margin-bottom: 15px;
	background: #ffffff;
	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: 575px;
	height: 38px;
	background-position: 0px -54px;
}
/**** インフォリスト ****/
.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;
	border-bottom: 1px dotted #dbdbdb;
}
.info li .info_time {
	float: left;
	width: 19%;
	word-break: break-all;
}
.info li .info_title {
	float: left;
	width: 81%;
}

/**** もっと見るボタン ****/
.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: #ffffff;
	/* 記事部分に記事部分を付ける場合に有効化 */
	/* background: url(images/post1.gif) no-repeat top left; */
	margin: 0 0 15px;
}
.post h2 {
	/* インフォに背景を付ける場合に有効化 */
	overflow: hidden; /* for css splite */
/* 	width: 575px; */
	height: 30px;
	background-position: 0px 0px;
	font-weight: bold;
	line-height: 1em;
	padding: 11px 0px 13px 0px;
	font-size: 18px;
}
.post .content {
	/* 記事部分に記事部分を付ける場合に有効化 */
	/* background: url(images/post2.gif) no-repeat top left; */
}
.post .metadata_top {
	padding: 0 0px;
	margin: 5px 0 0 0;
	font-size: 11px;
	text-align: left;
}
.post .metadata_top a {
	text-decoration: underline;
}
.post .story {
	padding: 10px 0px 0 0px;
	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 0px;
	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 0px 15px 0px;
}
.post .metadata_bottom a {
	/* text-decoration: underline; */
}

/**** index.phpの記事ページング ****/
.index_paging {
	padding: 0px 0 0px 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 ****/
.single_entry {

}

/**** 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: 85px;
}
#profile_table .short td {
	width: 300px;
}
#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: 200px !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: 352px !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;
}


.banner_mov {
    line-height: 1.8em;
    margin: 10px 0;
}


.namecolor {
	color: #ffffff !important;
}