@charset "shift_jis";
/* ----------------------------------------------------------
	saxa
	define layout css
	margine is united up. 
---------------------------------------------------------- */
/* 段落 */
body#product #contents p.paragraph {
	margin-bottom: 1em;
}
body#product #contents p.paragraph02 {
	margin-bottom: 2em;
}
/* 画像ポジション */
body#product #contents .ph-center {
	text-align: center;
}
/* テキストポジション */
body#product #contents .tx-left {
	text-align: left;
}
body#product #contents .tx-center {
	text-align: center;
}
body#product #contents .tx-right {
	text-align: right;
}
/* 太字 */
body#product #contents .highlight02{
	font-weight: bold;
}
/* セクション内の見出し */
body#product #contents .section h3.title03,
body#product #contents .section h3.title04,
body#product #contents .section h4.title05{
	font-size: 100%;
}
/* 表組み */
body#product #contents .vt {
	vertical-align: top;
}
body#product #contents table.data-tbl01 caption.notes{
	text-align: right;
	font-size: 80%;
	background: none;
	font-weight: normal;
}

body#product #contents .col2-txt-r01 .col2 table.data-tbl02{
	width: auto;
}

/* 注釈パターン */
body#product #contents .caution02{/* ※1： */
	text-indent: -2.3em;
	_text-indent: -1.9em;
	margin-left: 2.3em;
	_margin-left: 1.9em;
	color: #FF0000;
}
body#product #contents .notice01{
	text-indent: -1em;
	margin-left: 1em;
	font-size: 80%;
}
body#product #contents .notice02{/* ※1半スペ */
	text-indent: -1.9em;
	margin-left: 1.9em;
	font-size: 80%;
}
/* マージン */

body#product #contents .ml10{
	margin-left: 10px;
}


body#product #contents .ml15{
	margin-left: 15px;
}
body#product #contents .ml20{
	margin-left: 20px;
}

body#product #contents .mb5{
	margin-bottom: 5px;
}
body#product #contents .mb10{
	margin-bottom: 10px;
}
body#product #contents .mb20{
	margin-bottom: 20px;
}

body#product #contents .mb30{
	margin-bottom: 30px;
}

body#product #contents .mt5{
	margin-top: 5px;
}

body#product #contents .mt10{
	margin-top: 10px;
}

body#product #contents .mt15{
	margin-top: 15px;
}

body#product #contents .mt20{
	margin-top: 20px;
}

body#product #contents .mt30{
	margin-top: 30px;
}

body#product #contents .mr10{
	margin-right: 10px;
}

/* フロート */
.clear{
	clear: none;
}
.float{float:left}


/* カラムバリエーション */
body#product #contents .col2-txt-l01 .colleft1 {
	float: left;
	width: 330px;
	margin: 0 20px 0 0;
}

body#product #contents .col2-txt-l01 .colright1 {
	float: right;
	width: 250px;
}

body#product #contents .col2-txt-l01 .colleft2 {
	float: left;
	width: 400px;
	margin: 0 10px 0 0;
}

body#product #contents .col2-txt-l01 .colright2 {
	float: right;
	width: 180px;
}

body#product #contents .col2-txt-l01 .colleft3 {
	float: left;
	width: 280px;
	margin: 0 10px 0 0;
}

body#product #contents .col2-txt-l01 .colright3 {
	float: right;
	width: 300px;
}

body#product #contents .col2-txt-l01 .colleft4 {
	float: left;
	width: 430px;
	margin: 0 10px 0 0;
}

body#product #contents .col2-txt-l01 .colright4 {
	float: right;
	width: 150px;
}

body#product #contents .col2-txt-l01 .colleft5 {
	float: left;
	width: 260px;
	margin: 0 10px 0 0;
}

body#product #contents .col2-txt-l01 .colright5 {
	float: right;
	width: 320px;
}


body#product #contents .col2-txt-l02 .colleft1 {
	float: left;
	width: 500px;
	margin: 0 10px 0 0;
}

body#product #contents .col2-txt-l02 .colright1 {
	float: right;
	width: 80px;
}
body#product #contents .col2-txt-l02 .colleft2 {
	float: left;
	width: 380px;
	margin: 0 10px 0 0;
}

body#product #contents .col2-txt-l02 .colright2 {
	float: right;
	width: 200px;
}
body#product #contents .col2-txt-l02 .colleft3 {
	float: left;
	width: 420px;
	margin: 0 10px 0 0;
}

body#product #contents .col2-txt-l02 .colright3 {
	float: right;
	width: 160px;
}

