@charset "UTF-8";

/* =====================================================================
*    0.タグ指定、共通設定
* =================================================================== */
.flL { float: left; }
.flR { float: right; }
.mgB { margin-bottom:70px; }
.mgB10 { margin-bottom:10px; }
.mgB15 { margin-bottom:15px; }
.mgB20 { margin-bottom:20px; }
.mgB30 { margin-bottom:30px; }
.mgB50 { margin-bottom:50px; }
.mgNon { margin: 0px; }
.alC { text-align: center; }
.alR { text-align: right; }
.vlM { vertical-align: middle; }
input.blur, textarea.blur { color:#B3B3B3; } 
ul.listLine01,
ul.listLine02 li { background: url(../images/common/bg-line2.gif) repeat-x left bottom; }
ul.listLine02 { background: url(../images/common/bg-line2.gif) repeat-x left top; }

div.info,
div.thumbnails {display: none;}

div#Paging{ height: 20px; margin: 30px 0px 10px 0px;}
	div#Paging div.flL { width:200px; margin-left: 10px;}
		div#Paging div.flL a{ margin-right: 15px; }
	div#Paging div.flR { width:80px; text-align: right; margin-right: 10px;}
		div#Paging div.flR a.linkList { padding-left: 15px; background: url(../images/common/icon/icon-arrow3.gif) no-repeat left center;}
		div#Paging div.flR a.linkList:hover { background: url(../images/common/icon/icon-arrow3-over.gif) no-repeat left center; }
div#Pan {
	clear: both;
	background: #FFFFFF;
	border: 1px solid #D5D5D5;
	height: 25px;
	padding: 10px 0px 0px 10px;
	font-size: 85%;
}
	div#Pan p a { color:#29A4DB; }
	div#Pan p a:hover { text-decoration: underline; }
	div#Pan p a img{vertical-align: middle; }

/* =====================================================================
*    0.幅、背景指定
* =================================================================== */
/*---------- Main ----------*/
body#Works div#Main { width: 800px; margin-right: 1px; }
body#WorksDetail div#Main { width: 579px; }
body#WorksDetail div#SubContent { width: 220px; margin-right: 1px; }
body#Concept div#Main,
body#Profile div#Main { width: 514px; display: inline;margin-left: 1px;}
body#ProfileCompany div#SubContent { width: 60px; margin-right: 1px; }
body#ProfileCompany div#Main { width: 649px; padding-right: 45px; padding-left: 45px; margin-top: 30px; }
body#Contact div#Main,
body#Privacy div#Main,
body#Terms div#Main,
body#Sitemap div#Main,
body#Err404 div#Main { width: 710px; padding-right: 45px;padding-left: 45px;margin-top: 30px;margin-bottom: 30px; }
body#Information div#Main { width: 710px; display: inline;padding:0px 45px}

/*---------- Container ----------*/
body#Top div#Container { background: url(../images/top/bg-container.gif) no-repeat top; }
body#Works div#Container { background: url(../images/works/bg-container.gif) repeat-y left top; }
body#WorksDetail div#Container { background: url(../images/works/detail/bg-container.gif) repeat-y top; }
body#Concept div#Container { background: url(../images/concept/common/bg-container.gif) repeat-y top; }
body#Profile div#Container,
body#ProfileCompany div#Container { background: url(../images/profile/common/bg-container.gif) repeat-y top; }
body#Privacy div#Container,
body#Terms div#Container { background: url(../images/other/bg-container.gif) repeat-y top; }
body#Contact div#Container { background: url(../images/other/bg-container.gif) repeat-y top; }
body#Information div#Container { background: url(../images/information/bg-container.gif) repeat-y top; }
body#Sitemap div#Container,
body#Err404 div#Container { background: url(../images/other/bg-container.gif) repeat-y top; }

/* ----------------------------------------------- */
/* PageTop指定
/* ----------------------------------------------- */
div#PageWrapper {
  	position: fixed;
	width: 157px;
	bottom:120px;
	text-align: right;
	display: none;
}

/* --------- IE対策 ---------- */

*html div#PageWrapper {
  	position: fixed;
	bottom:120px;
	width: 100%;
	text-align: center;
	display: block;
}
*html div#PageWrapper div#PageWrap {
	width: 960px;
	height: 100%;
	text-align: left;
	margin: 0px auto 0px auto;
}
*html div#PageWrapper div#PageWrap div#PageTop {
	width:158px;
	text-align: right;
}
/* =====================================================================
*    1. Head
* =================================================================== */
div#HeadBg { border-bottom: solid 1px #D5D5D5; }
div#Head { width: 960px; }
div#Head h1{ width:240px; float:left;}
	div#Head ul { padding-top: 30px;}
		div#Head ul li{ float:right;}
		div#Head ul li#Navi-Home{ width:85px;}
		div#Head ul li#Navi-Home a.selected{ background: url(../images/common/head/navi-home-serected.gif) no-repeat left top ;}
		div#Head ul li#Navi-Works{ width:95px;}
		div#Head ul li#Navi-Works a.selected{ background: url(../images/common/head/navi-works-serected.gif) no-repeat left top;}
		div#Head ul li#Navi-Concept{ width:105px;}
		div#Head ul li#Navi-Concept a.selected{ background:  url(../images/common/head/navi-concept-serected.gif) no-repeat left top; }
		div#Head ul li#Navi-Profile{ width:105px;}
		div#Head ul li#Navi-Profile a.selected{ background:  url(../images/common/head/navi-profile-serected.gif) no-repeat left top; }
		div#Head ul li#Navi-Recruit{ width:105px;}
		div#Head ul li#Navi-Recruit a.selected{ background:  url(../images/common/head/navi-recruit-serected.gif) no-repeat left top; }
		div#Head ul li#Navi-Contact{ width:105px;}
		div#Head ul li#Navi-Contact a.selected{ background:  url(../images/common/head/navi-contact-serected.gif) no-repeat left top;}

/* =====================================================================
*    1. Top
* =================================================================== */
/* --------- profile ---------- */
body#Top div#Main div#ProfileBox {
	width: 717px;
}
body#Top div#Main div#ProfileBox div{
		width: 239px;
		height: 240px;
		float: left;
		display: inline;
		overflow: hidden;
}
	body#Top div#Main div#ProfileBox a {
		display: block;
		width: 195px;
		height: 218px;
		padding: 22px 22px 0px 22px;
		cursor: pointer;
	}
		body#Top div#Main div#ProfileBox a h2 {
			margin-bottom: 35px;
		}
		body#Top div#Main div#ProfileBox span.copy{
			display: block;
			margin-bottom: 15px;
		}
		body#Top div#Main div#ProfileBox a:hover span.copy {
			color:#333333;
		}
		body#Top div#Main div#ProfileBox a strong{
			height: 15px;
			display: block;
			background: url(../images/top/btn-detail.gif) no-repeat right top;
		}
		body#Top div#Main div#ProfileBox a:hover strong{
			height: 15px;
			display: block;
			background: url(../images/top/btn-detail-over.gif) no-repeat right top;
		}

		/* --------- orderProfile ---------- */
			body#Top div#Main div#ProfileBox a img.imgOverProfile {
				display: none;
				position:absolute;
				width: 241px;
				height: 241px;
				margin-left: -23px;
				margin-top: -22px;
				z-index:2;
			}
			body#Top div#Main div#ProfileBox a:hover img.imgOverProfile {
				display: inline;
			}

		/* --------- orderProfile2 ---------- */
			body#Top div#Main div#ProfileBox a img.imgOverProfile2 {
				width: 240px;
				height: 241px;
				position:absolute;
				z-index:2;
				margin-left: -22px;
				margin-top: -22px;
				display: none;
			}
			body#Top div#Main div#ProfileBox a:hover img.imgOverProfile2 {
				display: inline;
			}

