@charset "utf-8";

/* base

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

/* font set */

body,table {
    line-height: 1.2;
    color: #666;
}

#wrapper {
    min-width: 980px;
}

#mainContent,table {
    line-height: 2;
}

@font-face {
    font-family: omfont;src: url(../other/dinnot_regular.woff);
}

body,table,form,select,input {
    font-family: omfont,"Hiragino Kaku Gothic ProN", Meiryo, "MS PGothic", sans-serif;
}



/* font-size set */

body {
    font-size: 14px;
}

h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,p,table,th,td,tr,form,input,div,small {
    font-size: 100%;
}

/* reset */

body,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,p,table,th,td,form,input,select,textarea,img,pre,blockquote,fieldset {
    margin: 0;
    padding: 0;
}

h1,h2,h3,h4,h5,h6 {
    font-weight: normal;
}

/* base set */

a {
    text-decoration: underline;
}

li {
    list-style: none;
}

em,address {
    font-style: normal;
}

img {
    vertical-align: top;
    border: 0;
}

input {
    vertical-align: top;
}

input[type="button"],input[type="submit"] {
    cursor: pointer;
}

/* a base set */

a,a:link {
    color: #666;
}

a:visited {
    color: #666
}

/* IE6 \*/*html a:visited {
              color: #666;
          }/* end */

a:hover *,

a:hover {
    color: #eee;
    -webkit-transition: all ease-in .3s;
    transition: all ease-in .3s;
    color: #d41500;
}

a:active {
    text-decoration: none;
}

#topContent a {
    text-decoration: none;
}

/* parts

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

#sns li a:hover img {
    filter: alpha(opacity=80);
    -moz-opacity: 0.8;
    opacity: 0.8;
}



/* margin */

p,ul,dl,table,blockquote,ol,iframe,.inLists dt {
    margin-top: 30px;
}

table p,

table ul,

table ol,

table table,

table dl,

dd ul,

dl.inLists,

dl.inLists dl {
    margin-top: 0;
}

ul ul {
    margin-top: 20px;
}

li table,

.inLists dd ol {
    margin-top: 10px;
}

.inLists dd dt,

p.notes,

ul.notes li {
    margin-top: 5px;
}

h2 {
    margin-top: 85px;
}

h2.UnderH1 {
    margin-top: 35px;
}

h3,h4,h5 {
    margin-top: 35px;
}

/* blockquote */

blockquote {
    margin-left: 36px;
    font-style: normal;
}



/* h1 */

#content h1 {
    padding-bottom: 8px;
    font-size: 2.7em;
    line-height: 1.2;
    padding-top: 2px;
    padding-bottom: 2px;
}

#content h1 .h1Sub {
    display: block;
    padding-top: 5px;
    font-size: 50%;
    font-weight: normal;
}

/* h2 */

h2 {
    font-size: 1.6em;
}

/* h3 */

h3 {
    font-size: 1.4em;
}



/* h4 */

h4 {
    font-size: 1.2em;
}



/* title */

h2,h3,h4,h5 {
    margin-bottom: -10px;
}

.TtlsHr {
    padding-bottom: 8px;
    border-bottom: 1px solid #b8b8b8;
}

h2 .h2Sub {
    display: block;
    line-height: 1.2;
    font-size: 0.8em;
}

.UnderNav {
    margin-top: 100px;
    border-top: 1px solid #b8b8b8;
}



/* hr */

hr.hr {
    margin-top: 40px;
    margin-bottom: 55px;
    border: none;
    background-color: #fff;
    font-size: 1px;
    border-top: solid 1px #999;
}



/* planeTable */

.planeTable {
    width: 100%;
    /*margin:10px auto 20px auto;*/
    margin-left: auto;
    margin-right: auto;
}

.planeTable td {
    padding: 0 0 10px 40px;
}



/* notesNum */

.notesNum {
    font-size: 70%;
}

em.notes {
    font-size: 90%;
    display: block;
}

.notesNum,

.notes {
    color: #333;
}

/* comImg */

.comImg img {
    width: 100%;
}



/* icon */

.download,

.newWin {
    display: inline-block;
    padding-right: 40px;
    background-image: url(../../images/ico_newwin_g.png);
    background-repeat: no-repeat;
    background-position: 94% 50%;
}

.download {
    background-image: url(../../images/ico_download_g.png);
}



/* btn */



.comBtnNWcol {
    margin-top: 10px;
}

.comBtnNWcol li {
    margin-top: 20px;
}

#link_next a,

#link_prev a,

.comBtnNW li,

.comBtnNW li a,

.btnStrAttend li,

.btnStrAttend li a,

.comBage li,

.comBtn li,

.comBtn li a,

.comBtnDL li,

.comBtnDL li a,

.comBtnNWcol li a {
    display: inline-block;
}

#link_next a,

#link_prev a,

.comBtnNW li a,

.btnStrAttend li a,

.comBtn li a,

.comBtnDL li a,

.comBtnNWcol li a {
    padding: 5px 30px;
    font-size: 1.1em;
}

.comBage li {
    padding: 6px 10px;
    font-size: 0.9em;
}

#link_next a,

