@charset "Shift_JIS";

/*============================================
全般的なスタイル
============================================*/


body {
 text-align: center;   /*IE6以下でセンタリングするための対策*/
 margin: 0;
 padding: 0;
}

div#container {
 margin: 0 auto; /*上下:0 左右:auto */
 text-align: left;
 background: #ffffff;
 width: 750px;
}



/*============================================
ヘッダ
============================================*/

div#header {
 color: transparent;
 background: transparent;
}


/*============================================
上段メニュー
============================================*/

#tabs ul {
list-style: none;
margin: 0;
padding: 0;
line-height: 1.5em;   /*全要素の行の高さを1.5倍にする*/
text-align: center;
color: #000000;
background: #cccccc;
}

#tabs ul li {
display: inline;
}

#tabs ul li a {
padding: 0.2em 1em;
text-decoration: none;
color: #000000;
background: transparent;
font-size: 15px;
}


#tabs ul li a:hover {
color: #00008b;
background: #eee8aa;
}




/*============================================
コンテンツ（左と右の2コラム全体）
============================================*/

div#main {
 width: 750px;
 float: center;
 color: #ffffff;
 background: transparent;
 padding:5px 0px 5px 0px;		 /*要素内容の位置調整*/
}



h1{
    border-left:solid 5px #4169E1;    /* 左側の罫線 */
    border-bottom:double 3px #4169E1;  /* 下側の二重線 */
    padding-top:3px;                   /* 上部から文字までの距離 */
    padding-left:3px;                  /* 左部から文字までの距離 */
    width:450px;                       /* 全体の幅 */    
    font-size: large;
    font-family: "MS Pゴシック", "ヒラギノ角ゴ pro W3", Osaka, sans-serif;
    color: #000000;
}


h2{
font-size: medium;
font-family: "MS Pゴシック", "ヒラギノ角ゴ pro W3", Osaka, sans-serif;
}





/*============================================
メーンコンテンツ（左のメインコラム）
============================================*/


div#maincontent {
 width: 500px;
 float: left;
 color: #000000;
 background: transparent;
 padding:15px 20px 10px 20px;		 /*要素内容の位置調整*/
}

.pic1 {
float: left;
width: 120px;
margin:0px 10px 10px 10px;
border: 2px #000033 solid;
}


.pic3 {
float: left;
width: 200px;
margin:0px 10px 10px 10px;
border: 2px #000033 solid;
}


.pic4 {
float: left;
width: 80px;
margin:0px 8px 8px 8px;
border: 1px #000033 solid;
}


#number ul {
 list-style: decimal;
}

.hizuke{
font-size: small;
float: right;
font-style: italic;
font-family: "MS Pゴシック", "ヒラギノ角ゴ pro W3", Osaka, sans-serif;
}

.maru ul{
 list-style: circle;
}


hr{
background-color: #000000;
}


/*============================================
サブコンテンツ（右カラム）
============================================*/

div#subcontent {
 width: 175px;
 float: right;
 color: #000000;
 background: transparent;
 padding:15px 17px 10px 17px;		 /*要素内容の位置調整*/
 border-left: solid 1px #4169E1;
}

.pic2 {
float: left;
width: 160px;
margin:5px 15px 5px 5px;
border: 2px #000033 solid;
}




/*============================================
フッタ
============================================*/

#footer {
 width: 750px;  /* Internet Explorerのバグ対策*/
 clear: both;
 text-align: center;
 font-size: small;
 color: #000000;
 background: #cccccc;
 padding:10px 0px 10px 0px;		 /*要素内容の位置調整*/
}