/*このスタイルシートの著作権はテンプレート工房TAKEにあります*/
/*全体の設定*/
body{
font:"メイリオ", "MS Pゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
color: #333333;/*全体で使う文字の色*/
margin:0px;
padding:0px;
}
.body {background:url(img/header1.jpg) top center repeat-x}
.body1 {background:url(img/header2.jpg) top center repeat-x}
.body2 {background:url(img/paper.png) top repeat}
/*ページの中身の設定*/
#contents{
width:880px;/*実際のホームページの横幅*/
margin:0 auto;
position:relative;/*相対位置で指定する*/
font-size:90%;/*全体の文字サイズを少し小さくする*/
}
/*ヘッダー部分の設定*/
#header{
background-repeat:repeat;
height:95px; /*ヘーダーの高さ*/
color: #FFFFFF;/*文字の色を見やすい色に変える*/
}
/*上部のメインメニューの設定*/
#nav{
background:url(img/nav.gif) repeat-x; /*メニューボタンの背景色*/
width: 100%;/*ページの幅いっぱいに設定*/
height:30px;/*メインメニューの縦の幅*/
position:relative;/*相対位置で指定する*/
margin-top:3px;
margin-left:0px;
margin-bottom:10px;
}
#nav ul{
margin:0;
padding:0;
list-style-type:none;
font-size: 13px;/*メニューボタンの文字のサイズ*/
line-height:30px;/*メニューボタンの縦の幅*/
letter-spacing:2px;/*文字と文字の間隔を少し空ける*/
margin-left:10px;
}
#nav li{
float:left;/*右横へ並んで表示するように指定*/
width:110px; /*メニューボタンの幅*/
text-align:center;/*メニューの文字をセンター合わせに指定*/
margin:0;
padding:0;
}
#nav li a:hover{
width:110px; /*メニューボタンの幅*/
background:#330903;
}
/*メインメニューの文字の色を変化させる設定*/
#nav a{
color:#330903;/*メニューボタンの文字の色*/
}
#nav a:hover{
color:#cccccc; /*メニューの文字がカーソルが来た時、この色に変わる*/
}
/*メイン部分の設定*/
#main{
width:820px;/*デザインのバランスを考えコンテンツより少し幅を小さくする*/
height:830px;/*ページの縦の長さの指定ページに合わせて調整する*/
margin-top:35px;/*上から少しスペースを空ける*/
margin-left:35px;/*左に少しスペースを空ける*/
}
/*下部のフッター部分の設定*/
address{
background-color:#000000;/*フッターの背景色*/
width:100%;/*フッターの幅をコンテンツの幅ピッタリにする*/
font-size:80%;/*文字は少し小さめに指定*/
font-style:normal;/*指定をしないと文字が斜めに表示される*/
text-align:center;/*文字をセンター合わせにする*/
color: #FFFFFF;/*文字の色を変える*/
padding-top:10px;/*文字の上に少しスペースを空ける*/
padding-bottom:30px;/*文字の下に少しスペースを空ける*/
}
address a{
color:#FFA8F6;
}
/*検索エンジン対策の文字の指定*/
/*検索で重要な見出しタグの設定*/
h1{
font-size:70%;/*文字を小さくする*/
font-weight:normal;/*見出しタグは太字なので普通の文字にする指定をします*/
letter-spacing: 2px;/*文字と文字の間隔を少し空ける*/
margin-top:0px;
padding-left:10px;/*左に少しスペースを空ける*/
}
/*見出しタグの設定*/
h2{
background:url(img/2.gif) no-repeat;
height:45px;
width:720px;
font-size:280%;/*文字サイズを大きくする*/
padding-left: 55px;/*文字の左に少しスペースを空ける*/
color:#cccccc;/*見出しの文字の色*/
margin-top:40px;
margin-bottom:35px;
}
h4{
width:785px;
color:#999999;
font-size:180%;/*文字サイズを大きくする*/
padding-left:25px;
margin-bottom:20px;
}
a{
color:#000066;
text-decoration: none;
}
a:hover{
color:#ED0C0C;
}
.ta1 {
width: 370px;/*テーブルの幅*/
margin-top:20px;
margin-right:20px;
margin-left:10px;
color:#666666;
float:left;
}
.ta1 {
border-right: 1px solid #999999;/*線の色*/
border-top: 1px solid #999999;/*線の色*/
border-left: 1px solid #999999;/*線の色*/
}
.ta1 .status {
color:#666666;
text-align:left;
border-right: 1px solid #999999;/*線の色*/
}
.ta1 td {
padding:10px 5px;
border-bottom: 1px solid #999999;/*線の色*/
}
.ta1 .col {
color:#666666;
}
.ta1 tr.even {
text-align:right;
padding-left:5px;
}