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

CSS for Kiuchism/profile/index/item共有
Modified: 2008.5.23

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

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

div#main {
	width:496px;
	float:right;
}
/*プロフィールロゴ*/
h2#logo_profile {
	width:204px;
	height:39px;
	background:url(../img/profile/logo_profile.gif) no-repeat;
	text-indent:-9999px;
	overflow:hidden;
	margin:12px 0 0 30px;
	float:left;
}
/*IE6 Hack*/
* html h2#logo_profile {
	margin:12px 0 0 15px;
}
h2#logo_profile a:link,
h2#logo_profile a:visited {
	width:204px;
	height:39px;
	border:0;
	display:block;
}
h2#logo_profile a:hover {
	background:url(../img/contact/logo_profile.gif) no-repeat;
}
/*フォームレイアウトの整形*/
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:232px;
	float:left;
	text-align:center;
	padding-top:20px;
}
/*bbs右列*/
div#content_right {
	width:482px;
	float:right;
	margin:0 20px 20px 0;
	background:url(../img/profile/bg_autograph.gif) no-repeat right top;
}

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

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

/*==============================================================
左列
==============================================================*/

/*作品一覧タイトル*/
h2#thumbnails {
	width:171px;
	height:114px;
	background:url(../img/works/b_top.gif) no-repeat;
	text-indent:-9999px;
	overflow:hidden;
	margin:0 0 2px 31px;
	padding-bottom:3px;
}
h2#thumbnails a:link,
h2#thumbnails a:visited,
 h2#thumbnails a:hover {
	width:171px;
	height:114px;
	background:url(../img/works/b_top.gif) no-repeat;
	display:block;
	border:0;
}

div#content_thumb {
	margin-left:20px;
	text-align:left;
}


/*==============================================================
プロフィール本体
==============================================================*/

/*サブメニュー*/
ul.submenu {
	width:300px;
	height:22px;
	list-style-type:none;
	margin:0 0 25px 10px;
	padding:0;
	float:left;
}
ul.submenu li {
	margin-right:5px;
	border:0;
	float:left;
	text-indent:-9999px;
	overflow:hidden;
}
ul.submenu li.bio01 a {
	width:126px;
	height:22px;
	background:url(../img/profile/b_bio01.gif) no-repeat;
	display:block;
}
ul.submenu li.link01 a {
	width:126px;
	height:22px;
	background:url(../img/profile/b_link01.gif) no-repeat;
	display:block;
}
ul.submenu li.bio02 a {
	width:126px;
	height:22px;
	background:url(../img/profile/b_bio02.gif) no-repeat;
	display:block;
}
ul.submenu li.link02 a {
	width:126px;
	height:22px;
	background:url(../img/profile/b_link02.gif) no-repeat;
	display:block;
}

/*タイトル*/
div.content_title {
	width:482px;
	background:url(../img/contact/fuki_l_dotline.gif) no-repeat bottom;
	padding-bottom:2px;
	margin-bottom:15px;
}
div.content_title h2 {
	font-size:120%;
	font-weight:bold;
	padding-left:8px;
	float:left;
}
div.content_title span.prof_sub {
	font-size:83.3%;
	float:right;
	padding:5px 8px 0 0;
}

/*プロフィール本文*/
div.content_body {
	width:472px;
	margin:0 0 30px 10px;
	text-align:left;
}
div.content_body dl {
	font-size:100%;
}
div.content_body dt {
	color:#666;
	float:left;
	padding:0 10px 5px 0;
	
}
div.content_body dd {
	color:#666;
	padding-bottom:5px;
}

/*ページスイッチ*/
div.pageswitch {
	text-align:center;
	font-size:91.6%;
}