/* 指針Web CSS */

*{ font-family: arial,sans-serif; box-sizing: border-box; }
body{ margin: 0; padding: 0; min-width: 1200px; width: 100%; min-height: 100%; positon: relative; background-color: #fff; }

.alignRight{ text-align: right; }
.hidden { display: none; }

header, article, footer{ /*border: 1px solid #eee;*/ }
header{ height: 160px; background-color: #232f3e; /*padding: 3px; color: #fff;*/ }
.headArea{ padding: 8px 16px; position: relative; width: 1200px; margin: auto; }


.LogoBox{ display: inline-block; width: 200pt; border: 1px solid #91703F; padding: 0; }
.InfoBox{ display: inline-block; width: 400px; position: absolute; right: 16px; border: 0px solid #fff; text-align: right; font-size: 9pt; color: #fff; }
.LogoTop{ padding: 0 1.5em 0 6pt; border-bottom: 1px solid #91703F; position: relative; }
.LogoH1{ margin : 0.5em 0; }
.LogoImg{ display: inline-block; width: 60pt; height: 60pt; background-color: #0f0; position:absolute; right: 0; }
.LogoH2{ display: inline-block; padding-left: 6pt; margin-bottom: -2pt; }
.LogoSubColor{ color: #b10f41; font-size: 20pt; font-weight: 1000; padding-left: 6pt; }
.LogoSubSmall{ color: #fff; font-size: 12pt; font-weight: 1000; padding-left: 6pt; }
header h1{ font-family: "Noto Sans Japanese"; font-size: 18pt; color: #fff; line-height: 1.2em; display: inline-block; margin: 0; }
header h2{ font-size: 14pt; color: #fff; margin: 0; }

.mainArea{ border: 0px solid #000; padding: 8px 16px; margin: auto; margin-top: -160px; padding-top: 176px; padding-bottom: 60px; position: relative; width: 1200px; min-height: 100%; }

footer{ height: 60px; margin-top: -60px; width: 100%; background-color: #232f3e; }
.footArea{ display: table; /*border: 1px solid #fff;*/ padding: 8px 16px; position: relative; width: 1200px; margin: auto; }

.copyright{ display: table-cell; width: 50%; color: #fff; margin: 0; padding: 0; font-size: 10pt; }
.logoFoot{ display: table-cell; width: 50%; /*border: 1px solid #fff;*/ text-align: right; vertical-align: bottom; }


/* TopPage */
@font-face {
	src:url('ionicicons/ionicons.woff') format('woff');
}

#TopPage .headArea{ width: 960px; margin: auto; }

#TopPage .LogoBox{ display: inline-block; width: 250pt; border: 0px solid #91703F; padding: 0; }
#TopPage header{ height: 170px; background-color: #000; border-bottom: 1px solid #b10f41; }
#TopPage header h1{ color: #000; }
#TopPage header h2{ color: #000; }
#TopPage .LogoSubSmall{ color: #000; }
#TopPage header img { width: 430px; }

#TopPage footer{ background-color: #fff; border-top: 1px solid #b10f41; }
#TopPage .copyright{ color: #000; }
#TopPage .logoFoot{ color: #000; }

#TopPage .mainArea{ display: table; width: 962px; padding-bottom: 170px; margin-bottom: -140px; }


#TopPage .footArea{ width: 960px; background-color: #fff; padding-top: 10px; }
#TopPage .LinkList{ dispay: block; width: 100%; height: 160px; border-top: 1px solid #aaa; }
#TopPage .LinkInner{ dispay: block; width: 960px; margin: auto; padding: 0 16px; position: relative; }
#TopPage .LinkInner p{ margin: 0.5em; font-size: 10pt; }
.LinkList ul{ margin: 0; margin-left: -30px; margin-top: 10px; padding: 0; }
.LinkList li{ display: inline-block; list-style-type: none; margin-left: 30px; }
.LinkList li img { vertical-align: top; }
.mdsLink{ position: absolute; top: -26px; font-size: 12pt; font-family: "Noto Sans Japanese"; background-color: #aaa; color: #fff; padding: 0.25em 2em; }

/* Modal */
#ModalDispBack{ display: none; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,0.9); padding: 40px 0; }
.ModalDispInner{ height: auto; width: 800px; min-height: 200px; margin: auto; margin-bottom: 80px; background-color: #fff; padding: 1px; }
.DispTitle{ width: 100%; height: 46px;padding: 0.5em 1em; position: relative; background-color: #337; font-size: 14pt; font-weight: bold; color: #fff;  text-align: center; }
.ModalTitle{ display: inline-block; margin: auto; width: 962px; font-family: "Noto Sans Japanese"; text-align: left; padding: 0 0.5em; }
.CloseBtn{ position: absolute; top: 0; right: 6px; cursor: pointer;  font-size: 14pt; padding: 0.5em; }
.CloseBtn:hover{ color: #b10f41; }

.ModalDispInner h1{ font-size: 12pt; margin: 0.5em; margin-bottom: 1em; background-color: #669; color: #fff; padding: 0.25em 0.5em; }
.ModalContent{ /*height: 100%; overflow-y: scroll;*/ margin-top: 16px; padding-top: 10px; border: 1px solid #ddd; }
.ModalContentPara { margin: 0 2em; font-size: 10pt; }
.ModalContentPara *{ font-size: 10pt; }
table.Licence{ width: 740px; margin: auto; border-collapse: collapse; }
table.Licence td{ font-size: 12pt; border: 1px solid #447; padding: 0.5em; font-weight: bold; color: #447; }
table.LowInfo{ width: 740px; margin: auto; border-collapse: collapse; }
table.LowInfo td{ font-size: 10pt; border: 1px solid #447; padding: 0.25em 0.5em; }
table.LowInfo p{ margin: 0; }

.bold{ font-weight: bold; }
.kiyakujou{ margin-top: 1em!important; }

#UserAdd { display: none!important; }
.UserAdd #UserAdd { display: block!important; }


.MCWrap{ width: 100%; padding: 24px; border-top: 1px solid #ccc; margin-top: 1.5em; }
.MCLeft{ width: 560px; display: inline-block; padding: 0.5em; }
.MCRight{ width: 320px; display: inline-block; padding: 0.5em; vertical-align: top; }

.MCLeft img{ width: 100%; border: 1px solid #ddd; }