@charset "UTF-8";



/* ===================================================================
CSS information
 file name  :  default.css
 style info :  リセット及びbody初期設定 (このスタイルシートは基本的に変更しない)
=================================================================== */
/*--- reset */
/*
html5doctor.com Reset Stylesheet
v1.6.1
Last Updated: 2010-09-17
Author: Richard Clark - http://richclarkdesign.com
Twitter: @rich_clark
*/

/*要素のフォントサイズやマージン・パディングをリセットしています*/
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	vertical-align: baseline;
	background: transparent;
	font-size: 100%;
}

/*行の高さをフォントサイズと同じにしています*/
body {
    line-height:1;
}

/*新規追加要素のデフォルトはすべてインライン要素になっているので、section要素などをブロック要素へ変更しています*/
article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section {
    display:block;
}

/*nav要素内ulのマーカー（行頭記号）を表示しないようにしています*/
nav ul {
    list-style:none;
}

/*引用符の表示が出ないようにしています*/
blockquote, q {
    quotes:none;
}

/*blockquote要素、q要素の前後にコンテンツを追加しないように指定しています*/
blockquote:before, blockquote:after,
q:before, q:after {
    content:'';
    content:none;
}

/*a要素のフォントサイズなどをリセットしフォントの縦方向の揃え位置を親要素のベースラインに揃えるようにしています*/
a {
    margin:0;
    padding:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
}

/* ins要素のデフォルトをセットし、色を変える場合はここで変更できるようにしています */
ins {
    background-color:#ff9;
    color:#000;
    text-decoration:none;
}

/* mark要素のデフォルトをセットし、色やフォントスタイルを変える場合はここで変更できるようにしています
また、mark要素とは、文書内の検索結果で該当するフレーズをハイライトして、目立たせる際に使用するようです。*/
mark {
    background-color:#ff9;
    color:#000;
    font-style:italic;
    font-weight:bold;
}

/*テキストに打ち消し線が付くようにしています*/
del {
    text-decoration: line-through;
}

/*IEではデフォルトで点線を下線表示する設定ではないので、下線がつくようにしています
また、マウスオーバー時にヘルプカーソルの表示が出るようにしています*/
abbr[title], dfn[title] {
    border-bottom:1px dotted;
    cursor:help;
}

/*隣接するセルのボーダーを重ねて表示し、間隔を0に指定しています*/
table {
    border-collapse:collapse;
    border-spacing:0;
}

/*水平罫線のデフォルトである立体的な罫線を見えなくしています*/
hr {
    display:block;
    height:1px;
    border:0;
    border-top:1px solid #cccccc;
    margin:1em 0;
    padding:0;
}

/*縦方向の揃え位置を中央揃えに指定しています*/
input, select {
    vertical-align:middle;
}

/*リスト要素へのスタイルをリセットしています*/
ol, ul {
	list-style: none;
}

/*画像を縦に並べたときの余白を消します*/
img {
	vertical-align:top;
	font-size:0;
	line-height:0;
}


/*--- default */
body {
	background:url(../img/bg2.png);
	color: #6c6d60;
	font-size: 100%;
	font-family: "メイリオ","Meiryo",verdana,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
	line-height: 1.8;
	border-top:6px solid #E981FF;
}
* html body {	/* for IF6 */
	font-family: "ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
}
a {
	color:#0000ff;
	text-decoration:underline;
}
a:hover {
	color:#ff9900;
	text-decoration:underline;
}
.alL {
	display:inline;
	float:left;
	margin:10px 10px 10px 0;
}
.alR {
	display:inline;
	float:right;
	margin:10px 0 10px 10px;
}
.flL {
	float:left;
}
.flR {
	float:right;
}
.clear {
	overflow:hidden;
	_zoom:1;
}
a:hover img {
	opacity: .60; /* Standard: FF gt 1.5, Opera, Safari */
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60);
	-khtml-opacity: .60; /* Safari 1.x */
	-moz-opacity: .60; /* FF lt 1.5, Netscape */
}
.txtalLeft {
	text-align:left!important;
}
.txtalRight {
	text-align:right!important;
}
.center {
	text-align:center!important;
}

/*色を指定します*/

