@charset "Shift_JIS";
/**********************************************************************
カーボンフットプリント日本フォーラム
共通CSS
[ /css/style.css ]
**********************************************************************/

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

	Style CSS

 -----------------------------------------
	目次
 -----------------------------------------

 	1.タグの初期化
	
	2.フレーム
	
	3.ヘッダー
		■グローバルナビ
		■メインイメージ
		■パンくず
	
	4.コンテンツエリア
		■コンテンツ
			・タイトル
			・枠
			・テーブル
			・テキスト・イメージ
			・ボタン		
			・リスト		
			・新着情報
			・入会案内
			・よくある質問		
			・サイトマップ		
		■サイド
			・サイドメニュー
			・リンク
			・お問い合わせ

	5.フッター
		■ページトップ
		■フットメニュー
		■コピーライト

	6.フォント

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


/* 1.タグの初期化
========================================== */
body {
	background-color: #fffef6;
	font-family: Verdana, Helvetica, 'Hiragino Kaku Gothic Pro', 'ＭＳ Ｐゴシック', 'ヒラギノ角ゴ Pro W3', osaka, sans-serif;
	color: #111111;
	font-size: 12px;
    *font-size: small; /* IE 7向け */
    *font: x-small; /* IE 6以下 */
	line-height: 170%;
	*line-height: 160%; /* IE 7向け */
	margin: 0;
	padding: 0;
	text-align: center;
	}

html,body,div,ul,li,h1,h2,h3,h4,h5,hr,th,td,dl,dt,dd {
	margin: 0;
	padding: 0;
	}
p {
	margin: 15px 0;
	padding: 0;
	}
p.none {
	margin: 0;
	padding-bottom: 15px;
	}
ol {
	margin: 0 0 0 20px;
	* margin: 0 0 0 25px; /* this is a hack for IE */
	padding: 0;
	}
dl {
	list-style-type: none;
	list-style-position: outside;
	}
h1,h2,h3,h4,h5 {
	font-size: 100%;
	font-weight: normal;
	}
table {
	font-family: Verdana, Helvetica, 'Hiragino Kaku Gothic Pro', 'ＭＳ Ｐゴシック', 'ヒラギノ角ゴ Pro W3', osaka, sans-serif;
	color: #111111;
    font-size: 12px;
    *font-size: small; /* IE 7向け */
    *font: x-small; /* IE 6以下 */
    line-height: 170%;
	*line-height: 160%; /* IE 7向け */
	}
img { 
    border: 0;
	}
a img,:link img,:visited img {
	border: none;
	}
/* ロールオーバー */
a:link, a:visited {
	color: #ff7900;
	text-decoration: none;
	}
a:hover, a:active { 
	color: #ff7900;
	text-decoration: underline;
	}
.clear {
	margin: 0;
	padding: 0;
	clear: both; 
    }


/* 2.フレーム
========================================== */
#frame { 
	width: 896px;
	margin: 0 auto;
	padding: 0;
	}
#container {
	margin: 0 auto;
	padding: 0;
	text-align: left;
	}


/* 3.ヘッダー
========================================== */
#headercontainer {
	width: 896px; 
	height: 87px; 
	margin: 0;
	padding: 0;
	}

		/*	グローバルナビ
		 * ------------------------------------- */
		#globalnavi {
			width: 896px;
			height: 54px; 
			margin: 20px 0 15px 0;
			* margin: 10px 0 15px 0; /* this is a hack for IE */
			padding: 0;
			}

		/*	メインイメージ
		 * ------------------------------------- */
		#mainimg {
			width: 896px;
			height: 210px;
			margin: 0;
			padding-bottom: 10px;
			}
			
		/*	パンくず
		 * ------------------------------------- */
		#pankuzu {
			font-size: 11px;
			*font-size: 9px; /* IE 7向け */
			*font: 9px; /* IE 6以下 */
			margin-bottom: 14px;
			padding: 0;
			}


