/*
共通設定。
*/
a{
 CURSOR: pointer;
 text-decoration:underline;
 color:#3300CC;
}

body{
 font-size: 10pt;
 color:#993333;
 background-color:#FFFFFF;
 text-align:center;
 font-family:ＭＳ Pゴシック;
 background-image:url('background.gif');
}

img{
 border:none;
}

h2{
 font-size:1.3em;
}

h3{
 font-size:1.0em;
}

h4{
 font-size:1.0em;
}

div{
 margin-left:auto;
 margin-right:auto;
}

/*
frameで全体を囲う。
*/
#frame {
 width:800px;
 text-align:left;
}

/*
ここからheaderの設定。
*/

#header {
 width: 100%;
 border-style:none;
 padding-left:1em;
 padding-top:0.2em;
 padding-bottom:1em;
 border-top-style:groove;
 border-bottom-style:ridge;
}

#header h1{
 margin:0px;
 font-size:1.3em;
}

#header p{
 margin:0px;
}

/*
ここからメニューの設定。
*/

#menu {
 width: 200px;
 border-style:none;
 margin:0.5em;
 padding:0.2em;
 float:left;
}

#menu h2{
 margin:0.1em;
 padding:0.1em;
}

#menu ol{ 
 list-style-position:inside; 
}

#menu li{ 
 position:relative;
 right:2em;
 margin:0.1em;
}

/*
ここからMainの設定。
*/

#main {
 width:530px;
 border-style:solid;
 border-color:#993333;
 border-width:thin;
 margin:0.5em;
 padding:1.0em;
 float:left;
 background-color:#FFFFFF;
}

/* 
タイトル
*/

#main h2.title{
 font-size:1.2em;
 padding:0.3em;
 width:90%;
 position:relative;
 background-color:#FFFFFF;
 border-style:none;
 border-color:#993333;
 margin-top:1em;
 border-left-style:solid;
 border-left-width:10px;
}

/* 今日のトピック など */
#main h3.sub_title{
 border-color:#993333;
 border-top-style:solid;
 border-bottom-style:solid;
 padding:0.1em;
}

/* 本文小見出し*/
#main h4.topic_title{
 margin-bottom:0.1em;
}

/*
日付。
*/
#main h4.date{
 padding:0.1em;
 margin-left:420px;
}

/*本文*/
#main p{
 margin-top:0.5em;
 margin-bottom:0.5em;
 margin-left:1.0em;
 padding:0.2em;
}

/*
ここからフッターの設定。
*/

#footer{
 width:100%;
 padding:0.1em;
 clear:both;
 border-top-style:ridge;
}