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

	ミプロ用
	ブランド管理システム

	brand.css	サイト共通 スタイルシート

*****************************************************************************/
body {
font-family: -apple-system, BlinkMacSystemFont, 'Hiragino Sans', 'Hiragino Kaku Gothic ProN', '游ゴシック  Medium', meiryo, sans-serif;
font-size: 1.4rem;
}

html{font-size: 62.5%;}

TABLE{
	color:#000000;
font-family: -apple-system, BlinkMacSystemFont, 'Hiragino Sans', 'Hiragino Kaku Gothic ProN', '游ゴシック  Medium', meiryo, sans-serif;
font-size: 1.4rem;
}
/*
BODY{
	font-family:	"ＭＳ ゴシック";
}
TABLE{
	color:#000000;
	font-family:	"ＭＳ ゴシック";
	font-size:14px;
}
*/

.ime_on{
	ime-mode : active;
}

.ime_off{
	ime-mode : inactive;
}
h1{
	font-size:20pt;
	font-weight: bold;
	padding:10 0 0 10;
	color:royalblue;
}
h2{
	font-size:120%;
	color:#000000;
	padding:1.1em 0 0 0;
}
h2 a{
	font-size:100%;
	color:#283B8E;
	padding:1.1em 0 0 0;
	text-decoration:none;
}
h2 a:hover{
	text-decoration:underline;
}

/* index.php用 */
.idx1{ /*MIPRO ロゴ*/
	display: block;
	margin: 0 auto;
	width: 600px;
	text-align: left;
}
.idx2,.idx3{
	display: block;
	margin: 0 auto;
	width: 600px;
	padding:5;
	border: solid 1px black;
	text-align: center;
	/*font-size:18pt;*/
	font-size:16pt;
	font-weight: bold;
}
.idx2{ /*掲載お申込み 受付サイト*/
	background-color: green;
	color: white;
}
.idx3{ /*申込み内容確認サイト*/
	background-color: white;
	color: green;
}
.idx4{ /*IE、BRAND LOGIN システムメンテナンス*/
	display: block;
	margin: 0 auto;
	width: 600px;
	font-size:12px;
	text-align: left;
	line-height: 18px;
}
.idx5,.idx6,.idx7{
	display: block;
	margin: 0 auto;
	width: 600px;
	font-size:12px;
	line-height: 15px;
}
.idx5{ /*利用マニュアル*/
	font-weight: bold;
	text-align: left;
}
.idx6{ /*お願い*/
	font-weight: bold;
	text-align: left;
}
.idx7{ /*受付終了説明*/
	font-weight: normal;
	text-align: left;
}
.idx8{ /*確認サイト説明*/
	display: block;
	margin: 0 auto;
	width: 600px;
	background-color: white;
	padding:5;
	border: solid 2px green;
	font-weight: bold;
	font-size:14px;
	text-align: center;
	line-height: 18px;
}
.idx9{ /*SSL ロゴ・説明の枠取*/
	display: block;
	margin: 0 auto;
	width:600px;
	text-align: left;
}
.idx10{ /*SSL ロゴ*/
	float: left;
	display: block;
	width:105px;
	height: 55px;
}
.idx11{ /*SSL 説明*/
	display: block;
	width: 600px;
	height: 60px;
	font-weight: normal;
	font-size:10px;
	text-align: left;
	line-height: 12px;
}

/* 入力メニューBODY */
.nn{
	color:#000000;
	font-weight: bold;
	font-size:100%;
	background-color : #ffffff;
	vertical-align:middle;
	text-decoration:none;
	padding-left: 5px;
}
.n1{ /* 管理者メニュー表示用アイコン */
	display: block;
	float: left;
	color:#ffffff;
	font-weight: bold;
	font-size:12px;
	background-color : #999999;
	width:90px;
	height:18px;
	padding-left: 5px;
	padding-top:3px;
	text-decoration:none;
	text-align:center;
}
.n1:hover{
	background-color : #666666;
}
.n1k{ /* 管理者メニュー国内権利者 */
	display: block;
	float: left;
	color:#ffffff;
	font-weight: bold;
	font-size:12px;
	background-color : #999999;
	width:160px;
	height:18px;
	padding-left: 5px;
	padding-top:3px;
	text-decoration:none;
	text-align:center;
}
.n1k:hover{
	background-color : #666666;
}
.n2{ /* 一般メニュー表示用アイコン */
	display: block;
	float: left;
	color:#ffffff;
	font-weight: bold;
	font-size:12px;
	background-color : #25bc25;
	width:167px;
	height:18px;
	padding-left: 5px;
	padding-top:3px;;
	text-decoration:none;
	text-align:center;
}
.n2:hover{
	background-color : #20a320;
}
.n3{ /* FAQ表示用アイコン */
	display: block;
	float: left;
	color:#ffffff;
	font-weight: bold;
	font-size:12px;
	background-color : #25bc25;
	width:100px;
	height:18px;
	padding-left: 5px;
	padding-top:3px;
	text-decoration:none;
	text-align:center;
}
.n3:hover{
	background-color : #20a320;
}

.nmk{ /* 申込メニュー表示用アイコン */
	display: block;
	float: left;
	color:#ffffff;
	font-weight: bold;
	font-size:12px;
	background-color : #3366FF;
	width:167px;
	height:18px;
	padding-left: 5px;
	padding-top:3px;;
	text-decoration:none;
	text-align:center;
}
.nmk:hover{
	background-color : #3333FF;
}

