@charset "Shift_JIS";

/* コンテンツ共通の設定 */
#title-area {
	position: relative;
	margin-bottom: 10px;
	background: url(../images/bg_title.gif) no-repeat top left;
	width: 549px;
	height: 57px;
}

#title-area p {
	position: absolute;
	top: 32px;
	left: 372px;
}

#title-area h1 {
	position: absolute;
	top: 30px;
	left: 15px;
	font-size: 16px;
}

#title-area h2 {
	position: absolute;
	top: 30px;
	left: 15px;
	font-size: 14px;
}

/* コンテンツアリアの設定 */
#top1-area, #top2-area, #top3-area, #top4-area {
	margin-bottom: 16px;
}

#top4-area {
	border-top: solid 2px #BDBDBD;
}

#top1-area, #top2-area {
	width: 549px;
	overflow: hidden;
}

#top1-area h1 {
	margin-bottom: 10px;
	padding-top: 51px;
	width: 267px;
	height: 0px !important;
	height /**/: 51px; 
	font-size: 16px;
	overflow: hidden;
}

#top1-area h2 {
	margin-bottom: 10px;
	padding-top: 51px;
	width: 267px;
	height: 0px !important;
	height /**/: 51px; 
	font-size: 16px;
	overflow: hidden;
}

td.kensaku-area {
	padding-right: 7px;
	width: 274px;
	vertical-align: top;
}

td.kaitori-area {
	padding-left: 8px;
	background: url(../images/line01.gif) repeat-y top left;
	vertical-align: top;
}

td.kensaku-area h2 {
	background: url(../images/head_kensaku.gif) no-repeat top left;
}

td.kaitori-area h2 {
	background: url(../images/head_kaitori.png) no-repeat top left;
}

#top1-area h3 {
	margin-bottom: 4px;
	font-size: small;
}

#top1-area h4 {
	margin-bottom: 3px;
	color: #535353;
	font-weight: normal;
}

#top1-area input {
	vertical-align:	bottom;
}

div.kensaku-form {
	margin-bottom: 10px;
	padding: 7px;
	background-color: #8CDDF2;
}

div.kaitori-form {
	margin-bottom: 10px;
	padding: 7px;
	background-color: #6ACCB6;
}

#top1-area input.text {
	width: 194px !important;
	width /**/: 198px; 
}

div.kensaku-form select {
	width: 123px;
}

div.kaitori-form select {
	width: 194px !important;
	width /**/: 198px; 
}

table.kensaku-table td {
	padding-bottom: 7px;
}

table.kensaku-table td.left {
	padding-right: 6px;
}

table.kensaku-table td.button {
	padding-bottom: 0px;
	text-align:	right;
}

table.link-table {
	width: 267px;
}

table.link-table td {
	padding-top: 7px;
	width: 50%;
	vertical-align: top;
}

td.osusume-area, td.ranking-area, td.particular-area{
	vertical-align: top;
}	

div.osusume-box, div.ranking-box, div.particular-box {
	margin-right: 11px;
	padding: 3px 10px;
	background-color: #F6F6F6;
	border-bottom: solid 1px #78ADC4;
	border-left: solid 1px #78ADC4;
	border-right: solid 1px #78ADC4;
}

div.ranking-box {
	padding: 10px 10px 7px 10px;
}

div.particular-box {
	margin-right: 0px;
}

table.osusume-table {
	width: 167px;
}

table.osusume-table td {
	padding: 7px 0px;
	vertical-align:	top;
	text-align: center;
}

table.osusume-table td img {
	margin-bottom: 7px;
}

table.osusume-table td.top, table.osusume-table td.normal {
	padding-right: 7px;
}

table.osusume-table td.normal, table.osusume-table td.normal2 {
	background: url(../images/line02.gif) no-repeat top left;
}

table.ranking-table {
	width: 147px;
}

table.ranking-table td {
	padding-bottom: 3px;
}

table.ranking-table td.name {
	width: 127px;
}

table.particular-table {
	width: 147px;
}

table.particular-table td {
	padding: 7px 0px 11px 0px;
}

table.particular-table td.normal {
	padding: 12px 0px 7px 0px;
	background: url(../images/line02.gif) repeat-x top left;
}

#top3-area h2.head {
	margin-bottom: 13px;
}

table.service-table {
	width: 549px;
}

table.service-table td {
	vertical-align: top;
}

table.service-table td.normal {
	padding-top: 10px;
}

table.topix-table {
	width: 272px;
}

table.topix-table td {
	vertical-align: top;
}

table.topix-table td.text {
	width: 155px;
}

#top4-area h4.head {
	margin-top: 6px;
}

td.news-area {
	vertical-align: top;
	width: 260px;
}

table.news-table td {
	padding: 7px 0px 0px 0px;
	vertical-align: top;
}

table.news-table td.data {
	width: 72px;
}

td.newstopics-area {
	padding-left: 8px;
	background: url(../images/line01.gif) repeat-y top left;
	vertical-align: top;
}

div.news-box {
 width: 529px !important;
 width /**/: 549px;
 margin-right: 11px;
 padding: 3px 10px;
 background-color: #F6F6F6;
 border-bottom: solid 1px #FF9900;
 border-left: solid 1px #FF9900;
 border-right: solid 1px #FF9900;
}


#shop-navigation, #company-navigation {
	margin-bottom: 16px;
	background-color: #EEEEEE;
	border: solid 1px #1B1B1B;
	width: 160px !important;
	width /**/: 162px; 
}

#shop-navigation li.line, #company-navigation li.line {
	background: url(../images/bg_subarea_navi.gif) repeat-x top left;
	padding: 6px 10px 8px 18px;
}

