@charset "Windows-31J";


/* Menu
========================================== 
・General Settings

・Individual Settings
	・header
	・search
	・newdata
	・topFlash
	・midBanner
	・topMaincontents
		・shopping-block
		・use-block
	・btmContents
	・JIPC
	・pageEnd
	・footer
	・copyRight
	・clear fix List
========================================== */




/* General Settings
========================================== 
========================================== */
.floatL {
	float:left;
}

.floatR {
	float:right;
}
.floatReset {
	font-size:0px;
	line-height:0px;
	height:0px;
	clear:both;
}


/* Individual Settings
========================================== 
========================================== */


/* header
========================================== */
div#header div#top {
	float:left;
	width:450px;
	min-height:41px;
	background:none;
	font-size:inherit;
	line-height:inherit;
	padding:10px 0px 6px 0px;
}

div#header div#top img {
	width:152px;
	float:left;
	margin:0px;
}

div#header div#top h1{
	float:right;
	width:268px;
	color:#0066cc;
	font-size:70%;
	font-weight:normal;
	line-height:1.5;
	background:none;
	margin:5px 0px 0px 0px;
	padding:0px;
	clear:none;
}


/* search
========================================== */
div#search {
	width:607px;
	height:66px;
	padding:0px;;
	background: #ffffff url(/search/images/bg-serch-gtop.gif) no-repeat left top;
	margin:0px 0px 8px 0px;
}

div#search div.title {
	float:left;
	width:122px;
	height:66px;
	line-height:66px;
	font-size:80%;
	font-weight:bold;
	margin:0px 0px 0px 12px;
}


/* IE6 HACK*/
* html div#search div.title {
	width:134px;
	padding:0px 0px 0px 12px;
	margin:0px;
}
/* IE6 HACK*/


div#search div.searchArea {
	float:left;
	width:297px;
	margin:13px 0px 0px 0px;

}

div#search div.searchArea p {
	font-weight:bold;
}

div#search div.searchArea input.inputText {
	width:222px;
	height:21px;
	border: solid 1px #2153da;
	font-size: 81%;
}


/* IE6 HACK*/
* html div#search div.searchArea input.inputText {
	height:23px;
}
/* IE6 HACK*/


div#search div.searchArea form {
	text-align:left;
}

div#search div.searchArea input.searchBtn {
	width:54px;
	height:23px;
}
div#search div.copy {
	float:left;
	width:176px;
	font-size:90%;
	margin:13px 0px 0px 0px;
}

div#search div.copy p {
	margin:3px 0px 0px 0px;
	white-space:nowrap;
}

div#search div.copy p.gr {
	color:#72bdca;
	line-height:1.2;
	margin:0px 0px 0px 0px;
}


/* newdata
========================================== */
div#newdata {
	width: 607px;
	margin-bottom: 5px;
}

div#newdata div.ndTitle {
	background:#ffffff url(/common/images/h2_gtop_newdata.gif) no-repeat left top;
	width:100%;
	height:32px;
	margin:0px 0px 15px 0px;
}

div#newdata h2 {
	float:left;
	font-size:80%;
	padding:0px 0px 0px 39px;
	margin:0px;
	height:32px;
	line-height:32px;
	background:none;
	width:50%;
}

div#newdata a.rss {
	width:46px;
	float:right;
	margin:7px 17px 7px 0px;
}

div.sla {
	margin-bottom: 10px;
}

div#newdata table {
	width: 100%;
	margin-bottom: 5px;
	border-top: 1px dashed #d6d6d6;
}

div#newdata table tr.odd th,
div#newdata table tr.odd td,
div#newdata table tr.even th,
div#newdata table tr.even td {
	padding: 3px 0;
	background-color: #fff;
	border-bottom: 1px dashed #d6d6d6;
	vertical-align: middle;
}

div#newdata table tr.odd th,
div#newdata table tr.odd td {
	background-color: #f3f7fd;
}

div#newdata table tr th p,
div#newdata table tr td p {
	font-size:70%;
	line-height: 1.3;
}

div#newdata table tr th.attention p a {
	color: #cc0000;
}

div#newdata table tr th p {
	margin:0px 20px;
}


div#newdata table tr td.mile {
	font-size:120%;
}

div#newdata table tr td.mile p {
	text-align: right;
}

div#newdata table tr td.icon {
	width: 88px;
}

div#newdata table tr td.icon img {
	margin: 0 15px;
}

div#newdata p.more-blank {
	margin-top: 5px;
	margin-bottom: 10px;
	font-size: 70%;
}

div.center-tile {
	background-image: url(/common/images/bg-center-tile.gif);
	background-position: right 15px;
	background-repeat: no-repeat;
	margin-bottom: 10px;
}

div.center-tile p.sla-bn {
	width: 232px;
	margin: 0;
}

div#newdata div.headline p.headlineBtm {
	line-height:1.3;
	font-size:70%;
	float:right;
	background-image:url(/common/images/icon/delta-blue.gif);
	background-position:left 50%;
	background-repeat:no-repeat;
	padding-left:12px;
}


/* topFlash
========================================== */
div#topFlash {
	float:right;
	margin:0px 0px 10px 0px;
}

/* smallRectangle
========================================== */
div#smallRectangle{
	float:right;
	padding:0px 0px 10px 0px;
}


