@charset "UTF-8";


/* 基本レイアウト用（原則追加変更不可） */

body  {
	font-family:"ＭＳ Ｐゴシック",Osaka,sans-serif;
	color:#444;
	font-size:85%;
	margin: 0;
	padding: 0;
	background:#FFF url(/optimus/images/widgets/body_background.png) repeat-y center 0px;
	letter-spacing:0.07em;
}
br {
	letter-spacing:0;
}
#CABINET { 
	width: 980px;
	margin: 0 auto;
	text-align: left;
	background:#FFF url(/optimus/images/widgets/cabinet_background.png) repeat-y -3px 0px;
} 



#MAINBG { 
	width:790px;
	margin:0;
	padding:0;
	float:left;
} 


#CONTENTS { 
	width:565px;
	margin:0px;
	padding: 12px 17px 30px 16px;
	text-align:left;
	float:right;
	line-height:1.5em;
} 


#haikei {
	width:980px;
	background:transparent url(/optimus/images/widgets/haikei_background.png) no-repeat 0px 0px;

}




/* パンくず
------------------------------------------------------------------------------------------*/
#CONTENTPATH {
	letter-spacing:0em;
	font-size:90%;
	color:#888;
	line-height:1.5em;
	clear:both;
	display:block;
	margin-bottom:30px;
}
#CONTENTPATH span{
	padding:0 7px;
}
#CONTENTPATH a,
#CONTENTPATH a:link {
	color:#999;
}



/* 上部へ移動リンク用
--------------------------------------------------------------*/
#MOVETOP {
	width:771px;
	position:relative;
	top:-20px;
	height:0;
	text-align:right;
}



.big {
	font-size:115%;
	line-height: 1.5em;
}
.xbig {
	font-size:125%;
	line-height: 1.5em;
}

.small{
	font-size:93%;
	letter-spacing:0.04em;
	line-height:1.4em;
}


.small-x{
	font-size:80%;
	letter-spacing:0em;
}



.clearfloat {
	clear:both;
	height:0;
	font-size: 1px;
	line-height: 0px;
}



/* 見出し
--------------------------------------------------------------*/

/* 見出し・強調
------------------------------------------------------------------------------------------*/
h1, h2, h3, h4 {
	font-weight:bold;
	line-height: 1.2em;
	color:#007bc7;
}
h1 {
	letter-spacing:0em !important;
	margin:0 0 1.2em 0;
	padding:0px 0 4px 0;
	font-size:208%;
	line-height: 1.15em;
	font-weight:normal;
}
h1 span.sub {
	font-size:50%;
	font-weight:normal;
	display:block;
	line-height:80%;
	margin:4px 0 4px 1px;
	letter-spacing:0.07em;
}
h2 {
	letter-spacing:0em !important;
	background:transparent url(/optimus/images/widgets/h2_background.png) no-repeat left top;
	border-bottom:1px solid #dddddd;
	padding:13px 4px 6px 28px;
	margin:2em 0 0.8em 0;
	font-size:165%;
	clear:both;
}
h2 span.sub {
	letter-spacing:0em;
	font-size:70%;
	font-weight:normal;
	display:block;
	line-height:1.5em;
	margin-bottom:0px;
}
h3 {
	letter-spacing:0em !important;
	background:transparent url(/optimus/images/widgets/h3_background.gif) no-repeat left bottom;
	padding:6px 0 2px 0;
	margin:1.5em 0 0.8em 0;
	font-size:125%;
	color:#2472a3;
}
h3 span.sub {
	letter-spacing:0em;
	font-size:90%;
	font-weight:normal;
	display:block;
	line-height:1.5em;
	margin-bottom:0px;
}
h4 {
	letter-spacing:0em !important;
	margin:0.5em 0 0.2em 0 !important;
	font-size:120%;
	color:#2472a3;
}

h5 {
	letter-spacing:0.05em;
	margin:20px 0 0.5em 0px;
	font-size:100%;
	background-color:#eee;
	padding:3px 7px;
	color:#000;
}





