/* フォントサイズ関連
 */
.F0 { font-size:  65%; line-height: 100%;}
.L0 { font-size:  65%; line-height: 160%;}
.F1 { font-size:  75%; line-height: 100%;}
.L1 { font-size:  75%; line-height: 140%;}
.F2 { font-size:  80%; line-height: 100%;}
.L2 { font-size:  80%; line-height: 160%;}
.F3 { font-size:  95%; line-height: 100%;}
.L3 { font-size:  95%; line-height: 160%;}
.F4 { font-size: 100%; line-height: 100%;}
.L4 { font-size: 100%; line-height: 140%;}
.F5 { font-size: 130%; line-height: 100%;}
.L5 { font-size: 130%; line-height: 140%;}
.F6 { font-size: 140%; line-height: 100%;}
.L6 { font-size: 140%; line-height: 140%;}
.F7 { font-size: 150%; line-height: 100%;}
.L7 { font-size: 150%; line-height: 130%;}


/* margin,padding 初期化 
 * 必要なタグだけ設定すること('*'で全指定はレンダリングを遅延させるため)
 */
body, h1, h2, h3, h4, h5, h6, div, p, ul, ol, dl, li, dt, dd, form, img {
margin:0;
padding:0;
font-family:"ＭＳ Ｐゴシック","ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", sans-serif;
}

body {
color:#666666;
text-align:center;
}

a {
color:#0064DC;
}

img {
border:0;
vertical-align:top;
}

.clearLeft {
/*font-size:0;*/
clear:left;
}

.clearRight {
font-size:0;
clear:right;
}

.clearBoth {
font-size:0;
clear:both;
}

.rowHeader {
float:left;
}

.rowData {
float:left;
}

table {
border-collapse: collapse;
}

caption {
text-align:left;
}

th {
padding:3px 5px;
color:#444444;
border:1px solid #CCCCCC;
background-color:#F0F0F0;
font-weight:normal;
text-align:left;
}

td {
padding:3px 5px;
color:#444444;
border:1px solid #CCCCCC;
}

#mainContainer {
width:798px;
margin:0 auto;
border-right:1px solid #D9D9D9;
border-left:1px solid #D9D9D9;
text-align:left;
}

#contentsContainer {
display:inline;
float:right;
width:580px;
margin:12px 20px 10px 0;
padding-top: 10px;
}

.contentsTitle {
margin:40px 0 0 0
}

.categoryTitle {
/*margin-top: 10px;*/
}

.contentsDescription {
padding:10px 15px 0 15px;
}

.compareSearch ul{
list-style-type:none;
background-image:url(/image_index/img_compareIndex.gif);
}

.compareSearch li {
display:inline;
float:left;
margin:15px 0 0 15px;
}

.categoryDescription {
padding:10px 5px 10px 5px;
}

.ranking {
width:263px;
float:left;
margin:20px 0 0 15px;
}

.ranking h4 img{
margin:5px;
}

.ranking ul {
list-style-type:none;
}

.ranking li {
width:243px;
padding:10px;
background:#FFFFE6;
}

.ranking li.alt {
background:#FFFFFF;
}

.ranking li img {
vertical-align:middle;
}

.ranking h4 {
text-align:center;
}

.popularRanking {
border:1px solid #E4F6FF;
}

.popularRanking h4 {
background:#0099FF;
}

.lowRanking {
border:1px solid #FFCCCC;
}

.lowRanking h4 {
background:#FF3366;
}

.news {
list-style-image:url("image_index/icon_newsIndex.gif");
margin:3px 3px 10px 3px;
text-align:left;
padding:10px 15px 0 15px;
}

.news li {
margin-left:15px;
padding-bottom:2px;
}

.searchItem {
float:left;
margin:10px 0 0 15px;
width:400px;
line-height:200%;
color:#990000;
}

.searchItem .define {
display:block;
width:180px;
float:left;
}

.searchItem .description {
display:block;
width:210px;
float:left;
}

.searchButton {
float:left;
width:140px;
margin:120px 10px 0 0;
text-align:right;
}

.searchButton input {
width:120px;
height:40px;
font-size:18px;
font-weight:bold;
color:#666666;
}

/* お知らせ用
 */
.infoNavi{
margin:0 15px;
border-bottom:1px dashed #CCCCCC;
text-align:right;
}

.info{
margin:15px 15px 0 15px;
border-bottom:1px dashed #CCCCCC;
}

.info dt {
font-weight:bold;}

.infoDate {
float:right;
}

.infoSubject {
padding:0 0 0 5px;
border-left:4px solid #FF0000;
}

.info dd {
padding:10px 10px 15px 10px;
}

/* ガイド系メニュースタイル
 */
.guideTitle {
margin:20px 0 0 15px;
padding:0 0 0 5px;
border-left:4px solid #FF0000;
font-size:90%;
}

