/* Body
-------------------------------------------------- */

body {
	margin: 0px;
	padding: 0px;
	text-align: center;
	color: #555555;
	font-size: 80%;
	line-height: 1.4;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	background: #ffffff none;
	position: relative;
}

#wrapper2 {
	text-align: center;
	background: #ffffff none;
}

#wrapperBg {
	width: auto;
	padding: 0px;
	margin:0px;
	text-align: center;
}

/* bodyArea
-------------------------------------------------- */

#bodyAreaTopMargin {
	width: auto;
	padding: 0px;
	margin: 0px;
	position: static;
	border: none;
	background: none;
}

body.contentsFullGridMarginZero #bodyTopbgArea {
	width: auto;
	margin: 0px;
	padding: 0px;
	background: #ffffff url(../images/body_bg.gif) 0px -2px repeat-x;
	_background: #ffffff url(../images/body_bg.gif) 0px -4px repeat-x;
	_ba\ckground: #ffffff url(../images/body_bg.gif) 0px -4px repeat-x;
}

/* contentsArea
-------------------------------------------------- */

body.contentsFullGridMarginZero #contentsArea {
	width: 950px;
	text-align: left;
	padding: 0px;
	margin: 0px auto;
	background: url(../images/contents_bg.gif) left top repeat-x;
}

/* boxBody
-------------------------------------------------- */

.boxBodyTopSpacer {
	height: 1px;
	padding: 0px;
	margin: 0px 0px 5px 0px;
}

/* keyVisualArea
-------------------------------------------------- */

#keyVisualArea {
	height: 676px;
	padding: 0px;
	margin: 0px;
	text-align: center;
}

#keyVisualArea div.image {
	width: 100%;
	height: 566px;
	padding: 0px;
	margin: 0px;
	background: url(../images/keyvisual_bg.jpg) center top no-repeat;
}

/* h x
-------------------------------------------------- */

#section_001 div.contentsBox h2 {
	width: 495px;
	height: 50px;
	padding: 0px;
	margin: 0px 0px 4px;
}

#section_001 div.contentsBox h2.solatoVision {
	width: 243px;
	height: 158px;
	background: url(../images/btn_about_solato_over.gif) left top no-repeat;
	display: block;
	position: absolute;
	left: 3px;
	top: 3px;
}

#section_001 div.contentsBox h2.solatoVision a {
	display: block;
}

#section_001 div.contentsBox h2.solatoVision a:hover {
	width: 243px;
	height: 158px;
	background-color: transparent;
}

#section_001 div.contentsBox h2.solatoVision a:hover img {
	width: 243px;
	height: 158px;
	visibility: hidden;
	background: inherit;
}

#section_001 div.contentsBox h2.solatoMedia {
	width: 244px;
	height: 158px;
	background: url(../images/btn_about_chara_over.gif) left top no-repeat;
	display: block;
	position: absolute;
	left: 249px;
	top: 3px;
}

#section_001 div.contentsBox h2.solatoMedia a {
	display: block;
}

#section_001 div.contentsBox h2.solatoMedia a:hover {
	width: 244px;
	height: 158px;
	background-color: transparent;
}

#section_001 div.contentsBox h2.solatoMedia a:hover img {
	width: 244px;
	height: 158px;
	visibility: hidden;
}

#section_001 div.contentsBox h2.stationBox {
	width: 496px;
	height: 79px;
	padding: 0px;
	margin: 0px 0px 3px;
	background: url(../images/menu_001_over.jpg) left top no-repeat;
}

#section_001 div.contentsBox h2.stationBox a {
	display: block;
}

#section_001 div.contentsBox h2.stationBox a:hover {
	width: 496px;
	height: 79px;
	background-color: transparent;
}

#section_001 div.contentsBox h2.stationBox a:hover img {
	width: 496px;
	height: 79px;
	visibility: hidden;
	background: inherit;
}

#section_001 div.contentsBox h2.productBox {
	width: 496px;
	height: 71px;
	padding: 0px;
	margin: 0px;
	background: #fff url(../images/menu_002_over.jpg) left top no-repeat;
}

