@charset "utf-8";

/*====================activityのmannersページ用クラス==================================================

社団法人（社）日本たばこ協会
LastUpDate:2009.05.21.AM09:20

記載内容：
1：基本スタイルの指定
2：画像エリアの指定
3：「closeボタン」の指定　

===================================================================================================*/

@import url("common.css");


/*//////　1：基本スタイルの指定　////////////////////////////////////////////////////////////////*/
#popUp{
width:590px;
height:500px;
}

div#popUpPage{
width:550px;
height:530px;
padding:20px;
background-color:#FFFFFF;
}

/*//////　2：画像エリアの指定　////////////////////////////////////////////////////////////////*/
div#popUpPage div#popUpMain{
text-align:center;
}

/*----  画像が縦の場合 ----------------*/
div#popUpPage div#popUpMain img.tate{
margin-bottom:10px;
}

/*----  画像が横の場合 ----------------*/
div#popUpPage div#popUpMain img.yoko{
margin:37px 0px 20px;
}

div#popUpPage div#popUpMain p{
text-align:center;
}

div#popUpPage div#popUpMain p.p_left{
text-align:left;
}

/*//////　3：「closeボタン」の指定　////////////////////////////////////////////////////////////////*/
div#popUpPage div#popUpClose{
width:80px;
margin:20px 0px 10px 235px;
clear:both;
}

div#popUpPage div#popUpClose a.closeBtn{
width:80x;
height:30px;
overflow:hidden;
display:block;
text-indent:-999em;
background:transparent url(../../activity/images/manners_close.gif) no-repeat 0px 0px;
}

div#popUpPage div#popUpClose a.closeBtn:hover{
width:80x;
height:30px;
background:transparent url(../../activity/images/manners_close.gif) no-repeat -80px 0px;
}




/*//////　2：#pop_double_l　////////////////////////////////////////////////////////////////*/
div#popUpPage div#pop_double_l{
text-align:center;
float:left;
width:270px;
}


/*----  画像が縦の場合 ----------------*/
div#popUpPage div#pop_double_l img.tate{
margin-bottom:10px;
}

/*----  画像が横の場合 ----------------*/
div#popUpPage div#pop_double_l img.yoko{
margin:37px 0px 20px;
}

div#popUpPage div#pop_double_l p{
text-align:center;
}

div#popUpPage div#pop_double_l p.p_left{
text-align:left;
}

/*//////　2：#pop_double_r　////////////////////////////////////////////////////////////////*/
div#popUpPage div#pop_double_r{
text-align:center;
float:left;
width:270px;
margin-left:10px;
}

/*----  画像が縦の場合 ----------------*/
div#popUpPage div#pop_double_r img.tate{
margin-bottom:10px;
}

/*----  画像が横の場合 ----------------*/
div#popUpPage div#pop_double_r img.yoko{
margin:37px 0px 20px;
}

div#popUpPage div#pop_double_r p{
text-align:center;

}


#pop_double{
margin:0
}


div#popUpPage div#pop_double_r p.p_left{
text-align:left;
margin-bottom:10px;
}