@charset "utf-8";

/* ========================================================================== */
/* CSS for bitnude graphics */
/* Designed by Daisuke Futaki */
/* ========================================================================== */

/* ========================================================================== */
/* 共通 */
/* ========================================================================== */

body{
	margin: 0px;
	padding: 0px;
	background: #fff;
	color: #333;
	font-family: 'ＭＳ ゴシック' 'ヒラギノ角ゴ Pro W3' sans-serif;
	text-align: center;
}

body#home{
	background: url('../images/border_top.png') repeat-x -3px -14px fixed;
}

#contents_home h1{
	margin: 0px;
	padding: 0px;
	text-indent: -9999px;
	cursor: pointer;
}

#contents_home h1 a{
	display: block;
	width: 480px;
	height: 64px;
	background: url('../images/logo_l.png') no-repeat top center;
}

#contents h1{
	margin: 0px;
	padding: 0px;
	height: 20px;
	font-size: x-small;
	text-indent: -9999px;
}

#contents h1 a{
	display: block;
	width: 147px;
	height: 20px;
	background: url('../images/logo.png') no-repeat top left;
}

img{
	border: none;
}

hr{
	display: none;
}

.clear{
	clear: both;
	margin-top: -1em;
	line-height: 100%;
}


/* ========================================================================== */
/* 枠・コンテナ */
/* ========================================================================== */

.container{
	margin: 0px auto;
	padding: 0px;
	width: 902px;
	height: 100%;
}

#top_frame{
	margin: 0px;
	padding: 0px;
	width: 902px;
	height: 60px;
	background: url('../images/border_x.png') repeat-x bottom left;
}

#bottom_frame{
	margin: 0px;
	padding: 0px;
	width: 902px;
	height: 60px;
	background: url('../images/border_x.png') repeat-x top left;
}

#contents{
	margin: 0px;
	padding: 40px;
	width: 822px;
	_width: 902px;
	background: url('../images/border_y.png') repeat-y top left;
	text-align: left;
}

#contents_home{
	margin: 0px;
	padding: 0px 40px;
	width: 822px;
	_width: 902px;
	text-align: left;
}

#contents_lr{
	margin: 0px
	padding: 0px;
}


/* ========================================================================== */
/* 左コンテンツ共通 */
/* ========================================================================== */

.contents_l{
	float: left;
	margin: 0px;
	padding: 90px 0px;
	width: 200px;
}

.contents_l h4{
	display: none;
}

.contents_l p{
	clear: both;
	margin: 0px 0px 1em 0px;
	padding: 0px;
	font-size: x-small;
	_font-size: xx-small;
	line-height: 1.5em;
}

.contents_l dl{
	margin: 0px;
	padding: 0px;
}

.contents_l dt{
	margin: 0px;
	padding: 0px;
	font-size: x-small;
	_font-size: xx-small;
	line-height: 1.4em;
}

.contents_l dd{
	margin: 0px 0px 0.5em 0px;
	padding: 0px 0px 0px 1.3em;
	font-size: x-small;
	_font-size: xx-small;
	line-height: 1.4em;
}

.contents_l ul{
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}

.contents_l li{
	margin: 0px;
	padding: 0px;
	font-size: 0;
	line-height: 100%;
}

.contents_l ul.l_ul01{
	margin: 55px 0px 0px 0px;
	padding: 0px;
}

.contents_l ul#nm{
	margin: 0px;
	padding-top: 4px;
}

.contents_l ul.l_ul01 li{
	height: 27px;
}

.contents_l li#l_ul01_li01 a{
	display: block;
	width: 117px;
	height: 18px;
	background: url('../images/l_ul01.png') no-repeat 0px 0px;
	text-indent: -9999px;
}

.contents_l li#l_ul01_li01 a:hover{
	background: url('../images/l_ul01.png') no-repeat -171px 0px;
}

.contents_l li#l_ul01_li02 a{
	display: block;
	width: 105px;
	height: 18px;
	background: url('../images/l_ul01.png') no-repeat 0px -27px;
	text-indent: -9999px;
}

.contents_l li#l_ul01_li02 a:hover{
	background: url('../images/l_ul01.png') no-repeat -171px -27px;
}

