@charset "utf-8";
/* CSS Document */
/* http://image.excite.co.jp/jp/woman/shindan/chart01.css */
.hgroup h1 { margin-bottom: 10px; }

#chart{ padding-bottom: 20px;	margin-bottom: 20px;}
#chart h3{ font-size: 24px; text-align: left;}
#chart p{ text-align: left;	font-size: 12px; line-height: 20px;	color: #484848;	}
#chart dl{ width: 570px; margin: 0 auto 30px auto;}
#chart dt{ width: 540px; margin: 10px auto; padding: 20px 0;  font-size: 16px;	font-weight: bold; text-align: left;}
#chart dd{ padding: 20px 0 0 0; }
#chart dd li{ margin: 0 0 30px 0;}

#chart dl.result dt{ font-size: 16px;	font-weight: bold; text-align: center;}
#chart dl.result dd{ padding: 0 0 20px 0;}
#chart dl.result p{ width: 540px; margin: 0 auto; padding: 0; text-align: left;}
#chart a{ padding: 10px; font-size: 153.9%;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;-webkit-box-shadow: 1px 1px 1px #000000;-moz-box-shadow: 1px 1px 1px #000000;box-shadow: 1px 1px 1px #000000; display: block; width: 520px; margin: auto;color: #ffffff;text-align: center; }