.mizu {
	color: #0080c0;
}
.pink {
	color: #ff99ab;
}
.ao {
	color: #002255;
}
.tya {
	color: #bd000e;
}
.gray {
	color: #3d3737;
}
.aka { color: #ff0000; }
.akapink { color: #ec8282;}
.green { color: #369B50;}
.aomidori { color: #2ebab7;}
.enji { color: #9c2662;}
.ora { color: #ff9900;}
.cha { color: #695647;}

/*文字を太くします*/
.b { font-weight: bold; }

/*下線を引きます*/
.u { text-decoration: underline; }

/*文字のフォントを指定します*/
.sz10 { font-size: 10px; }
.sz11 { font-size: 11px; }
.sz12 { font-size: 12px; }
.sz13 { font-size: 13px; }
.sz14 { font-size: 14px; }
.sz16 { font-size: 16px; }
.sz18 { font-size: 18px; }
.sz20 { font-size: 20px; }
.sz24 { font-size: 24px; }

/*文字を装飾します*/
.line { background: #ffff7d; }



/*===============================================*/

/*ヘッダー*/
#wrapper {
	width:1000px;
	margin:0 auto;
	background:#FFF;
	box-shadow: 0px 0px 8px rgba(0,0,0,0.25);
}
h1 {
	font-size:12px;
	font-weight:normal;
	margin:0 0 0 65px;
}
header {
	position:relative;
	height:77px;
}
header div#logo {
	position:absolute;
	left:65px;
}
header nav {
	position:absolute;
	right:0;
	top:60px;
}
header nav ul {
}
header nav ul li {
	display:inline;
	margin-left:10px;
}
header nav ul li a {
	font-size:12px;
}


/*メインバナー*/
.mainBanner {
	background:url(../img/mainBanner.png) no-repeat center;
	height:319px;
	position:relative;
}
.mainBanner p {
	position:absolute;
	font-size:12px;
	top:241px;
	left:84px;
}
.mainTtl {
	height:75px;
	background:url(../img/mainTtl.png) no-repeat center;
	text-align:center;
	font-size:30px;
	color:#FFF;
}



/*コンテンツ*/
#content {
	display: block;
	overflow: hidden;
	_zoom:1;
	padding:0 15px;
	margin:0 50px;
}
#content .ttl01 {
	background:url(../img/ttl01.png) no-repeat center;
	height:74px;
	line-height:74px;
	text-align:center;
	font-size:30px;
	margin-bottom:20px;
}
#content div.box {
	margin:0 0 10px;
	overflow:hidden;
	_zoom:1;
}


/*比較テーブル設定*/
#content table tr td.trank1 {
	background:url(../img/trank1.png) no-repeat center;
}
#content table tr td.trank2 {
	background:url(../img/trank2.png) no-repeat center;
}
#content table tr td.trank3 {
	background:url(../img/trank3.png) no-repeat center;
}
#content table.compbox tr td div.dotte {
	background:url(../img/dot.gif) repeat-x top;
	margin:2px 0;
	height:2px;
}
#content table.compbox tr td {
	width:22%;
	height:80px;
}
#content table.compbox tr th {
	height:80px;
}
#content table.compbox tr.hdline td a img {
	margin-bottom:5px;
	border:2px dotted #CCC!important;
	padding:2px;
}
#content table.compbox tr.hdline td.checkp {
	background:url(../img/checkp.png) no-repeat center;
}
#content table.compbox tr.hdline td a {
	font-weight:bold;
	font-size:16px;
	line-height:1;
}
#content table.compbox2 tr td {
	width:18%;
}
#content table.compbox2 tr.txtalLeft td {
	text-align:left;
}


/*ランキングボックス1*/
#content .rankbox1 {
}
/*ランキングボックス1の見出し*/
#content .rankbox1 h3 {
	position:relative;
	font-size:22px;
	font-weight:normal;
	line-height:32px;
	box-shadow:none;
	border:none;
	height:92px;
	margin:40px 0 0;
	padding: 50px 0 0 115px;
	background:url(../img/rank1.png) no-repeat bottom;
}
#content .rankbox1 h3 span.name {
	font-size:32px;
	display:block;
	color:#ff837c;
}
#content .rankbox1 h3 span.pt {
	position:absolute;
	background:#eb8683;
	border-radius: 10px;
	padding:10px 12px 8px;
	font-size:14px;
	font-weight:bold;
	line-height:20px;
	color:#FFF;
	top:23px;
	right:18px;
}
/*ランキングボックス1のコンテンツ*/
#content .rankbox1 div.rankCtt {
	background:url(../img/rank-bg.png) repeat-y;
	padding:0 35px;
	overflow:hidden;
	_zoom:1;
}
#content .rankbox1 div.rankImg {
	border:2px dotted #CCC;
	margin:24px 0 0;
	float:right;
}
#content .rankbox1 .rankImg img {
	border:3px solid #FFF;
}

