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

CSS for Kiuchism/contact/index/item共有
Modified: 2008.5.14

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

/*==============================================================
Universal
==============================================================*/

div#main {
	width:496px;
	float:right;
}
/*問い合わせロゴ*/
h2#logo_contact {
	width:177px;
	height:38px;
	background:url(../img/contact/logo_contact.gif) no-repeat;
	text-indent:-9999px;
	overflow:hidden;
	margin:12px 0 0 40px;
	float:left;
}
h2#logo_contact a:link,
h2#logo_contact a:visited {
	width:177px;
	height:38px;
	border:0;
	display:block;
}
h2#logo_contact a:hover {
	background:url(../img/contact/logo_contact.gif) no-repeat;
}
/*IE6 Hack*/
* html h2#logo_contact {
	margin:12px 0 0 15px;
}
/*フォームレイアウトの整形*/
div.loginform .formfield, 
div.commentform .formfield, 
div.mailform .formfield {
	display:block; 
	text-align:left;
}



/*==============================================================
ヘッダー（ナビゲーション）
==============================================================*/

/*コンテナ*/
div#header_contact {
	width:762px;
	height:57px;
}

/*ナビゲーション*/
ul#navi {
	width:496px;
	list-style-type:none;
	height:57px;
	margin-right:12px;
	float:right;
}
ul#navi li {
	height:57px;
	text-indent:-9999px;
	overflow:hidden;
	float:left;
}
ul#navi li a {
	border:0;
	display:block;
}

/*ボタン作品集*/
ul#navi li#works a:link,
ul#navi li#works a:visited {
	width:120px;
	height:57px;
	background:url(../img/weblog/b_works.gif) no-repeat;
}
ul#navi li#works a:hover {
	background-position:0 -57px;
}
/*ボタン自己紹介*/
ul#navi li#profile a:link,
ul#navi li#profile a:visited {
	width:129px;
	height:57px;
	background:url(../img/weblog/b_profile.gif) no-repeat;
}
ul#navi li#profile a:hover {
	background-position:0 -57px;
}
/*ボタンブログ*/
ul#navi li#blog a:link,
ul#navi li#blog a:visited {
	width:127px;
	height:57px;
	background:url(../img/weblog/b_blog.gif) no-repeat;
}
ul#navi li#blog a:hover {
	background-position:0 -57px;
}
/*ボタンお問い合わせ*/
ul#navi li#contact a:link,
ul#navi li#contact a:visited {
	width:120px;
	height:57px;
	background:url(../img/weblog/b_contact.gif) no-repeat;
}
ul#navi li#contact a:hover {
	background-position:0 -57px;
}
/*ヘッダー*/
div#webform_header {
	width:750px;
	height:34px;
	margin:0 auto;
	background:url(../img/contact/bg_webform_header.gif) repeat-x bottom;
}
div#webform_header a {
	background:none;
}
/*WEBフォームボタン*/
img.b_sendmail {
	margin-left:20px;
}
* html img.b_sendmail {
	margin-bottom:-4px;
}



/*==============================================================
レイアウト
==============================================================*/

/*bbs左列*/
div#content_left {
	width:212px;
	float:left;
	text-align:right;
	padding-top:20px;
}
/*bbs右列*/
div#content_right {
	width:502px;
	float:right;
	margin-bottom:20px;
}

/*==============================================================
テキスト
==============================================================*/

a:link,
a:visited {
	color:#000;
	text-decoration:none;
}
a:hover {
	color:#000;
	background-color:#E3E1DC;
}

/*==============================================================
掲示板入力フォーム
==============================================================*/

table.bbsform {
	border-collapse:collapse;
	border:0;
	width:441px;
}
table.bbsform th {
	margin:0;
	padding:0;
	text-align:right;
}
table.bbsform th img {
	margin:12px 7px 0 0;
}
table.bbsform td {
	margin:0;
	padding:0;
}
/*input外枠*/
div.box_input {
	width:185px;
	height:26px;
	border:1px solid #BABABA;
	margin-top:12px;
}
input.formfield {
	width:183px;
	height:24px;
	background-color:#E9E9E9;
	border:1px solid #FFF;
	font-size:100%;
}
/*textarea外枠*/
div.box_textarea {
	width:369px;
	height:136px;
	border:1px solid #BABABA;
	margin-top:12px;
}
textarea.formfield {
	width:367px;
	height:134px;
	background-color:#E9E9E9;
	border:1px solid #FFF;
	font-size:100%;
}



/*==============================================================
掲示板書き込み本文
==============================================================*/

/*コメントコンテナ*/
div.comment_content {
	width:600px;
	margin:15px auto 20px auto;
	padding-bottom:30px;
}
/*コメントタイトル*/
div.contenttitle h2 {
	font-size:120%;
	font-weight:bold;
	background:url(../img/contact/fuki_l_dotline.gif) no-repeat bottom;
	padding:0 15px 4px 24px;
}
/*コメント情報*/
div.contentinfo {
	font-size:91.6%;
	padding:4px 24px 10px 0;
	text-align:right;
}
/*名前*/
div.contentinfo span.name {
	color:#65BAFE;
	font-weight:bold;
}
/*コメント本文*/
div.contentbody p {
	font-size:100%;
	color:#666;
	line-height:130%;
	padding:0 22px;
}
/*ページスイッチ*/
div.pageswitch {
	text-align:center;
	font-size:91.6%;
}