@charset "Shift_JIS";


* { font-size: 100%; }


html {
height: 100%; margin-bottom: 1px; /*fxでスクロールバー常備*/
filter: expression(document.execCommand("BackgroundImageCache",false, true)); /*ieでのちらつき防止*/
}

div, td, th, p, pre, input, textarea, select {
font-family:"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック",sans-serif;
}

/*div, td, th, p, pre, input, textarea, select {
font-family: Verdana,Arial,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","Ｏｓａｋａ","ＭＳ Ｐゴシック",sans-serif;
}*/

div, td, th, caption, table, p, pre { text-align: left; margin: 0; }

input, textarea, select { color: #333; }

textarea { line-height: 1.2; }

form { margin: 0; }

img { border: 0; }

li { margin: 0; list-style: none; }

ol, ul, dl, dt, dd { margin: 0; padding: 0; }

h1 { margin: 0; /*line-height: 16px;*/ font-weight: bold; }

h2, h3 { margin: 0; /*line-height: 20px;*/ font-weight: bold; }

h4, h5, h6 { margin: 0px; line-height: 16px; font-weight: normal; }

address { font-style: normal; line-height: 1.3; }

a { text-decoration :none; }
a:link    { color:#0a246a; border-bottom: 1px solid #ccc; }
a:visited { color:#0a246a; border-bottom: 1px solid #ccc; }
a:hover   { color:#0a246a; border-bottom: 1px solid #0a246a; }
a:active  { color:#0a246a; border-bottom: 1px solid #0a246a; }

body {
margin: 0 auto;
text-align: center;
padding: 0 0 10px 0;
background-color: #f7f7f7;
color: #5d5d5d;
font-size: 75%;
line-height: 1.5;
letter-spacing: 0.1em;
}

#contentsArea {
margin: 0 auto;
padding-bottom: 10px;
width: 748px;
background-color: #fff;
border-right:  1px solid #cecbce;
border-left:   1px solid #cecbce;
border-bottom: 1px solid #cecbce;
position: relative;
}


/*
---------------------------------------------------------------------------------------

index start

---------------------------------------------------------------------------------------*/

#wrap01  { width: 722px; border-top: 2px solid #375dbb; padding:0 13px; }

#logo    { float:  left; width: 284px; padding-top: 21px; }
/*#logo h1 { height: 55px; }*/

/*#title   { position: absolute; background-position: top;
	   width: 284px; height: 55px; background: url(ma_image/ma_logo.gif) no-repeat; }*/

#head em { float: right; width: 438px; text-align: right; padding-top:5px; font-style:normal; }

#wrap02 { clear: both; }

#topMenu h2 { height: 0; overflow: hidden; }
#topMenu ul { 
width: 748px; hight: 44px;
background: url(ma_image/menu02.gif) no-repeat ;float: left;
border-top:    1px solid #cecbce;
border-bottom: 1px solid #cecbce;
}

#topMenu li {
float: left;
list-style-type: none;
border-right: 1px solid #cecbce;
font-weight: bold;
text-align:center;
line-height: 42px;
}

#topMenu a:link,  #topMenu a:visited { color:#555;    border-bottom: none; display:block; width:115px; height:42px; }
#topMenu a:hover, #topMenu a:active  { color:#0a246a; border-bottom: none; display:block; width:115px; height:42px; }

.consul a:link, .consul a:visited, .consul a:hover, .consul a:active {
display:block;width:157px ! important; 
}

.home    a:hover {background: url(ma_image/home.gif)    no-repeat;}
.service a:hover {background: url(ma_image/service.gif) no-repeat;}
.consul  a:hover {background: url(ma_image/consul.gif)  no-repeat;}
.company a:hover {background: url(ma_image/company.gif) no-repeat;}


#subMenu    {
width: 233px; hight: 31px;
background: url(ma_image/tabbed.gif) no-repeat;
position: absolute;
top:   35px;
left: 504px;
}
#subMenu h2 { height: 0; overflow: hidden; }
#subMenu ul { padding-left: 15px; }
#subMenu li { padding-top: 5px; padding-bottom: 7px; list-style-type: none; float: left; 
padding-left: 18px;
background:url(ma_image/listicon_01.gif) no-repeat 0px 0.6em;
}

.subAsk { padding-right: 1em; }

