@charset "UTF-8";
@import "../../site/css/tbl.css";

/* リンクカラー */
a:link {color:#29609e;text-decoration:none;}
a:visited {color:#29609e;text-decoration:none;}
a:active {color:#00BFFF;text-decoration:none;}
a:hover {color:#00BFFF;text-decoration:underline;}

font.select{text-decoration:underline;font-weight: bold;}

/* body句全体の定義 */
html,body{
	background-color:#FFF;
	padding:0px;
	margin:0%;
}

/* 見出しの定義 */
h1,h2,h3,p,form{margin:0px;padding:0px;}


/* 左寄せ */
h1{
	float:left;
}


/* バックラインを引く */
h2{
	clear:both;
	background-color:#2E8B57;
	padding:5px 7px;
	font-size:90%;
	color:#FFFFFF;
}

h2.opt{
	background-color:#002C85;
}


/* 二重バックラインを引く */
/* 緑と青 */
h3{
	clear:both;
	background-color:#D1DCE7;
	border-top:2px solid #36506B;
	color:#003;
	padding:5px 7px;
	font-size:100%;
	line-height:150%;
}





/* U_300 */
span.redbox
{
	color:white;
	background-color:red;
	font-weight:bold;
	text-align:center;
}



/* s:actionerror */
.errorMessage
{
  color: red;
}



.logoff
{
	padding: 0px;
	margin:7px 3px 0px 0px;
	font-size:75%;
	float:right;
}

.logoff a:link {color:#006;text-decoration:none;}
.logoff a:visited {color:#006;text-decoration:none;}
.logoff a:active {color:#006;text-decoration:none;}
.logoff a:hover {color:#00f;text-decoration:underline;}




/* テーブルの設定 */
/* 文字サイズとマージン */
table.tb01{
	font-size:12px; margin:5px 0px 10px 15px;
}
/* テキスト左より・フォント太文字・パッディング */
table.tb01 th{
	text-align:left; font-weight:bold; padding:2px 4px;
}
/* パッディング */
table.tb01 td{
	padding:2px 4px;
}

/* テーブルの設定3 */
/* 文字サイズとマージン */
table.tb03{
	font-size:12px; margin:5px 0px 10px 0px;
}
/* テキスト左より・フォント太文字・パッディング */
table.tb03 th{
	text-align:left; font-weight:bold; padding:2px 4px;
}
/* パッディング */
table.tb03 td{
	padding:2px 4px;
}

/* テーブルの設定2 */
/* 文字サイズとマージン */
table.tb02{
	font-size:12px; margin:5px 0px 10px 15px; border-collapse:collapse; border:solid 1px #191970;
}
/* テキスト左より・フォント太文字・パッディング */
table.tb02 th{
	text-align:left; font-weight:bold; padding:2px 4px; border:solid 1px #191970;
}
/* パッディング */
table.tb02 td{
	padding:2px 4px; border:solid 1px #191970;
}

/* テーブルの設定 */
/* 文字サイズとマージン */
table.tb04{
	font-size:12px; margin:5px 0px 0px 15px;
}
/* テキスト左より・フォント太文字・パッディング */
table.tb04 th{
	text-align:left; font-weight:bold; padding:2px 4px;
}
/* パッディング */
table.tb04 td{
	padding:2px 4px;
}

/* テーブルの設定5 */
/* 文字サイズとパッディング、ボーダーの線を一本に */
table.tb05{
	table-layout:fixed; font-size:12px; padding:1px; border-collapse:collapse; margin-left:5px;
}
/* ボーダーの色と太さ・バックカラー:灰・文字色：白・文字をセンタリング・フォント太文字 */
table.tb05 th{
	border:solid 1px #666; background-color:#90969c; color:#FFF; text-align:center; font-weight:bold;
}
/* ボーダーの色と太さ・英数字がテーブルサイズを超えたら折り返す */
table.tb05 td{
	border:solid 1px #666;
}
table.tb05 tr.disHide{
	display:none;
}

/* テーブルの設定6 */
/* 文字サイズとマージン */
table.tb06{
	font-size:12px; margin:0px 0px 5px 15px;
}
/* テキスト左より・フォント太文字・パッディング */
table.tb06 th{
	text-align:left; font-weight:bold; padding:2px 4px;
}
/* パッディング */
table.tb06 td{
	padding:2px 4px;
}
/* テーブルの設定7 */
table.tb07{
	width:500px;border-collapse:collapse;border:double 2px #808080;
}

/* テーブルの設定 */
/* 文字サイズとマージン */
table.tb08{
	font-size:12px; margin:5px 0px 0px 15px;
}
/* テキスト左より・フォント太文字・パッディング */
table.tb08 th{
	text-align:left; font-weight:bold; padding:2px 4px;
}
/* パッディング */
table.tb08 td{
	padding:2px 4px;
}


/* 選択ボタンの装飾 */
.btn{
	pfont-size:14; background-color:#d2f1db; color:#05598d; border-style:solid; border-color:#05598d;border-width:2;
}

/* 2007.04.25 add */
/* ボタン：中サイズ */
.btn_middle{
	width:70px;
}


/* 見本用テキストボックス */
.textbox01{
	border-style:none;
	background:transparent;
}


/* バックカラー：白 */
.back01{
	background-color:#FFFFFF;
}

/* バックカラー：緑 */
.back02{;
	background-color:#F9F8F8;
}

/* バックカラー：ベージュ */
.back03{
	background-color:#FFFFCC;
}

/* バックカラー：ピンク */
.back04{
	background-color:#FFE4E1;
}

/* バックカラー：水色 */
.back05{
	background-color:#EEF3F7;
}

/* リストの背景色を一行ずつ変える */
/* 緑 */
.color1{
	background-color:#e7eeea;
}

/* 白 */
.color2{
	background-color:#FFF;
}

/* ベージュ */
.color3{
	background-color:#FFFFCC;
}


.cManagement {
    background-color:#CCCCFF;
}
.cServiceman {
    background-color:#E7EEEA;
}
.cReference {
    background-color:#FFCC99;
}
.cDealer {
    background-color:#FFFF99;
}
.cUser {
    background-color:#FFFFFF;
}


/* 幅：747・左より */
#rap{
	width:747px;
	margin:0px;
	padding:0px;
	text-align: left;
}

/* 幅：720・マージン左から18px・左より */
#rap #contents{
	width:720px;
	margin-left:18px;
	padding:0px;
	text-align: left;
}

/* 幅：720・マージン左から18px・左より */
#rap #contents2{
	width:800px;
	margin-left:18px;
	padding:0px;
	text-align: left;
}

/* 左寄せ、右寄せの回り込みの解除・文字サイズ：80%・文字色:青 */
#contents p{
	clear:both;
	font-size:80%;
	color:#006;
	margin:0px 5px 5px;
	padding:0px;
}

/* 左寄せ、右寄せの回り込みの解除 */
#menuArea{
	clear:both;
}

/* 文字サイズ12px・太文字 */
#menuArea a{
	font-size:12px; font-weight:bold;
}



/* UM_100 セルから溢れた値を表示しない*/
table.tb05 div.oflow{
	width:70px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: clip;
}

table.tb01 div.mrules_ja{
    height:50px;
    width:680px;
    font-size:12px;
    border:solid 1px #6495ed;
    background-color:#ffffff;
    overflow:auto;
}

table.tb01 div.mrules_us{
    height:40px;
    width:680px;
    font-size:12px;
    border:solid 1px #6495ed;
    background-color:#ffffff;
    overflow:auto;
}

table.tb01 div.mrules_us_pj{
    height:90px;
    width:680px;
    font-size:12px;
    border:solid 1px #6495ed;
    background-color:#ffffff;
    overflow:auto;
}

/*2009.10.07 中国・スペイン追加*/
/*仕様が未確定なので英語と同じにしています*/
table.tb01 div.mrules_ch{
    height:200px;
    width:680px;
    font-size:12px;
    border:solid 1px #6495ed;
    background-color:#ffffff;
    overflow:auto;
}

table.tb01 div.mrules_sp{
    height:200px;
    width:680px;
    font-size:12px;
    border:solid 1px #6495ed;
    background-color:#ffffff;
    overflow:auto;
}

table.tb03 .country{
    width:90px;
}
table.tb03 .modelnm{
    width:90px;
}
table.tb03 .serial{
    width:80px;
}
table.tb03 .pshop{
    width:125px;
}
table.tb03 .pdate{
    width:75px;
}
table.tb03 .location{
    width:100px;
}
#textbox01{
	border-style:none;
	background:transparent;
}
#msg {
	font-size:80%;
}

