@charset "utf-8";
/* CSS Document */

/*------------------------------------------------------------
##############################################################
■contact/
##############################################################
------------------------------------------------------------*/
/*floatクリア設定-------------------------------------------*/
/*floatクリア設定-------------------------------------------*/
/*これ以降MacIE5.xのみに適用される\*//*/
#contact #btnCont,
#contact #telephone .telDD01 .number {
    overflow: hidden;
}
/*これ以降MacIE5.x以外にも適用される*/

#contact #btnCont:after,
#contact #telephone dd.telDD01 .number:after {
content: "";
display: block;
clear: both;
height: 1px;
visibility: hidden;
}

/*\*/
* html #contact #btnCont,
* html #contact #telephone dd.telDD01 .number {
    height: 1em;
    overflow: visible;
}
/**/


#contact h1 {
margin-bottom: 15px;
}

#contact .hBorder {
border-left: 3px solid #504184;
margin:15px 15px 0 15px
}

#contact .contentsContainer {
width: 590px;
margin: 0 auto;
}
#contact .contentsContainer p a {
color: #223bb8;
text-decoration: underline;
}

/* リンクボタン */
#contact #btnCont {
width: 550px;
margin: 10px 0 20px 70px;
}
#contact #btnCont ul { width: 550px;}
#contact #btnCont li {
float: left;
width: 265px;
}
#contact #btnCont li a {
display: block;
width: 236px;
height: 27px;
text-indent: -9999em;
/*\*/
overflow: hidden;
/**/
}

#contact #btnCont #idxBtn01 a { background: url(../images/contact_idx01.gif) no-repeat 0 0; text-indent: -9999em; }
#contact #btnCont #idxBtn02 a { background: url(../images/contact_idx02.gif) no-repeat 0 0; text-indent: -9999em; }

#contact #btnCont #idxBtn01 a:hover { background: url(../images/contact_idx01.gif) no-repeat 0 -27px; }
#contact #btnCont #idxBtn02 a:hover { background: url(../images/contact_idx02.gif) no-repeat 0 -27px; }

/*これ以降MacIE5.xのみに適用される\*//*/
#contact #btnCont li img { display: none; }
/*これ以降MacIE5.x以外にも適用される*/


/*■contact/contact.html
------------------------------------------------------------*/
#contact #FormContainer{
margin: 0 0 40px 25px;
width:600px;
}

#contact #FormContainer em {color: #ff3300;}
#contact #FormContainer strong {font-weight: bold;}

#contact #FormContainer .formTxt {padding: 0 10px 10px 0;}
#contact #FormContainer .formTxt p {margin: 0 0 10px 0;}

#contact #FormContainer table {
width: 570px;
background-color: #999999;
text-align: left;
border-collapse: inherit;
margin: 0 auto 15px 10px;
}
#contact #FormContainer table th {
background-color: #e8e8e8;
text-align: left;
padding: 5px 10px;
width: 180px;
}
#contact #FormContainer table td {
background-color: #fff;
width: 340px;
padding: 5px;
}
#contact #FormContainer .error {
color: #ff3300;
}

#contact #FormContainer .checkLink {
margin: 3px 0 3px 3px;
}
#contact #FormContainer .checkLink a {
text-decoration: underline;
color: #223bb8;
}
#contact #FormContainer .checkBox {
margin: 3px 0;
}
#contact #formBtn {
text-align: center;
}
#contact #formBtn input {
padding: 0 10px;
margin-right: 10px;
}

#contact #FormContainer .ex {
font-size: 83.3%;
}

/*■contact/thanks.html
------------------------------------------------------------*/
#contact #FormContainer .thanksTxt {
padding: 20px 25px 100px 25px;
}
#contact #FormContainer .thanksTxt strong {
display: block;
color: #ff3300;
font-weight: bold;
padding: 0 0 20px 0;
}


/*■contact/telephone.html
------------------------------------------------------------*/
#contact #telephone { padding: 1em 0; }

#contact #telephone strong { font-weight: bold; }
#contact #telephone dt { font-weight: bold; margin-bottom: 0.5em; }
#contact #telephone dd {
width: 568px;
border: #999 1px solid;
padding: 10px 10px 0 10px;
margin-bottom: 2em;
font-size: 83.3%;
}

#contact dd .img { width: 345px; float: left; }
#contact dd .txt { width: 215px; float: left; }



/*■contact/index.html
------------------------------------------------------------*/
#container .contentsContainer {
margin-left: 15px;
padding-bottom: 15px;
}

#contact strong,
#contact strong *{ font-weight: bold; }

#contact .contentsContainer #linkList #mainImg { text-align: center; }
#contact .contentsContainer #linkList #contentLeft {
float: left;
width: 333px;
padding-right: 60px;
}
#contact .contentsContainer #linkList #contentRight {
float: left;
}

#contact .contentsContainer #linkList ul {
padding: 0 0 1.5em 1.5em;
}
#contact .contentsContainer #linkList li {
padding: 0 0 0.5em 0;
}
#contact .contentsContainer #linkList li a {
background: url(../images/common_icon_li02.gif) no-repeat 0 50%;
padding-left: 10px;
font-size: 100%;
}
#contact .contentsContainer #linkList ul ul li strong a {
font-weight: bold;
}
#contact .contentsContainer #linkList ul ul {
padding: 0.5em 1em 0 1em;
}
#contact .contentsContainer #linkList ul ul li a { font-weight: normal; }

#contact .contentsContainer #linkList ul li .region {
color:#504184;
font-weight: bold;
}
#contact .contentsContainer #linkList ul ul li .only {
padding-left: 10px;
}
#contact .contentsContainer #linkList ul ul li .none {
padding-left: 10px;
}