body#product #contents .col2-txt-r01 .colleft1 {
	float: left;
	width: 180px;
	margin: 0 20px 0 0;
}

body#product #contents .col2-txt-r01 .colright1 {
	float: right;
	width: 400px;
}
body#product #contents .col2-txt-r01 .colleft2 {
	float: left;
	width: 200px;
	margin: 0 20px 0 0;
}

body#product #contents .col2-txt-r01 .colright2 {
	float: right;
	width: 380px;
}

body#product #contents .col2-txt-r01 .colleft3 {
	float: left;
	width: 160px;
	margin: 0 20px 0 0;
}

body#product #contents .col2-txt-r01 .colright3 {
	float: right;
	width: 400px;
}

body#product #contents .col2-txt-r01 .colleft4 {
	float: left;
	width: 280px;
	margin: 0 20px 0 0;
}

body#product #contents .col2-txt-r01 .colright4 {
	float: right;
	width: 300px;
}

body#product #contents .col2-txt-r02 .colleft1 {
	float: left;
	width: 80px;
	margin: 0 10px 0 0;
	text-align: center;
}
body#product #contents .col2-txt-r02 .colright1 {
	float: right;
	width: 500px;
}


body#product #contents .col2-w520-l01{
	width: 520px;
	margin-right: auto;
	margin-left: auto;
}

body#product #contents .col2-w560a{
	width: 560px;
	margin-left:20px;
	}
	
body#product #contents .col2-w560a .colleft1 {
	float: left;
	width: 500px;
	margin: 0 16px 0 0;
}

body#product #contents .col2-w560a .colright1 {
	float: right;
	width: 44px;
}


body#product #contents .col2-w520-l01 .colleft1 {
	float: left;
	width: 460px;
	margin: 0 16px 0 0;
}

body#product #contents .col2-w520-l01 .colright1 {
	float: right;
	width: 44px;
}

body#product #contents .col2-w600 .colleft1 {
	float: left;
	width: 280px;
	margin:0;
}

body#product #contents .col2-w600 .colright1 {
	float: right;
	width: 280px;
}
body#product #contents .col2-w600 .colleft1 .col2,
body#product #contents .col2-w600 .colright1 .col2 {
	width: 280px;
}
body#product #contents .col2-w600 .colleft1 .col2 .ph-area,
body#product #contents .col2-w600 .colright1 .col2 .ph-area{
	width: 70px;
	float: left;
	text-align: center;
}
body#product #contents .col2-w600 .colleft1 .col2 .txt-area,
body#product #contents .col2-w600 .colright1 .col2 .txt-area{
	width: 200px;
	float: right;
}


/* カラム内キャプション */
body#product #contents .col2-txt-l01 .colright1 span,
body#product #contents .col2-txt-l01 .colright2 span,
body#product #contents .col2-w600 .colleft1 .col2 .ph-area span,
body#product #contents .col2-w600 .colright1 .col2 .ph-area span{
	display: block;
	margin-top: 5px;
	font-size: 80%;
}

/* 画像配置カラムバリーション */
body#product #contents .col1-box div.w390 {
	width: 390px;
}
body#product #contents .col1-box div.w520 {
	width: 520px;
}
body#product #contents .col1-box div.w560 {
	width: 560px;
}
body#product #contents .col1-box div.w510 {
	width: 510px;
}
body#product #contents .col2-box .colleft1 {
	float: left;
	width: 250px;
	padding-top: 75px;
}
body#product #contents .col2-box .colright1 {
	float: right;
	width: 340px;
}
/* アイコンリンク（テキストの途中） */
body#product #contents #main .section .pdf-link02 {
	padding: 3px 0px 2px 16px;
	background: url(../images/common_ic14.gif) no-repeat left center;
	_height: 1%;
}
body#product #contents #main .section .normal-link02 {
	padding: 0 0 0 12px;
	background: url(../images/common_ic01.gif) no-repeat left center;
	_height: 1%;
}

/* アイコン */
body#product #contents #main img.icon {
	margin: 0px 3px 0px 0px;
	padding: 0px;
	vertical-align: middle;
}

html:\66irst-child body#product #contents #main img.icon { /* for mac Safari2 */
	vertical-align: top;
}

/* 文字色 */
body#product #contents #main .tx-red {
	color: #FF0000;
}

/* マージン縦方向 */
body#product #contents .h83{
	display: block;
	height: 83px;
}
body#product #contents .h115{
	display: block;
	height: 115px;
}

/* Q and A */
body#product #contents #main .section dl.qa dd p.num-list{
	margin: 0 0 0 2.3em;
	_margin: 0 0 0 1.5em;
	text-indent: -2.3em;
	_text-indent: -1.5em;
}

