@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: #000; }
a:link, a:visited { color: #ff95a7; } 
a:active, a:hover { color: #ffcbd4; }
/******************************************/

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

/* 右サイド、左サイドの文字色 *//*
#left_column { color: #5f4949; }
#right_column { color: #5f4949; }*/

/* 左サイド＞プロフィール詳細ボタンの文字と背景の色 */
#profile .profile_detail a {
	color: #ffffff;
	background: #ff2d5a;
	/*background: -moz-linear-gradient(
		top,
		#fcfff4 0%,
		#b3bead);
	background: -webkit-gradient(
		linear, left top, left bottom,
		from(#fcfff4),
		to(#b3bead));*/
}

#profile .profile_detail a:hover {
	color: #ccc;
	background: #b22241;
	/*background: -moz-linear-gradient(
		top,
		#fcfff4 0%,
		#b3bead);
	background: -webkit-gradient(
		linear, left top, left bottom,
		from(#fcfff4),
		to(#b3bead));*/
}

/* QRコード部分 */
.qrcode {
	background: #ffffff;
	width: 240px;
	height: 86px;
	margin: 0 auto 20px;
	padding: 14px 10px 0;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	border: 1px solid #d0bba6;
}

.qrcode .url {
	color: #b982cc;
	font-size: 10px;
	text-decoration: underline;
}


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

/* コメント文字・日付色 
#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:#ff426a }

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

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

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

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

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

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

/* 記事＞下部の画像一覧のリンクの色 */
#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:#000; }
#profile_table .free_td .p_main,
#profile_table td { color:#000; }

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


#qrcode a:link, #qrcode a:visited { color:#ff0066; }
#qrcode a:active, #qrcode a:hover { color:#ff6a3e; }
#calendar a:link, #calendar a:visited { color:#5555ff; }
#calendar a:active, #calendar a:hover { color:#acacfc; }
#link a:link, #link a:visited { color:#5555ff; }
#link a:active, #link a:hover { color:#acacfc; }

#archives a:link, #archives a:visited { color:#5555ff; }
#archives a:active, #archives a:hover { color:#acacfc; }
#category a:link, #category a:visited { color:#5555ff; }
#category a:active, #category a:hover { color:#acacfc; }*/

/* 右サイド＞各リンクの色 *//*
.recent_entry a:link, .recent_entry a:visited { color:#5555ff; }
.recent_entry a:active, .recent_entry a:hover { color:#acacfc; }
.ranking a:link, .ranking a:visited { color:#5555ff; }
.ranking a:active, .ranking a:hover { color:#acacfc; }
.related_entry a:link, .related_entry a:visited { color:#5555ff; }
.related_entry a:active, .related_entry a:hover { color:#acacfc; }*/


/* ===========================================================================================

	変更箇所

=========================================================================================== */


 /*****=========================================*****

	構造部分

*****=========================================*****/

body {
	/* 背景画像が必要な場合に有効化 *//* 
	background: url(images/back/body_bg.gif) repeat center 23px; */
	background: #fff;
}

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

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

#left_column {
	width: 637px;
	float: left;
	padding: 0px 0 0 25px;
	margin: 0px;
	overflow: hidden;
}

#right_column {
	float: right;
	width: 303px;
	padding: 0px 25px 0 0;
	margin: 0 0px 0 0;
	overflow: hidden;
}
#right_column a { text-decoration: underline; }


 /*****=========================================*****

	ヘッダー部分

*****=========================================*****/

#header {
	margin-bottom: 15px;
	z-index: 0;
}

#header_main {
	width: 1008px;
	height: 403px;
	margin: 0px auto 0;
	padding: 0px 0px 0px;
	position: relative;
	text-align: center;
	background: url("images/back/header_back.png") repeat-y center bottom ;
}
/**** ヘッダーメインボタン ****/
#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: 183px; left: 280px; }
#header_main ul.header_btn li.profile { top: 183px; left: 330px; }
#header_main ul.header_btn li.information { top: 183px; left: 410px; }
#header_main ul.header_btn li.offer { top: 183px; left: 525px; }
#header_main ul.header_btn li img:hover { opacity: 0.7; }


 /*****=========================================*****

	INFO部分

*****=========================================*****/

.info {
	margin-bottom: 35px;
	overflow: hidden;
	/* インフォに記事部分を付ける場合に有効化 *//* 
	background: url(images/back/information_back.png) repeat center top; */
}

.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: 637px;
	height: 30px;
	background-position: 0px 0px;
}

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


/*****=========================================*****

	POST部分

*****=========================================*****/

.post {
	/* 記事部分に記事部分を付ける場合に有効化 *//* 
	background: url(images/back/post_bg.gif) repeat top left; */
	padding: 0px 0px 0 0px;
	/*-moz-box-shadow:
		-2px 3px 4px rgba(181,181,181,0.5),
		inset -3px 1px 4px rgba(181,181,181,0.5);
	-webkit-box-shadow:
		-2px 3px 4px rgba(181,181,181,0.5),
		inset -3px 1px 4px rgba(181,181,181,0.5);
	box-shadow:
		-2px 3px 4px rgba(181,181,181,0.5),
		inset -3px 1px 4px rgba(181,181,181,0.5);*/
	position: relative;
}

.post .postTop {
	
}

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


/*****=========================================*****

	RECNT・RANKING

*****=========================================*****/

.recent_entry,
.ranking
 {
	width: 303px;
	height: auto;
	margin: 0;
	padding: 10px 0px 0px 0px;
	list-style: none;
	font-size: 11px;
	background: url(images/splite.png) no-repeat;
}
	.recent_entry {
		background-position: 0px -180px !important;
	}
	.ranking {
		background-position: -303px -180px !important;
	}