#rap2{
	width:100%;
	margin:0px;
	padding:0px;
	text-align: left;
}

#rap2 #contents2{
	width:95%;
	margin:2ex 0ex 0ex 2ex;
	padding:0px;
	text-align: left;
}
/* 左寄せ、右寄せの回り込みの解除・文字サイズ：80%・文字色:青 */
#contents2 p{
	clear:both;
	font-size:80%;
	color:#006;
	margin:0px 5px 5px;
	padding:0px;
}

/* TOP PAGE start */
.p2_welcomeTD{
	border-bottom:1px solid #FF9900;
}
.p2_welcomeHuman{
	margin:0px 10px 0px 10px;
}

.p2_updateTxt{
	font-size:0.8em;
	text-align:right;
}

#p2_info{
	background-image:url(/p2ui/library/images/oshirase_bg.gif);
	margin:10px 0px 10px 0px;
	line-height:100%;
}

.p2_arrow{
	margin:0px 7px 0px 7px;
}

.p2_toparrow{
	margin:0px 7px 0px 0px;
}

.p2_arrow_white{
	margin:9px 7px 10px 7px;
	vertical-align:middle;
}

.p2_subhdrTD{
	color:#FFFFFF;
	font-weight:bold;
}

#p2_subhdr_newTD{
	background-image:url(/p2ui/library/images/subhdr_a.jpg);
	background-repeat:no-repeat;
}

