/* 目次
#0	共通部分
#1  商品一覧 Products
#2　ニュース news
#3　会社情報 corporate
#4　ダウンロード Download
#5  パートナー Partner
#6　導入事例
#7　セミナー＆イベント
*/

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

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


/* 一覧へ戻る */
p.back_list	{
	text-align: right;
	display: block;
	padding-top: 5px;
	}

a.back_list	{
	background: url(../common_img/ic_allow_ri_or.gif) no-repeat 0 0.3em;
	padding: 1px 0 1px 15px;
	}


/* サイドメニュー */

div#sidemenu	{
	width: 250px;
	float: right;
	margin: 0px 0 10px 20px;
	}

* html div#sidemenu	{
	width: 250px;
	float: right;
	margin: 0px 0 10px 15px;
	}

p#productname	{
	width: 230px;
	background-color: F2F2F2;
	padding: 10px;
	font-weight: 800;
	font-size: 120%;
	}

div#sidemenu_products	li.select	a:link,
div#sidemenu_products	li.select	a:visited{
	color:#FF6600;
	text-decoration:underline;
}

div#sidemenu_products	li.select	a:hover,
div#sidemenu_products	li.select	a:active{
	color:#FF6600;
	text-decoration:underline;
}


/* 商品一覧 */	
div#sidemenu_products	{
	background-image:url(../common_img/il_sidemenu_back.gif);
	background-repeat:repeat-y;
	margin-bottom: 10px;
	}	
	
div#sidemenu_products ul	{
	margin: 0 0 0 15px;
	width: 220px;
	}

div#sidemenu_products ul li	{
	background: url(../common_img/ic_sidemenu.gif) no-repeat 0 0.3em;
	padding:3px 0 3px 17px;
	/*font-size: 120%;*/
	border-bottom: solid 1px #ccc;
	}

div#sidemenu_products ul li.lower	{
	background: url(../common_img/ic_sidemenu_lower.gif) no-repeat 0 0.1em;
	font-size: 12px;
	margin: 0px 0 0px 17px;
	}

div#sidemenu_products ul li.list_btm	{
	border-bottom: none;
	}

/* カテゴリ別 */
div#sidemenu_category	{
	background-image: url(../common_img/il_sidemenu_back.gif);
	background-repeat: repeat-y;
	margin-bottom: 10px;
	}	
	
div#sidemenu_category ul	{
	margin: 0 0 0 15px;
	width: 220px;
	}

div#sidemenu_category ul li	{
	background: url(../common_img/ic_sidemenu_allow.gif) no-repeat 0 0.3em;
	background-position: right bottom;	
	padding:3px 0 3px 0px;
	font-size: 100%;
	border-bottom: solid 1px #ccc;
	}

div#sidemenu_category ul li.list_btm	{
	border-bottom: none;
	}
	
/* 学校別 */
div#sidemenu_school	{
	background-image: url(../common_img/il_sidemenu_back.gif);
	background-repeat: repeat-y;
	margin-bottom: 10px;
	}	
	
div#sidemenu_school ul	{
	margin: 0 0 0 15px;
	width: 220px;
	}

div#sidemenu_school ul li	{
	background: url(../common_img/ic_sidemenu_allow.gif) no-repeat 0 0.3em;
	background-position: right bottom;	
	padding:3px 0 3px 0px;
	font-size: 100%;
	border-bottom: solid 1px #ccc;
	}

div#sidemenu_school ul li.list_btm	{
	border-bottom: none;
	}

div#sidemenu_school ul li.list_border	{
	border-bottom: none;
	margin:0 0 0 0;
	background-image:none;
	padding:0 0 10px 0;
	}
	
/* セミナー・イベント＆ニュース */
div#sidemenu_event	{
	background-image: url(../common_img/il_sidemenu_back.gif);
	background-repeat: repeat-y;
	margin-bottom: 10px;
	}	
	
div#sidemenu_event ul	{
	margin: 0 0 0 15px;
	width: 220px;
	}

