@charset "UTF-8";
/**
 * /webroot/css/gtoss.css
 **
 * @copyright			Copyright 2010 Uoo.
 * @package				giken
 * @programmer		Yuhiko NASU
 * @lastmodified	2010.02.15
 */

* {margin:0; padding:0;}
html {overflow-y:scroll;} /* FF */
body {font-size:13px; font-family:'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', sans-serif;}
/* body {font-size:10px; font-family:'lucida grande', verdana, helvetica, arial, sans-serif;} */
* html body {text-align:center;} /* IE6 */

/**
 * フォント設定
 */
ul * li, ol * li, dl * dt, dl * dd, dl * li, table, td * li, td * dt, td * dd, legend, textarea {font-size:100%;}
p, li, dt, dd, th, td, caption {font-size:108%; line-height:1.7;}
p {margin-top:7px; text-align:justify; -ms-text-justify:inter-ideograph;}
*:first-child+html p {text-justify:inter-ideograph;} /* IE7 */
th {font-weight:normal;}
h1, h2, h3, h4, h5, h6 {line-height:1.5; text-align:justify;}
h1 {font-size:197%;} /*  */
h2 {font-size:174%;} /*  */
h3 {font-size:138.5%;}
h4 {font-size:123.1%;} /*  */
h5 {font-size:108%;} /* */
h6 {font-size:85%;} /*  */
form {font-size:108%;}

/**
 * 色設定
 */
body {color:#000; background:#fff;}
a         {color:#33f; text-decoration:none;}
a:hover   {color:#3af; text-decoration:underline;}
a:visited {}

/**
 * 幾何設定
 */
table   {table-layout:auto; border-style:solid;}
caption {text-align:right;}
th {padding:3px; border-style:solid; border-color:inherit; white-space:nowrap;}
td {padding:4px 6px; border-style:solid; border-width:0 1px 1px 0; border-color:inherit;}
ul, ol, dl {list-style-type:none;}
img, iframe {border:none; text-decoration:none;}

/**
 * ページ設定
 */
.container {width:1012px; margin: 0 auto 60px; }
.container>div {clear:both;}

.layoutTitle {position:relative; height:120px;}
.layoutTitle .gtoss {display:block; position:absolute; top:36px; left:40px;}
.layoutTitle .giken {display:block; position:absolute; top:10px; right:10px;}

.layoutMenu {height:32px; padding-left:39px; background:#1d2087 url("/img/gtoss/layout_menu_bar.png") repeat-x scroll left top;}
.layoutMenu * {display:block; float:left; height:100%;}
.layoutMenu .edge1 {width:1px; background:#3f63c9 url("/img/gtoss/layout_menu_luminous.png") no-repeat scroll left top;}
.layoutMenu .edge2 {width:1px; background:#00185c url("/img/gtoss/layout_menu_gloomy.png") no-repeat scroll left top;}
.layoutMenu .txt {height:auto; padding:4px 15px 0;}
.layoutMenu a {color:#fff; font-size:108%;}
.layoutMenu a:hover {background:#6062ab; text-decoration:none;}
.layoutMenu a.here {color:#33f; background:#fc3;}
.layoutMenu a.here:hover .txt {color:#3af; text-decoration:underline;}
.layoutMenu a.here .edge1 {background:#ffdf7e;}
.layoutMenu a.here .edge2 {background:#d99f2b;}

.layoutStatus {height:38px; padding:0 40px; background:#fc3;}
.layoutStatus .softwareMenu {float:left; margin-top:8px;}
.layoutStatus .softwareMenu * {display:block; float:left;}
.layoutStatus .softwareMenu .edge1 {width:1px; height:12px; margin-top:7px; background:#d99f2b;}
.layoutStatus .softwareMenu .edge2 {width:1px; height:12px; margin-top:7px; background:#ffdf7e;}
.layoutStatus .softwareMenu .txt {padding:5px 2px; line-height:1;}
.layoutStatus .softwareMenu a {font-size:108%;}
.layoutStatus .softwareMenu a .edge1 {margin-right:10px;}
.layoutStatus .softwareMenu a .edge2 {margin-left:10px;}
.layoutStatus .softwareMenu a:hover .txt {text-decoration:underline;} /* IE用 */
.layoutStatus .softwareMenu a.here .txt {padding-top:3px; padding-bottom:2px; border-bottom:2px solid #33f;}
.layoutStatus .inquiry {float:right; padding-top:9px;}
.layoutStatus .inquiry .outarrow {margin-right:5px;}

.content {clear:both; position:relative;}

.footer {padding:30px 0;}
.layoutFooter {position:relative; border-top: 2px solid #1d2087;}
.layoutFooter h6 {position:absolute; top:3px; left:0; font-weight:normal; font-family:'lucida grande', verdana, helvetica, arial, sans-serif;}
.layoutFooter a {position:absolute; top:4px; right:0;}

/**
 * カスタムタグ
 */
.outarrow {margin-right:5px!important;}
.red {color:#fc0000;}
.centering {float:left; position:relative; left:50%;}
.centering .centered {position:relative; right:50%;}