@charset "EUC-JP";
*{font-family	: "ＭＳ Ｐゴシック","ＭＳ ゴシック","ヒラギノ角ゴ Pro W3",Osaka,sans-serif;}
body{
	background-color		: #f9ffe0;
	margin					: 0;
	padding					: 0 0 20px 0;
	text-align				: center;
	font-size				: 10pt;
}
img{border : 0;}
ul,dl,ol,h1,p{
	margin				: 0;
	padding				: 0;
}
.clr{clear				: both;}
.fll{float				: left;}
.flr{float				: right;}
.tl{	text-align		: left;}
.tr{	text-align		: right;}
.tc{	text-align		: center;}
.vt{	vertical-align	: top; }
.vm{	vertical-align	: middle; }
.vb{	vertical-align	: bottom; }
.f8{	font-size		: 8pt; }
.f9{	font-size		: 9pt; }
.f10{	font-size		: 10pt; }
.f11{	font-size		: 11pt; }
.f12{	font-size		: 12pt; }
.ime-a{ ime-mode	: active; }
.ime-d{ ime-mode	: inactive; }

div.spacer5{
	clear			: both;
	display			: block;
	height			: 5px;
}
div.spacer20{
	clear			: both;
	display			: block;
	height			: 20px;
}
div#container{
	display				: block;
	width				: 770px;
	margin				: 0 auto;
	padding				: 0;
	background-color	: #ffffff;
	border				: #669933 1px solid;
	text-align			: left;
}
a{
	text-decoration		: none;
	color				: #339900;
}
a:link{border : 0;}
a:visited{border : 0;}
a:hover{
	text-decoration		: underline;
	color				: #ff9900;
}
a:active{border : 0;}
a.yajirushi{
	background	: url('../image/yajirushi03.gif') no-repeat 0 0;
	padding		: 2px 0 0 24px;
}
a.yajirushi_l{
	background	: url('../image/yajirushi03.gif') no-repeat 0 0;
	padding		: 0 0 0 24px;
	font-size	: 11pt;
	font-weight	: bold;
}
span.green{ color : #339900; }
span.red{   color : #ff0000; }
span.orange{color : #ff9900; }
span.c60{ color : #cc6600; }
span.f60{ color : #ff6600; }
span.c630{ color : #663300; }

/* --- ヘッダー部分 --- */
div#header{
	position			: relative;
	display				: block;
	width				: 770px;
	height				: 110px;
	background			: url('../image/designer/bg_header_d.jpg') no-repeat right top;
}
div#header a#top{
	position			: absolute;
	top					: 0;
	left				: 0;
}
div#header h1{
	position			: absolute;
	top					: 2px;
	right				: 2px;
	font-size			: 9pt;
	font-weight			: normal;
	color				: #ffffff;
}
ul.pankuzu{
	position		: absolute;
	bottom			: 6px;
	right			: 10px;
	display			: block;
	margin			: 0;
	padding			: 0;
}
ul.pankuzu li{
	list-style-type	: none;
	display			: inline;
	margin			: 0 4px 0 0;
	font-size		: 9pt;
	color			: #ffffff;
	line-height		: 14px;
}
ul.pankuzu li a{
	color			: #ffffff!important;
	font-weight		: bold;
}

/* --- コンテンツ部分 --- */
div#wrapper{
	display		: block;
	width		: 770px;
	min-height	: 300px;
	background	: #ffffff url('../image/designer/menu_back.gif') repeat-y 0 0;
	margin		: 0;
	padding		: 0;
}
div#main{
	display		: block;
	width		: 639px;
	float		: right;
	background-color	: #ffffff;
	margin		: 0;
	padding		: 0;
	overflow	: hidden;
}
div#menu{
	display		: block;
	width		: 131px;
	float		: left;
	background	: url('../image/designer/menu_back.gif') repeat-y 0 0;
	min-height	: 300px;
	margin		: 0;
	padding		: 0;
}

/* -- メニュー --*/
div#menu ul.menu{
	display		: block;
}
ul.menu li{
	list-style-type	: none;
	display			: block;
	width			: 131px;
	height			: 60px;
}
ul.menu li a{
	display			: block;
	width			: 131px;
	height			: 60px;
	text-indent		: -9999px;
}
a.menu_1{ background		: url('../image/designer/menu_1.gif') repeat-y 0 0; }
a.menu_2{ background		: url('../image/designer/menu_2.gif') repeat-y 0 0; }
a.menu_3{ background		: url('../image/designer/menu_3.gif') repeat-y 0 0; }
a.menu_4{ background		: url('../image/designer/menu_4.gif') repeat-y 0 0; }
a.menu_5{ background		: url('../image/designer/menu_5.gif') repeat-y 0 0; }
a.menu_1:hover,a.menu_2:hover,a.menu_3:hover,a.menu_4:hover,a.menu_5:hover{
	background-position		: 0 60px;
}


