body {
	color: #333333;
	margin: 0px;
	padding: 0px;
	text-align: center;
}

h1,h2,h3,h4,p,ul,li,dl,dt,dd,form{
	margin: 0px;
	padding: 0px;
}
ul{
	list-style-type: none;
}
img {
	border: none;
}
a {
	color: #ea4d00;	/*全般のリンク色*/
}
a:hover {
	color: #ff8f59;	/*全般のオンマウス時のリンク色*/
}


.none{
    display:none; /*　非表示設定　*/
}




/*ヘッダー（メイン画像が入っているブロック）
---------------------------------------------------------------------------*/
#header {
	height: 107px;
	width: 100%;
	text-align: center;
	background: url(../img/common/header_bg.jpg) repeat-x;
}

#header .line_01 {
	height: 27px;
	width: 950px;
	text-align: center;
	margin-right: auto;
	margin-left: auto;
	background: url(../img/common/line_01_bg.jpg) repeat-x;
}

/*　h1 大見出し　*/
#header .line_01 h1{
	width: 670px;
	height: 14px;
	float: left;
	text-align: left;
	margin-top: 10px;
	LINE-HEIGHT: 14px;
	FONT-SIZE: 12px;
	COLOR: #666666;
	FONT-WEIGHT: normal;
}

/*　検索窓 　*/
#header .line_01 .kensaku{
	width: 280px;
	height: 21px;
	margin-top: 6px;
	text-align: right;
	float: left;
}


/*　ヘッダー内サイト内検索入力窓　*/
#header .line_01 .kensaku .put{
	width: 230px;
	height: 17px;
	background-color:#ffffff;
	border:1px solid #B9BFC4;
	float: left;
	margin-right: 5px;
	background: url(../img/common/kensaku.gif) no-repeat center left;
	TEXT-INDENT: 20px;
	COLOR: #9d9d9d;
	LINE-HEIGHT: 17px;
}

/*　ヘッダー内サイト内検索ボタン　*/
#header .line_01 .kensaku .btn{
	width: 40px;
	height: 21px;
	border: 0;
	background: url(../img/common/search_btn.jpg) no-repeat;
	cursor: pointer;
	float: left;
}



/*　ＴＯＰイメージ全体　*/
#header .line_02{
	width: 950px;
	height: 64px;
	text-align: left;
	margin-right: auto;
	margin-left: auto;
	BACKGROUND-IMAGE: url(../img/common/tel.gif);
	BACKGROUND-REPEAT: no-repeat;
	BACKGROUND-POSITION: right bottom;
}

/*　ロゴ 　*/
#header .logo{
	width: 250px;
	height: 50px;
	float: left;
	margin-top: 14px;
	text-align: left;
}

/*　メインナビげージョン全体　*/
#header .navi_mini {
		  MARGIN-TOP: 8px;
          width: 300px;
          height: 22px;
		  float:right;
		  text-align: right;
		  
}
#header .navi_mini a,
#header .navi_mini a:link,
#header .navi_mini a:visited {
          background-position: 0px 0px;
          float:right;
}
#header .navi_mini a:focus,
#header .navi_mini a:hover,
#header .navi_mini a:active {
          background-position: 0px 22px;
          float:right;
}
#header .navi_mini .navi_mini_home a {
	      background-image:   url(../img/common/navi_mini_home.jpg);
          width: 55px;
          height: 22px;
}
#header .navi_mini .navi_mini_sitemap a {
	      background-image:   url(../img/common/navi_mini_sitemap.jpg);
          width: 71px;
          height: 22px;
}
#header .navi_mini .navi_mini_management a {
	      background-image:   url(../img/common/navi_mini_management.jpg);
          width: 90px;
          height: 22px;
}



/*メインイメージエリア
---------------------------------------------------------------------------*/
/*　ＴＯＰイメージ全体　*/
#img_area{
	height: 433px;
	width: 100%;
	text-align: center;
	BACKGROUND-IMAGE: url(../img/top/main_img_bg.jpg);
	BACKGROUND-REPEAT: no-repeat;
	BACKGROUND-POSITION: center center;  /*ヘッダー背景画像*/
}



