@charset "utf-8";

body,div,h1,h2,h3,h4,h5,h6,p,ul,ol,li,dl,dt,dd,address,blockquote,form,table,th,td{margin:0px;padding:0px;}table{width:100%;border-collapse:separate;border-spacing:0;}th,td{padding:0;vertical-align:top;}img{vertical-align:top;border:none;}del{text-decoration:line-through;}em{font-style:normal;}sup{margin:0 1px;padding:0;vertical-align:text-top;font-size:11px;line-height:1em;}sub{margin:0 1px;padding:0;vertical-align:baseline;font-size:11px;line-height:1em;}

/* -------------------------------------------------------------------
	basic
------------------------------------------------------------------- */


html { margin-bottom:1px;height:100%; overflow-y:scroll; }
body { color:#333333; font-family: Meiryo,"メイリオ","Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3",Helvetica,sans-serif; text-align:center; background-color:#ffffff; outline:none; }
a         { color:#0066FF; text-decoration:none; }

a:link    { color:#2451c6; }
a:visited { color:#7c169e; }
a:active  { color:#2451c6; }
a:hover   { color:#2451c6; text-decoration:underline; }
a:focus   { color:#2451c6; text-decoration:underline; }


#head,#side,#foot { font-size:13px;line-height:1.5em; }
#head ul,#side ul,#foot ul,#head ol,#side ol,#foot ol,#head li,#side li,#foot li { margin:0;padding:0;list-style:none; }
#wrap{/*width:960px;margin:0 auto;*/text-align:left;}

/* clearfix */
.clearfix:after {content:url(clearfix.gif);display:block;clear:both;height:0;visibility:hidden;}
.clearfix {min-height:1px;}
* html .clearfix {height:1px;/*\*//*/ height:auto; overflow:hidden; /**/ }


/* ------------------------------------------------------------------
	head
------------------------------------------------------------------- */


#outer_head{}

#head { padding-top:13px; width:960px;margin:0 auto;}
#head #itnavi_top{ padding-bottom:0px;}

	#head #head_logo_text{ float:left; width:440px;}
	#head #head_logo_text .logo{ float:left; padding:0 0 7px 12px; width:200px;}

	#head #head_logo_otsuka{ float:right; width:175px;}
	#head h1,
	#head #head_title { margin-top:9px;}

/* head-nav */
#head-navi {}
	#head-navi ul      { width:960px; }
		#head-navi ul li { float:left; }


/* ------------------------------------------------------------------
	box
------------------------------------------------------------------- */

/*
#outer-wrap   { background:url(/it-navi/asset/img/ui/outer-wrap-bg.jpg) repeat-y center bottom; }
	#inner-wrap { background:url(/it-navi/asset/img/ui/inner-wrap-bg.jpg) no-repeat center top #eeeeee; }
		#wrap     { background:url(/it-navi/asset/img/ui/wrap-bg.jpg) no-repeat center bottom; }
*/

#outer_main{ }

#main.home { width:960px; margin:0 auto; padding:0; }
#main      { width:960px; margin:0 auto; padding:20px 0; }

#main.home #outer_cont { width:960px; float:right;}
#outer_cont  { width:735px;float:right;}
.itwins #cont{ background:url(/it-navi/asset/img/element/cont_bg.gif) no-repeat left bottom;}
.movie #cont { background:url(/it-navi/asset/img/element/cont_bg_movie.gif) no-repeat left bottom;}

#outer-main { margin-top:10px; }
#outer-main #main.home #outer_cont #cont { width:960px; float:none; margin:0 auto; }
#outer-main #main #outer_cont #cont { width:735px;  float:right; }

#outer-main #main.home #outer_cont #cont #outer-cont-top #inner-cont-top #top #target-tab { width:960px; padding-bottom: 1px; float:left; display:none; }
#outer-main #main.home #outer_cont #cont #outer-cont-top #inner-cont-top #top #main-relation { width:210px; float:right;  }
#outer-main #main.home #outer_cont #cont #outer-cont-top #inner-cont-top #top #outer-sub-contents { width:960px;  }


/* ------------------------------------------------------------------
	foot
------------------------------------------------------------------- */


#outer-foot{clear:both; background:#FFF;}
#foot {width:960px;margin:0 auto; padding:15px 0 30px 0;}

		/* menu */
		#foot ul{}
		#foot ul li { float:left; padding-right:10px; font-size:85%; line-height:1.4em;}
		#foot ul li a {
			display:inline-block;padding-left:15px; color:#333333; text-decoration:none;
			background:url(/it-navi/asset/img/icon/icon_blank.gif) no-repeat 0px 4px;}
		#foot ul li a:hover{ text-decoration:underline; color:#ff6a00;} 
		/* copyright */
		#foot p#copyright {  text-align:right;font-size:11px; line-height:1.2em;color:#999999;}

.analyze-area { display:none; }

/* -------------------------------------------------------------------
	CONT : general
------------------------------------------------------------------- */


#cont p,#cont ul,#cont ol,#cont dl { margin-top:1em; }
#cont p,#cont li,#cont dt,#cont dd,#cont th,#cont td { font-size:14px;line-height:1.6em; text-justify:distribute; }
#cont ul,#cont ol { padding-left:24px; }
#cont li { margin-top:4px; }
#cont h1{}

/* tondeke backnumber h1 */
#cont h1.tonde-h1 {
    border-left: 6px solid #ff9e20;
    font-size: 2.6rem;
    line-height: 1.3em;
    margin: 0.3em 0 0;
    padding-left: 0.5em;
}

/* IT wins h1 */
#cont h1.it-wins-h1 {
    border-left: 6px solid #ff9e20;
    font-size: 2.6rem;
    line-height: 1.3em;
    margin: 0.3em 0 0;
    padding-left: 0.5em;
}

#cont h2{}
#cont h3{}
#cont h4{
	margin-top:1.3em;
	border-bottom:1px dotted #a8a8a8;
	font-size:14px;line-height:1.5em;color:#5f5f5f; }

	/* pagetop */
	#main .pagetop { clear:both; padding:2em 0 1em 0; font-size: 13px; line-height: 1.5em; text-align:right; }
	#main .pagetop a {
		display:inline-block; padding-left:12px; 
		background: url(/it-navi/asset/img/icon/icon_arrow_t.gif) no-repeat 1px 9px; }

#cont .sp00 { margin-top:0; }
#cont .sp05 { margin-top:0.5em; }
#cont .sp10 { margin-top:1em; }
#cont .sp15 { margin-top:1.5em; }
#cont .sp20 { margin-top:2em; }
#cont .sp55 { margin-top:55px; }

#cont .a_right { text-align:right; }
.a_center{ text-align:center; }

#cont td.w_pic  { width:1%;}
#cont td.w_pic_l{ width:1%;padding-right:20px; }
#cont td.w_pic_r{ width:1%;padding-left:20px; }

#cont ul.clear_ulmark,
#cont ol.clear_ulmark { margin-left:0;padding-left:0;list-style:none; }

/* icon class */
#cont .icon_arrow_t  { display:inline-block;padding-left:12px;background:url(/it-navi/asset/img/icon/icon_arrow_t.gif) no-repeat 2px 8px; }
#cont .icon_arrow_b  { display:inline-block;padding-left:12px;background:url(/it-navi/asset/img/icon/icon_arrow_b.gif) no-repeat 2px 8px; }	
#cont .icon_arrow_l  { display:inline-block;padding-left:12px;background:url(/it-navi/asset/img/icon/icon_arrow_l.gif) no-repeat 2px 7px; }
.icon_arrow_r  { display:inline-block;padding-left:12px;background:url(/it-navi/asset/img/icon/icon_arrow_r.gif) no-repeat 2px 7px; }
.icon_link_arrow_r  { display:inline-block;padding-left:17px;background:url(/it-navi/asset/img/icon/icon_arrow_r.gif) no-repeat 7px 7px; }
#cont .icon_arrow_r_box  { display:inline-block;padding-left:17px;background:url(/it-navi/asset/img/icon/icon_arrow_r_box.gif) no-repeat 0px 7px; }
.icon_blank    { display:inline-block;padding-left:17px;background:url(/it-navi/asset/img/icon/icon_blank.gif) no-repeat 5px 8px; }
#cont .icon_mail     { display:inline-block;padding-left:20px;background:url(/it-navi/asset/img/icon/icon_mail.gif) no-repeat 0px center; }
#cont .icon_rupe     { display:inline-block;padding-left:17px;background:url(/it-navi/asset/img/icon/icon_rupe.gif) no-repeat 0px center; }
#cont .icon_download { display:inline-block;padding-left:19px;background:url(/it-navi/asset/img/icon/icon_download.gif) no-repeat 0px 4px; }
#cont .icon_pdf      { display:inline-block;padding-left:23px;background:url(/it-navi/asset/img/icon/icon_pdf.gif) no-repeat 0px center; }
#cont .icon_excel    { display:inline-block;padding-left:23px;background:url(/it-navi/asset/img/icon/icon_excel.gif) no-repeat 0px center; }
#cont .icon_word     { display:inline-block;padding-left:23px;background:url(/it-navi/asset/img/icon/icon_word.gif) no-repeat 0px center; }


/* -------------------------------------------------------------------
	contact
------------------------------------------------------------------- */


#outer_contact { width:735px; padding-bottom:10px; margin-top:2em;float:left; 
	background:url(/it-navi/asset/img/element/outer_contact_bg.gif) no-repeat left bottom; }


#outer_contact #contact { padding-right:34px; padding-bottom:1px; }

	#outer_contact #contact p { margin-top:0;}
	#outer_contact #contact .pic_text{ float:left; width:317px;}
		#outer_contact #contact .pic_text .pic{ float:left; width:129px;}
	#outer_contact #contact .pic_text .text{ float:right; width:188px;}
		#outer_contact #contact .pic_text .text p{ font-size:80%;}
		#outer_contact #contact .pic_text .text p.totalsolution{ margin-top:5px;}
	#outer_contact #contact .button{ float:right; width:339px;}
		#outer_contact #contact .button p{ margin:20px 0 0 0;}


/* -------------------------------------------------------------------
	CONT : element
------------------------------------------------------------------- */


/* catch copy */
#cont strong.catch{font-size:16px;line-height:1.5em;color:#333333;font-weight:bold; }
/* caption */
#cont p.caption{margin-top:6px;text-align:center;font-size:11px;line-height:1.3em; }

#cont p.notice{margin-top:6px;text-align:center;font-size:11px;line-height:1.3em; }
#cont p.permit{margin-top:20px;text-align:right;font-size:11px;line-height:1.3em; }

/* table */
#cont .table_a,#cont .table_a p,#cont .table_a li { line-height:1.4em; }
#cont .table_a {
	margin-top:1em;
	empty-cells:show;
	border-top:solid 1px #cecece;
	border-left:solid 1px #cecece;}
	#cont .table_a th,
	#cont .table_a td {
		padding:4px 10px;
		border-right:1px solid #cecece;
		border-bottom:1px solid #cecece;}
	#cont .table_a th { background-color:#f8f9fa;font-weight:normal;width:120px; white-space:nowrap; }
	#cont .table_a th.specially-info { width:80px; }




#article_area .element_pic200_left{}
#article_area .element_pic200_left:after { content:url(clearfix.gif);display:block;clear:both;height:0;visibility:hidden; }
#article_area .element_pic200_left{ min-height:1px; }
* html #article_area .element_pic200_left{ height:1px;/*\*//*/ height:auto; overflow:hidden; /**/ }
	#article_area .element_pic200_left .box_pic{ float:left; width:200px; }
	#article_area .element_pic200_left .box_text{ float:right; width:440px; }


#article_area .element_pic200_right{}
#article_area .element_pic200_right:after {content:url(clearfix.gif);display:block;clear:both;height:0;visibility:hidden;}
#article_area .element_pic200_right{min-height:1px;}
* html #article_area .element_pic200_right{height:1px;/*\*//*/ height:auto; overflow:hidden; /**/ }
	#article_area .element_pic200_right .box_pic{ float:right; width:200px;}
	#article_area .element_pic200_right .box_text{ float:left; width:440px;}


/* カテゴリトップ */
#cont #latest_article{
	background:url(/it-navi/yon/img/yon-detail-bg.gif) no-repeat left bottom; padding-bottom:15px;
	margin: 1em 0 0;}
	#cont #latest_article h2{ margin-top:0px;}

	/* タイトル・インタビュワー・写真 */
	/* ナンバーと公開日 */
	#cont #latest_article .detail_box .detail .clearfix{ padding:0;}
	#cont #latest_article .detail_box .detail .clearfix p.number{ float:left; width:100px; font-weight:bold;font-size: 20px; line-height:1em;}
	#cont #latest_article .detail_box .detail .clearfix p.category{ float:left; width:100px; font-weight:bold;font-size: 20px; line-height:1em;}
	.itwins_top #cont #latest_article .detail_box .clearfix p.number{ color: #1778BF;}
	.rbb_top #cont #latest_article .detail_box .clearfix p.number{ color: #DA3B03;}
	#cont #latest_article .clearfix p.date{ float:right; width:150px; text-align:right; color:#656565;}

		#cont #latest_article .detail_box{ margin-top:10px; padding:0 20px;}
		#cont #latest_article .detail_box:after {content:url(clearfix.gif);display:block;clear:both;height:0;visibility:hidden;}
		#cont #latest_article .detail_box{min-height:1px;}
		* html #cont #latest_article .detail_box{height:1px;/*\*//*/ height:auto; overflow:hidden; /**/ }
		/* タイトル・インタビュワー */
		#cont #latest_article .detail_box .detail{ float:left; width:365px; position:relative;}
		#cont #latest_article .detail_box .detail p{ margin-top:0px;}	
		#cont #latest_article .detail_box .detail h3{ font-size:100%; line-height:1.4em; margin-top:6px;}
		#cont #latest_article .detail_box .detail span.title{ display:block; color:#333333; font-size: 16px;}
		#cont #latest_article .detail_box .detail p.name{ margin-top:8px; font-size:90%; line-height:1.3em; }
		#cont #latest_article .detail_box .detail p.button{ margin-top:15px;}
		#cont #latest_article .detail_box .detail p.editorial{ position:absolute; bottom:0px; right:10px;}
		/* 写真 */
		#cont #latest_article .detail_box .thum{ float:right; width:318px; border:1px solid #cccccc;}
		#cont #latest_article .detail_box .thum p{ margin-top:0;}
		/* 動画 */
		#cont #latest_article .detail_box .movie{ float:right; width:320px;}
		#cont #latest_article .detail_box .movie .sp10{ margin-top:0;}




/* カテゴリトップのバックナンバーエリア */
#cont #backnumber{}
	#cont #backnumber h2{
		height:40px;margin-top:2em;padding-left:28px;
		background:url(/it-navi/asset/img/top_backnumber_h2.jpg) no-repeat left top;
		font-size:16px;line-height:40px;}
	
	#cont #backnumber .outer_article{ margin:1em -15px 0 0; width:750px; background:url(/it-navi/asset/img/element/top_backnumber_list_bg.gif) no-repeat left bottom;}
	#cont #backnumber .outer_article:after {content:url(clearfix.gif);display:block;clear:both;height:0;visibility:hidden;}
	#cont #backnumber .outer_article{min-height:1px;}
	* html #cont #backnumber .outer_article{height:1px;/*\*//*/ height:auto; overflow:hidden; /**/ }

	#cont #backnumber .single{ margin:1em -15px 0 0; width:750px; background:url(/it-navi/asset/img/element/top_backnumber_list_singlebg.gif) no-repeat left bottom;}

	/* 1記事 */
	#cont #backnumber .outer_article .article{ float:left; width:330px; padding:5px 15px 15px 15px; margin-right:15px; display:inline; background:url(/it-navi/asset/img/element/article_top_bg.gif) no-repeat left top;}
	* html #cont #backnumber .outer_article .article{ float:left; width:360px; padding:0 15px; margin-right:15px; display:inline; background:url(/it-navi/asset/img/element/article_top_bg.gif) no-repeat left top;}
	#cont #backnumber .outer_article .article p{ margin-top:5px;}
	#cont #backnumber .outer_article .article p.title{ margin-top:0.5em;}
		/* 記事内：番号と公開日 */
		#cont #backnumber .outer_article .article .number_date{}
		#cont #backnumber .outer_article .article .number_date:after {content:url(clearfix.gif);display:block;clear:both;height:0;visibility:hidden;}
		#cont #backnumber .outer_article .article .number_date{min-height:1px;}
		* html #cont #backnumber .outer_article .article .number_date{height:1px;/*\*//*/ height:auto; overflow:hidden; /**/ }
		/* 記事内：番号 */
		#cont #backnumber .outer_article .article .number_date .number{ float:left; width:100px; font-weight:bold;}
		#cont #backnumber.rbb .outer_article .article .number_date .number{color:#da3b03;}
		#cont #backnumber.it_wins .outer_article .article .number_date .number{color:#1778BF;}
		/* 記事内：公開日 */
		#cont #backnumber .outer_article .article .number_date .date{float:right; width:160px; text-align:right;}
	
		/* 記事内：写真と肩書き */
		#cont #backnumber .outer_article .article .pic_name{}
		#cont #backnumber .outer_article .article .pic_name:after {content:url(clearfix.gif);display:block;clear:both;height:0;visibility:hidden;}
		#cont #backnumber .outer_article .article .pic_name{min-height:1px;}
		* html #cont #backnumber .outer_article .article .pic_name{height:1px;/*\*//*/ height:auto; overflow:hidden; /**/ }
		#cont #backnumber .outer_article .article .pic_name p.pic{ float:left; width:91px; padding-bottom:10px;}
		#cont #backnumber .outer_article .article .pic_name p.name{ float:right; width:215px; font-size:80%; line-height:1.4em;}
		* html #cont #backnumber .outer_article .article .pic_name p.name{ float:right; width:215px; font-size:80%; line-height:1.4em; padding-bottom:10px;}


