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

/* reset.css */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin:0;padding:0;border:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;}
body {line-height:1.5;}
table {border-collapse:separate;border-spacing:0;}
caption, th, td {text-align:left;font-weight:normal;}
table, td, th {vertical-align:middle;}
a img {border:none;}


/* Default font settings. 
   The font-size percentage is of 16px. (0.81 * 16px = 13px) */
body { 
  font-size: 81%;
  color: #222; 
  background: #fff;
  font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ","ＭＳ　Ｐゴシック",Helvetica, Arial, sans-serif;
  text-align:center;
  background:url(../images/body_bg.gif);
}


/* basic styles
-------------------------------------------------------------- */
a           { color: #222; text-decoration:underline;}
a:hover     { color: #222; text-decoration:none; }

h1,h2,h3,h4,h5,h6 { font-weight: normal; color: #111; }
h1 { font-size: 3em; line-height: 1; }
h2 { font-size: 2em; margin-bottom: 0.75em; }
h3 { font-size: 1.5em; line-height: 1; margin-bottom:1em; }
h4 { font-size: 1.2em; line-height: 1.25; margin-bottom:1em;}
h5 { font-size: 1em; font-weight: bold; margin-bottom: 1.5em; }
h6 { font-size: 1em; font-weight: bold; }

p           { margin: 0 0 1.5em; }
blockquote  { margin: 1.5em; color: #666; font-style: italic; }
strong      { font-weight: bold; }
em      { font-style: italic; }

/* lists------------ */
ul, ol      { margin: 0 1.5em 1.5em 1.5em; }
ul          { list-style-type: disc; }
ol          { list-style-type: decimal; }
dl          { margin: 0 0 1.5em 0; }
dl dt       { }
dd          { }

/* table------------ */
table       { margin-bottom: 1.4em; width:100%; }
th          { font-weight: bold; background: #C3D9FF; }
th,td       { padding: 4px 10px 4px 5px; }
tr.even td  { background: #E5ECF9; }
tfoot       { font-style: italic; }
caption     { background: #eee; }


/* class------------ */
.small      { font-size: .8em; margin-bottom: 1.875em; line-height: 1.875em; }
.large      { font-size: 1.2em; line-height: 2.5em; margin-bottom: 1.25em; }
.highlight  { background:#ff0; }
.clearboth{clear:both;}
.float_right{float:right; margin:0 0 10px 10px;}
.float_left{float:left; margin:0 10px 10px 0;}
.al_right{text-align:right;}
.al_center{text-align:center;}
.al_left{text-align:left;}


/*--------------------------------------

Transvirtual styles

--------------------------------------*/
div#layout{width:850px; margin:0 auto; text-align:left;}

div#header{position:relative; height:120px;}
div#header h1 img{position:absolute; top:5px; left:14px;}
div#header h2{position:absolute; top:8px; left:135px; font-size:12px; line-height:1.5em;}

div#gnavi ul{margin:0; height:41px;}
div#gnavi ul li{display:inline; list-style:none; text-indent:-9999px;}
div#gnavi ul li a{display:block; float:left; width:170px; height:41px; background:url(../images/navi.gif);}
div#gnavi ul li a#navi_home{background-position:0 0;}
div#gnavi ul li a#navi_soltuion{background-position:-170px 0;}
div#gnavi ul li a#navi_news{background-position:-340px 0;}
div#gnavi ul li a#navi_company{background-position:-510px 0;}
div#gnavi ul li a#navi_contact{background-position:100% 0;}

div#gnavi ul li a#navi_home:hover{background-position:0 100%;}
div#gnavi ul li a#navi_soltuion:hover{background-position:-170px 100%;}
div#gnavi ul li a#navi_news:hover{background-position:-340px 100%;}
div#gnavi ul li a#navi_company:hover{background-position:-510px 100%;}
div#gnavi ul li a#navi_contact:hover{background-position:100% 100%;}

div#page_path p{text-align:right; margin:0; padding:10px 9px 10px;}
div#page_path p a{text-decoration:none;}
div#page_path p a:hover{background:#bcd2ee;}
div#page_path p span{text-decoration:underline;}

div#sub{float:left; width:190px;}
div#sub div.section{margin-left:4px; margin-bottom:20px; background:url(../images/sub_bg.gif) repeat-y; border-bottom:solid 1px #ccc;}
div#sub a{text-decoration:underline;}
div#sub a:hover{text-decoration:none;}
div#sub div.section{margin-bottom:20px; padding:0 14px; }
div#sub div.section h3{margin:0 -14px;}
div#sub p{margin:14px 0 20px;}
div#sub div#subnavi ul{margin:14px 0 20px 14px;}
div#sub div#subnavi ul li{ margin:0 0 10px; list-style:url(../images/subnavi_arrow.gif);}

div#main{float:right; width:635px;}
div#main_inner{margin-right:9px;}
div#main a { color: #140fe3;}
div#main a:hover{ color: #4c90eb;  text-decoration:underline;}

div#main h2{border-top:solid 1px #ccc; border-bottom:solid 3px #feb334; padding:1px 0; font-size:130%; font-weight:bold;}
div#main h2 span{display:block; background:url(../images/h2_pagetitle_bg.gif); padding:4px 10px;}

p#pagetop{text-align:right; padding:30px 0 50px; margin:0;}
p#pagetop a{color:#0c41ec; text-decoration:underline;}
p#pagetop a:hover{text-decoration:none;}


div#footer{clear:both; background:url(../images/dott.gif) repeat-x; font-size:90%; line-height:1;}
#footer a{text-decoration:none;}
#footer a:hover{background:#bcd2ee;}
div#footer p#fnavi{padding:16px 14px; margin:0;}
div#footer p#copyright{background:#e3e3e3; text-align:right; padding:7px 9px; margin-bottom:15px;}