@charset "utf-8";

/* CM みて Ponta
--------------------------------------------------------------------
対象ファイル
-----------------------------
/c/campaign/mitepon/index.htm
--------------------------------------------------------------------*/
/*要素リセット
--------------------------------------------------------------------*/
#content {
margin:0px auto;
width:960px;
padding:0;
text-align:left;
}
h1,h2,p,ul,li,dl,dt,dd {
margin:0;
padding:0;
}
li {
list-style-type:none;
}
img{
border:0;
margin:0;
}

.column2 #main,
.column2 #main-static{
float:left;
}
.column2 #sub,
.column2 #sub-static {
float:right;
}

/*コンテンツ
--------------------------------------------------------------------*/
#top-head {
margin:7px 0 8px 0;
width:960px;
height:280px;
position:relative;
}
#top-head .btcopy {
position:absolute;
z-index:1;
top:24px;
right:35px;
}
#top-head .bt {
position:absolute;
z-index:2;
top:53px;
right:48px;
}
#top-head .none {
display:none;
}

#contents-body h1 {
padding-top:20px;
padding-bottom:20px;
}

.column2 #main,
.column2 #main-static,
.column2 #sub,
.column2 #sub-static {
padding:0;
}

/*動画再生ページ*/
#mitepon-mov #top-head {
margin-bottom:25px;
width:auto;
height:auto;
position:static;
background:url(http://pntmail.ponta.jp.cdngc.net/cdn/mitepon/img/bg_movie_middle.gif) repeat-y left top;
}
#mitepon-mov #top-head #mov-box {
padding-bottom:80px;
background:url(http://pntmail.ponta.jp.cdngc.net/cdn/mitepon/img/bg_movie_bottom.gif) no-repeat left bottom;
}
#mitepon-mov #top-head #mov-box #box-in {
/*padding-top:35px;*/
background:url(http://pntmail.ponta.jp.cdngc.net/cdn/mitepon/img/bg_movie_top.gif) no-repeat left top;
}
#mitepon-mov #top-head h1 {
margin:0 auto;
padding-top:35px;
width:620px;
line-height: 1.2;
text-align:center;
font-size:25px;
font-family: "qMmpS Pro W3","Hiragino Kaku Gothic Pro","CI","Meiryo",verdana,Osaka,"lr oSVbN","MS PGothic",Sans-Serif;
color:#5B361E;
-webkit-text-shadow: 1px 1px 0 #FFFFFF; /* Safari, Chrome用 */
-moz-text-shadow: 1px 1px 0 #FFFFFF; /* Firefox用 */
text-shadow: 1px 1px 0 #FFFFFF; /* CSS3 */
}
#mitepon-mov #top-head .get {
margin:5px 35px 0 35px;
padding-bottom:20px;
line-height:1;
text-align:center;
font-size:22px;
font-family:"Arial Black", Gadget, sans-serif;
color:#5B361E;
}
#mitepon-mov #top-head .get span {
margin-right:7px;
padding:2px 5px 2px 10px;
font-size:18px;
font-weight:bold;
font-family: "qMmpS Pro W3","Hiragino Kaku Gothic Pro","CI","Meiryo",verdana,Osaka,"lr oSVbN","MS PGothic",Sans-Serif;
color:#FFFFFF;
background:#F2210A;
-webkit-border-radius:5px;
-moz-border-radius:5px;
border-radius:5px;
}
#mitepon-mov #top-head .get strong {
font-size:25px;
color:#F2210A;
}
#mitepon-mov #top-head .movie {
margin:0 auto;
width:800px;
height:550px;
}
#mitepon-mov #top-head .movie .fin-tx {
width:796px;
height:546px;
background:#FFFFCC;
border:#999999 solid 2px;
}
#mitepon-mov #top-head .movie .fin-tx p {
padding:250px 15px 15px 15px;
text-align:center;
font-size:23px;
font-weight:bold;
font-family: "qMmpS Pro W3","Hiragino Kaku Gothic Pro","CI","Meiryo",verdana,Osaka,"lr oSVbN","MS PGothic",Sans-Serif;
color:#404040;
}
#mitepon-mov #top-head .tx {
margin:15px 35px 0 35px;
line-height:1.3;
text-align:center;
font-size:15px;
font-weight:bold;
font-family: "qMmpS Pro W3","Hiragino Kaku Gothic Pro","CI","Meiryo",verdana,Osaka,"lr oSVbN","MS PGothic",Sans-Serif;
color:#404040;
}
#mitepon-mov #top-head .tx span {
font-size:13px;
color:#CC0000;
}

