@charset "Shift_JIS";

/*
 * Style Name: Main Page
 * Version: 1.0
 * Last Up Date: 2006-10-27
 * Author: oi
 */

/*CSS INDEX---------------------------------------
 01 siteMap
 02 footer Contents
 03 contact company
----------------------------------------------- */



/* ===============================================
 01 siteMap
----------------------------------------------- */

div#siteMap {
text-align: left;
margin-bottom:30px;
}

div#siteMap h2 {
margin: 25px 0 3px 0;
clear:both;
}

div#siteMap h2.first {
margin-top:10px;
}

div#siteMap h3 {
margin: 10px 0px 0px 10px;
padding: 3px 0px 3px 15px;
clear:both;
}

div#siteMap ul {
margin: 5px 0px 8px 25px;
padding: 0px 0px 0px 0px;
}

div#siteMap ul li {
margin:0 0 5px 0;
float: left;
width: 240px;
}

div#siteMap p {
padding-left:12px;
background:url(/img/home/icon-list.gif) no-repeat left center;
margin: 5px 0px 0px 25px;;
background-position: 0px 6px;
background-repeat: no-repeat;
clear:both;
}

div#siteMap ul.inline li {
width:auto;
margin-right:14px;
}

/* ===============================================
 02 announce
----------------------------------------------- */

div#announce h1 {
margin: 20px 0 8px 0;
padding: 0 0 8px 8px;
font-weight: bold;
border-bottom: solid 2px #4C4C4C;
}

div#announce p,
div#announce ul {
margin-bottom:1em;
}

div#announce li {
margin-bottom:5px;
}

/* ===============================================
 02 footer Contents
----------------------------------------------- */

div#footerContents {
margin-bottom:30px;
text-align: left;
}

div#footerContents div.article{
margin-bottom:24px;
padding-bottom:18px;
}

div#footerContents h1 {
margin: 20px 0 8px 0;
padding: 0 0 8px 8px;
font-weight: bold;
border-bottom: solid 2px #4C4C4C;
}

div#footerContents h1 span {
font-weight:normal;
font-size:65%;
letter-spacing:0;
margin:0 0 0 10px;
color:#7F7F7F;
line-height:40%;
}

div#footerContents h2 {
margin: 25px 0 10px 0;
padding: 0 0 3px 8px;
border:none;
border-bottom: solid 1px #999999;
clear: both;
background:none;
}

div#footerContents h2.sp1 {
margin: 0;
padding: 0;
font-weight: bold;
clear: both;
border-bottom: none;
}

div#footerContents h2 span {
font-weight:normal;
font-size:80%;
letter-spacing:0;
margin-left:5px;
color:#7F7F7F;
}

div#footerContents h3 {
background-image:none;
}

div#footerContents div#notesBox {
margin: 15px 0;
padding: 10px;
border: 1px solid #cccccc;
}

div#footerContents div#notesBox h3 {
margin: 0;
padding: 0;
}

div#footerContents h3 {
padding: 0;
margin: 15px 8px 0 8px;
font-weight: bold;
}

div#footerContents h4 {
padding: 0;
margin: 8px 8px 0 8px;
font-weight: bold;
color: #4c4c4c;
}

div#footerContents h5{
margin: 6px 8px 0 8px;
padding: 0;
}

div#footerContents h6{
margin:12px 8px 12px 8px;
}

div#footerContents dl {
padding: 0;
margin: 0 0 0 20px;
font-weight: normal;
color: #111111;
}

div#footerContents dt{
font-weight:bold;
margin-bottom:1em;
}

div#footerContents dd {
font-weight: normal;
padding: 0;
margin-bottom:12px;
}

div#footerContents p {
padding: 0;
margin: 5px 8px 0 8px;
font-weight: normal;
color: #4c4c4c;
}

div#footerContents dd p{
font-size:100%;
margin:0 0 1em 0;
}

