﻿body,td,th {
	font-family: ＭＳ Ｐゴシック, Osaka, ヒラギノ角ゴ Pro W3;
	font-size: small;
	color: #666666;
}
body {
	margin-top: 0px;
	margin-bottom: 0px;
}
a{
	outline: none;
}

a:active{
	outline: none;
}

img {
	border:0px solid black;
}

/* ここがサイドバー部分 */
#sideBar{
text-align:left;
}

#sideBar h2{
	color:#FFFFFF;
	font-size:110%;
	font-family:arial;
	margin:10px 10px 10px 10px;
	font-weight:bold !important;
}

#sideBar h2 span{
	font-size:125%;
	font-weight:normal !important;
}

#sideBar ul{
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
}

#sideBar li{
	margin:0px 10px 3px 10px;
	padding:2px;
	list-style-type:none;
	display:block;
	background-color:#DA1074;
	width:177px;
	color:#FFFFFF;
}

#sideBar li a{
	width:100%;
}

#sideBar li a:link,
#sideBar li a:visited{
	color:#FFFFFF;
	font-family:verdana;
	font-size:100%;
	text-decoration:none;
	display:block;
	margin:0px 0px 0px 0px;
	padding:0px;
	width:100%;
}

#sideBar li a:hover{
	color:#FFFFFF;
	text-decoration:underline;
}

#sideBar{
	position: absolute;
	width: auto;
	height: auto;
	top: 100px;
	right:0px;
	background-image:url(images/background.gif);
	background-position:top left;
	background-repeat:repeat-y;
}

#sideBarTab{
	float:left;
	height:137px;
	width:28px;
}

#sideBarTab img{
	border:0px solid #FFFFFF;
}

/* ここがサイドバーのサイズを指定している部分 */
#sideBarContents{
	float:left;
	overflow:hidden !important;
	width:200px;
	height:240px;
	background-color:#363636;
}

#sideBarContentsInner{
	width:200px;
}

/* タブページ表示 */
#backNumber {
	width:420px;
	height:auto;
	border:1px solid gray;
	background-color:#f8f8ff;
}
.nav { background: #eee; border-top: 1px solid #ccc; padding: 5px; }
.nav a { padding: 0 5px; }
.nav a.highlight { color: #000; font-weight: bold; }

.col {BACKGROUND-color:#FFCCFF;}

.bgimg {
background-image:url(../img/index/map_bg.gif);
background-repeat:no-repeat;}

P {
	FONT-SIZE: 80%
}
.sample {
	MARGIN: 100px
}
}
.popup01 A {
	POSITION: relative
}
.popup01 A SPAN {
	BORDER-RIGHT: #FF0066 1px solid; PADDING-RIGHT: 2px; BORDER-TOP: #FF0066 1px solid; PADDING-LEFT: 2px; BACKGROUND: #FFEEFF; LEFT: 0px; VISIBILITY: hidden; PADDING-BOTTOM: 2px; BORDER-LEFT: #FF0066 1px solid; WIDTH: 150px; COLOR: #333; PADDING-TOP: 2px; BORDER-BOTTOM: #FF0066 1px solid; POSITION: absolute; TOP: -20px
}
.popup01 A:hover {
	VISIBILITY: visible
}
.popup01 A:hover SPAN {
	VISIBILITY: visible
}
}
.popup03 A {
	DISPLAY: block; POSITION: relative
}
.popup03 A SPAN {
	PADDING-RIGHT: 5px;
	PADDING-LEFT: 5px;
	BACKGROUND: url(../img/search_job/status.jpg) no-repeat;
	LEFT: 0px;
	VISIBILITY: hidden;
	PADDING-BOTTOM: 5px;
	COLOR: #333;
	PADDING-TOP: 5px;
	POSITION: absolute;
	TOP: -210px;
	WIDTH: 270px;
	HEIGHT: 210px
}
.popup03 A:hover {
	VISIBILITY: visible
}
.popup03 A:hover SPAN {
	VISIBILITY: visible
}
#job-area{
	width:480px;
	height:550px;
	margin:10px 5px 10px 5px;
	float:left;
}
#can_area{
	width:250px;
	height:350px;
	margin:10px 5px 10px 5px;
	float:left;
}
#can_ttl{
	width:250px;
	height:auto;
}
#can_detail{
	width:250px;
	height:320px;
	overflow:auto;
}
#topic_area{
	width:250px;
	height:200px;
	margin:10px 5px 10px 5px;
	float:left;
}
#topic_ttl{
	width:250px;
	height:30px;
}
#topic_detail{
	width:250px;
	height:140px;
	overflow:hidden;
}
.line{
	width:750px;
	height:1px;
	border-bottom:#CCC dotted 1px;
}
.line2{
	width:100%;
	height:1px;
	border-bottom:#CCC dotted 1px;
}
.salon_txt {
	font-size:2em;
	line-height:150%;
	font-weight:600;
	color:#FF3399;
}