/* リンクカラー
--------------------------------------------------------------*/
a,
a:link {
	color:#03C;
	text-decoration:underline;
}
a:visited {
	color:#60C;
	text-decoration:underline;
}
a:active,
a:hover {
	color:#F60;
	text-decoration:none;
}




/* テキストカラー
--------------------------------------------------------------*/
/*　赤　*/
.red {
	color:#c00;

}

/*　青　*/
.blue{
	color:#0066FF;
}

/*　緑　*/
.green {
	color:#096;

}



/*　黒　*/
.black {
	color:black;

}







/*横罫線
--------------------------------------------------------------*/
hr {
	border:none;
	border-bottom:1px solid #CCC;
	background-color:#CCC;
	height:1px;

}


/* 黒　点線 */
.line_01 {
	background:url(/optimus/images/widgets/line_01.gif) repeat-x;
	height:1px;
	margin:5px 5px 8px 0px !important;


    }

/* グレー　点線 */
.line_02 {
	background:url(/optimus/images/widgets/line_02.gif) repeat-x;
	height:1px;
	margin:10px 0;

    }


/* 青　点線 */
.line_03 {
	background:url(/optimus/images/widgets/line_03.gif) repeat-x;
	height:1px;
	margin:10px 0;

    }


/* リスト定義
--------------------------------------------------------------*/
#CONTENTS ol, #CONTENTS ul {
	margin-top:0.3em;
	margin-bottom:1.5em;
	line-height:1.3em;

}

.no{
	list-style-type:none !important;
	margin-left:15px;
	padding:0px 0 0 0;

}


#CONTENTS li {
	margin-bottom:0.4em;
}

ul.alpha {
	list-style-type:lower-alpha;
}

#CONTENTS dl {
	margin-top:0.5em;
}

#CONTENTS dt {
	margin-bottom:0.4em;
}

#CONTENTS dd {
	margin-bottom:1.2em;
}



/* 画像回り込み
--------------------------------------------------------------*/
/* 左画像、回り込み */
img.imgL {
	float:left;
	margin-right:12px;
	margin-bottom:5px;
}
/* 右画像、回り込み */
img.imgR {
	float:right;
	margin-left:7px;
	margin-bottom:5px;
}


/* 左画像、回り込み、画像コメント有り */
div.imgL {
	text-align:center;
	color:#0099CC;
	font-size:88%;
	line-height:1.4em;
	float:left;
	margin-right:12px;
	margin-bottom:1em;
}
div.imgL img {
	margin-bottom:3px;
}
/* 右画像、回り込み、画像コメント有り */
div.imgR {
	text-align:center;
	color:#0099CC;
	font-size:88%;
	line-height:1.4em;
	float:right;
	margin-left:7px;
	margin-bottom:1em;
}
div.imgR img {
	margin-bottom:3px;
}

/* 画像、画像の下にコメント有り */
div.imgC, p.imgC {
	text-align:center;
	color:#0099CC;
	font-size:88%;
	line-height:1.4em;
}
div.imgC img, p.imgC img {
	margin-bottom:3px;
}


/* 回り込み（汎用）
--------------------------------------------------------------*/
.left {
	float:left;
	margin-right: 8px;
	margin-bottom:8px;
}
.right {
	float:right;
	margin-left: 5px;
	margin-bottom:8px;
}





/* 囲い線 */
.rect {
	margin:0px 0 10px 0;
	padding:10px;
	border:1px solid #999;
}


/* 囲い背景イエロー */
.rect-y {
	margin:0px 0 10px 0;
	padding:10px;
	background-color:#FDFBCE;
	border:#eee 1px solid;
}

/* 囲い背景ブルー */
.rect-b {
	margin:0px 0 10px 0 !important;
	padding:10px;
	background-color:#E6F2FF;
/*	border:#999 1px solid;*/
}