body#product #java-install {
	position: relative;
	top: -2.0em;
	float: right;
}


/* 第3階層扉 */
body#product #contents #main .section .col-menu2 .menu-inner .img {
	float: left;
	width: 130px;
	padding: 10px;
}
body#product #contents #main .section .col-menu2 .menu-inner .text {
	float: left;
	width: 125px;
	margin: 10px 10px 0 0;
	padding-bottom: 1em;
}
* html body#product #contents #main .section .col-menu2 .menu-inner .text { /* ie6 hack */
	margin: 10px 0 0 0;
}

/* ダウンロードリスト */
ul.downloadlist li {
	width: 500px;
	padding: 0 0 8px;
	background: url(../../images/index_bg001.gif) bottom repeat-x;
}

/*特長　見出し*/
.ti04 {
	background-image:url("../images/common_h04.gif");
	background-repeat:no-repeat;
	font-size:12px;
	font-weight:bold;
	height:15px;
	line-height:15px;
	margin-bottom:18px;
	padding-bottom:0;
	padding-left:20px;
}
.sky_txt {
	color:#0E7A8D;
	float:left;
	font-size:17px;
	font-weight:bold;
	line-height:20px;
}
.bold {
	font-weight:bold;
	color:#FF0000;
}

.fontb {
    font-weight: bold;
}

/*ボックス*/
.heightsize {
	height:190px;
}
.heightsize h4 {
	font-weight:bold;
	margin-bottom:7px;
}
.color1 {
	background-color:#a674af;
}
.color2 {
	background-color:#84cde6;
}
.color3 {
	background-color:#8e82bc;
}
.color4 {
	background-color:#89c783;
}
.color5 {
	background-color:#87b1e0;
}
.color6 {
	background-color:#c1cb4d;
}
.color7 {
	background-color:#F1AACB;
}
.color8 {
	background-color:#F8D297;
}


/*SB1000特長*/

