/*----------------------------------
ALBERT Design
FileName:base.css
Last Update:09/12/09
------------------------------------*/


/*------------------------------------------
共通デザイン
------------------------------------------*/

body
{
word-break:break-all;font:12px/1.22 "Osaka", "ＭＳ Ｐゴシック", Arial, sans-serif;*font-size:small;*font:x-small;
margin:0;
background-color: #FFFFFF;
}

img
{
border:none;
}

.brclear
{
clear:both;
font: 0pt/0pt sans-serif;
}

a:link,
a:visited,
a:active
{
color:#FFFFFF;
text-decoration: none;
}

a:hover
{
color:#FFFFFF;
text-decoration: underline;
}


/*------------------------------------------
共通コンテンツレイアウト
------------------------------------------*/

#contents
{
width:830px;
margin-right: auto;
margin-left: auto;
padding:0 0 10px 0;
background-color: #334C68;
}

#contents-inner
{
width:810px;
margin:0 10px;
padding:0;
background-color: #001F42;
}

#header
{
width:780px;
margin:0 15px;
padding:0;
}

#footer
{
width:780px;
clear: both;
margin:0 15px;
padding:0 0 15px 0;
}

#g-navigation-outer
{
margin:0 15px 30px;
padding:0;
}

#g-navigation-outer2
{
margin:0 15px 5px;
padding:0;
}

#g-navigation-inner
{
width:780px;
margin:0;
padding:0;
list-style: none;
}

#contents-main-outer
{
margin:0 15px 30px;
padding:0;
border:3px solid #999999;
}

#contents-main
{
margin:0;
padding:20px 27px;
background-color: #ffffff;
}

#contents-main-inner
{
width:720px;
min-height: 520px;
margin:0;
padding:0;
background-color: #ffffff;
}

#contents-main h3
{
width:720px;
margin:0;
padding:0;
}

/*--ポップアップページ用ここから--*/

#contents-main-outer2
{
margin:0 55px 30px;
padding:0;
border:3px solid #56534F;
}

#contents-main2
{
margin:0;
padding:20px 27px;
background-color: #ffffff;
}

#contents-main-inner2
{
width:640px;
margin:0;
padding:0;
background-color: #ffffff;
}

#contents-main2 h3
{
width:640px;
margin:0;
padding:0;
}

/*--ポップアップページ用ここまで--*/

#contents-main h3 span,
#contents-main2 h3 span
{
display: none;
}

/*------------------------------------------
共通ヘッダー
------------------------------------------*/

#header-txt
{
width:780px;
margin:0;
padding:0;
text-align: left;
display: none;
}

#header-txt h1
{
font-size:12px;
text-align: left;
margin:0;
padding:0;
line-height: 120%;
display: none;
color:#ed1c24;
}

#summary
{
font-size:12px;
text-align: left;
margin:0;
padding:0;
line-height: 120%;
display: inline;
color:#ed1c24;
}

#kanban
{
width:780px;
height:195px;
margin:0;
padding:0;
background-image: url(../images/header/kanban.gif);
background-position: top left;
background-repeat: no-repeat;
}

.kanban-60
{
width:auto;
height:180px;
float: left;
margin:0;
padding:0;
}

.kanban-60 img
{
width:5px;
}

.english
{
width:85px;
height: 25px;
margin:165px 0 0 45px;
}

.english img
{
width:85px;
height: 25px;
}

.kanban-120
{
width:120px;
height:180px;
float: left;
margin:0;
padding:0;
}

.logo
{
width:120px;
height: 60px;
margin:30px 0 0 0;
}

.kanban-240
{
width:240px;
height:180px;
float: left;
margin:0;
padding:0;
}

.kanban-300
{
width:285px;
height:180px;
float: left;
margin:0;
padding:0;
}

.catch
{
width:300px;
height:60px;
margin:60px 0 0 0;
padding:0;
display:none;
}

.catch h2
{
width:300px;
font-size:12px;
margin:0;
padding:15px 0 0 0;
color:#f3f3f3;
letter-spacing: 0.08em;
text-align: left;
}

.catch-m
{
display: block;
margin:0 0 0 20px;
line-height: 130%;
}

.catch-s
{
display: block;
margin:0 0 0 20px;
color:#f3f3f3;
line-height: 130%;
}


/*---グローバルナビゲーション---*/

.g-navigation-box95
{
width:95px;
height:30px;
margin:0;
padding:0;
float:left;
}

.g-navigation-box110
{
width:110px;
height:30px;
margin:0;
padding:0;
float:left;
}

.g-navigation-box100
{
width:100px;
height:30px;
margin:0;
padding:0;
float:left;
}

.g-navigation-box95 a,
.g-navigation-box110 a,
.g-navigation-box100 a
{
display: block;
height:30px;
margin:0;
padding:0;
background-repeat: no-repeat;
text-decoration: none;
}

.g-navigation-box95 a
{
width:95px;
}

.g-navigation-box110 a
{
width:110px;
}