#link_prev a,

.comBage li,

.comBtnNW li a,

.btnStrAttend li a,

.comBtn li a,

.comBtnDL li a,

.comBtnNWcol li a {
    margin-right: 20px;
    background-color: #999;
    border-radius: 20px;
    text-align: center;
    text-decoration: none;
}

.comBage li {
    margin-right: 4px;
}

.comBtnDL a {
    background: url(../../images/icon_map_download.jpg) #999999 276px 10px no-repeat;
    padding-left: 20px;
}

.comBtnNW li a,

.comBtnNWcol li a {
    background-color: #fff;
    border: 1px solid #cdcdcd;
}

.btnStrAttend li a,

.btnStrAttend li a:link,

.btnStrAttend li a:visited {
    background-color: #d81e05;
    color: #fff;
    border: 1px solid #d81e05;
}

#internalBack a,

#internalBack a:visited,

#internalBack a:hover,

#link_next a,

#link_next a:visited,

#link_next a:hover,

#link_prev a,

#link_prev a:visited,

#link_prev a:hover,

.comBage li,

.comBtn a,

.comBtn a:visited,

.comBtn a:hover,

.comBtnDL a,

.comBtnDL a:visited,

.comBtnDL a:hover {
    color: #fff;
}

.comBtnNWcol a,

.comBtnNWcol a:visited,

.comBtnNWcol a:hover,

.comBtnNW a,

.comBtnNW a:visited,

.comBtnNW a:hover {
    color: #666;
}

#link_next a:hover,

#link_prev a:hover,

#internalBack a:hover,

.comBtn a:hover {
    background-color: #666;
    color: #fff;
}

.comBtnNW a:hover,

.comBtnDL a:hover,

.comBtnNWcol a:hover {
    background-color: #d81e05;
    color: #fff;
    border-color: #d81e05;
}

.btnStrAttend li a:hover {
    background-color: #fff;
    color: #d81e05;
    border: 1px solid #cdcdcd;
}

#content a.download,

#content a.newWin {
    padding-right: 50px;
    background-image: url(../../images/ico_newwin_w.png);
    background-repeat: no-repeat;
    background-position: 94% 50%;
}

#content a.download {
    background-image: url(../../images/ico_download_w.png);
}

#content .comBtnNW a.newWin,

#content .comBtnNWcol a.newWin {
    background-image: url(../../images/ico_newwin_g.png);
}

#content .comBtnNW a.download,

#content .comBtnNWcol a.download {
    background-image: url(../../images/ico_download_g.png);
}

#content .comBtnNW a.newWin:hover,

#content .comBtnNWcol a.newWin:hover {
    background-image: url(../../images/ico_newwin_w.png);
}

#content .btnStrAttend a.newWin:hover {
    background-image: url(../../images/ico_newwin_g.png);
}

#content .comBtnNW a.download:hover,

#content .comBtnNWcol a.download:hover {
    background-image: url(../../images/ico_download_w.png);
}

#content .btnStrAttend a.download:hover {
    background-image: url(../../images/ico_download_g.png);
}



/* toIndex */

.comBtn .toIndex {
    display: block;
    text-align: center;
}

.comBtn .toIndex a {
    margin: 0 auto;
}





/* contentNav */

#internalBack,

#page_panel,

.contentNav {
    text-align: center;
}

#link_next a,

#link_prev a,

.comBtn .toIndex a,

.contentNav .prev,

.contentNav .archive,

.contentNav .next {
    background-repeat: no-repeat;
}

#link_prev a,

.contentNav .prev {
    padding-left: 35px;
    background-image: url(../../images/ico_prev.png);
    background-position: 10px 50%;
}

.comBtn .toIndex a,

.contentNav .archive {
    padding-left: 40px;
    background-image: url(../../images/ico_toindex.png);
    background-position: 15px 50%;
}

#link_next a,

.contentNav .next {
    padding-right: 35px;
    background-image: url(../../images/ico_next.png);
    background-position: 91% 50%;
}

#link_next a {
    float: right;
}

#link_prev a {
    float: left;
}

#page_panel {
    padding-top: 50px;
}

#page_panel a {
    font-size: 1.2em;
    text-decoration: none;
}

#page_panel span a {
    font-size: 0.9em;
}

#page_panel:after {
    content: '.';
    display: block;
    height: 1;
    font-size: 0;
    clear: both;
    visibility: hidden;
}

#page_panel a.on,

#page_panel a.on:visited,

#page_panel a.on:hover {
    color: #d41500;
}

#link_next a.on,

#link_next a.on:visited,

#link_next a.on:hover,

#link_prev a.on,

#link_prev a.on:visited,

#link_prev a.on:hover {
    color: #fff;
    background-color: #efefef;
    cursor: default;
}

/* icon */

.sectionNum {
    display: block;
    width: 1.9em;
    margin-bottom: 20px;
    text-align: center;
    background-color: #d41500;
    border-radius: 50%;
    color: #fff;
    font-size: 1.1em;
    line-height: 1.9;
}



/* .dlSet */

.dlSet {
    margin-top: 0;
}

.dlSet dt {
    margin-top: 30px;
    font-size: 1.2em;
}