.icon-area{ float:left; width:80px; margin-right:15px;margin-bottom:20px;}
.icon-area_right{display:block; margin: 0 0 0 auto; text-align:right;margin-bottom:20px;padding-right:5px;}
.contents-area{ float:left; width:500px;margin-bottom:20px;}
.contents-area_4{ float:left; width:400px;margin-bottom:20px;}
.contents-area_100{ float:left; width:599px;margin-bottom:5px;}
.bg444 {background-color: #444444;}
.bgeee {background-color: #EEEEEE;}
.contents_textarea{margin:0px 10px 15px 10px;}
.contents_small{font-size:0.6rem;}
.box-img,.box-text{
	display: inline-block;
	vertical-align: top;
}
/*.contents-area p{ font-size:90%;}*/
.contents-area .fea_title{
	line-height: 40px;
	background-image: url(../images/fea_title.png);
	background-repeat: no-repeat;
	text-indent: 20px;
	height: 40px;
	/*width: 490px;*/
	font-weight:bold;
	color:#333;
}
.contents-area .fea_sub-title{
	line-height: 30px;
	background-color: #dcdddd;
	text-indent: 3px;
	height: 30px;
	margin-top: 10px;
	margin-left:17px;
	width:auto;
	/*font-size:90%;*/
	font-weight:bold;
	margin-bottom:10px;
}

.contents-area .left20{
	margin-left:20px;}
	
.contents-area .cap{font-size:70%;margin-left:20px;margin-top:5px;}

.set{
	padding: 0px;
	border: 1px solid #014099;
	width:100%;
	clear:both;
	/*font-size:90%;*/
	overflow:auto;
	margin-bottom:15px;
}

.set .set_title{
	color: #014099;
	margin-top: 10px;
	margin-left: 15px;
	font-weight:bold;
	}

.set .left{float:left;margin-left:15px;width:250px;}
.set .right{float:right;}

.set p{margin-top:10px;}



/*ss1000α*/

.ahkun{
	border: 2px solid #99d5e0;
	padding: 10px;
	overflow: auto;
	margin-top:15px;
}

.ahkun .title{
	background-color: #99d5e0;
	padding: 5px;
	border-left-width: 10px;
	border-left-style: solid;
	border-left-color: #0096b2;
	font-weight: bold;
	display: block;
	margin-bottom:10px;
}

.ahkun .title2{
	font-weight: bold;
	background-color: #CCC;
	text-align: center;
	padding: 5px;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #0096b2;
	border-bottom-color: #0096b2;
	margin-bottom:5px;
}

.ahkun .font90{
	font-size: 90%;
}
.ahkun .title3{
	font-weight: bold;
	margin-left:5px;
	color:#0096b2;}
	
/*ss1000α終了*/



/*PLATIA*/

.platia_contents{}


.platia_contents h4{margin-left:15px; margin-top:-15px; margin-bottom:15px;}

.platia_contents h5{
	background-color:#626e8e;
	/*background-color:#F7FBFE;*/
	height:40px;
	width:590px;
	text-indent:15px;
	line-height:40px;
	color:#fff;
	margin:30px 0 15px 0;
	font-weight:bold;
	border: 1px solid #CCC;
	padding-right:10px;
	position:relative;
}

.platia_contents h6{
	border-radius: 3px;
	color: #FFF;
	background-color: #365895;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 10px;
	width:auto;
	display:inline;
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-left: 10px;
	font-weight:bold;
}

.platia_contents .img_bg_s{
	background-image: url(../images/platia2_bg_s.png);
	background-repeat: no-repeat;
	height: 40px;
	width: 590px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}



.platia_contents .img_bg_m{
	background-image: url(../images/platia2_bg_m.png);
	background-repeat: no-repeat;
	height: 40px;
	width: 590px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
		
}


.platia_contents .img_bg_l{
	background-image: url(../images/platia2_bg_l.png);
	background-repeat: no-repeat;
	height: 40px;
	width: 590px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
		
}


.platia_contents .img_bg_sl{
	background-image: url(../images/platia2_bg.png);
	background-repeat: no-repeat;
	height: 40px;
	width: 590px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
		
}



.platia_contents .wide{
	background-color:#626e8e;
	height:auto;
	width:580px;
	text-indent:0px;
	color:#fff;
	font-weight:bold;
	border: 1px solid #CCC;
	line-height:140%;
	margin-top: 30px;
	margin-right: 0;
	margin-bottom: 15px;
	margin-left: 0;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
}

.platia_contents h5 span{ 
color:#365895;
font-size:90%;
position:absolute; right:5px;

}

.platia_contents .captable{
	font-size: 85%;
	color: #666;
	border: 1px solid #ccc;
}

.captable td{
	vertical-align: top;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	padding-top: 2px;
	padding-right: 3px;
	padding-bottom: 1px;
	padding-left: 3px;
}


.platia_contents p{ margin-left:10px!important;}

.platia_contents .floatright{ float:right; margin-left:15px; /margin-left:10px;}

.clearboth{ clear:both;}

.platia_contents .txt01{ margin-left:20px; font-weight:normal;}

.platia_contents .frame{
	width: 100%;
	border: 1px solid #CCC;
	 margin-top:15px;
}

.platia_contents .framehalf{
	width: 293px;
	border: 1px solid #CCC;
	 margin-top:15px;
	 margin-bottom:20px;
	 float:left
}

.platia_contents .framehalf .ftitle{ background-color:#e7e9ec; color:#5a779d; width:283px; height:30px; line-height:30px; padding-left:10px; font-weight:bold;}

.platia_contents .frame .ftitle{ background-color:#e7e9ec; color:#5a779d; width:590px; height:30px; line-height:30px; padding-left:10px; font-weight:bold;}

.platia_contents .frame p{margin-top:10px;margin-right:10px; margin-bottom:10px;}

.platia_contents .framehalf p{margin-top:10px;margin-right:10px; margin-bottom:10px;}


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


.platia_contents ul.list_pl li {
	background: url("../images/common_ic03.gif") no-repeat scroll 0 0.25em transparent;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 3px;
	margin-left: 10px;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 14px;
}

/*PLATIA　終了*/


/*共通*/
.all_cap{font_size:85%; color:#666;}

.border {
    background: url("../../product/business/hm700/images/border.png") repeat-x scroll left top transparent;
    margin: 15px 0 0;
    padding-top: 16px;
}

.spec_cap270 {
    border: thin solid #CCCCCC;
    color: #666666;
    font-size: 85%;
    height: auto;
    margin-top: 10px;
    padding: 5px;
	width: 270px;
	/width: 255px;
	}

.spec_cap {
    border: thin solid #CCCCCC;
    color: #666666;
    font-size: 85%;
    height: auto;
    margin-top: 10px;
    padding: 5px;
    width: 590px;
}

.ti05 {
    background-image: url("../images/common_h05.gif");
    background-position: 0 0.4em;
    background-repeat: no-repeat;
    clear: both;
    font-size: 105%;
    font-weight: bold;
    height: 13px;
    margin-bottom: 10px;
    margin-left: 7px;
    padding-bottom: 2px;
    padding-left: 16px;
}