@charset "utf-8";

/* CSS Document */

#xmas{ font-size: 13px; background: url(https://image.excite.co.jp/jp/fortune/special/2011xmas/bg.jpg) repeat-y left top #092d63; position: relative; margin-bottom: 10px;}


#xmas div.inner{ background: url(https://image.excite.co.jp/jp/fortune/special/2011xmas/bg_btm.jpg) no-repeat bottom left; padding: 0 0 20px 0; position: relative;}
#xmas div{overflow: hidden; zoom: 1;}


.xmastop{ background: url(https://image.excite.co.jp/jp/fortune/special/2011xmas/titleBg.jpg) no-repeat left top; padding-top: 192px;}
.xmasrslt{ background: url(https://image.excite.co.jp/jp/fortune/special/2011xmas/titleBg2.jpg) no-repeat left top #092d63; padding-top: 130px;}

#mainarea h1{position: absolute;}


.title1{ width: 443px; height: 162px; background: url(https://image.excite.co.jp/jp/fortune/special/2011xmas/title.jpg) no-repeat left top; left: 126px; top: 22px;}
.title2{ width: 352px; height: 106px; background: url(https://image.excite.co.jp/jp/fortune/special/2011xmas/title2.jpg) no-repeat left top; left: 9px; top: 14px;}

.profile h2{ font-weight: bold; font-size: 123.1%;}
#check h2{ font-weight: bold; font-size: 100%; margin-bottom: 10px;}
#check{ -webkit-border-radius: 10px;-moz-border-radius: 10px; background: #17508a; width: 540px; padding: 30px;background-image: -moz-linear-gradient(top, #0c3571, #2a5595);
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0.00, #0c3571), color-stop(1.0, #2a5595)); margin: 10px auto;-webkit-box-shadow: inset 0px 0px 5px #000000;-moz-box-shadow: inset 0px 0px 5px #000000; box-shadow: inset 0px 0px 5px #000000; color: #fff; font-size: 116%; margin-bottom: 10px; height: auto;}

#check p{ text-align: center;}
#check p.about{ font-size: 93%; line-height: 1.5; text-align: left;}
#xmas hr{ clear: both; border-bottom: 1px solid #2c60ae; border-top: 1px solid #092d63; border-left: none; border-right: none;}
#check form{ width: 400px; padding: 30px 0; margin: 0 auto; position:relative;}

#check select{ font-size: 123.1%;}

#submit{ width: 126px; height: 0; background: url(https://image.excite.co.jp/jp/fortune/special/2011xmas/btn.jpg) 0 0; border: none; -webkit-box-shadow: 0px 0px 5px #000000;
-moz-box-shadow: 0px 0px 5px #000000;box-shadow: 0px 0px 5px #000000; padding-top: 44px; overflow: hidden; float:right; position:absolute; top: 20px; right: 0;}
#submit:hover{ background: url(https://image.excite.co.jp/jp/fortune/special/2011xmas/btn.jpg) 0 -44px;}
 
.w_text{ color: #fff;}
.profile{ clear: both; overflow: hidden; zoom: 1; background: #001a41;  width: 540px; padding: 30px; margin: 10px auto; -webkit-border-radius: 10px;-moz-border-radius: 10px;}
.profile dt,.profile dd{ float: left;}
.profile dd{ width: 400px; margin-left: 10px;}

.bottomBg{ background: url(https://image.excite.co.jp/jp/fortune/special/2011xmas/bg_btm.jpg) no-repeat left bottom;}

#msg{ width: 585px; background: url(https://image.excite.co.jp/jp/fortune/special/2011xmas/resultBg.jpg) no-repeat left top; margin: 10px auto 0 auto; padding: 50px 20px 10px 20px;}
#msg h2,#msg h3{ font-family:Osaka,meiryo, "ヒラギノ角ゴ Pro W3","ＭＳ Ｐゴシック"; font-weight: bold; font-size: 174%; text-align: center; letter-spacing: 0.2em; }
#msg p{ font-family:Osaka,meiryo, "ヒラギノ角ゴ Pro W3","ＭＳ Ｐゴシック"; font-size: 116%; line-height: 1.4; margin: 10px 0;}

ul.item{ display: block; -webkit-border-radius: 3px;-moz-border-radius: 3px; background-color: #00255c; padding: 5px 10px; margin-bottom: 10px;}
#msg ul.item li{ font-family:Osaka,meiryo, "ヒラギノ角ゴ Pro W3","ＭＳ Ｐゴシック"; font-size: 100%; line-height: 1.4; margin: 5px 0;}
#msg ul.item span{ font-weight: bold; font-size: 116%;}

/* -webkit-border-radius: 3px;-moz-border-radius: 3px; background-color: #00255c;*/
    p.speech  
    {  
        position: relative;  
        width: 470px;  
        height: 20px;  
        text-align: center;  
        line-height: 100px;  
        background-color: #fffee1;  
        border: 1px solid #6fa3f3;  
        -webkit-border-radius: 10px;  
        -moz-border-radius: 10px;  
        border-radius: 10px;
		color: #201913;
		padding: 10px;
		text-align: left;

    }
p.speech:before  
{  
    content: ' ';  
    position: absolute;  
    width: 0;  
    height: 0;  
    right: -12px;  
    top: 22px;  
    border: 6px solid;  
    border-color: #6fa3f3 transparent transparent #6fa3f3;  
}  
	p.speech:after  
{  
    content: ' ';  
    position: absolute;  
    width: 0;  
    height: 0;  
    right: -9px;  
    top: 23px;  
    border: 5px solid;  
    border-color: #fffee1 transparent transparent #fffee1;  
} 

.sprite{ overflow: hidden; display: block; background-repeat: no-repeat; height: 0;}

#dexcite{ background: url(https://image.excite.co.jp/jp/fortune/special/2011xmas/denwaBg.jpg) repeat-y left top;}
#dexcite div.inner{ background: url(https://image.excite.co.jp/jp/fortune/special/2011xmas/denwa05.jpg) no-repeat left bottom; padding-bottom: 80px;}

#xmas .read01{ background-image:url(https://image.excite.co.jp/jp/fortune/special/2011xmas/denwa01.jpg); padding-top: 98px; margin-bottom: 0;}
#dexcite h3.logo{ background-image:url(https://image.excite.co.jp/jp/fortune/special/2011xmas/denwa02.jpg); padding-top: 99px; margin: 0;}

.point{ width: 580px; margin: 10px auto; overflow: hidden;}
.point ul{ width: 595px; margin-left: -12px;}
* html .point ul{ width: 615px; margin-left: -24px;}
.point li{}
.point li.nml{ width: 255px; float: left; margin-left: 12px; height: 164px; padding: 15px;}
.point li.n01{ background: url(https://image.excite.co.jp/jp/fortune/special/2011xmas/seet01.jpg) no-repeat left top;}
.point li.n02{ background: url(https://image.excite.co.jp/jp/fortune/special/2011xmas/seet02.jpg) no-repeat left top;}
.point li.full{ clear: both; padding: 15px; background:url(https://image.excite.co.jp/jp/fortune/special/2011xmas/seet03.jpg) no-repeat left top; height: 134px; margin-left: 12px;}
* html .point li.full{ clear: both; padding: 15px; background:url(https://image.excite.co.jp/jp/fortune/special/2011xmas/seet03.jpg) no-repeat left top; height: 134px; margin-left: 24px;}
.point li p{ margin-top: 10px;}

.first{ background: url(https://image.excite.co.jp/jp/fortune/special/2011xmas/first.jpg) no-repeat left top; width: 278px; height: 82px; margin: -20px 0 0 5px; padding: 15px;}
#xmas .first p{ margin-top: 25px; line-height: 1.4;}

.sample{ background: url(https://image.excite.co.jp/jp/fortune/special/2011xmas/navi.jpg) no-repeat left top; width: 573px; height: 127px; margin: 10px auto; position: relative;}
.sample h3{ position: absolute; top: 64px; left: 6px;}
.sample a{ width: 250px; height: 95px; position: absolute; top: 15px; right: 9px; display: block;} 
.sample a:hover img{ visibility: hidden;}


ul.tellers{ width: 580px; margin: 10px auto;}
ul.tellers li{ width: 580px; margin: 10px auto; overflow: hidden;}
ul.tellers li h3 img{ margin-bottom: 10px;}
ul.tellers li h4{ font-family:Osaka,meiryo, "ヒラギノ角ゴ Pro W3","ＭＳ Ｐゴシック"; font-weight: bold; font-size: 167%; letter-spacing: 0.2em; }
ul.tellers li p.measure{ background: url(https://image.excite.co.jp/jp/fortune/special/2011xmas/hoe.gif) no-repeat left top; margin: 10px 0; padding-left: 40px;}
ul.tellers img{ float: left;}
ul.tellers div{ width: 470px; float: right;}

p.recommend{ color: #be23bc; background-color:#fdf1f9; -webkit-border-radius: 10px;-moz-border-radius: 10px; padding: 10px; border: 1px solid #be23bc; margin-top: 10px;}