.contents_l li#l_ul01_li03 a{
	display: block;
	width: 162px;
	height: 18px;
	background: url('../images/l_ul01.png') no-repeat 0px -54px;
	text-indent: -9999px;
}

.contents_l li#l_ul01_li03 a:hover{
	background: url('../images/l_ul01.png') no-repeat -171px -54px;
}

.contents_l ul.l_ul02{
	margin: 70px 0px 0px 0px;
	padding: 0px;
}

.contents_l ul.l_ul02 li{
	height: 20px;
	text-indent: -9999px;
}

.contents_l li#l_ul02_li01 a{
	display: block;
	width: 70px;
	height: 15px;
	background: url('../images/l_ul02_li01.png') no-repeat top left;
}

.contents_l li#l_ul02_li02{
	background: url('../images/l_ul02_li02.png') no-repeat top left;
}

.contents_l li#l_ul02_li02 a{
	display: block;
	width: 59px;
	height: 15px;
	background: url('../images/l_ul02_li02.png') no-repeat top left;
}



/* ========================================================================== */
/* 右コンテンツ共通 */
/* ========================================================================== */

.contents_r{
	float: right;
	margin: 0px;
	padding: 90px 0px 40px 0px;
	width: 590px;
}

.contents_r p{
	margin: 0px 0px 1em 0px;
	padding: 0px;
	font-size: x-small;
	_font-size: xx-small;
	line-height: 1.5em;
}

.contents_r ul.r_ul01{
	margin: 0px 0px 4px 0px;
	padding: 10px 0px 0px 489px;
	list-style-type: none;
}

#hayashi_r ul.r_ul01{
	margin: 0px 0px 4px 0px;
	padding: 10px 0px 0px 509px;
	list-style-type: none;
}

.contents_r ul.r_ul01 li{
	margin: 0px;
	padding: 0px;
	font-size: 1px;
	line-height: 100%;
}

.contents_r li#r_ul01_li01{
	float: left;
	width: 41px;
	height: 11px;
	background: url('../images/li_works.png') no-repeat 0px 0px;
	text-indent: -9999px;
}

.contents_r li#r_ul01_li02{
	float: left;
	width: 50px;
	height: 11px;
	background: url('../images/li_mags.png') no-repeat 0px 0px;
	text-indent: -9999px;
}

.contents_r li#r_ul01_li03{
	float: left;
	width: 30px;
	height: 11px;
	background: url('../images/li_media.png') no-repeat 0px 0px;
	text-indent: -9999px;
}

.contents_r li#r_ul01_li01 a{
	display: block;
	width: 41px;
	height: 11px;
	background: url('../images/li_works.png') no-repeat 0px -11px;
}

.contents_r li#r_ul01_li01 a:hover{
	background: url('../images/li_works.png') no-repeat 0px 0px;
}

.contents_r li#r_ul01_li02 a{
	display: block;
	width: 50px;
	height: 11px;
	background: url('../images/li_mags.png') no-repeat 0px -11px;
}

.contents_r li#r_ul01_li02 a:hover{
	background: url('../images/li_mags.png') no-repeat 0px 0px;
}

.contents_r li#r_ul01_li03 a{
	display: block;
	width: 30px;
	height: 11px;
	background: url('../images/li_media.png') no-repeat 0px -11px;
}

.contents_r li#r_ul01_li03 a:hover{
	background: url('../images/li_media.png') no-repeat 0px 0px;
}

table.porfolio_table{
	clear: both;
	margin: 0px;
	padding: 0px;
	border: none;
	width: 570px;
}

table.portfolio_table td{
	margin: 0px;
	padding: 0px;
	width: 114px;
	height: 120px;
	text-align: center;
	vertical-align: middle;
}

table.porfolio_table_h{
	clear: both;
	margin: 0px;
	padding: 0px;
	border: none;
	width: 568px;
}

table.portfolio_table_h th{
	margin: 0px;
	padding: 0px 0px 10px 0px;
	height: 54px;
	text-indent: -9999px;
}

table.portfolio_table_h td{
	margin: 0px;
	padding: 0px 0px 20px 0px;
	width: 142px;
	height: 152px;
	text-align: center;
	vertical-align: middle;
}