body#Top div#Left div {
	width:120px;
	height:120px;
	overflow:hidden;
} 
	body#Top div#Left div a {
		display:block;
		cursor: pointer;
	}
	body#Top div#Left div a img.imgBgColor{
		padding: 10px;
	}
		/* --------- order1 ---------- */
			body#Top div#Left div a img.imgOverFirst {
				display: none;
			}
			body#Top div#Left div a:hover img.imgOverFirst {
				display: inline;
				width: 122px;
				height: 122px;
				margin: -1px 0px 0px -1px;
				position:absolute;
			}
		/* --------- order2,order4 ---------- */
			body#Top div#Left div.order2 a img.imgOverEven,
			body#Top div#Left div.order4 a img.imgOverEven {
				display: none;
				width: 121px;
				height: 121px;
				position:absolute;
			}
			body#Top div#Left div.order2 a:hover img.imgOverEven,
			body#Top div#Left div.order4 a:hover img.imgOverEven {
				display: inline;
			}
		/* --------- order3,order0 ---------- */
			body#Top div#Left div.order3 a img.imgOverOdd,
			body#Top div#Left div.order0 a img.imgOverOdd {
				display: none;
				width: 122px;
				height: 121px;
				margin-left: -1px;
				position:absolute;
			}
			body#Top div#Left div.order3 a:hover img.imgOverOdd,
			body#Top div#Left div.order0 a:hover img.imgOverOdd {
				display: inline;
			}
			*html body#Top div#Left div a img.dsNone{
				display: none;
			}
			
			
			
	body#Top div#Left div.order2,
	body#Top div#Left div.order4 {
		margin-left:120px;
	}

	body#Top div#Left div div.info {
		width:100px;
		height:100px;
		position:absolute;
		margin-top:-120px;
		margin-right:-120px;
		text-align:left;
		padding: 10px;
		display:none;
	}
		body#Top div#Left div div.info h3 { margin-bottom: 5px; }
		body#Top div#Left div div.info p { line-height: 1.2em; margin-bottom: 3px; }
		body#Top div#Left div div.info p.date { font-size: 11px; color:#B3B3B3; margin-bottom: 0px; }
	body#Top div#Left div div.info { margin-left: 120px; }
	body#Top div#Left div.order2 div.info,
	body#Top div#Left div.order4 div.info { margin-left: -120px; }

body#Top div#Wrapp {
	clear: both;
	width: 910px;
	padding: 25px 25px 0px 25px;
}
	body#Top div#Wrapp div#InformationTitle {
		width: 215px;
		float: left;
	}
	body#Top div#Wrapp div#InformationMain {
		width: 695px;
		float: right;
		padding-bottom: 30px;
	}
		body#Top div#Wrapp div#InformationMain ul {
			margin-bottom: 20px;
		}
			body#Top div#Wrapp div#InformationMain ul li {
				padding-bottom: 9px;
				background: url(../images/common/bg-line.gif) repeat-x left 17px;
			}
		body#Top div#Wrapp div#InformationMain img{
			margin-right: 0px;
		}




/* =====================================================================
*    2. Works
* =================================================================== */
body#Works div#Main div.box,
body#Works div#Main div.boxTop,
body#Works div#Main div.boxBottom {
	text-align: left;
	width: 800px;
	height: 320px;
}
body#Works div#Main div div.order0,
body#Works div#Main div div.order1,
body#Works div#Main div div.order2,
body#Works div#Main div div.order3,
body#Works div#Main div div.order4{
	display: inline;
	float: left;
	width:160px;
	height:160px;
	margin-left: 160px;
	overflow:hidden;
}
body#Works div#Main div.box div.order1,
body#Works div#Main div.boxTop div.order1,
body#Works div#Main div.boxBottom div.order1 {
	margin-left: 0px;
}
	body#Works div#Main div div a {
		display: block;
		cursor: pointer;
	}
	body#Works div#Main div div a img.imgBgColor{
		padding: 9px;
		background-color: #FFFFFF;
	}
		body#Works div#Main div div.info {
			position: absolute;
			width:140px;
			height:140px;
			text-align:left;
			padding: 10px;
			display: none;
			margin-left: 160px;
			margin-top: -160px;
		}
		body#Works div#Main div div.order3 div.info {
			margin-left:-160px;
			display:none;
		}
			body#Works div#Main div div.info h3 { margin-bottom: 5px; }
			body#Works div#Main div div.info p.date { font-size: 11px; color: #B3B3B3; }

		
	body#Works div#Main div div.order1 a img.imgOver,
	body#Works div#Main div div.order2 a img.imgOver,
	body#Works div#Main div div.order3 a img.imgOver,
	body#Works div#Main div div.order4 a img.imgOver,
	body#Works div#Main div div.order0 a img.imgOver{
		position: absolute;
		margin:-1px 0px 0px -1px;
		background-color: transparent;
		display: none;
	}
	body#Works div#Main div div.order1 a:hover img.imgOver,
	body#Works div#Main div div.order2 a:hover img.imgOver,
	body#Works div#Main div div.order3 a:hover img.imgOver,
	body#Works div#Main div div.order4 a:hover img.imgOver,
	body#Works div#Main div div.order0 a:hover img.imgOver{
		display:inline;
	}

	body#Works div#Main div div a img.imgOverThird {
		position:absolute;
		margin:-1px 0px 0px -1px;
		background-color: transparent;
		display: none;
	}
	body#Works div#Main div div a:hover img.imgOverThird {
		display: inline;
	}
	body#Works div#Main div div a img.imgOverBottom {
		position:absolute;
		margin:-1px 0px 0px -1px;
		background-color: transparent;
		display: none;
	}
	body#Works div#Main div div a:hover img.imgOverBottom {
		display: inline;
	}
/*-------IE6対策---------*/
	*html body#Works div#Main div div a img.imgOver.dsNone,
	*html body#Works div#Main div div a img.imgOverThird.dsNone,
	*html body#Works div#Main div div a img.imgOverBottom.dsNone {
		display: none;
	}
/*-------/IE6対策---------*/


/* nextPrevPage 次&前のページへの背景 */
body#Works div#PanPaging div.nextPrevPage{
	float:right;
	height:19px;
	width:208px;
	padding-right: 15px;
	background:url(/images/common/bg-nextprevlist.gif) no-repeat left top;
	background-position:0px -38px;

}

