@charset "Shift_JIS";
* {
margin: 0px;
padding: 0px;
}
a:link { color: #4030FF; text-decoration: none; }
a:visited { color: #3020A0; text-decoration: none; }
a:active { color: #FF4064; text-decoration: underline; }
a:hover { color: #FF4064; text-decoration: underline; }
a.th_link { font-weight: bold; }
.page a:link { text-decoration: underline; }
.page a:visited { text-decoration: underline; }
a.cr { color: #646464; font-size: 12px; }
a.cr:link { color: #646464; }
a.cr:visited { color: #646464; }
a.cr:active { color: #646464; }
a.cr:hover { color: #646464; }
body {
color: #404040;
text-align: center;
font-family: "メイリオ",Verdana ,helvetica, arial, sans-serif;
font-size: 13px;
background-color: #D0D0D0;
}
table {
color: #404040;
font-family: "メイリオ",Verdana ,helvetica, arial, sans-serif;
font-size: 13px;
}
h3 {
width: 600px;
line-height: 28px;
background-color: #FFFFFF;
background-image: url(blue/h3.png);
text-align: center;
font-size: 14px;
margin-bottom: 20px;
}
h4 {
width: 600px;
line-height: 24px;
color: #203050;
background-color: #FFFFFF;
background-image: url(blue/h4.png);
font-size: 13px;
margin-bottom: 20px;
}
img {
border: 0px;
}
div#layout-one-column {
position: relative;
margin: 5px auto;
width: 760px;
background: url(../img/bg.png) repeat-y center #FFFFFF;
}
div#error {
color: #A02020;
line-height: 24px;
width: 600px;
margin-bottom: 20px;
border-bottom: 1px solid #646464;
}
/*=======================================================*/
/*= top menu =*/
/*=======================================================*/
div#top_title {
height: 50px;
background: url(../img/title.png) no-repeat bottom #FFFFFF;
}
div#top_title_t {
color: #404040;
font-size: 20px;
text-align: left;
height: 50px;
background: url(../img/title2.png) no-repeat bottom #FFFFFF;
}
div#top_title_t p { padding: 10px 10px 10px 20px; }
div#top_menu {
height: 24px;
line-height: 24px;
text-align: center;
background: url(../img/menu.png) repeat-x 0 0 #f0f5ff;
margin: 0px 1px 20px 1px;
}
div#top_menu a { padding: 0px 5px 0px 5px; }
div#bottom_menu {
height: 24px;
line-height: 24px;
text-align: center;
background: url(../img/menu_b.png) repeat-x bottom center #f0f5ff;
}
/*=======================================================*/
/*= bottom / menu =*/
/*=======================================================*/
div#admin {
clear: both;
line-height: 24px;
border-top: 1px solid #AAC8FF;
background: url(blue/admin.png) repeat-x bottom #E6F0FF;
}
div#style {
clear: both;
line-height: 24px;
background: url(./style.png) repeat-x bottom #FFFFFF; ?>;
margin: 0px 1px 0px 1px;
}
.part {
width: 600px;
margin-bottom: 10px;
background: url(./part_center.png) repeat-y top #FFFFFF;
}
.part dt {
padding: 2px 20px 2px 20px;
background: url(./part_top.png) no-repeat;
}
.part .footer {
padding: 2px 20px 10px 20px;
background: url(./part_bottom.png) no-repeat bottom;
}
/*=======================================================*/
/*= table =*/
/*=======================================================*/
table#main_table { width: 758px; margin: 0px 0px 20px 0px; word-wrap: break-word; word-break: break-all; }
#main_table th { color: #FFFFFF; background: url(blue/th_bg1.png) repeat-x bottom #6E8CFF; line-height: 32px; }
#main_table th.sub { color: #203050; padding: 0px 10px 0px 35px; background: url(blue/th_bg3.png) no-repeat left bottom #E6F0FF; text-align: left; }
#main_table th.sub2 { color: #203050; padding: 0px 10px 0px 35px; background: url(blue/th_bg5.png) no-repeat left bottom #FFF0DC; text-align: left; }
#main_table th.sub3 { color: #FFFFFF; padding: 0px 10px 0px 35px; background: url(blue/th_bg4.png) no-repeat left bottom #6E8CFF; text-align: left; }
#main_table td { line-height: 20px; text-align: center; vertical-align: middle; padding: 4px; }
#main_table td.row0_0 { background-color: #F8F8F8; width: 22px; }
#main_table td.row0_1 { background: url(../img/icon_e.png) repeat-y left #E6F0FF; width: 22px; }
#main_table td.row0_2 { background: url(../img/icon_r.png) repeat-y left #FFF0DC; width: 22px; }
#main_table td.row1_0 { text-align: left; background-color: #F8F8F8; }
#main_table td.row1_1 { text-align: left; background: url(../img/icon/uploader.png) no-repeat right bottom #F8F8F8; }
/* #main_table td:hover { background-color: #F8F8F8; } */
#main_table td.row2 { background-color: #F5F5F5; width: 35px; }
#main_table td.row3 { background-color: #F0F0F0; width: 100px; }
#main_table td.row4 { background-color: #F5F5F5; width: 40px; }
#main_table td.row5 { background-color: #F0F0F0; width: 150px; }
#main_table td.page {
background: url(blue/th_bg2.png) repeat-x bottom #EBEBEB;
line-height: 24px;
/* font-weight: bold; */
text-align: right;
padding: 0px 10px 0px 10px;
}
#main_table .page b { color: #EF4064; }
#main_table td.t_row1 { width: 110px; vertical-align: top; background: url(blue/t_row1.png) repeat-x bottom #F8F8F8; }
#main_table td.t_row2 {
text-align: left;
vertical-align: bottom;
font-size: 13px;
line-height: 20px;
background: url(blue/t_row2.png) no-repeat right bottom #F0F0F0;
}
#main_table td.t_row2 div { width: 100%; overflow: hidden; clear: both; }
#main_table td.t_row2 div.img {
float: right;
width: 310px;
margin: 10px;
padding: 5px;
text-align: center;
background-color: #FCFCFC;
border: 1px solid #C8C8C8;
}
#main_table blockquote { width: auto; color: #405070; margin: 10px; padding: 10px; border: 1px dashed #C8C8C8; background-color: #FCFCFC; }
#main_table td.t_row3 {
text-align: left;
vertical-align: top;
background: url(blue/t_row1.png) repeat-x bottom #F8F8F8;
padding: 10px;
}
#main_table td.t_row3 img { float: left; margin-right: 15px; }
#main_table p.header {
width: 300px;
border-bottom: 1px solid #AAC8FF;
padding-bottom: 5px;
margin-bottom: 7px;
}
#main_table div.header_menu {
padding: 5px 0px 5px; 0px;
float: right;
width: 140px;
text-align: right;
}
#main_table p.footer {
clear: right;
font-size: 11px;
padding-right: 10px;
text-align: right;
margin-top: 7px;
}
#main_table p.host {
width: 300px;
float: right;
color: #646464;
padding-right: 10px;
text-align: right;
}
#main_table td.border { background-color: #FFFFFF; height: 6px; }
#main_table span { color: #A0A0A0; }
#main_table .footer span { color: #906040; }
#main_table span.search { color: #405060; background-color: #E6F0FF; }
#main_table img.res { margin-right: 20px; }
#main_table img.edit { margin-right: 5px; }
#main_table td.footer { background: url(blue/t_row1.png) repeat-x bottom #F8F8F8; padding: 10px; text-align: right; }
#main_table td.td_bg1 { background: url(blue/td_bg1.png) repeat-x bottom #E6F0FF; height: 20px; }
table#icon_table {
float: left;
width: 400px;
margin-bottom: 5px;
background-color: #FCFCFC;
border: 1px solid #C8C8C8;
}
#icon_table td { text-align: left; }
/*=======================================================*/
/*= form =*/
/*=======================================================*/
#main_table td.f_row1 { line-height: 24px; text-align: left; background-color: #F8F8F8; font-weight: bold; width: 110px; }
#main_table td.f_row2 { line-height: 24px; text-align: left; background-color: #F0F0F0; }
#main_table td.f_row3 { line-height: 24px; text-align: left; background-color: #F8F8F8; font-weight: bold; width: 150px; }
#main_table td.button { background: url(blue/th_bg2.png) repeat-x bottom #EBEBEB; }
/*input {
background-color: #FFFFFF;
font-size: 13px;
border: 1px solid #A0A0A0;
padding: 1px;
}*/
input.button {
border: 1px solid #A0A0A0;
font-weight: bold;
margin: 0px 3px 0px 3px;
padding: 0px 6px 0px 6px;
}
input.button:hover { background-color: #F0F0F0; }
textarea {
width: 450px;
font-size: 13px;
padding: 1px;
}
#main_table td.f_row1 span { color: #FF4020; }
PC用眼鏡【管理人も使ってますがマジで疲れません】 解約手数料０円【あしたでんき】
Yahoo 楽天 NTT-X Store
無料ホームページ 無料のクレジットカード 海外格安航空券 
ふるさと納税 海外旅行保険が無料！ 海外ホテル