@charset "utf-8";

/* ------------------------------------------------------------------
	UI SETTING : layout
------------------------------------------------------------------- */

#outer_head{ border-bottom:1px solid #e2e3e5;}

#head{}

*html #outer_main{ text-align:center;}
#main {clear:both;width:955px;margin:0 auto;padding:20px 0;}
*html #main{ text-align:left;}
#main:after {content:url(clearfix.gif);display:block;clear:both;height:0;visibility:hidden;}
#main{min-height:1px;}
* html #main{height:1px;/*\*//*/ height:auto; overflow:hidden; /**/ }
#outer_cont {
	width:955px;min-height:0px; height:auto !important; height:0px;}
		.home #cont{}
/* -------------------------------------------------------------------
	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{}
#cont h2{}
#cont h3{}
#cont h4{
	margin-top:1.3em;
	border-bottom:1px dotted #a8a8a8;
	font-size:14px;line-height:1.5em;color:#5f5f5f; }

#cont span.exhibition{ visibility:hidden;}
/* -------------------------------------------------------------------
	CONT : 導入相談室TOP：毎回デザイン変更によるCSS調整あり。
------------------------------------------------------------------- */

#main_visual_area { background:url(../../img/side-background.jpg) left bottom no-repeat;}

#h1-area { width:231px; float:left; padding-bottom:18px; text-align:left;}
#detail-area { width:691px; float:right; padding-bottom:18px; text-align:left;}

#h1-area .a_center { text-align:center;}
#h1-area .icon_arrow_r  { display:inline-block;padding-left:12px;background:url(../img/icon_arrow_r.gif) no-repeat 2px 7px; }
#h1-area ul.links { margin:13px 15px 0 15px; }
#h1-area ul.links li { list-style:none; font-size:13px; margin-top:0.3em; line-height:150%;} 
#h1-area .visit  { margin:13px 0 0 15px;}
#h1-area .search { margin:17px 0 0 15px;}

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

#h1-area .search-example { margin:8px 0 0 15px;}
#h1-area .inquiry-text { margin:18px 0 0 15px;}
#h1-area .side-inquiry-button { margin:8px 0 0 0;}

#detail-area p.detail-area-theme { margin-top:8px; }
#detail-area ul.article-info     { margin-top:37px; }
	#detail-area ul.article-info li                          { list-style:none; }
	#detail-area ul.article-info li.article-info-the-movie   { width:329px; float:left; }
	#detail-area ul.article-info li.article-info-shindan     { width:337px; float:right; }
#detail-area .article { margin-top:33px;}
	#detail-area .article p.main-article { float:right; width:349px;}
	#detail-area .article ul.sub-article { float:left; width:342px;}
		#detail-area .article ul.sub-article li { list-style:none;}



#detail-area .related { 
	margin-top:25px;
	background:url(../../img/related-background.jpg) 0 0 no-repeat #fef2d0;}
#detail-area .related ul li { float:left; width:166px; list-style:none; padding:9px 0 12px 0;}
#detail-area .related ul li a { font-size:13px; line-height:150%;}
#detail-area .related ul.related-01 { width:664px; margin:0 0 0 14px; background:url(../../img/related-border.jpg) center bottom no-repeat;}
#detail-area .related ul.related-02 { width:664px; margin:0 0 0 14px; }
#detail-area .related .icon_arrow_r  { display:inline-block;padding-left:12px;background:url(../img/icon_arrow_r.gif) no-repeat 2px 7px; }
#detail-area .related .icon_blank    { display:inline-block;padding-left:17px;background:url(../img/icon_blank.gif) no-repeat 5px 7px; }


/* -------------------------------------------------------------------
	CONT : 導入相談室TOP ここまで
------------------------------------------------------------------- */

#main_image_area{ height:605px;}

/* スペシャルイベント */
#special_event{}
#special_event h2{
		height:40px;margin-top:5px;padding-left:28px;
		background:url(../../img/special_event_h2_bg.jpg) no-repeat left top;
		font-size:16px;line-height:40px;}
#special_event ul{ margin:0 -13px 0 0; padding:0; width:968px;}
#special_event ul li{ list-style:none; float:left; width:471px; margin-right:13px; display:inline;}


/* 今週のおすすめイベントセミナー・IT導入相談室とは */
#information{}
#information h2{
		height:40px;margin-top:5px;padding-left:28px;
		background:url(../../img/toppage_h2.jpg) no-repeat left top;
		font-size:16px;line-height:40px;}
#information #event_seminer{ float:left; width:472px;}
#information #event_seminer .outer_box{ background:url(../../img/event_seminer_bottom_bg.gif) no-repeat left bottom; margin-top:1em; padding-bottom:15px;}
#information #event_seminer .outer_box .box{ background:url(../../img/event_seminer_top_bg.gif) no-repeat left top; padding:5px 15px 0 15px;}
#information #event_seminer .outer_box .box .icon{ float:left; width:50px;}
#information #event_seminer .outer_box .box .seminer_detail{ float:right; width:375px;}
#information #about{ float:right; width:472px;}

#information #about{}
#information #about #contact{}
#information #about #contact h2{ background:none; padding:0; margin:1.5em 0 0 0;}
#information #about #contact p{ margin-top:5px;}
#information #about #contact .clearfix{}
#information #about #contact .clearfix .pic{ float:left; width:117px;}
#information #about #contact .clearfix .text{ float:right; width:352px;}