@charset "utf-8";

/*----------------------------------------------
 * common settings
----------------------------------------------*/

/*init
-------------------------*/
html{color:#000; background:#fff;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,
form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0; padding:0;}
table{border-collapse:collapse; border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,th,var{font-style:normal; font-weight:normal;}
ol,ul{list-style:none;}
caption,th{text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%; font-weight:normal; clear:both;}
h1 img, h2 img, h3 img, h4 img, h5 img, h6 img{vertical-align:top;}
q:before,q:after{content:'';}
abbr,acronym{border:0; font-variant:normal;}
sup{vertical-align:text-top;}
sub{vertical-align:text-bottom;}
input,textarea,select{font-family:inherit; font-size:inherit; font-weight:inherit;}
input,textarea,select{*font-size:100%;}
legend{color:#000;}
input{padding:1px;}
option{padding-left:10px;}
button{cursor:pointer;}

/*clearfix
-------------------------*/
.clearfix:after{content:"."; display:block; height:0; clear:both; visibility:hidden;}
.clearfix{ display:inline-block;}

/*Hidea from IE-mac \*/
*html .clearfix{height:1%;}
.clearfix{display:block;}
/*End hide from IE-mac*/

/*class
-------------------------*/
.hidden{visibility:hidden;}
.normal{font-weight:normal;}
.tleft{text-align:left;}
.tright{text-align:right;}
.vtop{vertical-align:top;}
.vmiddle{vertical-align:middle;}
.vbottom{vertical-align:bottom;}
.tcenter{text-align:center;}
.fleft{float:left;}
.fright{float:right;}
.fleftImg{float:left; padding:0 18px 0 0;}
.frightImg{float:right; padding:0 0 0 18px;}
.clear{clear:both;}
.block{display:block;}
.inline{display:inline;}
.frame{padding:3px; border:1px solid #ccc;}
.nolistStyle{list-style:none !important;}
.red{color:#f00;}
.caption{font-size:85%; margin:8px 0 0 0; line-height:1.2; display:block; text-align:center;}
.fsmall{font-size:85%;}

/*box spaces
-------------------------*/
.xs-space{padding-bottom:5px !important;}
.s-space{padding-bottom:10px !important;}
.m-space{padding-bottom:20px !important;}
.l-space{padding-bottom:35px !important;}
.xl-space{padding-bottom:50px !important;}
.xxl-space{padding-bottom:300px !important;}
.s-margin{margin-bottom:10px !important;}
.m-margin{margin-bottom:20px !important;}
.l-margin{margin-bottom:35px !important;}
.xl-margin{margin-bottom:50px !important;}

.vm-space{padding-top:30px !important; padding-bottom:30px !important;}
.vl-space{padding-top:50px !important; padding-bottom:50px !important;}

/*中山追加左マージンここから*/
.m-spaceLeft{padding-bottom:20px !important; margin-left:30px !important;}
/*中山追加左マージンここまで*/


/*link navi
-------------------------*/
.link-navi a{background:url(../images/marker_01.gif) left 5px no-repeat; padding:0 0 0 10px;}
.pagetop-s{padding:0 0 30px 0; clear:both; text-align:right;}
.pagetop-s a{background:url(../images/marker_pagetop.gif) left 6px no-repeat; padding:0 0 0 12px;}
.pagetop{padding:60px 0 30px 0; clear:both; text-align:right;}
.pagetop a{background:url(../images/marker_pagetop.gif) left 6px no-repeat; padding:0 0 0 12px;}
.pdf{background:url(../images/ico_pdf.png) right top no-repeat; padding:2px 23px 5px 0;}
.webpage{background:url(../images/ico_page.png) right top no-repeat; padding:2px 23px 5px 0;}

/*font anchor
-------------------------*/
html,body{height:100%;}
body{font-size:80%; text-align:center; line-height:1.5; color:#333;}
a{color:#255FEE; text-decoration:underline; overflow:hidden;}
a:visited{color:#255FEE; text-decoration:underline; overflow:hidden;}
a:hover{color:#255FEE; text-decoration:none; overflow:hidden;}
a:active{color:#255FEEC; text-decoration:underline; overflow:hidden;}

/*site size
-------------------------*/
#wrapper{width:100%; background:#fff; text-align:center;}
#container{width:100%;}
#contents{width:960px; margin:0 auto; text-align:left; padding:0;}

/*header
-------------------------*/
#header{width:100%; border-top:3px solid #007AEC; background:url(../images/bg_header.gif) left bottom repeat-x;}
#header-inner{width:960px; margin:0 auto; text-align:left; position:relative;}
#logo{padding:26px 0 24px 0;}
#language-navi{position:absolute; top:0; right:0;}
#language-navi li{float:left; padding:0 0 0 1px;}
#h-home{position:absolute; top:5px; right:188px; font-size:1px;}
#h-inquiry{position:absolute; top:32px; right:0;}
#fontsize-changer{position:absolute; top:76px; right:220px;}
#fontsize-changer li{float:left; height:auto;}
#search-box{position:absolute; top:76px; right:0;}
#search-box input{vertical-align:middle;}
#search-box .textarea{border:1px solid #7e9db9; width:160px; font-size:120%;}

/*global navi
-------------------------*/
#global-navi{width:960px; height:50px; padding:0; margin:0 auto; text-align:left;}
#global-navi li{float:left;}
#global-navi li img{vertical-align:top;}

/*snavi
-------------------------*/
#contents-left h2{background:url(../images/snavi_head.gif) left top no-repeat; height:47px; padding:30px 10px 0 20px; color:#fff; font-weight:bold; font-size:140%; line-height:1.2;}
#snavi{background:url(../images/bg_snavi.gif) left top repeat-y;}
#snavi ul{width:230px; margin:0 auto; padding:0; border-bottom:1px solid #ccc;}
#snavi ul li{width:228px; vertical-align:top;}
#snavi ul li a{width:198px;}
#snavi ul li a, #snavi ul li a:visited{display:block; color:#333; text-decoration:none; background:#fff url(../images/marker_01.gif) 10px 12px no-repeat; border:1px solid #ccc; border-bottom:none; padding:8px 10px 8px 20px; line-height:1.2;}
#snavi ul li a:hover, #snavi ul li a:active{color:#333; text-decoration:none; background:#e7f2fd url(../images/marker_01.gif) 10px 12px no-repeat; border:1px solid #ccc; border-bottom:none; padding:8px 10px 8px 20px; line-height:1.2;}
#snavi ul ol li a{width:188px;}
#snavi ul ol li a, #snavi ul ol li a:visited{display:block; color:#333; text-decoration:none; background:#fff url(../images/marker_02.gif) 20px 10px no-repeat; border:1px solid #ccc; border-bottom:none; padding:6px 10px 6px 30px; line-height:1.2;}
#snavi ul ol li a:hover, #snavi ul ol li a:active{display:block; color:#333; text-decoration:none; background:#e7f2fd url(../images/marker_02.gif) 20px 10px no-repeat; border:1px solid #ccc; border-bottom:none; padding:6px 10px 6px 30px; line-height:1.2;}
#snavi a.active{background-color:#e7f2fd !important;}


/*left navi
-------------------------*/
.consultation-box{background:#fff3ef; border:3px solid #dd0000; border-top:none; padding:10px 10px 5px 10px; margin:0 0 10px 0;}
#consultation-info{background:url(../images/bg_dotted_02.gif) left bottom repeat-x; padding:0 0 10px 0; margin:0 0 10px 0;}
.left-navi-box{border:1px solid #ccc; margin:0 0 20px 0;}
.left-navi-box-inner{background:#f4f4f3; border:1px solid #fff;}
#link-navi{padding:3px;}
#link-navi li img{vertical-align:top;}
#contents-left h4{border-bottom:3px solid #007AEC; padding:0 0 4px 0; margin:0 0 10px 0;}
#contents-left .separator{background:url(../images/bg_dotted_01.gif) left bottom repeat-x; padding:0 0 20px 0; margin:0 0 20px 0;}
#law-link{padding:10px;}
.left-navi-box h5{background:url(../images/bg_dotted_02.gif) left bottom repeat-x; padding:0 0 5px 0; margin:0 0 10px 0;}
#law-link-inner .fleft{width:67px;}
#law-link-inner .fright{width:140px;}
ul.outbound li{background:url(../images/ico_outbound.gif) left 4px no-repeat; padding:0 0 8px 12px; line-height:1.2;}


/*footer
-------------------------*/
#footer{background:url(../images/bg_footer.gif) left top repeat-x; clear:both;}
#footer-inner{width:960px; text-align:left; margin:0 auto; padding:0 0 19px 0;}
#fnavi li{float:left; padding:9px 20px 0 0; font-size:1px;}
#flogo{padding:20px 0 0 0;}
#footer address{padding:30px 0 0 0;}

/*----------------------------------------------
 * top page settings
----------------------------------------------*/

/*size
-------------------------*/
#contents{width:100%;}
#contents-inner{width:960px; margin:0 auto; padding:25px 0;}
#contents-left{width:240px; float:left;}
#contents-right{width:684px; float:right;}

/*main image
----------------------------------------------*/
#main-image{width:100%; height:240px; background:url(../../images/bg_mainimage.gif) left top repeat-x; border-bottom:1px solid #ccc;}

/*contents
-------------------------*/
.news-contents{overflow:auto; height:200px; margin:0 0 25px 0;}
.news-contents li{margin:0 0 5px 0; padding:5px 0; background:url(../images/bg_dotted_02.gif) left bottom repeat-x;}
.news-contents .date{width:216px; float:left;}
.news-contents .date img{vertical-align:middle; padding:0 0 0 6px;}
.news-contents .title{width:440px; float:right;}
#useful-navi{padding:0 0 35px 0;}
#useful-navi li{float:left; padding:0 12px 10px 0;}
#outbound-contents{height:200px;}
#other-agency-link{background:#f4f4f3; padding:0 0 20px 0;}
#other-agency-link-inner{width:960px; text-align:left; margin:0 auto;}
#other-agency-link h6{padding:10px 0 5px 0;}
#other-agency-link .box{border:1px solid #ccc; background:#fff; padding:15px 10px 0 10px;}
#other-agency-link li{float:left; padding:0 10px 10px 0;}

/*----------------------------------------------
 * second page settings
----------------------------------------------*/

/*contents
-------------------------*/
#contents-right h1{border-top:5px solid #007AEC; background:url(../images/bg_dotted_02.gif) left bottom repeat-x; font-size:200%; padding:10px 0 10px 10px; margin:0 0 25px 0;}
#contents-right h1 span{display:block; background:url(../images/bg_repeat.gif) left bottom repeat-x; margin:0 20px;}
#contents-right h1 img{padding:0 0 5px 0;}
#contents-right h2{background:url(../images/ttl_h2.gif) left top repeat-x; font-size:130%; font-weight:bold; margin:0 0 15px 0; padding:12px 115px 10px 25px; line-height:1.2; position:relative;}
#contents-right h2 .sub{font-size:80%;}
#contents-right h2 .end{background:#d00; color:#fff; font-size:70%; position:absolute; top:10px; right:0; margin:0 10px 0 0; padding:5px 10px;}
#contents-right h3{background:url(../images/ttl_h3.gif) 10px top no-repeat; font-size:120%; font-weight:bold; border-bottom:2px solid #007AEC; margin:0 0 15px 0; padding:0 0 5px 25px;}
#contents-right h4{background:#efefef; padding:10px; font-weight:bold; margin:0 0 10px 0;}

/*float
-------------------------*/
.two-column-1{width:330px; float:left; padding:0 24px 10px 0;}
#contents-right .two-column-1 h4{background:#D9EBFB; margin:0 0 2px 0;}
#contents-right .two-column-1 .two-column-1-inner{background:#efefef; padding:10px;}

.two-column-2 .fleft{width:348px;}
.two-column-2 .fright{width:320px;}

.two-column-3 .fleft{width:300px;}
.two-column-3 .fright{width:358px;}

.two-column-4 .fleft{width:148px;}
.two-column-4 .fright{width:510px;}

.two-column-5 .fleft{width:363px;}
.two-column-5 .fright{width:295px;}

.two-column-6 .fleft{width:548px;}
.two-column-6 .fright{width:90px;}


.three-column-1{width:220px; float:left; padding:0 12px 10px 0;}
#contents-right .three-column-1 h4{background:#D9EBFB; margin:0 0 2px 0;}
#contents-right .three-column-1 p{background:#efefef; padding:10px;}

/*table
-------------------------*/
table.normal-table{border:3px solid #ededed; border-collapse:collapse; table-layout:auto;}
table.normal-table th{border:3px solid #ededed; padding:8px; line-height:1.3; font-weight:bold; background:#FDF7EB; vertical-align:top;}
table.normal-table th img{vertical-align:top; padding:0 8px 0 0;}
table.normal-table td{border:3px solid #ededed; padding:6px 10px; vertical-align:top;}

table.lifenavi-table{border-collapse:collapse;}
table.lifenavi-table th{padding:10px 0; background:#D9EBFB; font-weight:bold; border:3px solid #fff; text-align:center; vertical-align:middle;}
table.lifenavi-table td{padding:10px 0; background:#efefef; border:3px solid #fff; text-align:center; vertical-align:middle;}


/*list item
-------------------------*/
ul.disc{list-style:disc; padding:0 5px 0 20px;}

ul.normal-disc{list-style:disc; padding:0 5px 0 30px;}
ul.normal-disc li{padding:0 0 5px 0;}

ul.ycc-disc li{background:url(../images/marker_disc.gif) 10px 6px no-repeat; padding:0 0 12px 26px; line-height:1.3;}

ul.list{padding:0 0 0 10px;}
ul.list li{float:left; background:url(../images/marker_02.gif) left 8px no-repeat; padding:0 26px 0 10px;}

ul.navi li{float:left; background:url(../images/marker_01.gif) left 8px no-repeat; padding:0 26px 8px 10px;}

ol.decimal{list-style:decimal; padding:0 5px 0 30px;}

.note{background:#EFF6FD; border:2px dotted #75B7F3; padding:15px; margin:0 0 35px 0;}
.snote{background:#EFF6FD; border:2px dotted #75B7F3; padding:15px; margin:0 25px 35px 25px;}
.gbox{background:#EFEFEF; border:2px dotted #ddd; padding:15px; margin:0 0 35px 0;}

dl.list dt{vertical-align:bottom; position:absolute; padding:8px 0 6px 10px; font-weight:bold;}
dl.list dd{padding:8px 0 6px 100px; background:url(../images/bg_dotted_01.gif) left bottom repeat-x;}

dl.event{background:#EFF6FD url(../images/bg_dotted_01.gif) left bottom repeat-x; margin:0 0 2px 0; padding:15px 10px;}
dl.event dt{font-weight:bold; padding:0 0 10px 0;}
dl.event dt span{background:#007AEC; margin:0 10px 0 0; padding:4px 10px; color:#fff; font-weight:normal;}

dl.cautionMail{background:#EFF6FD url(../images/bg_dotted_01.gif) left bottom repeat-x; margin:0 10px 2px 10px; padding:0px; border:2px dotted #ddd;}
dl.cautionMail dt{background:#D9EBFB; font-weight:bold; margin:0px; padding:10px;}
dl.cautionMail dd{padding:10px 0 10px 10px;}

/*company
-------------------------*/
#map{width:682px; height:380px; border:1px solid #ddd; margin:0 0 10px 0;}

/*sitemap
-------------------------*/
#sitemap h1{border-top:5px solid #007AEC; background:url(../images/bg_dotted_02.gif) left bottom repeat-x; font-size:200%; padding:10px 0 10px 10px; margin:0 0 25px 0;}
#sitemap h2{background:url(../images/bg_dotted_02.gif) left bottom repeat-x; padding:3px 0; margin:0 0 20px 0; font-size:130%; font-weight:bold;}
#sitemap h2 a:link, #Sitemap h2 a:visited, #Sitemap h2 a:hover, #Sitemap h2 a:active, #sitemap h2 span{text-decoration:none; background:url(../images/marker_l_disc.gif) 14px 5px no-repeat; padding:3px 0 3px 32px;}
#sitemap ul{padding:0 20px 35px 30px;}
#sitemap li{width:255px; background:url(../images/marker_01.gif) left 8px no-repeat; padding:0 28px 16px 12px; float:left;}
#sitemap li ol{padding:10px 0 0 0;}
#sitemap li ol li{padding:0 0 5px 17px;}

/*inquiry
-------------------------*/
button{border:none; cursor:pointer; background:none; font-weight:bold; color:#3078bf; margin:0; padding:3px;}
button img{vertical-align:middle;}
.textfield{width:220px;}
label{cursor:pointer; padding:0 10px 0 5px;}
option{padding-left:10px;}
.Err{padding:0 0 7px 0; background:url(../images/check.gif) left top no-repeat;}
.Err span{line-height:1.1; display:block; color:#c00; font-weight:bold; padding:11px 0 11px 30px;}
.Tel{font-size:240%; color:#00A0E9;}
textarea{width:350px; height:200px;}
.complete{padding:100px 0 180px 0; text-align:center;}