/*.inLists */

.inLists dd dt {
    font-weight: bold;
}



/* tableLayout */

.tableLayout,

.tableLayout th,

.tableLayout td {
    border-collapse: collapse;
}

.tableLayout th,

.tableLayout td {
    padding: 17px 10px 15px 10px;
    border-bottom: 1px solid #ccc;
    vertical-align: top;
}

.tableLayout th {
    font-weight: normal;
    color: #000;
    text-align: left;
}



/* lists */

.planeLists li {
    padding-left: 13px;
    background: url(../../images/ico_list.jpg) 5px 12px no-repeat;
}

ol li {
    list-style: outside decimal;
}

ol {
    padding-left: 21px;
}



/* groupLists */

.groupLists {
    padding-top: 20px;
    margin-bottom: -30px;
}

.groupLists li {
    margin-bottom: 20px;
}

.groupLists li img {
    width: auto;
    height: 25px;
}

.groupLists li img.logoHG {
    height: 30px;
}

.groupLists li img.logoHG02 {
    height: 20px;
}

.groupLists li {
    display: inline-block;
    margin-right: 15px;
}

.groupLists li a {
    display: inline-block;
    min-height: 35px;
    border-bottom: solid 3px #fff;
    text-decoration: none;
}

.groupLists li a.gupOn {
    border-color: #d41500;
}

.groupLists {
    margin-right: -15px;
}



/* ttlSet */

.ttlSet h1,

.ttlSet h2,

.ttlSet h3,

.ttlSet h4 {
    width: 60%;
    float: left;
}

.ttlSet ul {
    float: right;
}

.ttlSet:after {
    content: '.';
    display: block;
    height: 1px;
    font-size: 0;
    clear: both;
    visibility: hidden;
}



/* .explainTxt */

.explainTxt {
    text-align: center;
}



/* attention */

.attention {
    font-size: 1.5em;
    color: #d81e05;
    font-weight: bold;
}

.attention strong {
    font-size: 2em;
}

.minAttend {
    text-align: right;
    font-size: 0.9em;
}



/* caption */

.caption {
    margin-top: 15px;
    text-align: center;
    font-size: 0.9em;
}



/* .culm02 */

.culm02L,

.culm02R {
    float: left;
    width: 46%;
}

.culm02R {
    float: right;
}

.culm02:after {
    content: '.';
    display: block;
    height: 1px;
    font-size: 0;
    clear: both;
    visibility: hidden;
}



/* profile */

.profile dt {
    font-weight: bold;
}

.profile dd {
    margin-top: 10px;
    font-size: 0.9em;
}

.profile .occupation {
    margin-top: 0;
    color: #888;
}



/* attentionWrap */

.attentionWrap {
    padding: 30px;
    border: solid 1px #d41500;
    font-size: 90%;
    color: #d41500;
}

.attentionWrap dd ul:first-child,

.attentionWrap dd ol:first-child {
    margin-top: 10px;
}



/* bookWrapper */

.bookWrapper {
    margin-right: -100px;
}

.bookWrapper:after {
    content: '.';
    display: block;
    height: 1px;
    font-size: 0;
    clear: both;
    visibility: hidden;
}

.bookWrapper dl {
    margin-top: 50px;
    width: 33%;
    float: left;
}

.bookWrapper dd,

.bookWrapper dt {
    margin-right: 100px;
}

.bookWrapper dd {
    margin-top: 20px;
}

.bookWrapper dl:nth-child(3n+1) {
    clear: both;
}

.bookWrapper dl img {
    width: 100%;
    height: auto;
}

.bookWrapper dd.BbtnLists {
    text-align: center;
}

.bookWrapper dd.BbtnLists img {
    width: 80%;
    height: auto;
}

.bookWrapper dd.BookTitle {
    margin-top: 10px;
    line-height: 1.5;
    font-size: 1.2em;
}

/* for smt */

@media only screen and (max-width: 767px) {

    .bookWrapper {
        margin-right: 0;
        text-align: center;
    }

    .bookWrapper dl {
        margin: 30px auto 0 auto;
        width: 60%;
        float: none;
        text-align: center;
    }

    .bookWrapper dd,

    .bookWrapper dt {
        margin-right: 0;
    }
}





/* authorLists */

.authorLists {
    font-size: 90%;
    line-height: 1.8;
}



/* IndexLinkList,IndexLinkList02 */

.IndexLinkList02 li a {
    text-decoration: none;
}

.IndexLinkList02 ul {
    margin-top: 0;
}

.IndexLinkList02 ul ul {
    margin-top: 10px;
}

.IndexLinkList02 ul li {
    margin-top: 40px;
}

.IndexLinkList02 ul li li {
    margin-top: 0;
}

.IndexLinkList02 li li a,

.IndexLinkList li {
    border-top: solid 1px #ccc;
    padding-top: 20px;
    padding-bottom: 20px;
}

.IndexLinkList02 li li a {
    display: block;
}

.IndexLinkList02 li li,

.IndexLinkList li {
    font-size: 1.2em;
}

.IndexLinkList02 li .day,

.IndexLinkList li .day {
    display: block;
    font-size: 0.7em;
}

