@charset "utf-8";

/*
-----------------------------------------------
Origin: 2007.05
---------------
Update: 2008.02
---------------
body  | text-justify
th,td | text-justify
---------------
Update: 2008.03
---------------
.thumbnail
p.thumbnail
p.thumbnail img
ul.down li
ul.jump li
ul.plus
ul.plus li
ul.plus li a
---------------
Update: 2009.02
---------------
ul.menu
ul.submenu
#foot ul
.gotop
.text640 (consultant.css)
.dot-table (profile.css)
-----------------------------------------------
*/



/* ////////// style ////////// */
body {
	background: #FFFFFF;
	margin: 0px;
	padding: 0px;
	font-size: 12px;
	font-family: sans-serif;
	line-height: 1.8;
	color: #333333;
	/**/
	text-align: justify;
	text-justify: inter-ideograph;
}
/*（IE6）*/
* html body {
	font-size: 75%;
	font-family: "ＭＳ Ｐゴシック", sans-serif;
}
/*（IE7）*/
*:first-child+html body {
	font-size: 75%;
	font-family: "メイリオ", "ＭＳ Ｐゴシック", sans-serif;
}
h1,h2,h3,h4,h5,h6,p,ul,ol,li,dl,dt,dd,form,address {
	margin: 0px;
	padding: 0px;
}
img {
	border:none;
	vertical-align:bottom;
}
br.clear {
	font-size: 0px;
	line-height: 0px;
	clear:both;
}
.small {
	font-size: 10px;
	line-height: 1.6;
	color: #999999;
	letter-spacing: 1px;
}
.small a {
	font-size: 10px;
	line-height: 1.6;
	color: #0099CC;
	letter-spacing: 1px;
}
.small-b {
	font-size: 10px;
	line-height: 1.6;
	#333333
	letter-spacing: 1px;
}
/*（IE8）*/
html>/**/body .small {
	font-size: 65%\9;
	line-height: 1.8\9;
}
html>/**/body .small a {
	font-size: 65%\9;
	line-height: 1.8\9;
}
html>/**/body .small-b {
	font-size: 65%\9;
	line-height: 1.8\9;
}
table {
	margin: 0px
	border: 0px solid #FFFFFF;
}
th,td {
	margin: 0px;
	padding: 10px 10px 10px 15px;
	text-align: left;
	vertical-align: top;
	font-weight: normal;
	/**/
	text-align: justify;
	text-justify: inter-ideograph;
}



