@charset "shift_jis";

/* ================================
  トップページ用CSS
================================ */

/* ==== container ==== */
body#site-top {
	background: url(../images/com_bg01.gif) repeat-x 0 0;
}
body#site-top #container {
	width: 950px;
	margin:0 auto;
	padding:0;
	background:none;
	color:#444444;
	text-align: left;
}
body#site-top #container img {
	vertical-align: bottom;
}

/* ==== header ==== */
body#site-top #header {
	margin:0 auto;
	padding:0;
	text-align:left;
}

/* -- site-logo -- */
body#site-top #header h1#headerlogo {
	float:left;
	margin-top:25px;
}

/* -- header-right -- */
body#site-top #header #header-right {
	float: right;
	width: 500px;
}

/* -- headmenu -- */
body#site-top #header .headmenu {
	float:right;
	min-height:inherit;
	margin:13px 0 0 0;
	text-align:right;
}
* html body#site-top #header .headmenu { /* IE6 hacks */
	height:auto;
}
body#site-top #header .headmenu li {
	display:inline;
	margin:0 0 0 20px;
	font-size: 0;
}
html:\66irst-child body#site-top #header .headmenu li { /* Safari2 hacks */
	background:url(../images/common_ic013.gif) no-repeat 0 0.2em;
}
body#site-top #header .headmenu li.first-child {
	margin:0;
}

/* ==== site-utility ==== */
body#site-top #site-utility {
	clear:both;
	float: right;
	margin:10px auto 0;
	padding:0;
	text-align:right;
}
body#site-top #site-utilityIn {
	margin:0 0 0 auto;
}
* html body#site-top #site-utilityIn {
	width: 500px;
}


/* -- search -- */
body#site-top #site-utilityIn #search-section {
	float:right;
}
div#header form {
	margin: 0;
	width: auto;
}
body#site-top #site-utilityIn #search-section form input {
	vertical-align:middle;
}
body#site-top #site-utilityIn #search-section form input#searchtxt {
	width:132px;
}
body#site-top #site-utilityIn #search-section form input#submit {
	width:38px;
	height:22px;
	margin-left:0;
}

/* -- sizechange -- */
body#site-top #site-utilityIn #sizechange {
	float:right;
	width:124px;
	padding-left:16px;
}

/* ==== globalnavi ==== */
body#site-top #globalnavi {
	clear:both;
	width: 950px;
	margin:13px auto 0;
	padding:0;
	text-align:left;
}
body#site-top #globalnavi ul li {
	float:left;
	height:39px;
	line-height:0;
	font-size:0;
}
body#site-top #globalnavi ul li a {
	display:block;
	height:39px;
	text-indent:-1000em;
	text-decoration:none;
	outline-width:0;
}
div#globalnavi li#g-product,
div#globalnavi li#g-product a {
	width:125px;
}
div#globalnavi li#g-enjoy,
div#globalnavi li#g-enjoy a {
	width:125px;
}
div#globalnavi li#g-news,
div#globalnavi li#g-news a {
	width:150px;
}
div#globalnavi li#g-about,
div#globalnavi li#g-about a {
	width:125px;
}
div#globalnavi li#g-ir,
div#globalnavi li#g-ir a {
	width:160px;
}
div#globalnavi li#g-customer,
div#globalnavi li#g-customer a {
	width:125px;
}
div#globalnavi li#g-shop,
div#globalnavi li#g-shop a {
	width:140px;
}
div#globalnavi li#g-product a {
	background:url(../../images/top_gNavi01.gif) no-repeat 0 0;
}
div#globalnavi li#g-enjoy a {
	background:url(../../images/top_gNavi01.gif) no-repeat -125px 0;
}
div#globalnavi li#g-news a {
	background:url(../../images/top_gNavi01.gif) no-repeat -250px 0;
}
div#globalnavi li#g-about a {
	background:url(../../images/top_gNavi01.gif) no-repeat -400px 0;
}
div#globalnavi li#g-ir a {
	background:url(../../images/top_gNavi01.gif) no-repeat -525px 0;
}
div#globalnavi li#g-customer a {
	background:url(../../images/top_gNavi01.gif) no-repeat -685px 0;
}
div#globalnavi li#g-shop a {
	background:url(../../images/top_gNavi01.gif) no-repeat -810px 0;
}