/* prevPage 前のページへ */
body#Works div#PanPaging p.prevPage{
	display:block;
	float:left;
	height:19px;
	width:102px;
}
body#Works div#PanPaging p.prevPage a{
	display:block;
	height:19px;
	width:102px;
	background:url(/images/common/bg-nextprevlist.gif) no-repeat left top;
}

body#Works div#PanPaging p.prevPage a:hover,
body#Works div#PanPaging p.prevPage a:focus{
	background:url(/images/common/bg-nextprevlist.gif) no-repeat left top;
	background-position:0px -19px;
}
/* nextPage 次のページへ */
body#Works div#PanPaging p.nextPage{
	float:right;
	height:19px;
	width:102px;
}
body#Works div#PanPaging p.nextPage a{
	display:block;
	height:19px;
	width:105px;
	text-decoration: none;
	background:url(/images/common/bg-nextprevlist.gif) no-repeat left top;
	background-position: -105px 0px;
}
body#Works div#PanPaging p.nextPage a:hover,
body#Works div#PanPaging p.nextPage a:focus{
	background:url(/images/common/bg-nextprevlist.gif) no-repeat left top;
	text-decoration: none;
	background-position: -105px -19px;
}

/* =====================================================================
*    2-2. WorksDetail
* =================================================================== */
body#WorksDetail div#SubContent { width:220px;}
body#WorksDetail div#SubContent div { width:109px;overflow : hidden;} 
	body#WorksDetail div#SubContent div a {
		display:block;
		cursor: pointer;
	}
	body#WorksDetail div#SubContent div a img{
		padding:9px 10px;
		background-color: #FFFFFF;
	}
	*html body#WorksDetail div#SubContent div.odd.last a img{
		padding:8px 10px 9px 10px;
		background-color: #FFFFFF;
	}
	body#WorksDetail div#SubContent div.odd { margin:2px 0px 2px 0px;  }
	body#WorksDetail div#SubContent div.odd.last { margin:2px 0px 1px 0px; }
	body#WorksDetail div#SubContent div.first.odd { margin:1px 0px 1px 0px; }
	body#WorksDetail div#SubContent div.first.odd a img.imgOver {
		padding: 0px;
		position:absolute;
		background-color: transparent;
		margin-top: -2px;
		margin-left: -1px;
		display: none;
	}
	body#WorksDetail div#SubContent div.first.odd a:hover img.imgOver {
		display: inline;
	}
	body#WorksDetail div#SubContent div.odd a img.imgOver {
		position:absolute;
		padding: 0px;
		margin-top: -1px;
		margin-left: -1px;
		display: none;
		background-color: transparent;
	}
	body#WorksDetail div#SubContent div.odd a:hover img.imgOver {
		display: inline;
	}
	body#WorksDetail div#SubContent div.odd.last a img.imgOver {
		position:absolute;
		padding: 0px;
		margin-top: -1px;
		margin-left: -1px;
		display: none;
		background-color: transparent;
	}
	body#WorksDetail div#SubContent div a img.imgOverEven {
		padding: 0px;
		background-color: transparent;
		margin-top: -1px;
		margin-left: -1px;
		position:absolute;
		display: none;
	}
	body#WorksDetail div#SubContent div a:hover img.imgOverEven {
		display: inline;
	}
	body#WorksDetail div#SubContent div.even {
		margin-left: 111px;
	}
	/*-------IE6対策---------*/
	*html body#WorksDetail div#SubContent div.odd {
		margin:3px 0px 3px 0px;
	}
	*html body#WorksDetail div#SubContent div.even {
		margin:2px 0px 2px 111px;
	}
	*html body#WorksDetail div#SubContent div.odd.last {
		margin:2px 0px 1px 0px;
	}
	*html body#WorksDetail div#SubContent div.first.odd {
		margin:1px 0px 1px 0px;
	}
	
		*html body#WorksDetail div#SubContent div a img.imgOverEven,
		*html body#WorksDetail div#SubContent div.odd a img.imgOver,
		*html body#WorksDetail div#SubContent div.first.odd a img.imgOver,
		*html body#WorksDetail div#SubContent div.last a img.imgOver {
			margin-top: -2px;
			margin-left: -1px;
		}
	/*-------/IE6対策---------*/

body#WorksDetail div#Container div#Arrow{
	position: absolute;
	margin: -338px 0px 0px -1px;
}

body#WorksDetail div.spec1 {
	margin-top:13px;
	margin-bottom: 12px;
}
body#WorksDetail div.spec2 {
	margin-bottom: 10px;
}
	body#WorksDetail div.spec1 div.flL,
	body#WorksDetail div.spec2 div.flR { width: 255px; }
	body#WorksDetail div.spec1 div.flR,
	body#WorksDetail div.spec2 div.flL { width: 265px; }
		body#WorksDetail div.spec1 div.flR,
		body#WorksDetail div.spec2 div.flR{ padding-right: 18px; }
		body#WorksDetail div.spec1 div.flL{ padding-left: 18px; }
		body#WorksDetail div.spec2 div.flL { padding-left: 18px; padding-top: 6px; }
		body#WorksDetail div.spec1 div h3,
		body#WorksDetail div.spec1 div div.siteSpec { margin-bottom: 5px; }
			body#WorksDetail div.spec1 div div.siteSpec p.category { margin-bottom: 5px; }
			body#WorksDetail div.spec1 div div.siteSpec p.date { font-size: 11px; color:#B3B3B3; }
				body#WorksDetail div.spec1 div div.siteSpec a { color:#29A4DB; font-size:90%; }

body#WorksDetail div#Paging {
	height: 25px;
	margin: 0px;
	padding-top: 29px;
	padding-left: 15px;
	border-bottom: 1px solid #D5D5D5;
}
body#WorksDetail div#Paging div.flL {
	width: 182px;
	background: url(../images/works/detail/bg-nextprevlist.gif) no-repeat 0px -38px ;
	margin-left: 0px;
}

body#WorksDetail div#Paging div.flL p.prevPage{
	display: block;
	float: left;
	width: 91px;
}
	body#WorksDetail div#Paging div.flL p.prevPage a {
		display: block;
		width: 91px;
		height: 19px;
		background: url(../images/works/detail/bg-nextprevlist.gif) no-repeat 0px 0px ;
		margin: 0px;
	}
	body#WorksDetail div#Paging div.flL p.prevPage a:hover {
		background: url(../images/works/detail/bg-nextprevlist.gif) no-repeat 0px -19px ;
	}

		body#WorksDetail div#Paging div.flL p.prevPage a span { display: none; }