/*ランキングボックス1のお得情報・キャンペーンCHECK*/
#content .rankbox1 .pickupbox {
	background:url(../img/pickup.png) no-repeat;
	padding:65px 20px 0;
	margin:0 0 15px; 
	width:472px;
	height:174px;
}
#content .rankbox1 .pickupbox ul {
	margin:0 0 5px;
}
#content .rankbox1 .pickupbox ul li {
	padding:0 0 0 30px;
	background:url(../img/pickuplist.png) no-repeat 2px;
	font-size:18px;
	line-height:1.8;
}
#content .rankbox1 .pickupbox p {
	text-align:right;
}

/*ランキングボックス1の詳細情報*/
#content .rankbox1 .dtlbox {
	background:url(../img/dtlbox_middle.png) repeat-y;
	margin:0 0 20px;
}
#content .rankbox1 .dtlbox h4 {
	background:url(../img/dtlbox_top.png) no-repeat;
	padding:25px 0 0 100px;
	height:74px;
	font-size:22px;
	color:#eb8683;
}
#content .rankbox1 .dtlbox .dtlboxBtm {
	background:url(../img/dtlbox_bottom.png) no-repeat;
	height:28px;
}
#content .rankbox1 .dtlbox div.dtlCtt {
	margin:0 40px;
}
#content .rankbox1 .dtlbox p {
	font-size:14px;
	margin:0 0 10px;
	line-height:1.6;
	background:none;
	padding:0;
}
#content .rankbox1 .rankCttBtm {
	background:url(../img/rank-bottom.png) no-repeat;
	height:12px;
}


/*ランキングボックス1のコンタクトボタン*/
#content .rankbox1 .cttbox {
}
#content .rankbox1 .cttbox a {
	background:url(../img/rank-contact.png) no-repeat center;
	width:559px;
	height:98px;
	display:block;
	margin:0 auto;
	text-indent:-9999px;
}
#content .rankbox1 .cttbox a:hover {
	background:url(../img/rank-contact_on.png) no-repeat }


/*ランキングボックスS*/
#content .rankboxS {
	width:425px;
	margin-bottom:20px;
}
#content .rankboxS h3 {
	position:relative;
	font-weight:normal;
	line-height:30px;
	height:112px;
	padding: 27px 0 0 87px;
}
#content .rankboxS h3 span.name {
	font-size:22px;
	display:block;
	color:#ff837c;
}
#content .rankboxS table {
	margin:0 15px 15px;
	font-size:12px;
	width:395px;
}
#content .rankboxS table td {
	text-align:left;
}
#content .rankboxS h3#rank2 {
	background:url(../img/rank2.png) no-repeat;
}
#content .rankboxS .rankCtt2 {
	background:url(../img/rank2-bg.png);
	text-align:center;
}
#content .rankboxS .rankCtt2 p {
	font-size:12px;
	background:none;
	text-align:left;
}
#content .rankboxS .rank2-bottom {
	background:url(../img/rank2-bottom.png);
	height:13px;
}
#content .rankboxS h3#rank3 {
	background:url(../img/rank3.png) no-repeat;
}
#content .rankboxS .rankCtt3 {
	background:url(../img/rank3-bg.png);
	text-align:center;
}
#content .rankboxS .rankCtt3 p {
	font-size:12px;
	background:none;
	text-align:left;
}
#content .rankboxS .rank3-bottom {
	background:url(../img/rank3-bottom.png);
	height:13px;
}

/*ランキングボックススモールのお得情報・キャンペーンCHECK*/
#content .rankboxS .pickupbox {
	background:url(../img/pickup-s.png) no-repeat;
	width:398px;
	height:172px;
	margin:0 auto 10px;
}
#content .rankboxS .pickupbox ul {
	margin:0 0 10px;
	padding:60px 28px 0;
}
#content .rankboxS .pickupbox ul li {
	padding:0 0 0 30px;
	background:url(../img/pickuplist.png) no-repeat 0px 3px;
	text-align:left;
	font-size:14px;
	line-height:1.8;
}