.guideDescription {
padding:10px 40px 0 25px;
}

.about {
clear:right;
margin-bottom:20px;
}

.aboutImage {
float:right;
margin:15px 15px 0 5px;
}

/* 取扱キャッシング一覧
 */
.allCashingList {
margin:30px 10px;
padding:10px 0;
border:1px dotted #FFCCCC;
background:#FFFFE6;
}

.allCashingList h5 {
margin:0 0 10px 15px;
color:#CC0000;
}

.allCashingList ul {
display:inline;
float:left;
list-style-type:none;
margin:0 0 10px 15px;
width:170px;
}

.allCashingList p {
clear:left;
margin:0 15px;
font-size:70%;
}

/* 運営会社用
 */
.company {
margin:15px;
}

.company dt {
display:inline;
float:left;
width:80px;
}

/* 利用規約・プライバシー用
 */
.rule{
list-style-type:none;
margin:15px 15px 0 15px;
}

.rule li {
margin:0 0 20px 0;
}

.rule p {
margin:0 15px;
}

.ruleItem {
font-weight:bold;
font-size:110%;
}

.ruleInner {
list-style-type:none;
margin:0 15px;
}

.ruleInner li {
margin:0;
}

.ruleInner2 {
list-style-type:none;
margin:0 15px;
}

.privacyCompany {
margin:10px 15px 0 0;
text-align:right;
}

.privacyTitle {
clear:right;
margin:0 0 0 15px;
}

.privacyMark {
margin:15px;
padding:20px 0 0 0;
border-top:1px solid #CCCCCC;
}

.privacyMark p {
margin:30px 0 0 0;
}

#sidebarContainer {
display:inline;
float:left;
width:178px;
padding:10px 0 0 0;
border-right:1px solid #D9D9D9;
border-bottom:1px solid #D9D9D9;
background:#FDFDFD;
text-align:center;
}

#sidebarContainer ul {
list-style-type:none;
margin:10px 0 0 0;
}

.sidebarAdSquare {
margin:10px auto;
}

.sidebarAdBannerText {
margin:10px auto 0 auto;
padding-top:10px;
width:160px;
border-top:1px #CCC solid;
}

/* headerスタイル
 */
#headerContainter {
width:798px;
height:55px;
margin:0 auto;
border-left:1px solid #D9D9D9;
border-right:1px solid #D9D9D9;
background-image:url(image_common/bg_header.gif);
}

#headerContainter h1 {
float:left;
margin:10px 0 0 8px;
font-size:100%;
}

#favoriteButton {
float:right;
cursor:pointer;
margin:13px 10px 0 0;
}

.navigator {
clear:both;
width:788px;
_width:798px;
margin:0 auto;
padding:0 0 0 10px;
background-color:#f0f0f0;
border-right:1px solid #D9D9D9;
border-bottom:1px solid #D9D9D9;
border-left:1px solid #D9D9D9;
font-weight:normal;
color:#333333;
}

h2 {
margin:0;
text-align:left;
}

/* footerスタイル
 */
#footerContainer {
clear:both;
width:798px;
margin:0 auto 0 auto;
padding:30px 0 0 0;
border-right:1px solid #D9D9D9;
border-bottom:1px solid #D9D9D9;
border-left:1px solid #D9D9D9;
text-align:left;
}

#footerMenu {
width:100%;
padding:10px 0;
background-color:#999999;
color:#FFFFFF;
text-align:center;
}

#footerMenu a:link,
#footerMenu a:visited,
#footerMenu a:active,
#footerMenu a:hover {
text-decoration:none;
color: #FFFFFF;
}

#footerCopyright {
display:inline;
float:left;
margin:10px;
padding:0 0 0 50px;
width:520px;
text-align:left;
}

#footerLogo {
display:inline;
float:right;
margin:10px;
width:180px;
}

/* OPENSMILEのサービス関連 */
#opensmileServiceList {
	clear:both;
	margin:0 auto;
	padding:0 0 10px 0;
	width:700px;
	text-align:left;
	border-top:1px #CCC solid;
}

#opensmileServiceList ul {
	list-style-type:none;
	margin:10px 10px 0 0;
	padding:0;
	font-size:75%;
}

#opensmileServiceList li {
	white-space: nowrap;
	display:inline;
	float:left;
	margin:5px 10px 0 0;
	_margin:5px 7px 0 0;
	padding:0 10px 0 0;
	_padding:0 7px 0 0;
	border-right:1px #CCC solid;
}

/* 会社概要 */
.corporateInfo {
	margin: 15px 0px 0px 0px;
	padding: 0px;
	font-size: 12px;
}

.corporateInfo table {
	width: 100%;
}
.corporateInfo table tr th {
	width: 150px;
	padding: 7px 0px 5px;
	text-align: center;
}
.corporateInfo table tr td {
	padding: 7px 0px 5px 10px;
	text-align: left;
}