/* ページ全体 */
BODY {
 margin:0px;
 overflow:auto;
 background-color:#FFFFFF;
}

DIV.page {
 left:0px;
 width:750px;
 font-size:10pt;
 line-height:120%;
}

/* ヘッダ部 */
DIV.header-outline {
 width:750px; height:120px;
 margin-bottom:10px;
}

/* ヘッダ部（左部分タイトル） */
DIV.header-title {
 position:absolute;
 left:0px; top:0px;
 width:250px; height:120px;
 background-image:url(/img/titleback-200704.jpg);
 background-repeat:no-repeat;
}

DIV.header-logo {
 position:absolute;
 left:10px; top:15px;
 width:250px; height:120px;
 background-image:url(/img/sandanya_logo.gif);
 background-repeat:no-repeat;
}

/* ヘッダ部（右部分） */
DIV.header-panel {
 position:absolute;
 left:250px; top:0px;
 width:500px; height:120px;
 background-image:url(/img/header-200704.jpg);
 background-repeat:repeat-y;
}

/* ヘッダ部（メニューバー） */
DIV.menubar {
 position:absolute;
 width:500px;
 left:0px;
 top:60px;
 margin:0px;
 padding:2px 0px;
 font-size:10pt;
 text-decoration:none;
 background-color:#DDFFFF;
 border-top-width:1px;
 border-top-style:solid;
 border-top-color:#33CCFF;
 border-bottom-width:1px;
 border-bottom-style:solid;
 border-bottom-color:#33CCFF;
}

.menubar A:link{
 color:#333333;
 padding:0px 3px;
}
.menubar A:visited{
 color:#333333;
 padding:0px 3px;
}
.menubar A:active{
 color:#333333;
 padding:0px 3px;
}
.menubar A:hover{
 background-color:#0099FF;
 color:#FFFFFF;
 padding:0px 3px;
}

DIV.menubar2 {
 position:absolute;
 width:500px;
 left:0px; top:85px;
 margin:0px;
 padding:2px 0px;
 font-size:10pt;
 text-align:right;
 text-decoration:none;
 background-color:#E0E0E0;
 border-top-width:1px;
 border-top-style:solid;
 border-top-color:#999999;
 border-bottom-width:1px;
 border-bottom-style:solid;
 border-bottom-color:#999999;
}

.menubar2 A:link{
 color:#333333;
 padding:0px 3px;
}
.menubar2 A:visited{
 color:#333333;
 padding:0px 3px;
}
.menubar2 A:active{
 color:#333333;
 padding:0px 3px;
}
.menubar2 A:hover{
 background-color:#666666;
 color:#FFFFFF;
 padding:0px 3px;
}


/* ヘッダ部（検索） */
DIV.search {
 position:absolute;
 left:5px; top:5px;
 font-size:8pt;
}

/* ヘッダ部（サイトマップ） */
DIV.header-navi {
 position:absolute;
 left:375px;
 top:15px;
 font-weight:bold;
}


/* メイン部 */
DIV.main-outline {
 margin:0px 0px 0px 20px;
 width:730px;
}

/* メイン部（コンテンツ） */
DIV.main {
 float:left;
 width:520px;
 padding:0px 0px 0px;
 margin:0px 0px 10px 0px;
 background-color:#FFFFFF;
}

/* メイン部（サイドバー） */
DIV.sidebar {
 float:right;
 width:180px;
 padding:5px;
 margin:0px 5px 0px 0px;
 color:#000000;
 background-color:#E0E0E0;
 border-width:1px;
 border-color:#999999;
 border-style:solid;
 font-size:8pt;
}

/* メイン部（パンくずリスト） */
DIV.main-navi {
 width:730px;
 margin:0px 0px 12px 0px;
 border-bottom-width:1px;
 border-bottom-color:#33CCFF;
 border-bottom-style:dotted;
 font-size:9pt;
}

