@charset"utf-8";
/*====================================================

Eric Mayer CSS Reset +@
last date:12 05 2009

====================================================*/
html{
overflow-y:scroll;
}
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0;
padding: 0;
border: 0;
outline: 0;
}
/* remember to define focus styles! */
:focus {
outline: 0;
}
body {
line-height: 1.5;
color: black;
background: white;
}
ol, ul {
list-style:none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
border-collapse: collapse;/*default is separate*/
border-spacing: 0;
padding:0.1em;
}
caption, th, td {
text-align: left;
font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
content: "";
}
blockquote, q {
quotes: "" "";
}
/*====================================================

anchr style

====================================================*/
a,a:link{
text-decoration:underline;
color:rgb(82,82,82);
}
a:visited{
text-decoration:underline;
}
a:focus{
text-decoration:none;
}
a:hover{
text-decoration:none;
}
a:active{
text-decoration:none;
}
/*====================================================

font style

====================================================*/
*{
font-family: sans-serif,"hira kaku gothicW3", "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
font-weight: normal;
font-style: normal;
font-size: 100%;
vertical-align:baseline;
line-height:inherit;
}
/*====================================================

image

====================================================*/
img{
vertical-align:bottom;
}
/*====================================================

END CSS reset

====================================================*/

/*====================================================

start sibulla landing page style
sibulla landing style css
last date:08 09 2009

====================================================*/

body{
background-color:rgb(248,248,248);
background-image:url(../newimages/20100113/mainBackground.png);
background-position:center;
background-repeat:repeat-y;
font-size:0.75em;
line-height:1.8;
color:rgb(0,0,0);
}

#landingpage {
background-image:url(../newimages/20100113/brandingBackground.png);
background-repeat:no-repeat;
width:800px;
margin:0 auto;
}

#branding,
#contents,
#copyright{
}
/*
=branding
*/

#branding address{
position:relative;
width:800px;
height:31px;
background-color:rgb(0,0,0);
clear:both;
}
#branding address span.companyName {
display:block;
float:left;
width:100px;
padding-left:1em;
}
#branding address a{
display:block;
float:right;
width:125px;
height:31px;
margin-right:1em;
background-image:url(../newimages/20100113/contactUs.png);
background-position:0 0;
text-indent:-9999px;
}
#branding address a:hover{
background-position:bottom;
}
#branding .Introduction{
position:relative;
height:170px;
background-image:url(../newimages/20100113/branding.png);
background-position:0 0;
background-repeat:no-repeat;
text-indent:-9999px;
}
#branding .Introduction a{
position:absolute;
top:112px;
right:45px;
display:block;
width:227px;
height:52px;
}
#branding .Introduction a:hover{
background-image:url(../newimages/20100113/branding.png);
background-position:-528px -622px;
}

/*
=contents
*/
#contents h2{
margin:0 auto 1em;
width:776px;
}
#contents p{
padding:0 1em 0.5em;
}
.contentBlock{
width:776px;
margin:0 auto;
}

/*
20100113 追加新機能
*/
.newApps091017 {
width:776px;
margin:0 auto 2em;
background-image:url(../newimages/20100113/091017_title.gif);
background-position:0 0;
background-repeat:no-repeat;
}
.newApps091017 h2{
height:80px;
visibility:hidden;
}
.newApps091017 .read{
width:330px;
float:left;
}
.newApps091017 p.image{
float:left;
width:390px;
height:814px;
padding-left:2em;
}

/*
=serviceNavigation
*/
#serviceNavigation li{
height:37px;
float:left;
background-image:url(../newimages/20100113/tab.png);
background-repeat:no-repeat;
}
.serviceGide1{
width:259px;
background-position:0 -37px;
}
.serviceGide2{
width:260px;
background-position:-259px -37px; 
}
.serviceGide3{
width:257px;
background-position:-519px -37px;
}
#serviceNavigation a{
display:block;
height:37px;
text-indent:-9999px;
}
.serviceGide1 a:hover,
.serviceGide1 a.kanTab_on{
background-image:url(../newimages/20100113/tab.png);
background-position:0 0;
background-repeat:no-repeat;

}
.serviceGide2 a:hover,
.serviceGide2 a.kanTab_on{
background-image:url(../newimages/20100113/tab.png);
background-position:-259px 0;
background-repeat:no-repeat;

}
.serviceGide3 a:hover,
.serviceGide3 a.kanTab_on{
background-image:url(../newimages/20100113/tab.png);
background-position:-519px 0;
background-repeat:no-repeat;
}
#tab1,
#tab2,
#tab3{
padding-top:1em;
border-color:rgb(220,220,220);
border-style:solid;
border-width:1px;
background-image:url(../newimages/20100113/tabBackground.gif);
background-repeat:repeat-x;
}

.contentBlock .left{
float:left;
width:393px;
}
.contentBlock .right{
float:left;
width:381px;
}
.contentBlock .left h3,
.contentBlock .left ol{
padding:0 1em 0.5em;
}
.contentBlock .left li{
padding-left:1em;
padding-bottom:.5em;
background-image:url(../newimages/20100113/listStyle-circle.gif);
background-position:0 .6em;
background-repeat:no-repeat;
}
/*
=contactNavigation
*/
.contactNavigation {
width:800px;

margin:1em 0;
background-image:url(../newimages/20100113/button.gif);
background-position:top;
background-repeat:repeat-x;
}
.contactNavigation li{
float:left;
width:400px;
height:80px;
}
.contactNavigation a{
display:block;
width:364px;
height:64px;
text-indent:-9999px;
}
.contactNavigation .kanContact a{
padding:8px 23px 8px 13px;
}
.contactNavigation .sibullaEntry a{
padding:8px 13px 8px 23px;
}
.contactNavigation .kanContact a:hover{
background-image:url(../newimages/20100113/button.gif);
background-position:bottom left;
}
.contactNavigation .sibullaEntry a:hover{
background-image:url(../newimages/20100113/button.gif);
background-position:right bottom;
}