div#sidemenu_event ul li	{
	background: url(../common_img/ic_sidemenu.gif) no-repeat left 0.5em;
	padding:3px 0 3px 17px;
	/*font-size: 120%;*/
	border-bottom: solid 1px #ccc;
	line-height: 120%;
	}

div#sidemenu_event ul li.list_btm	{
	border-bottom: none;
	}

li.list_news	{
	font-size: 95%;
	}

/* リンクサイト */

div#sidemenu_linksite	{
	background-image: url(../common_img/il_sidemenu_back.gif);
	background-repeat: repeat-y;
	margin-bottom: 10px;
	width: 250px;
	}	

div#sidemenu_linksite	ul	{
	list-style: none;
	width: 228px;
	margin: 10px 11px 0 11px;
	display: block;
	}

div#sidemenu_linksite	li	{
	list-style: none;
	margin-bottom: 5px;
	}

/* 販売パートナーの方へ */

div#sidemenu_partner	{
	margin-bottom: 10px;
	padding: 10px 0 0 0;
	border-top: solid #ccc 1px;
	}	
	
/* デモ・資料請求 */

div#sidemenu_other	{
	background-image: url(../common_img/il_sidemenu_back.gif);
	background-repeat: repeat-y;
	margin-bottom: 10px;
	}	

/* メインイメージ */
div#mainImage	{
	width: 630px;
	float: left;
	}

/*===============================================================*/
/* #1  商品一覧 Products                                         */
/*===============================================================*/

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

/* メインイメージ クリッカー */
div#category_clicker	{
	width: 630px;
	float: left;
	background-image: url(../products/images/il_clicker_image.gif);
	height: 155px;
	}

/* メインイメージ 情報漏洩 */
div#category_compromise	{
	width: 630px;
	float: left;
	background-image: url(../products/images/il_compromise_image.gif);
	height: 155px;
	}

/* メインイメージ フィルタリング */
div#category_filtering	{
	width: 630px;
	float: left;
	background-image: url(../products/images/il_filtering_image.gif);
	height: 155px;
	}

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

/* メインイメージ リカバリー */
div#category_recovery	{
	width: 630px;
	float: left;
	background-image: url(../products/images/il_recovery_image.gif);
	height: 155px;
	}

/* メインイメージ サポート */
div#category_support	{
	width: 630px;
	float: left;
	background-image: url(../products/images/il_support_image.gif);
	height: 155px;
	}

/* メインイメージ 小学校 */
div#category_jr-school	{
	width: 630px;
	float: left;
	background-image: url(../products/images/il_jr_school.jpg);
	height: 155px;
	}

/* メインイメージ 中学校 */
div#category_jrhi-school	{
	width: 630px;
	float: left;
	background-image: url(../products/images/il_jrhi_school.jpg);
	height: 155px;
	}

/* メインイメージ 高校 */
div#category_hi-school	{
	width: 630px;
	float: left;
	background-image: url(../products/images/il_hi_school.jpg);
	height: 155px;
	}

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

/* メインイメージ 高校・大学向け販売パートナー */
div#category_partner	{
	width: 630px;
	float: left;
	background-image: url(../products/partner/images/il_productimage.jpg);
	height: 155px;
	}




div#maincontents_body_products	{
	background-image: url(../common_img/il_maincontents_back.gif);
	padding: 10px 15px 15px 20px;
	background-repeat: repeat-y;
	margin-top: -5px;
	}

div.category	{
	width: 286px;
	height: auto;
	float: left;
	background-image: url(../product/images/il_category_back.gif);
	background-repeat: repeat-y;
	margin: 10px 5px 0px 5px;
	}

*html	div.category	{
	width: 286px;
	height: auto;
	float: left;
	background-image: url(../products/images/il_category_back.gif);
	background-repeat: repeat-y;
	margin: 10px 5px 0px 3px;
	}

div.category_top	{
	width: 286px;
	height: 5px;
	background-repeat: no-repeat;
	background-image: url(../product/images/il_category_top.gif);
	}
	