#subMenu a:link,  #subMenu a:visited { color:#555;    border-bottom: none; display:block; }
#subMenu a:hover, #subMenu a:active  { color:#0a246a; border-bottom: 1px solid #0a246a; display:block; }







#mainRight {
float: right;
width: 217px;
background: #efebef url(ma_image/back_top01.gif) no-repeat;
}




#pageTop {
clear: both;
float: right;
/*width: 217px;*/
/*height: 56px;*/
background: url(ma_image/back_bottom01.gif) no-repeat right top;
}

#pageTop p{
margin-top: 29px;
text-align: right; /*padding-right: 28px;*/
/*text-indent: 53px;*/
width: 217px;
min-height: 27px;
height: auto !important; /*ie min-height対策ここから2行*/
height: 27px;
}

#pageTop p a { border-bottom: none; }
#pageTop p a:link, #pageTop p a:visited { color:#555;    padding: 7px 28px 2px 0px; display:block; width:189px; height:auto; background: url(ma_image/bk_pagetop01.gif) no-repeat right top; }
#pageTop p a:hover,  #pageTop p a:active{ color:#0a246a; padding: 7px 28px 2px 0px; display:block; width:189px; height:auto; background: url(ma_image/bk_pagetop02.gif) no-repeat right top; }


#footer { clear: both; width: 748px; border-top: 1px solid #929294; }

#line01 { border-top: 1px solid #cecbce; margin-top: 1px; padding-top: 5px; }

#footMenu {
float: right;
width: 365px;
margin-right: 9px;
display: inline;
}

#footMenu h2 { height: 0; overflow: hidden; }

#footMenu ul {
float: right;
}


#footMenu li {
float: left;
padding-left: 10px;
text-indent: 14px;
background:url(ma_image/listicon_04.gif) no-repeat 10px 0.3em;
}

#address {
float: left;
width: 352px;
padding-left: 22px;
}

#address h2 { height: 0; overflow: hidden; }

#fCopyright {
clear: both;
width: 748px;
text-indent: 22px;
padding-top: 22px;
letter-spacing: 0em;
}


/*
---------------------------------------------------------------------------------------

company index start

---------------------------------------------------------------------------------------*/

#logo p  { height: 55px; }

#panNavi {clear: both; } 

#panNavi p {
padding-top: 5px; margin-bottom: 5px; text-indent: 12px;
letter-spacing: 0.05em;
}

#panNavi em { font-style: normal; }

#wrap03x {
width: 748px;
/*margin-top:   13px;*/
/*padding-left: 13px;*/
background: url(ma_image/back_main.gif) repeat-y right top;
overflow: auto; /*fx背景repeat対策*/
}

#companymainLeft {
float: left;
width: 505px;
margin-right: 26px;
}

#companymainLeft h1 {
width :505px; 
height: 44px;
color: #fff;
font-size: 118%;
text-indent: 12px;
line-height : 44px;
}

.mail  { background: #375dbb url(ma_image/mailform_top.jpg) no-repeat left top; }





#companyindex table { width: 492px; margin-top: 6px; margin-left: 13px;}
#companyindex table td, #companyindex table th {
padding: 17px 0 6px 9px;
border-bottom: 1px solid #e6e6e6;
text-align: left; vertical-align: top;
}
#companyindex table th   { color: #0a246a;}
#companyindex table td p { padding-left:10px; /*padding-right:10px;*/}


#localNavi h2 { height: 0; overflow: hidden; } 


#localNavi {
width: 199px;
margin: 9px 0px 9px 10px;
margin-bottom:18px;*/
}


#localNavi li {
margin-bottom: 3px;
}

#localNavi a {
display:block; width: 197px;
/*background: #fff url(ma_image/listicon_04.gif) no-repeat 9px 0.6em;*/
text-indent: 26px;
}

#localNavi a:link    { color:#5d5d5d; background: #fff url(ma_image/listicon_04.gif) no-repeat 9px 0.9em; padding:7px 0; border: 1px solid #cfcccf;}
#localNavi a:visited { color:#5d5d5d; background: #fff url(ma_image/listicon_04.gif) no-repeat 9px 0.9em; padding:7px 0; border: 1px solid #cfcccf;}
#localNavi a:hover   { color:#0a246a; background: /*#d6ebf7*//*#CEE3F7*/#ededed url(ma_image/listicon_04.gif) no-repeat 9px 0.9em; padding:7px 0; border: 1px solid #bababa;}
#localNavi a:active  { color:#0a246a; background: /*#d6ebf7*//*#CEE3F7*/#ededed url(ma_image/listicon_04.gif) no-repeat 9px 0.9em; padding:7px 0; border: 1px solid #bababa;}