/*
=subContents
*/
.sibullaAbility{
width:776px;
margin:0 auto;
}
.sibullaAbility h3{
padding:0.1em 1em 0.1em 0;
border-style:solid;
border-width:1px;
border-color:rgb(209,157,1);
background-image:url(../newimages/20100113/h3Background.gif);
background-position:0 0;
background-repeat:repeat-x;
}
.sibullaAbility h3 span{
padding-left:1.5em;
background-image:url(../newimages/20100113/h3icon.gif);
background-position:0.3em 0;
background-repeat:no-repeat;
color:rgb(51,51,51);
font-weight:bold;
font-size:1.25em;
}
.sibullaAbility ol.group{
padding:.5em 0 2em;
}
.sibullaAbility ol.group a{
display:block;
color:#990033;
}
.sibullaAbility .left,
.sibullaAbility .right{
float:left;
width:388px;
}
.sibullaAbility h4{
height:37px;
text-indent:-9999px;
overflow:hidden;
}
.sibullaAbility .num1{
background-image:url(../newimages/20100113/h4Title.gif);
background-repeat:no-repeat;
background-position:0 0;
}
.sibullaAbility .num2{
background-image:url(../newimages/20100113/h4Title.gif);
background-repeat:no-repeat;
background-position:0 -37px;
}
.sibullaAbility .num3{
background-image:url(../newimages/20100113/h4Title.gif);
background-repeat:no-repeat;
background-position:0 -74px;
}
.sibullaAbility .num4{
background-image:url(../newimages/20100113/h4Title.gif);
background-repeat:no-repeat;
background-position:0 -111px;
}
.sibullaAbility .num5{
background-image:url(../newimages/20100113/h4Title.gif);
background-repeat:no-repeat;
background-position:0 -148px;
}
.sibullaAbility .num6{
background-image:url(../newimages/20100113/h4Title.gif);
background-repeat:no-repeat;
background-position:0 -185px;
}
.sibullaAbility .num7{
background-image:url(../newimages/20100113/h4Title.gif);
background-repeat:no-repeat;
background-position:0 -222px;
}
.sibullaAbility .num8{
background-image:url(../newimages/20100113/h4Title.gif);
background-repeat:no-repeat;
background-position:0 -259px;
}
.sibullaAbility .graph{
float:left;
width:200px;
padding:0 12px;
}
.sibullaAbility ul.group{
padding:.5em 0 2em;
}
.sibullaAbility .defaultAbility{
float:left;
}
.sibullaAbility .defaultAbility li{
padding-left:1em;
background-image:url(../newimages/20100113/listStyle-circle.gif);
background-position:0 .5em;
background-repeat:no-repeat;
}
.sibullaMeritt {
width:776px;
margin:0 auto;
}
.sibullaMeritt h3{
height:40px;
text-indent:-9999px;
overflow:hidden;
}
.sibullaMeritt .num1{
background-image:url(../newimages/20100113/h3title.gif);
background-repeat:no-repeat;
background-position:0 0;
}
.sibullaMeritt .num2{
background-image:url(../newimages/20100113/h3title.gif);
background-repeat:no-repeat;
background-position:0 -40px;
}
.sibullaMeritt .num3{
background-image:url(../newimages/20100113/h3title.gif);
background-repeat:no-repeat;
background-position:0 -80px;
}
.sibullaMeritt .num4{
background-image:url(../newimages/20100113/h3title.gif);
background-repeat:no-repeat;
background-position:0 -120px;
}
.readStrong{
font-size:1.2em;
text-align:center;
}
strong{
font-weight:bold;
color:#990033;
}
#subContents .Introduction{
margin:1em 0;
}
#subContents .Introduction li{
width:242px;
float:left;
overflow:hidden;
padding:0 0.7em;
}
#subContents .Introduction h4{
font-size:1.33em;
font-weight:bold;
text-align:center;
color:rgb(26,105,70);
}

#subContents .Introduction p{
text-align:center;
font-size:1.33em;
font-weight:bold;
}
#subContents .Introduction p a{
color:rgb(86,86,86);
font-weight:bold;
}
#subContents .Introduction li p a{
font-size:.75em;
font-weight:normal;
}
/*
.footerNavigation
*/
.footerNavigation {
width:200px;
margin:1em auto;
}
.footerNavigation li{
float:left;
padding:0 0.8em;
text-align:center;
}
.footerNavigation li.companyProfile{
border-right:1px solid rgb(0,0,0);
}
/*
=copyright
*/
#copyright {
background-color:rgb(0,0,0);
color:#FFFFFF;
text-align:center;
padding:0.8em 1em;
}
.group:after{
display:block;
content:".";
clear:both;
visibility:hidden;
height:0;
}/**/
.group{
/height:1%;
/zoom:1;
}