/*　style_1.css */ /* テンプレートで使用する設定　*/ .position {width:100%; /*位置指定用テーブルの横幅を設定*/ text-align:center; /*ボックスの横方向の位置を設定*/ height:90%} /*位置指定用テーブルの高さを設定*/ .main {border:solid 1px #30488F;/*#006A50;*/ /*ボックスの罫線(青色)のスタイルを設定*/ width:750px; margin-left:auto; margin-right:auto} .main td {font-family: 'Times New Roman', Times; /*ボックス内のコンテンツの文字の種類を設定*/ text-align:center; /*ボックス内のコンテンツの行揃えを設定*/ padding:0px} /* ここからスタート　HTML＆スタイルシートの本P72とP142*/ .left {text-align:left; margin-left:15px} .left10px {text-indent:10px} .left20px {text-indent:20px} .boldred {font-weight:bold; color:red} h1 {font-size:20px; /*タイトルの文字の大きさを設定*/ margin-top:25px; /*タイトルの上の余白サイズを設定*/ margin-left:25px; margin-right:25px; margin-bottom:10px} /*タイトルとサブタイトルの間隔を設定*/ h2 {font-size:14px; /*タイトルの文字の大きさを設定*/ width:770px; /*点線の長さ*/ font-family:Arial, Helvetica, sans-serif;/*タイトルの文字の種類を設定*/ color:#333333; /*タイトルの文字の色を設定*/ text-align:center; border-top:3px dotted /*double*/ #006A50; /*タイトルの上の罫線のスタイル(緑色の点線)を設定*/ padding-top:5px; /*罫線の上の余白を設定*/ margin-top:30px} /*タイトルとサブタイトルの間隔を設定*/ h3 {font-size:16px} h4 {font-size:16px; width:415; background-color:#6764fd; color:yellow} .line {width:795; /* メニューの下にラインを引く*/ height:3px; background-color:#FFFFFF} .sub {font-size:12px; /*サブタイトルの文字の大きさを設定*/ font-weight:bold; /*サブタイトルの文字の太さを設定*/ color:#888888; /*サブタイトルの文字の色を設定*/ margin-bottom:15px} /*サブタイトルと画像の間隔を設定*/ .menu {font-size:17px; /*メニュー部分の文字の大きさを設定*/ background-image:url("../imgs/a09_3.gif"); /*背景画像*/ color:#aaaaaa; /*メニュー部分の文字の色を設定*/ margin-top:3px} /*メニュー部分と画像の間隔を設定*/ .menu a {color:#333333; /*メニュー部分のリンクの色(ｸﾞﾚｰ色)を設定*/ text-decoration:none; /*メニュー部分のリンクの下線表示を設定*/ padding-left:5px; /*メニュー部分のリンクの左に入れる余白サイズを設定*/ padding-right:5px} /*メニュー部分のリンクの右に入れる余白サイズを設定*/ .menu a:hover {color:#2B60FF} /*メニュー部分のリンクにカーソルを重ねた時の色(青)(#FF00FFピンク色)を設定*/ .copy {font-size:11px; /*コピーライトの文字の大きさを設定*/ color:#30488F; /*コピーライトの文字の色(青)を設定*/ text-align:center; /*コピーライトの行揃えを設定*/ margin-top:6px} /*コピーライトのボックスの間隔を設定*/ /* トップページとサブページで使用する設定　*/ /* サイドバーとコンテンツ部分のスタイル　*/ .saide_main {width:795px; /*ｻｲﾄﾞﾊﾞｰとｺﾝﾃﾝﾂ部分全体の横幅を設定*/ height:100%; /*ｻｲﾄﾞﾊﾞｰとｺﾝﾃﾝﾂ部分全体の高さを設定*/ border-top:none} /* サイドバー部分（左）のスタイル　*/ .side {width:160px; /*ｻｲﾄﾞﾊﾞｰの横幅を設定*/ background-color:#cbe8e0} /*ｻｲﾄﾞﾊﾞｰの背景色を設定*/ .side {vertical-align:top; /*ｻｲﾄﾞﾊﾞｰ内のメニューの表示位置を設定*/ padding:0px} .side .submenu1 {font-size:12px; /*サブメニュー見出しの文字の大きさを設定*/ font-family:Arial, Helvetica; /*サブメニュー見出しの文字の種類を設定*/ background-color:#6764FD} /*サブメニュー見出し部分の背景色を設定*/ .side .submenu2{font-size:12px; /*サブメニュー見出しの文字の大きさを設定*/ font-family:Arial, Helvetica; /*サブメニュー見出しの文字の種類を設定*/ background-color:#cccccc; /*サブメニュー見出し部分の背景色を設定*/ border-left:solid 8px #336666; /*サブメニュー見出しの左側に表示する罫線のスタイルを設定*/ padding:3px; /*サブメニュー見出しの周りの余白サイズを設定*/ margin-top:5px} /*サブメニュー部分の上に入れる余白サイズを設定*/ .side div {font-size:12px; /*メニューの文字の大きさを設定*/ font-weight:bold; /*メニューの文字の太さを設定*/ padding-top:8px; /*文字の上の余白を設定*/ padding-bottom:8px; /*文字の下の余白を設定*/ padding-left:12px; /*文字の左の余白を設定*/ padding-right:0px} /*文字の右の余白を設定*/ .side a {color:brown; /*メニュー部分のリンクの色(茶色)を設定*/ text-decoration:none} /*メニュー部分のリンクの下線非表示を設定*/ .side a:hover {color:#008080} /*メニュー部分のリンクにカーソルを重ねた時の色(緑)(ピンク色:mediumvioletred)を設定*/ .sidemenu1 {margin-top:5px} /*メニュー部分の上に入れる余白ｻｲｽﾞを設定*/ /* コンテンツ部分のスタイル　*/ .main2 {width:415px; /*コンテンツ部分の横幅を設定*/ padding-left:30px; /*コンテンツ部分の左の余白ｻｲｽﾞを設定*/ padding-right:30px; /*コンテンツ部分の右の余白ｻｲｽﾞを設定*/ padding-top:25px; /*コンテンツ部分の上の余白ｻｲｽﾞを設定*/ padding-bottom:20px; /*コンテンツ部分の下の余白ｻｲｽﾞを設定*/ vertical-align:top} /*コンテンツ部分の配置を設定*/ .main2 h1 {font-size:18px; text-align:left; font-family:Arial, Helvetica} /*タイトル文字の大きさを設定*/ .main2 h2 {text-align:left; width:415px} .main2 h3 {color:#000099} .main2 h4 {color:#ffff00} .main2 h1 img {vertical-align:middle; /*タイトルと画像を揃える位置を設定*/ margin-right:8px} /*タイトルと画像の間隔を設定*/ .main2 img {margin-top:23px; margin-bottom:5px; margin-left:5px; margin-right:5px; border:none} /*画像に枠を表示しないように設定*/ .main2 h2 {font-size:16px; /*見出しの文字の大きさを設定*/ color:#000000; /*見出しの文字の色を設定*/ padding:5px 0px 3px} /*見出しの周りの余白サイズ（上、左右、下）を設定*/ .main2 p {font-size:14px; /*文章の文字の大きさを設定*/ line-height:160%; /*文章の文字の行間を設定*/ color:#333333} /*文章の色（灰色）を設定*/ .burnk {margin-top:5px} /*コンテンツ内の画像の上の余白を設定*/ /* サイドバー部分（右）のスタイル　*/ .side2 {width:180px; /*ｻｲﾄﾞﾊﾞｰの横幅を設定*/ vertical-align:top; /*ｻｲﾄﾞﾊﾞｰ内のサブメニューの表示位置を設定*/ background-color:#cbe8e0; padding-right:5px} /*サブメニューの右側の余白サイズを設定*/ .side2 .submenu {font-size:14px; /*サブメニュー見出しの文字の大きさを設定*/ font-family:Arial, Helvetica; /*サブメニュー見出しの文字の種類を設定*/ background-color:#FFFF80; /*サブメニュー見出し部分の背景色を設定*/ border-left:solid 8px #002595; /*サブメニュー見出しの左側に表示する罫線のスタイルを設定*/ padding:4px; /*サブメニュー見出しの周りの余白サイズを設定*/ margin-top:5px} /*サブメニュー部分の上に入れる余白サイズを設定*/ .side2 .submenu1 {font-size:14px; /*サブメニュー見出しの文字の大きさを設定*/ color:#ffffff; font-weight: bold; /*サブメニュー見出しの文字を太字に設定*/ font-family:Arial, Helvetica; /*サブメニュー見出しの文字の種類を設定*/ background-color:#6764FD; /*サブメニュー見出し部分の背景色を設定*/ padding:4px; /*サブメニュー見出しの周りの余白サイズを設定*/ margin-top:0px} /*サブメニュー部分の上に入れる余白サイズを設定*/ .side2 .submenu2 {font-size:14px; /*サブメニュー見出しの文字の大きさを設定*/ text-align:left; /*サブメニュー見出しの文字を左揃えに設定　★20111213　*/ padding:4px} /*サブメニュー見出しの周りの余白サイズを設定*/ .side2 .submenu3 {font-size:12px; /*サブメニュー見出しの文字の大きさを設定*/ text-align:left; /*サブメニュー見出しの文字を左揃えに設定　★20111213　*/ padding:4px} /*サブメニュー見出しの周りの余白サイズを設定*/ .side2 div {font-size:12px; /*サブメニューの文字の大きさ設定*/ margin-bottom:0px} /*サブメニューの間隔を設定*/ .side2 a {color:#000099} /*サブメニューのリンクの色（青色）を設定*/ .side2 a:hover {color:#008080} /*メニュー部分のリンクにカーソルを重ねた時の色(ピンク色:#FF00FF)を設定*/ /*.side2 a:visited{color:#7500EA} */ /*メニュー部分の既に見たリンク(紫色)を設定*/ .side2 img {border:none} /*サブメニューの画像に枠を表示しないように設定*/ .side2 li {padding:3px}