/* グローバルナビ（on） */
div#globalnavi li#g-product.checked a,
div#globalnavi li#g-product a:active,
div#globalnavi li#g-product a:hover {
	background:url(../../images/top_gNavi01.gif) no-repeat 0 -39px;
}
div#globalnavi li#g-enjoy.checked a,
div#globalnavi li#g-enjoy a:active,
div#globalnavi li#g-enjoy a:hover {
	background:url(../../images/top_gNavi01.gif) no-repeat -125px -39px;
}
div#globalnavi li#g-news.checked a,
div#globalnavi li#g-news a:active,
div#globalnavi li#g-news a:hover {
	background:url(../../images/top_gNavi01.gif) no-repeat -250px -39px;
}
div#globalnavi li#g-about.checked a,
div#globalnavi li#g-about a:active,
div#globalnavi li#g-about a:hover {
	background:url(../../images/top_gNavi01.gif) no-repeat -400px -39px;
}
div#globalnavi li#g-ir.checked a,
div#globalnavi li#g-ir a:active,
div#globalnavi li#g-ir a:hover {
	background:url(../../images/top_gNavi01.gif) no-repeat -525px -39px;
}
div#globalnavi li#g-customer.checked a,
div#globalnavi li#g-customer a:active,
div#globalnavi li#g-customer a:hover {
	background:url(../../images/top_gNavi01.gif) no-repeat -685px -39px;
}
div#globalnavi li#g-shop.checked a,
div#globalnavi li#g-shop a:active,
div#globalnavi li#g-shop a:hover {
	background:url(../../images/top_gNavi01.gif) no-repeat -810px -39px;
}

/* ==== flashbox ==== */
body#site-top #flashbox {
	clear:both;
	margin-top: 13px;
}

/* ==== contents ==== */
body#site-top #contents {
	clear:both;
	margin:20px auto 0;
	padding:0;
	text-align:left;
}

body#site-top #contents .left-Col {
	float: left;
	width: 200px;
	margin-right: 20px;
}
body#site-top #contents .center-Col {
	float: left;
	width: 510px;
}
body#site-top #contents .right-Col {
	float: right;
	width: 200px;
}

body#site-top #contents .box01 {
	margin-bottom: 10px;
	padding-bottom: 10px;
	background: url(../../images/top_bg01.gif) no-repeat 0 100%;
}
body#site-top #contents .noCampaign {
	padding-bottom: 1px;
}
body#site-top #contents .box01 .banner {
	text-align: center;
}
body#site-top #contents .box01 .banner.mt05 {
	margin-top: 5px;
}
body#site-top #contents .box01 .iconlink02 {
	margin: 8px 15px 0;
	padding-left: 15px;
	background: url(../images/com_ic02.gif) no-repeat 0 0.1em;
}
body#site-top #contents .box02 {
	margin-bottom: 10px;
	padding-bottom: 10px;
	background: url(../../images/top_bg04.gif) no-repeat 0 100%;
}
body#site-top #contents .box02 .banner {
	text-align: center;
}
body#site-top #contents .box02 .iconlist01 {
	margin: 0 15px;
	padding: 3px 0 5px;
}
body#site-top #contents .box02 .iconlist01 li {
	margin-top: 8px;
	padding-left: 15px;
	background: url(../images/com_ic01.gif) no-repeat 0 0.3em;
}
body#site-top #contents .box02 .iconlist01 li.blank {
	background: url(../images/com_ic03.gif) no-repeat 0 0.2em;
}
body#site-top #contents .product-link {
	margin-bottom: 10px;
}
body#site-top #contents .banner01 {
	margin-bottom: 5px;
	text-align: center;
}
/*body#site-top #contents .iconlink01 {
	padding-left: 15px;
	background: url(../images/com_ic01.gif) no-repeat 0 0.3em;
}
body#site-top #contents .iconlink02 {
	padding-left: 15px;
	background: url(../images/com_ic02.gif) no-repeat 0 0.1em;
}*/