p.category_cont	{
	display: block;
	}
	
ul.list_school	{
	list-style-type: none;
	margin: 5px 0 5px 5px;
	display: block;
	width: 130px;
	float: left;
	}
	
ul.list_school	li	{
	float:left;
	margin-left: 5px;
	}

img.category_img	{
	display: block;
	float: left;
	margin: 5px 0 5px 5px;
	}

p.productname	{
	font-size: 125%;
	line-height: 120%;
	margin: 0px 10px 0 10px;
	color: #FF6600;
	padding-bottom: 3px;
	background-image: url(../product/images/il_category_allow.gif);
	background-repeat: no-repeat;
	background-position: right bottom;
	}

p.productname	span	{
	font-size:80%;
	}

p.productstext	{
	margin: 5px 10px 5px 10px;
	}

a.link_products:link,
a.link_products:visited{
	color:#FF6600;
	text-decoration:none;
}

a.link_products:hover,
a.link_products:active{
	color:#cccccc;
	text-decoration:underline;
}

/*===============================================================*/
/* #2  ニュース News                                             */
/*===============================================================*/

/* メインイメージ */

div#mainimage_news	{
	width: 630px;
	float: left;
	height: 155px;
	background-image: url(../events/images/il_category_image.jpg);
	}

div#mainimage_news2006	{
	width: 630px;
	float: left;
	height: 155px;
	background-image: url(../events/images/il_category_image2006.jpg);
	}

div#mainimage_news2007	{
	width: 630px;
	float: left;
	height: 155px;
	background-image: url(../events/images/il_category_image2007.jpg);
	}

div#mainimage_news2008	{
	width: 630px;
	float: left;
	height: 155px;
	background-image: url(../events/images/il_category_image2008.jpg);
	}

div#mainimage_news2009	{
	width: 630px;
	float: left;
	height: 155px;
	background-image: url(../events/images/il_category_image2009.jpg);
	}

/* table （イベントのテーブルも使用）*/
table.event_news{
	margin-left:0px;
	border-collapse:collapse;
	margin-top: 10px;
}
table.event_news td{
	border:1px solid #FFFFFF;
	border-collapse:collapse;
	padding:3px 8px;
	vertical-align:top;
}
table.event_news th{
	border:1px solid #FFFFFF;
	text-align:left;
	vertical-align:middle;
	background-color: #999999;
}
table.event_news th.title{
	background:#999;
	font-weight:bold;
	padding:3px 10px;
	color:#FFF;
}


/* 投稿日 */
p#entrydate	{
	text-align: left;
	display: block;
	padding: 0px auto 0 auto;
	font-size: 120%;
	font-weight: 800;
	}

/* タイトル */
p#news_title	{
	clear: both;
	color: #FF6600;
	padding: 10px 0 10px 0;
	line-height: 125%;
	font-size: 125%;
	display: block;
	}

/* 本文 */
p.news_maintext	{
	margin: 10px auto 0 auto;
	line-height: 150%;
	}

p.news_midashi	{
	background-image: url(../common_img/il_caption_back.jpg);
	background-repeat: repeat-y;
	padding: 0px 0 0px 20px;
	font-weight: 800;
	line-height: 150%;
	margin: 20px 0 0 0;
	font-size: 120%;
	}
	
.news_note	{
	margin: 10px auto 0 auto;
	font-size:85%;
	color:#999;
	line-height: 150%;
	}		

/* 本文中写真（センター） */	
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_left	{
	float: left;
	margin:0 10px 10px 0;
	}

/* 本文中写真説明文　*/
.pic_caption140	{
	color: #999;
	width:140px;
	margin:0 10px 10px 10px;
	}

.pic_caption160	{
	font-size:85%;
	color: #999;
	width:160px;
	margin:0 10px 10px 0;
	}
	
/* 本文説明文　*/
	
.news_caption	{
	font-size:90%;
	color:#999;
	margin: 15px 0pt 20px; 
	text-align: right;
	}