/* バックナンバー絞り込み */
#outer-refine { padding:12px 17px 0; border:1px solid #eeeeee; width:699px; background:#fff9e6 url("/it-navi/asset/img/backnumber/refine-background.jpg") no-repeat; }
#cont #refine { width:699px; }
	#cont #refine th,
	#cont #refine td { padding:12px 0 0; }
	#cont #refine th { padding-right:30px; white-space:nowrap; text-align:left; }
	#cont #refine .first th,
	#cont #refine .first td { padding-top:0; background: url("/it-navi/asset/img/backnumber/refine-line.jpg") repeat-x 0 100%; }
	#cont #refine ul { margin:0; padding:0; list-style:none; }
	#cont #refine ul li { margin:0; padding:0 15px 12px 0; float:left; white-space:nowrap; }
	#cont #refine ul li p { margin:0; padding:0 5px 0 0; }
	#cont #refine ul li p,
	#cont #refine ul li p label { padding:0 3px; cursor:pointer; }
	#cont #refine ul li.on p { background-color:#ffb99f; }


/* -------------------------------------------------------------------
	CONT :　動画ページ class="movie"
------------------------------------------------------------------- */


.movie #cont #movie{ padding-bottom:30px; width:735px;}
	.movie #cont #movie #seminer_title{ padding:0 20px;background:url(/it-navi/asset/img/element/main_head_area_top_bg.gif) no-repeat left top;}
	.movie #cont #movie #seminer_title:after {content:url(clearfix.gif);display:block;clear:both;height:0;visibility:hidden;}
	.movie #cont #movie #seminer_title{min-height:1px;}
	* html .movie #cont #movie #seminer_title{height:1px;/*\*//*/ height:auto; overflow:hidden; /**/ }
	
		.movie #cont #movie #seminer_title h1.title{ float:left; width:500px; font-weight:bold;  font-size:14px;line-height:1.6em; margin-top:1em;}
		.movie #cont #movie #seminer_title h1.title span.number{ color:#1778bf; font-weight:bold; display:inline-block; padding-right:7px;}
		.movie #cont #movie #seminer_title p.interview{ float:right; width:100px;}
		
		.movie #cont #movie #inner{ padding:0 48px; background:url(/it-navi/asset/img/element/movie_area_top_bg.gif) no-repeat left top;}
		.movie #cont #movie #inner h2{
			margin-top:2em; padding-left:10px;
			font-size:18px; line-height:1.5em; border-left:3px solid #ffa214;}
		.movie #cont #movie p.catch{ font-size:150%; line-height:1.5em; font-weight:bold;}

	/* 申し込みエリア:記事ページ */
	.movie #cont #outer_inquiry_area{
		margin:2em auto 0 auto; width:640px; padding-bottom:15px;
		background:url(/it-navi/asset/itwins/img/inquiry_bottom_bg.gif) no-repeat left bottom;}
	* html .movie #cont #outer_inquiry_area{
		margin:2em 0 0 45px; width:640px; padding-bottom:15px;
		background:url(/it-navi/asset/itwins/img/inquiry_bottom_bg.gif) no-repeat left bottom;}

	.movie #cont #outer_inquiry_area #inquiry_area{
		padding:15px 20px 0 20px;
		background:url(/it-navi/asset/itwins/img/inquiry_top_bg.gif) no-repeat left top;}
		.movie #cont #movie #outer_inquiry_area #inquiry_area h2{ padding-left:10px; font-size:120%; line-height:1.2em; border-left:3px solid #ffa214;}
		.movie #cont #movie #outer_inquiry_area #inquiry_area p.subtitle{ margin-top:15px; font-size:90%; line-height:1.3em; font-weight:bold;}
		.movie #cont #movie #outer_inquiry_area #inquiry_area p{ margin-top:15px;}
		.movie #cont #movie #outer_inquiry_area #inquiry_area p.button{ text-align:center;}
		.movie #cont #outer_inquiry_area #inquiry_area table.table_a{ width:600px;}
	/* itwins 本社セミナー申し込みエリア */
	.movie #cont .inquiry_real_seminer{ background-color:#FFFFFF; width:388px; margin:1em auto 0 auto;}
	* html .movie #cont .inquiry_real_seminer{ background-color:#FFFFFF; width:388px; margin:1em 0 0 130px;}
		.movie #cont .inquiry_real_seminer .clearfix{}
		.movie #cont .inquiry_real_seminer .clearfix .inquiry_real_seminer_detail{ float:left; width:290px;}
		.movie #cont .inquiry_real_seminer .clearfix .inquiry_real_seminer_detail_pic{float:right; width:84px;}

		/* 今回のポイント・今回のソリューション */
		#cont #article_area #point_solution{ margin-top:2em; border-top:1px solid #cccccc;}
		#cont #article_area #point_solution:after {content:url(clearfix.gif);display:block;clear:both;height:0;visibility:hidden;}
		#cont #article_area #point_solution{min-height:1px;}
		* html #cont #article_area #point_solution{height:1px;/*\*//*/ height:auto; overflow:hidden; /**/ }
		

		#cont #article_area #point_solution h2{
			margin-top:1em; padding:2px 0 0 12px;
			height:18px; line-height:18px; font-size:14px;
			background:url(/it-navi/asset/img/element/point_title_bg.gif) no-repeat left top;}
		#cont #article_area #point_solution ul{ padding-left:0;}
		#cont #article_area #point_solution ul li{
			list-style:none;
			padding-left:12px;background:url(/it-navi/asset/img/icon/icon_arrow_r.gif) no-repeat 2px 9px;}
		#cont #article_area #point_solution .point{ float:left; width:320px;}
		#cont #article_area #point_solution .solution{ float:right; width:320px;}


		/* IT導入相談室：フローエリア（縦）画像付き */
		.consulting #cont #flow{}
		.consulting #cont #flow ol { margin:1em 0 0 0; padding:0; }
			.consulting #cont #flow ol li {
				margin:1em 0 0 0; padding:0 0 0 110px;
				min-height:150px; height: auto !important; height:150px;
				position:relative;
				background:url(/it-navi/asset/img/consulting/flow_work_bg_bottom.jpg) no-repeat left bottom;
				list-style:none; height:1%; }
		
			* html .consulting #cont #flow ol li{ height:150px;}
			.consulting #cont #flow ol li p.flow_text {
				padding:10px 0 0 0; width:101px;
				position:absolute; top:0; left:0;
				display:block;
				background:url(/it-navi/asset/img/consulting/flow_bg_top.jpg) no-repeat left top;
				text-align:center; font-weight:bold;}
			.consulting #cont #flow ol li p{ margin:0 0 0.5em 0; padding:0 0 0 12px; }