/* -- フッター --*/
div#footer{
	clear			: both;
	display			: block;
	width			: 770px;
	height			: 20px;
	background		: url('../image/copyright.gif') no-repeat 0 0;
	text-indent		: -9999px;
}


/* -- メイン --*/
div#main p{
	font-size		: 9pt;
	color			: #663300;
	line-height		: 1.4em;
}


/* --- index --- */
ul.top_menu{
	display			: block;
	margin			: 10px;
}
ul.top_menu li{
	list-style-type	: none;
	display			: block;
	width			: 190px;
	height			: 200px;
	border			: #6d583b 1px solid;
	float			: left;
	margin			: 0 6px;
}
ul.top_menu li a{
	display			: block;
	width			: 190px;
	height			: 135px;
	text-indent		: -9999px;
}
a.top_1{ background : url('../designer/img/designertop2.jpg') no-repeat 0 0; }
a.top_2{ background : url('../designer/img/designertop1.jpg') no-repeat 0 0; }
a.top_3{ background : url('../designer/img/designertop3.jpg') no-repeat 0 0; }
ul.top_menu li p{
	font-size		: 9pt;
	padding			: 5px;
}
/* --- interview --- */
div#iv_top{
	display			: block;
	width			: 100%;
	border-top		: #6d583b 1px solid;
	background-color: #e7e7c2;
	padding			: 0 0 20px 0;
}
ul.iv{
	display			: block;
	margin			: 10px 0 10px 10px;
}
ul.iv li{
	list-style-type	: none;
	display			: block;
	width			: 180px;
	margin			: 0 12px;
	float			: left;
}
/* --- profile --- */
div#prof_box{
	display			: block;
	margin			: 0;
	padding			: 10px 0 10px 18px;
	background-color: #e7e7c2;//99cc66;
}
div#prof_box h2{
	display			: block;
	width			: 602px;
	height			: 30px;
	background		: url('../designer/img/bannar01.gif') no-repeat 0 0;
	text-indent		: -9999px;
	margin			: 0;
	padding			: 0;
}
ul.dprof{
	display			: block;
	width			: 602px;
	margin			: 10px 0;
	padding			: 0;
}
ul.dprof li{
	list-style-type	: none;
	display			: block;
}
li.prof{
	border			: #663300 1px solid;
	background-color: #ffffff;
}
li.prof2{
	border-color	: #663300;
	border-width	: 0px 1px 1px 1px;
	border-style	: solid;
	background-color: #ffffff;
}
li.prof img,li.prof2 img,li.prof p,li.prof2 p{
	margin			: 2px;
}
li#prof1{
	width			: 284px;
	height			: 300px;
	float			: left;
}
li#prof2{
	width			: 284px;
	height			: 300px;
	float			: right;
}

dl.navi_block{
	display			: block;
	width			: 600px;
	margin			: 20px auto 20px auto;
	padding			: 0;
	text-align		: center;
}
dl.navi_block dd{
	display			: block;
	width			: 200px;
	height			: 60px;
	float			: left;
	margin			: 0;
	padding			: 0;
	vertical-align	: middle;
}
dl.navi_block dd.nav1{
	text-align		: left;
	vertical-align	: middle;
	background		: url('../image/navi_01.gif') no-repeat 0 0;
}
dl.navi_block dd.nav3{
	text-align		: left;
	vertical-align	: middle;
	background		: url('../image/navi_03.gif') no-repeat 0 0;
}
dd.nav1 a{
	display			: block;
	width			: 190px;
	height			: 60px;
	line-height		: 60px;
	text-align		: right;
}
dd.nav3 a{
	display			: block;
	width			: 200px;
	height			: 60px;
	line-height		: 60px;
	padding			: 0 0 0 10px;
}
dd.nav2 a{
	display			: block;
	width			: 200px;
	height			: 60px;
	background		: url('../image/navi_02.gif') repeat-y 0 0;
	text-indent		: -9999px;
}
dd.nav2 a:hover{
	background-position	: 0 60px;
}
img{
	vertical-align		:baseline;
}