/* カーフィルム　スモーク　貼り方講座スタイルシート */
/* ようこそyan.nuへ。汚いソースでよければじっくりご覧下さい（笑） */

body {
	background:url(image/bg.gif);
	margin: 0;			/* IE用のセンタリング */
	padding:0px;		/* IE用のセンタリング */
	text-align:center;	/* IE用のセンタリング */
}

 /* ここからtable関連 */

div#main {			 /* 外枠 */
	border-collapse: collapse;
	border: 1px solid #194B9F;
	width: 800px;
	width: 805px\9; /* IE8 */
	text-align:center;			/* IE用のセンタリング */
	margin-left:auto;			/* IE用のセンタリング */
	margin-right:auto;			/* IE用のセンタリング */
	text-align:left;			/* IE用のセンタリング */
	background-color:#ffffff;
}

table#dougu {
	border-collapse: collapse;
	border: 1px solid #194B9F;
	width: 552px;
	/*　道具ページ　*/
}

th.dougu, td.dougu {
	border: 1px solid #194B9F;
	font-size: 10pt;
	margin: 0;
	text-justify: distribute;
	line-height: 1.3;
	/*　道具ページ　*/
}

/*　ここからテキスト関連　*/

h1 {
	width: 800px;
	FONT-SIZE: 19px;
	border-top: 1px solid #aaaaaa;
	color: #FFFFFF;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	background-color: #000000;
}


h2 {
	FONT-SIZE: 18px;
	margin: 0 0 0 0px;
 /* トップページのみ使用 */
}

h2.subt {
	color: #194B9F;
	background-color: #F0F6FD;
	border-top: 5px solid #0850B2; /* 上方向に7pxのボーダーを指定 */
	border-bottom: 2px solid #888888; /* 下方向に3pxのボーダーを指定 */
	FONT-SIZE: 18px;
	width: auto;
	margin: 0 0 0 1px;
 /* トップページ以外の最上位見出しに使用 */
}

h3.top {
	font-size: 14px;
	margin: 5px 0 5px 0;
	padding:5px 0 0 10px;
	background-color: #eeeeee;
	border-left:5px solid #0850b2;
	border-bottom: 1px solid #cccccc;

}

h3#index {
	font-size: 14px;
	margin: 5px 0 -15px 0;
	padding: 4px 0 4px 10px;
	color: #194B9F;
	background-color: #F0F6FD;
	border-top: 2px solid #0850B2; /* 上方向に2pxのボーダーを指定 */
	border-bottom: 1px solid #000000; /* 下方向に1pxのボーダーを指定 */
	 /* トップページのみ使用 */
}

h4 {
	font-size:12px;
	margin: 15px 0 1px 0;
	padding:5px 0 0 10px;
	background-color: #eeeeee;
	border-bottom: 1px solid #333333;
	
}

h4.column {
	font-size:12px;
	letter-spacing: 2px;
	margin: 15px 10px 1px 0;
	padding:5px 0 0 10px;
	background-color: #eeeeee;
	border-top: 1px solid #aaaaaa;
	border-bottom: 2px solid #777777;
}

h5 {
	line-height: 1.5;
	letter-spacing: 2px;
}

p#text_header {
	font-size: 8pt;
	color: #ffffff;
	line-height: 1;
	margin: -20px 0 0 570px;
 /* ヘッダー内テキスト専用 */
}

.text0 {
	font-size: 10pt;
	line-height: 1.5;
	margin: 0;
	text-justify: distribute;
	letter-spacing: 2px;
}

.text999 {
	font-size: 10pt;
	line-height: 1.5;
	margin: 0;
	text-justify: distribute;
	letter-spacing: 2px;
	color:#FF0000;
	background-color:#BFEBFF;
	border:1px solid #000000;
}

.text1 {
	font-size: 10pt;
	line-height: 1.5;
	margin: 0;
	text-justify: distribute;
	letter-spacing: 2px;
	padding: 20px 0 0 0;
}

.text_kaisetu {
	width: 400px;
	margin:10px 0 0 0;
	font-size: 12px;
	border-bottom: 1px solid #000000; /* 下方向に1pxのボーダーを指定 */
	 /* トップページのみ使用 */
}