/* RBB ページング */
.rbb #cont #outer_article_area #article_area #paging{ margin-bottom:40px; text-align:center;}/* 2ページ構成の記事による、イレギュラー対応 */
	.rbb #cont #outer_article_area #article_area #paging p.text{  font-weight:bold; text-align:left;}
	.rbb #cont #outer_article_area #article_area #paging p.next{ margin-top:25px; text-align:center; font-weight:bold;}
	.rbb #cont #outer_article_area #article_area #paging ul.clearfix{ width:160px; margin:1em auto 0 auto;}
	.rbb #cont #outer_article_area #article_area #paging ul.clearfix li{ float:left; width:60px; text-align:center; list-style:none;}
	.rbb #cont #outer_article_area #article_area #paging ul.clearfix li.first{ border-right:1px solid #333333; padding-right:10px;}
	

/* -------------------------------------------------------------------
	CONT :　バックナンバー
------------------------------------------------------------------- */

#cont #backnumber_list{ background:url(/it-navi/asset/img/element/backnumber_bg.gif) no-repeat left bottom; padding-bottom:35px;}
#cont #backnumber_list:after {content:url(clearfix.gif);display:block;clear:both;height:0;visibility:hidden;}
#cont #backnumber_list{min-height:1px;}
* html #cont #backnumber_list{height:1px;/*\*//*/ height:auto; overflow:hidden; /**/ }

		#cont #backnumber_list #it_wins{   float:left;  width:360px;}
		#cont #backnumber_list #rbb_today{ float:right; width:360px;}

		#cont #backnumber_list h2{ margin:0;}
		#cont #backnumber_list ul{ margin:0; padding:0;}
			#cont #backnumber_list ul li{
				margin:5px 10px 0; padding:0 0 10px 0; width:340px; list-style:none;
				background:url(/it-navi/asset/img/element/backnumber_list_inner_bg.gif) no-repeat left bottom;}
				#cont #backnumber_list ul li:after {content:url(clearfix.gif);display:block;clear:both;height:0;visibility:hidden;}
				#cont #backnumber_list ul li{min-height:1px;}
				* html #cont #backnumber_list ul li{height:1px;/*\*//*/ height:auto; overflow:hidden; /**/ }

				#cont #backnumber_list ul li p{ margin-top:5px;}

				/* No.と日付と画像エリア */
				#cont #backnumber_list ul li .number_pic{
					float:left; width:100px; margin:0; padding:0;
					background:url(/it-navi/asset/img/icon/icon_arrow_r_box.gif) no-repeat 4px 13px;}
					#cont #backnumber_list ul li .number_pic p{ margin-left:21px;}

				/* rbbとwinsのNo色 */
				#cont #backnumber_list #rbb_today .number_pic p.number{
					margin-top:5px; color:#DA3B03; font-weight:bold;
					font-size: 200%; line-height: 1em;}
				#cont #backnumber_list #it_wins .number_pic p.number{
					margin-top:5px; color:#1778bf; font-weight:bold;
					font-size: 200%; line-height: 1em;}

				#cont #backnumber_list .number_pic p.date{ margin-top:1px;}

	/* 記事のタイトルと名前・肩書き */
	#cont #backnumber_list ul li .detail{ float:right; width:215px; }
		#cont #backnumber_list ul li .detail p{ line-height:1.4em;}
			#cont #backnumber_list ul li .detail .title{
				border-bottom:1px solid #cccccc;
				padding:0 0 3px 0; font-weight:bold;}
			#cont #backnumber_list ul li .detail p.interviewer{ font-size:85%; line-height:1.4em;}