body#WorksDetail div#Paging div.flL p.nextPage {
	display: block;
	float: right;
	width: 91px;
}
	body#WorksDetail div#Paging div.flL p.nextPage a {
		display: block;
		width: 91px;
		height: 19px;
		background: url(../images/works/detail/bg-nextprevlist.gif) no-repeat -91px 0px ;
		margin: 0px;
	}
	body#WorksDetail div#Paging div.flL p.nextPage a:hover {
		background: url(../images/works/detail/bg-nextprevlist.gif) no-repeat -91px -19px ;
	}
		body#WorksDetail div#Paging div.flL p.nextPage a span { display: none; }

		

body#WorksDetail div#Main div.siteSpec a.link01 {
	background: url(../images/common/icon/icon-arrow.gif) no-repeat left center;
	padding-left: 15px;
	display: block;
}
body#WorksDetail div#Main div.siteSpec a.link01:hover {
	background: url(../images/common/icon/icon-arrow-over.gif) no-repeat left center;
}
body#WorksDetail div#Main div.siteSpec a.link01.selected {
	background: url(../images/common/icon/icon-arrow-over.gif) no-repeat left center;
}

/* =====================================================================
*    3. Concept
* =================================================================== */

/*- - - - - - 共通- - - - - - */
body#Concept div#SubContent {
	width: 285px;
}
body#Concept div#SubContent div.flL div { width: 60px; border-bottom: 1px solid #D5D5D5 }
body#Concept div#SubContent div.flR { width: 225px; }
body#Concept div#SubContent div a.selected {
}
	body#Concept div.copyMain { margin: 70px 0px 40px 0px; }
	body#Concept div.textBox {
		margin-bottom: 10px;
		width: 514px;
	}
	body#Concept div.textBox p {
		font-size: 12px;
		letter-spacing: 0.1em;
		line-height: 1.9em;
	}
	body#Concept div.textBox.odd {
		margin-top: 40px;
	}
		body#Concept div.textBox div {
			width: 260px;
			background: url(/images/concept/common/bg-textbox.gif) repeat-y top;
		}
	 
		body#Concept div.textBox.odd div {
			margin-left: 210px;
		}
			body#Concept div.textBox div p.flR { width: 190px;	margin-top: 40px; }
		
	body#Concept div#CopyLast {
		margin: 60px 0px 80px 0px;
		width: 514px;
		height: 55px;
	}
	body#Concept div#Link { text-align: right; margin: 0px 45px 20px 0px; }
		body#Concept div#Link img { margin-left: 15px; }
		body#Concept div#Link img.mgNon { margin-left: 0px; }
	
body#Concept div#SelectArrow1 div { position: absolute; margin-top:65px; width: 10px; }
body#Concept div#SelectArrow2 div { position: absolute; margin-top:215px; width: 10px; }
body#Concept div#SelectArrow3 div { position: absolute; margin-top:365px; width: 10px; }

/*- - - - - - concept01- - - - - - */

body#Concept div#Container div#SubContent div#SubContentBg1 {
	height: 1055px;
	background: url(../images/concept/concept01/bg-subcontent.png) no-repeat top;
}
	body#Concept div#CopyLast.concept01{
		margin-bottom:100px;
	}
	body#Concept div#CopyLast div.image1 {
		display: inline;
		position: absolute;
		width: 153px;
		height: 70px;
		margin-top: 38px;
		margin-left: -80px;
	}
		
/*- - - - - - concept02- - - - - - */

body#Concept div#Container div#SubContent div#SubContentBg2 {
	height: 1055px;
	background: url(../images/concept/concept02/bg-subcontent.png) no-repeat top;
}
	body#Concept div#CopyLast.concept02{
		margin-bottom:90px;
	}
	body#Concept div#CopyLast div.image2 {
		display: inline;
		position: absolute;
		width: 80px;
		height: 70px;
		margin-top: 30px;
		margin-left: -18px;
	}
		
/*- - - - - - concept03- - - - - - */
body#Concept div#Container div#SubContent div#SubContentBg3 {
	height: 1055px;
	background: url(../images/concept/concept03/bg-subcontent.png) no-repeat top;
}
	body#Concept div#CopyLast.concept03{
		margin-bottom:78px;
	}
	body#Concept div#CopyLast div.image3 {
		display: inline;
		position: absolute;
		width: 80px;
		height: 135px;
		margin-top: -20px;
		margin-left: 0px;
	}
/* =====================================================================
*    4. Profile
* =================================================================== */

/*- - - - - - 共通- - - - - - */
body#Profile div#Container div#SubContent {
	width: 285px;
}
body#Profile div#SubContent div.flL div,
body#ProfileCompany div#SubContent div.flL div { width: 60px; border-bottom: 1px solid #D5D5D5 }
body#Profile div#SubContent div.flR { width: 225px; }
	body#Profile div.copyMain { margin: 70px 0px 70px 0px; }
		
	body#Profile div#Link { text-align: right; margin-bottom:20px }
		body#Profile div#Link img,
		body#ProfileCompany div#Link img { margin-left: 15px; }
		body#Profile div#Link img.mgNon,
		body#ProfileCompany div#Link img.mgNon { margin-left: 0px; }
	
body#Profile div#SelectArrow1 div { position: absolute; margin-top:52px; width: 10px; }
body#Profile div#SelectArrow2 div { position: absolute; margin-top:172px; width: 10px; }
body#Profile div#SelectArrow3 div { position: absolute; margin-top:292px; width: 10px; }
body#ProfileCompany div#SelectArrow4 div { position: absolute; margin-top:410px; width: 10px; }

body#Profile div#Main div#Wrapp01,
body#Profile div#Main div#Wrapp02,
body#Profile div#Main div#Wrapp03{ width: 469px; margin-right: 44px;}

/*- - - - - - profile01 - - - - - - */
body#Profile div#Main div#Wrapp01 h2 {
	margin-top: 20px;
}
body#Profile div#Main div#Wrapp01 div.imgBox {
	margin: 30px 0px 0px 0px;
}
body#Profile div#Main div#Wrapp01 div.textBox {
	width: 360px;
	margin-left: 109px;
}
	body#Profile div#Main div#Wrapp01 div.textBox img {
		margin-bottom: 15px;
		margin-top: 20px;
	}

body#Profile div#Main div#Wrapp01 ul.list01 {
	width: 345px;
	margin-left: 15px;
}
	body#Profile div#Main div#Wrapp01 ul.list01 li {
		background: url(/images/common/icon/icon-circle2.gif) no-repeat left 5px;
		padding-left: 12px;
	}
		body#Profile div#Main div#Wrapp01 ul.list01 li span{
			font-size: 70%;
		}
/*- - - - - - profile02 - - - - - - */
body#Profile div#Main div#Wrapp02 h2 {
	margin-bottom: 20px;
	margin-top: 45px;
}
body#Profile div#Main div#Wrapp02 p {
	margin-bottom: 20px;
}


/*- - - - - - profile03 - - - - - - */
body#Profile div#Main div#Wrapp03 div.devide2 div.devide{
	float: left;
	width: 220px;
}
body#Profile div#Main div#Wrapp03 div.devide2 div.devide-r{
	float: right;
	width: 220px;
}
body#Profile div#Main div#Wrapp03 div.imgBox {
 margin: 70px 0px 50px 0px;
}
body#Profile div#Main div#Wrapp03 div.imgBox div.flL{
	width: 339px;
	float: left;
	height: 100px;
}
	body#Profile div#Main div#Wrapp03 div.imgBox div.flL img{
		margin-top: 30px;
	}


