@charset 'utf-8';

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

#keyVisualArea {
	width: 757px;
	padding: 0px;
	margin: 0px;
	position: relative;
}

#keyVisualArea h1 {
	width: 755px;
	_width: 757px;
	_w\idth: 755px;
	height: 115px;
	_height: 116px;
	_he\ight: 115px;
	padding: 1px 1px 0px;
	margin: 0px;
	background: none;
}

#keyVisualArea p.keyvisualText {
	width: 755px;
	_width: 757px;
	_w\idth: 755px;
	height:132px;
	padding: 0px 1px;
	margin: 0px;
}

#keyVisualArea .pageTopMeritBox {
	width: 667px;
	_width: 712px;
	_w\idth: 667px;
	padding: 0px 0px 0px 45px;
	height:80px;
}

#keyVisualArea .pageTopMeritBox div {
	float: left;
}

#keyVisualArea .topBtnTwoColumn {
	width: 716px;
	height: 106px;
	margin: 0px 0px 25px;
	display: block;
	position: relative;
}

#keyVisualArea .topBtnTwoColumn .btnGetData {
	width: 319px;
	height: 78px;
	position: absolute;
	left: 42px;
	top: 28px;
	background: url(/product/card/solato/images/bt_get_data_on.gif) 0px 0px no-repeat;
}

#keyVisualArea .topBtnTwoColumn .btnSolatoCard {
	width: 319px;
	height: 78px;
	position: absolute;
	left: 394px;
	top: 28px;
	background: url(/product/card/solato/images/bt_solatocard_on.gif) 0px 0px no-repeat;
}

#keyVisualArea .topBtnTwoColumn .btnGetData a,
#keyVisualArea .topBtnTwoColumn .btnSolatoCard a {
	width: 319px;
	height: 78px;
	display: block;
}

#keyVisualArea .topBtnTwoColumn .btnGetData a:hover,
#keyVisualArea .topBtnTwoColumn .btnSolatoCard a:hover {
	width: 319px;
	height: 78px;
	background-color: transparent;
}

#keyVisualArea .topBtnTwoColumn .btnGetData a:hover img,
#keyVisualArea .topBtnTwoColumn .btnSolatoCard a:hover img {
	visibility: hidden;
}

#keyVisualArea .ssearchBox {
	width: 667px;
	margin: 0px 0px 0px 45px;
	background: url(/product/card/solato/images/search_bt_box_body.gif) left top repeat-y;
}

#keyVisualArea .ssearchBoxBottom {
	width: 667px;
	padding: 0px 0px 12px;
	background: url(/product/card/solato/images/search_bt_box_bottom.gif) left bottom no-repeat;
}

#keyVisualArea .ssearchBoxTop {
	width: 612px;
	_width: 667px;
	_w\idth: 612px;
	padding: 0px 25px 0px 30px;
	background: url(/product/card/solato/images/search_bt_box_top.gif) left top no-repeat;
}

#keyVisualArea .ssearchBox .leftTextColmun {
	width: 304px;
	padding: 0px 0px 0px;
	float: left;
}

#keyVisualArea .ssearchBox .leftTextColmun p {
	padding: 35px 0px 0px;
	margin: 0px;
	line-height: 1.35;
	font-size: 100%;
	display: block;
}

#keyVisualArea .ssearchBox .rightBtnColumn {
	width: 293px;
	height: 79px;
	_height: 94px;
	_he\ight: 79px;
	padding: 15px 0px 0px;
	float: right;
	background-image: url(/product/card/solato/images/bt_search_s_on2.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
}

#keyVisualArea .ssearchBox .rightBtnColumn a {
	width: 293px;
	height: 79px;
	display: block;
}

#keyVisualArea .ssearchBox .rightBtnColumn a:hover {
	width: 293px;
	height: 79px;
	background-color: transparent;
}

#keyVisualArea .ssearchBox .rightBtnColumn a:hover img {
	visibility: hidden;
}

/* mainArea
-------------------------------------------------- */

#mainArea {
	width: 667px;
	_width: 757px;
	_w\idth: 667px;
	padding: 4px 45px 0px;
}

#mainArea h2#headlineMerit {
	padding: 0px;
	margin: 0px;
}

#mainArea .pageMenuBox {
	height: 147px;
	background: url(/product/card/solato/images/bg_merit_box.gif) left top no-repeat;
	position: relative;
	z-index: 5;
}

#mainArea .pageMenuBox .pageMenu_001 {
	width: 265px;
	height: 36px;
	position: absolute;
	left: 30px;
	top: 15px;
	background: url(/product/card/solato/images/page_menu_001_on.gif) left top no-repeat;
}

#mainArea .pageMenuBox .pageMenu_002 {
	width: 265px;
	height: 36px;
	position: absolute;
	left: 321px;
	top: 15px;
	background: url(/product/card/solato/images/page_menu_002_on.gif) left top no-repeat;
}