.pattern01{ background: url(//image.excite.co.jp/jp/loveriki/static/c_01bg_03.jpg) no-repeat center  bottom;	background-color: #FFFFFF;}
.pattern01 h3{ background: url(//image.excite.co.jp/jp/loveriki/static/c_01bg_01.jpg) no-repeat left top; padding: 50px 40px 20px; color: #ff0084;}
.pattern01 p{ margin: 15px auto 0 auto; background: url(//image.excite.co.jp/jp/loveriki/static/c_01bg_02.jpg) no-repeat center bottom; padding: 0 42px 90px 43px}
.pattern01 dl{-webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px;background-color: #f1fdff;padding: 10px;border: 7px solid #595959; text-align: center;}
.pattern01 dt{ color: #07b1d6;}
.pattern01 a{ background-color: #f92384; background-image: -moz-linear-gradient(top, #ff52a0, #f92384);background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0.00, #ff52a0), color-stop(1.0, #f92384)); font-weight: bold;}
.pattern01 a:hover{background-image: -moz-linear-gradient(top, #12a5d5, #12a5d5);
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0.00, #12a5d5), color-stop(1.0, #12a5d5));background-color: #713e22;}

.pattern01 dl.result dt{ color: #07b1d6;}
.pattern01 dl.result p{ background: none;}

.pattern02{ background: url(//image.excite.co.jp/jp/loveriki/static/c_02bg_03.jpg) no-repeat center bottom; background-color: #FFFFFF; overflow: hidden; zoom:1;}
.pattern02 h3#resultTtl { background: url(//image.excite.co.jp/jp/loveriki/static/c_02bg_02.jpg) no-repeat center top; padding: 60px 40px 20px; color: #6E481E; width: 580px!important;}
.pattern02 p{ margin: 5px auto 0 auto; background: url(//image.excite.co.jp/jp/loveriki/static/c_02bg_02.jpg) no-repeat center bottom; padding: 0 10px}
.pattern02 .intro{ background: url(//image.excite.co.jp/jp/loveriki/static/c_02bg_01.jpg) no-repeat center top; overflow: hidden; zoom:1;}
.pattern02 dl{ -webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px;background-color: #fffcea;padding: 10px; text-align: center;-webkit-box-shadow: 0px 0px 5px #ecd450;-moz-box-shadow: 0px 0px 5px #ecd450; box-shadow: 0px 0px 5px #ecd450;}
.pattern02 dt{color: #501f01;}
.pattern02 dl.result dt{ color: #d20a51;}

.pattern02 a{background-color: #f92384; background-image: -moz-linear-gradient(top, #ff52a0, #f92384);background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0.00, #ff52a0), color-stop(1.0, #f92384)); font-weight: bold;}
.pattern02 a:hover{background-image: -moz-linear-gradient(top, #cc970a, #dda81a);
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0.00, #cc970a), color-stop(1.0, #dda81a));
background-image: -moz-linear-gradient(top, #713e22, #623217);
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0.00, #713e22), color-stop(1.0, #623217));background-color: #713e22;
}

.pattern02 div#intro_ttl{  padding: 60px 40px 20px; width: 580px!important;}
.pattern02 div#intro_ttl ul li#intro_l { float: left; width: 150px;}
.pattern02 div#intro_ttl ul li#intro_l img { border: solid 1px #DEDEDE;}
.pattern02 div#intro_ttl ul li#intro_r { float: left; width: 410px; padding-left:20px;}
.pattern02 div#intro_ttl ul li#intro_r h3 { font-size: 20px; line-height:1.4; }
.pattern02 div#intro_ttl ul li#intro_r p { padding-top:5px; line-height:1.6; }

.pattern03 h3#resultTtl { background: url(//image.excite.co.jp/jp/loveriki/static/c_03bg_01.jpg) no-repeat center top; padding: 60px 40px 20px; color: #6E481E; width: 580px!important;}
.pattern03{ background: url(//image.excite.co.jp/jp/loveriki/static/c_03bg_03.jpg) no-repeat center bottom;}
.pattern03 .intro{ background: url(//image.excite.co.jp/jp/loveriki/static/c_03bg_02.jpg) repeat-y center top;}
.pattern03 dl{ -webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px;background-color: #ffe7e8;padding: 10px; text-align: center;-webkit-box-shadow: 1px 1px 2px #808080 inset;-moz-box-shadow: 1px 1px 2px #808080 inset;box-shadow: 1px 1px 2px #808080 inset;background-image: -moz-linear-gradient(top, #ffe7e8, #fad9da);
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0.00, #ffe7e8), color-stop(1.0, #fad9da));}
.pattern03 dt{ color: #501f01;}
.pattern03 a{ background-color: #f92384;background-image: -moz-linear-gradient(top, #ff6a8d, #fa587e);background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0.00, #ff6a8d), color-stop(1.0, #fa587e)); font-weight: bold;}
.pattern03 a:hover{background-image: -moz-linear-gradient(top, #713e22, #623217);
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0.00, #713e22), color-stop(1.0, #623217));background-color: #713e22;}
.pattern03 dl.result dt{ text-shadow: 2px 2px 1px #FFFFFF;}
.pattern03 dl.result p{ background: none;}

.pattern03 div#intro_ttl{ background: url(//image.excite.co.jp/jp/loveriki/static/c_03bg_01.jpg) no-repeat center top; padding: 60px 40px 20px; color: #6e481e; width: 580px!important;}
.pattern03 div#intro_ttl ul li#intro_l { float: left; width: 150px;}
.pattern03 div#intro_ttl ul li#intro_l img { border: solid 1px #DEDEDE;}
.pattern03 div#intro_ttl ul li#intro_r { float: left; width: 410px; padding-left:20px;}
.pattern03 div#intro_ttl ul li#intro_r h3 { font-size: 20px; line-height:1.4; }
.pattern03 div#intro_ttl ul li#intro_r p { padding-top:5px; line-height:1.6; }

#chart.pattern01 a.tx-link, #chart.pattern02 a.tx-link, #chart.pattern03 a.tx-link {
  padding: 0px; 
  font-size: 14px;
  -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none;
  display: inline; width: auto; margin: auto; color: #e9727e; text-align: left;
  background-color: #f1fdff; background-image: none; line-height: 1.6;
}
#chart.pattern02 a.tx-link { background-color: #fffcea; }
#chart.pattern03 a.tx-link { background-color: #fad9da; }
#chart.pattern01 a.tx-link:hover, #chart.pattern02 a.tx-link:hover, #chart.pattern03 a.tx-link:hover { text-decoration: underline; background-color: #f1fdff; }
#chart.pattern02 a.tx-link:hover { background-color: #fffcea; }
#chart.pattern03 a.tx-link:hover { background-color: #fad9da; }

.intro ul#00 { padding: 0 40px;}
.intro div#img00 { float:left;}

.blue a{ color:#01A7DE; text-decoration: underline;}
.blue a:hover{ color:#4e2800; text-decoration: none;}