@import "yahoo.css";

/***** 全ページ共通 *****/
* {
    margin: 0;
    padding: 0;
}
root {
    display: block;
}
img{
    border: none;
}
body {
    font-size: 14px;
    font-family: "メイリオ","ＭＳ Ｐゴシック", Sans-serif;
    background-color: #FFFFFF;
}
a {
    color: #000000;
    text-decoration: none;
}
a:hover{    
    text-decoration: underline;
}
ul li{
    list-style-type: none;
}
div#wrapper{
    width: 100%;
    height: 100%;
}
/* ヘッダー上部 */
div#wrapper div#h1area{
    background-color: #1253A4;
    padding: 5px 0 3px;
    min-width: 1000px;
}
div#h1area h1{
    font-size: 13px;
    font-weight: normal;
    width: 1000px;
    margin: 0 auto;
    color: #FFFFFF;
}
span.red{
    color: #dc143c;
}
/* ヘッダー全体 */
div#wrapper div#header{
    width: 1000px;
    margin: 12px auto 0;
}
div#header div#leftHeader{
    width: 50%;
    float: left;
}
div#header div#rightHeader{
    width: 48%;
    float: right;
    margin-top: 34px;
}

/* ヘルプメニュー */
div#rightHeader div#helpMenu{
    float: right;
    margin-top: 3px;
}
div#rightHeader div#helpMenu ul li{
    float: left;
    background-image: url("/image2/common/arrowBlk.png");
    background-repeat: no-repeat;
    background-position: 0 4px;
    text-indent: 14px;
}
div#rightHeader div#helpMenu ul li{
    margin-right: 30px;
}


/* グローバルナビ(メインメニュー) */
div#header div#global-nav{
    margin-top: 18px;
    margin-bottom: 15px;
    border-left: 1px solid #CCCCCC;
    line-height: 250%;
}
div#header div#global-nav ul li{
    float: left;
    list-style-type: none;
    width: 19.85%;
    text-align: center;
    font-size: 16px;
    display: block;
    line-height: 220%;
    border-right: 1px solid #CCCCCC;
    border-bottom: 3px solid #FFFFFF;
}
div#header div#global-nav ul li:hover{
    border-bottom: 3px solid #1253A4;
}
div#header div#global-nav ul li a{
    color: #000000;
    display:block;
    text-decoration: none;
}
div#header div#global-nav ul li.selected{
    border-bottom: 3px solid #1253A4;
}
div#header div#global-nav ul li.link{
    background-image: url("/image2/common/linkicon.png");
    background-repeat: no-repeat;
    background-position: 71.5% 49%;
}

/***** トップページ *****/
div#wrapper div#mainBox{
    width: 1000px;
    margin: 0 auto 0;
}
div#wrapper div#mainBox:after{
    content: "";
    display: table;
    clear: both;
}
/* メイン画像 */
div#mainBox div#imageArea{
    width: 740px;
    margin-right: 18px;
    float: left;
    margin-bottom: 10px;
}

div#imageArea img{
    width: 100%;
    height: auto;
}

/* ユーザーサポート・リモートサポート */
div#supportBox{
    width: 240px;
    float: left;
}
div#supportBox div#supportBox_in{
    border: 1px solid #F27398;
    height: 189px;
    padding: 15px 0 0 0;
}
div#supportBox_in h2{
    font-weight: normal;
    text-align: center;
    font-size: 22px;
    margin-bottom: 12px;
    color: #F27398;
}
div#supportBox_in ul li{
    list-style-type: none;
    width: 190px;
    height: 55px;
    margin: 0 auto;
}
div#supportBox_in ul li img{
    width: 100%;
    height: 100%;
}
div#supportBox_in ul li#userSupport{
    margin-bottom: 15px;
}

/* コンテンツエリア */
div#container{
    width: 1000px;
    margin: 0 auto;
}
div#container h2{
    font-weight: normal;
    font-size: 20px;
}

