/* charset */
@charset "utf-8";

/* update:2012 2 17 */

body{ background: #fff}

/*****************
rayout
******************/
#wrapper{width: 100%; margin: 0 auto; text-align: left;background:#fff;}
#wrapperInner{ margin: 0 10px 10px;overflow: hidden;}
#contents{ width: 950px; margin: 0 auto; line-height: 1.8; color: #111; }
.disp{ text-indent:-9999px ; font-size:0; line-height:0}

.content h2{ padding: 0 10px; font-weight: bold; line-height: 31px; margin-bottom: 10px; background: url("http://image.excite.co.jp/jp/mail/2011/index/bg_pageTitle.gif") repeat-x 0 0 ;}
.content{ margin: 0 0 20px; overflow: hidden; zoom: 1;}
.content .inner{ overflow: hidden; padding: 10px;}

/*welcom*/
#welcom{ width: 1039px; height: 360px; margin: 0 auto; background: url(http://image.excite.co.jp/jp/mail/2011/index/bg_mainImg.png) no-repeat; position: relative}

.btn{display: block; font-size: 0; line-height: 0; text-indent: -9999px;}

#makeIdBtn{ position: absolute; top:160px; left: 105px;}
#makeIdBtn a{ width: 335px; height: 50px; background: url(http://image.excite.co.jp/jp/mail/2011/index/bg_btn.png) no-repeat 0 0;}
#makeIdBtn a:hover{background-position: 0 -50px;}

#loginBtn{ position: absolute; top:215px; left: 105px;}
#loginBtn a{ width: 164px; height: 50px; background: url(http://image.excite.co.jp/jp/mail/2011/index/bg_btn.png) no-repeat 0 -100px;}
#loginBtn a:hover{background-position: 0 -151px;}

#faqBtn{ position: absolute; top:215px; left: 275px;}
#faqBtn a{ width: 164px; height: 50px; background: url(http://image.excite.co.jp/jp/mail/2011/index/bg_btn.png) no-repeat -170px -100px;}
#faqBtn a:hover{background-position: -170px -151px;}

/*features*/
#features dl{ display:block; width: 280px; height: 115px; float: left; margin: 0 10px 20px 0; padding: 0 10px; border-right: solid 1px #ccc;}
#features dt{ font-weight: bold; color: #0d58ab}
#features dd{ width: 170px;}

dl#func01{ background: url(http://image.excite.co.jp/jp/mail/2011/index/bg_dl01.png) no-repeat right top}
dl#func02{ background: url(http://image.excite.co.jp/jp/mail/2011/index/bg_dl02.png) no-repeat right top}
dl#func03{ background: url(http://image.excite.co.jp/jp/mail/2011/index/bg_dl03.png) no-repeat right top; border: none; margin: 0 0 20px 0;}
dl#func04{ background: url(http://image.excite.co.jp/jp/mail/2011/index/bg_dl04.png) no-repeat right top; clear: both;}
dl#func05{ background: url(http://image.excite.co.jp/jp/mail/2011/index/bg_dl05.png) no-repeat right top}
dl#func06{ background: url(http://image.excite.co.jp/jp/mail/2011/index/bg_dl06.png) no-repeat right top; border: none; margin: 0;}

#deleteMailBox{ width: 500px; margin: 0 auto; color: #666; text-align: center; border: dotted 1px #ccc; padding: 5px; background: #f7f7f7}

/*information*/
#information li{ list-style: outside disc; margin: 0 0 0 20px;}