/*　メインナビげージョン全体　*/
.navi_main {
	      text-align: left;
	      margin-right: auto;
	      margin-left: auto;
          width: 950px;
          height: 49px;
		  
}
.navi_main a,
.navi_main a:link,
.navi_main a:visited {
          background-position: 0px 0px;
          float:left;
}
.navi_main a:focus,
.navi_main a:hover,
.navi_main a:active {
          background-position: 0px 49px;
          float:left;
}
.navi_main .ber_home a {
          background-image:   url(../img/common/ber_home.jpg);
          width: 135px;
          height: 49px;
}
.navi_main .ber_vision a {
	      background-image:   url(../img/common/ber_vision.jpg);
          width: 135px;
          height: 49px;
}
.navi_main .ber_price a {
	      background-image:   url(../img/common/ber_price.jpg);
          width: 135px;
          height: 49px;
}
.navi_main .ber_service a {
	      background-image:   url(../img/common/ber_service.jpg);
          width: 135px;
          height: 49px;
}
.navi_main .ber_workflow a {
	      background-image:   url(../img/common/ber_workflow.jpg);
          width: 135px;
          height: 49px;
}
.navi_main .ber_results a {
	      background-image:   url(../img/common/ber_results.jpg);
          width: 136px;
          height: 49px;
}
.navi_main .ber_contact a {
	      background-image:   url(../img/common/ber_contact.jpg);
          width: 139px;
          height: 49px;
}




/*　メインイメージ　*/
.main_img {
	      text-align: left;
	      margin-right: auto;
	      margin-left: auto;
          width: 950px;
          height: 322px;
		  
}





/*　メインナビげージョン全体　*/
#img_area .navi_sab {
	      text-align: left;
	      margin-right: auto;
	      margin-left: auto;
          width: 950px;
          height: 49px;
		  
}
#img_area .navi_sab a,
#img_area .navi_sab a:link,
#img_area .navi_sab a:visited {
          background-position: 0px 0px;
          float:left;
}
#img_area .navi_sab a:focus,
#img_area .navi_sab a:hover,
#img_area .navi_sab a:active {
          background-position: 0px 49px;
          float:left;
}
#img_area .navi_sab .making_hp a {
          background-image:   url(../img/top/making_hp.jpg);
          width: 316px;
          height: 49px;
}
#img_area .navi_sab .making_logo a {
	      background-image:   url(../img/top/making_logo.jpg);
          width: 316px;
          height: 49px;
}
#img_area .navi_sab .making_dtp a {
	      background-image:   url(../img/top/making_dtp.jpg);
          width: 318px;
          height: 49px;
}




/*　パンくず　*/
#kuzu{
	BORDER-BOTTOM: #c0c0c0 1px dotted;
	BACKGROUND-IMAGE: url(../img/common/pan_bg.jpg);
	BACKGROUND-REPEAT: no-repeat;
	BACKGROUND-POSITION: left center;
	text-align:left;
	margin-bottom:20px;
	padding-top:5px;
	padding-bottom:5px;
	TEXT-INDENT: 25px;
	width:950px;
	margin-right: auto;
	margin-left: auto;
	FONT-SIZE: 13px;
	COLOR: #666666;
	LETTER-SPACING: 1px;
}




/*コンテンツ
---------------------------------------------------------------------------*/
#contents {
	      text-align: left;
	      margin-right: auto;
	      margin-left: auto;
          width: 950px;
		  margin-top: 10px;
}



/*メインコンテンツ（左側ブロック）
---------------------------------------------------------------------------*/
#left {
	float: left;
	width: 700px;	
}


/*サービスエリア*/
#left .hazimete {
	float:left;
	width: 700px;
	margin-bottom: 15px;
}
/*初めての方へエリア*/
#left .hazimete .box {
	width: 223px;
	float: left;
	margin-right: 15px;
	height: 110px;
}
#left .hazimete .box_right {
	width: 223px;
	float: left;
	height: 110px;
}

/*挨拶部分*/
#left .promo {
	LINE-HEIGHT: 22px;
	FONT-SIZE: 13px;
	FONT-WEIGHT: normal;
	margin-BOTTOM: 15px;
}

/*挨拶部分*/
#left .promo2 {
	LINE-HEIGHT: 22px;
	FONT-SIZE: 13px;
	FONT-WEIGHT: normal;
}