/* ========================================================================== */
/* 公開前 */
/* ========================================================================== */

#soon{
	margin: 0px auto;
	padding: 0px;
	height: 600px;
	background: url('../images/soon.png') no-repeat center;
	text-indent: -9999px;
}


/* ========================================================================== */
/* トップページ */
/* ========================================================================== */

#home_logo{
	position: absolute;
	top: 29%;
	margin: 0px auto;
	padding: 88px 0px 0px 170px;
	width: 650px;
	_width: 820px;
	height: 152px;
	_height: 240px;
	background: #fff;
	z-index: +1;
}

#contents_home h2{
	display: none;
}

#home ul#home_ul01{
	position: absolute;
	top: 29%;
	margin: 0px;
	padding: 0px 0px 0px 8px;
	list-style-type: none;
}

ul#home_ul01 li{
	margin: 0px;
	padding: 0px;
	text-align: left;
}

#home li#home_ul01_li01 a{
	display: block;
	width: 581px;
	height: 84px;
	background: url('../images/home_ul01.png') no-repeat 0px 0px;
	text-indent: -9999px;
}

#home li#home_ul01_li01 a:hover{
	background: url('../images/home_ul01.png') no-repeat 0px -84px;
}

#home li#home_ul01_li02 a{
	display: block;
	width: 522px;
	height: 84px;
	background: url('../images/home_ul01.png') no-repeat 0px -168px;
	text-indent: -9999px;
}

#home li#home_ul01_li02 a:hover{
	background: url('../images/home_ul01.png') no-repeat 0px -252px;
}

#home li#home_ul01_li03 a{
	display: block;
	width: 805px;
	height: 68px;
	background: url('../images/home_ul01.png') no-repeat 0px -336px;
	text-indent: -9999px;
}

#home li#home_ul01_li03 a:hover{
	background: url('../images/home_ul01.png') no-repeat 0px -404px;
}


/* ========================================================================== */
/* エラー */
/* ========================================================================== */

#error_401_r h2{
	margin: 0px 0px 30px 0px;
	padding: 0px;
	width: 590px;
	height: 41px;
	background: url('../images/error_401.png') no-repeat top left;
	text-indent: -9999px;
}

#error_404_r h2{
	margin: 0px 0px 30px 0px;
	padding: 0px;
	width: 590px;
	height: 41px;
	background: url('../images/error_404.png') no-repeat top left;
	text-indent: -9999px;
}


/* ========================================================================== */
/* 赤木 宏行 */
/* ========================================================================== */

#akagi_r h2{
	display: none;
}

#akagi_l h2{
	margin: 0px 0px 30px 0px;
	padding: 0px;
	height: 41px;
	background: url('../akagi/images/h2_00.png') no-repeat top left;
	text-indent: -9999px;
}

#akagi_l h3{
	margin: 2em 0px 1em 0px;
	padding: 0px;
	height: 10px;
	background: url('../akagi/images/h3_00.png') no-repeat top left;
	font-size: x-small;
	_font-size: xx-small;
	text-indent: -9999px;
}


/* ========================================================================== */
/* 林 ようこ */
/* ========================================================================== */

#hayashi_r h2{
	display: none;
}

#hayashi_l h2{
	margin: 0px 0px 30px 0px;
	padding: 0px;
	height: 41px;
	background: url('../hayashi/images/h2_00.png') no-repeat top left;
	text-indent: -9999px;
}

#hayashi_l h3{
	margin: 2em 0px 1em 0px;
	padding: 0px;
	height: 10px;
	background: url('../hayashi/images/h3_00.png') no-repeat top left;
	font-size: x-small;
	_font-size: xx-small;
	text-indent: -9999px;
}

table.portfolio_table_h th#th_01{
	background: url('../hayashi/images/portfolio/th_01.png') no-repeat top left;
}

table.portfolio_table_h th#th_02{
	background: url('../hayashi/images/portfolio/th_02.png') no-repeat top left;
}

table.portfolio_table_h th#th_03{
	background: url('../hayashi/images/portfolio/th_03.png') no-repeat top left;
}

table.portfolio_table_h th#th_04{
	background: url('../hayashi/images/portfolio/th_04.png') no-repeat top left;
}

