@charset "UTF-8";

/* ****************************************************
	sitetop.css
***************************************************** */



/*  page settings
=========================================*/
/* headContainer */
#sitetop #headContainer {
	background: url(/images/index_bg01.gif) repeat-x 0 100%;
}
#sitetop #identityArea,
#sitetop #utilityArea {
	margin: 0 0 11px;
}

/* mainContainer */
#sitetop #mainContainer {
	background: url(/images/index_bg02.gif) repeat-x 0 0;
}

/* contents */
#sitetop #contents {
	width: 100%;
	float: left;
}

#sitetop #siteIntroduction {
	display: inline;
}
#sitetop #tagline {
	display: inline;
	padding: 0 0 5px 7px;
	color: #0075c2;
	font-size: 80%;
}




/*  parts
=========================================*/
/* mainBlock */
#sitetop .mainBlock {
	width: 960px;
	min-height: 421px;
	height: auto !important;
	height: 421px;
}
#sitetop .mainBlock .searchArea {
	float: left;
	width: 250px;
	min-height: 418px;
	height: auto !important;
	height: 418px;
	padding: 3px 19px 0 20px;
	background: url(/images/index_bg04.gif) no-repeat 0 100%;
	font-size: 0;
	line-height: 0;
}
#sitetop .mainBlock .flashArea {
	float: right;
	width: 671px;
}
#sitetop .mainBlock .flashArea p {
	float: left;
	font-size: 0;
	line-height: 0;
}
#sitetop .mainBlock .flashArea p.last {
	float: right;
	margin: -69px 0 0;
}
#sitetop .mainBlock .searchArea .btnArea h2 {
	font-size: 12px;
	line-height: 1.4;
}
#sitetop .mainBlock .searchArea .btnArea li {
	position: relative;
	margin: 0 0 5px;
}
#sitetop .mainBlock .searchArea .btnArea li span {
	position: absolute;
	top: 52px;
	left: 42px;
	font-size: 12px;
	line-height: 1.4;
	color: #333333;
	text-decoration: none;
}
#sitetop .mainBlock .searchArea .pulldownArea {
	background: url(/images/index_bg05.gif) no-repeat 0 100%;
}
#sitetop .mainBlock .searchArea .pulldownArea .inner {
	padding: 0 17px 12px;
}
#sitetop .mainBlock .searchArea .pulldownArea .inner dl {
	clear: both;
	padding: 7px 0 0;
	font-size: 0;
	line-height: 0;
}
#sitetop .mainBlock .searchArea .pulldownArea .inner dt {
	float: left;
	width: 56px;
	padding: 3px 0 0;
}
#sitetop .mainBlock .searchArea .pulldownArea .inner dd {
	float: right;
	width: 160px;
}
#sitetop .mainBlock .searchArea .pulldownArea .inner dd select {
	width: 100%;
}
#sitetop .mainBlock .searchArea .pulldownArea .inner .first dt {
}
#sitetop .mainBlock .searchArea .pulldownArea .inner .second {
	padding: 2px 0 0;
}
* html #sitetop .mainBlock .searchArea .pulldownArea .inner .second { /* for IE6 */
	padding: 5px 0 0;
}
#sitetop .mainBlock .searchArea .pulldownArea .inner .third {
	padding: 10px 0 0;
}
#sitetop .mainBlock .searchArea .pulldownArea .inner .sitetopFiled {
	clear: both;
	margin: 9px 0 0;
}
#sitetop .mainBlock .searchArea .pulldownArea .inner .sitetopFiled input {
	width: 208px;
	height: 15px;
	padding: 3px;
	border: #cccccc 1px solid;
}
#sitetop .mainBlock .searchArea .pulldownArea .inner .sitetopSearchBtn {
	margin: 10px 0 0;
	text-align: center;
}
#sitetop .mainBlock .searchArea .errorText {
	margin: 1px 0 0;
	color: #ff0000;
	font-size: 12px;
	line-height: 1.2;
	font-weight: bold;
}