/*フラッシュバナーエリア*/
#left .flash_bana {
	background:   url(../img/top/bana_bg.jpg);
	BACKGROUND-REPEAT: no-repeat;
	float:left;
	height: 193px;
	width: 700px;
	PADDING-TOP: 1px;
	text-align: center;
	margin-BOTTOM: 15px;

}

/*サービスエリア*/
#left .service {
	float:left;
	width: 700px;
	margin-top: 0px;
}

#left .service h2 {
	margin-bottom: 5px;
}
#left .service ul {
	width: 120px;
	float: right;
}
#left .service ul li {
	list-style: none;
	line-height: 18px;
	background-image: url(../images/contents_pic_07.gif);
	background-repeat: no-repeat;
	background-position: left center;
    FONT-SIZE: 13px;
}
#left .service ul li a:link {
	color: #4d4d4d;
	text-decoration: underline;
}
#left .service ul li a:visited {
	color: #4d4d4d;
	text-decoration: underline;
}
#left .service ul li a:hover {
	color: #4d4d4d;
	text-decoration: none;
}
#left .service ul li a:active {
	color: #4d4d4d;
	text-decoration: none;
}


#left .service .inner {
	background-image: url(../img/top/service_box_bg.jpg);
	BACKGROUND-REPEAT: repeat-x;
	BACKGROUND-POSITION: left 40px;
	width: 220px;
	float: left;
	margin-right: 20px;
	height: 120px;
	margin-top: 30px;
}
#left .service p {
	width: 75px;
	float: left;
}

#left .service .inner_right {
	background-image: url(../img/top/service_box_bg.jpg);
	BACKGROUND-REPEAT: repeat-x;
	BACKGROUND-POSITION: left 40px;
	width: 220px;
	float: left;
	height: 120px;
	margin-top: 30px;
}


/*　メインナビげージョン全体　*/
#left .service_img {
	      text-align: left;
          width: 220px;
          height: 40px;
		  
}
#left .service_img a,
#left .service_img a:link,
#left .service_img a:visited {
          background-position: 0px 0px;
		  float: left;
}
#left .service_img a:focus,
#left .service_img a:hover,
#left .service_img a:active {
          background-position: 0px 40px;
		  float: left;
}
#left .hp .service_img  a {
          background-image:   url(../img/top/service_hp.jpg);
          width: 220px;
          height: 40px;
}
#left .cms .service_img a {
	      background-image:   url(../img/top/service_cms.jpg);
          width: 220px;
          height: 40px;
}
#left .consul .service_img a {
	      background-image:   url(../img/top/service_consul.jpg);
          width: 220px;
          height: 40px;
}
#left .logo .service_img a {
	      background-image:   url(../img/top/service_logo.jpg);
          width: 220px;
          height: 40px;
}
#left .dtp .service_img a {
	      background-image:   url(../img/top/service_dtp.jpg);
          width: 220px;
          height: 40px;
}



/*ニュースエリア*/
#left .news {
	float:left;
	BACKGROUND-COLOR: #e6e6e6;
	BORDER: #d9d8d8 1px solid;
	PADDING-BOTTOM: 5px;
	margin-top: 30px;
}

#left .news h2 {
	margin-top: 5px;
	margin-left: 5px;
	margin-right: 5px;
	BACKGROUND-IMAGE: url(../img/top/news_ber.jpg);
	BACKGROUND-REPEAT: no-repeat;
	WIDTH: 688px;
	HEIGHT: 37px;
	TEXT-ALIGN: right;
}
#left .news h2 img{
	margin-top: 8px;
	margin-right: 8px;
}

#left .news .box {
	background-image: url(../img/top/news_ai.png);
	background-repeat: no-repeat;
	margin-left: 5px;
	margin-right: 5px;
	BACKGROUND-COLOR: #ffffff;
	BORDER-BOTTOM: #d9d8d8 1px solid;
	WIDTH: 688px;
	HEIGHT: 36px
}