/*- - - - - - 会社概要 - - - - - - */
body#ProfileCompany h2 { margin-bottom: 30px; }
body#ProfileCompany h4 { margin-bottom: 15px; }

body#ProfileCompany div.profileBox div { width: 317px; margin-bottom: 30px; }
		body#ProfileCompany div.profileBox div p span { font-size: 9.5px; color: #cccccc; line-height: 1.2em; }
		body#ProfileCompany div.profileBox div p strong {
		font-family:'ＭＳ Ｐ明朝','ヒラギノ明朝 Pro W3','Hiragino min cho Pro',serif;
		font-size: 14px;
		padding-left: 5px;
		vertical-align: top;
		}
		body#ProfileCompany div.ProfileBox div div { margin-top: 30px; }

body#ProfileCompany table.listLine {
	width:649px;
	background: url(../images/common/bg-line.gif) repeat-x left top;
	margin-bottom: 30px;
}

	body#ProfileCompany table.listLine tr th {
		border-right: 10px solid #FFFFFF;
		font-weight: normal;
		width: 18%;
		vertical-align: top;
	}
	body#ProfileCompany table.listLine tr th,
	body#ProfileCompany table.listLine tr td {
		background: url(../images/common/bg-line.gif) repeat-x left bottom;
		padding: 8px 0px 8px 5px;
	}
	body#ProfileCompany table.listLine tr th.noneLine,
	body#ProfileCompany table.listLine tr td.noneLine {
		background: none;
	}
	body#ProfileCompany table.listLine tr td p {
		padding-top: 5px;
		padding-bottom: 5px;
	}
		body#ProfileCompany table.listLine tr td p strong {
			padding-left: 5px;
		}
	body#ProfileCompany table.listLine tr td ul {
		margin-top: 5px;
	}
		body#ProfileCompany table.listLine tr td ul li {
			background: url(../images/common/icon/icon-circle2.gif) no-repeat left 5px;
			padding-left: 15px;
		}

body#ProfileCompany div#Link { text-align: right; margin-bottom: 20px; }

/* =====================================================================
*    5. Information
* =================================================================== */
body#Information div#Main h2 { margin-bottom: 40px; margin-top: 20px; }
body#Information div#Main div#InfoMain { width: 610px; float: right; margin-bottom: 20px;}
body#Information div#Main div#InfoMain h3 { margin-bottom: 15px;font-size: 14px; }
	body#Information div#Main div#InfoMain div h3 {
		font-size: 14px;
		margin-bottom: 8px;
		padding-bottom: 3px;
		background: url(/images/common/bg-line.gif) repeat-x left bottom;
	}
	body#Information div#Main div#InfoMain div div.date { margin-bottom: 20px;}
	body#Information div#Main div#InfoMain div div.text { margin-bottom: 20px;}
	body#Information div#Main div#InfoMain div.description div a { color:#29A4DB;text-decoration: none;  }
	body#Information div#Main div#InfoMain div.description div a:hover { text-decoration: underline; }
	body#Information div#Main div#InfoMain div.description div a.link01:hover { text-decoration: none; }
		body#Information div#Main div#InfoMain div div h4 { margin-bottom: 6px; font-size: 12px; }
		body#Information div#Main div#InfoMain div div p { margin-bottom: 20px;}

	body#Information div#Main div#InfoMain div div.url { margin-bottom: 15px;}

		body#Information div#Main div#InfoMain ul li {
			line-height: 25px;
			background: url(/images/common/bg-line.gif) repeat-x left bottom;
		}

	body#Information div#Main div#InfoMain div#Paging { background: url(/images/common/bg-line.gif) repeat-x left top; padding-top: 10px; }
		body#Information div#Main div#InfoMain div#Paging div.flL { margin-left: 0px; }
		body#Information div#Main div#InfoMain div#Paging div.flR { margin-right: 0px; }
		body#Information div#Main div#InfoMain a.link01 {
			background: url(../images/common/icon/icon-arrow.gif) no-repeat left 1px;
			padding-left: 15px;
		}
		body#Information div#Main div#InfoMain a.link01:hover {
			background: url(../images/common/icon/icon-arrow-over.gif) no-repeat left 1px;
		}
		body#Information div#Main div#InfoMain a.link01.selected {
			background: url(../images/common/icon/icon-arrow-over.gif) no-repeat left 1px;
		}



/* ---------- div#Paging設定 ---------- */ 
body#Information div#Paging div.flL {
	width: 182px;
	background: url(../images/information/bg-nextprevlist.gif) no-repeat 0px -38px ;
	margin-left: 0px;
}

body#Information div#Paging div.flL p.prevPage{
	display: block;
	float: left;
	width: 91px;
}
	body#Information div#Paging div.flL p.prevPage a {
		display: block;
		width: 91px;
		height: 19px;
		background: url(../images/information/bg-nextprevlist.gif) no-repeat 0px 0px ;
		margin: 0px;
	}
	body#Information div#Paging div.flL p.prevPage a:hover {
		background: url(../images/information/bg-nextprevlist.gif) no-repeat 0px -19px ;
	}

		body#Information div#Paging div.flL p.prevPage a span { display: none; }

body#Information div#Paging div.flL p.nextPage {
	display: block;
	float: right;
	width: 91px;
}
	body#Information div#Paging div.flL p.nextPage a {
		display: block;
		width: 91px;
		height: 19px;
		background: url(../images/information/bg-nextprevlist.gif) no-repeat -91px 0px ;
		margin: 0px;
	}
	body#Information div#Paging div.flL p.nextPage a:hover {
		background: url(../images/information/bg-nextprevlist.gif) no-repeat -91px -19px ;
	}
		body#Information div#Paging div.flL p.nextPage a span { display: none; }




body#Information div#Main div#InfoLocal { width: 100px; float: left; }
	body#Information div#Main div#InfoLoca a.link01.selected {
		color:#29A4DB;
	}
		body#Information div#Main div#InfoLocal a.link01 {
		background: url(../images/common/icon/icon-arrow.gif) no-repeat left 1px;
		padding-left: 15px;
		}
		body#Information div#Main div#InfoLocal a.link01:hover {
			background: url(../images/common/icon/icon-arrow-over.gif) no-repeat left 1px;
		}
		body#Information div#Main div#InfoLocal a.link01.selected {
			background: url(../images/common/icon/icon-arrow-over.gif) no-repeat left 1px;
		}

