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

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

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:12 02 2010

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

body{
background-color:rgb(248,248,248);
background-image:url(../newimages/20100212/mainBackground.png);
background-position:center;
background-repeat:repeat-y;
font-size:0.75em;
line-height:1.8;
color:rgb(0,0,0);
}
h2{
margin-top:2em;
}
strong{
font-weight:bold;
color:rgb(168,0,119);}

.landingpage {
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/20100212/contactUs.png);
background-position:0 0;
text-indent:-9999px;
}
.branding address a:hover{
background-position:bottom;
}
.Introduction{
position:relative;
background-image:url(../newimages/20100212/brandingImage.png);
background-position:top center;
background-repeat:no-repeat;
height:307px;
margin-top:5px;
padding-bottom:20px;
}
.Introduction a{
position:absolute;
display:block;
padding:0;
top:70px;
right:0;
width:264px;
height:110px;
background-image:url(../newimages/20100212/form_button.png);
background-position:center top;
background-repeat:no-repeat;
text-indent:-7777px;
}
.Introduction a:hover{
background-position:bottom left;
}

.contents{
width:775px;
margin:0 auto;
padding:0;
}
.contents p{
margin-top:1.5em;
}
.mobileIntroduction ul li,
.defaultAbility ol li{
margin-left:2em;
list-style:circle;
text-decoration:underline;
color:rgb(168,0,119);
}
.contentBlock,
.contentSubblock{
overflow:hidden;
}
.contentSubblock .left{
float:left;
width:393px;
}
.contentSubblock .right{
float:left;
width:381px;
}
.sibullaAbility ol p{
margin:0;
padding:0 1em 0.5em;
}
.sibullaAbility h3{
padding-bottom:.5em;
}
.sibullaAbility ol.group{
padding-bottom:.5em;
}
.sibullaAbility .graph{
float:left;
width:200px;
padding:0 12px;
padding-right:2em;
}


.mobileIntroduction{
width:373px;
float:right;
}
.mobileImage{
padding-top:1.5em;
padding-right:2em;
width:378px;
float:left;
}
.freetrialCampaign{
position:relative;
background-image:url(../newimages/20100212/freeCampaign.png);
background-position:top center;
background-repeat:no-repeat;
height:220px;
}
.freetrialCampaign p{
position:absolute;
width:500px;
top:70px;
left:20px;
font-size:14px;
}

.contactNavigation {
width:800px;
margin:1em -12.5px 0 -12.5px;
}
.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;
background-image:url(../newimages/20100212/informationButtom.png);
background-position:top left;
}
.contactNavigation .sibullaEntry a{
padding:8px 13px 8px 23px;
background-image:url(../newimages/20100212/informationButtom.png);
background-position:top right;
}
.contactNavigation .kanContact a:hover{
background-position:bottom left;
}
.contactNavigation .sibullaEntry a:hover{
background-position:right bottom;
}


.sibullaMeritt p{
margin-top:0;
margin-left:70px;
}

.attentionBoard{
padding:16px 58px;
font-size:14px;
background-image:url(../newimages/20100212/attentionBoard.png);
background-position:top center;
background-repeat:no-repeat;
}
.attentionBoard h3{
font-size:12px;
visibility:hidden;
}
.attentionBoard ul{
margin-left:2em;}
.attentionBoard ul li{
list-style:circle;
}
.jirei{
margin:1em 0;
}
.jirei li{
width:242px;
float:left;
overflow:hidden;
padding:0 .6em;
}
.jirei h4{
font-size:1.33em;
font-weight:bold;
text-align:center;
color:rgb(26,105,70);
}

.jirei p{
text-align:center;
font-size:1.33em;
font-weight:bold;
margin-top:0;
}
.jirei p a{
color:rgb(86,86,86);
font-weight:bold;
}
.jirei li p a{
font-size:.75em;
font-weight:normal;
}
.readStrong{
font-size:1.2em;
text-align:center;
}
/*
.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;
}