#section_001 div.contentsBox h2.productBox a {
	display: block;
}

#section_001 div.contentsBox h2.productBox a:hover {
	width: 496px;
	height: 71px;
	background-color: transparent;
}

#section_001 div.contentsBox h2.productBox a:hover img {
	width: 496px;
	height: 71px;
	visibility: hidden;
	background: inherit;
}


#section_002 h2.corporateBox {
	width: 168px;
	height: 93px;
	padding: 0px;
	margin: 0px;
	position: absolute;
	top: 0px;
	left: 1px;
	background: url(../images/menu_003_over.jpg) left top no-repeat;
}

#section_002 h2.recruitBox {
	width: 170px;
	height: 93px;
	padding: 0px;
	margin: 0px;
	position: absolute;
	top: 0px;
	left: 170px;
	background: url(../images/menu_004_over.jpg) left top no-repeat;
}

#section_002 h2.socialBox {
	width: 169px;
	height: 94px;
	padding: 0px;
	margin: 0px;
	position: absolute;
	top: 0px;
	left: 340px;
	background: url(../images/menu_005_over.jpg) left top no-repeat;
}

#section_003 div.lHeadlineBox h2 {
	width: 146px;
	height: 29px;
	padding: 0px;
	margin: 0px;
	position: absolute;
	top: 11px;
	left: 12px;
}

#section_004 h2 {
	width: 146px;
	height: 29px;
	padding: 0px;
	margin: 0px 12px 15px;
}

#section_005 div.importantBox h2 {
	width: 149px;
	height: 29px;
	padding: 0px;
	margin: 0px 0px 7px;
}

#section_006 div.informationBox h2 {
	width: 149px;
	height: 29px;
	padding: 0px;
	margin: 0px;
	position: absolute;
	top: 6px;
	left: 7px;
}

#section_007 div.releaseBox h2 {
	width: 149px;
	height: 29px;
	padding: 0px;
	margin: 0px;
	position: absolute;
	top: 10px;
	left: 7px;
}

/* twoColumns
-------------------------------------------------- */

#contentsArea #twoColumns {
	width: 950px;
	padding: 0px;
	margin: 0px 0px 40px;
}

#contentsArea #twoColumns div.leftColumn {
	width: 510px;
	float: left;
}

#contentsArea #twoColumns div.rightColumn {
	width: 431px;
	float: right;
	background: url(../images/rcolumn_bg_body.gif) left top repeat-y;
}

#contentsArea #twoColumns div.rightColumn .rightColumnBg {
	width: 431px;
	background: url(../images/rcolumn_bg_top.gif) left top no-repeat;
}

#contentsArea #twoColumns div.rightColumn .rightColumnBg .rightColumnBgBottom {
	padding: 0px 0px 5px;
	margin: 0px;
	background: url(../images/rheadline_bg_bottom.gif) left bottom no-repeat;
}

/* twoColumnsS
-------------------------------------------------- */

#contentsArea .twoColumnsS {
	width: 471px;
	padding: 7px 0px;
	margin: 0px 0px 0px 17px;
}

#contentsArea .twoColumnsS div.leftColumnS {
	width: 154px;
	padding: 0px;
	margin: 0px;
	float: left;
}

#contentsArea .twoColumnsS div.rightColumnS {
	width: 300px;
	padding: 0px;
	margin: 0px;
	float: right;
}

/* section_001
-------------------------------------------------- */

#section_001 {
	width: 510px;
	padding: 0px;
	margin: 0px 0px 23px;
	background: url(../images/left_bg_body.gif) left top no-repeat;
}

#section_001 div.body {
	width: 503px;
	_width: 510px;
	_w\idth: 503px;
	padding: 0px 4px 0px 3px;
	margin: 0px;
	background: url(../images/left_bg_top.gif) left top no-repeat;
}

#section_001 div.bottom {
	padding: 0px 0px 4px;
	margin: 0px;
	background: url(../images/left_bg_bottom.gif) left bottom no-repeat;
}

