@charset "utf-8";

/*====================indexページ用クラス==================================================

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

記載内容：
1：ヘッダー
2：メインイメージ
3：メニュー
4：トピックス

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


@import url("common.css");


/*//////　1.ヘッダー　////////////////////////////////////////////////////////////////////*/
div#headerWrap div#header h1#logoTop{
float:left;
}


/*//////　2.メインイメージ　////////////////////////////////////////////////////////////////////*/
div#mainWrap div#mainImage h2{
width:940px;
height:260px;
}

div#mainWrap div#mainImage h2 a#imgTop{
width:940px;
height:260px;
overflow:hidden;
display:block;
text-indent:-999em;
background:transparent url(../images/main_img.gif) no-repeat;
}

object {
	vertical-align:bottom;
}




/*//////　3.メニュー　////////////////////////////////////////////////////////////////////*/
div#mainWrap div#menuAll{
height:190px;
}

div#mainWrap div#menuAll div#menuAbout,
div#mainWrap div#menuAll div#menuActivity,
div#mainWrap div#menuAll div#menuData,
div#mainWrap div#menuAll div#menuOthers{
width:235px;
height:200px;
float:left;
border-bottom:1px solid #ccc;
background-color:#fff;

}

/*----  メニュー【 タイトル 】 ----------------*/
div#mainWrap div#menuAll h3{
width:235px;
height:59px;
text-indent:-999em;
overflow:hidden;
display:block;
}

div#mainWrap div#menuAll div#menuAbout h3#titleAbout{
background:transparent url(../images/global_menu.gif) no-repeat 0px -1px;
}

div#mainWrap div#menuAll div#menuActivity h3#titleActivity{
background:transparent url(../images/global_menu.gif) no-repeat -235px -1px;
}

div#mainWrap div#menuAll div#menuData h3#titleData{
background:transparent url(../images/global_menu.gif) no-repeat -470px -1px;
}

div#mainWrap div#menuAll div#menuOthers h3#titleOthers{
background:transparent url(../images/global_menu.gif) no-repeat -705px -1px;
}

/*----  メニュー【 ボタン 】 ----------------*/
div#mainWrap div#menuAll div#menuAbout ul#about,
div#mainWrap div#menuAll div#menuActivity ul#activity,
div#mainWrap div#menuAll div#menuData ul#data{
height:128px;
background:transparent url(../images/menu_bg.gif) repeat-y;
}


div#mainWrap div#menuAll div#menuAbout ul#about li,
div#mainWrap div#menuAll div#menuActivity ul#activity li,
/*div#mainWrap div#menuAll div#menuData ul#data li,*/
div#mainWrap div#menuAll div#menuOthers ul#others li{
padding:0px;
margin:0px;
display:block;
list-style:none;
text-indent:-999em;
}

div#mainWrap div#menuAll div#menuAbout ul#about li a,
div#mainWrap div#menuAll div#menuActivity ul#activity li a,
/*div#mainWrap div#menuAll div#menuData ul#data li a,*/
div#mainWrap div#menuAll div#menuOthers ul#others li a{
text-indent:-999em;
overflow:hidden;
display:block;
}

/*----  メニュー【 ボタン 】－（社）日本たばこ協会について：協会概要  ----------------*/
div#mainWrap div#menuAll div#menuAbout ul#about li#about01 a{
width:235px;
height:20px;
background:transparent url(../images/about_sub_menu.gif) no-repeat -235px 0px;
}

div#mainWrap div#menuAll div#menuAbout ul#about li#about01 a:hover{
width:235px;
height:20px;
background:transparent url(../images/about_sub_menu.gif) no-repeat -470px 0px;
}

/*----  メニュー【 ボタン 】－（社）日本たばこ協会について：役員紹介  ----------------*/
div#mainWrap div#menuAll div#menuAbout ul#about li#about02 a{
width:235px;
height:20px;
background:transparent url(../images/about_sub_menu.gif) no-repeat -235px -20px;
}