div#footerContents p+dl{
margin-top:1em;
}

div#footerContents address dl{
margin:1em 8px 0 0;
}


div#footerContents address dt,
div#footerContents address dd{
font-size:100%;
}

div#footerContents p.notes {
color: #444444;
}

div#footerContents p.notes2 {
margin: 20px 0 15px 20px;
padding:8px;
background-color: #eeeeee;
}

div#footerContents p.catch {
padding: 0;
margin: 0;
font-weight: normal;
color: #222222;
}

div#footerContents ul {
padding: 0;
margin: 5px 0 20px 18px;
font-weight: normal;
color: #222222;
}

div#footerContents li{
margin: 2px 0;
}

div#footerContents ul li:before{
content:"・";
margin-right:4px;
}

div#footerContents ol {
padding: 0;
margin: 5px 8px 20px 32px;
font-weight: normal;
color: #222222;
}

div#footerContents ol.alpha  {
margin: 0 0 0 40px;
padding: 0;
font-weight: bold;
list-style-type: upper-alpha;
}

div#footerContents ol li ol li {
font-size:100%;
}

div#footerContents ol.alpha h4 {
font-weight: normal;
}

div#footerContents ol.alpha ol {
margin: 0 0 0 30px;
padding: 0;
list-style-type: decimal;
}

div#footerContents ol.roman {
margin: 15px 0 15px 30px;
padding: 0;
list-style-type: lower-roman;
}

div#footerContents ol.alpha ol ul {
margin: 0 0 10px 20px;
padding: 0;
list-style-type: disc;
}

div#footerContents ol.alpha li p{
margin: 0;
padding: 0;
color: #ff0000;
}


div#main dt {
font-weight: bold;
padding: 0;
margin: 10px 0 0 0;
}

div#footerContents ul.disc{
list-style-type:disc;
}

div#footerContents li a{
background:none;
padding-left:0;
}

div#footerContents p.font10px{
font-weight:bold;
margin: -3px 8px auto 8px;
color:#4C4C4C;
}

div#footerContents #trustEimg {
float: left;
margin: 0 10px 15px 0;
padding: 0;
}

div#footerContents p#representative{
text-align:right;
margin-right:8px;
}

div#footerContents dl.paperList{
border:1px solid #999999;
border-bottom:0px none;
margin-left:0;
}

div#footerContents dl.paperList dt{
width:100px;
padding:18px;
float:left;
font-size:100%;
}

div#footerContents dl.paperList dd{
padding-left:136px;
border-bottom:1px solid #999999;
margin-bottom:0;
}

div#footerContents dl.paperList dd.last{
border-bottom:0px none;
}

div#footerContents dl.paperList dd dl{
margin:0;
}

div#footerContents dl.paperList dd dt{
width:18px;
padding-left:12px;
}

div#footerContents dl.paperList dd dd{
padding-left:28px;
border-left:1px solid #999999;
}

div#footerContents dl.paperList ul{
border-left:1px solid #999999;
padding:12px 0 12px 18px;
margin:0;
}

div#footerContents dl.paperList small{
font-size:100%;
margin-left:12px;
}

div#footerContents dl.paperList small:before{
content:"※";
}

/*
div#footerContents table {
margin: 10px 0;
padding: 0;
border-collapse: collapse;
border: solid 1px #999999;
}

div#footerContents table th {
margin: 0;
padding: 5px;
font-size: 10pt;
border: solid 1px #999999;
background-color: #eeeeee;
}

div#footerContents table td {
margin: 0;
padding: 5px;
font-size: 10pt;
border: solid 1px #999999;
}
*/

div#footerContents div#secureSeal {
border: 1px solid #cccccc;
margin:15px 0;
padding:0 10px 10px 10px;
}

div#footerContents div#secureSeal h2 {
border:none;
margin:25px 15px 5px 15px;
}


/* ===============================================
 03 contact company
----------------------------------------------- */

