@charset "utf-8";

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

社団法人（社）日本たばこ協会
LastUpDate:2009.05.19.PM15:01

記載内容：
1.h1タイトル
2.h4タイトル
3.preventionコンテンツ
4.成人識別たばこ自動販売機・taspo（タスポ）
5.未成年者喫煙防止強化月間
6.学校向け未成年者喫煙防止ポスターキャンペーン
7.販売店支援活動
8.虫メガネ

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

@import url("common.css");
@import url("activity.css");


/*//////　1.h1タイトル　////////////////////////////////////////////////////////////////////*/
div#mainWrap div#contentsAll div#contents h1#activitypreventionH1{
background:transparent url(../../activity/images/prevention_h1.gif) no-repeat 0px 0px;
margin-bottom:30px;
}

/*//////　2：h2タイトル　////////////////////////////////////////////////////////////////////*/
/*------  成人識別たばこ自動販売機・taspo（タスポ）--------------------------*/
div#mainWrap div#contentsAll div#contents h2#activitymannersH201{
background:transparent url(../../activity/images/prevention_h2_01.gif) no-repeat 0px 0px;
margin:40px 0px 20px 0px;
}

/*------  未成年者喫煙防止強化月間--------------------------*/
div#mainWrap div#contentsAll div#contents h2#activitymannersH202{
background:transparent url(../../activity/images/prevention_h2_02.gif) no-repeat 0px 0px;
margin:40px 0px 20px 0px;
}

/*------  成人識別たばこ自動販売機・taspo（タスポ）--------------------------*/
div#mainWrap div#contentsAll div#contents h2#activitymannersH203{
background:transparent url(../../activity/images/prevention_h2_03.gif) no-repeat 0px 0px;
margin:40px 0px 20px 0px;
}
/*------  成人識別たばこ自動販売機・taspo（タスポ）--------------------------*/
div#mainWrap div#contentsAll div#contents h2#activitymannersH204{
background:transparent url(../../activity/images/prevention_h2_04.gif) no-repeat 0px 0px;
margin:40px 0px 20px 0px;
}


/*//////　3.preventionコンテンツ　////////////////////////////////////////////////////////////////////*/
div#activityprevention{
padding:0px 10px;
width:625px; 
}

/*//////　4.成人識別たばこ自動販売機・taspo（タスポ）　///////////////////////////////////////////////////////*/
/*------  タスポ画像の配置--------------------------*/
div#activityprevention div#taspoImg div#taspoImg01{
float:left;
width:370px;
padding:0 25px 0 0;
height:170px;
}
div#activityprevention div#taspoImg div#taspoImg01 img{
padding:0px 0px 3px 0px;
}
.pl10{padding:0px 10px 10px 10px;}

div#activityprevention div#taspoImg div#taspoImg01,
div#activityprevention div#taspoImg div#taspoImg03{
	text-align:center;
}
div#activityprevention div#taspoImg div#taspoImg03{
height:200px;
float:left;
width:150px;
}
/*div#activityprevention div#taspoImg div#taspoImg03 img{
padding-bottom:12px;
}*/

/*------  「タスポについての詳細はこちら」ボタン--------------------------*/
div#activityprevention div#taspoImg div#taspoBtn{
width:189px;
height:20px;
padding-top:10px;
}

div#activityprevention div#taspoImg div#taspoBtn a#toTaspo{
width:189px;
height:20px;
overflow:hidden;
display:block;
text-indent:-999em;
background:url(../../activity/images/activity_rollover.gif) no-repeat 0px 0px;
}

div#activityprevention div#taspoImg div#taspoBtn a#toTaspo:hover{
width:189px;
height:20px;
background:url(../../activity/images/activity_rollover.gif) no-repeat -189px 0px;
}

/*//////　5.未成年者喫煙防止強化月間　////////////////////////////////////////////////////////////////////*/
div#activityprevention div#under20{
padding-left:10px;
}

div#activityprevention div#under20 h3{
margin:0 0 10px 0;
}

div#activityprevention div#under20 .under20Right{
float:left;
padding-left:20px;
}

div#activityprevention div#under20 .campaignText{
width:350px;
float:right;
padding:0px 30px 0px 10px;
}

div#activityprevention div#under20 .campaignText p{
margin-bottom:10px;
}

div#activityprevention div#under20 .campaign2{
margin-top:15px;
}

div#activityprevention div#under20 .campaignText2{
width:350px;
float:left;
padding:0px 30px 0px 0px;
}

div#activityprevention div#under20 .campaignText2 p{
margin-bottom:10px;
}