#p2_subhdr_voiceTD{
	background-image:url(/p2ui/library/images/subhdr_c.jpg);
	background-repeat:no-repeat;
}

#p2_subhdr_searchTD{
	background-image:url(/p2ui/library/images/subhdr_b.jpg);
	background-repeat:no-repeat;
}

#p2_subhdr_libraryTD{
	background-image:url(/p2ui/library/images/subhdr_d.jpg);
	background-repeat:no-repeat;
}
#p2_subhdr_rankingTD{
	background-image:url(/p2ui/library/images/subhdr_e.jpg);
	background-repeat:no-repeat;
}
#p2_subhdr_favoriteTD{
	background-image:url(/p2ui/library/images/subhdr_f.jpg);
	background-repeat:no-repeat;
}

#p2_content_newTD{
	border-left:1px solid #CCCCCC;
	border-right:1px solid #CCCCCC;
	background-image:url(/p2ui/library/images/contentbg_a.gif);
	background-repeat:no-repeat;
	height:96px;
}

#p2_content_voiceTD{
	border-left:1px solid #CCCCCC;
	border-right:1px solid #CCCCCC;
	background-image:url(/p2ui/library/images/contentbg_c.gif);
	background-repeat:no-repeat;
	height:96px;
}

#p2_content_searchTD{
	border-left:1px solid #CCCCCC;
	border-right:1px solid #CCCCCC;
	background-image:url(/p2ui/library/images/contentbg_b.gif);
	background-repeat:no-repeat;
	height:136px;
}

#p2_content_libraryTD{
	border-left:1px solid #CCCCCC;
	border-right:1px solid #CCCCCC;
	background-image:url(/p2ui/library/images/contentbg_d.gif);
	background-repeat:no-repeat;
	height:96px;
}
#p2_content_rankingTD{
	border-left:1px solid #CCCCCC;
	border-right:1px solid #CCCCCC;
	background-image:url(/p2ui/library/images/contentbg_e.gif);
	background-repeat:no-repeat;
	height:96px;
}
#p2_content_favoriteTD{
	border-left:1px solid #CCCCCC;
	border-right:1px solid #CCCCCC;
	background-image:url(/p2ui/library/images/contentbg_f.gif);
	background-repeat:no-repeat;
	height:96px;
}

/*　local.css上書き */
table.tb03{
	margin-top: 4px;
	margin-bottom: 4px;
}
/* 上書き終わり */