div#mainWrap div#menuAll div#menuAbout ul#about li#about02 a:hover{
width:235px;
height:20px;
background:transparent url(../images/about_sub_menu.gif) no-repeat -470px -20px;
}

/*----  メニュー【 ボタン 】－（社）日本たばこ協会について：会員紹介  ----------------*/
div#mainWrap div#menuAll div#menuAbout ul#about li#about03 a{
width:235px;
height:20px;
background:transparent url(../images/about_sub_menu.gif) no-repeat -235px -40px;
}

div#mainWrap div#menuAll div#menuAbout ul#about li#about03 a:hover{
width:235px;
height:20px;
background:transparent url(../images/about_sub_menu.gif) no-repeat -470px -40px;
}

/*----  メニュー【 ボタン 】－（社）日本たばこ協会について】：事業・財務  ----------------*/
div#mainWrap div#menuAll div#menuAbout ul#about li#about04 a{
width:235px;
height:20px;
background:transparent url(../images/about_sub_menu.gif) no-repeat -235px -60px;
}

div#mainWrap div#menuAll div#menuAbout ul#about li#about04 a:hover{
width:235px;
height:20px;
background:transparent url(../images/about_sub_menu.gif) no-repeat -470px -60px;
}


/*----  メニュー【 ボタン 】－（社）日本たばこ協会の活動：自主規準の設定  ----------------*/
div#mainWrap div#menuAll div#menuActivity ul#activity li#activity01 a{
width:235px;
height:20px;
background:transparent url(../images/activity_sub_menu.gif) no-repeat -235px 0px;
}

div#mainWrap div#menuAll div#menuActivity ul#activity li#activity01 a:hover{
width:235px;
height:20px;
background:transparent url(../images/activity_sub_menu.gif) no-repeat 0px 0px;
}

/*----  メニュー【 ボタン 】－（社）日本たばこ協会の活動：未成年者喫煙防止活動  ----------------*/
div#mainWrap div#menuAll div#menuActivity ul#activity li#activity02 a{
width:235px;
height:20px;
background:transparent url(../images/activity_sub_menu.gif) no-repeat -235px -20px;
}

div#mainWrap div#menuAll div#menuActivity ul#activity li#activity02 a:hover{
width:235px;
height:20px;
background:transparent url(../images/activity_sub_menu.gif) no-repeat 0px -20px;
}

/*----  メニュー【 ボタン 】－（社）日本たばこ協会の活動：喫煙マナー向上活動  ----------------*/
div#mainWrap div#menuAll div#menuActivity ul#activity li#activity03 a{
width:235px;
height:20px;
background:transparent url(../images/activity_sub_menu.gif) no-repeat -235px -40px;
}

div#mainWrap div#menuAll div#menuActivity ul#activity li#activity03 a:hover{
width:235px;
height:20px;
background:transparent url(../images/activity_sub_menu.gif) no-repeat 0px -40px;
}

/*----  メニュー【 ボタン 】－（社）日本たばこ協会の活動：意見書等  ----------------*/
div#mainWrap div#menuAll div#menuActivity ul#activity li#activity04 a{
width:235px;
height:20px;
background:transparent url(../images/activity_sub_menu.gif) no-repeat -235px -60px;
}

div#mainWrap div#menuAll div#menuActivity ul#activity li#activity04 a:hover{
width:235px;
height:20px;
background:transparent url(../images/activity_sub_menu.gif) no-repeat 0px -60px;
}

/*----  メニュー【 ボタン 】－（社）日本たばこ協会の活動：未成年者喫煙防止強化月間  ----------------*/
div#mainWrap div#menuAll div#menuActivity ul#activity li#activity05 a{
width:235px;
height:20px;
background:transparent url(../images/activity_sub_menu.gif) no-repeat -235px -80px;
}

