@charset "utf-8";

/* -----------------------------------------------------------
	Site Name: 株式会社コスモワーク
	Version: 1.0
	Comment: top設定
----------------------------------------------------------- */

/* 
 top Style [
----------------------------------------------------------- */
body#topBody {
	font: normal 12px/1.6 "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", sans-serif;
	background: #FFFFFF url(../images/share/bg2.jpg) repeat-x top;
	text-align: center;
}

#wrapperTop {
	background: url(../images/share/bg3.jpg) no-repeat top;
	float: left;
	width: 820px;
	text-align: center;
}

#topLeft,
#topMobile,
#jobInfo h3 {
	float: left;
	width: 450px;
}

#jobInfo {
	float: left;
	width: 450px;
	margin-bottom: 8px;
}

#jobInfo2 {
	float: left;
	width: 450px;
	height: 351px;
	overflow: auto;
}

#jobInfo table {
	float: left;
	width: 99%;
}

#jobInfo table td {
	background: url(../images/share/dot.gif) repeat-x bottom;
	padding-bottom: 4px;
	text-align: left;
	padding-top: 13px;
	letter-spacing: 0.0001em;
}

#jobInfo table td.icon {
	width: 53px;
	padding-right: 10px;
}

#jobInfo table td.day {
	width: 74px;
	letter-spacing: 0.0001em;
	font-size: 11px;
	line-height: 17px;
}

#jobInfo table td.job {
	font-size: 12px;
	line-height: 17px;
}

#jobInfo table td.job a {
	background: url(../images/share/point.gif) no-repeat left top;
	padding-left: 10px;
}

#topMobile {
	background: url(../images/top/img.jpg) no-repeat left top;
}

#mobileBlock  {
	float: right;
	width: 328px;
	height: 164px;
}

#mobileBlock h4 {
	float: right;
	width: 328px;
	margin-bottom: 12px;
}

p#qr {
	float: left;
	width: 100px;
}

p.mbFont {
	font-size: 12px;
	line-height: 17px;
	color: #000000;
	text-align: left;
	float: right;
	width: 220px;
	padding-bottom: 10px;
}

#mobileBlock2 {
	background: url(../images/top/mobile_bg.jpg) no-repeat;
	float: left;
	height: 74px;
	width: 450px;
	text-align: center;
}

p#mbFont3 {
	font-size: 11px;
	text-align: left;
	float: left;
	width: 430px;
	margin-top: 16px;
	padding-left: 20px;
	margin-bottom: 3px;
}

p#mbform {
	font-size: 12px;
	text-align: left;
	float: left;
	width: 430px;
	padding-left: 20px;
}

.mobileWidth {
	width: 227px;
}

#topRight,
#topRight dl {
	float: right;
	width: 305px;
}

#topContact {
	float: right;
	width: 305px;
	background: url(../images/top/contact_bg.jpg) no-repeat top;
	text-align: center;
	padding-top: 15px;
}

#topContact2 {
	float: right;
	width: 305px;
	background: url(../images/top/contact_bg2.jpg) repeat-y;
	text-align: center;
}

#topContact3 {
	float: right;
	width: 305px;
	background: url(../images/top/contact_bg3.jpg) no-repeat bottom;
	text-align: center;
	padding-bottom: 33px;
}

#topContact h4 {
	float: right;
	width: 305px;
	text-align: center;
}

#contactInner {
	float: left;
	width: 305px;
	background: url(../images/top/img02.jpg) no-repeat left top;
	margin-top: 10px;
}

#contactInner p#tc01 {
	font-size: 12px;
	line-height: 17px;
	color: #333333;
	text-align: left;
	float: right;
	width: 168px;
	padding-right: 17px;
	padding-left: 120px;
	padding-bottom: 17px;
}

#contactInner p#tc02 {
	font-size: 11px;
	text-align: right;
	float: right;
	width: 288px;
	padding-right: 17px;
}

#contactInner p#tc02 a {
	background: url(../images/top/point02.jpg) no-repeat left center;
	padding-left: 11px;
	color: #666666;
	text-decoration: underline;
}

#contactInner p#tc02 a:hover {
	color: #FF6600;
	text-decoration: none;
}

#topRight dl dd#every {
	background: url(../images/top/bn_bg01.jpg) no-repeat;
	height: 90px;
	text-align: left;
}

#topRight dl dd#person {
	background: url(../images/top/bn_bg02.jpg) no-repeat;
	height: 98px;
	text-align: left;
}

#topRight dl dd#every ul,
#topRight dl dd#person ul {
	float: right;
	width: 305px;
}

#topRight dl dd#every ul li {
	font-size: 12px;
	line-height: 18px;
	background: url(../images/top/point03.jpg) no-repeat left;
	margin-left: 18px;
	padding-left: 11px;
}

#topRight dl dd#person ul li {
	font-size: 12px;
	line-height: 18px;
	background: url(../images/top/point04.jpg) no-repeat left;
	margin-left: 18px;
	padding-left: 11px;
}

#topRight dl dd#every ul a,
#topRight dl dd#person ul a {
	color: #666666;
	text-decoration: underline;
}

#topRight dl dd#every ul a:hover,
#topRight dl dd#person ul a:hover {
	color: #FF6600;
	text-decoration: none;
}

h5#topSupport {
	float: left;
	width: 770px;
	margin-top: 23px;
}

#topSearch {
	float: left;
	width: 770px;
	margin-top: 16px;
	text-align: left;
}

#topSearch h5 {
	float: left;
	width: 770px;
	margin-bottom: 20px;
}

.searchArea1 {
	float: left;
	width: 378px;
}

.searchArea2 {
	float: right;
	width: 378px;
}

.searchBlock {
	float: left;
	width: 378px;
	background: url(../images/share/dot02.gif) repeat-x bottom;
	padding-bottom: 4px;
	margin-bottom: 6px;
}

.searchBlock2 {
	float: right;
	width: 378px;
	background: url(../images/share/dot02.gif) repeat-x bottom;
	padding-bottom: 4px;
	margin-bottom: 6px;
}

.searchBlock h6,
.searchBlock2 h6 {
	float: left;
	width: 76px;
}

.searchBlock p,
.searchBlock2 p {
	float: right;
	width: 290px;
	font-size: 11px;
	text-align: right;
}

.searchBlock p a,
.searchBlock2 p a {
	color: #666666;
	text-decoration: underline;
	background: url(../images/top/point05.gif) no-repeat left center;
	padding-left: 10px;
}

.searchBlock p a:hover,
.searchBlock2 p a:hover {
	color: #FF6600;
	text-decoration: none;
}

p.searchFont {
	font-size: 11px;
	line-height: 14px;
	color: #666666;
	text-align: left;
	width: 378px;
}