/* midBanner
========================================== */
div#midBanner {
	clear:both;
	margin:0px 0px 10px 0px;
}

div#midBanner div.leftBn {
	width:297px;
	margin:0px 13px 0px 0px;
	float:left;
}

div#midBanner div.centerBn {
	margin:0px 10px 0px 0px;
	float:left;
	width:292px;
}

div#midBanner div.rightBn {
	margin:0px;
	float:right;
	width:292px;
}


/* topMaincontents
========================================== */
div#topMaincontents {
	width:921px;
	padding-bottom: 4px;
	background: url(/images/bg-gtopbox-btm.gif) left bottom no-repeat;
	margin:0px 0px 9px 0px;
}

div#topMaincontents-inner {
	width:921px;
	background: url(/images/bg-gtopbox.gif) left repeat-y;
}

div#save-block,
div#shopping-block {
	width:301px;
	margin:0px 9px 15px 0px;
	padding:0px;
}

div#use-block {
	width:301px;
	margin:0px 0px 15px 0px;
	padding:0px;
}

div.index {
	width:277px;
	margin:0px 12px;
}

div.index h3 {
	margin:15px 0px 5px 0px;
}

div#topMaincontents-inner h2 {
	background:#ffffff url(/common/images/h2_gtop_link.gif) no-repeat left top;
	font-size:80%;
	width:100%;
	margin:0px;
}

div#topMaincontents-inner h2 a {
	margin:0px 0px 0px 39px;
	height:32px;
	line-height:32px;
}

div.inner-column{
	min-height:0px;
	padding-top:16px;
}

div.bnLocator {
	width:100%;
	margin:0px 0px 20px 0px;
}

div.bnLocator dd.mile {
	min-width:30px;
	color:#FF6600;
	font-weight:bold;
	font-size:80%;
	margin:0px 5px 0px 0px;
}

div.bnLocator dd.category {
	color:#4fa7a7;
}

div.bnLocator dl {
	width:105px;
	padding:0px 12px;
}

div#shopping-block div.bnLocator dl {
	width:120px;
	padding:0px 6px;
}


/* IE6 HACK*/
* html div#shopping-block div.bnLocator dl {
	width:132px;
	padding:0px 6px;
}

* html div.bnLocator dl {
	width:129px;
	padding:0px 12px;
}
/* IE6 HACK*/


div.bnLocator dl dt {
	margin-bottom: 0px;
	padding: 0px;
}

div.bnLocator dl dt img {
	margin: 0px;
	padding: 0px;
}

div.categoryList ul {
	float: left;
	width:135px;
	margin:0px 0px 20px 0px;
}

/* === save-block === */
/* === shopping-block === */
div.bnLocator dl dt.merchant {
	background:url(/common/images/bg-bn120.jpg) left top no-repeat;
}

div.bnLocator dl dt.merchant img {
	width:105px;
	margin:0px 0px 0px 8px;
}


/* === use-block === */
div.feature {
	width:258px;
}
ol.ranking li {
	margin-bottom: 2px;
	margin-left: 3px;
	line-height: 1.2;
}

ol.ranking li.top img {
	margin-bottom: 4px;
	line-height: 0;
}
ol.ranking li.top {
	margin-left: 0;
	font-size: 90%;
}

ol.ranking li img {
	margin-right: 4px;
	vertical-align: middle;
}

ul.pointList li {
	display:inline;
}


/* btmContents
========================================== */
div#btmContents {
	width:611px;
}


/* IE7 HACK*/
* + html div#btmContents img.boxLine {
	display:block;
	margin:0px;
	padding:0px;
	font-size:0px;
	line-height:0px;
}
/* IE7 HACK*/

/* IE6 HACK*/
* html div#btmContents img.boxLine {
	display:block;
	margin:0px;
	padding:0px;
	font-size:0px;
	line-height:0px;
}
/* IE6 HACK*/


div#btmContents-inner {
	padding:12px;
	background:url(/images/bg-gtopbox2.gif) left repeat-y;
}

div#btmContents-inner div.innerBoxL {
	width:277px;
	margin:0 33px 0 0;
}

div#btmContents-inner div.innerBoxR {
	width:277px;
}

div#btmContents-inner img {
	margin:0px 8px 0px 0px;
}


/* JIPC
========================================== */
div#JIPC {
	width:160px;
}




/* clear fix List
========================================== */
div#newdata:after,
div#topMaincontents:after,
div#topMaincontents-inner:after,
div.categoryList:after,
div#use-block div.inner-column div.index div.bnLocator:after {
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
	content: ".";
	font-size: 0;
	line-height: 0;
}
div#newdata,
div#topMaincontents,
div#topMaincontents-inner,
div.categoryList,
div#use-block div.inner-column div.index div.bnLocator {
	display: inline-table;
	min-height: 1%;
}
/* for macIE \*/
* html div#newdata,
* html div#topMaincontents,
* html div#topMaincontents-inner,
* html div.categoryList,
* html div#use-block div.inner-column div.index div.bnLocator {
	height: 1%;
}
div#newdata,
div#topMaincontents,
div#topMaincontents-inner,
div.categoryList,
div#use-block div.inner-column div.index div.bnLocator {
	display: block;
}
/* end of for macIE */