.g-navigation-box100 a
{
width:100px;
}

a.g-navigation1:link,a.g-navigation1:visited,a.g-navigation1:active
{
background-image: url(../images/header/navi/g-navi1-out.jpg);
}

a.g-navigation1:hover
{
background-image: url(../images/header/navi/g-navi1-over.jpg);
}

a.g-navigation2:link,a.g-navigation2:visited,a.g-navigation2:active
{
background-image: url(../images/header/navi/g-navi2-out.jpg);
}

a.g-navigation2:hover
{
background-image: url(../images/header/navi/g-navi2-over.jpg);
}

a.g-navigation3:link,a.g-navigation3:visited,a.g-navigation3:active
{
background-image: url(../images/header/navi/g-navi3-out.jpg);
}

a.g-navigation3:hover
{
background-image: url(../images/header/navi/g-navi3-over.jpg);
}

a.g-navigation4:link,a.g-navigation4:visited,a.g-navigation4:active
{
background-image: url(../images/header/navi/g-navi4-out.jpg);
}

a.g-navigation4:hover
{
background-image: url(../images/header/navi/g-navi4-over.jpg);
}

a.g-navigation5:link,a.g-navigation5:visited,a.g-navigation5:active
{
background-image: url(../images/header/navi/g-navi5-out.jpg);
}

a.g-navigation5:hover
{
background-image: url(../images/header/navi/g-navi5-over.jpg);
}

a.g-navigation6:link,a.g-navigation6:visited,a.g-navigation6:active
{
background-image: url(../images/header/navi/g-navi6-out.jpg);
}

a.g-navigation6:hover
{
background-image: url(../images/header/navi/g-navi6-over.jpg);
}

a.g-navigation7:link,a.g-navigation7:visited,a.g-navigation7:active
{
background-image: url(../images/header/navi/g-navi7-out.jpg);
}

a.g-navigation7:hover
{
background-image: url(../images/header/navi/g-navi7-over.jpg);
}

a.g-navigation8:link,a.g-navigation8:visited,a.g-navigation8:active
{
background-image: url(../images/header/navi/g-navi8-out.jpg);
}

a.g-navigation8:hover
{
background-image: url(../images/header/navi/g-navi8-over.jpg);
}

/*---コンテンツメニュー---*/

#g-navi01,
#g-navi02,
#g-navi03,
#g-navi04,
#g-navi05,
#g-navi06,
#g-navi07,
#g-navi08
{
margin:0;
padding:3px 4px 2px 4px;
border-width:0;
border-style:solid;
border-color:#808080;
background:#001F42;
}

#g-navi01-inner,
#g-navi02-inner,
#g-navi03-inner,
#g-navi04-inner,
#g-navi05-inner,
#g-navi06-inner,
#g-navi07-inner,
#g-navi08-inner
{
width:770px;
text-align:center;
margin:0;
padding:0;
font-size:11px;
color:#808080;
}

#g-navi01-inner a,
#g-navi02-inner a,
#g-navi03-inner a,
/*#g-navi04-inner a,*/
#g-navi05-inner a,
#g-navi06-inner a,
#g-navi07-inner a,
#g-navi08-inner a
{
font-size:12px;
line-height:18px;
}

#g-navi04-inner a
{
font-size:10px;
line-height:18px;
}

#g-navi01-inner a.here,
#g-navi02-inner a.here,
#g-navi03-inner a.here,
#g-navi04-inner a.here,
#g-navi05-inner a.here,
#g-navi06-inner a.here,
#g-navi07-inner a.here,
#g-navi08-inner a.here
{
text-decoration:underline ! important;
}

#g-navi01-inner a
{
color:#F5891E;
}
#g-navi02-inner a
{
color:#E54C6D;
}
#g-navi03-inner a
{
color:#CA5EE5;
}
#g-navi04-inner a
{
color:#93A2FF;
}
#g-navi05-inner a
{
color:#18CEFE;
}
#g-navi06-inner a
{
color:#57C549;
}
#g-navi07-inner a
{
color:#F4D400;
}
#g-navi08-inner a
{
color:#A7A7A7;
}

#g-navi01-inner a:hover,
#g-navi02-inner a:hover,
#g-navi03-inner a:hover,
#g-navi04-inner a:hover,
#g-navi05-inner a:hover,
#g-navi06-inner a:hover,
#g-navi07-inner a:hover,
#g-navi08-inner a:hover
{
text-decoration: underline;
}

/*-------------------------------
フッターナビゲーションデザイン
-------------------------------*/

#footer-navi
{
width:780px;
margin:0 0 5px 0;
font-size:12px;
color:#808080;
}

#footer-navi a
{
font-size:12px;
line-height:18px;
}


#copyright
{
width:780px;
margin:0;
font-size:12px;
color:#666666;
}

#copyright span
{
font-size:11px;
color:#9a9a9a;
font-family: "Verdana","Arial", "Helvetica", "sans-serif";
}