/* =====================================================================
*    6. Other
* =================================================================== */
body#Privacy div#Main h2,
body#Terms div#Main h2 { margin-bottom: 20px; }

	body#Privacy div#Main div,
	body#Terms div#Main div{ margin-bottom: 45px; }
	body#Privacy div#Main div.wrap,
	body#Terms div#Main div.wrap{
		margin-bottom: 0px;
		margin-bottom: 20px;
		padding-left: 15px;
	}
	
	body#Privacy div#Main div.dotBox,
	body#Terms div#Main div.dotBox{ border: 1px dotted #D7D7D7; padding: 20px; }
	body#Privacy div#Main div.dotBox p,
	body#Terms div#Main div.dotBox p { font-weight: bold; }
	
	body#Privacy div#Main h3,
	body#Terms div#Main h3{
		font-size: 16px;
		font-weight: bold;
		background: url(/images/common/bg-line.gif) repeat-x left bottom;
		line-height: 16px;
		margin-bottom: 40px;
		padding-bottom:10px;
	}
		body#Privacy div#Main h4,
		body#Terms div#Main h4{
			font-family:'ＭＳ Ｐ明朝','ヒラギノ明朝 Pro W6','Hiragino min cho Pro',serif;
			font-size: 16px;
			letter-spacing:2px;
			margin-bottom: 15px;
		}
			body#Privacy div#Main h5,
			body#Terms div#Main h5{ font-size: 12px; margin: 15px 0px 5px 0px; }
	
	body#Privacy div#Main ul,
	body#Terms div#Main ul {
		margin-bottom: 20px;
	}
		body#Privacy div#Main ul li,
		body#Terms div#Main ul li {
			background: url(../images/common/icon/icon-circle2.gif) no-repeat left 5px;
			padding-left: 15px;
		}

	body#Privacy div#Main ul.listNone,
	body#Terms div#Main ul.listNone {
		margin: 0px;
		margin: 10px 0px 0px 10px;
		padding-left: 0px;
	}
		body#Privacy div#Main ul.listNone li,
		body#Terms div#Main ul.listNone li { background: none; }
	
	body#Privacy div#Main div ol,
	body#Terms div#Main div ol { margin-left: 20px; }

	body#Privacy div#Main p.kyocho,
	body#Terms div#Main p.kyocho { font-weight: bold ; margin-bottom: 20px; }


/* ---------- Sitemap ----------*/
body#Sitemap div#Main {
	width: 710px;
	font-size: 110%;
	padding-left: 45px;
	padding-right: 45px;
}
body#Sitemap div#Main a.link01 {
	background: url(../images/common/icon/icon-arrow.gif) no-repeat left 1px;
	padding-left: 15px;
}
body#Sitemap div#Main a.link01:hover {
	background: url(../images/common/icon/icon-arrow-over.gif) no-repeat left 1px;
}
body#Sitemap div#Main a.link01.selected {
	background: url(../images/common/icon/icon-arrow-over.gif) no-repeat left 1px;
}
body#Sitemap div#Main div { width: 710px;}
body#Sitemap div#Main div div { width: 224px; float: left; margin-right: 19px; display: inline; }
body#Sitemap div#Main div div h4 { margin-bottom: 15px; }
body#Sitemap div#Main div div.last { margin-right: 0px; }
body#Sitemap div#Main div div#Banner { float: none; width: 710px;}
body#Sitemap div#Main div div#Banner a { margin-right: 7px; }
body#Sitemap div#Main div div#Banner a.last { margin-right: 0px; }
body#Sitemap div#Main div ul { padding-top: 5px; margin-bottom: 40px; }
body#Sitemap div#Main div ul li { padding-bottom: 5px; margin-bottom: 5px; }



/* ---------- Err404 ----------*/


	body#Err404 div#Main h3{
		margin-bottom: 30px;
	}
	body#Err404 div#Main p.spec{
		margin-bottom: 50px;
	}
	body#Err404 div#Main a.link01 {
		background: url(../images/common/icon/icon-arrow.gif) no-repeat left 1px;
		padding-left: 15px;
	}

	body#Err404 div#Main a.link01:hover {
		background: url(../images/common/icon/icon-arrow-over.gif) no-repeat left 1px;
	}
	body#Err404 div#Main a.link01.selected {
		background: url(../images/common/icon/icon-arrow-over.gif) no-repeat left 1px;
	}
	body#Err404 div#Main div { width: 710px;}
	body#Err404 div#Main div div { width: 224px; float: left; margin-right: 19px; display: inline; }
	body#Err404 div#Main div div.last { margin-right: 0px; }
	body#Err404 div#Main div div h4 { margin-bottom: 15px;}
	body#Err404 div#Main div div#Banner { float: none; width: 710px;}
	body#Err404 div#Main div div#Banner a { margin-right: 7px; }
	body#Err404 div#Main div div#Banner a.last { margin-right: 0px; }
	body#Err404 div#Main div ul { padding-top: 5px; margin-bottom: 40px; }
	body#Err404 div#Main div ul li { padding-bottom: 5px; margin-bottom: 5px; }
/* ---------- dottedBox設定 ---------- */ 
body#Err404 div#Left{
	width: 157px;
}
body#Err404 div#Main h4.contact{
	margin: 50px 0px 15px 0px;
}

	body#Err404 div#Main ul.list {
		margin-bottom: 0px;
		background: url(../images/common/bg-line2.gif) repeat-x left top;
	}
	body#Err404 div#Main ul.list li{
		background: url(../images/common/bg-line2.gif) repeat-x left bottom;
		padding: 5px;
	}


/* =====================================================================
*    7. Contact
* =================================================================== */
body#Contact div#Main h2 { margin-bottom: 20px; }
		body#Contact div#Main ul.iconCircle li {
			background: url(../images/common/icon/icon-circle.gif) no-repeat left 4px;
			padding-left: 15px;
		}
body#Contact div#Main h4{
	font-family:'ＭＳ Ｐ明朝','ヒラギノ明朝 Pro W6','Hiragino min cho Pro',serif;
	font-size: 16px;
	letter-spacing:2px;
	margin-bottom: 15px;
	margin-top: 40px;
}
	body#Contact div#Main h5{ margin-bottom: 10px; font-size: 13px; }

body#Contact div#Main p.kyocho {
	margin-bottom: 5px;
}

body#Contact div#Main div#Privacy {
	border: 1px solid #cccccc;
	overflow-y: scroll;
	overflow-x: hidden;
	width: 678px;
	height: 120px;
	padding: 15px;
}
	body#Contact div#Main div#Privacy h4 { font-size: 13px; margin-top: 0px; }
	body#Contact div#Main div#Privacy a {
		color: #29A4DB;
	}
	body#Contact div#Main div#Privacy a:hover {
		text-decoration: underline;
	}
body#Contact div#Main div#PrivacyCheckBox {
	width: 500px;
	text-align: center;
	margin: 15px auto 40px auto;
}


body#Contact div#Main div.top { width: 100%; background: url(../images/common/bg-line2.gif) repeat-x left top; margin-bottom: 40px;}
	body#Contact div#Main div div.bottom {background: url(../images/common/bg-line2.gif) repeat-x left bottom;}
		body#Contact div#Main div div div.medium {padding: 30px; background: url(../images/common/bg-medium.gif) repeat-y ; }
			body#Contact div#Main div div div.medium p.kyocho { color: #DC2715; margin-top: 10px; }