#left .news .box .date {
	LINE-HEIGHT: 36px;
	FONT-SIZE: 13px;
	FONT-WEIGHT: normal;
	COLOR: #808080;
	float:left;
	PADDING-left: 36px;
}
#left .news .box .title {
	LINE-HEIGHT: 36px;
	FONT-SIZE: 13px;
	FONT-WEIGHT: normal;
	float:right;
	WIDTH: 500px;
}
#left .news .box .title a:link {
	color: #ff8000;
	text-decoration: none;
}
#left .news .box .title a:visited {
	color: #ff8000;
	text-decoration: none;
}
#left .news .box .title a:hover {
	color: #ff8000;
	text-decoration: underline;
}
#left .news .box .title a:active {
	color: #ff8000;
	text-decoration: underline;
}


#left #paging{
	text-align: center;
}





/*メインコンテンツ（右側ブロック）
---------------------------------------------------------------------------*/
#right {
	float: right;
	width: 230px;	
}

/*　サービスボタン全体　*/
#right .service_navi {
	      text-align: left;
	      margin-right: auto;
	      margin-left: auto;
          width: 230px;
          height: 242px;
		  
}
#right .service_navi .btn a,
#right .service_navi .btn a:link,
#right .service_navi .btn a:visited {
          background-position: 0px 0px;
          float:left;
}
#right .service_navi .btn a:focus,
#right .service_navi .btn a:hover,
#right .service_navi .btn a:active {
          background-position: 0px 50px;
          float:left;
}
#right .service_navi .btn a {
          background-image:   url(../img/common/service_btn.jpg);
          width: 230px;
          height: 50px;
}





#right .service_navi .hp a,
#right .service_navi .hp a:link,
#right .service_navi .hp a:visited {
          background-position: 0px 0px;
          float:left;
}
#right .service_navi .hp a:focus,
#right .service_navi .hp a:hover,
#right .service_navi .hp a:active {
          background-position: 0px 42px;
          float:left;
}
#right .service_navi .hp a {
          background-image:   url(../img/common/service_btn_hp.jpg);
          width: 230px;
          height: 42px;
}





#right .service_navi .cms a,
#right .service_navi .cms a:link,
#right .service_navi .cms a:visited {
          background-position: 0px 0px;
          float:left;
}
#right .service_navi .cms a:focus,
#right .service_navi .cms a:hover,
#right .service_navi .cms a:active {
          background-position: 0px 36px;
          float:left;
}
#right .service_navi .cms a {
          background-image:   url(../img/common/service_btn_cms.jpg);
          width: 230px;
          height: 36px;
}





#right .service_navi .consul a,
#right .service_navi .consul a:link,
#right .service_navi .consul a:visited {
          background-position: 0px 0px;
          float:left;
}
#right .service_navi .consul a:focus,
#right .service_navi .consul a:hover,
#right .service_navi .consul a:active {
          background-position: 0px 36px;
          float:left;
}
#right .service_navi .consul a {
          background-image:   url(../img/common/service_btn_consul.jpg);
          width: 230px;
          height: 36px;
}





#right .service_navi .logo a,
#right .service_navi .logo a:link,
#right .service_navi .logo a:visited {
          background-position: 0px 0px;
          float:left;
}
#right .service_navi .logo a:focus,
#right .service_navi .logo a:hover,
#right .service_navi .logo a:active {
          background-position: 0px 36px;
          float:left;
}
#right .service_navi .logo a {
          background-image:   url(../img/common/service_btn_logo.jpg);
          width: 230px;
          height: 36px;
}





#right .service_navi .dtp a,
#right .service_navi .dtp a:link,
#right .service_navi .dtp a:visited {
          background-position: 0px 0px;
          float:left;
}
#right .service_navi .dtp a:focus,
#right .service_navi .dtp a:hover,
#right .service_navi .dtp a:active {
          background-position: 0px 40px;
          float:left;
}
#right .service_navi .dtp a {
          background-image:   url(../img/common/service_btn_dtp.jpg);
          width: 230px;
          height: 40px;
}





/*　コンタクトボタン全体　*/
#right .comtact_navi {
	      margin-top: 20px;
		  text-align: center;
	      margin-right: auto;
	      margin-left: auto;
          width: 230px;
          height: 285px;
		  background-image:   url(../img/common/side_comtact_bg.jpg);
		  
}
#right .comtact_navi .box {
		  text-align: left;
	      margin-right: auto;
	      margin-left: auto;
		  padding-top: 20px;
          width: 200px;		  
}

#right .comtact_navi .box h2 {
		  text-align: left;
          width: 200px;
}