/* 囲い背景グレー */
.rect-g {
	margin:0px 0 10px 0;
	padding:10px;
	background-color:#ededed;
/*	border:#999 1px solid;*/
}


/* 囲い線レッド */
.rect-r {
	margin:0px 0 10px 0;
	padding:15px;
	background-color:#F8E9F1;
	line-height:1.8em !important;
}

.rect-lb {
	margin:0px 0 10px 0;
	padding:10px;
	background-color:#fff;
	border:#C0DFF1 1px solid;
}

/* FAQのアンサーで使用 */
.rect-faq {
	margin:0px 0 10px 0;
	padding:0px 2px 1px 10px;

	border-top:#c00 1px solid;

}


.faq-sub{
	background-color:#c00 ;
	padding:4px 3px 4px 7px;
	margin:0px 0px 0px 0px !important; 
	color:#fff;
	display:inline;
	font-size:86%;
	letter-spacing:0.2em;
	line-height:1.5em;
}


.exa-sub{
	background-color:#666 ;
	padding:4px 3px 4px 7px;
	margin:0px 0px 0px 0px !important; 
	color:#fff;
	display:inline;
	font-size:86%;
	letter-spacing:0.2em;
	line-height:1.5em;
}



h1 span.faq-h{
	background-color:#ededed;
	padding:3px 10px 3px 10px;
	margin:0px 0 10px 0px !important; 
	color:#000;
	font-weight:bold;
	display:block;
	font-size:50%;
	letter-spacing:0.1em;
	line-height:1.5em;

}





.r-sub{
	background-color:#CC0000 ;
	padding:2px 10px 2px 10px;
	margin:0px 0 1px 0px !important; 
	color:#fff;
	display:inline;
	font-size:88%;
	letter-spacing:0.2em;
	line-height:1.2em;
}

.a-sub{
	background-color:#666 ;
	padding:2px 10px 2px 10px;
	margin:0px 0 0px 0px !important; 
	color:#fff;
	display:inline;
	font-size:86%;
	letter-spacing:0.2em;
	line-height:1.2em;
}

.g-sub{
	background-color:#eee ;
	padding:3px 5px;
	margin:0px 0 0px 0px !important; 
	color:#000;
	font-size:110%;
	letter-spacing:0.01em;
	line-height:1.2em;
}

.both {
	clear:both;
}



.cap{
	padding-left:15px !important;
	text-indent:-15px !important;
}




/* オブジェクトマージン：上方向（汎用）
--------------------------------------------------------------*/
.mt0 {
	margin-top:0px !important;
}
.mt2 {
	margin-top:2px !important;
}
.mt5 {
	margin-top:5px !important;
}
.mt7 {
	margin-top:7px !important;
}
.mt10 {
	margin-top:10px !important;
}
.mt15 {
	margin-top:15px !important;
}
.mt20 {
	margin-top:20px !important;
}
.mt25 {
	margin-top:25px !important;
}
.mt30 {
	margin-top:30px !important;
}
.mt40 {
	margin-top:40px !important;
}

.mt50 {
	margin-top:50px !important;
}


.mt1em {
	margin-top:1em !important;
}
.mt2em {
	margin-top:2em !important;
}
.mt3em {
	margin-top:2em !important;
}

/* オブジェクトマージン：左方向（汎用）
--------------------------------------------------------------*/
.ml0 {
	margin-left:10px !important;
}
.ml5 {
	margin-left:5px !important;
}
.ml10 {
	margin-left:10px !important;
}
.ml15 {
	margin-left:15px !important;
}
.ml20 {
	margin-left:20px !important;
}
.ml30 {
	margin-left:30px !important;
}
.ml40 {
	margin-left:40px !important;
}
.ml50 {
	margin-left:50px !important;
}

/* オブジェクトマージン：右方向（汎用）
--------------------------------------------------------------*/
.mr0 {
	margin-right:10px !important;
}
.mr5 {
	margin-right:5px !important;
}
.mr10 {
	margin-right:10px !important;
}
.mr15 {
	margin-right:15px !important;
}
.mr20 {
	margin-right:20px !important;
}
.mr30 {
	margin-right:30px !important;
}

