@charset "utf-8";


/*　------ メニュー背景（about） ------　*/
#about #menu_container {
	background: url(../../about/img/menu_bg.gif) no-repeat 0 0;
}
#about #submenu_container {
	background: url(../../about/img/submenu_bg.gif) no-repeat 0 0;
}

/*　------ メニュー背景（works） ------　*/
#works #menu_container {
	background: url(../../works/img/menu_bg.gif) no-repeat 0 0;
}
#works #submenu_container {
	background: url(../../works/img/submenu_bg.gif) no-repeat 0 0;
}

/*　------ メニュー背景（gallery） ------　*/
#gallery #menu_container {
	background: url(../../gallery/img/menu_bg.gif) no-repeat 0 0;
}
#gallery #submenu_container {
	background: url(../../gallery/img/submenu_bg.gif) no-repeat 0 0;
}

/*　------ メニュー背景（project） ------　*/
#project #menu_container {
	background: url(../../project/img/menu_bg.gif) no-repeat 0 0;
}
#project #submenu_container {
	background: url(../../project/img/submenu_bg.gif) no-repeat 0 0;
}

/*　------ メニュー背景（project） ------　*/
#contact #menu_container {
	background: url(../../contact/img/menu_bg.gif) no-repeat 0 0;
}
#contact #submenu_container {
	background: url(../../contact/img/submenu_bg.gif) no-repeat 0 0;
}

/*　------ サブメニュー ------　*/
#submenu {
	padding: 10px 75px 20px 75px;
}
#submenu img {
	display: block;
}
#submenu ul {
	margin: 0;
	padding: 0;
	list-style: none;
	clear: both;
	overflow: hidden;
	zoom: 1;
}
#submenu ul li {
	background: url(../img/submenu_line.gif) no-repeat right;
	float: left;
	padding: 0 1.5em 0 0;
	margin: 0 1.5em 0 0;
}
#submenu ul li.last {
	background: none;
}

/*　------ コンテンツBOX内リストマーク ------　*/
div.contents ul {
	margin: 0;
	padding: 0;
	list-style: none;
}
div.contents ul li {
	background: url(../img/list_dot.gif) no-repeat 2px 0.4em;
	padding: 0 0 0 15px;
}

/*　------ プロフィールBOX（about） ------　*/
#about div.profile {
	clear: both;
	overflow: hidden;
	zoom: 1;
	margin-bottom: 1.6em;
}
#about div.profile div.profile_left {
	margin-top: 0.3em;
	float: left;
	width: 130px;
}
#about div.profile div.profile_right {
	float: right;
	width: 550px;
}
#about div.profile div.profile_right dl {
	clear: both;
	overflow: hidden;
	zoom: 1;
}
#about div.profile div.profile_right dt {
	margin: 0;
	float: left;
	width: 40px;
}
#about div.profile div.profile_right dd {
	margin: 0;
	float: right;
	width: 500px;
}

/*　------ Web紹介BOX（about） ------　*/
#about div.line {
	clear: both;
	overflow: hidden;
	zoom: 1;
	margin-bottom: 15px;
}
#about div.pre_box_left {
	float: left;
	width: 460px;
}
#about div.pre_box_left_l {
	float: left;
	width: 220px;
}
#about div.pre_box_left_r {
	float: right;
	width: 220px;
}
#about div.pre_box_right {
	float: right;
	width: 220px;
}

/*　------ Web紹介BOX（works） ------　*/
#works div.line {
	clear: both;
	overflow: hidden;
	zoom: 1;
	margin-bottom: 15px;
}
#works div.pre_box_left {
	float: left;
	width: 340px;
}
#works div.pre_box_right {
	float: right;
	width: 340px;
}
#works div.in_box_left {
	float: left;
	width: 95px;
	padding-top: 0.3em;
}
#works div.in_box_right {
	float: right;
	width: 235px;
}

/*　------ gallery紹介サムネイルBOX（gallery） ------　*/
div.thumbnail img {
	margin: 5px 5px 10px 5px;
	line-height: 1.6em;
}

/*　------ Web紹介BOX（project） ------　*/
#project div.line {
	clear: both;
	overflow: hidden;
	zoom: 1;
	margin-bottom: 15px;
}
#project div.pre_box_left {
	float: left;
	width: 95px;
	padding-top: 0.3em;
}
#project div.pre_box_right {
	float: right;
	width: 595px;
}