@charset "utf-8";

/* -----------------------------------------------------------
CSS Information

 File name:      apparel.css
 Author:         Drecom Generated Media (admin)
 Style Info:     アパレル派遣ページ
----------------------------------------------------------- */

/*----------------------------------------------------
	Link
----------------------------------------------------*/

a:link {
	text-decoration: none;
	color: #EA399E;
	text-decoration: underline;
}

a:visited {
	text-decoration: none;
	color: #AC1AA9;
	text-decoration: underline;
}

a:hover {
	color: #F28CC7;
}

a:active {
	text-decoration: none;
}

/*----------------------------------------------------
	.apparelBody #header
----------------------------------------------------*/
body.apparelBody {
	line-height: 1.2;
}

body.apparelBody #header {
}

body.apparelBody div#title_bnr {
	float: left;
	width: 980px;
	background-color: #444;

}

body.apparelBody div#title_bnr h1 {
	float: left;
	margin-left: 15px;
	margin-top: 4px;
	margin-bottom: 7px;
}

body.apparelBody div#title_bnr p.bnr {
	float: right;
	margin-top: 6px;
	margin-bottom: 5px;
	padding-right: 15px;
}

body.apparelBody #pankuzu {
	width: 980px;
	height: 30px;
	background: url(../../images/apparel/pankuzu.gif) no-repeat;
}

body.apparelBody #pankuzu p.pnav {
	float: left;
	font-weight: bold;
	margin-left: 5px;
	margin-top: 8px;
}

body.apparelBody #pankuzu p.pcopy {
	float: right;
	font-size: 10px;
	margin-right: 5px;
	margin-top: 14px;
}

/*----------------------------------------------------
	#main
----------------------------------------------------*/
#main	{
	width: 720px;
	float: left;
	margin-top: 3px;
}

#main h4	{
	margin-top: 1px;
	width: 720px;
}

/*	#guid
----------------------------------------------------*/
#main div#guid div.conte	{
	width: 712px;
	background-color: #FDF9FB;
	border-left: solid 4px #cccccc;
	border-right: solid 4px #cccccc;
}

#main div#guid h3	{
	margin-left: 5px;
}

#main div#guid p	{
	margin-left: 30px;
	width: 660px;
	margin-bottom: 5px;
	padding-top: 3px;
}

#main div#guid span	{
	font-weight: bold;
}


#main div#guid p img	{
	margin-bottom: 10px;
}

/*	#rank
----------------------------------------------------*/

#main div#rank	{
	width: 710px;
	border-left: solid 5px #cccccc;
	border-right: solid 5px #cccccc;
}

#main div#rank div#rank2,
#main div#rank div#rank3,
#main div#rank div#rank4,
#main div#rank div#rank5 {
	border-top: dotted 1px #ccc;
}

#main div#rank div#rank2,
#main div#rank div#rank4 {
	background-color: #FDF9FB;
}

#main div#rank div.storage1	{
	width: 534px;
	border-right: dotted 1px #cccccc;
	float: left;
}

#main div#rank div.storage2	{
	width: 534px;
	background-color: #FDF9FB;
	border-right: dotted 1px #cccccc;
	float: left;
}

#main div#rank div.storage3	{
	width: 534px;
	border-right: dotted 1px #cccccc;
	float: left;
}

#main div#rank div.storage4	{
	width: 534px;
	background-color: #FDF9FB;
	border-right: dotted 1px #cccccc;
	float: left;
}

#main div#rank div.storage5	{
	width: 534px;
	border-right: dotted 1px #cccccc;
	float: left;
}

#main div#rank div.info1	{
	width: 88px;
	padding-top: 80px; 
	border-right: dotted 1px #cccccc;
	float: left;
}

#main div#rank div.attention1	{
	width: 85px;
	float: right;
	padding-top: 80px; 
}

#main div#rank div.info2	{
	width: 88px;
	padding-top: 62px; 
	border-right: dotted 1px #cccccc;
	float: left;
}

#main div#rank div.attention2	{
	width: 85px;
	padding-top: 62px; 
	float: right;
}

#main div#rank div.info3	{
	width: 88px;
	padding-top: 52px; 
	border-right: dotted 1px #cccccc;
	float: left;
}

#main div#rank div.attention3	{
	width: 85px;
	padding-top: 52px; 
	float: right;
}

