/* 目次
#0	共通部分
#1  InterCLASS
#2  INTERWRITE RESPONSE
#3  InterMANEGER
#4  ファイル暗号化CR
#5  InterSafe
#6  InterSafe CATS 
#7  SMART-HTML  
#8  TeachingMATE AP  
#9  WinKeeper  
#10 enetstar
#11 CaLabo EX 
#12 TeachingMATE対応教材
#13 eNetLibe 
#14 小学校フラッシュ英単語 
#15 eNetLibe対応教材
#16 小学校のフラッシュ算数
*/

/*===============================================================*/
/* #0  共通部分                                                  */
/*===============================================================*/

/* base sytle
=================================================================*/

/* 商品イメージ画像の上のテキスト＆デモ・資料請求ボタン */
span#construction	{
	line-height: 150%;
	width: 602px;
	padding: 70px 0 0 28px;
	display: block;
	color: #666666;
	}

span#construction_material	{
	line-height: 125%;
	width: 602px;
	padding: 50px 0 0 28px;
	display: block;
	color: #666666;
	}


span#demo_documents	{
	display: block;
	width: 146px;
	height:33px;
	background:url(../common_img/bt_request_documents_s_on.gif) no-repeat left top;
	margin: 10px 0 0 28px;
	}

span#demo_documents_material	{
	display: block;
	width: 146px;
	height:33px;
	background:url(../common_img/bt_request_documents_s_on.gif) no-repeat left top;
	margin: 5px 0 0 28px;
	}


span#demo_documents	a {
	display: block;
	width: 146px;
	height:33px;
	outline:none;
	}

span#demo_documents	a:hover {
	text-indent:-9999px;
	}

span#main_contact	{
	display: block;
	width: 146px;
	height:33px;
	background:url(../common_img/bt_inquiry_on.gif) no-repeat left top;
	margin: 10px 0 0 28px;
	}

span#main_contact	a {
	display: block;
	width: 146px;
	height:33px;
	outline:none;
	}

span#main_contact	a:hover {
	text-indent:-9999px;
	}


/* セミナー＆イベント、ニュース用 */
span#event_news	{
	display: block;
	margin: 122px 0 0 30px;
	}

span#event_news	a	{
	background:url(../common_img/ic_sidemenu.gif) no-repeat left;
	padding:0 0 0 17px;
	}



/* 選択中ページ名 */	
p#selected	{
	text-align: right;
	display: block;
	font-size: 120%;
	font-weight: 800;
	padding: 0px auto 0 auto;
	border-right:solid #ccc 7px;
	border-left:solid #ccc 7px;
	float:right;
	padding:0 10px 0 10px;
	}

/* キャッチ */	
div#highlight	{
	background-color: #F2F2F2;
	width: 600px;
	}

div#highlight_top	{
	background-image:url(../common_img/il_highlight_top.jpg);
	background-repeat:no-repeat;
	width: 600px;
	height: 4px;
	margin: 10px 0 0 0;
	}
	
div#highlight_btm	{
	background-image:url(../common_img/il_highlight_btm.jpg);
	background-repeat:no-repeat;
	width: 600px;
	height: 4px;
	}

div#highlight p	{
	margin: 0px auto 0 auto;
	display: block;
	font-size: 120%;
	font-weight: 800;
	color: #FF6600;
	line-height: 140%;
	padding: 5px 10px 5px 10px;
	}


/* 本文 */
p.subtext	{
	margin: 10px auto 0 auto;
	display: block;
	line-height: 150%;
	color: #999999;
	}

p.maintext	{
	margin: 10px auto 10px auto;
	line-height: 150%;
	}
	
p.maintext_2nd	{
	margin: 10px auto 0 20px;
	line-height: 150%;
	color: #333333;
	}
		
p.maintext_3rd	{
	margin: 10px auto 0 24px;
	line-height: 150%;
	color: #333333;
	}
	
p.caption_1st	{
	background-image: url(../common_img/il_caption_back.jpg);
	background-repeat: repeat-y;
	padding: 5px 0 5px 20px;
	color: #FF6600;
	font-weight: 800;
	line-height: 150%;
	margin: 20px 0 0 0;
	font-size: 135%;
	}

