/*ALL*/
*{
margin:0;
padding:0;
}
html,body{
height:100%;
background-color:#FFFFFF;
font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
}
/*スマートフォン用*/
.goMobile{display:none; width:100%; text-align:center}
.goMobile a{display:block; height:4.0em; line-height:4.0em; background:#CCC; margin:0 auto; color:#666 !important; font-size:3.0em; text-decoration:none}
.goMobile a:hover{color:#666;}
html{
overflow-y:scroll;
font-size:13px;
_font-size:75%;
}
img{
border:none;
}
a{
color:#0c1981;
}
a:visited{
color:#020b50;
}
a:hover{
color:#3645ba;
text-decoration:none;
}
ol{
margin-left:40px;
}
#main_space{
margin:0px auto;
position:relative;
min-height:100%;
height:auto !important;
height:100%;
}
#contents_area{
padding-bottom:70px;
text-align:center;
}
/* head */
#header{
width:920px;
margin:0px auto;
min-height:90px;
}
ul.head_menu{
margin:10px 0px 0px 350px;
padding:0px;
width:420px;
list-style:none;
float:left;
}
ul.head_menu li{
float:left;
margin-left:20px;
}
ul.head_menu li a{
float:left;
height:12px;
display:block;
text-decoration:none;
font-size:1px;
line-height:1px;
}
ul.head_menu li a span{
visibility:hidden;
}
ul.head_menu li a:hover{
text-decoration:none;
}
ul.head_menu li a.link{
width:125px;
background:#FFFFFF url(../images/menu_head_link.gif) no-repeat left top;
}
ul.head_menu li a.link:hover,
ul.head_menu li a.link_on{
width:125px;
background:#FFFFFF url(../images/menu_head_link.gif) no-repeat left bottom;
}
ul.head_menu li a.privacy{
width:132px;
background:#FFFFFF url(../images/menu_head_privacy.gif) no-repeat left top;
}
ul.head_menu li a.privacy:hover,
ul.head_menu li a.privacy_on{
width:132px;
background:#FFFFFF url(../images/menu_head_privacy.gif) no-repeat left bottom;
}
ul.head_menu li a.sitemap{
width:82px;
background:#FFFFFF url(../images/menu_head_sitemap.gif) no-repeat left top;
}
ul.head_menu li a.sitemap:hover,
ul.head_menu li a.sitemap_on{
width:82px;
background:#FFFFFF url(../images/menu_head_sitemap.gif) no-repeat left bottom;
}
ul#font_size{
margin:8px 0px 0px 0px;
list-style:none;
float:right;
height:22px;
}
ul#font_size img{
vertical-align:middle;
}
ul#font_size li.text_fontsize,
ul#font_size li.text_fontsize:hover{
margin:2px 2px 0px 0px;
width:60px;
height:12px;
display:block;
background:url(../images/text_fontsize.gif) no-repeat left top;
border:none !important;
cursor: text !important;
}
ul#font_size li.text_fontsize span{
visibility:hidden;
font-size:1px;
line-height:1px;
}
ul#font_size li{
float:left;
list-style:none;
margin:0px 0px 0px 2px;
width:22px;
height:22px;
display:block;
text-decoration:none;
color:#353535;
cursor: pointer;
}
ul#font_size li .f_small{
background:url(../images/btn_small.gif) no-repeat left top;
width:22px;
height:22px;
display:block;
}
ul#font_size li .f_middle{
background:url(../images/btn_middle.gif) no-repeat left top;
width:22px;
height:22px;
display:block;
}
ul#font_size li .f_large{
background:url(../images/btn_large.gif) no-repeat left top;
width:22px;
height:22px;
display:block;
}
ul#font_size li.active .f_small,
ul#font_size li:hover .f_small{
background:url(../images/btn_small.gif) no-repeat left bottom;
}
ul#font_size li.active .f_middle,
ul#font_size li:hover .f_middle{
background:url(../images/btn_middle.gif) no-repeat left bottom;
}
ul#font_size li.active .f_large,
ul#font_size li:hover .f_large{
background:url(../images/btn_large.gif) no-repeat left bottom;
}
ul#font_size:after{
content: "";
clear: both;
height: 0;
display: block;
visibility: hidden;
}
h1{
clear:both;
margin:0px;
padding:0px 0px 5px 0px;
float:left;
width:788px;
text-align:left;
}
a.inquiry{
margin-top: 15px;
float:right;
width:132px;
height:30px;
display:block;
background:url(../images/btn_inquiry.gif) no-repeat left top;
text-decoration:none;
}
a.inquiry:hover{
background:url(../images/btn_inquiry.gif) no-repeat left bottom;
}
a.inquiry span{
visibility:hidden;
}
a.inquiry:after{
content: "";
clear: both;
height: 0;
display: block;
visibility: hidden;
}
/* footer */
#footer{
position:absolute;
bottom:0px;
left:0px;
width:100%;
height:48px;
background:#e5e5e5;
border-bottom:8px solid #0c1981;
color:#484848;
text-align:center;
}
#footer p{
margin:15px auto auto auto;
font-size:0.9em;
}
.float_clear{
margin:0px;
padding:0px;
font-size:1px;
line-height:1px;
clear:both;
display:block;
}
/* for PRINT */
@media print {
#main_space{
position:static;
min-height:0px;
height:auto !important;
}
#footer{
position:static !important;
height:15px;
}
#contents_area{
padding-bottom:0px;
border:1px solid #FFFFFF;
}
}
/* CONTENTS */
.contentsinline{
clear:both;
margin:0 auto;
padding:10px 0px;
width:920px;
text-align:left;
}
.main_contents{
width:698px;
float:left;
line-height:1.7em;
margin-left:20px;
_margin-left:10px;
}
/* PANKUZU */
.pankuzu,
.pankuzu a{
font-size:11px;
color:#424242;
}
.pankuzu span{
color:#0d1a82;
}
/* TITLE */
h2{
margin:10px 0px 0px 0px;
padding:0px;
background:url(../images/title_h2.gif) repeat-y left top;
color:#0d1a82;
font-size:1.3em;
font-weight:bold;
border-top:7px solid #0d1a82;
border-bottom:2px solid #d1d1d1;
line-height:1.5;
}
h2 span{
padding:13px 10px 10px 13px;
display:block;
}
h3{
clear:both;
margin-top:10px;
background:url(../images/title_h3.gif) no-repeat left top;
width:700px;
font-weight:bold;
font-size:1.2em;
}
h3 span{
padding:9px 20px 3px 20px;
display:block;
}
.h3_bottom{
margin:0px 0px 10px 0px;
background:url(../images/title_h3_bottom.gif) no-repeat left top;
width:700px;
height:4px;
font-size:1px;
line-height:1px;
}
.midashi{
color:#0d1a82;
font-size:1.1em;
display:block;
padding-left:1em;
text-indent:-1em;
}
.text_midashi{
font-weight:bold;
font-size:1.3em;
}
/* MARGIN */
.top_margin3em{
margin-top:3em;
display:block;
}
.top_margin1em{
margin-top:1em;
display:block;
}
.margin_right5{
margin-right:5px;
}
.margin_left5{
margin-left:5px;
}
.margin_left10{
margin-left:10px;
}
.margin_left20{
margin-left:20px;
}
.margin_left50{
margin-left:50px;
}
/* PAGETOP */
.pagetop{
clear:both;
text-align:right;
}
.pagetop:after{
content: "";
clear: both;
height: 0;
display: block;
visibility: hidden;
}
.pagetop a{
float:right;
background:url(../images/icon_pagetop.gif) no-repeat left 4px;
display:block;
padding-left:13px;
color:#3c3c3c;
font-size:0.9em;
}
/* IMG */
.img_space01{
float:left;
}
/* TABLE */
table.tbl{
margin-top:5px;
border: solid 1px #c9c9c9;
border-collapse: collapse;
}
table.tbl th{
border: solid 1px #c9c9c9;
border-collapse: collapse;
background:#5861a7;
color:#FFFFFF;
text-align:center;
font-weight:normal;
padding:5px 8px;
}
table.tbl td{
border: solid 1px #c9c9c9;
border-collapse: collapse;
background:#FFFFFF;
padding:5px 8px;
}
table.tbl td.td_midashi{
border: solid 1px #c9c9c9;
border-collapse: collapse;
background:#dee2f6;
padding:5px 8px;
}
table.tbl a{
color:#FFFFFF;
}
table.tbl a:hover{
color:#FFFFFF;
text-decoration:none;
}
/*TABLE FORM*/
table.form th.title{
background:#5861A7;
color:white
}
table.form th{
background:#EEEEFF;
color:#333333;
text-align:left;
}
table.form td a{color:black}
table.form td a:hover{color:red}
/* TABLE slide_menu */
.tbl_01{display:none}
.tbl_01 div{display:none}
.tbl_02{display:none}
.tbl_02 div{display:none}
table.tbl_list{
width:100%;
}
table.tbl_list td{
width:70%;
padding:3px;
}
table.tbl_list td+td{
width:20%;
}
/* PAGE LINK */
ul.pagelink{
margin:10px 0 15px 0;
list-style:none;
}
ul.pagelink li{
margin-left:2px;
list-style:none;
float:left;
width:100px;
}
ul.pagelink li a{
padding-left:20px;
height:21px;
color:#000000;
display:block;
background:url(../images/bg_pagelink.gif) no-repeat left top;
}
ul.pagelink li a:hover,
ul.pagelink li a.on{
color:#000000;
text-decoration:none;
background:#dee2f6 url(../images/bg_pagelink.gif) no-repeat left top;
}
ul.pagelink:after{
content: "";
clear: both;
height: 0;
display: block;
visibility: hidden;
}
/* LAYOUT */
dl.account dt{
margin:0.5em 1em 0 0;
}
dl.account dd{
margin-left:2em;
}
.line{
clear:both;
margin:5px 0px;
padding:0px;
width:100%;
height:1px;
line-height:1px;
display:block;
background:url(../images/line.gif) repeat-x left bottom;
}
.f_blue{
color:#336699;
}
.f_caution{
color:#ff0000;
}
a.link_icon_mini{
margin:2px auto;
display:inline-block;
padding-left:5px;
background:url(../images/icon_mini.gif) no-repeat left center;
}
a.link_icon_mini02{
margin:2px auto;
display:inline-block;
padding-left:10px;
background:url(../images/icon_mini.gif) no-repeat left center;
}
.text_small{
font-size:11px;
}
.caption{
margin:0;
padding:0;
font-size:11px;
text-align:right;
display:block;
}
a.btn_link{
background:url(../images/btn.gif) no-repeat left top;
width:200px;
height:31px;
display:block !important;
text-decoration:none;
text-align:center;
}
a.btn_link:hover{
background:url(../images/btn.gif) no-repeat left bottom;
width:200px;
height:31px;
display:block;
text-decoration:none;
}
a.btn_link span{
display:block !important;
padding:5px 0 0 15px;
color:#FFFFFF;
}
dl.annotation{
margin:5px 0px 0px 340px;
width:350px;
text-align:left;
line-height:1.3;
}
dl.annotation dt{
float: left;
width:180px;
display: block;
}
dl.annotation dd{
float: left;
width:170px;
display: block;
}
/*回り込み解除*/
.clearfix {width:100%;}
.clearfix:after{
content: "";
display: block;
clear: both;}
.bg_ow{
height:auto !important;
padding:45px 20px 20px 20px;
background:url(../images/bg_ow.gif) repeat-x left top;
}
ul.bulletin li{
list-style:none;
width:160px;
float: left;
}
ul.bulletin li p,
table.bulletin td p{
padding-left:5px;
background:url(../images/sidemenu_icon_on.gif) no-repeat left 8px;
}
.bulletin_title{
margin-top:1em;
border-top:1px dotted #000055;
padding:10px 0px 10px 20px;
background:url(../images/icon_bulletin.gif) no-repeat left 12px;
font-weight:bold;
font-size:1.2em;
}
div.registration_block{
margin: 1em auto 2em auto;
padding:1em 1em 2em 1em;
width:90%;
border-top: 2px solid #c4c9e0;
background: #eaeeff;
text-align:center;
}
div.registration_block p{
text-align:left;
}
.registration_title{
margin-top:0.5em;
padding:10px 0px 10px 20px;
background:url(../images/icon_bulletin.gif) no-repeat left 12px;
font-weight:bold;
font-size:1.2em;
text-align:left;
}
.registration_block a.btn_link{
margin:0 auto !important;
}
/* CLOSE */
a.close{
margin:0;
padding:0;
float:right;
background:url(../images/btn_close.gif) no-repeat left top;
display:block;
width:70px;
height:19px;
}
a.close:hover{
background:url(../images/btn_close.gif) no-repeat left bottom;
}
a.close span{
visibility:hidden;
}
/* Sitemap */
ul.sitemap_ul{
margin-top:1em;
width: 700px;
list-style:none;
}
ul.sitemap_ul li.sitemap_left{
float: left;
width: 340px;
}
ul.sitemap_ul li.sitemap_right{
float: left;
margin-left:10px;
width: 350px;
}
ul.sitemap_ul li dl{
border-top:1px dotted #666666;
margin: 0 10px 20px 10px;
padding-top: 5px;
}
ul.sitemap_ul li dl dt{
background: url(../images/icon_sitemap.gif) no-repeat 0 5px;
padding-left: 15px;
font-weight: bold;
font-size: 110%;
}
ul.sitemap_ul li dl dd{
background: url(../images/icon_mini.gif) no-repeat 0 7px;
padding-left: 10px;
margin-left: 20px;
}
ul.sitemap_ul li dl a{
text-decoration: none;
}
ul.sitemap_ul li dl a:hover{
text-decoration: underline;
}
#image-btn_confirm {
border: 0px;
width: 120px;
height: 31px;
background: url(../images/btn_confirm.gif) left top no-repeat;
}
#image-btn_confirm:hover {
background: url(../images/btn_confirm.gif) left bottom no-repeat;
}
#image-btn_send {
border: 0px;
width: 120px;
height: 31px;
background: url(../images/btn_send.gif) left top no-repeat;
}
#image-btn_send:hover {
background: url(../images/btn_send.gif) left bottom no-repeat;
}
#image-btn_reset{
border: 0px;
width: 120px;
height: 31px;
background: url(../images/btn_reset.gif) left top no-repeat;
}
#image-btn_reset:hover{
background: url(../images/btn_reset.gif) left bottom no-repeat;
}
#image-btn_back {
border: 0px;
width: 120px;
height: 31px;
background: url(../images/btn_back.gif) left top no-repeat;
}
#image-btn_back:hover {
background: url(../images/btn_back.gif) left bottom no-repeat;
}
input.em1{
width:1em;
height:1em;
margin-bottom:2px;
vertical-align:middle;
}
input.file{
margin-bottom:10px;
}