/*左エリア*/
.column2 #main,
.column2 #main-static {
width:680px;
}
.column2 #main h2,
.column2 #main-static h2 {
margin:0 !important;
}
.column2 #main #att-box,
.column2 #main-static #att-box {
padding-bottom:10px;
background:url(http://pntmail.ponta.jp.cdngc.net/cdn/mitepon/img/att_bg.gif) no-repeat left bottom;
}
.column2 #main #att-box #box-in,
.column2 #main-static #att-box #box-in {
padding:4px 10px 0 25px;
min-height:150px;
height:auto !important;
_height:150px;
border-left:#F75433 solid 4px;
border-right:#F75433 solid 4px;
background:#FFFFFF;
}
.column2 #main #att-box ul li,
.column2 #main-static #att-box ul li {
text-indent:-1em;
margin-left:1em;
padding-bottom:5px;
line-height:1.3;
font-size:14px;
color:#333333;
}
.column2 #main #att-box ul li.red,
.column2 #main-static #att-box ul li.red {
color:#FF0000;
}
.column2 #main #att-box ul li.att,
.column2 #main-static #att-box ul li.att {
font-size:16px;
font-weight:bold;
}
.column2 #main #att-box ul li img,
.column2 #main-static #att-box ul li img {
margin:3px;
vertical-align: middle;
}
.column2 #main #att-box ul li ul,
.column2 #main-static #att-box ul li ul {
margin-top:5px;
}
.column2 #main #att-box ul li ul li,
.column2 #main-static #att-box ul li ul li {
text-indent:0;
margin-left:1em;
padding-bottom:3px;
list-style-type:disc;
line-height:1.3;
font-weight:400;
font-size:14px;
color:#333333;
}

.column2 #main #login-box,
.column2 #main-static #login-box {
margin-top:7px;
margin-bottom:100px;
padding-top:115px;
width:680px;
height:125px;
text-align:center;
background:url(http://pntmail.ponta.jp.cdngc.net/cdn/mitepon/img/loginbox_bg.gif) no-repeat;
}
.column2 #main #login-box span,
.column2 #main-static #login-box span {
display:none;
}
#mtpn-contact .column2 #main #login-box,
#mtpn-contact .column2 #main-static #login-box {
background:url(http://pntmail.ponta.jp.cdngc.net/cdn/mitepon/img/loginbox_bg_contact.gif) no-repeat;
}

#mitepon-mov .column2 #main,
#mitepon-mov .column2 #main-static {
float:none;
margin:0 auto;
width:800px;
}
#mitepon-mov .column2 #main #att-box,
#mitepon-mov .column2 #main-static #att-box {
background:url(http://pntmail.ponta.jp.cdngc.net/cdn/mitepon/img/att_bg_w800.gif) no-repeat left bottom;
}
#mitepon-mov .column2 #main #att-box ul,
#mitepon-mov .column2 #main-static #att-box ul {
}
#mitepon-mov .column2 #main #att-box #box-in,
#mitepon-mov .column2 #main-static #att-box #box-in {
padding:4px 10px 0 40px;
}

/*右エリア*/
.column2 #sub,
.column2 #sub-static {
margin-top:7px;
}
.column2 #sub #frmt,
.column2 #sub-static #frmt {
background: #fff3c4 url(http://pntmail.ponta.jp.cdngc.net/cdn/mitepon/img/bg_sub_bottom.gif) left bottom no-repeat;
padding: 0 0 10px;
text-align: center;
}
.column2 #sub #or-box,
.column2 #sub-static #or-box {
background: url(http://pntmail.ponta.jp.cdngc.net/cdn/mitepon/img/table_orenge_bg.gif) left bottom no-repeat;
text-align: left;
padding: 0 0 12px;
}
.column2 #sub #or-box .bt,
.column2 #sub-static #or-box .bt {
padding-left:17px;
}
.column2 #sub #login,
.column2 #sub-static #login {
background: url(http://pntmail.ponta.jp.cdngc.net/cdn/mitepon/img/table_orange_link_bg.gif) left center no-repeat;
margin: 3px 21px 0;
height:21px;
padding-left:52px;
}
.column2 #sub #login ul,
.column2 #sub-static #login ul {
padding: 4px 0;
}
.column2 #sub #login ul li,
.column2 #sub-static #login ul li {
background: url(http://pntmail.ponta.jp.cdngc.net/cdn/mitepon/img/icon_link_login.gif) left center no-repeat;
margin: 0;
padding-left:20px;
line-height: 1.1;
}

/*ADタグ*/
.ptbox {
clear:both;
padding-top:20px;
text-align:center;
}
.ptbox a {
margin:0 7px;
}
.ptbox a[href]:hover {
opacity:0.8;
filter:alpha(opacity=80);
}
.ptbox a img {
vertical-align:middle;
}

/*広告*/
.bnpr {
margin:0;
padding:0;
list-style:none;
text-align:center;
}
.bnpr li {
margin:7px 0 7px -0.5em;
padding:0 7px;
list-style:none;
display:inline-block;
/display:inline;
/zoom:1;
}
.bnpr li a {
margin:0;
}
.bnpr a[href]:hover {
opacity:0.8;
filter:alpha(opacity=80);
}
.bnpr li a img {
margin:0;
}

#mtpn-login,
#mtpn-logout {
display:none;
}