p.caption_2nd	{
	background-image: url(../common_img/il_caption_back.jpg);
	background-repeat: repeat-y;
	padding: 2px 0 2px 20px;
	font-weight: 800;
	line-height: 150%;
	border-bottom: solid 1px #FF6600;
	margin: 10px 0 0 20px;
	}

p.caption_3nd	{
	background-image: url(../common_img/il_caption_back.jpg);
	background-repeat: repeat-y;
	padding: 2px 0 2px 20px;
	font-weight: 800;
	line-height: 150%;
	border-bottom: solid 1px #FF6600;
	margin: 10px 150px 0 20px;
	}

div.midashi	{
	color: #FF6600;
	font-size: 120%;
	margin: 10px 0 0px 0;
	background-image: url(../common_img/ic_midashi.gif);
	background-repeat: no-repeat;
	padding: 0 0 0 20px;
	}
p.yakuchu {
	font-size: 85%;
	margin: 10px auto 0 20px;
	color: #999;
}
/* 本文中写真（センター） */	
span.img_center	{
	width: 500px;
	margin: 10px auto 0 auto;
	display: block;
	}

/* 本文中写真（右寄せのやつ） */
span.img_pic	{
	float: right;
	margin: 20px 0 0 10px;
	/*width: 140px;*/
	}
		
span.img_pic p	{
	font-size: 80%;
	margin: 5px 0 0 0;
	}
	
/* 本文中写真（左寄せのやつ） */
span.img_left	{
	float: left;
	margin:0 10px 10px 0;
	}
	
/* コラム */	
div#clumn	{
	width:588px;
	margin: 20px auto 0 auto;
	line-height: 120%;
	}

p#clumn_title	{
	display: block;
	color: #FF6600;
	font-size: 120%;
	font-weight: 800;
	border-bottom: solid 1px #FF6600;
	}

div#clumn_top	{
	width:588px;
	}

div#clumn_btm	{
	width:588px;
	height: 5px;
	background-image: url(../common_img/il_clumn_btm.jpg);
	background-repeat: no-repeat;
	}

div#clumn_body	{
	background-image: url(../common_img/il_clumn_back.jpg);
	background-repeat: repeat-y;
	width: 568px;
	padding: 10px;
	}

div#clumn_cont_lt	{
	width: 350px;
	float: left;
	}

div#clumn_cont_ri	{
	float: right;
	width: 210px;
	margin: 0 0 0 8px;
	}

p#clumnposition	{
	font-size: 95%;
	margin: 10px 0 0 0;
	}
	
p#clumntext	{
	margin: 20px 0 0 0;
	line-height: 150%;
	}

p#clumnprofile	{
	color: #FF6600;
	}
	
p#clumnprofile span	{
	color: #999999;
	padding: 10px;
	display: block;
	font-size: 95%;
	line-height: 120%;
	}

/* 最下部メニュー */
ul.bottomlink{
	clear:both;
	width:auto;
	text-align:center;
	list-style:none;
	padding:3px 0;
	margin:30px 0 5px 5px;
	line-height:1;
	border-top: solid 1px #cccccc;
}

ul.bottomlink li{
	display:inline;
	padding: 2px 5px;
}

* html	ul.bottomlink li{
	display:inline;
	padding: 2px 2px 2px 5px;
}

*:first-child+html	ul.bottomlink li	{
	display:inline;
	padding: 2px 2px 2px 5px;
	}	

ul.bottomlink li.recent{
	background-color:#465C74;
	font-weight:800;
	border-bottom:solid 2px #FF6600;
}

li.recent	a:link,
li.recent	a:visited{
	color:#FFFFFF;
	text-decoration:none;
}

li.recent	a:hover,
li.recent	a:active{
	text-decoration:underline;
}

/*===============================================================*/
/* #1  InterCLASS                                                */
/*===============================================================*/

/* メインイメージ */
div#mainimage_class	{
	width: 630px;
	float: left;
	background-image: url(../product/interclass/images/il_productimage.jpg);
	height: 155px;
	}

/* 本文中 */
p.hyokasys_lt	{
	display: block;
	width: 250px;
	padding: 10px;
	float: left;
	background:	url(../products/class/images/il_rightbtm.gif) no-repeat right bottom #D9EFF7;
	margin: 20px 0 0 0;
	}