#section_001 div.contentsBox {
	padding: 4px;
	background: #2874c0;
}

#section_001 div.contentsBox .solatoBox {
	width: 496px;
	height: 165px;
	padding: 0px;
	display: block;
	background: #ffffff;
	position: relative;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 3px;
	margin-left: 0px;
}

/* section_002
-------------------------------------------------- */

#section_002 {
	width: 510px;
	height: 111px;
	padding: 0px;
	margin: 0px;
	position: relative;
}

#section_002 .corporateBox {
	background: url(../images/menu_003_over.jpg) left top no-repeat;
}

#section_002 .corporateBox a {
	display: block;
}

#section_002 .corporateBox a:hover {
	width: 168px;
	height: 93px;
	background-color: transparent;
}

#section_002 .corporateBox a:hover img {
	width: 168px;
	height: 93px;
	visibility: hidden;
	background: inherit;
}

#section_002 .recruitBox {
	background: url(../images/menu_004_over.jpg) left top no-repeat;
}

#section_002 .recruitBox a {
	display: block;
}

#section_002 .recruitBox a:hover {
	width: 170px;
	height: 93px;
	background-color: transparent;
}

#section_002 .recruitBox a:hover img {
	width: 170px;
	height: 93px;
	visibility: hidden;
	background: inherit;
}

#section_002 .socialBox {
	background: url(../images/menu_004_over.jpg) left top no-repeat;
}

#section_002 .socialBox a {
	display: block;
}

#section_002 .socialBox a:hover {
	width: 169px;
	height: 93px;
	background-color: transparent;
}

#section_002 .socialBox a:hover img {
	width: 169px;
	height: 93px;
	visibility: hidden;
	background: inherit;
}

/* section_003
-------------------------------------------------- */

#section_003 {
	width: 510px;
	padding: 0px;
	margin: 0px 0px 11px 3px;
	background: url(../images/lheadline_bg_top.gif) left top no-repeat;
}

#section_003 div.lHeadlineBox {
	width: 510px;
	height: 54px;
	padding: 0px;
	margin: 0px;
	position: relative;
}

#section_003 div.bottom {
	padding: 0px 0px 8px;
	margin: 0px;
	background: url(../images/lheadline_bg_bottom.gif) left bottom no-repeat;
}

#section_003 div.body {
	padding: 0px;
	margin: 0px;
	background: url(../images/lheadline_bg_body.gif) left top repeat-y;
}

/* section_004
-------------------------------------------------- */

#section_004 {
	width: 510px;
	padding: 10px 0px 0px;
	margin: 0px 0px 0px 3px;
	background: url(../images/lheadline_bg_top.gif) left top no-repeat;
}

#section_004 div.lHeadlineBox .toCampaignBox {
	width: 147px;
	height: 23px;
	padding: 0px;
	margin: 0px;
	position: absolute;
	top: 14px;
	right: 14px;
}

#section_004 div.bottom {
	padding: 0px 0px 8px;
	margin: 0px;
	background: url(../images/lheadline_bg_bottom.gif) left bottom no-repeat;
}

#section_004 div.bannerBox {
	width: 510px;
	height: 128px;
	padding: 0px;
	margin: 0px;
	background: url(../images/lheadline_bg_body.gif) left top repeat-y;
	position: relative;
}

#section_004 div.bannerBox div.banner_001 {
	width: 120px;
	height: 50px;
	padding: 0px;
	margin: 0px;
	position: absolute;
	top: 12px;
	left: 18px;
}

#section_004 div.bannerBox div.banner_002 {
	width: 154px;
	height: 50px;
	padding: 0px;
	margin: 0px;
	position: absolute;
	top: 17px;
	left: 145px;
}

#section_004 div.bannerBox div.banner_003 {
	width: 154px;
	height: 50px;
	padding: 0px;
	margin: 0px;
	position: absolute;
	top: 17px;
	left: 305px;
}

#section_004 div.bannerBox div.banner_004 {
	width: 154px;
	height: 50px;
	padding: 0px;
	margin: 0px;
	position: absolute;
	top: 68px;
	left: 18px;
}

