/**************************************
 テーマ色:tampopo #dcbb00
 **************************************/

/**************************************
 初期化
 **************************************/
body,div,pre,p,blockquote, 
form,fieldset,input,textarea,select,option, 
dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,
table,th,td,embed,object { 
margin: 0; 
padding: 0; 
vertical-align: baseline; 
}

/**************************************
 基本設定
 **************************************/
body{
font-family: Verdana, Arial, sans-serif;
text-align:center;
color:#444; /* 全体のテキスト色 */
font-size:10pt; /* 全体のテキストサイズ */
background-color:#f8f8f8;
/*background:#f33;*/
}

#container {
margin-left:auto; 
margin-right:auto;
width:850px;/*全体のサイズ*/
background-color:#fff;
border-left:solid 2px #eee;
border-right:solid 2px #eee;
text-align:left;
}

#header{
width:850px;
height:200px;
background:#dcbb00;
/*background:#eee;*/
color:#fff;
padding:0;
margin:0;
}

#navi{
width:850px;
background:#f7f7f7;
}

#main {
float:left;
width:850px;
}

#sub {
float:left;
width:246px;

}

#footer {
clear:both;
width:850px;
text-align:center;
}

/**************************************
 個別設定
 **************************************/
 
/**************** <a> ****************/
a {
text-decoration: none;
color: #002bb8;
background: none;
}
a:visited {
color: #5a3696;
}
a:active {
color: #faa700;
}
a:hover {
text-decoration: underline;
}

/**************** <img> ****************/
img{border:0;padding:0;margin:0;}
/****************<div>****************/
#header div{
height:200px;
}
#main div,#navi div,#sub div,#footer div{
padding:5 20 5 20px;
}
/****************<h1>****************/
#navi h1{
color:#4c4100;
font-size:10pt;
}
#header h1{
font-size:8pt;
padding:5 0 0 10px;
}

#main h1,#sub h1,#footer h1{
font-size:16pt;
font-weight:bold;
letter-spacing:2px;
margin:0;
padding:2px 0 2px 0;
}
/****************<h2>****************/
#main h2,#sub h2,#footer h2{
font-size:12pt;
font-weight:bold;
letter-spacing:2px;

border-bottom:solid #dcbb00 1px;
border-left:solid #dcbb00 5px;

/*border-bottom:solid #ddd 1px;
border-left:solid #c00 5px;*/

margin:8 0;
padding:2px 0 2px 5px;

background:url(./image/tampopo.png) repeat-x;

/*background:url(./image/ginnezu.png) repeat-x;*/
}
/****************<h3>****************/
#main h3,#sub h3,#footer h3{
font-size:10pt;
font-weight:bold;
letter-spacing:2px;
margin:0;
padding:2px 0 2px 5px;
}
/****************<h4>****************/
#main h4,#sub h4,#footer h4{
font-size:9pt;
font-weight:bold;
letter-spacing:2px;
margin:0;
padding:2px 0 2px 5px;
}
/****************<h5>****************/
#main h5,#sub h5,#footer h5{
font-size:8pt;
font-weight:bold;
letter-spacing:2px;
margin:0;
padding:2px 0 2px 5px;
}
/****************<h6>****************/
#main h6,#sub h6,#footer h6{
font-size:7pt;
margin:0;
padding:2px 0 2px 5px;
}
/****************<p>****************/
#main p,#sub p,#footer p{
line-height:1.3em;
margin:0;
padding:2px 0 2px 15px;
}
/****************<span>****************/
#navi span{
color:#dcbb00;
font-weight:bold;
}
/****************<ul><ol><li>****************/
#navi li{
display: inline;
}
#main ul,#sub ul,#footer ul{
padding:2px 0 2px 30px;
}
#main ol,#sub ol,#footer ol{
padding:2px 0 2px 30px;
}
/****************<dl><dt><dd>****************/
#main dl,#sub dl,#footer dl{
padding:2px 0 2px 30px;
}
#main dd,#sub dd{
padding:2px 0 2px 30px;
}
/****************<table><tr><td>****************/
#main table,#sub table,#footer table{
margin:2px 0 2px 30px;
font-size:8pt;
boder:1px solid #ccc;
white-space: nowrap;
border-collapse: collapse;
table-layout: fixed;
background:#fafafa;
}
#main td,#sub td,#footer td{
border: solid 1px #ccc;
padding:5px;
}
/****************<pre>****************/
#main pre,#sub pre,#footer pre{
line-height:1.5em;
margin:0;
padding:2px 0 2px 15px;
}
/****************<strong>****************/
#main strong,#sub strong,#footer strong{
color:#4c4100;
}
/****************<form>****************/
#main form,#sub form,#footer form{
font-size:8pt;
}
/****************<fieldset>****************/
#main fieldset,#sub fieldset{}
/****************<legend>****************/
#main legend,#sub legend,#footer legend{
margin-left:30px;
}
/****************<input>****************/
#main input,#sub input,#footer input{}
/****************<textarea>****************/
#main textarea,#sub textarea,#footer textarea{
margin:5px;
}
/****************<select>****************/
#main select,#sub select,#footer select{}
/****************<option>****************/
#main option,#sub option,#footer option{}

/**************************************
 オプション設定
 **************************************/
 
.copyright{
text-align:center;
color:#ccc;
font-size:8pt;
}

.comment{
font-size:7pt;
color:#666;
}