.IndexLinkList02 li ul,

.IndexLinkList ul {
    border-bottom: solid 1px #ccc;
}

.IndexLinkList02 li li:hover,

.IndexLinkList li:hover {
    cursor: pointer;
    background-color: #eee;
    -webkit-transition: all ease-in .3s;
    transition: all ease-in .3s;
}

.IndexLinkList02 li li:hover .mainA,

.IndexLinkList li:hover .mainA {
    color: #d41500;
}

.IndexLinkList02 li li a,

.IndexLinkList li a {
    text-decoration: none;
}



/* linkList */

.linkList ul {
    border-bottom: solid 1px #bbb;
}

.linkList li {
    border-top: solid 1px #bbb;
    padding-top: 8px;
    padding-bottom: 8px;
}

.linkList li a {
    display: block;
    text-decoration: none;
}

.linkList li .day {
    padding-right: 20px;
}

/* stepList */

.stepList li {
    float: left;
    width: 22%;
    margin: 10px 1% 0 2%;
    text-align: center;
}

.stepList ul:after {
    content: '.';
    display: block;
    height: 1px;
    font-size: 0;
    clear: both;
    visibility: hidden;
}

.stepList li .iconStep {
    content: " ";
    display: inline-block;
    height: 12px;
    width: 12px;
    border-radius: 12px;
    font-size: 50px;
    background-color: #d41500;
}

/* font */

.stepList li {
    font-size: 0.9em;
    line-height: 1.8;
}

.stepList li strong {
    font-size: 1.6em;
    line-height: 1.3;
    text-align: center;
    display: block;
    font-weight: normal;
}

.stepList li span.step {
    font-size: 1.1em;
    color: #d41500;
    display: block;
}

.stepList li p {
    text-align: left;
    margin: 10px 0;
    padding: 0;
}

/*reset*/

.stepList li li {
    float: none;
    width: auto;
}

.stepList li .comBtn a {
    margin-right: 0;
}

.stepList li .comBtn {
    margin-top: 10px;
}





/* each Index

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

/* animation */

#content .ttlBg02,

#content .ttlBg {
    position: absolute;
    top: 0;
    left: 0;
    righht: 0;
    z-index: 1;
    text-align: center;
    width: 100%;
}

#content .ttlBg {
    display: none;
}

#content .ttlBg02 li {
    display: none;
}

/*#content .keySlider .overbg,*/

#content .keySlider,

#content .keySlider li {
    position: absolute;
    top: 0;
    left: 0;
    righht: 0;
    z-index: 1;
    width: 100%;
}

/*#content .keySlider .overbg{z-index:2;}*/

#content .keySlider {
    top: -11px;
}

#content .keySlider li img {
    width: 100%;
}

#content .keySlider li.on {
    z-index: 9;
}

#content .keySlider li.pre {
    z-index: 1;
}

#content .keySlider li.off {
    display: none;
}

/* #IndexContent */

#IndexContent {
    text-align: center;
    position: relative;
    z-index: 10;
}

#IndexContent div {
    text-align: left;
}

#IndexContent h1 {
    display: inline-block;
    width: 160px;
    height: 150px;
    margin-bottom: 55px;
    border-radius: 100px;
    background-color: #d41500;
    color: #fff;
    font-size: 1.5em;
    font-weight: bold;
    text-align: center;
}

#IndexContent h1 .inH1 {
    display: inline-block;
    margin-top: 65px;
}

/* -- .IndexInfor*/

p.IndexInfor {
    margin-top: 0;
}

.IndexInfor strong {
    color: #d41500;
}

.IndexInfor {
    color: #242424;
    font-size: 0.9em;
    line-height: 2;
    padding-bottom: 40px;
}

/* -- .IndexLists*/

.IndexLists {
    margin: 20px 0 0;
    margin-top: 40px;
}

.IndexLists li {
    float: left;
    width: 33%;
    margin-top: 20px;
}

.IndexLists ul:after {
    content: '.';
    display: block;
    height: 1px;
    font-size: 0;
    clear: both;
    visibility: hidden;
}

/* font-color */

.IndexLists li .coming strong:first-letter {
    color: #666;
}

.IndexLists li strong:first-letter {
    color: #d41500;
}

.IndexLists li {
    color: #808080;
}

.IndexLists li strong {
    color: #666;
}

.IndexLists li a {
    text-decoration: none;
}

.IndexLists li a,

.IndexLists li a:link,

.IndexLists li a:visited {
    color: #808080;
}

.IndexLists li a strong,

.IndexLists li a:link strong,

.IndexLists li a:visited strong {
    color: #666;
}

.IndexLists li a:hover,

.IndexLists li a:hover strong {
    color: #d41500;
}

/* layout */

.IndexLists li strong,

.IndexLists li strong span.subTtl,

.IndexLists li a,

.IndexLists li .coming {
    display: block;
    font-weight: normal;
}

.IndexLists li strong,

.IndexLists li strong span.subTtl {
    padding: 5px 0;
}

.IndexLists li strong span.subTtl {
    margin-bottom: 10px;
}

.IndexLists li a,