.news_lt	{
	margin: 10px 0 0 15px;
	line-height: 150%; 
	width: 240px; 
	float: left;
	}

.news_rt	{
	margin: 10px 15px 0 0;
	line-height: 150%;  
	width: 240px; 
	float: right;
	}
	
.attention	{
	font-size:120%;
	color:#ffa500;
	}

p.news	{
	font-size:120%;
	color: #FF6600;
	margin: 10px auto 0 auto;
	line-height: 150%;
	}

/* 問い合わせ先 */
div#contact	{
	width: 589px;
	height: 160px;
	clear: both;
	background: url(../events/images/il_contact.jpg) no-repeat;
	margin: 15px 0;
	}

div#contact p#prepared	{
	position:relative;
	top:68px;
	left:130px;
	width: 450px;
	font-size: 125%;
	}
div#contact p#tel	{
	position:relative;
	top:70px;
	left:50px;
	width: 450px;
	font-size: 125%;
	}
div#contact p#mail	{
	position:relative;
	top:75px;
	left:70px;
	width: 450px;
	font-size: 125%;
	}
div#contact p#url	{
	position:relative;
	top:80px;
	left:55px;
	width: 450px;
	font-size: 125%;
	}

div.midashi_partner	{
	color: #FF6600;
	font-size: 120%;
	margin: 5px 0 5px 0;
	background-image: url(../common_img/ic_midashi.gif);
	background-repeat: no-repeat;
	padding: 0 0 0 20px;
	}

/*===============================================================*/
/* #3  会社情報 corporate                                        */
/*===============================================================*/

/* メインイメージ 会社情報 */
div#mainimage_corporate	{
	width: 630px;
	float: left;
	background-image: url(../corporate/images/il_category_image_in.gif);
	height: 155px;
	}

p.corporate_line	{
	width: 100%;
	height:1px;
	display: block;
	background-color: #CCCCCC;
	clear: both;
	}

/* table 採用情報*/
table#recruit{
	margin-left:20px;
	border-collapse:collapse;
	margin-top: 10px;
	width: 550px;
}
table#recruit tr{
	border-top:#CCCCCC solid 2px;
	border-bottom: #CCCCCC solid 2px;
}
table#recruit th, td{
	padding:3px 8px;
	vertical-align:top;
	border: none;
}
table#recruit th{
	text-align: left;
}
table#recruit td{
	text-align: center;
	border: none;
}


/* table 会社情報 */
table.company{
	margin-left:20px;
	border-collapse:collapse;
	margin-top: 10px;
}
table.company th, td{
	border:1px solid #CCC;
	border-collapse:collapse;
	padding:3px 8px;
	vertical-align:top;
	text-align: left;
}
table.company th{
	padding:3px 8px;
	text-align:left;
	background:#EEEEEE;
	vertical-align:middle;
}

dl.mark	dt	{
	list-style-position: outside;
	line-height: 150%;
	background: url(../common_img/ic_allow_ri.gif) no-repeat left;
	padding-left: 20px;
	font-weight: 800;
	}
	
dl.mark	dd	{
	margin-left: 20px;
	}

/*===============================================================*/
/* #4  ダウンロード Download                                     */
/*===============================================================*/

/* メインイメージ ダウンロード */
div#mainimage_download	{
	width: 630px;
	float: left;
	background-image: url(../resellers/images/il_category_image.gif);
	height: 155px;
	}

table.download_line{
	border-collapse:collapse;
	margin-top: 10px;
}

table.download_line th, td{
	border:1px solid #CCC;
	border-collapse:collapse;
	padding:3px 8px;
	vertical-align:top;
}

table.download_line th{
	padding:3px 8px;
	text-align:left;
	background:#EEEEEE;
	vertical-align:middle;
}

table.download_line td{
	padding:3px 8px;
	text-align:center;
	vertical-align: middle;
}

table.download_line th.title{
	background:#999;
	font-weight:bold;
	padding:3px 10px;
	color:#FFF;
	text-align:center;
}