.nsk{ /* 請求メニュー表示用アイコン */
	display: block;
	float: left;
	color:#ffffff;
	font-weight: bold;
	font-size:12px;
	background-color : #FF33CC;
	width:167px;
	height:18px;
	padding-left: 5px;
	padding-top:3px;;
	text-decoration:none;
	text-align:center;
}
.nsk:hover{
	background-color : #FF3366;
}

.nbr{ /* ブランドメニュー表示用アイコン */
	display: block;
	float: left;
	color:#ffffff;
	font-weight: bold;
	font-size:12px;
	background-color : #25bc25;
	width:167px;
	height:18px;
	padding-left: 5px;
	padding-top:3px;;
	text-decoration:none;
	text-align:center;
}
.nbr:hover{
	background-color : #20a320;
}

.njk{ /* 国内権利者メニュー表示用アイコン */
	display: block;
	float: left;
	color:#ffffff;
	font-weight: bold;
	font-size:12px;
	background-color : #FFCC33;
	width:167px;
	height:18px;
	padding-left: 5px;
	padding-top:3px;;
	text-decoration:none;
	text-align:center;
}
.njk:hover{
	background-color : #FF9933;
}

.nt{ /* 抽出フォームＤＢ名　*/
	width:80px;
	vertical-align:top;
	font-weight: bold;
}

.ntc{ /* 抽出フォーム表カラム　*/
	width:170px;
	vertical-align:top;
}

/* 説明文 */
.c1{
	font-size:9pt;
	color:#283B8E;
	text-decoration:none;
}

.c2{
	position: absolute; 
	top: 180px; 
	left:525px;
}

.fukidashi {
    display: none;
    position: absolute;
    padding: 10px;
    font-size: 12px;
    line-height: 1.6em;
    color: #000;
    border: 2px solid red;
    border-radius: 5px;
    background: #fff;
    width: 370px;
}
.fukidashi:after{
    content: "";
    position: absolute;
    border: 15px solid transparent;
    border-top: 15px solid red;
    margin-top: 10px;
    margin-left: 260px;
}

.c2:hover .fukidashi{
	display: block;
	position: absolute;
	top: -140px;
	left: -250px;
	z-index: 10;
}
 
.c3{
	text-decoration:none;
}

.fukidashi2 {
    display: none;
    position: absolute;
    padding: 10px;
    font-size: 12px;
    line-height: 1.6em;
    color: #000;
    border: 2px solid red;
    border-radius: 5px;
    background: #fff;
	text-align:left;
    width: 300px;
}
.fukidashi2:after{
    content: "";
    position: absolute;
    border: 15px solid transparent;
    border-top: 15px solid red;
    margin-top: 30px;
    margin-left: -100px;
}
.c3:hover .fukidashi2{
	display: block;
	position: absolute;
	top: 110px;
	left: 180px;
	z-index: 10;
}
.c4:hover .fukidashi2{
	display: block;
	position: absolute;
	top: 90px;
	left: 280px;
	z-index: 10;
}
/* IEのみ適用
@media all and (-ms-high-contrast: none) {
	.c3:hover .fukidashi2{
		display: block;
		position: absolute;
		top: 115px;
		left: 180px;
		z-index: 10;
	}
}
*/
/* 申込企業 */
BODY.mm1{
	background-color : #e3e1e1;
}
.keim1{
	/*background-color : #0066cc;*/
	background-color : lightsteelblue;
}
.keiam1{
	background-color : #e3e1e1;
}

/* 請求先企業 */
BODY.mm2{
	background-color : #ffcccc;
}
.keim2{
	background-color : palevioletred;
}
.keiam2{
	background-color : #ffcccc;
}

/* ブランド */
BODY.mm3{
	background-color : #ccffcc;
}
.keim3{
	background-color : mediumaquamarine;
}
.keiam3{
	background-color : #ccffcc;
}

.fsize10{ /* br.phpで表側が折り返した場合のfontサイズ */
	font-size:12px;
}
.fsize1_dsp, .fsize3_dsp{ /* br_dsp.php */
	vertical-align: top;
	font-size:12px;
	font-weight: bold;
	width: 200px;
}

.fsize2_dsp, .fsize4_dsp{ /* br_dsp.php */
	font-size:14px;
	width: 470px;
}

.fsize3_dsp{ /* br_dsp.php */
	width: 100px;
}

.fsize4_dsp{ /* br_dsp.php */
	width: 240px;
}

.btn_k{ /*検索ボタン*/
	float: left;
	width: 50px;
	height: 50px;
	padding: 0px;
	font-size:10px;
	background-color:pink;
}


/* 国内権利者 */
BODY.mm4{
	background-color : khaki;
}
.keim4{
	background-color : sandybrown;
}
.keiam4{
	background-color : khaki;
}

.ast{ /* 必須入力項目表示　＊　の色 （miproロゴと同じ色） */
	color:royalblue;
	font-weight: bold;
	font-size:18px;
	padding-left: 5px;
}

.logoff{
	width:70px;
	height:40px;
	font-size:16px;
	font-weight: bold;
}

.bksm{ /*brj.php 国内権利者追加説明用 */
	border:black 1px solid;
	color:black;
	font-weight: bold;
	font-size:12px;
	width:140px;
	padding: 5px;
}

.tan{ /*mk, sk, jk*/
	background-color : white;
	border: solid 1px gray;
	margin: 3px 0;
	padding: 6px 3px;
	width: 400px;
	font-size:12px;
	color: #333333;
}