div.hed {
	font-size: 8pt;
	margin: 0;
	text-justify: distribute;
	line-height: 1.3;
 /* 各ページのヘッダー下 */
}

 /* トップページ注意文 */
h4#note {
	font-size:12px;
	letter-spacing: 2px;
	margin: 15px 5px 1px 2px;
	padding:2px 0 0 10px;
	background-color: #eeeeee;
	border-left:5px solid #ff0000;
	border-bottom: 1px solid #555555;
}

h5#index {
	font-size:10px;
	letter-spacing: 2px;
	margin: 15px 5px 1px 2px;
	padding:2px 0 0 10px;
	background-color: #eeeeee;
	border-left:5px solid #ff0000;
	border-bottom: 1px solid #555555;
}

.note {
	color: #ff0000;
	font-size: 10pt;
	line-height: 1.5;
	letter-spacing: 2px;
	float:left;
	border:1px solid #000000;
	margin:2px 10px 10px 0;
	padding:0 0 0 10px;
 /* 各ページの注意文面 */
}

.note1 {
	color: #ff0000;
	font-size: 10pt;
	line-height: 1.5;
	letter-spacing: 2px;
	margin:2px 10px 10px 0;
	padding:0 0 0 10px;
 /* 各ページの注意文面 */
}

.image { 
	border:1px solid #194B9F;
/* 画像枠表示 */
}

.image1 { 
	border:1px solid #000000;
	margin: 1 0 1 0;
	padding: 0 0 3px 0;
}

.image_top { 
	margin: 0 0 0 0;
	border: 0;
}


div#top_list {
	font-size: 10pt;
	line-height: 1.5;
	margin: 0;
	text-justify: distribute;
	letter-spacing: 2px;
	margin: 20px 0 0 0;
	width:455px;
	float:left;
/* トップページ貼り方リスト */
}

ol#top_list1 {
	margin: 3px 0 10px 0;
/* トップページ貼り方リスト */
}

.top_list2 {
	margin: 0 0px 0 60px;
	padding:0 0px 0 60px;
	font-size: 10pt;
	line-height: 1.5;
}

ul#sitemap {
	margin: 3px 5px 0 0;
	
/* サイトマップリスト */
}

/*　ここからナビゲーション関連　*/
#navigation {
	width: 162px;
	float:right;
	margin:3px 2px 0 0;
}

#navigation ul {
	list-style: none;
	margin: 0;
	padding: 0;
	border-top: 1px solid #000000;
}
#navigation li {
	margin: 0;
	padding: 0;
	border-bottom: 1px solid #000000;
	background: #CC0000 url(image/list_marker_white0.gif) left center no-repeat; /* オフマウス時のマーカー画像と背景色を指定 */
	color: #ffffff;
	font-size: 10pt;
}

#navigation li.top {
	padding: 4px 0 4px 10px;
	border-bottom: 1px solid #123570;
	background: #194B9F;
	color: #ffffff;
	font-size: 10pt;
	/* ナビゲーション内メニューの背景色固定*/
}

#navigation li.a01 {
	margin: 0;
	padding: 0;
	border-bottom: 1px solid #000000;
	background: #cc0000 url(image/list_marker_white0.gif) left center no-repeat; /* オフマウス時のマーカー画像と背景色を指定 */
	color: #ffffff;
	font-size: 10pt;
	/* ナビゲーション内各カテゴリーの見出し用*/
}

#navigation a.a01 {
	padding: 4px 0 4px 10px;
	background: #194B9F url(image/list_marker_white0.gif) left center no-repeat;
	display: block;
	width: 152px !important;
	width /**/: 162px;
	color: #ffffff;
	text-decoration: none;
	/* メニュー各カテゴリーの見出し用*/
}
#navigation a.a01:hover {
	color: #000000; /* オンマウス時の文字色を指定 */
	background-image: none; /* オンマウス時の背景画像を表示させないように指定 */
	background-color: transparent; /* オンマウス時の背景色を透過するように指定 */
	/* メニュー各カテゴリーの見出し用*/
}