div#contactCompany div#step {
margin:16px 0 12px 0;
}

div#contactCompany div#step ul li {
display:block;
float:left;
margin:0 0 12px 0;
padding:0;
}

div#contactCompany div#step ul li#step01 a {
background-image:none;
padding:0;
}

div#contactCompany div#step ul li#step02 a ,
div#contactCompany div#step ul li#step03 a {
background:url(/img/contact/company/step_arrow.gif) no-repeat 5px 2px;
margin:0;
padding:0 0 0 25px;
display:block;
}

div#contactCompany div#step ul li#step02 span ,
div#contactCompany div#step ul li#step03 span {
background:url(/img/contact/company/step_arrow.gif) no-repeat 5px 2px;
margin:0;
padding:0 0 0 25px;
display:block;
}

div#contactCompany div#step ul li#step01 { width:31%; }
div#contactCompany div#step ul li#step02 { width:34%; }
div#contactCompany div#step ul li#step03 { width:34%; }

div#contactCompany div#step ul li#step01 img { width:225px; margin:0 auto; display:block;}
div#contactCompany div#step ul li#step02 img { width:225px; margin:0 auto; display:block;}
div#contactCompany div#step ul li#step03 img { width:225px; margin:0 auto; display:block;}

div#contactCompany h1#adoptionTitle ,
div#contactCompany h1#featureTitle ,
div#contactCompany h1#participationTitle {
border:1px solid #4C4C4C;
border-left:none;
border-right:none;
margin:0 0 10px 0;
}

div#contactCompany h1 {
margin: 0 0 10px 0;
}

div#contactCompany h1#adoptionTitle {
background:url(/img/contact/company/it_adoption_title_bg.gif) repeat-x center center;

}

div#contactCompany h1#featureTitle {
background:url(/img/contact/company/feature_title_bg.gif) repeat-x center center;
}

div#contactCompany h1#participationTitle {
background:url(/img/contact/company/participation_title_bg.gif) repeat-x center center;
}

/*
div#contactCompany h1 img {
display:block;
width:740px;
margin:0 auto;
}*/

div#contactCompany p {
margin:0 0 12px 0;
}


div#contactCompany p span {
color:#CC0033;
}

div#contactCompany div#adoptionTable1 {
width:58%;
float:left;
}

div#contactCompany div#adoptionTable2 {
width:41%;
float:right;
}

div#contactCompany h2 {
border:none;
background:none;
margin:0;
padding:0;
}

div#contactCompany h2 img {
margin:0;
padding:0;
display:block;
}


div#contactCompany div#adoption5melit {
background:#EBEBE0;
border:1px solid #CCCCCC;
height:1%;
}

div#contactCompany div#adoption5melit h2 {
margin:16px 0 12px 16px;
border-bottom:1px solid #4C4C4C;
}

div#contactCompany div#adoption5melit ol li {
margin:0 0 3px 45px;
}

div#contactCompany div#adoption5melit p {
margin:16px 0;
}

div#contactCompany div#pageNext {
float:right;
text-align:right;
margin:15px 0;
width:48%;
}

div#contactCompany div#pageNext p#pageNextArrow a{
background:url(/img/contact/company/nextpage_arrow.gif) no-repeat right 2px;
padding-right:15px;
}

div#contactCompany div#pageBack {
float:left;
text-align:left;
margin:15px 0;
width:48%;
}

div#contactCompany div#pageBack p#pageBackArrow a{
background:url(/img/contact/company/backpage_arrow.gif) no-repeat left 2px;
padding-left:15px;
}


div#contactCompany div#featureLi3 {
border:1px solid #666666;
background:#F3F3F3;
height:1%;
}

div#contactCompany div#featureLi3 ol {
list-style-type:none;
}

div#contactCompany div#featureLi3 ol li {
margin:0 10px;
padding:12px 0 12px 130px;
font-weight:bold;
}

