/******* 文字などコンテンツ関連のＣＳＳ *******/
/******* [Hタグ][Pタグ][ULタグ][Liタグ][imgタグ][] *******/
/******* 記述は、まずは[H1][H2][P]…のように"各タグ"ごとに大分類されています。*******/
/******* その大分類の中の各タグごとに、「ヘッダー」「コンテンツ」「フッター」などの小分類に分かれています。*******/
/******* [DIV]タグなどのように、「ヘッダー」「コンテンツ」「フッター」などの大分類ではないので注意。*******/
/******************************************** ↓基本設定 ********************************************/
a:hover {
color:#ff0000;
}
/******************************************** ↑基本設定 ********************************************/
/******************************************** ↓[H1]基本設定 ********************************************/
h1 {
font-size:20px;
width:696px;
line-height:50px;
background-color:#ffffff;
background-image:url("title.gif");
color:#111111;
text-align:left;
text-indent:20px;
margin-top:235px;
float:right;
display:block;
}
/******************************************** ↑[H1]基本設定 ********************************************/
/******************************************** ↓[H2]基本設定 ********************************************/
/** ↓ヘッダー↓ **/
h2.head {
font-size:10px;
font-weight:200;
margin-top:14px;
color:#111111;
position:absolute;
}
h2 a{
font-size:10px;
margin-top:16px;
color:#111111;
text-decoration:none;
}
h2 a:hover{
font-size:10px;
margin-top:16px;
color:#111111;
text-decoration:none;
}
/** ↑ヘッダー↑ **/
/******************************************** ↑[H2]基本設定 ********************************************/
/******************************************** ↓[H3]基本設定 ********************************************/
/** ↓ヘッダー↓ **/
h3.head {
font-size:10px;
font-weight:200;
color:#111111;
text-indent:5px;
margin-top:90px;
position:absolute;
}
/** ↑ヘッダー↑ **/
/** ↓コンテンツ↓ **/
h3.contents {
font-size:16px;
color:#222222;
text-indent:5px;
margin-top:30px;
}
h3.notice {
font-size:18px;
color:#222222;
text-indent:200px;
margin-top:30px;
}
/** ↑コンテンツ↑ **/
/******************************************** ↑[H3]基本設定 ********************************************/
/******************************************** ↓[H4]基本設定 ********************************************/
/******************************************** ↑[H4]基本設定 ********************************************/
/******************************************** ↓[H5]基本設定 ********************************************/
/******************************************** ↑[H5]基本設定 ********************************************/
/******************************************** ↓[P]基本設定 ********************************************/
/****** ↓ヘッダー↓ ******/
p.head {
font-size:10px;
margin-top:0px;
position:absolute;
color:#111111;
}
p.head1 {
text-align:left;
margin-top:30px;
position:absolute;
color:#111111;
}
p.lookup {
font-size:15px;
margin-left:10px;
margin-top:205px;
position:absolute;
}
/****** ↑ヘッダー↑ ******/
/****** ↓ヘッダーサイトマップ↓ ******/
p.head_sitemap {
font-size:12px;
margin-top:5px;
text-decoration:none;
}
p.head_sitemap a {
text-decoration:none;
}
/****** ↑ヘッダーサイトマップ↑ ******/
/****** ↓コンテンツ↓ ******/
p {
font-size:13px;
color:#2b2b2b;
line-height:19px;
margin-top:25px;
margin-bottom:10px;
}
p.up {
font-size:13px;
text-align:right;
margin-right:15px;
}
p.notice {
font-size:22px;
text-align:left;
margin-left:40px;
margin-right:60px;
color:#ff6347;
line-height:38px;
font-weight:600;
}
p.notice1 {
font-size:20px;
text-align:left;
margin-top:60px;
margin-left:40px;
margin-right:60px;
color:#4169e1;
line-height:40px;
font-weight:600;
}
p.notice2 {
font-size:24px;
text-align:left;
margin-top:40px;
margin-left:10px;
margin-right:30px;
background-color:#6495ED;
color:#ffffff;
line-height:60px;
font-weight:600;
}
p.tel {
text-align:center;
margin-top:10px;
}
/****** ↑コンテンツ↑ ******/
/****** ↓フッター↓ ******/
p.footer {
font-size:13px;
color:#ffffff;
text-align:right;
margin-top:2px;
}
p.footer a {
font-size:13px;
color:#ffffff;
text-align:right;
margin-top:2px;
text-decoration:none;
}
p.footer a:hover {
font-size:13px;
color:#ff0000;
text-align:right;
margin-top:2px;
text-decoration:none;
}
/****** ↑フッター↑ ******/
/******************************************** ↑[P]基本設定 ********************************************/
/******************************************** ↓[UL][Li]基本設定 ********************************************/
/****** ↓コンテンツ↓ ******/
ul#form {
width:580px;
margin-top:30px;
margin-left:30px;
margin-right:30px;
list-style-position:outside;
}
li.form {
list-style:none;
list-style-position:inside;
color:#ff0000;
font-size:15px;
}
li.form1 {
margin-top:5px;
margin-bottom:5px;
margin-left:15px;
list-style-type:decimal;
list-style-position:outside;
font-size:12px;
}
ul.form2 {
width:550px;
list-style:none;
line-height:65px;
margin-top:50px;
margin-left:50px;
background-color:#ffffff;
padding:0px;
text-align:center;
}
li.form2 {
font-size:15px;
float:left;
list-style:none;
margin-left:15px;
width:250px;
background-image:url(form.gif);
}
li.form2 a {
font-size:22px;
list-style:none;
text-indent:10px;
display:block;
width:250px;
text-decoration:none;
background-image:url(form.gif);
color:#33baff;
font-weight:700;
}
li.form2 a:hover {
font-size:22px;
list-style:none;
width:250px;
text-decoration:none;
color:#ffffff;
background-image:url(form_a.gif);
}
li.form2a {
font-size:15px;
float:left;
list-style:none;
margin-left:15px;
width:250px;
background-image:url(form.gif);
}
li.form2a a {
font-size:24px;
list-style:none;
display:block;
width:250px;
text-decoration:none;
background-image:url(form.gif);
color:#33baff;
font-weight:700;
}
li.form2a a:hover {
font-size:24px;
list-style:none;
width:250px;
text-decoration:none;
color:#ffffff;
background-image:url(form_a.gif);
}
ul.form3 {
width:550px;
list-style:none;
margin-top:10px;
margin-bottom:150px;
margin-left:50px;
background-color:#ffffff;
padding:0px;
text-align:center;
}
li.form3 {
font-size:12px;
float:left;
list-style:none;
margin-left:20px;
width:250px;
color:#222222;
}
li.form4 {
list-style:none;
list-style-position:inside;
color:#000000;
font-size:15px;
}
ul#notice1 {
width:500px;
margin-top:30px;
margin-left:40px;
margin-right:30px;
list-style-position:outside;
}
li.notice {
list-style:none;
list-style-position:inside;
color:#ff0000;
font-size:15px;
line-height:30px;
font-weight:600;
}
ul#notice2 {
width:500px;
margin-top:10px;
margin-left:40px;
margin-right:30px;
margin-bottom:30px;
list-style-position:outside;
}
li.notice1 {
margin-top:20px;
margin-left:15px;
list-style-type:decimal;
list-style-position:outside;
font-size:14px;
font-weight:500;
}
ul#notice3 {
width:600px;
margin-top:5px;
margin-left:5px;
margin-bottom:80px;
list-style-position:outside;
list-style-type:none;
list-style-position:outside;
color:#ffffff;
}
ul#notice4 {
width:600px;
margin-top:5px;
margin-left:5px;
margin-bottom:10px;
list-style-position:outside;
}
li.notice2 {
font-size:20px;
margin-top:10px;
margin-left:5px;
margin-right:15px;
list-style-type:none;
list-style-position:outside;
color:#ffffff;
line-height:50px;
font-weight:600;
}
ul#form_thx {
width:500px;
margin-top:30px;
margin-left:30px;
margin-right:30px;
list-style-position:outside;
}
ul#form_err {
width:580px;
margin-top:50px;
margin-left:30px;
margin-right:30px;
list-style-position:outside;
}
li.form_err {
list-style:none;
list-style-position:inside;
margin-top:150px;
text-align:center;
color:#ff0000;
font-size:22px;
}
li.form_err1 {
list-style:none;
list-style-position:inside;
margin-top:20px;
text-align:center;
color:#ff0000;
font-size:22px;
}
li.form_err2 {
margin-top:5px;
margin-bottom:10px;
margin-left:15px;
text-align:left;
list-style-type:none;
list-style-position:outside;
font-size:16px;
}
/****** ↑コンテンツ↑ ******/
/****** ↓上部メニューバー↓ ******/
ul.menu_top {
width:100%;
list-style:none;
line-height:41px;
background-color:#ffffff;
padding:0px;
text-align:center;
}
li.home {
font-size:12px;
float:left;
list-style:none;
width:149px;
background-image:url(menu.gif);
}
li.home a {
font-size:12px;
list-style:none;
display:block;
width:149px;
text-decoration:none;
background-image:url(menu.gif);
color:#444444;
}
li.home a:hover {
font-size:12px;
list-style:none;
width:149px;
text-decoration:none;
color:#444444;
background-image:url(menu_a.gif);
}
/****** ↑上部メニューバー↑ ******/
/****** ↓左サイド↓ ******/
ul.mail {
width:170px;
height:200px;
margin-top:15px;
margin-left:15px;
font-size:10px;
background-image:url(mail.gif);
text-align:left;
}
li.mail {
padding-top:40px;
padding-left:8px;
padding-right:2px;
list-style:none;
}
li.mail2 {
font-size:11px;
font-weight:bold;
list-style:none;
height:1px;
padding-left:4px;
padding-right:2px;
}
li.mail2 a {
font-size:10px;
list-style:none;
display:block;
height:40px;
padding-left:45px;
padding-top:10px;
padding-right:2px;
text-decoration:none;
background-image:url(mailform.gif);
background-repeat:no-repeat;
color:#ffffff;
}
li.mail2 a:hover {
font-size:10px;
list-style:none;
height:40px;
padding-left:45px;
padding-top:10px;
padding-right:2px;
text-decoration:none;
color:#cccccc;
background-image:url(mailform1.gif);
background-repeat:no-repeat;
}
/****** ↑左サイド↑ ******/
/****** ↓ヘッダーサイトマップ↓ ******/
ul.head_sitemap {
list-style:none;
width:100%;
height:17px;
line-height:17px;
text-align:center;
}
ul.head_sitemap li {
list-style:none;
display:inline;
font-size:13px;
color:#222222;
vertical-align:middle;
}
ul.head_sitemap a {
text-decoration:none;
font-size:13px;
color:#222222;
vertical-align:middle;
}
ul.head_sitemap a:hover {
color:#ff0000;
vertical-align:middle;
}
/****** ↑ヘッダーサイトマップ↑ ******/
/****** ↓フッター↓ ******/
ul.footer {
list-style:none;
width:100%;
height:17px;
line-height:17px;
background-color:#004EA1;
padding:0px;
margin-left:0px;
margin-top:5px;
text-align:center;
}
ul.footer li {
list-style:none;
display:inline;
background-color:#004EA1;
margin-left:10px;
margin-right:10px;
font-size:15px;
}
ul.footer a {
text-decoration:none;
margin-left:10px;
color:#d4d4d4;
}
ul.footer a:hover {
color:#ff0000;
background-color:#004EA1;
margin-left:10px;
}
/****** ↑フッター↑ ******/
/******************************************** ↑[UL][Li]基本設定 ********************************************/
/******************************************** ↓[span]基本設定 ********************************************/
span.red {
color:#cc0000;
}
span.msg {
font-size:13px;
color:#FF0000;
font-weight:600;
}
/******************************************** ↑[span]基本設定 ********************************************/
/******************************************** ↓[img]基本設定 ********************************************/
img {
border:none;
}
/****** ↓コンテンツ↓ ******/
}
/****** ↑コンテンツ↑ ******/
/****** ↓左サイドバナー↓ ******/
/****** ↑左サイドバナー↑ ******/
/******************************************** ↑[img]基本設定 ********************************************/
/******************************************** ↓[select]基本設定 ********************************************/
select.select-width {
width:600px;
}
/******************************************** ↑[select]基本設定 ********************************************/