#shop-navigation li.no_line, #company-navigation li.no_line {
	background: url(../images/bg_subarea_navi2.gif) repeat-x top left;
	padding: 6px 10px 8px 18px;
}

#sidebutton-ad {
	margin-bottom: 16px;
	padding-left: 17px;
}

#banner-area {
	margin-bottom: 10px;
}

#banner-area img {
	margin-bottom: 6px;
}

#adsense {
	margin-left:0px;
	margin-bottom: 16px;
}


/* カタログエリアの設定 */

#catalog1-area, #catalog2-area, #catalog3-area{
	margin-bottom: 10px;
	width: 549px;
}

table.catalog-table {
	width: 100%;
}

table.catalog-table td {
	vertical-align: bottom;
}

table.catalog-table td.photo-area {
	width: 272px;
}

table.list-table {
	border-top: solid 1px #CCCCCC;
	border-left: solid 1px #CCCCCC;
	width: 100%;
	text-align: center;
}

table.list-table td {
	padding: 10px 0px;
	border-right: solid 1px #CCCCCC;
	vertical-align: middle;
}

#catalog1-area table.list-table td.head-area {
	border-top: solid 1px #FFFFFF;
	background: url(/common/images/bg_table1.gif) no-repeat bottom left;
	width: 122px;
}

#catalog2-area table.list-table td.head-area {
	border-top: solid 1px #FFFFFF;
	background: url(/common/images/bg_table2.gif) no-repeat bottom left;
	width: 134px;
}

#catalog3-area table.list-table td.head-area {
	border-top: solid 1px #FFFFFF;
	background: url(/common/images/bg_table3.gif) no-repeat bottom left;
	width: 134px;
}

table.list-table td.text-area {
	border-bottom: solid 1px #CCCCCC;
}

/* メーカーエリアの設定 */

#maker1-area, #maker2-area, #maker3-area{
	margin-bottom: 10px;
	width: 549px;
}

table.maker-table {
	width: 100%;
}

table.maker-table td {
	vertical-align: bottom;
}

table.makerlist-table {
	cellspacing:1px
	width: 549px;
	text-align: center;
}

table.makerlist-table td {
	width: 137px;
	background-color:#EAEAEA;
	font-size:12px;
	height:16px;
}

/* 共通の設定 */

#info1-area{
	margin-bottom: 10px;
	width: 549px;
}

#info-area h2 {
	position: absolute;
	top: 30px;
	left: 15px;
	font-size: 14px;
}

#info-area h3 {
	font-size: 14px;
	color:#395AA7;
}

table.info-table {
	width: 100%;
}

table.info-table td {
	vertical-align: bottom;
}

table.infolist-table {
	cellspacing:1px
	width: 549px;
	text-align: center;
}

table.infolist-table td {
	width: 137px;
	background-color:#EAEAEA;
	font-size:12px;
	height:16px;
}

table.ad-table {
	width: 100%;
}

table.ad-table td {
	vertical-align: top;
	font-size:14px
}

/* 枠線の設定（企業概要など） */
table.linelist-table {
	width: 549px;
	font-size:12px;
}

table.linelist-table td {
	font-size:12px;
	height:17px;
	color:#333333;
}

table.linelist2-table {
	width: 549px;
	font-size:12px;
}

table.linelist2-table td {
	font-size:12px;
	height:17px;
	color:#333333;
	text-align: center;
}
/* コンテンツ免責エリア */
table.attention-table td {
	margin-right: 11px;
	padding: 3px 10px;
	background-color: #F6F6F6;
	border-top: solid 1px #78ADC4;
	border-bottom: solid 1px #78ADC4;
	border-left: solid 1px #78ADC4;
	border-right: solid 1px #78ADC4;
	font-size:12px;
}

#attention{
	font-size:12px;
	color:#CC0000;
}

#keisai b {
	font-size:14px;
	color:#CC0000;
}

ul.next {
	padding-top: 17px;
	padding-bottom: 20px;
	background: url(/common/images/line.gif) no-repeat top left;
	text-align: center;
}

ul.navi-contents {
	position: relative;
	border-top: solid 1px #FF7C22;
	width: 549px;
	height: 38px;
}

ul.navi-contents li.back {
	position: absolute;
	top:12px;
	left: 0px;
}

ul.navi-contents li.one {
	position: absolute;
	top:12px;
	left: 231px;
}

ul.navi-contents li.two {
	position: absolute;
	top:12px;
	left: 259px;
}

ul.navi-contents li.four {
	position: absolute;
	top:12px;
	left: 319px;
}

ul.navi-contents li.three {
	position: absolute;
	top:12px;
	left: 289px;
}

ul.navi-contents li.next {
	position: absolute;
	top:12px;
	left: 511px;
}

div.text-area1 h4, div.text-area2 h4, div.text-area3 h4 {
	padding-bottom: 5px;
}

div.text-area1 p.text, div.text-area2 p.text, div.text-area3 p.text {
	margin-bottom: 7px;
}

div.text-area1 li, div.text-area2 li, div.text-area3 li {
	display: inline;
}

div.text-area1, div.text-area2 {
	padding-top: 17px;
	padding-bottom: 20px;
	background: url(../images/line.gif) no-repeat top left;
	width: 549px;
}

div.text-area1 td, div.text-area2 td {
	vertical-align: top;
}

div.text-area3 {
	padding-top: 17px;
	padding-bottom: 20px;
	background: url(../images/line.gif) no-repeat top left;
	width: 549px;
	clear: both;
}

div.text-area1 p.image{
	margin-right: 15px;
}

div.text-area2 p.image{
	margin-left: 15px;
}