#mainArea .pageMenuBox .pageMenu_003 {
	width: 223px;
	height: 25px;
	position: absolute;
	left: 30px;
	top: 66px;
	background: url(/product/card/solato/images/page_menu_003_on.gif) left top no-repeat;
}

#mainArea .pageMenuBox .pageMenu_004 {
	width: 278px;
	height: 25px;
	position: absolute;
	left: 321px;
	top: 66px;
	background: url(/product/card/solato/images/page_menu_004_on.gif) left top no-repeat;
}

#mainArea .pageMenuBox .pageMenu_005 {
	width: 260px;
	height: 25px;
	position: absolute;
	left: 30px;
	top: 104px;
	background: url(/product/card/solato/images/page_menu_005_on.gif) left top no-repeat;
}

#mainArea .pageMenuBox .pageMenu_001 a {
	width: 256px;
	height: 36px;
	display: block;
}

#mainArea .pageMenuBox .pageMenu_002 a {
	width: 256px;
	height: 36px;
	display: block;
}

#mainArea .pageMenuBox .pageMenu_003 a {
	width: 223px;
	height: 25px;
	display: block;
}

#mainArea .pageMenuBox .pageMenu_004 a {
	width: 278px;
	height: 25px;
	display: block;
}

#mainArea .pageMenuBox .pageMenu_005 a {
	width: 260px;
	height: 25px;
	display: block;
}

#mainArea .pageMenuBox .pageMenu_001 a:hover,
#mainArea .pageMenuBox .pageMenu_002 a:hover,
#mainArea .pageMenuBox .pageMenu_003 a:hover,
#mainArea .pageMenuBox .pageMenu_004 a:hover,
#mainArea .pageMenuBox .pageMenu_005 a:hover {
	background-color: transparent;
}

#mainArea .pageMenuBox .pageMenu_001 a:hover img,
#mainArea .pageMenuBox .pageMenu_002 a:hover img,
#mainArea .pageMenuBox .pageMenu_003 a:hover img,
#mainArea .pageMenuBox .pageMenu_004 a:hover img,
#mainArea .pageMenuBox .pageMenu_005 a:hover img {
	visibility: hidden;
}

#mainArea .meritDetailBox {
	width: 667px;
	margin: 0px;
	background: url(/product/card/solato/images/merit_detail_body.gif) 30px 0px repeat-y;
	position: relative;
}

#mainArea .meritDetailBox .meritBoxHead_001 {
	padding: 105px 50px 0px 0px;
	background: url(/product/card/solato/images/merit_detail_001.gif) 0px 0px no-repeat;
}

#mainArea .meritDetailBox .meritBoxHead_002 {
	padding: 69px 50px 0px 0px;
	background: url(/product/card/solato/images/merit_detail_002.gif) 0px 0px no-repeat;
}

#mainArea .meritDetailBox .meritBoxHead_003 {
	padding: 69px 50px 0px 0px;
	background: url(/product/card/solato/images/merit_detail_003.gif) 0px 0px no-repeat;
}

#mainArea .meritDetailBox .meritBoxHead_004 {
	padding: 60px 50px 0px 0px;
	background: url(/product/card/solato/images/merit_detail_004.gif) 0px 0px no-repeat;
}

#mainArea .meritDetailBox .meritBoxHead_005 {
	padding: 61px 50px 0px 0px;
	background: url(/product/card/solato/images/merit_detail_005.gif) 0px 0px no-repeat;
}

#mainArea .meritDetailBox .meritBoxBottom {
	background: url(/product/card/solato/images/merit_detail_bottom.gif) left bottom no-repeat;
}

#mainArea .meritDetailBox .leftHeadlineColumn {
	width: 351px;
	height: 95px;
	float: left;
}

#mainArea .meritDetailBox .leftHeadlineColumn h3 {
	padding: 0px;
	margin: 0px;
	background: none;
}

#mainArea .meritDetailBox .leftHeadlineColumn .h3Detail_001 {
/*\*/
	position: absolute;
	left: 93px;
	top: 92px;
/**/
/*\*//*/
	padding: 0px 0px 0px 93px;
/**/
}

#mainArea .meritDetailBox .leftHeadlineColumn .h3Detail_002 {
/*\*/
	position: absolute;
	left: 92px;
	top: 51px;
/**/
/*\*//*/
	padding: 0px 0px 0px 92px;
/**/
}

#mainArea .meritDetailBox .leftHeadlineColumn .h3Detail_003 {
/*\*/
	position: absolute;
	left: 40px;
	top: 55px;
/**/
/*\*//*/
	padding: 0px 0px 0px 40px;
/**/
}

#mainArea .meritDetailBox .leftHeadlineColumn .h3Detail_004 {
/*\*/
	position: absolute;
	left: 94px;
	top: 50px;
/**/
/*\*//*/
	padding: 0px 0px 0px 94px;
/**/
}

#mainArea .meritDetailBox .leftHeadlineColumn .h3Detail_005 {
/*\*/
	position: absolute;
	left: 61px;
	top: 72px;