#right .comtact_navi .box div {
	      margin-top: 10px;
		  text-align: left;
	      margin-right: auto;
	      margin-left: auto;
          width: 200px;
		  FONT-SIZE: 10px;
		  color: #FFFFFF;		  
}



/*　サービスボタン全体　*/
#right .comtact_btn {
	      text-align: left;
		  margin-top: 5px;
		  margin-bottom: 15px;
	      margin-right: auto;
	      margin-left: auto;
          width: 200px;
          height: 46px;
		  
}
#right .comtact_btn a,
#right .comtact_btn a:link,
#right .comtact_btn a:visited {
          background-position: 0px 0px;
          float:left;
}
#right .comtact_btn a:focus,
#right .comtact_btn a:hover,
#right .comtact_btn a:active {
          background-position: 0px 46px;
          float:left;
}
#right .comtact_btn .inquiry a {
          background-image:   url(../img/common/side_inquiry_btn.jpg);
          width: 200px;
          height: 46px;
}
#right .comtact_btn .application a {
          background-image:   url(../img/common/side_application_btn.jpg);
          width: 200px;
          height: 46px;
}




/*　バナー全体　*/
#right .bana {
	      margin-top: 20px;
		  text-align: center;
	      margin-right: auto;
	      margin-left: auto;
          width: 230px;
}

#right .bana p{
	      margin-bottom: 20px;
		  text-align: center;
	      margin-right: auto;
	      margin-left: auto;
          width: 230px;
}


/*フッター（ページトップ）
---------------------------------------------------------------------------*/

#page_up{
       WIDTH: 100%;
	   CLEAR: both;
}

#page_up .page_top {
		  DISPLAY: block;
		  CLEAR: both;
		  FLOAT: right;
		  overflow: hidden;		  
		  WIDTH: 98px;
		  HEIGHT: 25px;
		  MARGIN-RIGHT: 100px;
		  MARGIN-TOP: 30px;
}

#page_up .page_top a,
#page_up .page_top a:link,
#page_up .page_top a:visited {
          background-position: 0px 0px;
          float:right;
}
#page_up .page_top a:focus,
#page_up .page_top a:hover,
#page_up .page_top a:active {
          background-position: 0px 25px;
          float:right;
}
#page_up .page_top .icon a {
          background-image:   url(../img/common/btn_pagetop.gif);
          width: 98px;
          height: 25px;
}


/*フッター（最下部のコピーライト部分）
---------------------------------------------------------------------------*/
#footer {
          
		  BACKGROUND-COLOR: #FAFAFA;
		  PADDING-LEFT: 0px;
		  WIDTH: 100%;
		  PADDING-RIGHT: 0px;
		  COLOR: #999999;
		  CLEAR: both;
		  BORDER-TOP: #cccccc 1px solid;
		  PADDING-TOP: 30px;
		  FONT-SIZE: 13px;
}

#footer .footer_in{
	      margin-right: auto;
	      margin-left: auto;
		  WIDTH: 950px;
		  BACKGROUND-IMAGE: url(../img/common/footer_bg.png);
		  BACKGROUND-REPEAT: no-repeat;
		  BACKGROUND-POSITION: right bottom;
		  PADDING-BOTTOM: 55px;
}

#footer ul{
          PADDING-BOTTOM: 10px;
		  text-align: left;
	      margin-right: auto;
	      margin-left: auto;
		  WIDTH: 950px;
		  height: 20px;
}

#footer ul li{
		  BORDER-right: #cccccc 1px solid;
		  PADDING: 0 15px 0 0;
		  margin: 0 15px 0 0;
		  float: left;
}


/*　リンクカラー全体　*/
#footer a,
#footer a:link,
#footer a:visited {
          BORDER-BOTTOM: #cccccc 1px dotted;
		  PADDING-BOTTOM: 3px;
		  COLOR: #999999;
		  TEXT-DECORATION: none
}

#footer a:focus,
#footer a:hover,
#footer a:active {
          BORDER-BOTTOM: #666666 1px dotted;
		  PADDING-BOTTOM: 3px;
		  COLOR: #666666;
		  TEXT-DECORATION: none		  
}

#footer p{
          MARGIN-TOP: 3px;
		  MARGIN-BOTTOM: 7px;
		  text-align: left;
	      margin-right: auto;
	      margin-left: auto;
		  WIDTH: 950px;
		  LINE-HEIGHT: 18px
}