/*ランキングボックススモールのお問合せ*/
#content .rankboxS .cttboxS a {
	background:url(../img/rank-contact-s.png) no-repeat center;
	width:304px;
	height:92px;
	display:block;
	margin:0 auto;
	text-indent:-9999px;
}
#content .rankboxS .cttboxS a:hover {
	background:url(../img/rank-contact-s_on.png) no-repeat center;
}


/*下部詳細*/
#content #gaiyou {
	background:url(../img/foottxtbox.png) no-repeat center;
	width:674px;
	height:114px;
	margin:0 auto 50px;
	padding:100px 50px 50px;
	font-size:10px;
	color:#999;
}




/*パンくず*/
#content .breadcrumbs {
	font-size:12px;
	margin-bottom:5px;
}
#content .breadcrumbs ul li {
	display: inline;
	margin-right: 0.5em;
	line-height: 1.8;
	text-align: right;
}
#content .breadcrumbs ul li a {
	display:inline-block;
	padding-right: 15px;
	background: url(../img/icon-brc.gif) center right no-repeat;	
}

/*アフィリンク設定*/
#content .aflink {
	color: #0000ff;
	text-decoration: underline;
	font-weight:bold;
	background:url(../img/cate-box.png) no-repeat 0 center;
	padding-left:18px;
}
#content .aflink:hover {
	color: #ff9900;
}




/*コンテンツ内のベース設定*/
#content p {
	margin-bottom:10px;
}
#content img {
	max-width: 100% !important;
	height: auto;
}
#content table {
	margin-bottom:20px;
	width:100%;
	border-left:1px solid #CCC;
	border-top:1px solid #CCC;
	border-collapse: collapse;
	border-spacing: 0;
}
#content table tr th,
#content table tr td {
	font-size:12px;
	line-height:1.8;
	text-align:center;
	vertical-align:middle;
	padding:10px 15px;
	border-right:1px solid #CCC;
	border-bottom:1px solid #CCC;
}
#content table tr th {
	font-weight:bold;
	background:#ffeded;
}







/*メインコンテンツ*/
#content .mainCtt {
	float:left;
	width:610px;
}
#content .post {
	overflow:hidden;
	_zoom:1;
	margin-bottom:30px;
}
#content .ttl02 {
	background:url(../img/ttl02.png) no-repeat;
	font-size:20px;
	text-align:center;
	height:75px;
	line-height:75px;
}
#content .ttl02 a {
	text-decoration:none;
	color:#785127;
}
#content .ttl02 a:hover {
	text-decoration:underline;
	color:#f58a16;
}
#content .ttl03 {
	background:url(../img/ttl03.png) no-repeat;
	height:47px;
	line-height:47px;
	font-size:20px;
	color:#ff837c;
	margin:40px 0 20px;
	padding-left:50px;
}
#content .ttl04 {
	background:url(../img/ttl04.png) no-repeat;
	height:38px;
	line-height:41px;
	color:#FFF;
	margin:30px 0 10px;
	padding-left:29px;
}
#content .ttl05 {
	border-left:5px solid #ff837c;
	border-bottom:1px solid #ff837c;
	padding-left:15px;
	margin:30px 0 10px;
}
#content .ttl06 {
	background:url(../img/ttl06.png) no-repeat;
	height:63px;
	font-size:20px;
	font-weight:normal;
	color:#409850;
	padding:32px 0 0 116px;
	margin:30px 0 20px;
}
#content .ttl07 {
	background:url(../img/ttl07.png) no-repeat;
	height:30px;
	color:#e46452;
	font-size:19px;
	padding:12px 0 0 50px;
}


#content p {
	background:url(../img/line.gif);
	line-height:200%;
	padding:5px 10px;
	font-size:16px;
	margin-bottom:20px;
}
#content ul {
}
#content ul li {
}
#content .post blockquote {
	border:1px dotted #CCC;
	background:#e8e8e8;
	padding:10px;
	margin-bottom:20px;
	font-size:12px;
	overflow:hidden;
}