.mr40 {
	margin-right:40px !important;
}

.mr50 {
	margin-right:50px !important;
}

/* オブジェクトマージン：下方向（汎用）
--------------------------------------------------------------*/
.mb0 {
	margin-bottom:0px !important;
}
.mb10 {
	margin-bottom:10px !important;
}
.mb20 {
	margin-bottom:20px !important;
}
.mb30 {
	margin-bottom:30px !important;
}
.mb40 {
	margin-bottom:40px !important;
}

.mb1em {
	margin-bottom:1em !important;
}
.mb2em {
	margin-bottom:2em !important;
}
.mb3em {
	margin-bottom:2em !important;
}




/* 行揃え（汎用）
--------------------------------------------------------------*/
.taRight {
	text-align:right !important;
}
.taCenter {
	text-align:center !important;
}
.taLeft {
	text-align:left !important;
}
.vam {
	vertical-align:middle !important;
}
.vat {
	vertical-align:top !important;
}


/* コマンド・ソース */
pre.source {
	background-color:#EEE;
	padding:10px 15px;
	font-size:90%;
	line-height:1.2em;
	overflow:scroll;
	width:93%;
	letter-spacing:1px;
}



/* tableタグ
--------------------------------------------------------------*/
/* .tblテーブル内通常テーブル */
table.tbl table {
	margin:0;
	border-collapse: separate;
	empty-cells: hide;
	border-width:0px;
}
table.tbl table th, table.tbl table td {
	padding:2px 5px 2px 0;
	border:0px;
	color:#494949;
}
table.tbl table th, table.tbl table thead th, table.tbl table thead td {
	font-weight:bold;
	background-color:#fff;
	color:#494949;
}

/* .tblテーブル内.tblテーブル */
table.tbl table.tbl {
	margin:5px 0;
	border-collapse: collapse;
	empty-cells: show;
}
table.tbl table.tbl th, table.tbl table.tbl td {
	border:1px solid #999;
}
table.tbl table.tbl th, table.tbl table.tbl thead th, table.tbl table.tbl thead td {
	font-weight:normal;
	background-color:#EEE;
	color:#222;
}

/* .tblテーブル */
table.tbl ,td table.tbl {
	border-collapse: collapse;
	empty-cells: show;
	margin:5px 0;
}
table.tbl td, table.tbl th {
	border:1px solid #999;
}
table.tbl thead th, table.tbl thead td, td table.tbl thead th, td table.tbl thead td {
	background-color:#CCC;
	color:#000;
	font-weight:normal;
}
table.tbl thead td, td table.tbl thead td {
	background-color:#DDD;
}
table.tbl th, table.tbl td, td table.tbl th, td table.tbl td {
	padding:2px 2px 2px 8px;
}
table.tbl th, td table.tbl th {
	color:#222;
	background-color:#EEE;
	text-align:left;
	font-weight:normal;
}





/* 横線tableタグ
--------------------------------------------------------------*/
/* .hrテーブル内通常テーブル */
table.hr table {
	border:0;
	margin:0;
	border-collapse: separate;
	empty-cells: hide;
	background-image:none;
}
table.hr table th, table.hr table td {
	padding:2px 5px 2px 0;
	background-image:none;
	border-collapse: separate;
	color:#494949;
}
table.hr table th {
	font-weight:bold;
	background:#fff;
	border-collapse: separate;
}
/* 横線のみのテーブル */
table.hr, td table.hr {
	margin:5px 0;
	border-collapse: collapse;
	empty-cells: show;
	background:transparent url(/optimus/images/widgets/line_02.gif) repeat-x 0px bottom;
}
table.hr td, table.hr th, td table.hr td, td table.hr th {
	padding:9px 5px  8px 5px;
	text-align:left;
	background:transparent url(/optimus/images/widgets/line_02.gif) repeat-x 0px 0px;
}
table.hr th, td table.hr th {
	font-weight:bold;
	color:#333;
}
table.hr td, td table.hr td {
	font-weight:normal;
}