body#site-top #contents .important-info {
	margin-bottom: 10px;
	background: url(../../images/top_bg03.gif) no-repeat 0 100%;
	line-height: 1.2;
}
body#site-top #contents .important-info .inner {
	padding: 8px 13px;
	background: url(../../images/top_bg02.gif) no-repeat 0 0;
}

body#site-top #contents #information,
body#site-top #contents #news-release {
	margin-bottom: 10px;
	background: url(../../images/top_bg05.gif) no-repeat 0 100%;
}
body#site-top #contents #information h2,
body#site-top #contents #news-release h2 {
	position: relative;
	width: 510px;
	height: 40px;
}
body#site-top #contents #information .heading,
body#site-top #contents #news-release .heading {
	position: relative;
	width: 510px;
	height: 40px;
}
body#site-top #contents #information .rss-btn,
body#site-top #contents #news-release .rss-btn {
	position: absolute;
	top: 13px;
	right: 105px;
	font-size:0;
}
body#site-top #contents #information .rss-text,
body#site-top #contents #news-release .rss-text {
	position: absolute;
	top: 13px;
	right: 10px;
	font-size:0;
}
body#site-top #contents .info-box {
	padding: 0 10px;
}
body#site-top #contents .info-box .inner {
	padding: 0 10px 7px;
	background: #ffffff;
}
body#site-top #contents .info-box dl {
	overflow: hidden;
	zoom: 1;
}
body#site-top #contents .info-box dl dt {
	float: left;
	margin-top: 6px;
	margin-right: 15px;
	padding-right: 53px;
	line-height: 1.2;
}
body#site-top #contents .info-box dl dd {
	overflow: hidden;
	zoom: 1;
	margin: 7px 0 1px;
	line-height: 1.2;
}
body#site-top #contents .info-box .substitute {
	margin: 7px 0 0;
	line-height: 1.2;
}
body#site-top #contents .info-box .product {
	background: url(../images/index_ic001.gif) no-repeat 100% 50%;
}
body#site-top #contents .info-box .personnel {
	background: url(../images/index_ic002.gif) no-repeat 100% 50%;
}
body#site-top #contents .info-box .ir {
	background: url(../images/index_ic003.gif) no-repeat 100% 50%;
}
body#site-top #contents .info-box .other {
	background: url(../images/index_ic004.gif) no-repeat 100% 50%;
}
body#site-top #contents .info-box .recruit {
	background: url(../images/index_ic005.gif) no-repeat 100% 50%;
}
body#site-top #contents .info-box .manage {
	background: url(../images/index_ic009.gif) no-repeat 100% 50%;
}
body#site-top #contents .info-box dd a.pdflink {
	padding:0 0 2px 20px;
	background:url(../images/common_ic010.gif) no-repeat 0 0;
}
body#site-top #contents .info-box .new {
	vertical-align: top;
	margin: 2px 0 0 5px;
}
*html body#site-top #contents .info-box .new {
	margin: 5px 0 0 8px;
}
body#site-top #contents .summary {
	padding: 7px 10px 10px;
	text-align: right;
}
body#site-top #contents .summary a {
	display: inline-block;
	padding-left: 15px;
	background: url(../images/com_ic01.gif) no-repeat 0 50%;
}

