@charset "utf-8";


/* ===================================================================
base style
=================================================================== */
body{ font-family:"ヒラギノ角ゴ Pro W3",'Hiragino Kaku Gothic Pro', "ＭＳ Ｐゴシック"; background: url(../images/body_bg.gif);  }
a{ color:#000; text-decoration:none; }
a:hover{text-decoration:underline;}
li{ line-height:1;}

/* ===================================================================
layout style
=================================================================== */
#wrapper { margin: 0; padding: 0; height: auto; background: url(../images/base_bg.jpg) repeat-x;  }
.float_left { float:left; }
.float_right { float:right; }

/* ===================================================================
header style
=================================================================== */
#header { width: 960px; margin-right:auto; margin-left:auto; margin-top: 0px; }
#header a { color:#FFFFFF; }
#header h1 { width:268px; height:38px; margin-top: 53px; float: left; margin-bottom: 26px; }

/* primaryNavigation style
----------------------------------------------------------- */
#pnavi { height: 23px; float: right; background: url(../images/pnavi_bg.gif) no-repeat left top; padding-top: 12px; padding-left: 43px; padding-right: 8px; margin: 0px; width: 400px; }
#pnavi li  { float: left;font-size: 71%; background: url(../images/pnavi_arrow.gif) no-repeat 0 center; padding-left: 14px; display: inline-block; }
#pnavi li a { white-space: nowrap; margin-right: 18px; height: inherit; }
#pnavi li a.last { margin-right: 0px; }

/* Global Navigation style
----------------------------------------------------------- */
#gnavi{ margin-bottom:37px; }
#gnavi li { display: block; float: left; height: 73px; width: 231px; margin-right: 12px; }
#gnavi li.last { margin-right: 0px; }
#gnavi li a { display: block; height: 73px; text-indent:-9999px; padding:0; }
#gnavi li.company a { background:url(../images/g_company.png);}
#gnavi li.company a:hover { background:url(../images/g_company_on.png);}
#gnavi li.company a.on { background:url(../images/g_company_on.png);}
#gnavi li.solution a { background:url(../images/g_solution.png);}
#gnavi li.solution a:hover { background:url(../images/g_solution_on.png);}
#gnavi li.solution a.on { background:url(../images/g_solution_on.png);}
#gnavi li.contact a { background:url(../images/g_contact.png);}
#gnavi li.contact a:hover { background:url(../images/g_contact_on.png);}
#gnavi li.contact a.on { background:url(../images/g_contact_on.png);}
#gnavi li.access a { background:url(../images/g_access.png);}
#gnavi li.access a:hover { background:url(../images/g_access_on.png);}
#gnavi li.access a.on { background:url(../images/g_access_on.png);}

/* ===================================================================
contents style
=================================================================== */
#contents { width: 960px; margin-right: auto; margin-left: auto; height: auto; }

#pankuzu { background: #FFFFFF; height: 1em; padding-top: 8px; padding-bottom: 3px; padding-left: 12px; border-radius:3px; margin-top: 14px; margin-bottom: 33px; }
#pankuzu li { display:block; background: url(../images/pankuzu_bg.gif) no-repeat left 6px; padding-left: 9px; float: left; margin-left: 5px; font-size: 75%; vertical-align:baseline; line-height:1.1; }
#pankuzu li.first { background: none; padding-left: 0px; margin-left: 0px; }
#pankuzu li a{ display:block;   }

#title{ border:1px #CACAC3 solid ;border-radius:3px; padding:1px;}
#title img{ border-radius:3px;}

/* ===================================================================
pagetop style
=================================================================== */
#pagetop { width: 960px; margin-right: auto; margin-left: auto; clear: both; margin-top: 23px; *margin-top: 11px; }
#pagetop p { width: 179px; margin-right: 0px; margin-left: auto; height: 21px; background: url(../images/footer_bg.gif) left -1px; padding-top: 14px; border-radius:3px 3px 0 0; }
#pagetop a { color:#FFFFFF; margin-right: 37px; margin-left: 37px; background: url(../images/pagetop.gif) no-repeat left center; padding-left: 20px; display: block; font-size: 75%; }

/* ===================================================================
footer style
=================================================================== */
#footer  { color:#FFFFFF; width: 100%; background: url(../images/footer_bg.gif) repeat; padding-top: 25px; }
#footer a { color:#FFFFFF; }
#footer .inner  { height: 169px; width: 960px; margin-right: auto; margin-left: auto; }
#footer .inner h4 { font-size:87%; }

#footer .inner ul { width:170px; float: left; }
#footer .inner li { }
#footer .inner li a { border-bottom:1px solid #FFF; padding-bottom: 13px; margin-bottom: 13px; font-size: 75%; display:block; width: 100%; }
#footer .inner li a.last { border-bottom:0; margin-bottom: 0px; }
#footer .inner li ul li { float: left; border-bottom:none; margin-bottom:5px; }
#footer .inner li ul li a { background: url(../images/footer_li_bg.gif) no-repeat left center; padding-left: 10px; float: left; border-bottom:none; display: block; font-size: 75%; line-height: 1.4; margin-bottom: 0px; padding-bottom: 0px; width: 75px; }

#footer .inner .privacy { background: #FFFFFF; height: 85px; width: 85px; float: right; text-align: center; }
#footer .inner .shizugas { width: 190px; height:115px; float: left; margin-left: 100px; }


/* margin style
----------------------------------------------------------- */
.top05px { margin-top:5px;}
.top10px { margin-top:10px;}
.top15px { margin-top:15px;}
.top20px { margin-top:20px;}
.top25px { margin-top:25px;}
.top30px { margin-top:30px;}
.top35px { margin-top:35px;}
.right05px { margin-right:5px;}
.right10px { margin-right:10px;}
.right15px { margin-right:15px;}
.right20px { margin-right:20px;}
.right30px { margin-right:30px;}
.bottom05px { margin-bottom:5px;}
.bottom10px { margin-bottom:10px;}
.bottom15px { margin-bottom:15px;}
.bottom20px { margin-bottom:20px;}
.bottom25px { margin-bottom:25px;}
.bottom30px { margin-bottom:30px;}
.bottom35px { margin-bottom:35px;}
.bottom40px { margin-bottom:40px;}
.bottom50px { margin-bottom:50px;}
.left05px { margin-left:5px;}
.left10px { margin-left:10px;}
.left15px { margin-left:15px;}
.left20px { margin-left:20px;}
.left30px { margin-left:30px;}