p.hyokasys_cn	{
	display: block;
	width: 28px;
	float: left;
	margin: 20px 10px 0 10px;
	}
	
p.hyokasys_ri	{
	display: block;
	width: 250px;
	padding: 10px;
	float: left;
	background:	url(../products/class/images/il_rightbtm.gif)  no-repeat right bottom #D9EFF7;
	margin: 20px 0 0 0;
	}

p#gakushu_lt	{
	width: 210px;
	float: left;
	margin: 10px 0 0 0;
	}

p#gakushu_rt	{
	width: 337px;
	float: right;
	margin: 10px 0 0 0;
	}
	
/*===============================================================*/
/* #2  INTERWRITE RESPONSE                                       */
/*===============================================================*/

/* メインイメージ */
div#mainimage_iw	{
	width: 630px;
	float: left;
	background-image: url(../products/iw/images/il_productimage.jpg);
	height: 155px;
	}
	
div.response{
	clear:left;
}

div.response2{
	width:310px;
	float:left;
	margin: 0 0 10px 20px;
}

ul.list_response_price li{
	list-style-type:none;
	line-height:1.5em;
	color:#666666;
	text-indent:50px;
}

img.response_img{
	float:right;
	margin:10px 0 0 0;
}
/*===============================================================*/
/* #3  InterMANEGER                                        */
/*===============================================================*/

/* メインイメージ */
div#mainimage_intermanager	{
	width: 630px;
	float: left;
	background-image: url(../products/manager/images/il_productimage.jpg);	
	height: 155px;
	}
	
.yakuchu {
	font-size: 85%;
	color: #999;
}
/*===============================================================*/
/* #4  ファイル暗号化CR                                       */
/*===============================================================*/

/* メインイメージ */
div#mainimage_cr	{
	width: 630px;
	float: left;
	background-image: url(../products/filecr/images/il_productimage.jpg);	
	height: 155px;
	}

.hr{
	border-bottom: dotted 1px #333333;
	margin: 10px 0 0 20px;
}
/*===============================================================*/
/* #5  InterSafe                                       */
/*===============================================================*/

/* メインイメージ */
div#mainimage_intersafe	{
	width: 630px;
	float: left;
	background-image: url(../products/intersafe/images/il_productimage.jpg);	
	height: 155px;
	}

.gray{
	color:#666666;
}

.ml20{
	margin-left:20px;
}

.new{
	background:transparent url(../products/intersafe/images/ic_01.gif) no-repeat scroll left center;
	padding-left:40px;
}

/*===============================================================*/
/* #6  InterSafe CATS                                       */
/*===============================================================*/

/* メインイメージ */
div#mainimage_iscats	{
	width: 630px;
	float: left;
	background-image: url(../products/iscats/images/il_productimage.jpg);	
	height: 155px;
	}

.red{
	color:#FF0000;
}

/*===============================================================*/
/* #7  SMART-HTML                                     */
/*===============================================================*/

/* メインイメージ */
div#mainimage_smart	{
	width: 630px;
	float: left;
	background-image: url(../products/smart/images/il_productimage.jpg);	
	height: 155px;
	}

div.blockLeft{
	float:left;
	width:160px;
	margin-left:20px;
}

*div.blockLeft{
	float:left;
	width:160px;
	margin-left:10px;
}

div.blockLeft2{
	float:left;
	width:200px;
	margin-left:20px;
}

*div.blockLeft2{
	float:left;
	width:200px;
	margin-left:10px;
}
/*===============================================================*/
/* #8  TeachingMATE AP                                    */
/*===============================================================*/

/* メインイメージ */
div#mainimage_tmmate_ap	{
	width: 630px;
	float: left;
	background-image: url(../products/tmmate-ap/images/il_productimage.jpg);	
	height: 155px;
	}
	
div.blockLeft3{
	float:left;
	width:300px;
	margin-left:20px;
}

*div.blockLeft3{
	float:left;
	width:300px;
	margin-left:10px;
}

.bdb{
	border-top:1px dotted #666666;
	margin:15px auto;
}


/*===============================================================*/
/* #9  WinKeeper                                                 */
/*===============================================================*/

/* メインイメージ */
div#mainimage_winkeeper	{
	width: 630px;
	float: left;
	background-image: url(../products/winkeeper/images/il_productimage.jpg);
	height: 155px;
	}