/* .tblテーブル ホンの少しだけ文字（90％）を小さく セミナー日程で使用*/
table.tblsmall ,td table.tblsmall {
	border-collapse: collapse;
	empty-cells: show;
	margin:5px 0;
	line-height:1.4em;
}
table.tblsmall td, table.tblsmall th {
	border:1px solid #999;
}
table.tblsmall thead th, table.tblsmall thead td, td table.tblsmall thead th, td table.tblsmall thead td {
	background-color:#CCC;
	color:#000;
	font-weight:bold;
}
table.tblsmall thead td, td table.tblsmall thead td {
	background-color:#DDD;
}
table.tblsmall th, table.tblsmall td, td table.tblsmall th, td table.tblsmall td {
	padding:2px 4px;
	font-size:90%;
}
table.tblsmall th, td table.tblsmall th {
	color:#222;
	background-color:#EEE;
	text-align:left;
	font-weight:normal;
	font-size:90%;
}
table.tblsmall td, td table.tblsmall td {
	font-weight:normal;
	font-size:90%;
}

/* .tblテーブル内.tblsmallテーブル */
table.tbl table.tblsmall {
	margin:5px 0;
	border-collapse: collapse;
	empty-cells: show;
}
table.tbl table.tblsmall th, table.tbl table.tblsmall td {
	border:1px solid #999;
}
table.tbl table.tblsmall th, table.tbl table.tblsmall thead th, table.tbl table.tblsmall thead td {
	font-weight:normal;
	background-color:#EEE;
	color:#222;
}


/* ※マーク黒 */
ul.kome {
	list-style-type:none;
	padding-left:20px;
	margin-left:0;
}
ul.kome li {
	background:transparent url(/optimus/images/widgets/icon_kome.gif) no-repeat 6px 3px !important;
	padding-left:20px !important;
}
/* ※マーク赤 */
ul.kome_red {
	list-style-type: none;
	padding-left:20px;
	margin-left:0;
}
ul.kome_red li {
	background:transparent url(/optimus/images/widgets/icon_kome_red.gif) no-repeat 6px 3px !important;
	padding-left:20px !important;
}







/* リンク */
.arrow a, a.arrow, js_icon a, a.js_icon {
	padding:1px 3px 1px 18px !important;
	background:transparent url(/optimus/images/widgets/arrow.gif) no-repeat 0px 0.1em;
}
ul.arrow li {
	background:transparent url(/optimus/images/widgets/arrow.gif) no-repeat 0px 0.1em;
}
dl.arrow dt {
}

/* PDF */
.pdf a, a.pdf {
	padding:1px 3px 1px 18px !important;
	background:transparent url(/optimus/images/widgets/icon_pdf.gif) no-repeat 0px 0.15em;
}
ul.pdf li {
	background:transparent url(/optimus/images/widgets/icon_pdf.gif) no-repeat 0px 0.15em;
}
dl.pdf dt {
}


/* ダウンロード */
.download a, a.download {
	padding:1px 3px 1px 18px !important;
	background:transparent url(/optimus/images/widgets/icon_download.gif) no-repeat 1px 0.05em;
}
ul.download li {
	background:transparent url(/optimus/images/widgets/icon_download.gif) no-repeat 1px 0.05em;
}
dl.download dt {
}


/* ファイル */
.file a, a.file {
	padding:1px 3px 1px 18px !important;
	background:transparent url(/optimus/images/widgets/icon_file.gif) no-repeat 0px 0.1em;
}
ul.file li {
	background:transparent url(/optimus/images/widgets/icon_file.gif) no-repeat 0px 0.1em;
}
dl.file dt {
}



