@charset "utf-8";

/*--------------------------------------
  TOP INDEX
---------------------------------------*/

#mywork div.mainContents h3{
	padding:0;
	margin:0;
	background:none;
	border:none;
}

#mywork div.mainContents .section div{
	border:solid 4px #E8E8E8;
	padding:8px;
}

#mywork div.mainContents .section ul.clearfix{
	position:relative;
	width:510px;
}

#mywork div.mainContents .section li{
	margin:0 30px 0 0;
	float:left;
	padding:3px 0 3px 12px;
	background: url(../../common/image/subMenuArrow.gif) no-repeat 0 .5em;
	white-space:nowrap;
	display:inline;
}

/*--------------------------------------
  COMMON INDEX
---------------------------------------*/
.cWork div.mainContents .pageNavi{
	width:540px;
	margin:0 0 30px;
}
.cWork div.mainContents .pageNavi h3{
	border-bottom:solid 2px #EA2F88;
	padding:0 0 3px 10px;
	margin:0 0 10px;
}

.cWork div.mainContents .pageNavi ul.clearfix{
	position:relative;
	width:510px;
	margin:0 0 0 15px;
}

.cWork div.mainContents .pageNavi li{
	float:left;
	margin:0 30px 0 0;
	background: url(../../common/image/subMenuArrow.gif) no-repeat 0 .3em;
	padding:0 0 0 12px;
	white-space:nowrap;
	display:inline;
}

.cWork div.mainContents .section p.detail{
	margin:0 0 10px;
	padding:0;
	position:relative;
}

.cWork div.mainContents .section p.detail img{
	position:absolute;
	left: 428px;
	top: -32px;
}

.cWork div.mainContents dd p.name{
	position:absolute;
	left: 415px;
	top: -24px;
	text-align:right;
	margin:0;
	padding:0;
	font-size:90%;
	white-space:nowrap;
	width: 83px;
	height: 16px;
}
.cWork div.mainContents h4{
	padding:0 0 0 10px;
	margin:0 0 8px 10px;
	background:none;
	border:none;
	color:#333;
	font-size:100%;
	font-weight:bold;
}
.cWork div.mainContents dt{
	font-size:100%;
	font-weight:bold;
	border:none;
	padding:0 0 2px;
	margin:0 0 2px;
}

.cWork div.mainContents .section{
	padding:7px 0;
	margin:0 0 0;
	width:540px;
}

.cWork div.mainContents .section dl{
	border:solid 1px #BBBBBB;
	padding:2px 4px 4px 4px;
	margin:0 5px 5px;
}
.cWork div.mainContents .section div{
	margin:0 5px;
	padding:5px 0 5px;
	background:#fff;
	width:530px;
}
.cWork div.mainContents dt{
	background:url(../img/tit_line.gif) repeat-x left bottom;
}
.cWork div.mainContents dd{
	position:relative;
}
.cWork div.mainContents .section ul{
	position:relative;
	width:400px;
}
.cWork div.mainContents .section li{
	margin:0 20px 0 0;
	float:left;
	padding:3px 0 3px 13px;
	line-height:1.2;
}

.cWork div.mainContents p.pageTops {
	margin:0 5px 15px 0;
	font-family: Arial, Helvetica, sans-serif;
	text-align:right;
}

.cWork div.mainContents p.pageTops a{
	padding-left: 15px;
	background: url(../../common/image/pageTopArrow.gif) no-repeat left .6em;
}

/* Detail */

.cWork div#secDetail .clearfix{
	width:540px;
	position:relative;
}

.cWork div#secDetail .left{
	float:left;
	margin:0 15px 10px 0;
}

.cWork div#secDetail .right{
	float:right;
	margin:0 0 10px 15px;
}

.cWork div#secDetail p{
	margin:0 0 1.5em 10px;
}
.cWork div#secDetail h3{
	padding:5px 0 5px 10px;
	margin:15px 0 10px;
}

.cWork div.mainContents div.profileArea{
	margin:0 0 35px;
	padding:0 0 7px;
}

.cWork div.mainContents div.profileArea h3{
	border:none;
	background:none;
	margin:0;
	padding:7px 0 0 17px;
}

.cWork div.mainContents div.profileArea table{
	width:500px;
	margin:0 0 0 15px;
}

.cWork div.mainContents div.profileArea th{
	border-bottom:solid 1px #fff;
	border-left:solid 1px #fff;
	padding:5px 10px;
	width:20%;
}
.cWork div.mainContents div.profileArea td{
	border-bottom:solid 1px #fff;
	border-left:solid 1px #fff;
	padding:5px 10px;
	background:#EFEFEF;
}

