@charset "utf-8";
/*
top:style.css
*/

/* TOP */

#mainStage{
    width: 910px;
    height: 230px;
    position: relative;
    padding:4px;
    background-color:#fff;
    margin-left:auto;
    margin-right:auto;
    box-shadow:0px 6px 12px -6px #999;
    behavior: url("/common/css/PIE.htc");
}
#mainStage #mainImage {
    overflow: hidden;
    position: relative;
    width: 910px;
    height: 230px;
}
#mainStage #mainImage ul{
    position:absolute;
}
#mainStage #mainImage ul li{
    display:block;
    float:left;
    width: 910px;
    height: 230px;
    overflow: hidden;
}

#mainStage #mainImage img{
    vertical-align:bottom;
}
#mainStage #leftNavi{
    background:url('../image/mainimgnavi.png') no-repeat 0px 0px;
    width:24px;
    height:24px;
    position:absolute;
    top:50%;
    left:20px;
    margin-top:-12px;
    cursor:pointer;
}
#mainStage #leftNavi:hover{
    background:url('../image/mainimgnavi.png') no-repeat 0px -24px;
}
#mainStage #rightNavi{
    background:url('../image/mainimgnavi.png') no-repeat -24px 0px;
    width:24px;
    height:24px;
    position:absolute;
    top:50%;
    right:20px;
    margin-top:-12px;
    cursor:pointer;
}
#mainStage #rightNavi:hover{
    background:url('../image/mainimgnavi.png') no-repeat -24px -24px;
}
#mainStageNavi{
    margin:15px 0px;
}
#mainStageNavi ul{
    width:100%;
    text-align:center;
    font-size:1px;
    line-height:1;
    height:6px;
}
#mainStageNavi ul li{
    display:inline-block;
    margin:0px 5px;
    width:22px;
    height:6px;
    background-color:#b3b3b3;
    vertical-align:top;
    cursor:pointer;
}

#mainStageNavi ul li.active{
    background-color:#9675d1;
}

#aboutInfo{
    float:left;
    width:280px;
    border:4px solid #9675d1;
    background-color:#fff;
    padding:20px 10px 10px 10px;
}
#aboutInfo img{
    vertical-align:middle;
}
#aboutInfo #inquiryInfo{
    border:2px solid #9675d1;
    padding:10px 3px 3px 3px;
    text-align:center;
}
#aboutInfo #inquiryInfo #inquiryBox{
    background-color:#e6def4;
    padding:8px 0px;
}
#aboutInfo #inquiryInfo .inquiryInfoText{
    font-size:14px;
    font-weight:bold;
    text-shadow:1px 1px 1px #ccc;
    margin-bottom:5px;
}