.IndexLists li .coming {
    margin-left: 20px;
}

/*.IndexLists ul li:first-child a,

.IndexLists ul li:first-child span.subTtl{margin-left:0;}*/

/* icon */

.IndexLists li a:before,

.IndexLists li .coming:before {
    content: " ";
    display: block;
    height: 12px;
    width: 12px;
    border-radius: 12px;
    margin-top: -20px;
    font-size: 50px;
    background-color: #d41500;
}

/* font */

.IndexLists li {
    font-size: 0.9em;
    line-height: 1.8;
}

.IndexLists li strong {
    font-size: 1.8em;
    line-height: 1.3;
}

.IndexLists li strong span.subTtl {
    font-size: 0.6em;
}

/* offMenu */

.IndexLists li.offMenu strong:first-letter,

.IndexLists li.offMenu,

.IndexLists li.offMenu strong {
    color: #aaa;
}

.IndexLists li .coming:before {
    background-color: #aaa;
}

.IndexLists li .coming strong span.subTtl:after {
    content: " -- Coming Soon -- ";
}

#mainContent .IndexLists ul {
    margin-left: -20px;
}



/* -- .IndexListsUnder */

.menuSet {
    width: 50%;
    float: left;
}

.menuSet h3,

.menuSet p,

.menuSet ul {
    margin-right: 5%;
}

.IndexListsUnder {
    margin-right: -5%;
}

.menuSet h3 {
    line-height: 1.2;
}

.menuSet .comBtn li {
    text-align: left;
}

.IndexListsUnder:after {
    content: '.';
    display: block;
    height: 1;
    font-size: 0;
    clear: both;
    visibility: hidden;
}





/* -- .thumbIndexs */

#thumbIndexs {
    margin-top: 20px;
    margin-right: -48px;
}

/* thumbIndexListWrap */

.thumbIndexList a {
    text-decoration: none;
}

.thumbIndexList.scOff {
    display: none;
}

.thumbIndexListWrap:after {
    content: '.';
    display: block;
    height: 1;
    font-size: 0;
    clear: both;
    visibility: hidden;
}

.thumbIndexListWrap {
    margin-top: 50px;
}

.thumbIndexList {
    width: 33%;
    float: left;
    position: relative;
}

.thumbIndexList p,

.thumbIndexList ul,

.thumbIndexList h2,

.thumbIndexList h3 {
    margin-right: 10%;
}

.thumbIndexList p {
    margin-top: 5px;
    line-height: 1.5;
    font-size: 0.95em;
}

.thumbIndexList ul {
    margin-top: 20px;
}

.thumbIndexList h2,

.thumbIndexList h3 {
    margin-top: 13px;
    margin-bottom: 10px;
    font-size: 1.3em;
    line-height: 1.3;
}

.thumbIndexList h2 a,

.thumbIndexList h3 a {
    display: block;
}

.thumbIndexList .scAuthor {
    display: block;
    margin-top: 0;
    font-size: .8em;
}

.thumbIndexList .thumbImg {
    overflow: hidden;
    border-radius: 10px;
    position: relative;
}

.thumbIndexList .thumbImg .imgBtm {
    position: absolute;
    bottom: -40px;
}

.thumbIndexList .thumbImg img {
    width: 100%;
    border-radius: 10px;
    height: auto !important;
}

.thumbIndexList .comBage li {
    font-size: 0.8em;
    line-height: 1.2;
}

.thumbNew {
    position: absolute;
    top: -20px;
    left: 50%;
    margin-left: -35px;
    width: 50px;
    height: 50px;
    z-index: 10;
    background-color: #d41500;
    border-radius: 50%;
    display: block;
    text-align: center;
    line-height: 4;
    color: #fff;
    font-size: 13px;
}

.thumbIndexList .thumbImg a:hover img {
    filter: alpha(opacity=80);
    -moz-opacity: 0.8;
    opacity: 0.8;
}

/* for smt

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

@media only screen and (max-width: 767px) {

    #thumbIndexs {
        margin-right: -20px;
    }

    .thumbIndexList .thumbImg {
        height: 90px;
    }
}



/* -- .bookArea */

.bookArea {
    margin-top: 30px;
    padding: 20px 0;
    border-top: solid 1px #ccc;
    border-bottom: solid 1px #ccc;
}

.bookArea p {
    margin-top: 0;
}

.bookArea .img,

.bookArea .txt,

.bookArea .img {
    float: left;
    width: 15%;
}

.bookArea .img img {
    width: 100%;
}

.bookArea .txt {
    float: right;
    width: 80%;
}

.bookArea .comBtn {
    text-align: left;
}

.bookArea:after {
    content: '.';
    display: block;
    height: 1;
    font-size: 0;
    clear: both;
    visibility: hidden;
}



/* alignCenter */

.alignCenter {
    text-align: center;
}