body#site-top #contents .about {
	background: url(../../images/top_bg07.gif) no-repeat 0 100%;
}
body#site-top #contents .about .inner {
	min-height: 65px;
	height: auto !important;
	height: 65px;
	padding: 15px 14px 10px 14px;
	/*background: url(../../images/top_bg06.jpg) no-repeat 0 0;*/
	background: url(../../images/top_bg12.gif) no-repeat 0 0;
}
* html body#site-top #contents .about .inner {
	min-height: 89px;
	height: auto !important;
	height: 89px;
}
body#site-top #contents .about .twoCol {
	float: left;
	width: 280px;
	margin-top: 5px;
}
body#site-top #contents .about .banner {
	float: right;
}
body#site-top #contents .about ul {
	/*width: 330px;*/
	margin-top: 20px;
}
body#site-top #contents .about ul li {
	float: left;
	display: inline-block;
	margin-right: 30px;
	padding-left: 15px;
	background: url(../images/com_ic01.gif) no-repeat 0 50%;
}

/* recommend-link */
body#site-top #recommend-link {
	clear: both;
	margin-top: 20px;
	border-top: solid 1px #cccccc;
	text-align: left;
}
body#site-top #recommend-link .heading {
	margin-top: 8px;
}
body#site-top #recommend-wrap {
	position: relative;
	width: 950px;
	height: 84px;
	margin-top: 9px;
	overflow: hidden;
}
body#site-top #recommend-wrap .prev {
	position: absolute;
	top: 0px;
	left: 0px;
	padding-right: 7px;
	background: #ffffff;
}
body#site-top #recommend-wrap .next {
	position: absolute;
	top: 0px;
	right: 0px;
	padding-left: 7px;
	background: #ffffff;
}
body#site-top #recommend-wrap .recommend-box {
	position: absolute;
	top: 5px;
	left: 24px !important;
}
body#site-top #recommend-wrap .recommend-box ul {
}
body#site-top #recommend-wrap .recommend-box ul li {
	float: left;
	margin: 0 3px 5px 0;
}

/* ==== footer ==== */
body#site-top #footer {
	clear:both;
	overflow:hidden;
	margin: 20px 0 0 0;
	padding: 0 0 30px;
}
body#site-top #footer .footLinkBox {
	margin-top: 0;
	padding-bottom: 1px;
	background: url(../../images/top_bg10.gif) repeat-y 0 100%;
}
body#site-top #footer .footLinkBox .clickText a {
	display: block;
	height: 30px;
	background: url(../../images/top_bg09.gif) no-repeat 0 0;
	text-indent: -1000em;
	font-size: 0;
}
body#site-top #footer .footLinkBox .clickText.close a {
	background: url(../../images/top_bg08.gif) no-repeat 0 0;
}
body#site-top #footer .footLinkBox .inner01 {
	margin: 20px 0 0;
	padding-bottom: 20px;
	background: url(../../images/top_bg11.gif) no-repeat 1px 100%;
}
body#site-top #footer .footLinkBox .inner01 .col {
	float: left;
	width: 170px;
	_width: 190px; 
	padding: 0 10px;
}
body#site-top #footer .footLinkBox .inner01 .col.first {
	width: 170px;
	_width: 180px;
	_margin-right: 10px;
}
body#site-top #footer .footLinkBox .inner01 .col dl dt {
	margin-bottom: 5px;
	padding-left: 16px;
	background: url(../images/com_ic02.gif) no-repeat 0 0.3em;
	line-height: 1.5;
	font-weight: bold;
	font-size: 110%;
}
body#site-top #footer .footLinkBox .inner01 .col p {
	margin-bottom: 10px;
	padding-left: 16px;
	background: url(../images/com_ic02.gif) no-repeat 0 0.3em;
	line-height: 1.5;
	font-weight: bold;
	font-size: 110%;
}
body#site-top #footer .footLinkBox .inner01 .col dl dd {
	margin-left: 7px;
	padding-left: 13px;
	background: url(../images/com_ic01.gif) no-repeat 0 0.3em;
	line-height: 1.2;
	margin-bottom: 5px;
}
div#footer div.footbox {
	width:950px;
	padding:10px 0 0 0;
}
div#footer address {
	width:242px;
	float:left;
}
div#footer address .campanyLogo {
	margin-top: 8px;
}
div#footer p.foottxt {
	width:432px;
	float:left;
	margin-right: 15px;
	padding: 8px 10px;
	border-left:1px solid #cccccc;
	border-right:1px solid #cccccc;
}
div#footer .policyLink {
	float: right;
	width: 225px;
	margin-top: 12px;
}
div#footer .policyLink li {
	float: left;
	margin: 0 20px 0 0;
	padding-left: 13px;
	background: url(../images/com_ic01.gif) no-repeat 0 50%;
}
div#footer .policyLink li.last {
	float: left;
	margin: 0;
	padding-left: 13px;
	background: url(../images/com_ic01.gif) no-repeat 0 50%;
}
@media print{
	div#footer .policyLink {
		width: 230px;
	}
}


