@charset "UTF-8";

/* === Index setting File === */
/* -------------------------------------------------- globalnavi */
/* 
	globalNavi setting file
	create : 071101 
	update : 090528
*/

/* -------------------------------------------------- layout */
div#mainContents h2,
div#mainContents h3,
div#mainContents h4 { margin: 20px 10px 5px 10px; }

div#mainContents p,
div#mainContents ul,
div#mainContents ol,
div#mainContents dl,
div#mainContents table,
div#mainContents hr { margin: 0 10px 5px 10px; }

div#mainContents h2#newItem, { margin-top: 10px; }

div#mainContents div#special h2,
div#mainContents h2#catalog { margin-top: 15px; }

div#mainContents div#info h2,
div#mainContents div#news h2 { margin-top: 20px; }

div#mainContents p#recipe { margin: 10px 0 0 0; padding:0;}

div#mainContents p#tvcm { margin: 5px 0 0 0;}

div#mainContents p#catalog { margin: 10px 0 0 0;}

div#mainContents p#cm { margin:15px 10px 10px 10px;}

div#mainContents p.keyftr { margin: 0 ; }

div#mainContents p.keyftr img { vertical-align: top; }

* html div#mainContents div#info h2,
* html div#mainContents div#news h2 { margin-top: 15px; }
* html div#mainContents p#tvcm { margin: 0;}
*:first-child+html div#mainContents div#info h2,
*:first-child+html div#mainContents div#news h2  { margin-top: 15px; }

/* --------------------------------------------------  column */
div.columnExA,
div.columnExB,
div.recipeColumnExA,
div.recipeColumnExB,
div.tvcmColumnExA,
div.tvcmColumnExB,
div.minorColumnExA,
div.minorColumnExB{ float: left; }

div.rcp{ background:url(../images/rcp-txt02.gif) right top repeat-y; }
div.keycol{ width: 258px;
	margin: 0 ;
	overflow: hidden;
	border-left: 1px #E3DFD4 solid;
	border-right: 1px #E3DFD4 solid;
}
* html div#mainContents div.keycol { width: 260px;}
div.columnExA {
	width: 470px;
	margin-right:3px;
}
div.columnExB { width: 267px; }

div.recipeColumnExA {
	width: 145px;
	padding-top: 8px;
}
div.recipeColumnExB {
	width: 112px;
}
div.recipeColumnExB #rcplist { margin:-3px 10px 0 5px; }
div.recipeColumnExB img { vertical-align: top; }

div.tvcmColumnExA {
	width: 125px;
	padding-top: 8px;
	border-right: 1px #999 dashed;
}
div.tvcmColumnExB {
	width: 130px; 
	padding-top: 8px;
}

div.minorColumnExA { width: 90px; }
div.minorColumnExB { width: 152px; }


/* --------------------------------------------------  news */
div#mainContents div.heading { position: relative; }
div#mainContents div.heading h2 { padding-right: 50px; }
div#mainContents div.heading h2.links { padding-right: 0; }
div#mainContents div.heading h2.links a { padding-right: 50px; }

* html div#mainContents div.heading h2 { height: 24px; }
* html div#mainContents div.heading h2.links a {
	position: relative;
	height: 24px;
}

div#mainContents div.heading p.rss {
	position: absolute;
	top: 2px;
	left: 442px;
	margin: 0;
}

* html div#mainContents div.heading p.rss { top: 20px; }
*:first-child+html div#mainContents div.heading p.rss { top: 20px; }



/* --------------------------------------------------  banner */

dl#relation{ padding-top: 10px; }

dl#relation img{ padding: 3px 0 3px 0; }

ul#indexBanner li { padding-top: 7px; }
ul#indexBanner ul.links{ padding: 0; margin:0; }
ul#indexBanner ul.links li{ padding-top: 2px; }

div#mainContents ul.campBanner li { display: inline; margin-right: 3px; width:115px; }

div#mainContents ul.relationBanner,
div#mainContents ul.relationBanner2 { margin: 10px 0 0 0 ; padding-left: 10px; }

div#mainContents ul.relationBanner li,
div#mainContents ul.relationBanner2 li { float:left; margin-right: 15px; }

* html div#mainContents ul.relationBanner li,
* html div#mainContents ul.relationBanner2 li { float:left;}

div#mainContents ul.relationBanner ul.links,
div#mainContents ul.relationBanner2 ul.links { width:228px; margin: 0; }