/* ニュースリリースエリア */
div#container div.left{
    float: left;
    margin-right: 18px;
}
div#information{
    width: 700px;
    padding: 0 20px;
    height: 304px;
    margin: 10px 0 20px;
    border: 1px #CCCCCC solid;
}
/* ニュースリリース一覧ボタン */
div#information div#infolist{
    float: right;
    margin-top: 15px;
    margin-bottom: 15px;
}
div#information div#infolist ul li{
    background-image: url("/image2/common/arrowBlu.png");
    background-repeat: no-repeat;
    background-position: 0 4px;
    text-indent: 14px;
    margin-bottom: 0;  
}
div#information ul li.btm{
    margin-bottom: 0;
}
div#information a{
    color: #1253A4;
}
/* 日付 */
div#information div.infoDate{
    float: left;
    width: 14%;
    margin-bottom: 20px;
}
/* タグ */
div#information div.infoTag{
    float: left;
    width: 19%;
    text-align: center;
    color: #FFFFFF;
    margin-bottom: 20px;
}
div#information div.infoTag p.topics{
    width: 88%;
    background-color: #1253A4;
}
div#information div.infoTag p.event{
    width: 88%;
    background-color: #F26964;
}
/* ニュース内容 */
div#information div.infoText{
    float: left;
    width: 67%;
    line-height: 20px;
    margin-bottom: 22px;
}


div#container div.right{
    float: left;
    width: 240px;
}

/* 採用情報 */
div#recruit{
    margin: 10px 0 5px;
    text-align: center;
    border: 1px solid #CCCCCC;
}
div#recruit img{
    border: 1px solid #FFFFFF;
    width: 100%;
}
div#recruit img:hover{
    border: 1px solid #1253A4;
}

div#iso_pmark{
    text-align: center;
}





/* 関連リンク */
div#banner{
    margin: 10px 0 50px;
}
div#banner ul{
    overflow: hidden;
}
div#banner ul li{
    float: left;
    margin-right: 19px;
    width: 320px;
}
div#banner ul li img{
    width: 100%;
    height: 140px;
    border: 1px solid #CCCCCC;
}
div#banner ul li img:hover{
    border: 1px solid #1253A4;
}
div#banner ul li.btm{
    margin-right: 0;
}
div#banner ul:after{
    content: "";
    display: table;
    clear: both;
}
div#banner ul#line1{
    margin-bottom: 15px;
}

/* フッター */
div#footerWrapper{
    background-color: #F5F5F5;
    width: 100%;
    min-width: 1000px;
}
/* フッターメニュー */
div#footerWrapper div#footernavi{
    width: 1000px;
    margin: 0 auto;
    padding: 50px 0 45px;
}
div#footernavi dl{
    float: left;
    width: 30%;
}
div#footernavi dl#column1,div#footernavi dl#column2{
    margin-right: 5%;
}
div#footernavi dl dt{
    font-weight: bold;
    border-bottom: 1px dotted #888888;
    margin-bottom: 10px;
}
div#footernavi dl dd{
    margin-bottom: 10px;
}
div#footernavi dl dd ul li{
    background-image: url("/image2/common/arrowBlk.png");
    background-repeat: no-repeat;
    background-position: 0 3.8px;
    text-indent: 15px;
    margin-bottom: 5px;
}
div#footernavi dl dd ul li img{
    padding-left: 2px;
}



/* コピーライトエリア */
div#bottomWrapper{
    background-color: #1253A4;
    padding: 25px 0 20px; 
}
div#bottomWrapper div#footerBottom{
    width: 1000px;
    margin: 0 auto;
}
div#footerBottom div#bottomNavi ul li{
    float: left;
    margin-right: 20px;
    font-size: 13px;
}
div#footerBottom div#bottomNavi ul li a{
    color: #FFFFFF;
    text-decoration: none;
}
div#footerBottom div#bottomNavi ul li a:hover{
    text-decoration: underline;
}
div#footerBottom div#copyright{
    float: right;
    color: #FFFFFF;
    font-size: 13px;
}

/* ページトップボタン */
p#page-top {
    position: fixed;
    bottom: 2%;
    right: 1.5%;
    width: 175px;
    text-align: center;
    line-height: 250%;
    background-color: #FFFFFF;
    border: 1px #333333 solid;
    color: #333333;
    border-radius: 12px;
    display: block;
    background-image: url("/image2/common/pageTop01.png");
    background-repeat: no-repeat;
    background-position: 8pt 7pt;
    text-indent: 10px;
    filter: alpha(opacity=80);
    -moz-opacity:0.8;
    opacity:0.8;
}
p#page-top:hover{
    border: 1px #1253A4 solid;
    background-image: url("/image2/common/pageTop01_on.png");
    filter: alpha(opacity=100);
    -moz-opacity:1;
    opacity:1;
}
p#page-top a {
    display: block;
    text-decoration: none;
}
#page-top a:hover {
    color: #1253A4;
}