div#mainWrap div#menuAll div#menuActivity ul#activity li#activity05 a:hover{
width:235px;
height:20px;
background:transparent url(../images/activity_sub_menu.gif) no-repeat 0px -80px;
}

/*----  メニュー【 ボタン 】－（社）日本たばこ協会の活動：記者会見の様子  ----------------*/
div#mainWrap div#menuAll div#menuActivity ul#activity li#activity06 a{
width:235px;
height:20px;
background:transparent url(../images/activity_sub_menu.gif) no-repeat -235px -100px;
}

div#mainWrap div#menuAll div#menuActivity ul#activity li#activity06 a:hover{
width:235px;
height:20px;
background:transparent url(../images/activity_sub_menu.gif) no-repeat 0px -100px;
}

/*----  メニュー【 ボタン 】－たばこに関するデータ：紙巻たばこ統計データ  ----------------*/
div#mainWrap div#menuAll div#menuData ul#data li#data01 a{
text-indent:-999em;
overflow:hidden;
display:block;
width:235px;
height:21px;
background:transparent url(../images/data_sub_menu.gif) no-repeat -235px 0px;
}

div#mainWrap div#menuAll div#menuData ul#data li#data01 a:hover{
width:235px;
height:21px;
background:transparent url(../images/data_sub_menu.gif) no-repeat 0px 0px;
}

div#mainWrap div#menuAll div#menuData ul#data li#data01 ul#data01Text{
margin-left:35px;
font-size:11px;
}

div#mainWrap div#menuAll div#menuData ul#data li#data01 ul#data01Text li{
color:#666;
}

/*----  メニュー【 ボタン 】－たばこ関連情報：たばこ税  ----------------*/
div#mainWrap div#menuAll div#menuOthers ul#others li#others01 a{
width:234px;
height:21px;
background:transparent url(../images/others_sub_menu.gif) no-repeat -235px 0px;
}

div#mainWrap div#menuAll div#menuOthers ul#others li#others01 a:hover{
width:234px;
height:21px;
background:transparent url(../images/others_sub_menu.gif) no-repeat 0px 0px;
}

/*----  メニュー【 ボタン 】－たばこ関連情報：小売販売免許の申請方法  ----------------*/
div#mainWrap div#menuAll div#menuOthers ul#others li#others02 a{
width:234px;
height:21px;
background:transparent url(../images/others_sub_menu.gif) no-repeat -235px -21px;
}

div#mainWrap div#menuAll div#menuOthers ul#others li#others02 a:hover{
width:234px;
height:21px;
background:transparent url(../images/others_sub_menu.gif) no-repeat 0px -21px;
}

/*----  メニュー【 ボタン 】－たばこ関連情報：喫煙者率  ----------------*/
div#mainWrap div#menuAll div#menuOthers ul#others li#others03 a{
width:234px;
height:21px;
background:transparent url(../images/others_sub_menu.gif) no-repeat -235px -42px;
}

div#mainWrap div#menuAll div#menuOthers ul#others li#others03 a:hover{
width:234px;
height:21px;
background:transparent url(../images/others_sub_menu.gif) no-repeat 0px -42px;
}

/*----  メニュー【 ボタン 】－たばこ関連情報：路上喫煙規制に関する条例  ----------------*/
div#mainWrap div#menuAll div#menuOthers ul#others li#others04 a{
width:234px;
height:21px;
background:transparent url(../images/others_sub_menu.gif) no-repeat -235px -63px;
}

div#mainWrap div#menuAll div#menuOthers ul#others li#others04 a:hover{
width:234px;
height:21px;
background:transparent url(../images/others_sub_menu.gif) no-repeat 0px -63px;
}









/*//////　4.トピックス　////////////////////////////////////////////////////////////////////*/
div#topicsAll{
padding:20px 0 25px;
/*padding:0px;*/
}

div#topicsAll div#topics{
float:left;
width:680px;
padding:0px;
}

