@charset "UTF-8";
@import url(reset.css);
/*************************************************/
/* Layout Section                                */
/*************************************************/

/* Container */
div.container {
    padding-top: 52px;
}

/*************************************************/

/*************************************************/
/* Layout Section in Header                      */
/*************************************************/

/* Header H1 */
div.header h1 {
    width: 100%;
    height: 24px;
    background: url(../img/title.gif) no-repeat top right;
}

/*************************************************/

/*************************************************/
/* Layout Section in Contents                    */
/*************************************************/

/* Contents H2 */
div.mainboard h2 {
    width: 100%;
    height: 212px;
    background: url(../img/title2.gif) no-repeat top left;
}

/*************************************************/
/* Layout section in Sub Board                   */
/*************************************************/

/* JP Typo Logo */
div.tlogo {
    width: 357px;
    height:62px;
    float: left;
    background: url(../img/name.gif) no-repeat top left;
}

/* MenuBox */
div.menubox {
    width: 243px;
    height: 62px;
    float: right;
}

/*************************************************/
/* Layout section in Menu Box                    */
/*************************************************/

/* Menu1, Menu2 */
div.menu1,
div.menu2 {
    width: 243px;
    height: 31px;  
    text-align: right;
}

/*************************************************/

/* Menu LI */
div.menu1 li,
div.menu2 li {
    display : inline;
    float: left;
}

/*************************************************/

/* Menu Item -Company information A */
li.menu_corp a {
    display: block;
    width: 81px; 
    height: 31px;
    background: url(../img/m11.gif) no-repeat top left;
}
li.menu_corp a:hover {
    background: url(../img/m12.gif) no-repeat top left;
}

/* Menu Item -Activities A */
li.menu_act a {
    display: block;
    width: 81px; 
    height: 31px;
    background: url(../img/m31.gif) no-repeat top left;
}
li.menu_act a:hover {
    background: url(../img/m32.gif) no-repeat top left;
}

/* Menu Item -Employment information A */
li.menu_employ a {
    display: block;
    width: 81px; 
    height: 31px;
    background: url(../img/m61.gif) no-repeat top left;
}
li.menu_employ a:hover {
    background: url(../img/m62.gif) no-repeat top left;
}

/* Menu Item -Press release A */
li.menu_press a {
    display: block;
    width: 81px; 
    height: 31px;
    background: url(../img/m41.gif) no-repeat top left;
}
li.menu_press a:hover {
    background: url(../img/m42.gif) no-repeat top left;
}

/* Menu Item -None A */
li.lino a {
    display: block;
    width: 81px; 
    height: 31px;
    background: url(../img/m00.gif) no-repeat top left;
    cursor: default;
}

/*************************************************/
/* Layout section in Logo & Information          */
/*************************************************/

/* Logo & Information */
div.logo_info {
    padding: 10px 0 0 0;
}

/*************************************************/

/* Logo */
div.logo {
    width: 96px;
    height: 93px;
    float: left;
}

/* Information */
div.info {
    width: 504px;
    height: 93px;
    float: right;
    text-align: left;
}

/*************************************************/

/*************************************************/
/* style section in Logo & Information           */
/*************************************************/

/* Logo IMG */
div.logo img {
    margin: 10px 0 0 0;
}

/* Company Information */
div.info ul {
    margin: 10px 0 0 100px;
}
div.info li {
    color: #ee6611;
    margin-bottom: 10px;
}

/*************************************************/