/* reset

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

#head p,#head ul,#head dl,#head table,#head h2,#head h3,#head h4,#head h5,

#foot p,#foot ul,#foot dl,#foot table,#foot h2,#foot h3,#foot h4,#foot h5,

#sideBar p,#sideBar ul,#sideBar dl,#sideBar table,#sideBar h2,#sideBar h3,#sideBar h4,#sideBar h5 {
    margin-top: 0;
    margin-bottom: 0;
}

#head a,

#foot a,

#sideBar a {
    text-decoration: none;
}

/* wrappers

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

/* header

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

#head {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 888;
    padding: 28px 22px;
    background: url(../images/background.jpg);
}

#head.moveHead {
    filter: alpha(opacity=80);
    -moz-opacity: 0.8;
    opacity: 0.8;
    background-color: #fcfcfc;
}

#logo {
    position: absolute;
    top: 30px;
    left: 50%;
    margin-left: -75px;
    width: 150px;
}

h1#logo {
    top: 25px;
    left: 50%;
}
#logo img{
    max-width:100%;
}

#head:after {
    content: '.';
    display: block;
    height: 1;
    font-size: 0;
    clear: both;
    visibility: hidden;
}

/* cmnLang */

#cmnLang {
    float: right;
    margin-top: 12px;
}

.top #cmnLang {
    position: fixed;
    top: 50%;
    right: 22px;
    margin-top: -25px;
    float: none;
}

#cmnLang ul {
    text-align: right;
}

#cmnLang li {
    display: inline-block;
    font-size: 120%;
}

#cmnLang a,

#cmnLang a:visited {
    color: #666
}

#jp .laJp a {
    color: #de4b3b;
}

#en .laEn a {
    color: #de4b3b;
}

/* iconMenu */

.iconMenu {
    cursor: pointer;
    position: absolute;
    left: 20px;
    top: 20px;
    z-index: 999;
    background-color: #d41500;
    padding: 30px 13px 10px 13px;
    border-radius: 30px;
    color: #fff;
    background-image: url(../images/menu_icon.gif);
    background-repeat: no-repeat;
    background-position: 50% 15px;
    font-size: 80%;
    text-align: center;
}

.top .iconMenu {
    position: fixed;
    top: 50%;
    left: 22px;
    margin-top: -25px;
    float: none;
}

.iconMenu.close {
    background-image: url(../images/menu_icon_close.gif);
    background-repeat: no-repeat;
    background-position: 50% 12px;
}



/* gnav

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

/* siteLists */

#gnavContent {
    display: none;
}

.on#gnav {
    background: url(../images/background.jpg);
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #fff;
    z-index: 999;
    display: block;
}
/*#gnav{*/
    /*background: url(../images/background.jpg);*/
/*}*/
#gnavContent {
    background: url(../images/background.jpg);
    position: absolute;
    top: 50%;
    left: 50px;
    right: 50px;
    margin-top: -300px;
}

/* logo */

#gLogo {
    text-align: center;
}
#gLogo a img{
    max-width:120px;
    width:100%;
}

/* siteLists */

#gnav .siteLists {
    margin: 40px auto 0 auto;
    width: 70%;
}

/* menu title */

#gnav .siteLists ul li a.CateList span {
    padding: 5px 0;
}

#gnav .siteLists ul li a.CateList {
    position: relative;
}

#gnav .siteLists ul li a.CateList:before {
    content: " ";
    display: block;
    height: 20px;
    width: 20px;
    border-radius: 10px;
    margin-top: -42px;
    background-color: #d41500;
    position: absolute;
    left: 40%;
    margin-left: -10px;
}

#gnav .siteLists ul li {
    float: left;
    width: 25%;
    text-align: center;
    padding-top: 42px
}

#gnav .siteLists ul li li {
    float: none;
    width: auto;
    background-image: none;
    margin-top: 10px;
    padding: 0 20px;
    font-size: 92%;
}

#gnav .siteLists ul:after {
    content: '.';
    display: block;
    height: 1;
    font-size: 0;
    clear: both;
    visibility: hidden;
}

#gnav .siteLists ul {
    position: relative;
}/* line */

#gnav .siteLists ul ul {
    margin-top: 15px;
    padding-top: 15px;
}

#gnav .siteLists ul ul:before {
    content: " ";
    display: block;
    height: 1px;
    width: 10px;
    background-color: #666;
    position: absolute;
    left: 50%;
    margin-left: -5px;
    margin-top: -11px;
}

#gnav .siteLists ul ul.menuLineSec {
    margin-top: 15px;
    padding-top: 15px;
    background-image: url(../../images/dot_red.gif);
}

/* siteListsUnder */

#gnav .siteListsUnder {
    padding-top: 40px;
}

#gnav .siteListsUnder ul {
    text-align: center;
}

#gnav .siteListsUnder li {
    display: inline-block;
    margin: 0 40px;
}

/* font */

#gnav .siteLists ul li a.CateList {
    font-size: 150%;
}/* font */

#gnav .siteLists ul li a.CateList span {
    display: block;
    font-size: 50%;
}

#gnav .siteListsUnder li {
    font-size: 90%;
}

#gnav .siteListsUnder ul li a.newWin,

#gnav .siteLists ul li a.newWin {
    display: inline-block;
    padding-right: 25px;
    background: url(../../images/ico_newwin_g.png);
    background-repeat: no-repeat;
    background-position: 100% 50%;
}

#gnav .siteListsUnder ul li a.newWin {
    padding-right: 20px;
}