.main-navi A:link{
 color:#333333;
}
.main-navi A:visited{
 color:#333333;
}
.main-navi A:active{
 color:#333333;
}
.main-navi A:hover{
 color:#0099FF;
}


/* フッタ部 */
DIV.footer-outline {
 position:absolute;
 width:750px;
 height:30px;
 border-top-color:#33CCFF;
 border-top-width:1px;
 border-top-style:solid;
}

/* フッタ部（左部分） */
DIV.footer-left {
 position:absolute;
 left:0px;
 width:250px; height:30px;
 padding:5px;
}

/* フッタ部（右部分） */
DIV.footer-right {
 position:absolute;
 left:250px;
 width:500px; height:30px;
 padding:5px;
 background-image:url(/img/header-200704.jpg);
}





/* リンク */
A{
 text-decoration:none;
}

A:link{
 color:#0000FF;
}
A:visited{
 color:#CC33FF;
}
A:active{
 color:#333333;
}
A:hover{
 color:#0099FF;
}

A.header:link{
 color:#FFFFFF;
}
A.header:visited{
 color:#FFFFFF;
}
A.header:active{
 color:#FFFFFF;
}
A.header:hover{
 color:#0099FF;
}



/* イメージ */
IMG {
 border:0px;
}

IMG.icon{
 border:0;
 vertical-align:bottom;
}


/* 見出し */
H1{
 font-size:16px;
 font-weight:bold;
 margin:0 0 8px 0;
 padding:5px;
 background-color:#DDFFFF;
 border-left-color:#33CCFF;
 border-left-width:12px;
 border-left-style:solid;
 border-right-color:#999999;
 border-right-width:1px;
 border-right-style:solid;
 border-bottom-color:#999999;
 border-bottom-width:1px;
 border-bottom-style:solid;
}

H2{
 width:85%;
 font-size:14px;
 font-weight:bold;
 margin:0 0 8px 16px;
 padding:3px;
 background-color:#EEFFFF;
 border-left-color:#66CCFF;
 border-left-width:8px;
 border-left-style:solid;
 border-right-color:#999999;
 border-right-width:1px;
 border-right-style:solid;
 border-bottom-color:#999999;
 border-bottom-width:1px;
 border-bottom-style:solid;
}

H3{
 font-size:12px;
 font-weight:bold;
 padding:3px;
 border-left-color:#66CCCC;
 border-left-width:8px;
 border-left-style:solid;
}

H1.sub{
 font-size:12px;
 font-weight:bold;
 padding:3px;
 color:#FFFFFF;
 border-left-width:8px;
 background-color:#666666;
}


/* 横線 */
HR{
 color:#0099FF;
}

HR.sub{
 color:#999999;
}



/* その他 */

.indent{
 margin-left:16px;
 margin-right:16px;
 margin-bottom:16px;
 line-height: 120%;
}


.stripeframe{
 margin:0px 0px 16px;
 font-size:10pt;
 border-collapse:collapse;
 border-right-width:1px;
 border-right-color:#999999;
 border-right-style:solid;
 border-bottom-width:1px;
 border-bottom-color:#999999;
 border-bottom-style:solid;
 width:100%;
}

.stripe1{
 background-color:#EEFFFF;
 vertical-align:top;
}

.stripe2{
 background-color:#FFFFFF;
 vertical-align:top;
}



/* --- 文字列書式 --- */
/* 記事タイトル */
.title {
 font-size:12pt;
 font-weight:bold;
}

/* 記事説明（インデントあり） */
.note {
 font-size:x-small;
 margin-left:16px;
 margin-right:16px;
 line-height: 120%;
}

/* 注意コメント */
.caution{
 font-size:9pt;
 color:#FF6633;
}

/* グレーコメント */
.gray{
 font-size:9pt;
 color:#999999;
}

/* キーワード */
.keyword {
 text-align:right;
 font-size:9pt;
}