/*===============================================================*/
/* #10  enetstar                                                 */
/*===============================================================*/

/* メインイメージ */
div#mainimage_enetstar	{
	width: 630px;
	float: left;
	background-image: url(../products/enetstar/images/il_productimage.jpg);
	height: 155px;
	}
	
/*===============================================================*/
/* #11  CaLabo EX                                                */
/*===============================================================*/

/* メインイメージ */
div#mainimage_c-ex	{
	width: 630px;
	float: left;
	background-image: url(../product/calabo/images/il_productimage.jpg);
	height: 155px;
	}
	
/*===============================================================*/
/* #12  TeachingMATE対応教材                                             */
/*===============================================================*/

/* メインイメージ */
div#mainimage_tmmate	{
	width: 630px;
	float: left;
	background-image: url(../products/tmmate/images/il_productimage.jpg);
	height: 155px;
	}

/*===============================================================*/
/* #13  eNetLibe                                                 */
/*===============================================================*/

/* メインイメージ */
div#mainimage_enetlibe	{
	width: 630px;
	float: left;
	background-image: url(../products/enetlibe/images/il_productimage.jpg);
	height: 155px;
	}

/*===============================================================*/
/* #14  小学校フラッシュ英単語                                   */
/*===============================================================*/


/* メインイメージ */
div#mainimage_flash-eng	{
	width: 630px;
	float: left;
	background-image: url(../products/flash-eng/images/il_productimage.jpg);
	height: 155px;
	}

p.maintext_flash	{
	margin: 10px 15px 0 10px;
	line-height: 150%;
	}

span.img_center_flash	{
	margin-top:20px;
	margin-bottom:20px;
	margin-left:20px;
	display: block;
	}

span.img_menu_flash	{
	margin-top:20px;
	margin-bottom:20px;
	margin-left:5px;
	display: block;
	}

span.volume	{
	color:#ff6600;
	}
	
.hr_flash{
	border-bottom: solid 1px #ccc;
	margin: 0 5px 0 15px;
	}

#breadcrumb_flash {  
	margin:10px;
	text-align:right;  
	}

#breadcrumb_flash li {  
     display:inline;  
     line-height:110%;  
     list-style-type:none;  
	  } 
#breadcrumb_flash li.select	a:link,
li.select	a:visited{
	color:#FF6600;
	text-decoration:none;
}

#breadcrumb_flash li.select	a:hover,
li.select	a:active{
	text-decoration:underline;
	}

span.img_left_flash	{
	float: left;
	margin:10px 0 10px 20px;
	}

.pic_caption270	{
	font-size:90%;
	color: #999;
	width:270px;
	margin:5px 10px 10px 10px;
	}
div.blockLeft_flash	{
	float:left;
	width:189px;
	margin-left:5px;
}

.blockleft_flash_top	{
	width: 189px;
	height: 38px;
	background-image:url(../products/flash-eng/images/il_flash_eng_index_03_top.gif);
	background-repeat: no-repeat;
	}
.blockleft_flash_body	{
	background-image: url(../products/flash-eng/images/il_flash_eng_index_03_body.gif);
	padding: 10px 0 2px 0;
	background-repeat: repeat-y;
	/*margin-top: 15px;*/
	}

.blockleft_flash_btm	{
	width: 189px;
	height: 19px;
	background-image: url(../products/flash-eng/images/il_flash_eng_index_03_btm.gif);
	background-repeat: no-repeat;
	}
	
span.center_fla	{
	width: 175px;
	margin:0 5px;
	display: block;
	}
/*===============================================================*/
/* #15  eNetLibe対応教材　　                                   */
/*===============================================================*/

/* メインイメージ */
div#mainimage_material	{
	width: 630px;
	float: left;
	background-image: url(../products/material/images/il_productimage.jpg);
	height: 155px;
	}

div#mainimage_teleco	{
	width: 630px;
	float: left;
	background-image: url(../products/teleco/images/il_productimage.jpg);
	height: 155px;
	}

/*===============================================================*/
/* #16  フラッシュ算数    　　                                   */
/*===============================================================*/

/* メインイメージ */
div#mainimage_ir	{
	width: 630px;
	float: left;
	background-image: url(../products/ir/images/il_productimage.gif);
	height: 155px;
	}