#footer .copyright {
          MARGIN-TOP: 25px;
		  WIDTH: 950px;
		  text-align: left;
	      margin-right: auto;
	      margin-left: auto;
}

#footer .copyright div {
		  text-align: right;
}

/*--------------- フッター　end ----------------*/








/*--------------- 下層共通 ----------------*/

/*　キーイメージ全体　*/
#sub_img_area{
	height: 247px;
	width: 100%;
	text-align: center;
	BACKGROUND-IMAGE: url(../img/common/sub_img_bg.jpg);
	BACKGROUND-REPEAT: no-repeat;
	BACKGROUND-POSITION: center center;  /*ヘッダー背景画像*/
}



/*　メインイメージ　*/
#sub_img_area .sub_img {
	      text-align: left;
	      margin-right: auto;
	      margin-left: auto;
          width: 950px;
          height: 135px;
		  
}


/*　サブナビげージョン全体　*/
#sub_img_area ul.sab_navi {
	      text-align: left;
	      margin-right: auto;
	      margin-left: auto;
          width: 950px;
          height: 49px;
		  FONT-SIZE: 13px;
		  
}
#sub_img_area ul.sab_navi li{
		  float: left;
  
}


#sub_img_area ul.sab_navi a,
#sub_img_area ul.sab_navi a:link,
#sub_img_area ul.sab_navi a:visited {
          background-position: 0px 0px;
          float:left;
}
#sub_img_area ul.sab_navi a:focus,
#sub_img_area ul.sab_navi a:hover,
#sub_img_area ul.sab_navi a:active {
          background-position: 0px 49px;
          float:left;
}






#left h2.title_obi {
	width: 700px;
	height: 28px;
	margin-BOTTOM: 15px;
}

#left h3.contents_obi {
	width: 700px;
	height: 24px;
	margin-BOTTOM: 15px;
}

#left h4.obi {
	BORDER-BOTTOM: #c0c0c0 1px dotted;
	BORDER-LEFT: #5e5e5e 4px solid;
	PADDING-BOTTOM: 1px;
	MARGIN-TOP: 0px;
	TEXT-INDENT: 5px;
	MARGIN-BOTTOM: 10px;
	COLOR: #5f5f5f;
	FONT-SIZE: 13px;
	PADDING-TOP: 2px;
}

#left div.text_area30 {
	width: 700px;
	margin-BOTTOM: 30px;
	FONT-SIZE: 13px;
	LINE-HEIGHT: 22px;
}

#left div.text_area30 p{
	margin-BOTTOM: 10px;
	FONT-SIZE: 13px;
	LINE-HEIGHT: 22px;
}
#left div.text_area10 {
	margin-BOTTOM: 10px;
	FONT-SIZE: 13px;
	LINE-HEIGHT: 22px;
}

#left div.text_area10 p{
	width: 700px;
	margin-BOTTOM: 10px;
	FONT-SIZE: 13px;
	LINE-HEIGHT: 22px;
}

#left div.mail_btn {
	width: 700px;
}

#left div.center{
	TEXT-ALIGN: center;
}


#left TABLE {
	MARGIN: 0px auto;
	WIDTH: 698px;
	BORDER-COLLAPSE: collapse;
	margin-BOTTOM: 20px;
}

#left TH.t_top {
    BORDER-TOP: #D9D7D8 4px solid;
}
#left TH {
	BORDER-BOTTOM: #e3e3e3 1px solid;
	BORDER-LEFT: #e3e3e3 1px solid;
	TEXT-ALIGN: left;
	BACKGROUND: #F7F7F7;
	PADDING: 10px;
	WIDTH: 200px;
	FONT-SIZE: 13px;
	FONT-WEIGHT: normal
	
}


#left TD.t_top {
	BORDER-TOP: #FF7F00 4px solid;
}
#left TD {
	BORDER-BOTTOM: #e3e3e3 1px solid;
	BORDER-RIGHT: #e3e3e3 1px solid;
	TEXT-ALIGN: left;
	PADDING: 10px;
	LINE-HEIGHT: 20px;
	FONT-SIZE: 13px;
	VERTICAL-ALIGN: top;
	LETTER-SPACING: 1px;
}