a.p2_content:link{color:#000000;text-decoration:none;}
a.p2_content:visited {color:#000000;text-decoration:none;}
a.p2_content:hover{color:#0099FF;text-decoration:underline;}
a.p2_content:active {color:#000000;}

a.p2_white:link{
	color:#000;
	text-decoration:none;
}
a.p2_white:visited {
	color:#666;
	text-decoration:none;
}
a.p2_white:hover{color:#FFFF66;text-decoration:underline;}
a.p2_white:active {
	color:#333;
}

a.p2_order:link{color:#FFFFFF;text-decoration:none;}
a.p2_order:visited {color:#FFFFFF;text-decoration:none;}
a.p2_order:hover{color:#0099FF;text-decoration:underline;}
a.p2_order:active {color:#FFFFFF;}

/****************************************************/

.p2_menu{
	background-color:#FFF;
	font-weight:bold;
	font-size:1em;
	color:#000;
	margin-top: 5px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 0px;
	padding-top: 4px;
	padding-right: 0px;
	padding-bottom: 4px;
	padding-left: 0px;
}

.p2_libraryTitle{
	padding:2px 0px 2px 5px;
	margin:5px 0px 5px 0px;
	border-bottom-width: 1px;
	border-left-width: 10px;
	border-bottom-style: dotted;
	border-left-style: solid;
	border-bottom-color: #999999;
	border-left-color: #039;
}

.p2_backupTitle{
	padding:2px 0px 2px 5px;
	margin:5px 0px 5px 0px;
	border-bottom-width: 1px;
	border-left-width: 10px;
	border-bottom-style: dotted;
	border-left-style: solid;
	border-bottom-color: #999999;
	border-left-color: #039;
}
.p2_backupData{
	padding:2px 0px 2px 5px;
	margin:5px 0px 5px 0px;
}
.p2_backupDownload{
	float:right;
}



.p2_contentsSubtitle{
	margin:0px 0px 20px 20px;
	font-weight:bold;
	font-size:1em;
	border-bottom:1px solid #CCCCCC;
	padding:2px;
}

.p2_contentsDesc{
	margin:0px 0px 20px 20px;
	font-size:12px;
}


/* テーブルの設定8 */
/* 文字サイズとマージン */
table.tb09{
	font-size:12px; font-weight:bold; margin:0px 0px -8px 15px;
}
/* テキスト左より・フォント太文字・パッディング */
table.tb09 th{
	text-align:left; font-weight:bold; padding:2px 4px;
}
/* パッディング */
table.tb09 td{
	padding:2px 4px;
}

/* TOP PAGE end  */

#p2-footer-space{
}

/* セットアップデータBackup リンク */
a.lnk_setupdata_bk:link {color:#20B2AA;text-decoration:underline;}
a.lnk_setupdata_bk:visited {color:#20B2AA;text-decoration:underline;}
a.lnk_setupdata_bk:active {color:#3333FF;text-decoration:underline;}
a.lnk_setupdata_bk:hover {color:#3333FF;text-decoration:underline;}

/* header 英語「Search」ﾚｲｱｳﾄ */
div#search input.query{
	width:125px;
	margin-right:2px;
	padding:1px 2px;
	height:16px;
	border:1px solid;
	border-color: #999 #ddd #ddd #999;
	background-color:#fff;
}
div#search input.submitQuery{
	width:50px;
	height:20px;
	border:1px solid;
	border-color: #ddd #aaa #aaa #ddd;
	vertical-align:top;
	background: #ddd;
}
.errorMsg{
	font-size:125%;
}

div#oflow_oshirase{
	width:460px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	cursor:hand;
}
div#oflow_whatsnew{
	width:450px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	cursor:hand;
}
div#oflow_ranking{
	width:150px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	cursor:hand;
}

/** ログインエリア **/
.p2loginarea{
	background-image:url(../images/p2loginareabg.gif);
	background-position:left top;
	background-repeat:no-repeat;
	width:738px;
	height:232px;
	font-size:12px;
	padding-top:43px;
}

.p2logintitlearea{
	border-bottom:2px solid #104bbb;
	/*margin:0px 10px 0px 200px;*/
	padding:0px 0px 5px 10px;
	font-size:12px;
}

.p2loginmessagearea{
	margin:20px 10px 20px 40px;
	font-size:12px;
}
.passtitle{
	width:190px;
}
/** 移項ログインエリア **/
.p2loginarea2{
	background-image:url(../images/p2loginareabg.gif);
	background-position:left top;
	background-repeat:no-repeat;
	width:738px;
	height:232px;
	font-size:12px;
	padding-top:43px;
}

.p2logintitlearea2{
	border-bottom:2px solid #104bbb;
	margin:0px 10px 0px 200px;
	padding:0px 0px 5px 10px;
	font-size:12px;
}

.p2loginmessagearea2{
	margin:20px 10px 20px 40px;
	font-size:12px;
}

.agreementmessagearea{
font-size:16px;
}

.agreementcontent{
	width:438px;
	height:432px;
	overflow: auto;
	font-size:16px;
}

.contentsButton{
	width:600px;
	height:80px;
	margin-left:80px;
	margin-bottom:10px;
	color: #fff;
	font-size:25px;
	font-weight: bold;
	cursor: pointer;
	text-align:left;
	padding-left:122px;
}

.withDrawalNotes{
	color: #ff0000;
	font-size:12px;
}

.remarksArea{
	width:510px;
	height:100px;
	resize: none;
}

#soundTopPageFrame{
	display: none;
}
}