/* フォーム */
.form a, a.form {
	padding:1px 3px 1px 18px !important;
	background:transparent url(/optimus/images/widgets/icon_form.gif) no-repeat 0px 0.2em;
}
ul.form li {
	background:transparent url(/optimus/images/widgets/icon_form.gif) no-repeat 0px 0.2em;
}
dl.form dt {
}


/* メール */
.mail a, a.mail {
	padding:1px 3px 1px 18px !important;
	background:transparent url(/optimus/images/widgets/icon_mail.gif) no-repeat 1px 0.3em;
}
ul.mail li {
	background:transparent url(/optimus/images/widgets/icon_mail.gif) no-repeat 1px 0.3em;
}
dl.mail dt {
}


/* 別ウィンドウ */
.window a, a.window {
	padding:1px 3px 1px 18px !important;
	background:transparent url(/optimus/images/widgets/icon_window.gif) no-repeat 0px 0.2em;
}
ul.window li {
	background:transparent url(/optimus/images/widgets/icon_window.gif) no-repeat 0px 0.2em;
}
dl.window dt {
}

ul.none {
	list-style-type:none;
	margin:5;
}


a:link img { border: 0px solid #000 }
       /* 未訪問のリンク */
a:visited img { border: 0px solid #999 }
       /* 訪問済みのリンク */
a:hover img { border: 0px solid red  }



/* リンク（ボタン風） */
a.a-button {
	background:#FF9;
	padding:10px 0;
	display:block;
	text-align:center;
	margin:3px auto;
	width:65%;
	font-size: 120%;
	font-weight:bold;
	border:1px solid #ccc;
}
a.a-button:link, a.a-button:visited {
	border-right:1px solid #444;
	border-bottom:1px solid #444;
	color:#000;
}
a.a-button:hover, a.a-button:active {
	border-right:1px solid #ccc;
	border-bottom:1px solid #ccc;
	border-top:1px solid #444;
	border-left:1px solid #444;
	color:#000;
	padding:11px 0px 9px 1px;
	background-color: #EBE67A;
}




/*imooka　ボタン*/

a.imgbutton{
	background:transparent url(/optimus/images/widgets/bo_r.png) no-repeat scroll top right;
	display:block;
	float:left;
	margin-top:8px;
	padding-right:20px;
	font-weight:bold;
}

a.imgbutton span{
	background:transparent url(/optimus/images/widgets/bo_l.png) no-repeat;
	display:block;
	line-height:13px;
	padding:11px 0 11px 20px;

}


/*imooka 追加*/
/* js　タブ
-----------------------------------------*/
.js_tab .js_button {
	background:transparent url(/optimus/images/service_support/faq_bk1.gif) no-repeat;
	
	display:inline-block; 
	padding:7px 37px 22px 30px !important;
	margin:0px 4px 0 0;
	font-size:120%;
	letter-spacing:1px;
	/* width:124px; */
	/* line-height:2em; */

	color:#000;

}




/* ボタン選択時 */
.js_tab .js_tab_view {
	background:transparent url(/optimus/images/service_support/faq_bk2.gif) no-repeat;
	color:#fff;

}
/* コンテンツ */
.js_tab .js_content {
	clear:both;
	

}
.js_buttonarea {

	width:560px;
	height:44px;
	padding:6px 0 0 0;
}

.bk_g {
	background-color:#eee;
	padding:5px 5px;

}

.bk_b {
	background-color:#9cf;
	padding:5px 5px;

}

.bk_w {
	background-color:#fff;
	padding:2px 8px;
}


.tokucyo {
	background-color:#fff ;
	padding:3px 10px 2px 10px;
	margin:5px 0 0px 0px !important; 
	color:#3F9CD5;
	display:inline;
	font-size:100%;
	letter-spacing:0.2em;
	line-height:1.2em;
	border:1px solid #3F9CD5;
	font-weight:bold;
}

.pa5 {
	padding:5px;
}

.pa10 {
	padding:10px;
}

.clearText {
	overflow:hidden;
}