/* mail_magazine */

.red {color:#dd0000; font-weight:bold;}

div.mainImg {clear:both; position:relative; height:280px; margin:0px; background:#3f332f url("../images/bg_main.jpg") no-repeat 0px 0px; overflow:hidden;}
div.mainImg div.navi {position:absolute; top:255px; left:0px; height:25px; font-size:12px; color:#ffffff; overflow:hidden;}
div.mainImg div.navi span {display:block; margin:5px 10px 0px; overflow:hidden;}
div.mainImg div.navi a {color:#ffffff;}
div.mainImg h1 {height:5px; background:transparent; overflow:hidden; text-indent:-2000px;}
div.mainImg div.image {height:5px; background:transparent; overflow:hidden; text-indent:-2000px;}
div.mainImg p {height:5px; background:transparent; overflow:hidden; text-indent:-2000px;}

div.blogArea {width:880px; margin:0px 20px; padding:15px 0px; border-right:solid 1px #cccccc; font-size:100%; overflow:hidden;}

div.blogArea div.mailEntry {width:860px; margin:0px 0px 20px; overflow:hidden;}
div.blogArea div.mailEntry div.entryFlow {display:inline; width:635px; height:200px; border-right:solid 1px #cccccc; float:left;}
div.blogArea div.mailEntry div.entryFlow h2 {width:635px; height:30px; background:#ffffff url("../images/ttl_mail_flow.gif") no-repeat 0px 0px; text-indent:-2000px;}
div.blogArea div.mailEntry div.entryFlow ol {width:635px; height:170px; margin:0px; padding:0px;}
div.blogArea div.mailEntry div.entryFlow li {clear:both; width:635px; margin:0px; padding:0px; overflow:hidden;}
div.blogArea div.mailEntry div.entryFlow li.step1 {height:65px; background:#ffffff url("../images/img_flow_1.gif") no-repeat 0px 0px;}
div.blogArea div.mailEntry div.entryFlow li.step2 {height:65px; background:#ffffff url("../images/img_flow_2.gif") no-repeat 0px 0px;}
div.blogArea div.mailEntry div.entryFlow li.step3 {height:35px; background:#ffffff url("../images/img_flow_3.gif") no-repeat 0px 0px;}
div.blogArea div.mailEntry div.entryFlow div.text {display:inline; width:515px; height:35px; margin:0px; overflow:hidden; text-indent:-2000px; float:left;}
div.blogArea div.mailEntry div.entryFlow div.link {display:inline; width:120px; margin:10px 0px 0px; font-weight:bold; overflow:hidden; float:left;}
div.blogArea div.mailEntry div.entryFlow div.arrow {clear:both; width:635px; height:30px; background:#ffffff url("../images/icon_arrow.gif") no-repeat 100px 0px; text-indent:-2000px;}

div.blogArea div.mailEntry div.entryNavi {width:205px; height:200px; margin:0px 0px 0px 15px; float:right;}
div.blogArea div.mailEntry div.entryNavi ul {width:205px; margin:10px 0px 0px; padding:0px;}
div.blogArea div.mailEntry div.entryNavi li {width:205px; margin:0px 0px 10px; padding:0px; font-weight:bold;}
div.blogArea div.mailEntry div.entryNavi li a {margin:0px 10px 10px;}
div.blogArea div.mailEntry div.entryNavi li.entryBtn {width:205px; height:70px;}
div.blogArea div.mailEntry div.entryNavi li.entryBtn a {display:block; width:205px; height:70px; margin:0px; background:#ffffff url("../images/btn_mail_entry.jpg") no-repeat 0px 0px; overflow:hidden; text-indent:-2000px;}
div.blogArea div.mailEntry div.entryNavi li.entryBtn a:hover {background-position:0px -70px;}

div.blogArea div.backNumber {width:860px; background:#cccccc; overflow:hidden;}
div.blogArea div.backNumber h2 {width:860px; height:30px; background:#000000 url("../images/ttl_mail_back.gif") no-repeat 0px 0px; text-indent:-2000px;}
div.blogArea div.backNumber ul {width:858px; margin:0px 1px 1px; padding:10px 0px 5px; background:#ffffff; overflow:hidden;}
div.blogArea div.backNumber li {clear:both; width:858px; margin:0px 0px 5px; padding:0px; overflow:hidden;}
div.blogArea div.backNumber div {display:inline; width:120px; margin:0px 0px 0px 9px; float:left;}
div.blogArea div.backNumber h3 {display:inline; width:720px; margin:0px 9px 0px 0px; float:left;}


div.blogArea div.mailArticles {width:860px; margin:0px 0px 20px; overflow:hidden;}
div.blogArea div.mailArticles h2 {height:30px; background:#ffffff url("../images/bg_dot.gif") repeat-x 0px 26px; text-indent:-2000px;}
div.blogArea div.mailArticles h2 span.sttlMail {display:block; width:170px; height:25px; margin:0px; background:#ffffff url("../images/ttl_mail_magazine.gif") no-repeat 0px 0px; text-indent:-2000px; float:left;}
div.blogArea div.mailArticles h2 span.sttlSub {display:block; width:150px; height:25px; margin:0px; background:#ffffff url("../images/sttl_mail_articles.gif") no-repeat 0px 0px; text-indent:-2000px; float:left;}
div.blogArea div.mailArticles h3 {color:#cc0000;}
div.blogArea div.mailArticles ul {margin:10px 10px 20px;}
div.blogArea div.mailArticles li {margin:0px 0px 10px; font-size:14px;}
div.blogArea div.mailArticles li p {margin:10px 10px 20px; line-height:1.4;}
div.blogArea div.mailArticles li p strong {color:#dd0000;}


div.blogArea div.mailPrivacy {width:860px; margin:0px 0px 20px; overflow:hidden; text-align:center;}
div.blogArea div.mailPrivacy h2 {height:30px; background:#ffffff url("../images/bg_dot.gif") repeat-x 0px 26px; text-align:left; text-indent:-2000px;}
div.blogArea div.mailPrivacy h2 span.sttlMail {display:block; width:170px; height:25px; margin:0px; background:#ffffff url("../images/ttl_mail_magazine.gif") no-repeat 0px 0px; text-indent:-2000px; float:left;}
div.blogArea div.mailPrivacy h2 span.sttlSub {display:block; width:150px; height:25px; margin:0px; background:#ffffff url("../images/sttl_mail_privacy.gif") no-repeat 0px 0px; text-indent:-2000px; float:left;}
div.blogArea div.mailPrivacy ol {margin:10px 10px 20px; font-weight:bold; color:#cc0000;}
div.blogArea div.mailPrivacy li {margin:0px 0px 5px 20px; font-size:14px; list-style:decimal; text-align:left;}
div.blogArea div.mailPrivacy p {margin:10px 0px 20px; font-weight:normal; color:#000000;}
div.blogArea div.mailPrivacy ol.in {margin:10px 0px 20px; font-weight:normal; color:#000000;}
div.blogArea div.mailPrivacy div.addBox {width:280px; margin:0px auto; border:solid 1px #cccccc; text-align:left; overflow:hidden;}
div.blogArea div.mailPrivacy div.addBox h3 {margin:20px 20px 5px; color:#cc0000;}
div.blogArea div.mailPrivacy div.addBox address {margin:0px 20px 20px; font-style:normal;}
div.blogArea div.mailPrivacy div.addBox address span {display:block; margin:0px 0px 5px;}
div.blogArea div.mailPrivacy div.addBox address span.right {text-align:right;}



div.blogArea div.mailEntrySys {width:860px; margin:0px 0px 20px; text-align:center; overflow:hidden;}
div.blogArea div.mailEntrySys h2 {height:30px; background:#ffffff url("../images/bg_dot.gif") repeat-x 0px 26px; text-indent:-2000px;}
div.blogArea div.mailEntrySys h2 span.sttlMail {display:block; width:170px; height:25px; margin:0px; background:#ffffff url("../images/ttl_mail_magazine.gif") no-repeat 0px 0px; text-indent:-2000px; float:left;}
div.blogArea div.mailEntrySys h2 span.sttlRegist {display:block; width:150px; height:25px; margin:0px; background:#ffffff url("../images/sttl_mail_regist.gif") no-repeat 0px 0px; text-indent:-2000px; float:left;}
div.blogArea div.mailEntrySys h2 span.sttlCancel {display:block; width:150px; height:25px; margin:0px; background:#ffffff url("../images/sttl_mail_cancel.gif") no-repeat 0px 0px; text-indent:-2000px; float:left;}
div.blogArea div.mailEntrySys p {text-align:center; margin:30px 0px 10px;}
div.blogArea div.mailEntrySys p a {font-size:14px; font-weight:bold; text-decoration:underline;}
div.blogArea div.mailEntrySys div.box {width:660px; margin:5px auto 10px; border:solid 1px #aaaaaa; text-align:left; background:#f0f0f0;}
div.blogArea div.mailEntrySys div.box table {width:660px; font-size:100%;}
div.blogArea div.mailEntrySys div.box caption {padding:20px 0px 0px; font-size:120%; color:#dd0000; font-weight:bold; width:660px; }
div.blogArea div.mailEntrySys div.box th {width:120px; padding:5px 0px; text-align:right; vertical-align:top;}
div.blogArea div.mailEntrySys div.box td {margin:20px auto; padding:2px 0px; text-align:left; vertical-align:top;}
div.blogArea div.mailEntrySys div.box td input {padding:2px;}
div.blogArea div.mailEntrySys div.box td span {margin:0px 5px; font-size:12px; text-decoration:underline;}
div.blogArea div.mailEntrySys div.box div.btn {margin:5px 0px 20px; text-align:center;}
div.blogArea div.mailEntrySys div.box div.btn input {width:170px; height:30px;}
div.blogArea div.mailEntrySys div.result {margin:50px 0px; font-size:140%; font-weight:bold;}

div.blogArea div.blogMain {width:630px; margin:0px; float:left;}
div.blogArea div.blogMain h1 {margin:20px; font-size:140%; line-height:1.6;}
div.blogArea div.blogMain div.contents {margin:20px;}

div.blogArea div.jumpTop {margin:40px 20px; font-weight:bold; font-size:120%; text-align:center;}

div.blogArea div.blogMenu {width:230px; margin:0px 20px 20px 0px; float:left;}
div.blogArea div.blogMenu h2 {margin:10px 0px; padding:8px 5px 4px; color:#ffffff; background:#000000;}
div.blogArea div.blogMenu ul {padding:0px;}
div.blogArea div.blogMenu li {margin:0px 5px 5px 5px; background:#ffffff url("../images/bg_dot.gif") repeat-x left bottom;}

/* footter */
div.outline div.footer {clear:both; width:100%; height:30px; padding:10px 0px 0px 0px; text-align:right; border-top:#797979 solid 1px; background:#ffffff;}
div.outline div.footer p {text-align:left; width:98%; height:13px; background: url("../images/footer.gif") right top no-repeat; text-indent:-2000px;}