#serviceInfo{
    float:right;
    width:630px;
}
#serviceInfo h1{
    position:relative;
    background:linear-gradient(to bottom,#999691 0%,#807D77 100%);
    background: -webkit-linear-gradient(top,#999691 0%,#807D77 100%);
    -pie-background: linear-gradient(top,#999691 0%,#807D77 100%);
    behavior: url("/common/css/PIE.htc");
    padding:10px 10px 10px 15px;
}
#serviceInfo #serviceBox{
    background-color:#fff;
    border-left:1px solid #ccc;
    border-right:1px solid #ccc;
    border-bottom:1px solid #ccc;
    padding:10px 0px;
    text-align:center;
}

#serviceInfo #serviceBox ul{
    height:147px;
    width:580px;
    margin-left:auto;
    margin-right:auto;
}
#serviceInfo #serviceBox ul li{
    float:left;

}
#serviceInfo #serviceBox ul li span{
    display:block;
    width:130px;
    height:147px;
    background-image:url('../image/servicenavi.png');
    background-repeat:no-repeat;
    text-indent:-9999px;
}
#serviceInfo #serviceBox ul li span#zaimuNavi{
    background-position:0px 0px;
    margin-right:20px;
}
#serviceInfo #serviceBox ul li span#zeimuNavi{
    background-position:-150px 0px;
    margin-right:20px;
}
#serviceInfo #serviceBox ul li span#oaNavi{
    background-position:-300px 0px;
    margin-right:20px;
}
#serviceInfo #serviceBox ul li span#supportNavi{
    background-position:-450px 0px;
}
#serviceInfo #serviceBox ul li a:hover span#zaimuNavi{
    background-position:0px -147px !important;
}
#serviceInfo #serviceBox ul li a:hover span#zeimuNavi{
    background-position:-150px -147px !important;
}
#serviceInfo #serviceBox ul li a:hover span#oaNavi{
    background-position:-300px -147px !important;
}
#serviceInfo #serviceBox ul li a:hover span#supportNavi{
    background-position:-450px -147px !important;
}
#whatsnewInfo{
    float:left;
    width:630px;
    border:1px solid #ccc;
}
#whatsnewInfo h1{
    position:relative;
    background:linear-gradient(to bottom,#ffffff 0%,#eeeeee 100%);
    background: -webkit-linear-gradient(top,#ffffff 0%,#eeeeee 100%);
    -pie-background: linear-gradient(top,#ffffff 0%,#eeeeee 100%);
    behavior: url("/common/css/PIE.htc");
    padding:10px 10px 10px 15px;
    border-bottom:1px solid #BCBAB7;
}
#whatsnewInfo #whatsnewBox{
    padding:15px;
    background-color:#fff;
}
#whatsnewInfo #whatsnewBox h2{
    padding:10px 0px;
    position:relative;
    font-size:95%;
}
#whatsnewInfo #whatsnewBox h2 span.tohokuLabel{
    display:inline-block;
    font-weight:bold;
    text-align:center;
    padding:3px;
    background-color:#9675d1;
	color: #FFF;
    width:9em;
}
#whatsnewInfo #whatsnewBox h2 span.zenkokuLabel{
    display:inline-block;
    font-weight:bold;
    text-align:center;
    padding:3px;
    background-color:#808080;
    width:9em;
    color:#fff;
}
#whatsnewInfo #whatsnewBox h2 a.linkright{
    position:absolute;
    bottom:6px;
    right:0px;
    font-weight:normal;
}
#whatsnewInfo #whatsnewBox dl{
    border-bottom:1px dotted #ccc;
    margin-bottom:10px;
}
#whatsnewInfo #whatsnewBox dl dt{
    position:absolute;
    width:9em;
    padding:6px 0px 6px 10px;
}
#whatsnewInfo #whatsnewBox dl dd{
    padding:5px 5px 5px 10em;
    border-top:1px dotted #ccc;
}

#relationInfo{
    float:right;
    width:310px;
    border:1px solid #ccc;
}
#relationInfo h1{
    position:relative;
    background:linear-gradient(to bottom,#ffffff 0%,#eeeeee 100%);
    background: -webkit-linear-gradient(top,#ffffff 0%,#eeeeee 100%);
    -pie-background: linear-gradient(top,#ffffff 0%,#eeeeee 100%);
    behavior: url("/common/css/PIE.htc");
    padding:10px 10px 10px 15px;
    border-bottom:1px solid #BCBAB7;
}
#relationInfo #relationBox{
    background-color:#fff;
    padding:5px;
}
#relationInfo #relationBox ul{
    background-color:#999;
    padding:2px;
}
#relationInfo #relationBox ul li{
    position:relative;
    background:linear-gradient(to bottom,#ffffff 0%,#eeeeee 100%);
    background: -webkit-linear-gradient(top,#ffffff 0%,#eeeeee 100%);
    -pie-background: linear-gradient(top,#ffffff 0%,#eeeeee 100%);
    behavior: url("/common/css/PIE.htc");
    margin-bottom:2px;
}
#relationInfo #relationBox ul li:last-child{
    margin-bottom:0px;
}
#relationInfo #relationBox ul li:hover{
    background:linear-gradient(to bottom,#FFFAF1 0%,#FDEAD4 100%);
    background: -webkit-linear-gradient(top,#FFFAF1 0%,#FDEAD4 100%);
    -pie-background: linear-gradient(top,#FFFAF1 0%,#FDEAD4 100%);
    behavior: url("/common/css/PIE.htc");
}
#relationInfo #relationBox ul li a{
    display:block;
    padding:10px 10px 10px 25px;
    background:url('../common/image/linkmark.png') no-repeat 10px center;
}
#relationInfo #relationBox ul li .linkImg{
	position:static;
	background:url('../common/image/ico_window.gif') no-repeat right center;
	padding:0 20px 0 0;
}