@charset "utf-8";
/* CSS Document */

/* -------------- TOC -----------------
 01 business COMMON
 02 HOME
 03 第三階層 index
 04 第四階層
 05 business/product/
--------------------------------------*/

/*------------------------------------------------------------
##############################################################
 01 business COMMON
##############################################################
------------------------------------------------------------*/
/* Global Navi ---------------------------------------------*/
#business #container #gn #gnbusiness a {background:url(../images/common_gn01.gif) -480px -29px no-repeat}

/*----------floatクリア設定----------*/
/*これ以降MacIE5.xのみに適用される\*//*/
#business .title01,
#business .contentBox01,
#business .businessCont,
#business .businessCont02,
#business .boxContainer,
#business .contentsContainer .imgCont,
#business .contentsContainer .imgCont02 {
    overflow: hidden;
}
/*これ以降MacIE5.x以外にも適用される*/

#business .title01:after,
#business .contentBox01:after,
#business .businessCont:after,
#business .businessCont02:after,
#business .boxContainer:after,
#business .contentsContainer .imgCont:after,
#business .contentsContainer .imgCont02:after {
content: "";
display: block;
clear: both;
height: 1px;
visibility: hidden;
}

/*\*/
* html #business .title01,
* html #business .contentBox01,
* html #business .businessCont,
* html #business .businessCont02,
* html #business .boxContainer,
* html #business .contentsContainer .imgCont,
* html #business .contentsContainer .imgCont02 {
    height: 1em;
    overflow: visible;
}
/**/


/*
------------------------------------------------------------*/
#business h1#busIdxH1 { margin-bottom: 10px; }

/* Page Top */
#business .backTop{ text-align: right; margin: 0 15px 0 0; }
#business .toTop{ margin: 15px 15px 15px 0; }

/* contentsContainer
------------------------------------------------------------*/
#business .contentsContainer {
width: 590px;
margin: 0 auto;
padding-bottom: 0.5em;
}

#business .contentsContainer .txt01 { padding-bottom: 1em; }

#business .contentsContainer .txt02 { padding-bottom: 0.6em; }

#business .contentsContainer .txtRight { text-align: right; padding-bottom: 1em; }

#business .contentsContainer .txtCenter { text-align: center; }

#business .contentsContainer strong { font-weight: bold; }

#business .contentsContainer a { text-decoration: underline; color: #223bb8; }


/* ul01 */
#business ul.ul01 { margin-bottom: 0.6em; }
#business ul.ul01 li {
background: url(../images/common_icon10.gif) no-repeat 0 50%;
padding: 0 0 0 10px;
}

/* ul02 */
#business .ul02 li {
background: url(../images/common_icon11.gif) no-repeat 0 0.5em;
padding: 0 0 5px 10px;
}


/*------------------------------------------------------------
##############################################################
 02 HOME
##############################################################
------------------------------------------------------------*/
#business #contentLeft { width: 298px; float: left; padding: 5px 0 15px 15px; }
#business #contentRight { width: 298px; float: right; padding: 5px 15px 15px 0; }

#business .title01 { margin: 0 0 10px 0; }

#business .contentBox01 { width: 298px; margin: 0 0 10px 0; }
#business .contentBox01 div.icon { float: left; width: 130px; }
#business .contentBox01 div.icon img { margin: 0 10px; border: #B4B4B4 1px solid; }
#business .contentBox01 div.text { float: left; width: 158px; }

#business .contentBox02 { padding: 0 0 15px 10px; }

#business #contentLeft ul,
#business #contentRight ul {
padding: 5px 0 10px 10px;
background-image: url(../images/common_bg05.gif);
background-position: 0px 0px;
background-repeat: no-repeat;
}
#business #contentLeft ul li,
#business #contentRight ul li {
padding: 0 0 0 10px;
background-image: url(../images/common_icon03.gif);
background-position: 0 0.5em;
background-repeat: no-repeat;
}