/* topMenuBlock */
#sitetop .topMenuBlock {
	clear: both;
	margin: 25px 0 0;
}
#sitetop .topMenuBlock .leftContents {
	float: left;
	width: 752px;
}
#sitetop .topMenuBlock .leftContents .linkBlock {
	position: relative;
	padding: 0 0 20px 0;
	background: url(/images/index_bg07.gif) no-repeat 0 100%;
}
#sitetop .topMenuBlock .leftContents .linkBlock .searchListLink {
	position: absolute;
	right: 0;
	top: 3px;
}
#sitetop .topMenuBlock .leftContents .linkBlock .innerContents {
	padding: 0 0 0 8px;
	background: url(/images/index_bg06.gif) no-repeat 0 0;
}
#sitetop .topMenuBlock .leftContents .linkBlock .innerContents .col {
	float: left;
	width: 238px;
	margin: 0 11px 0 0;
}
#sitetop .topMenuBlock .leftContents .linkBlock .innerContents .last {
	margin: 0;
}
#sitetop .topMenuBlock .leftContents .linkBlock .innerContents .col .title {
	margin: 9px 0 0;
	padding: 0 0 0 27px;
	background: url(/images/index_ic05.gif) no-repeat 0 0;
	font-size: 110%;
	font-weight: bold;
}
#sitetop .topMenuBlock .leftContents .linkBlock .innerContents .col .colContents {
	margin: 10px 0 0;
	padding: 0 7px;
}
#sitetop .topMenuBlock .leftContents .linkBlock .innerContents .col .colContents .leftCol {
	float: left;
	width: 85px;
}
#sitetop .topMenuBlock .leftContents .linkBlock .innerContents .col .colContents .rightCol {
	overflow: hidden;
	zoom: 1;
}
#sitetop .topMenuBlock .leftContents .linkBlock .innerContents .col .experienceList li {
	margin: 1px 0;
	padding: 0 0 0 28px;
	background: url(/images/index_ic06.gif) no-repeat 0 0.25em;
}
#sitetop .topMenuBlock .leftContents .linkBlock .innerContents .col .faqList li {
	margin: 1px 0;
	padding: 0 0 0 28px;
	background: url(/common/images/com_ic01.gif) no-repeat 15px 0.5em;
}

#sitetop .topMenuBlock .rightContents {
	float: right;
	width: 198px;
}
#sitetop .topMenuBlock .rightContents .consultationBlock {
	padding: 0 0 15px 0;
	background: url(/images/index_bg10.gif) no-repeat 0 100%;
}
#sitetop .topMenuBlock .rightContents .consultationBlock .inner {
	padding: 4px 12px 0;
	background: url(/images/index_bg08.gif) no-repeat 0 0;
	line-height: 1.1;
}

#sitetop .topMenuBlock .rightContents .subMenuBlock {
	margin: 10px 0 0;
	padding: 0 0 8px;
	background: url(/images/index_bg09.gif) no-repeat 0 100%;
}
#sitetop .topMenuBlock .rightContents .subMenuBlock .inner {
	padding: 4px 8px 0;
	background: url(/images/index_bg09.gif) no-repeat 0 0;
}
#sitetop .topMenuBlock .rightContents .subMenuBlock li {
	margin: 3px 0 0;
	padding: 0 0 0 14px;
	background: url(/images/index_ic07.gif) no-repeat 3px 0.5em;
	font-weight: bold;
}
#sitetop .topMenuBlock .rightContents .subMenuBlock .btn {
	margin: 7px 0 0;
}
#sitetop .topMenuBlock .rightContents .subMenuBlock .mobileBlock {
	margin: 8px 0 0;
	padding: 4px 4px 6px;
	border: #9fddff 1px solid;
	background: url(/images/index_bg11.gif) no-repeat 0 0;
	font-size: 80%;
	line-height: 1.2;
	letter-spacing: -0.05em;
}
#sitetop .topMenuBlock .rightContents .subMenuBlock .mobileBlock .leftCol {
	float: left;
	width: 50px;
}
#sitetop .topMenuBlock .rightContents .subMenuBlock .mobileBlock .rightCol {
	float: right;
	width: 122px;
	color: #347ea6;
}
#sitetop .topMenuBlock .rightContents .subMenuBlock .mobileBlock .text {
	clear: both;
}





/* informationList */
#sitetop .informationList {
	clear: both;
	position: relative;
	margin: 20px 0 0;
	padding: 45px 0 0;
	background: url(/images/index_bg03.gif) no-repeat 0 0;
}
#sitetop .informationList .inner {
	padding: 0 11px 0;
	background: url(/images/index_bg03.gif) no-repeat 0 100%;
}
#sitetop .informationList h2 {
	position: absolute;
	top: 11px;
	left: 15px;
}
#sitetop .informationList .titleBlock {
	position: absolute;
	top: 12px;
	left: 180px;
}
#sitetop .informationList .listItem {
	padding: 0 18px;
}
#sitetop .informationList .listItem dl {
	padding: 2px 0;
}
#sitetop .informationList .listItem dt {
	width: 8em;
}
#sitetop .informationList .listItem dd {
	margin: -1.4em 0 0 8em;
	zoom: 1;
}
#sitetop .informationList .listItem .icon01 {
	min-height: 15px;
	height: auto !important;
	height: 15px;
	padding: 0 0 0 63px;
	background: url(/images/index_ic01.gif) no-repeat 0 0.25em;
}
#sitetop .informationList .listItem .icon02 {
	min-height: 15px;
	height: auto !important;
	height: 15px;
	padding: 0 0 0 63px;
	background: url(/images/index_ic02.gif) no-repeat 0 0.25em;
}
#sitetop .informationList .listItem .icon03 {
	min-height: 15px;
	height: auto !important;
	height: 15px;
	padding: 0 0 0 63px;
	background: url(/images/index_ic03.gif) no-repeat 0 0.25em;
}
#sitetop .informationList .listItem .icon04 {
	min-height: 15px;
	height: auto !important;
	height: 15px;
	padding: 0 0 0 63px;
	background: url(/images/index_ic04.gif) no-repeat 0 0.25em;
}
#sitetop .informationList .listItem dd span {
	color: #666666;
	font-size: 80%;
	font-weight: bold;
}