/* ---------- dottedBox設定 ---------- */ 
	body#Contact div#Main div.dottedBox { 
		width: 710px;
		padding-top: 15px;
		background: url(../images/common/bg-line2.gif) repeat-x left top;
	}
	body#Contact div#Main div.dottedBox p,
	body#Contact div#Main div.dottedBox ul {
		padding-bottom: 15px; background: url(../images/common/bg-line2.gif) repeat-x left bottom;
	}

/* ---------- table設定 ---------- */ 
		body#Contact div#Main div div div.medium table { width: 648px; }
			body#Contact div#Main div div div.medium table tr td { width:314px;padding-bottom:25px; }
			body#Contact div#Main div div div.medium table tr td.widthL { width:334px; }
			body#Contact div#Main div div div.medium table tr td p {
				height: 20px;
				margin-bottom: 5px;
			}
				body#Contact div#Main div div div.medium table tr td p span {
					color: #DC2715;
					font-size: 10px;
				}

				body#Contact div#Main div div div.medium table tr td input{
					background-color: #EBEBEB;
					border: none;
					width: 100%;
				}
				body#Contact div#Main div div div.medium table tr td.tdTextarea {
					width: 651px;
				}
				body#Contact div#Main div div div.medium table tr td.tdTextarea textarea {
					width: 100%;
					background-color: #EBEBEB;
					border: none;
					height: 150px;
				}
				body#Contact div#Main div div div.medium table tr td input { width: 315px; height: 20px; }
				
				
/* ---------- table.listLine設定 ---------- */ 
				body#Contact div#Main div div div.medium table.listLine { margin-bottom: 30px; }
					body#Contact div#Main div div div.medium table.listLine tr th {
						background: url(../images/common/bg-line2.gif) repeat-x left bottom;
						width: 160px;
						vertical-align: top;
						padding-top: 10px;
					}
					body#Contact div#Main div div div.medium table.listLine tr td {
						width: 458px;
						border-left: 20px solid #ffffff;
						background: url(../images/common/bg-line2.gif) repeat-x left bottom;
						padding-bottom: 0px;
						padding: 10px 0px;
					}

/* ---------- BtnConfirm設定 ---------- */ 
		body#Contact div#Main div div div.medium div#BtnConfirm { width: 300px; margin: 0px auto; } 
			body#Contact div#Main div div div.medium div#BtnConfirm div#BtnReset { width:140px;} 
			body#Contact div#Main div div div.medium div#BtnConfirm div#BtnSubmit { width:140px;} 

/* ---------- error設定 ---------- */ 
body#Contact div#Main p.error { color: red;  margin-bottom: 10px;}

/* =====================================================================
*    8. Recruit
* =================================================================== */
body#Recruit div#Container { background: url(../images/recruit/bg-container.gif) repeat-y top;}
body#Recruit div#Main { width: 556px; z-index:2;padding-right: 44px; }
body#Recruit div#SubContent { width: 200px; }
body#Recruit div#Left{ width: 157px; }
body#Recruit h3 { margin-top: 930px; }
body#Recruit h3,
body#Recruit h4 { margin-bottom: 15px; }
body#Recruit div.copyMain { height: 145px; padding: 70px 0px 0px 0px; }
body#Recruit div#Letter {
	background: url(../images/recruit/bg-letter.png) no-repeat left top;
	position: absolute;
	width: 555px;
	height: 838px;
	padding: 30px 0px 30px 0px;
	margin-bottom: 30px;
	z-index: 2;
}
	body#Recruit div#Letter p { margin-left: 40px; }
body#Recruit div#ImgBack { position: absolute; z-index: 1; margin-left: -60px;margin-top: 545px;}
body#Recruit div#ImgInk { position: absolute; margin-left:430px; margin-top: -100px; display: inline; z-index: 3;  }
body#Recruit div#ImgFeather div { position: absolute; margin-top: 370px; margin-left: -200px; z-index: 4;}
body#Recruit ul.job {
	border: dotted 1px #ccc;
	width: 525px;
	padding:15px;
	margin-top: 15px;
	margin-bottom: 30px;
}
	body#Recruit ul.job li {
		float: left;
		font-weight: bold;
		font-size: 90%;
		width: 164px;
		background: url(../images/recruit/icon-arrow.gif) no-repeat left 4px;
		padding-left: 10px;
}
body#Recruit table.listLine {
	width:555px;
	background: url(../images/common/bg-line.gif) repeat-x left top;
	margin-bottom: 10px;
}

	body#Recruit table.listLine tr th {
		background: url(/images/recruit/bg-guidelines.gif) repeat left top;
		padding: 0px 0px 8px 5px;
		width: 115px;
		vertical-align: top;
	}
	body#Recruit table.listLine tr td {
		background: url(/images/common/bg-line.gif) repeat-x left bottom;
		border-left: 10px solid #ffffff;
		padding: 8px 0px 8px 5px;
	}
	body#Recruit table.listLine tr th.noneLine,
	body#Recruit table.listLine tr td.noneLine {
		background: none;
	}
		body#Recruit table.listLine tr td p {
			padding-top: 5px;
			padding-bottom: 5px;
		}
			body#Recruit table.listLine tr td p strong {
				padding-left: 5px;
			}
			body#Recruit table.listLine tr td ul li {
				background: url(/images/common/icon/icon-circle2.gif) no-repeat left 5px;
				padding-left: 15px;
			}
body#Recruit div.entry{
	text-align: right;
	margin-bottom: 30px;
}

/* =====================================================================
*    8-2. RecruitEntry 応募フォーム
* =================================================================== */
body#RecruitEntry div#Container { background: url(../images/other/bg-container.gif) repeat-y top; }
body#RecruitEntry div#Main { width: 710px; padding-right: 45px;padding-left: 45px;margin-top: 30px;margin-bottom: 30px; }

body#RecruitEntry div#Main h2 { margin-bottom: 20px; }
		body#RecruitEntry div#Main ul.iconCircle li {
			background: url(../images/common/icon/icon-circle.gif) no-repeat left 4px;
			padding-left: 15px;
		}
	body#RecruitEntry div#Main h4{
		font-family:'ＭＳ Ｐ明朝','ヒラギノ明朝 Pro W6','Hiragino min cho Pro',serif;
		font-size: 16px;
		letter-spacing:2px;
		margin-bottom: 15px;
		margin-top: 40px;
	}
		body#RecruitEntry div#Main h5{ margin-bottom: 10px; font-size: 13px; }

body#RecruitEntry div#Main p.kyocho {
	margin-bottom: 5px;
}

body#RecruitEntry div#Main div#Privacy {
	border: 1px solid #cccccc;
	overflow-y: scroll;
	overflow-x: hidden;
	width: 678px;
	height: 120px;
	padding: 15px;
}
	body#RecruitEntry div#Main div#Privacy h4 { font-size: 13px; margin-top: 0px; }
	body#RecruitEntry div#Main div#Privacy a {
		color: #29A4DB;
	}
	body#RecruitEntry div#Main div#Privacy a:hover {
		text-decoration: underline;
	}