p.caption_download	{
	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 0;
	}

ul#support_link	{
	list-style:none;
	margin: 10px 0 10px 10px;
	}

ul#support_link	li	{
	float:left;
	}

ul.download_catarog	{
	list-style:none;
	margin: 10px auto 5px 15px;
	display: block;
	text-align:center;
	}
	
ul.download_catarog	li	{
	float:left;
	}

div.download_wide	{
	width: 588px;
	background:url(../resellers/images/il_supp_down_back_wide.gif) repeat-y;
	}
	
div.download_lt	{
	width: 286px;
	height: auto;
	float: left;
	background-image: url(../resellers/images/il_supp_down_back.gif);
	background-repeat: repeat-y;
	margin: 10px 0px 10px 0px;
	}

div.download_rt	{
	width: 286px;
	margin: 10px 0px 10px 17px;
	float: left;	
	background-image: url(../resellers/images/il_supp_down_back.gif);
	background-repeat: repeat-y;
	}
	
/*===============================================================*/
/* #5  パートナー Partner                                        */
/*===============================================================*/
div.partner_midashi	{
	color: #FF6600;
	font-size: 150%;
	padding: 0 0 10px 10px;
	font-weight: bold;
	}

div.partner {
	width: 590px;
	margin: 10px 0 10px 10px;
	}

div.partner_lt	{
	width: 286px;
	height: auto;
	float: left;
	background-image: url(../resellers/images/il_supp_down_back.gif);
	background-repeat: repeat-y;
	margin-top: 0;
	margin-right: 10px;
	margin-bottom: 10px;
	margin-left: 10px;
	}

div.partner_rt	{
	width: 286px;
	margin: 0 0px 10px 0px;
	float: left;	
	background-image: url(../resellers/images/il_supp_down_back.gif);
	background-repeat: repeat-y;
	}
	
div.partner_gray{
	color:#666666;
	font-size: 90%;
	margin:10px 0 20px 10px;
}

span.partner_img_center	{
	margin: 10px auto 10px auto;
	display: block;
	}

span.download_img_center	{
	margin: 10px auto 5px auto;
	display: block;
	text-align:center;
	}
	
p.pertnertext	{
	margin: 15px 15px 15px 15px;
	}


/*===============================================================*/
/* #6　導入事例                                                  */
/*===============================================================*/

/* メインイメージ case */
div#mainimage_case	{
	width: 630px;
	float: left;
	background-image: url(../gallery/images/il_category_image.jpg);
	height: 155px;
	}


div.midashi_case	{
	font-size: 120%;
	margin: 10px 0 0 0;
	background-image: url(../common_img/ic_midashi.gif);
	background-repeat: no-repeat;
	padding: 0 0 0 20px;
	}

div.case2nd	{
	width: 587px;
	background-image: url(../gallery/images/il_case_back.gif);
	background-repeat: repeat-y;
	margin: 10px auto 0 auto;
	}

div.case2nd	p	{
	}
	
div.case2nd_top	{
	background-image: url(../gallery/images/li_case_top.gif);
	width: 587px;
	height: 44px;
	}

/*===============================================================*/
/* #7　セミナー＆イベント                                        */
/*===============================================================*/

div#mainimage_event	{
	width: 630px;
	float: left;
	height: 155px;
	background-image: url(../seminar/images/il_category_image.jpg);
	}

div#mainimage_event2006	{
	width: 630px;
	float: left;
	height: 155px;
	background-image: url(../seminar/images/il_category_image2006.jpg);
	}

div#mainimage_event2007	{
	width: 630px;
	float: left;
	height: 155px;
	background-image: url(../seminar/images/il_category_image2007.jpg);
	}

div#mainimage_event2008	{
	width: 630px;
	float: left;
	height: 155px;
	background-image: url(../seminar/images/il_category_image2008.jpg);
	}

div#mainimage_event2009	{
	width: 630px;
	float: left;
	height: 155px;
	background-image: url(../seminar/images/il_category_image2009.jpg);
	}