/**/
/*\*//*/
	padding: 0px 0px 0px 61px;
/**/
}

#mainArea .meritDetailBox .rightText {
	width: 253px;
	margin: 0px 0px 21px;
	color: #ffffff;
	font-weight: bold;
	float: right;
	display: block;
}

#mainArea .meritDetailBox .rightText .attention {
	margin: 0px;
}

#mainArea .meritDetailBox .rightText .attention li {
	color: #ffffff;
}

/* scheduleBox
-------------------------------------------------- */

#mainArea .scheduleBox {
	width: 607px;
	_width: 667px;
	_w\idth: 607px;
	padding: 0px 30px;
	margin: 20px 0px 0px;
}

#mainArea .scheduleBox .h2Schedule {
	padding: 0px;
	margin: 0px;
	background: none;
}

#mainArea .scheduleBox .scheduleThreeColumns {
	width: 607px;
}

#mainArea .scheduleBox .scheduleThreeColumns div {
	float: left;
}

#mainArea .scheduleCard {
	margin: 0px 0px 0px 30px;
}

/* moreMeritBox
-------------------------------------------------- */

#mainArea h3.h3MoreMerit {
	padding: 0px;
	margin: 0px 10px 0px 14px;
	font-size: 100%;
	background: none;
}

#mainArea .moreMeritBox {
	margin: 0px 0px 0px 30px;
	background: url(/product/card/solato/images/more_merit_body.gif) left top repeat-y;
	font-weight: bold;
	color: #ffffff;
/*\*//*/
	color: #000000;
/**/
}

#mainArea .moreMeritBoxBottom {
	background: url(/product/card/solato/images/more_merit_bottom.gif) left bottom no-repeat;
}

#mainArea .moreMeritBox h4 {
	padding: 0px 0px 0px 36px;
	margin: 0px;
}

#mainArea .moreMeritBox .textBox {
	width: 535px;
	_width: 607px;
	_w\idth: 535px;
	padding: 0px 36px 16px;
	margin: 15px 0px 30px;
	background: url(/product/card/solato/images/more_merit_hr_dotted.gif) left bottom no-repeat;
}

#mainArea .moreMeritBox .textBoxEnd {
	width: 535px;
	_width: 607px;
	_w\idth: 535px;
	padding: 0px 36px 16px;
	margin: 15px 0px 17px;
}

#mainArea .moreMeritBox .textBoxEnd .fontSmall {
	font-size: 80%;
}

/* topBtnTwoColumn
-------------------------------------------------- */

#contentsArea .topBtnTwoColumn {
	width: 716px;
	height: 106px;
	margin: 0px 0px 20px;
	display: block;
	position: relative;
}

#contentsArea .topBtnTwoColumn .btnGetData {
	width: 319px;
	height: 78px;
	background: url(/product/card/solato/images/bt_get_data_on.gif) 0px 0px no-repeat;
	position: absolute;
	left: 42px;
	top: 28px;
}

#contentsArea .topBtnTwoColumn .btnSolatoCard {
	width: 319px;
	height: 78px;
	background: url(/product/card/solato/images/bt_solatocard_on.gif) 0px 0px no-repeat;
	position: absolute;
	left: 394px;
	top: 28px;
}

#contentsArea .topBtnTwoColumn .btnGetData a,
#contentsArea .topBtnTwoColumn .btnSolatoCard a {
	width: 319px;
	height: 78px;
	display: block;
}

#contentsArea .topBtnTwoColumn .btnGetData a:hover,
#contentsArea .topBtnTwoColumn .btnSolatoCard a:hover {
	width: 319px;
	height: 78px;
	background-color: transparent;
}

#contentsArea .topBtnTwoColumn .btnGetData a:hover img,
#contentsArea .topBtnTwoColumn .btnSolatoCard a:hover img {
	visibility: hidden;
}


/* informationBox
-------------------------------------------------- */

#contentsArea .informationBox {
	padding: 25px 0px 19px 45px;
}

#contentsArea .informationBox .h2InfoImage {
	padding: 0px;
	margin: 0px;
	float: left;
	background: none;
}

#contentsArea .informationBox .infoRightText {
	float: left;
}

/* toTopNavigationLocal
-------------------------------------------------- */

.toTopNavigationLocal {
	width: 637px;
	_width: 667px;
	_w\idth: 637px;
	padding: 0px 30px 0px 0px;
	margin: 19px 0px 10px;
	display: block;
	text-align: right;
}

.toTopNavigationLocal a {
	width: 93px;
	padding: 0px;
	display: block;
	text-decoration: none;
	float: right;
}

/* clearfix
-------------------------------------------------- */

.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	line-height: 0;
}

.clearfix {
	display:inline-block;
}

/*\*/
* html .clearfix {
	height: 1%;
}

.clearfix {
	display: block;
}
/**/

/* clear
-------------------------------------------------- */

.clear {
	clear: both;
}