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

/* update:  2012 2 17 */
/* url:   jp/email/css/welcome.css */

body{ background: #fff}

.ad728{background: #ccc;}

/*****************
rayout
******************/

/*************** share ***************/

#wrapper{width: 100%; margin: 0 auto; text-align: left;background:#fff;}
#wrapperInner{ margin: 0 10px 10px;overflow: hidden;}
#container{ overflow: hidden; width: 950px; margin: 0 auto; line-height: 1.8; color: #111; _zoom:1;}
#contents{ float: left; width: 650px; }
#sidebar{ float: right; width: 290px; }
.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(//image.excite.co.jp/jp/email/images/pc/welcome/bg_pageTitle.gif) repeat-x 0 0 ;}
.content{ margin: 0 0 20px; overflow: hidden; zoom: 1;}
.content .inner{ overflow: hidden; padding: 10px;}




/*************** makeMailbox ***************/

#welcom{ width: 1039px; height: 360px; margin: 0 auto; background: url(//image.excite.co.jp/jp/email/images/pc/welcome/bg_mainImg_new.jpg) no-repeat; position: relative}
.btn{display: block; font-size: 0; line-height: 0; text-indent: -9999px;}
#makeIdBtn{ position: absolute; top:180px; left: 335px;}
#makeIdBtn a{ width: 335px; height: 50px; background: url(//image.excite.co.jp/jp/email/images/pc/welcome/bg_btn.png) no-repeat 0 0;}
#makeIdBtn a:hover{background-position: 0 -50px;}
#loginBtn{ position: absolute; top:235px; left: 335px;}
#loginBtn a{ width: 164px; height: 50px; background: url(//image.excite.co.jp/jp/email/images/pc/welcome/bg_btn.png) no-repeat 0 -100px;}
#loginBtn a:hover{background-position: 0 -151px;}
#faqBtn{ position: absolute; top:235px; left: 505px;}
#faqBtn a{ width: 164px; height: 50px; background: url(//image.excite.co.jp/jp/email/images/pc/welcome/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(//image.excite.co.jp/jp/email/images/pc/welcome/bg_dl01.png) no-repeat right top;}
dl#func02{ background: url(//image.excite.co.jp/jp/email/images/pc/welcome/bg_dl02.png) no-repeat right top; border: none; margin: 0 0 20px 0;}
dl#func03{ background: url(//image.excite.co.jp/jp/email/images/pc/welcome/bg_dl03.png) no-repeat right top; clear: both;}
dl#func04{ background: url(//image.excite.co.jp/jp/email/images/pc/welcome/bg_dl04.png) no-repeat right top; border: none; margin: 0;}
dl#func05{ background: url(//image.excite.co.jp/jp/email/images/pc/welcome/bg_dl05.png) no-repeat right top; border: none; margin: 0 0 20px 0;}
dl#func06{ background: url(//image.excite.co.jp/jp/email/images/pc/welcome/bg_dl06.png) no-repeat right top; border: none; }
dl#func07{ background: url(//image.excite.co.jp/jp/email/images/pc/welcome/bg_dl07_2GB.png) no-repeat right top;); clear: both;}
dl#func08{ background: url(//image.excite.co.jp/jp/email/images/pc/welcome/bg_dl08.png) no-repeat right top;); clear: both; margin: 0 10px 0 0;}

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

#mailBlogFeed{}
#mailBlogFeed h2{ margin: 0;}
#mailBlogFeed li a{ padding: 0 10px;}
#mailBlogFeed span.new{ color: red; font-weight: bold;}


/* sidebar */
#mailInfo h2{ background: url(//image.excite.co.jp/jp/email/images/pc/parts_icon.png) no-repeat -7px -778px; padding-left: 20px;}


/*************** guideline ***************/
.guideline #container{ margin: 50px auto}
.guideline #container ol{ list-style: outside decimal; padding: 20px 40px}
.guideline #container li{ margin: 0 0 20px}

/*************** restart page ***************/
.restart #headImg{ background: url(//image.excite.co.jp/jp/email/images/pc/welcome/bg_entrance_headImg.jpg) no-repeat; width: 964px; height: 314px; margin: 0 auto; margin: 50px auto;}
.restart #headImg h1{ background: url(//image.excite.co.jp/jp/email/images/pc/welcome/img_mail_stop.png) no-repeat left 0; line-height: 70px; width: 430px; padding: 0 0 0 110px; font-weight: bold; font-size: 22px; margin: 50px auto 20px;}
.restart #headImg .restart_dsc{ width: 550px; margin: 20px auto; text-align: left; line-height: 1.8}
.restart #headImg .restartBtn input{ display: block; height: 30px; width: 200px; margin: 0 auto; border: solid 1px #092c9e; border-radius: 3px;  background: #3c60d4; font-weight: bold; color: #fff; text-align: center; line-height: 29px; text-decoration: none;}
.restart #headImg .restartBtn input:hover{ text-decoration: underline; cursor: pointer;}


/*************** makeMailbox ***************/
.makeMailbox #headImg{ background: url(//image.excite.co.jp/jp/email/images/pc/welcome/bg_entrance_headImg.jpg) no-repeat; width: 964px; height: 314px; margin: 50px auto; }
.makeMailbox #headImg h1{ background: url(//image.excite.co.jp/jp/email/images/pc/welcome/img_mail_makeMailbox.png) no-repeat left 0; line-height: 70px; width: 430px; padding: 0 0 0 110px; font-weight: bold; font-size: 22px; margin: 50px auto ;}
.makeMailbox #headImg .makeBtn a{ display: block; height: 30px; width: 200px; margin: 0 auto; border: solid 1px #092c9e; border-radius: 3px;  background: #3c60d4; font-weight: bold; color: #fff; text-align: center; line-height: 29px; text-decoration: none;}
.makeMailbox #headImg .makeBtn a:hover{ text-decoration: underline; cursor: pointer;}
.makeMailbox .start_dsc{width: 550px; margin: 20px auto; text-align: center; line-height: 1.8}