#navigation a {
	padding: 4px 0 4px 10px;
	background: #FFFFFF url(image/list_marker_white0.gif) left center no-repeat;
	display: block;
	width: 152px !important;
	width /**/: 162px;
	color: #000000;
	text-decoration: none;
}
#navigation a:hover {
	color: #FFFFFF; /* オンマウス時の文字色を指定 */
	background-image: none; /* オンマウス時の背景画像を表示させないように指定 */
	background-color: transparent; /* オンマウス時の背景色を透過するように指定 */
}


/* 以下トップページ内ナビゲーション専用 */
#navigation_top {
	width: 162px;
	float:right;
	margin:5px 2px 0 0;
}

#navigation_top ul {
	list-style: none;
	margin: 0;
	padding: 0;
	border-top: 1px solid #000000;
}
#navigation_top li {
	margin: 0;
	padding: 0;
	border-bottom: 1px solid #000000;
	background: #CC0000 url(image/list_marker_white0.gif) left center no-repeat; /* オフマウス時のマーカー画像と背景色を指定 */
	color: #ffffff;
	font-size: 10pt;
}

#navigation_top li.a01 {
	padding: 4px 0 4px 10px;
	border-bottom: 1px solid #123570;
	background: #194B9F url(image/list_marker_white0.gif) left center no-repeat; /* オフマウス時のマーカー画像と背景色を指定 */
	color: #ffffff;
	font-size: 10pt;
}


#navigation_top a {
	padding: 4px 0 4px 10px;
	background: #FFFFFF url(image/list_marker_white0.gif) left center no-repeat;
	display: block;
	width: 152px !important;
	width /**/: 162px;
	color: #000000;
	text-decoration: none;
}
#navigation_top a:hover {
	color: #FFFFFF; /* オンマウス時の文字色を指定 */
	background-image: none; /* オンマウス時の背景画像を表示させないように指定 */
	background-color: transparent; /* オンマウス時の背景色を透過するように指定 */
}

#navigation_top li.top {
	padding: 4px 0 4px 10px;
	border-bottom: 1px solid #123570;
	background: #194B9F;
	color: #ffffff;
	font-size: 10pt;
	/* ナビゲーション内メニューの背景色固定*/
}

#navigation_top li.a01 {
	margin: 0;
	padding: 0;
	border-bottom: 1px solid #000000;
	background: #cc0000 url(image/list_marker_white0.gif) left center no-repeat; /* オフマウス時のマーカー画像と背景色を指定 */
	color: #ffffff;
	font-size: 10pt;
	/* ナビゲーション内各カテゴリーの見出しオフマウス時*/
}

#navigation_top a.a01 {
	padding: 4px 0 4px 10px;
	background: #194B9F url(image/list_marker_white0.gif) left center no-repeat;
	display: block;
	width: 152px !important;
	width /**/: 162px;
	color: #ffffff;
	text-decoration: none;
	/* メニュー各カテゴリーの見出しリンク部の表示用*/
}
#navigation_top a.a01:hover {
	color: #000000; /* オンマウス時の文字色を指定 */
	background-image: none; /* オンマウス時の背景画像を表示させないように指定 */
	background-color: transparent; /* オンマウス時の背景色を透過するように指定 */
	/* メニュー各カテゴリーの見出し用*/
}
/* ナビゲーションここまで */

.layout_top {
	width:625px;/* ＭＡＸ６２７ｐｘ */
	width:615px \0/; /* IE9 */
	float:left;
	background-color:#ffffff;
	margin:5px 0 0 9px;
}

.layout {
	width:625px;/* ＭＡＸ６２７ｐｘ */
	float:left;
	background-color:#ffffff;
	margin:3px 0 0 9px;
}
.layout1 {
	clear:both;
	background-color:#333333;
	width:auto;
	height:18px;
	font-size: 10pt;
	color:#FFFFFF;
	padding: 3px;
}

div#layoutad {
	width:122px;
	float:left;
	background-color:#ffffff;
	margin:0 2px 0 0;
	padding: 0 0 0 0;
}
div.layout-auto {
	width:500px;
	float:left;
	background-color:#ffffff;
}

.bbs {
	border:0;
	allowTransparency:true;
}

div.ads01 {
margin:5 0 0 40;
}