#content dl.pointA {
	background:url(../img/dl-bgA.gif);
	padding:20px 20px 0;
	margin-bottom:20px;
	overflow:hidden;
}
#content dl.pointA dt {
	background:url(../img/dl-barA.png) repeat-x bottom;
	font-size:16px;
	font-weight:bold;
	color:#C00;
	padding-bottom:5px;
	margin-bottom:10px;
}
#content .post dl.pointA dd {
	margin-bottom:20px;
}

#content .post dl.pointB {
	border:1px dashed #fcb6b2;
	border-radius: 10px;
	background:#ffe9e8;
	padding:20px 20px 0;
	margin-bottom:20px;
	overflow:hidden;
}
#content .post dl.pointB dt {
	font-size:12px;
	color:#999;
	font-weight:bold;
}
#content .post dl.pointB dd {
	font-size:10px;
	line-height:1.4;
	color:#999;
	margin-bottom:20px;
}

#content .post dl.pointC {
	background:url(../img/dl-bgC.gif);
	border-radius: 10px;
	padding:20px 20px;
	margin-bottom:20px;
	overflow:hidden;
}
#content .post dl.pointC dt {
	background:url(../img/dl-barC.png) no-repeat center bottom;
	font-size:16px;
	font-weight:bold;
	padding-bottom:10px;
	color:#85B5E4;
}
#content .post dl.pointC dd {
	font-size:14px;
}

#content .nav-below {
	overflow:hidden;
	_zoom:1;
	margin-bottom:20px;
}
#content .nav-below span a {
	background:#ff837c;
	color:#FFF;
	text-decoration:none;
	padding:5px 8px;
	font-size:12px;
	border-radius: 10px;		/* CSS3草案 */
	-webkit-border-radius: 10px;	/* Safari,Google Chrome用 */
	-moz-border-radius: 10px;	/* Firefox用 */
}
#content .nav-below span a:hover {
	color:#FFF;
	text-decoration:underline;
}
#content .nav-below .nav-previous {
	float:left;
}
#content .nav-below .nav-next {
	float:right;
}


#content div.box table.otherSalon {
}
#content div.box table.otherSalon th {
}
#content div.box table.otherSalon td {
	text-align:left;
}


/*サイドコンテンツ*/
#content .sideCtt {
	float:right;
	width:240px;
}
#content .sideCtt dl {
	border:1px solid #CCC;
	padding:10px 14px 5px;
	margin-bottom:20px;
}
#content .sideCtt dl dt {
	overflow:hidden;
	_zoom:1;
	margin-bottom:5px;
}
#content .sideCtt dl dd {
	font-size:12px;
	border-bottom:2px dotted #CCC;
	margin-bottom:10px;
	padding-left:3px;
}
#content .sideCtt dl dd.lastChild {
	margin-bottom:0;
	border-bottom:none;
}
#content .sideCtt dl dd a {
	text-align:center;
	display:block;
}
#content .sideCtt dl dd p {
	margin:0 0 5px;
	line-height:1.2;
	font-size:10px;
}
#content .sideBox {
	background:url(../img/saide-bg.png);
	padding:10px 10px;
}
#content .sideBox ul li h3 {
	background:url(../img/side-titlebg.png) no-repeat;
	text-align:center;
	padding:10px 0;
	color:#685546;
	margin-bottom:10px;
}
#content .sideBox ul li ul {
	margin-bottom:20px;
}
#content .sideBox ul li ul li {
	font-size:14px;
	background:#FFF;
	padding:0 10px;
	border-bottom:1px dotted #CCC;
}
#content .sideBox ul li ul li.lastChild {
	border-bottom:none;
}
#content .sideBox ul li ul li a {
	display:block;
	color:#6c6d60;
	text-decoration:none;
	padding:10px 0 10px 10px;
	background:url(../img/icon_try1_red.gif) no-repeat 0 19px;
}
#content .sideBox ul li ul li a:hover {
	background:url(../img/icon_try1_red.gif) no-repeat 5px 19px;
	color:#fea8a2;
}


/*フッター*/
footer {
	text-align:center;
	font-size:12px;
	background:#E981FF;
	padding:10px;
	color:#FFF;
}
footer ul {
	margin-bottom:10px;
}
footer ul li {
	display:inline-block;
	margin:0 3px;
}
footer ul li a {
	color:#FFF;
}
footer p {
	font-weight:bold;
}