/* 4.コンテンツエリア
========================================== */

		/*	コンテンツ
		 * ------------------------------------- */
		#contentbox {
			width: 675px;
			margin: 0;
			padding: 0;
			}

				/*	タイトル
				 * ------------------------------------- */
				#title {
					background-image: url(../images/subtit_bg.gif);
					background-repeat: no-repeat;
					color: #729003;
					font-size: 16px;
					font-weight: bold;
					line-height: normal;
					width: 675px;
					height: 40px;
					margin: 0;
					padding-left: 31px;
					}
				#title_s {
					background-image: url(../images/subtit_bg.gif);
					background-repeat: no-repeat;
					color: #729003;
					font-size: 14px;
					font-weight: bold;
					line-height: normal;
					width: 675px;
					height: 40px;
					margin: 0;
					padding-left: 31px;
					}
				#subtitle_t {
					font-size: 14px;
					font-weight: bold;
					border-left: 1px solid #ff7900;
					border-bottom: 1px solid #e5e5e1;
					margin: 15px 0 10px 0;
					padding: 5px 10px;
					}
				#subtitle {
					font-size: 14px;
					font-weight: bold;
					border-left: 1px solid #ff7900;
					border-bottom: 1px solid #e5e5e1;
					margin: 30px 0 10px 0;
					padding: 5px 10px;
					}

				/*	枠
				 * ------------------------------------- */
				#linebox_t {
					width: 675px;
					margin: 0;
					padding: 0;
					}
				#linebox {
					width: 675px;
					margin-top: 15px;
					padding: 0;
					}
				.line {
					background-color: #FFFFFF;
					border-right: #d9d9d9 1px solid;
					border-bottom: #d9d9d9 1px solid;
					border-left: #d9d9d9 1px solid;
					margin: 0;
					padding: 0 15px;
					}
				.line_f {
					background-color: #FFFFFF;
					border: #d9d9d9 1px solid;
					margin: 0;
					padding: 0 15px;
					}

				/*	テーブル
				 * ------------------------------------- */
				#tablebox {
					width: 640px;
					margin: 5px 0 15px 0;
					padding: 0; 
					}
				#tablebox th.table_l {
					width: 95px;
					margin: 0;
					padding: 10px 5px;
					border-bottom: #999999 1px dotted;
					text-align: left;
					vertical-align: text-top;
					}
				#tablebox td.table_r {
					width: 525px;
					margin: 0;
					padding: 10px 5px;
					border-bottom: #999999 1px dotted;
					}
				#tablebox_line {
					width: 640px;
					margin: 0;
					padding: 0; 
					}
				#tablebox_line td {
					margin: 0;
					padding: 0 15px;
					border: #CCCCCC 1px solid;
					}

				/*	テキスト・イメージ
				 * ------------------------------------- */
				.detailsbox {
					width: 640px;
					margin: 0;
					padding: 0; 
					}
				.imgbox {
					margin: 15px 0 20px 0;
					* margin: 20px 0 25px 0; /* this is a hack for IE */
					padding: 0; 
					}

				/*	ボタン
				 * ------------------------------------- */
				.btn {
					margin: 10px;
					padding: 0; 
					}
					
				/*	リスト
				 * ------------------------------------- */
				/* PDF */
				ul#pdf {
					list-style-type: none;
					margin: 18px 0 0 10px;
					}
				ul#pdf li {
					background-image: url(../images/ico_pdf.gif);
					background-repeat: no-repeat;
					background-position: 0;
					margin-bottom: 5px;
					padding-left: 25px;
					}
				ul#pdf_none {
					list-style-type: none;
					margin-top: 5px;
					}
				ul#pdf_none li {
					background-image: url(../images/ico_pdf.gif);
					background-repeat: no-repeat;
					background-position: 0;
					margin-bottom: 5px;
					padding-left: 25px;
					}
				/* Word */
				ul#doc {
					list-style-type: none;
					margin: 18px 0 0 10px;
					}
				ul#doc li {
					background-image: url(../images/ico_doc.gif);
					background-repeat: no-repeat;
					background-position: 0;
					margin-bottom: 5px;
					padding-left: 25px;
					}
				/* Excel */
				ul#xls {
					list-style-type: none;
					margin: 18px 0 0 10px;
					}
				ul#xls li {
					background-image: url(../images/ico_xls.gif);
					background-repeat: no-repeat;
					background-position: 0;
					margin-bottom: 5px;
					padding-left: 25px;
					}
				/* PowerPoint */
				ul#ppt {
					list-style-type: none;
					margin: 18px 0 0 10px;
					}
				ul#ppt li {
					background-image: url(../images/ico_ppt.gif);
					background-repeat: no-repeat;
					background-position: 0;
					margin-bottom: 5px;
					padding-left: 25px;
					}
				/* 円（画像） */
				ul#circle {
					list-style-type: none;
					margin: 18px 0 0 10px;
					}
				ul#circle li.c_img {
					background-image: url(../images/circle.gif);
					background-repeat: no-repeat;
					background-position: left 3px;
					margin: 10px 0 5px 0;
					padding-left: 18px;
					}
				/* 円 */
				ul#disc {
					list-style-type: disc;
					margin-left: 15px;
					}
				ul#disc li {
					margin: 0;
					padding: 0;
					}
				/* 四角 */
				ul#square {
					list-style-type: square;
					margin-left: 15px;
					}
				ul#square li {
					margin-bottom: 5px;
					padding: 0;
					}
				/* なし */
				ul#none {
					list-style-type: none;
					margin: 0;
					}
				ul#none li {
					margin: 0;
					padding: 0;
					}
					
				/*	新着情報
				 * ------------------------------------- */
				.news_tit {
					background-image: url(../images/tit_news.gif);
					background-repeat: no-repeat;
					height: 45px;
					margin: 0;
					padding: 0;
					}
				#newsbox {
					width: 640px;
					margin: 5px 0 15px 0;
					padding: 0; 
					}
				#newsbox th.day {
					width: 75px;
					margin: 0;
					padding: 10px 5px;
					border-bottom: #999999 1px dotted;
					text-align: left;
					vertical-align: text-top;
					}
				#newsbox td.icon {
					width: 64px;
					margin: 0;
					padding: 12px 10px 0 22px;
					border-bottom: #999999 1px dotted;
					vertical-align: top;
					}
				#newsbox td.text {
					width: 455px;
					margin: 0;
					padding: 10px 5px 10px 0;
					border-bottom: #999999 1px dotted;
					vertical-align: text-top;
					}

				/*	入会案内
				 * ------------------------------------- */
				#feebox {
					width: 640px;
					margin: 10px 0;
					* margin: 25px 0 10px 0; /* this is a hack for IE */
					padding: 0; 
					border-top: #d9d9d9 1px solid;
					border-left: #d9d9d9 1px solid;
					}
				#feebox th.title {
					background-color: #f2f2f2;
					color: #666666;
					margin: 0;
					padding: 10px;
					border-right: #d9d9d9 1px solid;
					border-bottom: #d9d9d9 1px solid;
					text-align: center;
					}
				#feebox td.details {
					margin: 0;
					padding: 10px;
					border-right: #d9d9d9 1px solid;
					border-bottom: #d9d9d9 1px solid;
					}
					
				/*	よくある質問
				 * ------------------------------------- */
				ul#question {
					list-style-type: none;
					}
				ul#question li {
					background-image: url(../../faq/images/ico_q.gif);
					background-repeat: no-repeat;
					background-position: 0;
					margin-bottom: 5px;
					padding-left: 30px;
					}
				#faqbox {
					width: 640px;
					margin: 10px 0;
					padding: 0; 
					}
				#faqbox th.ico {
					width: 25px;
					margin: 0;
					padding: 10px 5px;
					border-bottom: #999999 1px dotted;
					text-align: left;
					vertical-align: text-top;
					}
				#faqbox th.question {
					font-size: 15px;
					width: 605px;
					margin: 0;
					padding: 10px 5px;
					border-bottom: #999999 1px dotted;
					text-align: left;
					}
				#faqbox td.ico {
					width: 25px;
					margin: 0;
					padding: 10px 5px;
					vertical-align: text-top;
					}
				#faqbox td.answer {
					width: 605px;
					margin: 0;
					padding: 10px 5px;
					}
					
				/*	サイトマップ
				 * ------------------------------------- */
				.sitemapbox_l {
					width: 310px;
					margin: 5px 23px 0 0;
					padding: 0;
					float: left;
					}
				.sitemapbox_r {
					width: 310px;
					margin-top: 5px;
					padding: 0;
					float: left;
					}
				ul#sitemap {
					list-style-type: none;
					margin: 0;
					padding: 0;
					}
				ul#sitemap li.main{
					background-image: url(../../sitemap/images/ico_triangle.gif);
					background-repeat: no-repeat;
					background-position: 0 5px;
					width: 290px;
					margin-top: 10px;
					padding: 0 0 10px 15px;
					border-bottom: 1px dotted #aaaaaa;
					}
				ul#sitemap li.sub{
					background-image: url(../../sitemap/images/ico_sitemap.gif);
					background-repeat: no-repeat;
					background-position: 0 8px;
					margin-top: 5px;
					padding-left: 15px;
					}

		/*	サイド
		 * ------------------------------------- */
		#sidebox {
			width: 221px;
			margin: 0;
			padding-left: 15px;
			}

				/*	サイドメニュー
				 * ------------------------------------- */
				#smenubox {
					width: 206px;
					margin-bottom: 15px;
					padding: 0;
					}

				/*	リンク
				 * ------------------------------------- */
				#linkbox {
					width: 206px;
					margin-top: 15px;
					padding: 0;
					}
				.link {
					background-color: #FFFFFF;
					border-right: #d9d9d9 1px solid;
					border-bottom: #d9d9d9 1px solid;
					border-left: #d9d9d9 1px solid;
					margin: 0;
					padding: 8px;
					}
				#bannerbox {
					width: 185px;
					margin: 0;
					padding: 0; 
					}
				#bannerbox td {
					margin: 0;
					padding: 10px 5px;
					border-bottom: #999999 1px dotted;
					}

				/*	お問い合わせ
				 * ------------------------------------- */
				#contactbox {
					width: 206px;
					margin-bottom: 15px;
					padding: 0;
					}
				.contact {
					background-color: #FFFFFF;
					border-right: #d9d9d9 1px solid;
					border-bottom: #d9d9d9 1px solid;
					border-left: #d9d9d9 1px solid;
					margin: 0;
					padding: 15px;
					}
				#textbox_s {
					font-size: 10px;
					*font-size: x-small; /* IE 7向け */
					*font: xx-small; /* IE 6以下 */
					line-height: 170%;
					*line-height: 160%; /* IE 7向け */
					margin: 0;
					padding: 0; 
					}