#cont #backnumber_list #top_rbb01{
	background:url(/it-navi/yon/img/yon-detail-bg.gif) no-repeat left bottom; padding-bottom:15px; margin-top:0;}
	#cont #backnumber_list #top_rbb01 .clearfix{ margin-top:10px; padding:0 20px;}
			#cont #backnumber_list #top_rbb01 .clearfix .detail{  float:left; width:515px; position:relative;}
			#cont #backnumber_list #top_rbb01 .clearfix .thum{    float:right; width:162px;}
			#cont #backnumber_list #top_rbb01 .clearfix .thum p{ margin-top:10px;}
				#cont #backnumber_list #top_rbb01 .clearfix .detail p{ margin-top:0px;}
	
	#wrap #main #outer_cont #cont #backnumber_list #top_rbb01{ margin:0px;}
				#cont #backnumber_list #top_rbb01 .clearfix .detail .number{ float:left; width:300px; color:#da3b03; font-weight:bold; margin-top:8px;}
				#cont #backnumber_list #top_rbb01 .clearfix .detail .number span.title{ color:#333333;}
				#cont #backnumber_list #top_rbb01 .clearfix .detail .date{ float:right; width:100px; text-align:right; margin-top:8px;}
				#cont #backnumber_list #top_rbb01 .clearfix .detail h3{ clear:both; font-size:95%;}
				#cont #backnumber_list #top_rbb01 .clearfix .detail p.name{ margin-top:4px;}
				#cont #backnumber_list #top_rbb01 .clearfix .detail p.button{ margin-top:5px;}			
				#cont #backnumber_list #top_rbb01 .clearfix .detail p.editorial{ position:absolute; bottom:3px; right:10px;}