div#activityprevention div#under20 .campaign2 #school{
	width:208px;
	float:left;
	margin-bottom:30px;
	text-align:center;
}

div#activityprevention div#under20 table{
width:625px;
margin:20px 0 30px 0;
}

div#activityprevention div#under20 #logoLink{
width:170px;
float:left;
text-align:center;
}

div#activityprevention div#under20 #eventLink{
width:170px;
float:left;
text-align:center;
}

/*------  PDFボタン--------------------------*/

li.dataPdflist{
background: url(../images/common_pdf_icon_s.gif) no-repeat 10px 1px;
padding:1px 0 0 30px;
padding-bottom:10px;
}

/*------  「2009年度の活動はこちら」ボタン--------------------------*/
div#activityprevention div#campaignBtn{
width:189px;
height:20px;
padding-top:40px;
}

div#activityprevention div#campaignBtn a#toCampaign{
width:162px;
height:20px;
overflow:hidden;
display:block;
text-indent:-999em;
background:url(../../activity/images/campaign2009_btn.gif) no-repeat 0px 0px;
}

div#activityprevention div#campaignBtn a#toCampaign:hover{
width:162px;
height:20px;
background:url(../../activity/images/campaign2009_btn.gif) no-repeat -162px 0px;
}



/*//////　6.学校向け未成年者喫煙防止ポスターキャンペーン　/////////////////////////////////////////////////////*/
div#activityprevention div#campaign{
}

div#activityprevention div#campaign div#campaignText{
width:350px;
float:left;
padding:0px 30px 0px 10px;
}

div#activityprevention div#campaign div#campaignText p{
margin-bottom:10px;
}

div#activityprevention div#campaign div#campaignText ul li,
div#activityprevention div#support ul li{
background: url(../images/common_pdf_icon_s.gif) no-repeat 0px 1px;
padding:1px 0 0 20px;
padding-bottom:5px;
}

div#activityprevention div#campaign #school{
	width:180px;
	float:left;
	margin-bottom:30px;
	text-align:center;
}


/*//////　7.販売店支援活動　///////////////////////////////////////////////////////////////////////////////*/
div#activityprevention div#support{
width:592px;
padding:0;
}

p.supportp{
margin:15px 0 10px 0;
}


div#activityprevention div#under20 ul li{
	list-style-type:disc;
	margin-left:10px;
}

div#activityprevention div#support div#supportImg{
height:174px;
}

div#activityprevention div#support div#supportImg img{
margin:10px 15px 0px 0px;
}

div#support_link{
float:left;
width:625px;
margin:0px 0px 30px 0px;
}




/*------  ギャラリーエリア--------------------------*/
div#activityprevention div#support div.gallery{
margin-top:20px;
height:200px;
width:622px;
}

div#activityprevention div#support div.gallery div.galleryImg{
float:left;
width:148px;
height:200px;
text-align:center;
}

div#activityprevention div#support div.gallery div.galleryImg img.expansion{
vertical-align:middle;
padding-left:-5px;
}



/*//////　8.虫メガネ　///////////////////////////////////////////////////////////////////////////////*/
div#activityprevention img.expansion{
vertical-align:middle;
padding-left:-5px;
}



/*//////　9.2009キャンペーン　///////////////////////////////////////////////////////////////////////////////*/
div#activityprevention div#campaign2009{
padding-left:10px;
}

div#activityprevention div#campaign2009 h3{
margin:0 0 10px 0;
}

div#activityprevention div#campaign2009 .under20Right{
float:left;
padding-left:20px;
}

div#activityprevention div#campaign2009 .campaignText{
width:350px;
float:right;
padding:0px 30px 0px 10px;
}

div#activityprevention div#campaign2009 .campaignText p{
margin-bottom:10px;
}

div#activityprevention div#campaign2009 .campaign2{
margin-top:15px;
}

div#activityprevention div#campaign2009 .campaignText2{
width:350px;
float:left;
padding:0px 30px 0px 0px;
}

div#activityprevention div#campaign2009 .campaignText2 p{
margin-bottom:10px;
}

div#activityprevention div#campaign2009 .campaign2 #school{
	width:180px;
	float:left;
	margin-bottom:30px;
	text-align:center;
}

div#activityprevention div#campaign2009 div#support div.gallery{
margin-top:20px;
margin-bottom:20px;
height:200px;
width:622px;
}


/*//////　共通　///////////////////////////////////////////////////////////////////////////////*/

*html div#mainWrap div#contentsAll div#contents {
	overflow:hidden;
}