/* 5.フッター
========================================== */
#footercontainer {
	width: 896px;
	margin: 0;
	padding: 0;
	}

		/*	ページトップ
		 * ------------------------------------- */
		#page_top {
			margin: 0;
			padding: 30px 0 25px 0;
			border-bottom: #e5e5e1 1px solid;
			}

		/*	フットメニュー
		 * ------------------------------------- */
		#menubox {
			margin: 0;
			padding: 20px;
			border-bottom: #e5e5e1 1px solid;
			}
		ul#foot_menu01 {
			font-size: 13px;
			*font-size: small; /* IE 7向け */
			*font: x-small; /* IE 6以下 */
			margin: 0;
			padding: 0;
			}
		ul#foot_menu01 li {
			display: inline;
			padding: 0 6px 0 10px;
			border-left: 1px solid #aaaaaa;
			}
		ul#foot_menu01 li.end {
			padding: 0 6px 0 10px;
			border-right: 1px solid #aaaaaa;
			}
		ul#foot_menu02 {
			font-size: 11px;
			*font-size: x-small; /* IE 7向け */
			*font: xx-small; /* IE 6以下 */
			margin: 0;
			padding-top: 10px;
			* padding-top: 15px; /* this is a hack for IE */
			}
		ul#foot_menu02 li {
			display: inline;
			padding: 0 6px 0 10px;
			border-left: 1px solid #aaaaaa;
			}
		ul#foot_menu02 li.end {
			padding: 0 6px 0 10px;
			border-right: 1px solid #aaaaaa;
			}
		/* ロールオーバー */
		a:link.foot_menu, a:visited.foot_menu {
			color: #555555;
			text-decoration: none;
			}
		a:hover.foot_menu, a:active.foot_menu { 
			color: #555555;
			text-decoration: underline;
			}

		/*	コピーライト
		 * ------------------------------------- */
		#copyright {
			margin: 0;
			padding: 20px 0;
			}


/* 6.フォント
========================================== */
.small {
	font-size: 10px;
	*font-size: x-small; /* IE 7向け */
	*font: xx-small; /* IE 6以下 */
	}
.small_b {
	font-size: 10px;
	*font-size: x-small; /* IE 7向け */
	*font: xx-small; /* IE 6以下 */
	font-weight: bold;
	}
.point {
	color: #D40000;
	}