body#RecruitEntry div#Main div#PrivacyCheckBox {
	width: 500px;
	text-align: center;
	margin: 15px auto 40px auto;
}


body#RecruitEntry div#Main div.top { width: 100%; background: url(../images/common/bg-line2.gif) repeat-x left top; margin-bottom: 40px;}
body#RecruitEntry div#Main div.top.fin { padding-top: 15px; }
	body#RecruitEntry div#Main div div.bottom {background: url(../images/common/bg-line2.gif) repeat-x left bottom;}
	body#RecruitEntry div#Main div.top.fin div.bottom { padding-bottom: 15px; }
		body#RecruitEntry div#Main div div div.medium {padding: 30px; background: url(../images/common/bg-medium.gif) repeat-y ; }
			body#RecruitEntry div#Main div div div.medium p.kyocho { color: #DC2715; margin-top: 10px; }

/* ---------- dottedBox設定 ---------- */ 
	body#RecruitEntry div#Main div.dottedBox { 
		width: 710px;
		padding-top: 15px;
		background: url(../images/common/bg-line2.gif) repeat-x left top;
	}
	body#RecruitEntry div#Main div.dottedBox p,
	body#RecruitEntry div#Main div.dottedBox ul {
		padding-bottom: 15px; background: url(../images/common/bg-line2.gif) repeat-x left bottom;
	}

/* ---------- table設定 ---------- */ 
		body#RecruitEntry div#Main div div div.medium table { width: 648px; }
			body#RecruitEntry div#Main div div div.medium table tr td { width:155px;padding-bottom:25px; }
			body#RecruitEntry div#Main div div div.medium table tr td.widthL { width:315px; padding-right: 15px; }
			body#RecruitEntry div#Main div div div.medium table tr td.widthL.last { padding-right: 0px; }
			body#RecruitEntry div#Main div div div.medium table tr td.widthS { width:140px; }
			body#RecruitEntry div#Main div div div.medium table tr td.zip { width:190px; padding-bottom: 5px; }
				body#RecruitEntry div#Main div div div.medium table tr td p {
					height: 20px;
					margin-bottom: 5px;
				}
					body#RecruitEntry div#Main div div div.medium table tr td p span {
						color: #DC2715;
						font-size: 10px;
					}

				body#RecruitEntry div#Main div div div.medium table tr td input{
					background-color: #EBEBEB;
					border: none;
					height: 20px;
				}
				body#RecruitEntry div#Main div div div.medium table tr td.BgNone input{
					background-color: transparent;
				}
				body#RecruitEntry div#Main div div div.medium table tr td.tdTextarea {
					width: 651px;
				}
				body#RecruitEntry div#Main div div div.medium table tr td.tdTextarea textarea {
					width: 100%;
					background-color: #EBEBEB;
					border: none;
					height: 150px;
				}
		/* --------- / firefoxのみ適応 ---------- */
				html>/**/body#RecruitEntry div#Main div div div.medium table tr td.tdTextarea textarea, x:-moz-any-link {
					font-size: 90%;
				}  
		/* --------- firefoxのみ適応 / ---------- */
				body#RecruitEntry div#Main div div div.medium table tr td input.widthL { width: 315px; }
				body#RecruitEntry div#Main div div div.medium table tr td input.age { width: 50px; }
				body#RecruitEntry div#Main div div div.medium table tr td input.zip { width: 75px; }
				body#RecruitEntry div#Main div div div.medium table tr td input.address { width: 648px; }
				
				
/* ---------- table.listLine設定 ---------- */ 
				body#RecruitEntry div#Main div div div.medium table.listLine { margin-bottom: 30px; }
					body#RecruitEntry div#Main div div div.medium table.listLine tr th {
						background: url(../images/common/bg-line2.gif) repeat-x left bottom;
						width: 160px;
						vertical-align: top;
						padding-top: 10px;
					}
					body#RecruitEntry div#Main div div div.medium table.listLine tr td {
						width: 458px;
						border-left: 20px solid #ffffff;
						background: url(../images/common/bg-line2.gif) repeat-x left bottom;
						padding-bottom: 0px;
						padding: 10px 0px;
					}

/* ---------- BtnConfirm設定 ---------- */ 
		body#RecruitEntry div#Main div div div.medium div#BtnConfirm { width: 300px; margin: 0px auto; } 
			body#RecruitEntry div#Main div div div.medium div#BtnConfirm div#BtnReset { width:140px;} 
			body#RecruitEntry div#Main div div div.medium div#BtnConfirm div#BtnSubmit { width:140px;} 

/* ---------- error設定 ---------- */ 
body#RecruitEntry div#Main p.error { color: red;  margin-bottom: 10px;}



/* =====================================================================
*    99. Foot
* =================================================================== */
div#FootBg { background: #000000; line-height: 0em; letter-spacing: 0px;}
	div#Foot { padding-top: 10px; width: 960px; margin: 0px auto; letter-spacing: 0px; }
		div#Foot ul { float: left; line-height: 0em; letter-spacing: 0px; }
		div#Foot ul li { float: left; margin-right: 15px; }
			div#Foot ul li#Sitemap { width:85px; }
			div#Foot ul li#Privacy { width:62px; }
			div#Foot ul li#Use { width:155px; margin-right: 0px;}

		div#Foot div img{ float: right; width: 300px; }






body#WorksDetail div#ActivityBtn{
	border-bottom: 1px solid #D5D5D5;
	height:39px;
	padding-bottom: 15px;
}
	*html body#WorksDetail  div#ActivityBtn{
		padding-bottom: 14px;
	}
	body#WorksDetail  div#ActivityBtn #ShareBtn {
		float: left;
		width: 280px;
		padding-left: 15px;
		padding-top: 20px;
	}
		body#WorksDetail div#ActivityBtn #ShareBtn div.twitter {
			float: left;
		}
	
	body#WorksDetail div#ActivityBtn #Paging {
		float: right;
		display: inline;
		width: 275px;
		padding-left: 0px;
		padding-bottom: 0px;
		border-bottom: none;
		height:auto !important;
		padding-top: 20px !important;
	}





/*
=====================================================================
*
*    画像置換
*
* =================================================================== 
*/
/*------------for MacIE------------------------*/
body#Top div#Main div#ProfileBox a strong span,
body#Works div#PanPaging p.prevPage a span,
body#Works div#PanPaging p.nextPage a span,
body#WorksDetail div#Main div#Paging div.flL p.prevPage a span,
body#WorksDetail div#Main div#Paging div.flL p.nextPage a span{
	text-indent:-9999px;
}

/*------------Hides from IE-mac----------------\*/
body#Top div#Main div#ProfileBox a strong span,
body#Works div#PanPaging p.prevPage a span,
body#Works div#PanPaging p.nextPage a span,
body#WorksDetail div#PanPaging div a span{
	height:0px;
	width:0px;
	overflow:hidden;
	position:absolute;
}