@charset "UTF-8";
/*------------------------------------------------------------*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,form,fieldset,pre,code,legend,input,textarea,p,select,blockquote,th,td{
margin:0;
padding:0;
}
abbr,acronym{
border:0;
font-variant:normal;
}
address,button,caption,cite,code,dfn,em,input,optgroup,option,select,strong,textarea,th,var{font:inherit;}
caption,th{text-align:left;}
del,ins{text-decoration:none;}
table{
border-collapse:collapse;
border-spacing:0;
}
fieldset,img{border:0;}
h1,h2,h3,h4,h5,h6{
font-size:100%;
font-weight:normal;
}
li{list-style-type:none;}
legend{color: #000;}
q:before,q:after{content:'';}
sup{vertical-align: baseline;}
sub{vertical-align: baseline;}
/*------------------------------------------------------------*/
.grid1, .grid2, .grid3, .grid4, .grid5, .grid6, .grid7, .grid8, .grid9, .grid10, .grid11{
float:left;
margin-left:18px;
display:inline;
}
.grid1{width:65px;}
.grid2{width:148px;}
.grid3{width:231px;}
.grid4{width:314px;}
.grid5{width:397px;}
.grid6{width:480px;}
.grid7{width:563px;}
.grid8{width:646px;}
.grid9{width:729px;}
.grid10{width:812px;}
.grid11{width:895px;}
.grid12{
width:978px;
margin:0 auto;
position:relative;
}
.first{
margin-left:0;
clear:left;
}
/*------------------------------------------------------------*/
.cf:before,
.cf:after{
content:"";
display:table;
}
.cf:after{clear:both;}
.cf{zoom:1;}
/*------------------------------------------------------------*/
html{-webkit-text-size-adjust:none}
body{
font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック','MS PGothic',sans-serif;
font-size:62.5%;
line-height:1em;
width:100%;
overflow:auto;
}
html,body{height:100%;}
a{text-decoration:none !important;}
a:hover{text-decoration:underline !important;}
/*------------------------------------------------------------*/
#pankuzu{
position:absolute;
top:179px;
left:0;
width:100%;
height:18px;
}
#pankuzu h1{
padding-left:7px;
line-height:18px;
}
#pankuzu ul{
height:100%;
width:100%;
line-height:18px;
font-size:1em;
}
#pankuzu ul li{
height:100%;
float:left;
}
#pankuzu ul li h1{padding:0;}
#pankuzu ul li.top{
padding:0 2px 0 9px;
padding-left:7px;
}
#pankuzu ul li.middle{
background:url(../images/pankuzu.png) no-repeat #8c5454;
background-position:-30px -7px;
padding:0 2px 0 18px;
}
#pankuzu ul li.end{
background:url(../images/pankuzu.png) no-repeat #fff;
background-position:-3px -7px;
padding-left:16px;
font-weight:bold;
}
#pankuzu ul li.end h1{font-weight:bold;}
/*------------------------------------------------------------*/
#cont_main{
float:left;
width:100%;
padding:212px 0 18px 0;
}
/*------------------------------------------------------------*/
#left_column{overflow:visible !important;}
/*------------------------------------------------------------*/
#right_column{
position:relative;
float:right;
background:url(../images/bd_1sccc.gif) left top repeat-y;
}
/*------------------------------------------------------------*/
#rr_column{background:url(../images/bd_1sccc.gif) top left repeat-y;}
/*------------------------------------------------------------*/
.side_menu h3{clear:both;}
.side_menu ul{
width:100%;
padding:4px 0 5px 0;
float:left;
}
.side_menu ul li{
line-height:22px;
height:21px;
overflow:hidden;
float:left;
width:100%;
}
.side_menu ul li.ol{
overflow:visible;
height:auto;
padding-top:4px;
padding-bottom:10px;
}
.side_menu ul li.ol ol{
padding-left:25px;
}
.side_menu ul li.ol ol li{
height:18px;
line-height:19px;
/*border:1px solid #fff;*/
margin-left:1px;
margin-bottom:1px;
}
.side_menu ul li.ol ol li a{
font-size:11px;
padding-left:9px;
background:url(../images/trir_mark.png) 3px 6px no-repeat;
color:#53548c;
font-weight:normal;
}
.side_menu ul li.beg{background:url(../images/beg_icon.gif) right 1px no-repeat;}
.side_menu ul li a{
display:block;
background:url(../images/pointer_on.png) 3px 3px no-repeat;
padding-left:24px;
font-size:1.2em;
color:#002344;
}
.side_menu ul li a:hover{
background:url(../images/pointer_on.png) 6px 3px no-repeat;
color:#bf544b !important;
}
.side_menu ul li.ol ol li a:hover{color:#bf544b !important;}
/*------------------------------------------------------------*/
.footer_bottom{text-align:center;}
.footer_bottom ul{padding-top:3px;}
.footer_bottom ul li{
display:inline;
line-height:2em;
}
.footer_bottom ul li a{padding-right:3px;}
.footer_bottom p{line-height:2em;}
/*------------------------------------------------------------*/
address{
font-size:1.2em;
height:36px;
line-height:36px;
font-style:normal;
width:100%;
text-align:center;
}
/*------------------------------------------------------------*/
#header{
position:absolute;
top:0;
left:0;
width:100%;
height:179px;
}
#header .grid12{
background:url(../images/header.jpg) top left no-repeat;
height:147px;
display:block;
}
#header_menu{
position:absolute;
top:3px;
right:166px;
width:397px;
height:24px;
text-align:center;
}
#header_menu ul{
padding-right:9px;
line-height:25px;
}
#header_menu ul li{
margin-left:12px;
display:inline;
}
#header_menu a{padding:1px 0 0 17px;}
#header_menu a:hover{padding:1px 0 0 17px;}
#header_menu ul .smp a{background:url(../images/sitemap_icon.png) top left no-repeat;}
#header_menu ul .pvc a{background:url(../images/privacy_icon.png) top left no-repeat;}
#header_menu ul .law a{background:url(../images/law_icon.png) top left no-repeat;}
/*------------------------------------------------------------*/
#header .logo{
position:absolute;
top:10px;
left:11px;
}
#header p.des{
position:absolute;
bottom:9px;
right:83px;
font-size:1.1em;
line-height:1.2em;
width:563px;
text-align:justify;
border-radius:3px;
padding:6px;
}
.bookmark{
position:absolute;
top:3px;
left:264px;
}
/*------------------------------------------------------------*/
#global{
position:absolute;
top:148px;
left:0;
width:100%;
height:30px;
}
#global ul li{
width:148px;/*5*/
height:100%;
line-height:21px;
text-align:center;
font-size:1.1em;
font-weight:bold;
float:left;
}
#global ul li a{
display:block;
margin:4px 0 0 5px;
height:20px;
border-radius:3px;
}
#global ul li.home{width:70px;}
#global ul li.home a{background-image:none;}
#global ul li.home a:hover{background-image:none;}
#global ul li a.end{margin-right:3px;}
/*------------------------------------------------------------*/
.contents{padding:15px 18px 0;}
.contents p{
margin:0 1em;
padding-bottom:25px;
font-size:1.5em;
line-height:25px;
background:url(../images/note_line3.gif) top left;
text-indent:1em;
}
/*------------------------------------------------------------*/
.toc h3{
margin-top:9px;
padding-left:0.5em;
line-height:2em;
font-size:1.6em;
margin:0 1em 0.5em 1em;
font-weight:bold;
}
.toc ul li p{
background:none;
font-size:1.4em;
text-indent:0em;
padding:0 9px 21px 18px;
}
.toc ul li a{
background:url(../images/links_icon.jpg) 0px 4px no-repeat;
padding-left:18px;
display:block;
font-size:0.8em;
width:100%;
font-weight:bold;
}
/*------------------------------------------------------------*/
.topic h3{
font-size:2em;
padding-left:9px;
margin:9px 0;
line-height:1.5em;
font-weight:bold;
}
.topic p{
text-indent:0;
text-align:justify;
}
/*------------------------------------------------------------*/
.bd_grd_l{
position:absolute;
top:0;
left:-21px;
height:100%;
width:20px;
background:url(../images/grad_l.png) 0px 0px repeat-y;
}
.bd_grd_r{
position:absolute;
width:20px;
height:100%;
top:0;
right:-21px;
background:url(../images/grad_r.png) 0px 0px repeat-y;
}
.primg_r{
position:absolute;
width:36px;
height:100%;
top:0;
right:-38px;
border-right:1px solid #ccc;
}
/*------------------------------------------------------------*/
.law ul{
padding:1em 0 2em 4em;
font-size:1.4em;
line-height:1.6em;
font-weight:bold;
}
.law ul li{list-style-type:disc !important;}
/*------------------------------------------------------------*/
.sitemap{
padding:2em 0;
font-size:1.4em;
}
.sitemap li{
padding-left:24px;
line-height:2em;
font-weight:bold;
}
.sitemap li li{
border-left:1px solid #555;
margin-left:24px;
background: url(../images/sitemap_li.gif) 0 9px no-repeat;
}
/*------------------------------------------------------------*/
.h_bgi1{
font-size:1.2em;
line-height:25px;
height:24px;
text-align:center;
margin:0 3px;
font-weight:bold;
}
.h_limg1{
margin:9px 0 6px 0;
font-size:2em;
font-weight:bold;
height:42px;
line-height:42px;
background:url(../images/h2_icon.jpg) 0px 3px no-repeat;
padding-left:42px;
}
.h_blb2{
padding-left:0.5em;
line-height:2em;
font-size:1.6em;
margin:0 18px 0.5em 1em;
font-weight:bold;
border-bottom:1px dotted #005275; !important;
border-left:7px solid #005275; !important;
}
.h_bl1{
font-size:2em;
padding-left:9px;
margin:9px 0;
line-height:1.5em;
font-weight:bold;
}
.h_blgbg1{
height:27px;
background:url(../images/h_blgbg1.jpg) top left no-repeat;
border:1px solid;
border-color:#e5e5e5 #dbdbdb #d2d2d2;
line-height:28px;
font-size:1.2em;
padding-left:15px;
font-weight:bold;
color:#fff;
}
.h_blgbg2{
height:27px;
background:url(../images/h_blgbg1.jpg) top left no-repeat;
line-height:28px;
font-size:1.2em;
padding-left:15px;
font-weight:bold;
color:#fff;
}
/*------------------------------------------------------------*/