* html div#mainContents ul.relationBanner ul.links li,
* html div#mainContents ul.relationBanner2 ul.links li { width:225px; margin: 0; }

* html div#mainContents ul.relationBanner li.end,
* html div#mainContents ul.relationBanner2 li.end { float:right; margin-right:5px;}

div#mainContents ul.campBanner li.end,
div#mainContents ul.relationBanner li.end,
div#mainContents ul.relationBanner2 li.end { margin-right:0;}


/* -------------------------------------------------- Paragraph elements */
div#mainContents p#keyVisual { margin-top: 10px; }

div#mainContents p.geotrustBanner { text-align: center; }

div#mainContents p.banner {
	margin-bottom: 10px;
	text-align: center;
}

/* -------------------------------------------------- list elements */
div#mainContents dl.date { clear: both; }

div#mainContents dl.date dt {
	float: left;
	width: 9em;
	clear: left;
}

div#mainContents dl.date dd { margin-left: 9.5em; }

* html div#mainContents dl.date dd { text-indent: -3px; }

div#mainContents dl.date dt,
div#mainContents dl.date dd { margin-bottom: 4px; }

div#mainContents dl.date dd.external {
	padding-left: 11px;
	text-indent: -15px;
}

div#mainContents dl.date dd.external img { margin-right: 4px; }

div#mainContents dl.notice dt {
	padding-left: 11px;
	margin-left: 4px;
	background-image: url(/common/images/marker-arrow.gif);
	background-position: 0 0.55em;
	background-repeat: no-repeat;
}

div#mainContents dl.notice dd { padding-left: 15px; }

div#mainContents ul li.lastChild,
div#mainContents ol li.lastChild,
div#mainContents dl.date dt.lastChild,
div#mainContents dl.date dd.lastChild { margin-bottom: 0; }

div#mainContents div.boxedItem dl dd.lastChild { margin-bottom: 10px; }


/* -------------------------------------------------- horizon rule elements */
div#mainContents hr { margin-bottom: 10px; }

div#mainContents div.columnExA hr,
div#mainContents div.columnExB hr {
	clear: both;
	height: 0;
	width: 0;
	border: 1px solid #fff;
	font-size: 0;
	line-height: 0;
	display: block;
	background: none;
}

div#mainContents div.keycol ul.links li{
background-image:url(/common/images/marker-arrow.gif);
background-position:0 0.45em;
background-repeat:no-repeat;
margin-left:0px;
padding-left:7px;
}

/* -------------------------------------------------- clearfixes */
div#mainContents div.heading:after {
	clear: both;
	height: 0;
	visibility: hidden;
	font-size: 0;
	line-height: 0;
	display: block;
	content: ".";
}

div#mainContents div.heading {
	min-height: 1%;
	display: inline-table;
}

div#mainContents div.heading {
	display: block;
}
/*
* html div#mainContents ul.relationBanner:after {
  content: ".";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
}

* html div#mainContents ul.relationBanner {
  min-height: 1px;
  height: 1px;
}
*/

/* -------------------------------------------------- subNavi Area */
div#globalNavi ul#globalNaviList ul.subNavi {
	border-left: none;
	border-right: none;
	border-bottom: 1px #E60000 solid;
	background-color:#fff;
}

div#globalNavi ul#globalNaviList ul.subNavi li {
	background-color: #FFFCF1;
	background-image: none;
	border-bottom: 1px #E60000 dashed;
}
div#globalNavi ul#globalNaviList ul.subNavi li a{
	margin: 0;
	padding:6px 0;
	background:url(/common/images/bg-subnavi-arrow.gif) no-repeat scroll 0 0.15em;
}

div#globalNavi ul#globalNaviList ul.subNavi li.external	a,
div#globalNavi ul#globalNaviList ul.subNavi li.external	a:hover{
	background-image:none;
}

div#globalNavi ul#globalNaviList ul.subNavi li a span{
	padding:0 5px 0 18px;
	display:block;
}


div#globalNavi ul#globalNaviList li ul.subNavi li a:hover{
	background: #FFCF8B url(/common/images/bg-subnavi-arrow.gif) no-repeat scroll 0 0.15em;
}

div#globalNavi ul#globalNaviList li#inquiry ul.subNavi li a:hover{
	background: #FFCF8B url(/common/images/bg-subnavi-arrow.gif) no-repeat scroll 0 0.15em;
}



/* for macIE \*/
* html div#mainContents div.heading { height: 1%; }

div#mainContents div.heading { display: block; }
/* end of for macIE */

/* EOF */