.cWork div.mainContents div.profileArea p.name{
	text-align:right;
	margin:-5px 7px 7px 7px;
	font-weight:bold;
	background:url(../img/tit_line.gif) repeat-x left bottom;
}


/*--------------------------------------
  JOB
---------------------------------------*/

#job div.mainContents h4{
	background:url(../img/job_bg.gif) no-repeat left center;
}
#job div.mainContents dt{
	color:#EF097C;
}
#job div.mainContents .section{
	background:#FFE8F5;
}
#job div.mainContents .section li{
	background: url(../img/job_list.gif) no-repeat 0 .6em;
}

/* Detail */
#job div.mainContents div.profileArea p.name,
#job div.mainContents div.profileArea h3{
	color:#EF097C;
}

#job div.mainContents div#secDetail h3{
	background:url(../img/job_bg.gif) no-repeat left center;
	color:#EF097C;
}

#job div.mainContents div.profileArea th{
	background:#FFD9EE;
}

#job div.mainContents div.profileArea{
	border:solid 1px #FC9ACB;
	border-left:solid 5px #FC9ACB;
}

/*--------------------------------------
  HANICAP
---------------------------------------*/

#handicap div.mainContents h4{
	background:url(../img/handicap_bg.gif) no-repeat left center;
}
#handicap div.mainContents dt{
	color:#2EBC4E;
}
#handicap div.mainContents .section{
	background:#E2F7E1;
}
#handicap div.mainContents .section li{
	background: url(../img/handicap_list.gif) no-repeat 0 .6em;
}

/* Detail */

#handicap div.mainContents div.profileArea p.name,
#handicap div.mainContents div.profileArea h3{
	color:#009900;
}

#handicap div.mainContents div#secDetail h3{
	background:url(../img/handicap_bg.gif) no-repeat left center;
	color:#009900;
}

#handicap div.mainContents div.profileArea th{
	background:#DDF5DC;
}

#handicap div.mainContents div.profileArea{
	border:solid 1px #96DE8F;
	border-left:solid 5px #33CC66;
}


/*--------------------------------------
  AGE
---------------------------------------*/

#age div.mainContents h4{
	background:url(../img/age_bg.gif) no-repeat left center;
}
#age div.mainContents dt{
	color:#0066CC;
}
#age div.mainContents .section{
	background:#DDF4FF;
}
#age div.mainContents .section li{
	background: url(../img/age_list.gif) no-repeat 0 .6em;
}

/* Detail */

#age div.mainContents div.profileArea p.name,
#age div.mainContents div.profileArea h3{
	color:#0066CC;
}

#age div.mainContents div#secDetail h3{
	background:url(../img/age_bg.gif) no-repeat left center;
	color:#0066CC;
}

#age div.mainContents div.profileArea th{
	background:#E8F8FF;
}

#age div.mainContents div.profileArea{
	border:solid 1px #52B9EB;
	border-left:solid 5px #52B9EB;
}

/*--------------------------------------
  THEME
---------------------------------------*/

#theme div.mainContents h4{
	background:url(../img/theme_bg.gif) no-repeat left center;
}
#theme div.mainContents dt{
	color:#660000;
	background-color: #FF9900;
	font-size: 90%;
}
#theme div.mainContents .section{
	background:#FFF8DF;
}
#theme div.mainContents .section li{
	background:url(../img/theme_list.gif) no-repeat 0 .6em;
}

/* Detail */

#theme div.mainContents div.profileArea p.name,
#theme div.mainContents div.profileArea h3{
	color:#FF3300;
}

#theme div.mainContents div#secDetail h3{
	background:url(../img/theme_bg.gif) no-repeat left center;
	color:#FF3300;
}

#theme div.mainContents div.profileArea th{
	background:#FFF8DF;
}

#theme div.mainContents div.profileArea{
	border:solid 1px #FF9900;
	border-left:solid 5px #FF9900;
}
ol {
	list-style-image: url(../img/theme_list.gif);
	padding-left: 20px;
	padding-right: 20px;
}


/* nakayama */
.box{
	border:#CCC solid 1px;
	width:538px;
	margin-bottom:25px;
}
.box dl dt{
	vertical-align:bottom;
	line-height:1.5;
	background:#F550A6 url(image/icon.gif) no-repeat 5px 6px;
	color:#FFF;
	font-weight:bold;
	margin:1px 1px 5px;
	padding:3px 0 3px 23px;
}
.box dl dd{
	margin:0 0 5px 5px;
}
.box dl dd ul{
	margin-left:15px;
}
.box dl dd ul li{
	float:left;
	width:230px;
	padding-left:10px;
	background:url(image/icon2.gif) no-repeat left 8px;
}