/* -------------------------------------------------------------------
	CONT :　図版JS切り替えエリア　introduce
------------------------------------------------------------------- */

.rbb #cont #introduce{ border:1px solid #cccccc; padding:15px 0; margin-top:1.5em;}
.rbb #cont #introduce .details_over .detail{ border:1px solid #F60; }

  	   .rbb #cont #introduce .detail{ margin:15px auto 0 auto; width:600px; border:1px solid #cccccc;}
* html .rbb #cont #introduce .detail{ margin:1.5em 0 0 35px; width:600px; border:1px solid #cccccc; text-align:center;}	
	   .rbb #cont #introduce .detail p{ margin:5px 10px 0 10px;}
	   .rbb #cont #introduce p.introduce_text{ margin:0 0 0 35px; font-size:75%;}

 	   .rbb #cont #introduce .thumbnail{}
	   .rbb #cont #introduce .thumbnail ul{ margin:15px 0 0 0; padding-top:15px;}
	   .rbb #cont #introduce .thumbnail ul:after {content:url(clearfix.gif);display:block;clear:both;height:0;visibility:hidden;}
	   .rbb #cont #introduce .thumbnail ul{min-height:1px;}
* html .rbb #cont #introduce .thumbnail ul{height:1px;/*\*//*/ height:auto; overflow:hidden; /**/ }
	
	.rbb #cont #introduce .thumbnail ul li{ float:left; width:153px; list-style:none; margin:0 5px 0 0; padding:0;}
	.rbb #cont #introduce .thumbnail ul li p img{ margin-top:3px; font-size:85%; border:1px solid #cccccc;}
	.rbb #cont #introduce .thumbnail ul li p.text{ margin-top:0; padding:3px 5px 5px 5px;}
	.rbb #cont #introduce .thumbnail ul li a img{ border:1px solid #cccccc;}
	.rbb #cont #introduce .thumbnail ul li a:hover img{}
	.rbb #cont #introduce .thumbnail ul li .over p img{ border:1px solid #ff3300; cursor:pointer;}
	.rbb #cont #introduce .thumbnail ul li .crrent p img{ border:1px solid #F60; cursor:pointer;}
	
	#cont #introduce .thumbnail ul li.over p img{ border:1px solid #ff3300; cursor:pointer;}
	#cont #introduce .thumbnail ul li.crrent p img{ border:1px solid #F60; cursor:pointer;}
	#cont #introduce .thumbnail { display:none;}