/* ==== emergency-announce ==== */

body#site-top #emergency-announce {
	clear:both;
	width:920px;
	margin:20px auto 0;
	padding:12px 15px;
	border:1px solid #ff0000;
	text-align:left;
}

body#site-top #emergency-announce dl dt {
	color:#ff0000;
	font-weight:bold;
}

body#site-top #emergency-announce dl dd {
	margin-top:10px;
}

body#site-top #emergency-announce .announce-detail {
	text-align:right;
	margin-top:10px;
}

body#site-top #emergency-announce .announce-detail a {
	padding-left:8px;
	background:url(../images/common_ic013.gif) no-repeat 0 0.2em;
	zoom:1;
}

body#site-top #emergency-announce .pdf {
	text-align:right;
	margin-top:10px;
}

body#site-top #emergency-announce .pdf a {
	padding:3px 0 4px 17px;
	background:url(../images/common_ic010.gif) no-repeat 0 0.1em;
	zoom:1;
}
* html body#site-top #emergency-announce .pdf a { /* IE6 hacks */
	padding-bottom:3px;
}

body#site-top .important-info .pdf {
	text-align:right;
	margin-top:10px;
}

body#site-top .important-info .pdf a {
	padding:3px 0 4px 17px;
	background:url(../images/common_ic010.gif) no-repeat 0 0.1em;
	zoom:1;
}
* html body#site-top .important-info .pdf a { /* IE6 hacks */
	padding-bottom:3px;
}


/* ==== E-IR Perts ==== */
div#ir_library #divDataArea dl {
	margin-bottom: 0;
}
div#ir_library #divDataArea dl dt,
div#ir_library #divDataArea dl dd {
	padding-top: 0;
	padding-bottom: 0; 
}


/* ==== clearfix ==== */

body#site-top #header:after,
body#site-top #headerIn:after,
body#site-top #globalnavi:after,
body#site-top #site-utility:after,
body#site-top #contents:after,
body#site-top #contents .about ul:after,
body#site-top #recommend-wrap:after,
body#site-top #recommend-wrap .recommend-box ul:after,
body#site-top #footer:after {
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}

body#site-top #header,
body#site-top #headerIn,
body#site-top #globalnavi,
body#site-top #site-utility,
body#site-top #contents,
body#site-top #contents .about ul,
body#site-top #recommend-wrap,
body#site-top #recommend-link .recommend-box ul,
body#site-top #footer {
	display:inline-block;
}

/* Hides from IE-mac \*/
* html body#site-top #header,
* html body#site-top #headerIn,
* html body#site-top #globalnavi,
* html body#site-top #site-utility,
* html body#site-top #contents,
* html body#site-top #contents .about ul,
* html body#site-top #recommend-wrap,
* html body#site-top #recommend-link .recommend-box ul,
* html body#site-top #footer {
	height:1%;
}

body#site-top #header,
body#site-top #headerIn,
body#site-top #globalnavi,
body#site-top #site-utility,
body#site-top #contents,
body#site-top #contents .about ul,
body#site-top #recommend-wrap,
body#site-top #recommend-link .recommend-box ul,
body#site-top #footer {
	display:block;
}
/* End hide from IE-mac */