.select { background: /*#296da5*/#426dc6/*#315dbd*/ url(ma_image/listicon_04x.gif) no-repeat 9px 0.9em !important; color: #fff !important; font-weight: bold !important; border:1px solid #296da5 !important; }


#mainRight02 h2 {
margin-left: 2px;
text-indent: 23px;
border-bottom: 1px solid #b7bab7
} 

#mainRight02 h2 a { border-bottom: none; }
#mainRight02 h2 a:link, #mainRight02 h2 a:visited { color:#555;    padding: 4px 0px 3px 0px; display:block; width:195px; height:auto; background: url(ma_image/bk_info01.gif) no-repeat left top;}
#mainRight02 h2 a:hover, #mainRight02 h2 a:active { color:#0a246a; padding: 4px 0px 3px 0px; display:block; width:195px; height:auto; background: url(ma_image/bk_info02.gif) no-repeat left top;}

#mainRight02 ul { margin-top: 5px; padding-bottom: 15px;  }

#mainRight02 li {
list-style-type: none;
background:url(ma_image/listicon_04.gif) no-repeat 26px 0.6em;
text-indent: 40px;
line-height: 2.0em;
}


/*
---------------------------------------------------------------------------------------

mailform start

---------------------------------------------------------------------------------------*/

#mail { margin-left: 13px; }

#mail h2 { margin-top: 20px; text-indent: 0.5em; border-left: 3px solid #375dbb; border-bottom: 1px solid #375dbb; }

#mail p  { margin-top: 7px; margin-left: 9px; text-align: justify; text-justify: inter-ideograph; }

.mt17 { margin-top: 17px ! important; }


#mail table { width: 492px; margin-top: 13px; border-top: 17px solid #e6e6e6; }
#mail table td, #mail table th {
padding: 6px 0 6px 0px;
border-bottom: solid 1px #e6e6e6;
/*text-align: left; vertical-align: top;*/
}
#mail table th { color: #0a246a; font-weight: normal; text-align: right; padding-right: 17px; width: 115px; }
#mail table td { width: 360px; }

.input01 { width: 200px; padding: 2px ; letter-spacing: 0.02em; font-size: 110%; ime-mode: active; }
.input02 { width: 300px; padding: 2px ; letter-spacing: 0.02em; font-size: 110%; ime-mode: active; }
.input03 { width: 60px;  padding: 2px ; letter-spacing: 0.02em; font-size: 110%; ime-mode: disabled; }
.input04 { width: 100px; padding: 2px ; letter-spacing: 0.02em; font-size: 110%; ime-mode: disabled; }
.input05 { width: 300px; padding: 2px ; letter-spacing: 0.02em; font-size: 110%; ime-mode: disabled; }
.txtarea { width: 350px; height: 140px; padding: 2px; 0; letter-spacing: 0.02em; font-size: 110%; text-align: justify; text-justify: inter-ideograph; ime-mode: active; }
.submit  { padding: 2px 10px; }
.notice  { padding-right: 0.3em; color: #cc0000; }
.center { text-align: center ! important; padding-top: 13px; }

.pt17 { padding-top: 17px ! important; }
.mb40 { margin-bottom: 40px; }

#wrap04   { margin-top: 17px; text-align: center; border: 1px solid #cecbce; padding-top: 16px; padding-bottom: 17px; font-size: 118%; }
#wrap04 p { text-align: center;  margin-bottom: 7px; }
#wrap04 em { font-style: normal; }
#wrap04 strong { color: #ff0000; font-weight: bold ! important; }
.red  { color: #ff0000; }


#finish    { margin-left: 13px; }
#finish h2 { margin-top: 20px; text-indent: 0.5em; border-left: 3px solid #375dbb; border-bottom: 1px solid #375dbb; }
#finish p  { margin-top: 13px; margin-left: 9px; text-align: justify; text-justify: inter-ideograph; }