div#contactCompany div#featureLi3 ol li span {
display:none;
}

div#contactCompany div#featureLi3 ol li#freshness {
background:url(/img/contact/company/feature_li_freshness.gif) no-repeat left center;
border-bottom:1px solid #999999;
}

div#contactCompany div#featureLi3 ol li#matching {
border-bottom:1px solid #999999;
background:url(/img/contact/company/feature_li_matching.gif) no-repeat left center;
}

div#contactCompany div#featureLi3 ol li#convenience {
background:url(/img/contact/company/feature_li_convenience.gif) no-repeat left center;
}

div#contactCompany table#featureTable th { width:auto; }
div#contactCompany table#featureTable th.no { width:30%; text-align:center; }
div#contactCompany table#featureTable th.mx { width:20%; text-align:center; }
div#contactCompany table#featureTable th.hi { width:20%; text-align:center; }
div#contactCompany table#featureTable th.st { width:15%; text-align:center; }
div#contactCompany table#featureTable th.en { width:15%; text-align:center; }
div#contactCompany table#featureTable td { text-align:center; }

div#contactCompany ul.featureSmallList {
margin:5px 0;
}

div#contactCompany ul.featureSmallList li{
color:#666666;
font-size:70%;
}

div#contactCompany ul.featureSmallList li a{
background:none;
padding-left:0;
}


div#contactCompany div#featureSiteList {
width:677px;
margin:0 auto;
}

/*////////////個人情報の取扱い同意確認////////////*/

div#privacyConfirm p{
margin:15px 0;
}

div#privacyConfirm dl{
background:#F0F0F0;
padding: 0 10px 10px 10px;
border:1px solid #CCCCCC;
}

div#privacyConfirm dl dl{
border:none;
padding:0;
}

div#privacyConfirm dt,
div#privacyConfirm dd{
font-size:80%;
}

div#privacyConfirm dd dl dt,
div#privacyConfirm dd dl dd{
font-size:100%;
}

div#privacyConfirm dt{
margin-top:1em;
}

div#privacyConfirm ul.submitButton{
width: 45%;
margin: 15px auto 0px auto;
text-align:center;
background:#EDEDED url(/img/mypage/mypage_mailbox_form_bg_.gif) repeat-x;
border-bottom:1px solid #666666;
padding:10px;
}

div#privacyConfirm li{
display:inline;
}


/*お問い合わせフォーム*/

div#inquiryForm h1{
margin-bottom:10px;
}

div#inquiryForm h2{
margin:10px 0;
}

div#inquiryForm div.appealArea{
margin-top:10px;
border-top:1px solid #CCCCCC;
border-bottom:1px solid #CCCCCC;
background-color:#F6FAFF;
padding:0 10px 10px 10px;
}

div#inquiryForm div.appealArea h2{
fon-size:70% !important;
border:none;
background:url(/img/common/h3.gif) no-repeat left center;
}

div#inquiryForm caption{
margin:10px 0 3px 0;
padding-left:0;
background:none;
border:none;
}

div#inquiryForm th{
width:13em;
}

div#inquiryForm th img{
margin-right:3px;
vertical-align:middle;
}

div#inquiryForm select#category{
width:17em;
}


div#inquiryForm select#now_status,
div#inquiryForm select#trouble_status,
div#inquiryForm select#kakunin_type,
div#inquiryForm select#kakunin_type2{
width:11em;
}

div#errorPageContainer h1{
margin-bottom:10px;
}

div#errorPageContainer p{
margin-bottom:1em;
}

div#errorPageContainer h2{
margin:15px 0;
}

div#errorPageContainer h3{
margin-bottom:8px;
}

div#errorPageContainer ul#errorReason{
padding:15px 25px;
border:1px solid #C0C0C0;
background:#F1EBEB;
list-style-type:circle;
}

div#errorPageContainer ul{
margin:15px;
}

div#errorPageContainer li{
margin-bottom:4px;
}