#main div#rank div.info4	{
	width: 88px;
	padding-top: 52px; 
	border-right: dotted 1px #cccccc;
	float: left;
}

#main div#rank div.attention4	{
	width: 85px;
	padding-top: 52px; 
	float: right;
}

#main div#rank div.info5	{
	width: 88px;
	padding-top: 52px; 
	border-right: dotted 1px #cccccc;
	float: left;
}

#main div#rank div.attention5	{
	width: 85px;
	padding-top: 52px; 
	float: right;
}

#main div#rank div.info1 p,
#main div#rank div.info2 p,
#main div#rank div.info3 p,
#main div#rank div.info4 p,
#main div#rank div.info5 p {
	font-size: 10px;
	margin-bottom: 5px;
	text-align: center;
}

#main div#rank div.attention1 p,
#main div#rank div.attention2 p,
#main div#rank div.attention3 p,
#main div#rank div.attention4 p,
#main div#rank div.attention5 p	{
	font-size: 10px;
	margin-bottom: 5px;
	text-align: center;
}

#main div#rank a img {
	float: left;
	margin-left: 6px;
	margin-top: 10px;
}

#main div#rank a {
	font-weight: bold;
	font-size: 16px;
}


#main div#rank dl {
	width: 400px;
	margin-left: 128px;
}

#main div#rank dl.intro {
	margin-top: 10px;
}

#main div#rank dt {
	margin-left: 5px;
}

#main div#rank dt a {
	margin-left: 5px;
}

#main div#rank dt.no1 img {
	margin-left: 5px;
}

#main div#rank dt.no1 {
	margin-left: 0px;
}

#main div#rank dt.no1 a {
	font-size: 18px;
}

#main div#rank dl dd a img {
	margin-left: 240px;
	margin-top: 0px;
	margin-bottom: 14px;
}

#main div#rank dl dd p.copy {
	width: 357px;
	background-color: #FCE9F5;
	margin-left: 37px;
	font-weight: bold;
	margin-top: 5px;
	margin-bottom: 3px;
	padding-left: 2px;
	padding-top: 2px;
	padding-bottom: 2px;
}

#main div#rank dl dd p.text {
	width: 359px;
	margin-left: 37px;
	margin-bottom: 7px;
	margin-top: 5px;
}


#main div#rank dl dd p.text {
	width: 340px;
	margin-top: 2px;
}

#main div#kdmr {
	margin-bottom: 9px;
}


/*	#raeson
----------------------------------------------------*/
#main div#raeson	{
	width: 705px;
	border-left: solid 4px #cccccc;
	border-right: solid 4px #cccccc;
	padding-left: 7px;
	padding-bottom: 10px;
}

#main div#raeson div#girl1	{
	width: 695px;
	margin-bottom: 10px;
}

#main div#raeson div#girl1 img {
	float: left;
}

#main div#raeson div#girl2	{
	width: 695px;
}

#main div#raeson div#girl2 img {
	float: left;
}

#main div#raeson div.fukidasi {
	width: 618px;
	float: right;
}

#main div#raeson p.h_txt {
	width: 598px;
	background-color: #F8E9F0;
	padding-top: 8px;
	padding-bottom: 5px;
	padding-left: 10px;
	padding-right: 10px;
}

#main div#raeson div#girl1 p.g1_top {
	margin-top: 5px;
}


/*----------------------------------------------------
	#sub
----------------------------------------------------*/
#sub div#link	{
	width: 204px;
	border-left: solid 3px #cccccc;
	border-right: solid 3px #cccccc;
}

#sub div#link li	{
	background: url(../../images/common/icon.gif) no-repeat 5px 7px;
	padding-bottom: 3px;
	padding-top: 3px;
	padding-left: 17px;
}

#sub div#link li.pink	{
	background-color: #FDF9FB;
	border-bottom: dotted 1px #cccccc;
	border-top: dotted 1px #cccccc;
}

#sub div#link li.top {
	padding-top: 0px;
}

#sub div#link li.btm {
	padding-bottom: 7px;
}

#sub p.bnr {
	padding-top: 10px;
}


/*----------------------------------------------------
	#footer
----------------------------------------------------*/
body.apparelBody #footer p.copyright {
	background-color: #444;
	color: #FFF;
}