/**************************************
 半蔵門無料WEBデザインテンプレートシリーズ
 
 孔明 -KOUEMI- ver 1.02
 2009年01月28日 更新
 作成者 : HANZOU
 テーマ : Rodem
 テーマ色 : #555555
 文字コード : UTF-8
 **************************************/

/**************************************
 初期化
 **************************************/
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: 0px;
padding: 0px;
vertical-align: baseline; 
}

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

#container {
margin-left:auto; 
margin-right:auto;
width:850px;/* 全体の横サイズ。変える場合は #main と #sub と #footerの width も変更してください */
background-color:#fff;
border-left:solid 2px #eee;
border-right:solid 2px #eee;
text-align:left;
}

#header{
width:850px;
height:200px;
background:url("./Rodem.png") repeat-x #555555;
color:#fff;
}

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

#main {
float:left;
width:550px; /* #main の横サイズ。変える場合 #sub の width も変更してください */
}

#sub {
float:left;
width:296px; /* #sub の横サイズ。#containerの幅から#mainの幅をマイナスし、さらに4を引いてください */

}

#footer {
clear:both;
width:850px; /* #sub の横サイズ。#containerの幅にあわせてください */
}

/**************************************
 個別タグのスタイル設定
 
 すべてタグごとに整理されています。
 **************************************/
 
/**************** <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;
vertical-align:top;
}

/****************<div>****************/
#header div{
padding:30px;
}

#main div,#navi div,#sub div,#footer div{
padding:5px 20px 5px 20px;
}
/****************<h1>****************/
#header h1{
font-size:25pt;
padding:1px;
}

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

#main h2,#sub h2,#footer h2{
font-size:12pt;
font-weight:bold;
letter-spacing:2px;
border-bottom:solid #555555 1px;
border-left:solid #555555 5px;
margin:8px 0px;
padding:2px 0px 2px 5px;
}
/****************<h3>****************/
#header h3{
font-size:12pt;
padding:1px;
}

#main h3,#sub h3,#footer h3{
font-size:10pt;
font-weight:bold;
letter-spacing:2px;
margin:0px;
padding:2px 0px 2px 5px;
}
/****************<h4>****************/
#main h4,#sub h4,#footer h4{
font-size:9pt;
font-weight:bold;
letter-spacing:2px;
margin:0px;
padding:2px 0px 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:0px;
padding:2px 0px 2px 5px;
}
/****************<p>****************/
#main p,#sub p,#footer p{
line-height:1.5em;
margin:0px;
padding:2px 0px 2px 15px;
}
/****************<span>****************/
#navi span{
color:#555555;
font-weight:bold;
}
/****************<ul><ol><li>****************/
#navi li{
display: inline;
}
#main ul,#sub ul,#footer ul{
padding:2px 0px 2px 30px;
}
#main ol,#sub ol,#footer ol{
padding:2px 0px 2px 30px;
}
/****************<dl><dt><dd>****************/
#main dl,#sub dl,#footer dl{
padding:2px 0px 2px 30px;
}
#main dd,#sub dd{
padding:2px 0px 2px 30px;
}
/****************<table><tr><td>****************/
#main table,#sub table,#footer table{
margin:2px 0 2px 30px;
font-size:8pt;
border: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:0px;
padding:2px 0px 2px 15px;
}
/****************<strong>****************/
#main strong,#sub strong,#footer strong{
color:#555555;
}
/****************<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;
}