/* content

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

#content {
    padding: 0 70px;
    margin: 110px auto 0 auto;
    padding-bottom: 93px;
    position: relative;
    max-width: 1280px;
}

#content:after {
    content: '.';
    display: block;
    height: 1;
    font-size: 0;
    clear: both;
    visibility: hidden;
}

#mainContent {
    width: 72%;
    float: right;
}

/* breadcrumb */

#breadcrumb {
    position: relative;
    z-index: 2;
    padding-bottom: 32px;
    margin-left: -30px;
}

#breadcrumb li {
    display: inline;
    padding-right: 5px;
    font-size: 0.9em;
}

#breadcrumb li a {
    padding-right: 5px;
    text-decoration: none;
}



/* sidebar

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

#sideBar {
    width: 25%;
    float: left;
    padding-top: 10px;
}

#sideBar h2 {
    padding-bottom: 15px;
    font-size: 1.7em;
    color: #d41500;
}

#sideBar nav li {
    margin-top: 29px;
    font-size: 0.9em;
}

#sideBar nav li {
    margin-top: 15px;
    margin-left: 10px;
    font-size: 1em;
}

#sideBar nav li a {
    display: inline-block;
}

#sideBar nav ul.navLine {
    margin-top: 12px;
    padding-top: 12px;
}

#sideBar nav ul.navLine:before {
    content: " ";
    display: block;
    height: 1px;
    width: 6px;
    background-color: #666;
}

#sideBar nav li a.newWin {
    padding-right: 25px;
    background: url(../../images/ico_newwin_g.png);
    background-repeat: no-repeat;
    background-position: 100% 50%;
}

#sideBar nav li ul {
    display: none;
}

#sideBar nav li.current-cat ul,

#sideBar nav li.current-cat-parent ul {
    display: block;
}



/* footer

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

footer {
    text-align: center;
    padding: 15px 0;
}

.top footer {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
}

#sns {
    padding: 5px;
}

#sns li {
    display: inline-block;
    padding: 8px;
}

small {
    font-size: 80%;
    display: block;
    text-align: center;
}

#pageTOP {
    position: fixed;
    bottom: 50px;
    right: 10px;
    overflow: hidden;
    background: url(../../images/ico_pagetop.png) no-repeat 0 0;
}

#pageTOP,

#pageTOP a {
    display: block;
    width: 40px;
    height: 40px;
    text-indent: -9999px;
}

#pageTOP {
    display: none
}

#dotBg {
    position: fixed;
    height: 1%;
    bottom: 0;
}

#dotBg.on {
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
}

#wrapper #dotBg.off {
    display: none;
}

/* all nav current

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

.worksActivities #sideBar nav li.CworksActivities ul,

.worksActivitiesIndex #sideBar nav li.CworksActivities ul,

.networkTleadershipIndex #sideBar nav li.CnetworkTleadership ul,

.networkTleadership #sideBar nav li.CnetworkTleadership ul,

.worksForSuccessIndex #sideBar nav li.CworksForSuccess ul,

.worksForSuccess #sideBar nav li.CworksForSuccess ul,

.aboutusRecruit #sideBar nav li ul,

#sideBar nav li.on ul {
    display: block;
}

#sideBar nav .current_page_item a,

#sideBar nav .current-cat a,

.worksActivitiesIndex .CworksActivities a,

.worksActivitiesIndex .CworksActivities a:link,

.worksActivitiesIndex .CworksActivities a:visited,

.networkTleadershipIndex .CnetworkTleadership a,

.networkTleadershipIndex .CnetworkTleadership a:link,

.networkTleadershipIndex .CnetworkTleadership a:visited,

.worksForSuccessIndex .CworksForSuccess a,

.worksForSuccessIndex .CworksForSuccess a:link,

.worksForSuccessIndex .CworksForSuccess a:visited,

.newsIndex .CnewsIndex a.CateList,

.newsIndex .CnewsIndex a.CateList:link,

.newsDetail .CnewsIndex ul a:visited,

.newsDetail .CnewsIndex ul a.CateList,

.newsDetail .CnewsIndex ul a.CateList:link,

.newsIndex .CnewsIndex a.CateList:visited,

.aboutusIndex .CaboutusIndex a.CateList,

.aboutusIndex .CaboutusIndex a.CateList:link,

.aboutusIndex .CaboutusIndex a.CateList:visited,

.aboutusKeyfacts .CaboutusKeyfacts a,

.aboutusKeyfacts .CaboutusKeyfacts a:link,

.aboutusKeyfacts .CaboutusKeyfacts a:visited,

.aboutusServise .CaboutusServise a,

.aboutusServise .CaboutusServise a:link,

.aboutusServise .CaboutusServise a:visited,

.aboutusHistory .CaboutusHistory a,

.aboutusHistory .CaboutusHistory a:link,

.aboutusHistory .CaboutusHistory a:visited,

.aboutusBrand .CaboutusBrand a,

.aboutusBrand .CaboutusBrand a:link,

.aboutusBrand .CaboutusBrand a:visited,

.aboutusMessage .CaboutusMessage a,

.aboutusMessage .CaboutusMessage a:link,

.aboutusMessage .CaboutusMessage a:visited,

.aboutusDo .CaboutusDo a,

.aboutusDo .CaboutusDo a:link,

.aboutusDo .CaboutusDo a:visited,

.aboutusBrand .CaboutusBrand a,

.aboutusBrand .CaboutusBrand a:link,

.aboutusBrand .CaboutusBrand a:visited,

.aboutusMembers .CaboutusMembers a,

.aboutusMembers .CaboutusMembers a:link,

.aboutusMembers .CaboutusMembers a:visited,

.aboutusAccess .CaboutusAccess a,

.aboutusAccess .CaboutusAccess a:link,

.aboutusAccess .CaboutusAccess a:visited,

.aboutusRecruit .CaboutusRecruit a,

.aboutusRecruit .CaboutusRecruit a:link,

.aboutusRecruit .CaboutusRecruit a:visited,

.networkMap .CnetworkMap a,

.networkMap .CnetworkMap a:link,

.networkMap .CnetworkMap a:visited,

.networkIndex .CnetworkIndex a.CateList,

.networkIndex .CnetworkIndex a.CateList:link,

.networkIndex .CnetworkIndex a.CateList:visited,

.networkWorldWide .CnetworkWorldWide a,

.networkWorldWide .CnetworkWorldWide a:link,

.networkWorldWide .CnetworkWorldWide a:visited,

.worksIndex .CworksIndex a.CateList,

.worksIndex .CworksIndex a.CateList:link,

.worksIndex .CworksIndex a.CateList:visited,

.worksShowcaseIndex .CworksShowcase a,

.worksShowcaseIndex .CworksShowcase a:link,

.worksShowcaseIndex .CworksShowcase a:visited,

.worksShowcase .CworksShowcase a,

.worksShowcase .CworksShowcase a:link,

.worksShowcase .CworksShowcase a:visited,

.worksShowcaseDetail .CworksShowcase a,

.worksShowcaseDetail .CworksShowcase a:link,

.worksShowcaseDetail .CworksShowcase a:visited,

.utilityContact .CutilityContact a,

.utilityContact .CutilityContact a:link,

.utilityContact .CutilityContact a:visited,

.utilityPolicy .CutilityPolicy a,

.utilityPolicy .CutilityPolicy a:link,

.utilityPolicy .CutilityPolicy a:visited,

.utilitySite .CutilitySite a,

.utilitySite .CutilitySite a:link,

.utilitySite .CutilitySite a:visited {
    color: #d41500;
}



/* for smt

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

@media only screen and (max-width: 767px) {

    #head #logo {
        width: 100%;
        left: 0;
        text-align: center;
        margin: 0;
    }

    #head #logo img {
        /*width: 40%;*/
    }

    #content {
        margin: 0;
        padding: 0 20px 50px;
    }

    #wrapper {
        min-width: 320px;
    }

    .IndexLists li {
        float: none;
        width: auto;
        margin-top: 50px;
    }

    .IndexLists li a,

    .IndexLists li span.coming {
        margin-left: 0;
    }

    #mainContent,#sideBar {
        float: none;
        width: auto;
    }

    #sideBar {
        border-top: solid 1px #ccc;
        margin-top: 50px;
        padding-top: 45px;
    }

    #sideBar nav li {
        margin-top: 20px;
    }

    #breadcrumb {
        margin-left: 0;
    }

    #cmnLang {
        margin-top: 0;
    }

    /* menu */

    #head,

    #gnav.on,

    #gnav.on #gnavContent {
        position: relative;
        left: auto;
        right: auto;
        bottom: auto;
        top: auto;
    }

    #gnav.on #gnavContent {
        margin-top: 0;
    }

    #gnav .siteLists {
        width: 98%;
    }

    #gnav .siteLists ul li {
        width: 49%;
    }

    #gnav .iconMenu {
        top: 15px;
    }

    #gnav.on .iconMenu {
        top: -14px;
        left: -2px;
    }

    #gnav .siteLists li {
        margin-bottom: 30px;
    }

    #gnav .siteLists ul {
        padding-left: 10px;
        padding-right: 10px;
    }

    #gnav .siteLists ul li li {
        padding: 0;
        margin: 6px 0 0;
    }

    #gnav .siteListsUnder {
        padding-top: 20px;
    }

    #gLogo img {
        /*width: 40%;*/
    }

    #gnav .iconMenu {
        padding: 30px 13px 10px;
        background-position: 50% 15px
    }

    #gnav.on .iconMenu {
        background-position: 50% 10px
    }



    /* keyvisual */

    #content .keySlider {
        top: 50px;
    }

    #dotBg {
        display: none;
    }

    #IndexContent h1 {
        width: 100px;
        height: 90px;
        line-height:1.2;
    }

    #IndexContent h1 .inH1 {
        margin-top: 30px;
    }

    #content .keySlider li img {
        width: 140%;
    }

    #content .keySlider li {
        width: 100%;
        overflow: hidden;
    }

    .IndexListsUnder .menuSet {
        width: 90%;
        float: none;
        margin-left: auto;
        margin-right: auto;
    }
}