/* ////////// link ////////// */
a:link {color:#0099CC; text-decoration: none;}
a:visited {color:#0099CC; text-decoration: none;}
a:hover {color:#0099CC; text-decoration: underline;}
/*a[name]:hover {color:#0099CC; text-decoration: underline;}*/
a:active {color:#0099CC; text-decoration: underline;}



/* ////////// body ////////// */
#body {
	width: 800px;
	margin: 0px auto;
	padding: 0px;
}



/* ////////// head ////////// */
#head {
	position: relative;
}



/* ////////// menu ////////// */
ul.menu {
	list-style: none;
	position: absolute;
	top: 0;
}
ul.menu li {
	width: 30px;
	height: 320px;
	font-size: 0;
	line-height: 0;
	text-indent: -9999px;
	display: block;			/* アクティブ時のエリア固定 */
	position: absolute;
}
ul.menu li a {
	height: 320px;
	display: block;		/* ボックス全体をリンクエリアに */
}
ul.menu li.mn1 {
	left: 765px;
	background: url(../images/img/mn_message.gif) no-repeat left top;
}
ul.menu li.mn2 {
	left: 735px;
	background: url(../images/img/mn_interview.gif) no-repeat left top;
	display: block;		/* ボックス全体をリンクエリアに */
}
ul.menu li.mn3 {
	left: 705px;
	background: url(../images/img/mn_copywriting.gif) no-repeat left top;
}
ul.menu li.mn4 {
	left: 675px;
	background: url(../images/img/mn_consultant.gif) no-repeat left top;
}
ul.menu li.mn5 {
	left: 645px;
	background: url(../images/img/mn_profile.gif) no-repeat left top;
}
ul.menu li.mn2 a.works, ul.menu li.mn3 a.works, ul.menu li.mn2- a.works, ul.menu li.mn3- a.works {
	width: 30px;
	height: 99px;
	top: 157px;
	background: url(../images/img/mn_works.gif) no-repeat left top;
	position: absolute;
}
/* (on) */
ul.menu li.mn1 a:hover {
	background: url(../images/img/mn_message_on.gif) no-repeat left top;
}
ul.menu li.mn2 a:hover {
	background: url(../images/img/mn_interview_on.gif) no-repeat left top;
}
ul.menu li.mn2 a:hover {
	background: url(../images/img/mn_interview_on.gif) no-repeat left top;
}
ul.menu li.mn3 a:hover {
	background: url(../images/img/mn_copywriting_on.gif) no-repeat left top;
}
ul.menu li.mn4 a:hover {
	background: url(../images/img/mn_consultant_on.gif) no-repeat left top;
}
ul.menu li.mn5 a:hover {
	background: url(../images/img/mn_profile_on.gif) no-repeat left top;
}
ul.menu li a.works:hover {
	background: url(../images/img/mn_works_on.gif) no-repeat left top;
}
/* (off) */
ul.menu li.mn1- {
	left: 765px;
	background: url(../images/img/mn_message_off.gif) no-repeat left top;
}
ul.menu li.mn2- {
	left: 735px;
	background: url(../images/img/mn_interview_off.gif) no-repeat left top;
}
ul.menu li.mn3- {
	left: 705px;
	background: url(../images/img/mn_copywriting_off.gif) no-repeat left top;
}
ul.menu li.mn4- {
	left: 675px;
	background: url(../images/img/mn_consultant_off.gif) no-repeat left top;
}
ul.menu li.mn5- {
	left: 645px;
	background: url(../images/img/mn_profile_off.gif) no-repeat left top;
}



/* ////////// submenu ////////// */
ul.submenu {
	height: 55px;
	list-style: none;
	position: relative;
}
ul.submenu li {
	height: 15px;
	margin-top: 20px;
	font-size: 0;
	line-height: 0;
	text-indent: -9999px;
	display: block;			/* アクティブ時のエリア固定 */
	position: absolute;
}
ul.submenu li a {
	height: 15px;
	font-size: 0;
	line-height: 0;
	text-indent: -9999px;
	display: block;		/* ボックス全体をリンクエリアに */
}
ul.submenu li.blog {
	left: 10px;
	background: url(../images/img/btn_blog.gif) no-repeat left top;
	width: 45px;
}
ul.submenu li.made {
	left: 75px;
	background: url(../images/img/btn_modeler.gif) no-repeat left top;
	width: 96px;
}
ul.submenu li.home {
	left: 650px;
	background: url(../images/img/btn_home.gif) no-repeat left top;
	width: 66px;
}
ul.submenu li.mail {
	left: 735px;
	background: url(../images/img/btn_contact.gif) no-repeat left top;
	width: 56px;
}
/* (on) */
ul.submenu li.blog a:hover {
	background: url(../images/img/btn_blog_on.gif) no-repeat left top;
}
ul.submenu li.made a:hover {
	background: url(../images/img/btn_modeler_on.gif) no-repeat left top;
}
ul.submenu li.home a:hover {
	background: url(../images/img/btn_home_on.gif) no-repeat left top;
}
ul.submenu li.mail a:hover {
	background: url(../images/img/btn_contact_on.gif) no-repeat left top;
}
/* (off) */
ul.submenu li.made- {
	left: 75px;
	background: url(../images/img/btn_modeler_off.gif) no-repeat left top;
	width: 96px;
}
ul.submenu li.home- {
	left: 650px;
	background: url(../images/img/btn_home_off.gif) no-repeat left top;
	width: 66px;
}



/* ////////// main ////////// */  /* ※ #main は現状未使用 */
#main {
	margin-top: 36px;
}



/* ////////// area320 ////////// */
.area320 {
	width: 270px;
	display: block;
	float: left;
}
.R {
	/*background: url(../images/img/dot.gif) repeat-y right;*/
	padding: 0px 30px 0px 20px;
	display: block;
}
.L {
	padding: 0px 20px 0px 30px;
	display: block;
}
.area320 p {
	background: url(../images/img/p_icon.gif) no-repeat center bottom;
	margin-bottom: 15px;
	padding-bottom: 25px;
	display: block;
}
.area320 p.up {
	background: url(../images/img/p_icon2.gif) no-repeat center bottom;
	margin-bottom: 0px;
}
.area320 p.end {
	background: none;
	margin-bottom: 0px;
	padding-bottom: 0px;
}
.area320 p.non {
	background: none;
	padding-bottom: 0px;
}
.area320 p.ext {
	background: url(../images/img/p_icon4.gif) no-repeat center bottom;
}



/* ////////// text640 ////////// */
.text640 {
	width: 600px;
	padding: 0px 20px 0px;
}
.text640 p {
	background: url(../images/img/p_icon.gif) no-repeat center bottom;
	margin-bottom: 15px;
	padding-bottom: 25px;
	display: block;
}
.text640 p.end {
	background: none;
	margin-bottom: 0px;
	padding-bottom: 0px;
}
.text640 p.non {
	background: none;
	padding-bottom: 0px;
}



/* ////////// area640 ////////// */
.area640 {
	width: 640px;
	padding: 0px;
	display: block;
}
.area640 p {
	margin: 15px 20px 0px;
}
.area640 p.small {
	margin: 10px 20px 0px;
}

/* --go history_index-- */
.area640 p.gohis {
	margin-top: 0px;
	padding: 40px 0px 20px;
	display: block;
}
.area640 p.gohis a {
	background: url(../images/img/btn_gohistory.gif) no-repeat left top;
	width: 73px;
	height: 15px;
	margin-left: 527px;
	font-size: 0;
	line-height: 0;
	text-indent: -9999px;
	display: block;
}
.area640 p.gohis a:hover {
	background: url(../images/img/btn_gohistory_on.gif) no-repeat left top;
}

/* --go works_index-- */
.area640 p.gowok {
	margin-top: 0px;
	padding: 40px 0px 20px;
	display: block;
}
.area640 p.gowok a {
	background: url(../images/img/btn_goworks.gif) no-repeat left top;
	width: 65px;
	height: 15px;
	margin-left: 535px;
	font-size: 0;
	line-height: 0;
	text-indent: -9999px;
	display: block;
}
.area640 p.gowok a:hover {
	background: url(../images/img/btn_goworks_on.gif) no-repeat left top;
}

/* --old_works close-- */
.area640 p.shut {
	margin-top: 0px;
	padding: 40px 0px 0px;
	display: block;
}
.area640 p.shut span {
	background: url(../images/img/btn_close.gif) no-repeat left top;
	width: 47px;
	height: 15px;
	/*
	margin-left: 553px;
	text-decoration: underline;
	color: #0099CC;
	*/
	font-size: 0;
	line-height: 0;
	text-indent: -9999px;
	display: block;
	cursor: pointer;
}
.area640 p.shut span:hover {
	background: url(../images/img/btn_close_on.gif) no-repeat left top;
}

/* --list(down)-- */
ul.down {
	margin: 0px;
	padding-bottom: 35px;
	list-style-type: none;
	width: 100%;
	display: block;
	float: left;
}
ul.down li {
	margin: 0px 20px;
	padding: 0px 0px 15px;
	display: inline; /* for WinIE6 */
	float: left;
	clear:both;
}
ul.down li a {
	background: url(../images/img/bullet_down.gif) no-repeat left center;
	margin: 0px;
	padding-left: 25px;
	display: block;
}
.area320 ul.down {
	padding: 0px;
}
.area320 ul.down li {
	margin: 0px;
}

/* --old_works open-- */
ul.down li p {
	background: url(../images/img/bullet_down.gif) no-repeat left center;
	margin: 0px;
	padding-left: 25px;
	display: block;
	/*text-decoration: underline;*/
	color: #0099CC;
	cursor: pointer;
}
ul.down li p:hover {
	text-decoration: underline;
}

/* --list(jump)-- */
ul.jump {
	margin: 0px;
	list-style-type: none;
	width: 100%;
	display: block;
	float: left;
}
ul.jump li {
	margin: 0px 20px;
	padding: 0px 0px 15px;
	display: inline; /* for WinIE6 */
	float: left;
	clear:both;
}
ul.jump li a {
	background: url(../images/img/bullet_jump.gif) no-repeat left center;
	margin: 0px;
	padding-left: 25px;
	display: block;
}
ul.jump li.fin {
	padding: 0px;
}

/* --list(plus)-- */
ul.plus {
	margin: 0px;
	/*padding-bottom: 35px;*/
	list-style-type: none;
	width: 100%;
	display: block;
	float: left;
}
ul.plus li {
	margin: 0px 20px;
	/*padding: 0px 0px 15px;*/
	display: inline; /* for WinIE6 */
	float: left;
	clear:both;
}
ul.plus li a {
	background: url(../images/img/bullet_plus.gif) no-repeat left center;
	margin: 0px;
	padding-left: 25px;
	display: block;
}

/* --title-- */
h4 {
	background: url(../images/img/line_dot_g.gif) repeat-x left center;
	width: 640px;
	position: relative;
}
h4 span {
	background: #0099CC;
	padding: 7px 20px 6px;
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
	display: inline;
}
/*（IE6）*/
* html body h4 span {
	font-size: 75%;
}
/*（IE7）*/
*:first-child+html body h4 span {
	font-size: 75%;
}
h5 {
	background: url(../images/img/h5.gif) no-repeat left center;
	margin: 40px 20px 0px;
	padding-left: 25px;
	font-size: 12px;
	font-weight: bold;
	display: block;
}
/*（IE6）*/
* html body h5 {
	font-size: 100%;
}
/*（IE7）*/
*:first-child+html body h5 {
	font-size: 100%;
}

/* --thumbnail-- */
.thumbnail {
	background: #EEEEEE;
	margin: 15px 20px 0px;
	padding: 0px 10px 10px 0px;
	display: inline; /* for WinIE6 */
	float: left;
}
.thumbnail img {
	margin: 10px 0px 0px 10px;
	padding: 0px;
}
p.thumbnail {
	background: none;
	margin: 40px 20px 0px;
	padding: 0px;
	display: block;
	float: none;
}
p.thumbnail img {
	margin: 0px;
}

/* --dot line-- */
.dot-line {
	background: url(../images/img/line_dot_g.gif) repeat-x left center;
	display: block;
}



/* ////////// area640 - table ////////// */
.dot-table {
	background: url(../images/img/table_bg.gif) no-repeat right bottom;
	width: 600px;
	margin: 0px 20px;
	padding: 0px 1px 1px 0px;
	display: block;
}
.dot-table table {
	width: 599px;
}
.dot-table th {
	background: url(../images/img/table_th_bg.gif) no-repeat left top;
	width: 75px; /* 引き値 ⇒ padding:15＋10（left, right）*/
	color: #C3C3C3;
}
.dot-table td {
	background: url(../images/img/table_td_bg.gif) no-repeat left top;
	width: 474px; /* 引き値 ⇒ padding:15＋10（left, right） */
}

/* --list-- */
.dot-table dl {
	width: 474px;
	position: relative;
}
.dot-table dt {
	background: url(../images/img/bullet_point.gif) no-repeat left top;
	float:left;
	width: 464px;
	padding-left: 10px;
	display: block;
}
.dot-table dt.tit {
	width: 90px;
}
.dot-table dt.spc {
	padding-bottom: 15px;
}
.dot-table dd {
	float:left;
	width: 374px;
	display: block;
}

/* --list(contact & blog)-- */
.dot-table ul {
	/*position: relative;*/
	list-style: none;
	float: left;
}
.dot-table li {
	/*float: left;*/
	clear:both;
}
/*（IE6）*/
* html body .dot-table li {
	width: 100%;
}
.dot-table li a {
	padding-left: 25px;
	display: block;
}
.dot-table li.mail a {
	background: url(../images/img/bullet_contact.gif) no-repeat left center;
	margin-top: 15px;
}
.dot-table li.blog a {
	background: url(../images/img/bullet_blog.gif) no-repeat left center;
	margin-bottom: 15px;
}



/* ////////// go top ////////// */
.gotop {
	width: 800px;
	padding: 30px 0px 20px;
	display: block;
	position: relative;
}
.gotop p a {
	height: 15px;
	font-size: 0;
	line-height: 0;
	text-indent: -9999px;
	display: block;
}
.gotop p.apex a {
	background: url(../images/img/btn_gotop.gif) no-repeat left top;
	width: 59px;
	margin-left: 650px;
	position: absolute;
}
.gotop p.mail a {
	background: url(../images/img/btn_contact.gif) no-repeat left top;
	width: 56px;
	margin-left: 735px;
}
/* (on) */
.gotop p.apex a:hover {
	background: url(../images/img/btn_gotop_on.gif) no-repeat left top;
}
.gotop p.mail a:hover {
	background: url(../images/img/btn_contact_on.gif) no-repeat left top;
}



/* ////////// foot ////////// */
#foot ul {
	background: url(../images/img/bg_navi.gif) no-repeat left top;
	height: 60px;
	list-style: none;
	position: relative;
}
#foot li {
	height: 15px;
	margin-top: 23px;
	font-size: 0;
	line-height: 0;
	text-indent: -9999px;
	display: block;			/* アクティブ時のエリア固定 */
	position: absolute;
}
#foot li a {
	height: 15px;
	font-size: 0;
	line-height: 0;
	text-indent: -9999px;
	display: block;		/* ボックス全体をリンクエリアに */
}
#foot li.home {
	left: 20px;
	background: url(../images/img/btn_home.gif) no-repeat left top;
	width: 66px;
}
#foot li.btn1 {
	left: 145px;
	background: url(../images/img/btn_message.gif) no-repeat left top;
	width: 58px;
}
#foot li.btn2 {
	left: 232px;
	background: url(../images/img/btn_interview.gif) no-repeat left top;
	width: 67px;
}
#foot li.btn3 {
	left: 328px;
	background: url(../images/img/btn_copywriting.gif) no-repeat left top;
	width: 77px;
}
#foot li.btn4 {
	left: 434px;
	background: url(../images/img/btn_consultant.gif) no-repeat left top;
	width: 72px;
}
#foot li.btn5 {
	left: 535px;
	background: url(../images/img/btn_profile.gif) no-repeat left top;
	width: 56px;
}
#foot li.link {
	left: 650px;
	background: url(../images/img/btn_link.gif) no-repeat left top;
	width: 45px;
}
#foot li.smap {
	left: 725px;
	background: url(../images/img/btn_sitemap.gif) no-repeat left top;
	width: 56px;
}
/* (on) */
#foot li.home a:hover {
	background: url(../images/img/btn_home_on.gif) no-repeat left top;
}
#foot li.btn1 a:hover {
	background: url(../images/img/btn_message_on.gif) no-repeat left top;
}
#foot li.btn2 a:hover {
	background: url(../images/img/btn_interview_on.gif) no-repeat left top;
}
#foot li.btn3 a:hover {
	background: url(../images/img/btn_copywriting_on.gif) no-repeat left top;
}
#foot li.btn4 a:hover {
	background: url(../images/img/btn_consultant_on.gif) no-repeat left top;
}
#foot li.btn5 a:hover {
	background: url(../images/img/btn_profile_on.gif) no-repeat left top;
}
#foot li.link a:hover {
	background: url(../images/img/btn_link_on.gif) no-repeat left top;
}
#foot li.smap a:hover {
	background: url(../images/img/btn_sitemap_on.gif) no-repeat left top;
}
/* (off) */
#foot li.home- {
	left: 20px;
	background: url(../images/img/btn_home_off.gif) no-repeat left top;
	width: 66px;
}
#foot li.btn1- {
	left: 145px;
	background: url(../images/img/btn_message_off.gif) no-repeat left top;
	width: 58px;
}
#foot li.btn2- {
	left: 232px;
	background: url(../images/img/btn_interview_off.gif) no-repeat left top;
	width: 109px;
}
#foot li.btn3- {
	left: 328px;
	background: url(../images/img/btn_copywriting_off.gif) no-repeat left top;
	width: 77px;
}
#foot li.btn4- {
	left: 434px;
	background: url(../images/img/btn_consultant_off.gif) no-repeat left top;
	width: 72px;
}
#foot li.btn5- {
	left: 535px;
	background: url(../images/img/btn_profile_off.gif) no-repeat left top;
	width: 56px;
}
#foot li.link- {
	left: 650px;
	background: url(../images/img/btn_link_off.gif) no-repeat left top;
	width: 45px;
}
#foot li.smap- {
	left: 725px;
	background: url(../images/img/btn_sitemap_off.gif) no-repeat left top;
	width: 56px;
}



/* ////////// address ////////// */
#foot p {
	width: 324px;
	margin: 26px auto 0px;
	display: block;
}
#foot address {
	background: url(../images/img/foot_copyright.gif) no-repeat left top;
	width: 800px;
	height: 20px;
	font-size: 0;
	line-height: 0;
	text-indent: -9999px;
	display: block;
}
#foot p.e-bird {
	width: 123px;
	margin: 0px auto;
	display: block;
}
#foot p.e-bird a {
	background: url(../images/img/foot_ebird.gif) no-repeat left top;
	height: 17px;
	font-size: 0;
	line-height: 0;
	text-indent: -9999px;
	display: block;
}
#foot p.e-bird a:hover {
	background: url(../images/img/foot_ebird_on.gif) no-repeat left top;
}



/* ////////// preload ////////// */
.preload {
	display: none;
}