#section_004 div.bannerBox div.banner_005 {
	width: 154px;
	height: 50px;
	padding: 0px;
	margin: 0px;
	position: absolute;
	top: 68px;
	left: 178px;
}

/* section_005
-------------------------------------------------- */

#section_005 {
	width: 425px;
	padding: 5px 0px 10px;
	margin: 0px 0px 0px 2px;
	background: url(../images/rheadline_bg_top.gif) left top no-repeat;
}

#section_005 div.importantBox {
	padding: 5px 0px 0px 7px;
	margin: 0px 2px 0px;
	background: url(../images/rheadline_bg_body.gif) left top repeat-x;
}

#section_005 div.importantBox dl {
	width: 348px;
	padding: 0px;
	margin: 0px 0px 0px 42px;
}

#section_005 div.importantBox dt {
	width: 348px;
	padding: 0px;
	margin: 0px;
	font-weight: bold;
}

#section_005 div.importantBox dd {
	width: 348px;
	padding: 0px;
	margin: 0px;
}

/* section_006
-------------------------------------------------- */

#section_006 {
	width: 425px;
	padding: 5px 0px 8px;
	margin: 0px 0px 0px 2px;
	background: url(../images/rheadline_bg_top.gif) left top no-repeat;
}

#section_006 div.informationBox {
	padding: 0px;
	margin: 0px 2px 0px;
	background: url(../images/rheadline_bg_body.gif) left top repeat-x;
}

#section_006 div.informationBox div.rHeadlineBox {
	width: 421px;
	height: 35px;
	padding: 0px;
	margin: 0px 0px 9px;
	position: relative;
}

#section_006 div.informationBox div.rHeadlineBox .toListBox {
	width: 81px;
	height: 23px;
	padding: 0px;
	margin: 0px;
	position: absolute;
	top: 7px;

	right: 7px;
}

#section_006 div.informationBox dl {
	width: 348px;
	padding: 0px;
	margin: 0px 0px 0px 42px;
}

#section_006 div.informationBox dt {
	width: 348px;
	padding: 0px;
	margin: 0px;
	font-weight: bold;
}

#section_006 div.informationBox dd {
	width: 348px;
	padding: 0px;
	margin: 0px 0px 17px;
}


/* section_007
-------------------------------------------------- */

#section_007 {
	width: 425px;
	padding: 5px 0px 0px;
	margin: 0px 0px 0px 2px;
	background: url(../images/rheadline_bg_top.gif) left top no-repeat;
}

#section_007 div.releaseBox {
	padding: 0px;
	margin: 0px 2px 0px;
	background: url(../images/rheadline_bg_body.gif) left top repeat-x;
}

#section_007 div.releaseBox div.rHeadlineBox {
	width: 421px;
	height: 35px;
	padding: 0px;
	margin: 0px 0px 9px;
	position: relative;
}

#section_007 div.releaseBox div.rHeadlineBox {
	width: 421px;
	height: 35px;
	padding: 0px;
	margin: 0px 0px 9px;
	position: relative;
}

#section_007 div.releaseBox div.rHeadlineBox .toListBox {
	width: 81px;
	height: 23px;
	padding: 0px;
	margin: 0px;
	position: absolute;
	top: 8px;
	right: 7px;
}

#section_007 div.releaseBox dl {
	width: 348px;
	padding: 0px;
	margin: 0px 0px 0px 42px;
}

#section_007 div.releaseBox dt {
	width: 348px;
	padding: 0px;
	margin: 0px;
	font-weight: bold;
}

#section_007 div.releaseBox dd {
	width: 348px;
	padding: 0px;
	margin: 0px 0px 17px;
}

/* toListBox overImage
-------------------------------------------------- */

.toListBox {
	background: url(../images/to_list_over.gif) left top no-repeat;
}

.toListBox a {
	display: block;
}

.toListBox a:hover {
	width: 81px;
	height: 23px;
	background-color: transparent;
}

.toListBox a:hover img {
	width: 81px;
	height: 23px;
	visibility: hidden;
	background: inherit;
}