/* -------------------------------------------------------------------
	CONT :　ビジネス健康診断
------------------------------------------------------------------- */
		
.check #cont {
	background:url(/it-navi/asset/check/img/background.jpg) 0 0 no-repeat;
	width:732px; height:847px; display:block;} 

.check #cont p { margin-top:0;}

.check #cont ul { width:732px; margin:0; padding:0; }
	.check #cont ul li { float:left; margin:0; padding:0; list-style:none;}
	.check #cont ul li.yon   { width:368px;}
	.check #cont ul li.tonde { width:364px;}
	
.check #cont .button { text-align:center; margin-top:47px;}

/* ------------------------------------------------------------------
	side
------------------------------------------------------------------- */

/* side */
#side { width:205px;float:left; margin:0; }
	#side .side_navi ul {}
	#side .side_navi ul li{
		margin:3px 4px 0 4px; padding:3px 10px 8px 10px; width:171px; }
	* html #side .side_navi ul li{
		margin:3px 4px 0 4px; padding:3px 10px 8px 10px; width:191px; }/*IE6*/

#side .sp10 { margin-top:1em; }
#side .sp15 { margin-top:1.5em; }
#side .sp20 { margin-top:2em; }

#side .side-backnumber { width:177px; font-size:14px; margin:10px auto 0; padding-top:10px; text-align:center; border-top:2px solid #CCC; }


		#side #side-back-number{ padding-bottom:5px; background:url(/it-navi/asset/img/ui/side/side-bg.gif) repeat-y left bottom; }
			#side #side-back-number p.title{ margin-top:1.3em;}	
			#side #side-back-number ul li{ padding:6px 6px 10px 6px; border-bottom:solid #CCC 1px; }
			#side #side-back-number ul li.latest{ border-bottom:none; }
			#side #side-back-number ul li a{ font-weight:bold; display:inline-block; padding-left:17px; background:url(/it-navi/asset/img/icon/icon_blank.gif) no-repeat 2px 6px; }
			#side #side-back-number ul li span.text{ display:block; padding:2px 0 0 15px;}


		#side #side-proposals{ padding-bottom:15px; margin-top:2em; background:url(/it-navi/asset/img/ui/side/side-bg.gif) repeat-y left bottom; }
			#side #side-proposals p.title{ margin-top:1.3em;}	
			#side #side-proposals span { font-weight:bold; }
			#side #side-proposals ul { padding:0 14px; }
			#side #side-proposals ul li{ padding:6px 0; }
			#side #side-proposals ul li a{ font-weight:bold; display:inline-block; padding-left:17px; background:url(/it-navi/asset/img/icon/icon_arrow_r.gif) no-repeat 2px 6px; }
			#side #side-proposals ul li span.text{ display:block; padding:2px 0 0 15px;}
			#side #side-proposals p.side-proposals-backnumber{ margin-top:1.3em 10px 0 10px; text-align:center; border-top:solid #CCC 1px; }
			


		#side .side-contact { padding-bottom:1em; margin-top:2em; background:url(/it-navi/asset/img/ui/side/side-bg.gif) repeat-y left bottom; }
			#side .side-contact p { margin-top:1em; }
			#side .side-contact p.tondeke-tel { font-weight:bold; margin-top:10px; font-size:23px; text-align:center; }
			#side .side-contact .inner-side-contact { padding:0 12px; }
				#side .side-contact .inner-side-contact { padding:0 12px; }

			#search-area  { margin:9px 0 0 0; width:191px;}
			#search-area #search-input { width:130px; font-size:13px; padding:2px 0; border:1px solid #84a2be; float:left; }
			#search-area .side-submit  { float:right; width:37px; padding-top:1px; padding-right:15px; vertical-align:middle;} 