table.portfolio_table_h th#th_05{
	background: url('../hayashi/images/portfolio/th_05.png') no-repeat top left;
}

table.portfolio_table_h th#th_06{
	background: url('../hayashi/images/portfolio/th_06.png') no-repeat top left;
}

table.portfolio_table_h th#th_07{
	background: url('../hayashi/images/portfolio/th_07.png') no-repeat top left;
}

table.portfolio_table_h th#th_08{
	background: url('../hayashi/images/portfolio/th_08.png') no-repeat top left;
}

table.portfolio_table_h th#th_09{
	background: url('../hayashi/images/portfolio/th_09.png') no-repeat top left;
}

table.portfolio_table_h th#th_10{
	background: url('../hayashi/images/portfolio/th_10.png') no-repeat top left;
}


/* ========================================================================== */
/* 中島 圭一郎 */
/* ========================================================================== */

#nakashima_r h2{
	display: none;
}

#nakashima_l h2{
	margin: 0px 0px 30px 0px;
	padding: 0px;
	height: 41px;
	background: url('../nakashima/images/h2_00.png') no-repeat top left;
	text-indent: -9999px;
}

#nakashima_l h3{
	margin: 2em 0px 1em 0px;
	padding: 0px;
	height: 10px;
	background: url('../akagi/images/h3_00.png') no-repeat top left;
	font-size: x-small;
	_font-size: xx-small;
	text-indent: -9999px;
}


/* ========================================================================== */
/* リンク集 */
/* ========================================================================== */

#links_r h2{
	margin: 0px 0px 30px 0px;
	padding: 0px;
	width: 590px;
	height: 41px;
	background: url('../images/links_r_h2.png') no-repeat top left;
	text-indent: -9999px;
}

#links_r ul{
	margin: 0px;
	padding: 0px 10px;
	list-style-type: none;
}

#links_r li{
	float: left;
	margin: 0px 0px 1.5em 0px;
	padding: 0px;
	width: 285px;
	font-size: x-small;
	_font-size: xx-small;
	line-height: 1.5em;
}

#links_r a{
	color: #333;
	text-decoration: none;
}

#links_r a:hover{
	color: #9acd32;
	text-decoration: none;
}

#links_r .links_r_url{
	padding-left: 11px;
	background: url('../images/link_arrow.png') no-repeat 2px 4px;
	color: #b5b5b5;
	text-decoration: none;
}


/* ========================================================================== */
/* ページトップナビ */
/* ========================================================================== */

#to_top_nav{
	clear: both;
	margin: 0px;
	padding: 0px;
}

p.to_top{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 750px;
	font-size: x-small;
	_font-size: xx-small;
}

p.to_top a{
	display: block;
	width: 62px;
	height: 10px;
	background: url('../images/to_top.png') no-repeat top left;
	text-indent: -9999px;
}


/* ========================================================================== */
/* フッター */
/* ========================================================================== */

.footer{
	clear: both;
	margin: 90px 0px 0px 0px;
	padding: 0px;
	height: 61px;
}

.footer#copy_default{
	background: url('../images/footer.png') no-repeat top right;
}

.footer#copy_home{
	position: absolute;
	bottom: 5%;
	width: 822px;
	background: url('../images/footer_home.png') no-repeat top right;
}

.footer#copy_akagi{
	background: url('../akagi/images/footer.png') no-repeat top right;
}

.footer#copy_hayashi{
	background: url('../hayashi/images/footer.png') no-repeat top right;
}

.footer#copy_nakashima{
	background: url('../nakashima/images/footer.png') no-repeat top right;
}

.footer h3{
	display: none;
}

.footer ul{
	margin: 0px;
	padding: 35px 0px 0px 10px;
	list-style-type: none;
}

.footer li{
	float: left;
	margin: 0px 15px 0px 0px;
	padding: 0px;
}

.footer li#footer_li01 a{
	display: block;
	width: 70px;
	height: 15px;
	background: url('../images/l_ul02_li01.png') no-repeat top left;
	text-indent: -9999px;
}

.footer li#footer_li02 a{
	display: block;
	width: 59px;
	height: 15px;
	background: url('../images/l_ul02_li02.png') no-repeat top left;
	text-indent: -9999px;
}

.footer p{
	display: none;
}