div#topicsAll div#topics div#topicsTop,
div#topicsAll div#topics div#topicBottom{
margin:0xp;
padding:0px;
}

div#topicsAll div#topics div#topicMiddle{
width:665px;
margin-top:-6px;
padding-left:20px;
background-color:#fff;
display:block;
height:auto;
}

div#topicsAll div#topics div#topicMiddle div#topicsTitle{
float:left;
height:26px;
padding-top:3px;
}

div#topicsAll div#topics div#topicMiddle div#news{
float:left;
font-size:9px;
}

div#topicsAll div#topics div#topicMiddle div#news dl{ 
margin:0px;
width:570px;
}

/*----  トピックス【日付】  ----------------*/
div#topicsAll div#topics div#topicMiddle div#news dt{
width:50px;
float:left;
clear:left;
padding:0px 30px 2px 0px;
color:#666666;
}

/*----  トピックス【内容】  ----------------*/
div#topicsAll div#topics div#topicMiddle div#news dd{
padding-bottom:2px;
}

/*----  「過去のトピックス一覧」ボタン  ----------------*/
div#topicsAll div#topics div#topicMiddle div#past{
padding-top:10px;
}

div#topicsAll div#topics div#topicMiddle div#past a#pastImg{
width:130px;
height:20px;
overflow:hidden;
display:block;
text-indent:-999em;
background:transparent url(../images/topics_past.gif) no-repeat 0px 0px;
}

div#topicsAll div#topics div#topicMiddle div#past a#pastImg:hover{
width:130px;
height:20px;
background:transparent url(../images/topics_past.gif) no-repeat -130px 0px;
}

/*----  バナー  ----------------*/
div#topicsAll div#banner{
display:block;
width:239px;
float:right;
}

div#topicsAll div#banner ul#bannerImg li{
padding:0px;
margin:0px;
display:block;
list-style:none;
text-indent:-999em;
}

div#topicsAll div#banner ul#bannerImg li a{
text-indent:-999em;
overflow:hidden;
display:block;
}

/*----  バナー【 タスポ 】  ----------------*/
div#topicsAll div#banner ul#bannerImg li#bannerImg01 a{
width:239px;
height:65px;
background:transparent url(../images/topics_banner01.gif) no-repeat 0px 0px;
}

div#topicsAll div#banner ul#bannerImg li#bannerImg01 a:hover{
width:239px;
height:65px;
background:transparent url(../images/topics_banner01.gif) no-repeat -239px 0px;
}

/*----  バナー【 たばこ販売店様向け情報 】  ----------------*/
div#topicsAll div#banner ul#bannerImg li#bannerImg02 a{
width:239px;
height:65px;
background:transparent url(../images/topics_banner02.gif) no-repeat 0px 0px;
}

div#topicsAll div#banner ul#bannerImg li#bannerImg02 a:hover{
width:239px;
height:65px;
background:transparent url(../images/topics_banner02.gif) no-repeat -239px 0px;
}

/*----  バナー【 未成年者喫煙防止強化 】  ----------------*/
div#topicsAll div#banner ul#bannerImg li#bannerImg03 a{
width:239px;
height:65px;
background:transparent url(../images/topics_banner03.gif) no-repeat 0px 0px;
}

div#topicsAll div#banner ul#bannerImg li#bannerImg03 a:hover{
width:239px;
height:65px;
background:transparent url(../images/topics_banner03.gif) no-repeat -239px 0px;
}

/*----  バナー【 協力店舗様アンケートページ 】  ----------------*/
div#topicsAll div#banner ul#bannerImg li#bannerImg04 a{
width:239px;
height:65px;
background:transparent url(../images/topics_banner04.gif) no-repeat 0px 0px;
}

div#topicsAll div#banner ul#bannerImg li#bannerImg04 a:hover{
width:239px;
height:65px;
background:transparent url(../images/topics_banner04.gif) no-repeat -239px 0px;
}