/*このスタイルシートの著作権はテンプレート工房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; } inserted by FC2 system