/* ----------------------------------------- */
/* 全般の書式設定 (documents用)              */
/* ----------------------------------------- */
body { 
	font-family: 'Lucida Grande','Hiragino Kaku Gothic Pro','ヒラギノ角ゴ Pro W3',Osaka,平成角ゴシック,'ＭＳ Ｐゴシック',sans-serif;  
	font-size: 14px;
	*font-size: 81.25%; /*for IE6,IE7*/
	color: #333;	
	margin:0;
}

body { /* ドキュメント用Body */
	margin:8px 20px 15px 20px; 
	background: #fff;
}

/* コピーライト */
.copyright { font-size:78%; color:#ddd; }

/* アドレス */
address { font-size:88%; color:#fff; }


/* リンク（全般） */
A { color: #0083B7; text-decoration:underline; }
A:hover { color:#ff3333; text-decoration:none; }

.clear { clear:both; } /* 書式クリア */


/* ----------------------------------------- */
/* コンテンツ・レイアウト                     */
/* ----------------------------------------- */
#container {
	width:470px;
	height:auto;
}
#header h1 {
	font-size:18px;
	letter-spacing:2px;
	padding:5px 15px;
	margin:0;
}
#header { /* ヘッダー */
	padding:0;
	margin:0;
	background:#41556E;
	color:#fff; 
	height:30px;
}

/* 特設ページ用 ///////  */
#special #container {
	width:760px;
	font-size:110%;
}
#special #header h1 { font-size:23px; }
#special #header {
	position:relative;
	height:40px;
	background:#fff;
	color:#036;
}
#special #lineback {
	height:8px;
	background:#EC8A0B url(../material/backimg_header.jpg) left bottom no-repeat;
}
#special #headerLogo {
	position:absolute;
	width:230px;
	height:28px;
	bottom:5px;
	right:100px;
}

#header #close { /* 閉じる */
	display:block;
	font-size:14px;
	text-align:right;
	color:#039;
	position:absolute;
	width:75px;
	height:16px;
	bottom:8px;
	right:0;
	padding:3px 8px 3px 3px;
}

/* リンク (閉じる)  */
#header A {
	color:#039;
	text-decoration:underline;
}
#header A:hover {
	color:#F33;
	text-decoration:none;
}

#footer { /* フッター */
	margin:0;
	padding:5px 0;
	text-align:center;
	background:#41556E;  
}

#contents { /* コンテンツ */
	line-height:1.5;
	padding:5px 20px 20px 20px;
	margin:0;
	text-align:left;
}

/* スナメリ紹介枠 */
#sunameri_tips { 
	width:680px;
	height:200px;
	background:url(../images/sunameri_tips.gif) left top no-repeat;
	margin-left:10px;
}
#sunameri_tips h3 {
	border:none;
	margin:0 0 0 80px;
	padding:30px 0 0 0;
}
#sunameri_tips p {
	font-size:95%;
	padding:5px 25px 15px 45px;
}
/* 関連リンク */
#bn_link {
	text-align:right;
	margin-top:-80px;
}
#bn_link img { vertical-align:middle; }
#bn_link a:hover img {
	filter:alpha(opacity=75);
	opacity:0.75; white-space:nowrap;
}
/* ----------------------------------------- */
/* リスト（ul）の書式設定                    */
/* ----------------------------------------- */

/* 表記 */
#doc ol { 
	padding:6px 6px 6px 35px;
	list-style-type: decimal;
	color:#555;

}
#doc li {
	line-height:1.6;
	margin-bottom:8px;
}

/* ----------------------------------------- */
/* 改行処理（P）の書式設定                   */
/* ----------------------------------------- */

p { /* 全般 */
	font-size:100%;
	margin:4px;
	padding:8px 15px 10px 10px;
}

/* ----------------------------------------- */
/* イメージの書式設定                        */
/* ----------------------------------------- */

img { /* 全般 */
}

.img_p {
	margin:0 0 40px 20px;
}

.img_n { /* 写真(枠付き) */
	margin:5px 10px 10px 10px;
	border:1px solid #555;
}
a:hover .img_n {
	border:1px solid #FF0000;
}


/* ----------------------------------------- */
/* 装飾（H1〜H6）の書式設定                  */
/* ----------------------------------------- */

h1 { }

h2 {
	padding:0;
	margin:10px 0 10px 0;
}

h3 { /* サブタイトル用（項目の区切り） */
	font-size:18px;
	padding:0 0 0 12px;
	margin:8px 5px 8px 2px;
	letter-spacing:2px;
	border-left:8px solid #a52a2a;
}

h4 { /* タイトル（トピック）下線（点線あり） */
	font: bold 15px;
	color:#327DB7;
	padding:0 0 2px 2px;
	margin:8px 5px 8px 5px;
	line-height:1.5;
	letter-spacing:2px;
	border-bottom: 1px dotted #327DB7;
}

h5 {
	font-size:14px;
}

/* ----------------------------------------- */
/* ページコンテンツ装飾（内容）              */
/* ----------------------------------------- */

.txt { /* テキスト（一般） */;
	font-size:92%;
	padding: 4px 4px 4px 8px;
}

.txt_s { /* テキスト（小） */
	margin-top:4px;
	line-height:1.35;
	font-size: 82%;
	margin-left:8px;
}

.red { /* 赤文字 */
	color:red;
}

.green { /* 緑文字 */
	color:green;
}

.u_line { /* アンダーライン */
	border-bottom:1px solid red;
	padding-bottom:1px;
}

.point{ /* テキスト（反転） */
	color:red;
	border:1px solid red;
	margin:0px; padding:1px 3px 1px 3px;
	font-style:normal;
}

.txt_waku2{ /* 注意表記（赤枠つき）【div】 */
	color:#594b49;
	border:2px solid #ffe4e1; /* 枠色 LavenderBlush */
	background-color:#fff0f5; /* 背景色 misty rose */
 	margin:12px; padding:8px;
}

/* ----------------------------------------- */
/* テーブル装飾                              */
/* ----------------------------------------- */

/* アンダーライン型テーブル装飾 //////// */

table.cont-u { /* 下ライン付き テーブルコンテンツ(table) */
  margin:0px 8px 12px 12px;
  border:none; 
  border-collapse: collapse; 
	line-height:1.5;
}

td.cont-u0 { /* 下ライン付き テーブルコンテンツ (０) */
	vertical-align:top;
	border-bottom: 1px solid #8b795e; 
	padding:3px 3px 3px 16px;
	font-family: monospace,"ＭＳ ゴシック","Osaka−等幅";
	letter-spacing:1px;
}

td.cont-u1 { /* 下ライン付き テーブルコンテンツ (１) */
	vertical-align:top;
	border-top: 2px double #8b795e;
	border-bottom: 1px solid #8b795e; 
	padding:3px;
	font-family: monospace,"ＭＳ ゴシック","Osaka−等幅";
	letter-spacing:2px;
}

.cont-u .header {
	background-color:#C7C5B7;
	border-bottom: 1px solid #8b795e;
}
.cont-u td { /* 下ライン付き(td) */
	vertical-align:top;
	border-bottom: 1px dashed #A0A0A4; 
	padding:5px 5px 3px 8px;
	font-family: monospace,"ＭＳ ゴシック","Osaka−等幅";
	letter-spacing:1px;
	font-weight:bold;
}
.cont-u th { /* 下ライン付き(th) */
	vertical-align:top;
	text-align:left;
	border-bottom: 1px dashed #A0A0A4;
	padding:5px 0 5px 8px;
}