/* -------------------------------------------------------------------
	サイドナビ-header-footer-side.cssより追記
------------------------------------------------------------------- */
/* カレント:第五階層 */
#leftside_navi ul li.now ul li.now-2{ border-bottom: medium none;box-shadow: 1px 1px 2px #d7d7d7 inset;}
	#leftside_navi ul li.now ul li.now-2 a {font-weight: bold;border: medium none;}
	#leftside_navi ul li.now ul li.now-2 a:hover{ background-color:#ebebeb;}
		#leftside_navi ul li.now ul li.now-2 ul{background-color: #ebebeb;}
			#leftside_navi ul li.now ul li.now-2 ul li a{ background-color: #fff; font-weight:normal; padding:5px;}
			#leftside_navi ul li.now ul li.now-2 ul li a:hover{ color:#a60000; background-color: #fff;}
			#leftside_navi ul li.now ul li.now-2 ul li.alt{}
				#leftside_navi ul li.now ul li.now-2 ul li.alt a{background-color:#fceedc; font-weight:bold;box-shadow: none;}
				#leftside_navi ul li.now ul li.now-2 ul li.alt a:hover{background-color:#fceedc;}


/* -------------------------------------------------------------------
	サイドナビ-header-footer-side.cssより追記
------------------------------------------------------------------- */
/* カレント:第五階層 */
#leftside_navi ul li.now ul li.now-2{ border-bottom: medium none;box-shadow: 1px 0 0 #999 inset;}
	#leftside_navi ul li.now ul li.now-2 a {font-weight: bold;border: medium none; background:none repeat scroll 0 0 #fbf8f5;}
	#leftside_navi ul li.now ul li.now-2 a:hover{ background-color:#fbf8f5;}
		#leftside_navi ul li.now ul li.now-2 ul{padding: 0 0 0 4px;background-color:#fbf8f5 !important;border-color:#939393;border-style:solid none none solid;border-width:0 0 0 1px;}
			#leftside_navi ul li.now ul li.now-2 ul li a{ background-color: #fff; font-weight:normal; padding:5px;}
			#leftside_navi ul li.now ul li.now-2 ul li a:hover{ color:#a60000; background-color: #fff;}
			#leftside_navi ul li.now ul li.now-2 ul li.alt{}
				#leftside_navi ul li.now ul li.now-2 ul li.alt a{background: url("/common-o/img/icon-side-nav-current.png") no-repeat scroll 98.5% 0.6em #a60000; font-weight:bold;box-shadow: none;color: #fff;}
				#leftside_navi ul li.now ul li.now-2 ul li.alt a:hover{background-color: #a60000;}


/* -------------------------------------------------------------------
	サイドナビ-header-footer-side.cssの設定より上書き
------------------------------------------------------------------- */
#leftside_navi ul li.now ul {
	background-color: #f3eae0;
	border-radius: 0;}