/*------------------------------------------------------------
##############################################################
 03 第三階層						  business/xxx/index.html
##############################################################
------------------------------------------------------------*/
#business #businessIdx {
width: 590px;
margin: 10px auto 15px auto;
}
#business #businessIdx #businessIdxMain {
margin-bottom: 10px;
}
#business #businessIdx h2 {
padding: 0 0 2px 0;
font-weight: bold;
color: #504084;
background: url(../images/common_line01.gif) repeat-x left bottom;
margin-bottom: 10px;
border-left: none;
}
#business #businessIdx p {
padding-bottom: 0.7em;
}
#business #businessIdx p.link {
padding: 20px 0 0 0;
}

#business #businessIdx02 {
margin: 0 0 15px 10px;
width: 605px;
}
#business #businessIdx02 dl {
margin: 0 0 0 25px;
padding: 0 0 10px 0;
}
#business #businessIdx02 dt {
float: left;
}
#business #businessIdx02 dd {
margin: 0 0 0.1em 16em;
}
#business #businessIdx02 dd a {
background: url(../images/common_icon_li02.gif) no-repeat 0 20%;
padding-left: 10px;
}

/*------------------------------------------------------------
##############################################################
 04 第四階層
##############################################################
------------------------------------------------------------*/
/* BOX Container
------------------------------------------------------------*/
#business .boxContainer { margin: 0 0 1em 25px; width: 600px; }
#business .businessCont02 .boxContainer {
margin: 0 0 2em 25px;
width: 600px;
}

#business .boxContainer strong.subject {
display: list-item;
list-style-type: square;
font-weight: bold;
margin: 0.2em 0 0.5em 1.5em;
}

#business .boxContainer .boxContImg {
float: left;
width: 165px;
}
#business .boxContainer .boxContImg img {
border-color: #B4B4B4;
border-width: 1px;
border-style: solid;
}
#business .boxContainer .boxContTxt {
float: left;
width: 425px
}
#business .boxContainer .boxContTxt p {
padding-bottom: 0.6em;
}

#business .boxContainer .boxContTxt .line {
background: url(../images/common_line02.gif) repeat-x left bottom;
}
#business .boxContainer .boxContTxt strong {
font-weight: bold;
}
#business .boxContainer .boxContTxt strong.bold {
display: inline;
font-weight: bold;
}
#business .boxContainer .boxContTxt ul {
float: right;
padding-top: 0.6em;
}
#business .boxContainer .boxContTxt li {
text-align: right;
}
#business .boxContainer .boxContTxt ul .linkList01 {
background: url(../images/common_icon_li01.gif) no-repeat 0 25%;
padding-left: 10px;
}
#business .boxContainer .boxContTxt ul .linkList02 {
background: url(../images/common_icon_li02.gif) no-repeat 0 25%;
padding-left: 10px;
}


/* LINK Container
------------------------------------------------------------*/
#business .linkContainer {
width: 610px;
margin: 15px 0 10px 15px;
background: url(../images/business_link_cont_bg02.gif) repeat-y;
}
#business .linkContainer02 {
width: 610px;
margin: 0 0 10px 15px;
background: url(../images/business_link_cont_bg02.gif) repeat-y;
}
#business .linkContInner {
background: url(../images/business_link_cont_bg01.gif) repeat-x left top;
padding-top: 14px;
}
#business .linkContInner div {
background: url(../images/business_link_cont_bg01.gif) repeat-x left bottom;
padding: 0 10px 1px 10px;
}
#business .linkContInner p { padding: 0 0 11px 0; }
#business .linkContInner p img { margin: 0 0.5em 0.1em 0; }


/*------------------------------------------------------------
##############################################################
 05 business/product/
##############################################################
------------------------------------------------------------*/
#business .hBorder h2 a {
color:#504084;
font-weight:bold;
text-decoration: underline;
}
#business .hBorder h2 a:hover {
text-decoration: none;
}

#business .contentsContainer .linkCont a {
color: #333;
text-decoration: none;
}
#business .contentsContainer .linkCont a:hover {
color: #223bb8;
text-decoration: underline;
}

#business .linkCont li {
margin-bottom: 0.5em;
}
#business .linkCont li a {
background: url(../images/common_icon03.gif) no-repeat left center;
padding-left: 10px;
}
#business .linkCont span {
padding-left: 5px;
font-weight: bold;
}

#business .ulIn li {
margin: 0 0 0 15px;
}

#business .listUl {
padding-left: 5px;
}