/* latestItemList */
#sitetop .latestItemList {
	position: relative;
	margin: 24px 0 0;
	padding: 45px 0 0;
	background: url(/images/index_bg12.gif) no-repeat 0 0;
}
#sitetop .latestItemList .inner {
	padding: 0 11px 0;
	background: url(/images/index_bg12.gif) no-repeat 0 100%;
}
#sitetop .latestItemList .title {
	position: absolute;
	top: 10px;
	left: 8px;
}
#sitetop .latestItemList .titleBlock {
	position: absolute;
	top: 7px;
	left: 130px;
}
#sitetop .latestItemList .searchListLink {
	position: absolute;
	top: 14px;
	right: 10px;
}
#sitetop .latestItemList .title02 {
	margin: 0 0 0 5px;
	padding: 0 0 0 8px;
	border-left: #43b2ea 4px solid;
	font-size: 110%;
	font-weight: bold;
	line-height: 1.2;
}
#sitetop .latestItemList .wrapColumn {
	margin: 5px 0 0;
}
#sitetop .latestItemList .leftCol {
	float: left;
	width: 457px;
}
#sitetop .latestItemList .rightCol {
	float: right;
	width: 457px;
}
#sitetop .latestItemList ul {
	margin: 9px 0 0;
}
#sitetop .latestItemList li {
	padding: 2px 0;
	background: url(/common/images/com_ex01.gif) repeat-x 0 0;
	zoom: 1;
}
#sitetop .latestItemList li .icon01 {
	display: block;
	min-height: 15px;
	height: auto !important;
	height: 15px;
	padding: 0 0 0 70px;
	background: url(/common/images/com_ic05.gif) no-repeat 0 0.25em;
}
#sitetop .latestItemList li .icon02 {
	display: block;
	min-height: 15px;
	height: auto !important;
	height: 15px;
	padding: 0 0 0 70px;
	background: url(/common/images/com_ic06.gif) no-repeat 0 0.25em;
}
#sitetop .latestItemList li .icon03 {
	display: block;
	min-height: 15px;
	height: auto !important;
	height: 15px;
	padding: 0 0 0 70px;
	background: url(/common/images/com_ic07.gif) no-repeat 0 0.25em;
}




/* featureItemList */
#sitetop .featureItemList {
	position: relative;
	margin: 22px 0 0;
	padding: 45px 0 0;
	background: url(/images/index_bg03.gif) no-repeat 0 0;
}
#sitetop .featureItemList .inner {
	padding: 0 11px 0;
	background: url(/images/index_bg03.gif) no-repeat 0 100%;
}
#sitetop .featureItemList h2 {
	position: absolute;
	top: 11px;
	left: 15px;
}
#sitetop .featureItemList .titleBlock {
	position: absolute;
	top: 12px;
	left: 120px;
}
#sitetop .featureItemList .searchListLink {
	position: absolute;
	top: 14px;
	right: 10px;
}
#sitetop .featureItemList .wrapColumn {
	padding: 0 0 0 9px;
}
#sitetop .featureItemList .wrapColumn .col {
	float: left;
	width: 220px;
	margin: 0 10px 0 0;
}
#sitetop .featureItemList .wrapColumn .col .leftCol {
	float: left;
	width: 80px;
}
#sitetop .featureItemList .wrapColumn .col .rightCol {
	overflow: hidden;
	zoom: 1;
}
#sitetop .featureItemList .wrapColumn .col .rightCol span {
	display: block;
	font-size: 80%;
}







/*  extra
=========================================*/
/* clearfix */
#sitetop .mainBlock:after,
#sitetop .latestItemList .wrapColumn:after,
#sitetop .mainBlock .searchArea .pulldownArea .inner dl:after,
#sitetop .featureItemList .wrapColumn:after,
#sitetop .topMenuBlock:after,
#sitetop .topMenuBlock .leftContents .linkBlock .innerContents:after,
#sitetop .topMenuBlock .leftContents .linkBlock .innerContents .col .colContents:after,
#sitetop .topMenuBlock .rightContents .subMenuBlock .mobileBlock:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	font-size: 0;
	line-height: 0;
}

#sitetop .mainBlock,
#sitetop .latestItemList .wrapColumn,
#sitetop .mainBlock .searchArea .pulldownArea .inner dl,
#sitetop .featureItemList .wrapColumn,
#sitetop .topMenuBlock,
#sitetop .topMenuBlock .leftContents .linkBlock .innerContents,
#sitetop .topMenuBlock .leftContents .linkBlock .innerContents .col .colContents,
#sitetop .topMenuBlock .rightContents .subMenuBlock .mobileBlock {
	zoom: 1;
}