.recent_entry li,
.ranking li
 {
	height: 18px;
	line-height: 16px;
	margin: 0 0 0 83px;
	padding: 0px 0 0 0;
	text-align: left;
	width: 210px;
	overflow: hidden;
}

#right_column .recent_entry_box h3,
#right_column .recent_area .ranking_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: 306px;
	height: 30px;
}


/*****=========================================*****

	ページングボタン

*****=========================================*****/

.single_paging table .next a {
	/* 背景に応じてblack, white, grayの3種あり */
	background-image: url(images/arrow/next_post_white.gif);
}
.single_paging table .prev a {
	/* 背景に応じてblack, white, grayの3種あり */
	background-image: url(images/arrow/prev_post_white.gif);
}


/*****=========================================*****

	オファータイトル

*****=========================================*****/

.offerTitle {
	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: 637px;
	height: 30px;
	background-position: 0px -30px;
	margin: 0 0 15px;
}


/*****=========================================*****

	RIGHT COLUMN

*****=========================================*****/

.rightBanner {
	text-align: center;
	margin: 0 0 15px;
}

.twitter_block {
	margin: 0 0 15px;
}

#right_column 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: 303px;
	height: 30px;
}

#profile h3 {
	margin: 0 0 20px 0px;
	background-position: 0px -60px;
}

.bookmark h3 {
	margin: 0 0 20px 0px;
	background-position: 0px -90px!important;
}

#right_column .recent_entry_box h3 { background-position: 0px -120px !important; }

#archives h3 {
	background-position: 0px -150px;
	margin: 0 0 10px 0px;
}

#right_column .recent_area .ranking_h3 { background-position: -303px -60px !important; }

#category h3 {
	margin: 0 0 10px 0px;
	background-position: -303px -90px;
}
#calendar h3 {
	margin: 0 0 10px 0px;
	background-position: -303px -120px;
}
#link h3 {
	margin: 0 0 10px 0px;
	background-position: -303px -150px;
}

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

								各種スタイル

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


/*  -----------------------------------------
  ヘッダーバー
 ----------------------------------------- */
#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;
}


/**** プロフィール ****/

#profile .text {
	padding: 10px 20px;
	font-size: 12px;
	line-height: 20px;
	font-weight: normal;
}
#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: -303px -370px;
}
#read_button a:hover { opacity: 0.7; }
#read_button p { font-size: 10px; }

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

/**** アーカイブ ****/

#archives ul,
.bookmark ul,
#category ul
 {
	margin: 0;
	padding: 0 20px;
	list-style: none;
	line-height: 18px;
	font-size: 11px;
}

#archives ul li,
#category ul li
 {
	background: url("images/arrow/list_arrow.gif") no-repeat left center;
	padding: 0 0 0 5px;
}

#blogin_search {
	text-align: center;
}


/**** QRコード ****/

.qrcode img {
	width: auto;
	float: left;
}

.qrcode .qr_text,
.qrcode .url
 {
	width: 158px;
	float: right;
}
.qrcode .qr_text {
	font-size: 12px;
	color: #333333;
}


/**** リンク ****/

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


/*  -----------------------------------------
  ライトサイド
------------------------------------------ */
#right_column .side_block {
	margin: 0 0 30px 0;
}


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


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


/**** 最近の記事 ****/

.recent_entry_box img,
.ranking_box img
 {
	margin: 0 auto;
	padding: 0;
	float: left;
}

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


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

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


/**** インフォリスト ****/
.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: 15%;
	word-break: break-all;
}
.info li .info_title {
	float: left;
	width: 85%;
}

/**** もっと見るボタン ****/
.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 .content {
	/* 記事部分に記事部分を付ける場合に有効化 */
	/* background: url(images/post2.gif) no-repeat top left; */
}
.post .metadata_top {
	padding: 0 20px;
	margin: 5px 0 0 0;
	font-size: 11px;
	text-align: right;
}
.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: 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;
	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;
	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: 12px;
	width: 100%;
	text-align: left;
}
#profile_table tr { }
#profile_table th {
	font-weight: normal;
	line-height: 1.7em;
	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: 75px;
}
#profile_table .short td {
	width: 290px;
}
#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;
}
/**** 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;
}

.twitter-timeline {
	width: 302px!important;
}



/*  -----------------------------------------
  topics
------------------------------------------ */

.topics {
	margin-bottom: 15px;
	background: #fff;
	overflow: hidden;
	/* インフォに記事部分を付ける場合に有効化 *//*  */
	background: url(images/back/information_back.png) repeat center top;
}

.topics 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: 645px;
	height: 49px;
	background-position: 0px -203px;
}


.topics ul {
	padding: 10px 20px;
}

.topics ul li {
	margin: 0 0 20px;
	color: #ff0099;
}

.topics ul li a:link,.topics ul li a:visited { color: #0033ff; } 
.topics ul li a:active,.topics ul li a:hover { color: #617ff9; }



/*  -----------------------------------------
  head_menu.php
------------------------------------------ */

.head_menu {
	width: 100%;
	height: 65px;
	background: url(images/head_menu/head_menu_bg.png) repeat-x center top;
}

.head_menu ul{
	width: 1098px;
	margin: 0 auto;
}

.head_menu ul li {
	width: auto;
	float: left;
	margin: 7px 0 0;
}

.head_menu ul li img {
	margin: 0 10px;
}
	.head_menu ul li img:hover {
		opacity:0.5;
		filter: alpha(opacity=50);
		-ms-filter: "alpha( opacity=50 )";
	}

.head_menu .border_left {
	background: url("images/head_menu/menu_border.gif") no-repeat left center;
}

