@charset "Shift_JIS";

/* ----- サイト内検索 -------------------------------------- */

#rapper{
	padding:0 5px;
}

div#FORM{
	border-bottom:1px solid #CCCCCC;
	padding:10px 0px 5px 5px;
	margin:0 0 5px 0;
	font-weight:bold;
}

div#FORM td{
	color:#444444;
	font-weight:bold;
	font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
}

.result{
	font-weight:bold;
	font-size:14px;
	font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
}


/* ----- 基本構造 -------------------------------------- */
#cfooter{
	color:#DDDDDD;
}

#cfooter a:link {color:#DDDDDD;text-decoration: none;}
#cfooter a:visited {color:#DDDDDD;text-decoration: none;}
#cfooter a:active {color:#DDDDDD;text-decoration:  none;}
#cfooter a:hover {color:#DDDDDD;text-decoration:  none;}

/* ----- 以下、個別指定 -------------------------------- */

.button {
	text-align: center;
}
.radio {
}
.checkbox {

}




.white {color: #FFFFFF}




.notice02{
	margin: 3px 0;
	padding: 0;
	color:#000000; 
	font-size:80%;
	line-height: 120%;
}



a.inquiry2 {
    display:block;
    width:71px;
    height:18px;
    text-indent:-100px;
    background-image:url(../cmn_img/btn_inquiry2.gif);
	background-position:0px 0px;
    /* overflow:hidden; */
}

a.inquiry2:hover {
	background-position:0px -19px;
}


/* =====================TOP========================= */
/* =================================================== */
/* =================================================== */


#information {
	width:620px;
	height:100px;
	margin-top:20px;
	margin-left:9px;
	}
	
#information ul
{
	width:620px;
	padding:0px;
	margin:0px;
	list-style:none;
}

#information li
{
	padding:10px 0 0 0;
	margin:0px;
	font-family: "ＭＳ ゴシック", "Osaka−等幅";
	font-size: 12px;
	line-height: 150%;
	border-bottom:#888888 1px dotted;
}


a.ec_botan01 {
    display:block;
    width:374px;
    height:20px;
    text-indent:-100px;
    background-image:url(../img/ec_sien.jpg);
	background-position:0px 0px;
    /* overflow:hidden; */
}

a.ec_botan01:hover {
	background-position:0px -20px;
}


a.ec_botan02 {
    display:block;
    width:374px;
    height:20px;
    text-indent:-100px;
    background-image:url(../img/ec_koutiku.jpg);
	background-position:0px 0px;
    /* overflow:hidden; */
}

a.ec_botan02:hover {
	background-position:0px -20px;
}

a.ec_botan03 {
    display:block;
    width:374px;
    height:20px;
    text-indent:-100px;
    background-image:url(../img/ec_system.jpg);
	background-position:0px 0px;
    /* overflow:hidden; */
}

a.ec_botan03:hover {
	background-position:0px -20px;
}

a.ec_botan04 {
    display:block;
    width:374px;
    height:20px;
    text-indent:-100px;
    background-image:url(../img/ec_full.jpg);
	background-position:0px 0px;
    /* overflow:hidden; */
}

a.ec_botan04:hover {
	background-position:0px -20px;
}


a.ec_botan05 {
    display:block;
    width:374px;
    height:20px;
    text-indent:-100px;
    background-image:url(../img/ec_analysis.jpg);
	background-position:0px 0px;
    /* overflow:hidden; */
}

a.ec_botan05:hover {
	background-position:0px -20px;
}



a.dms_botan01 {
    display:block;
    width:374px;
    height:20px;
    text-indent:-100px;
    background-image:url(../img/dms_kaitaku.jpg);
	background-position:0px 0px;
    /* overflow:hidden; */
}

a.dms_botan01:hover {
	background-position:0px -20px;
}


a.dms_botan02 {
    display:block;
    width:374px;
    height:20px;
    text-indent:-100px;
    background-image:url(../img/dms_senzai.jpg);
	background-position:0px 0px;
    /* overflow:hidden; */
}

a.dms_botan02:hover {
	background-position:0px -20px;
}


a.dms_botan03 {
    display:block;
    width:374px;
    height:20px;
    text-indent:-100px;
    background-image:url(../img/dms_kokyakuez.jpg);
	background-position:0px 0px;
    /* overflow:hidden; */
}

a.dms_botan03:hover {
	background-position:0px -20px;
}


a.dms_botan04 {
    display:block;
    width:374px;
    height:20px;
    text-indent:-100px;
    background-image:url(../img/dms_campaign.jpg);
	background-position:0px 0px;
    /* overflow:hidden; */
}

a.dms_botan04:hover {
	background-position:0px -20px;
}


a.dms_botan05 {
    display:block;
    width:374px;
    height:20px;
    text-indent:-100px;
    background-image:url(../img/dms_creative.jpg);
	background-position:0px 0px;
    /* overflow:hidden; */
}

a.dms_botan05:hover {
	background-position:0px -20px;
}



/* =================================================== */
/* =================================================== */





/* =================================================== */
/* レイアウト */
body {
	margin: 0;
	padding: 0;
	text-align: center;
	color:#333333;
	background-color:#EBEBEB;
}


#body {
	FONT-SIZE: 12px;
	margin: 0 auto;
	padding: 0;
	text-align: left;
	width: 880px;
	background-color: #ffffff;
	border: 1px solid #ffffff;
}


#header {
	padding: 0 15px;
	text-align: left;
	background: url(../cmn_img/header_bg.gif) repeat-x;	
	margin: 0 0 13px 0;
	border-bottom: 1px solid #000000;
}

#search {
	float:left;
	width:200px;
	padding-top:22px;
}

#h-left {
	margin: 0;
	padding: 15px 0 0 0;
	text-align: left;
	width: 480px;
	float: left;
}

#h-right {
	margin: 0;
	padding: 15px 0 0 0;
	text-align: right;
	width: 360px;
	float: right;
}

#h-right_q {
	float:right;
	width:140px;
}


#h-menu {
	margin: 0;
	padding: 10px 0 0 0;
}

#content {
	margin: 0;
	padding: 0 15px 0 15px;
	text-align: left;
}

#top-left {
	margin: 0;
	padding: 0;
	text-align: left;
	width: 374px;
	float: left;

}

#top-right {
	margin: 0;
	padding: 0;
	text-align: left;
	width: 374px;
	float: right;
}

#breadcrumb {
	margin: 0 15px 15px 15px;
	padding: 6px 10px 5px 10px;
	text-align: left;
	background-color: #EFEFEF;
}

#main {
	margin:0;
	padding: 0;
	text-align: left;
	width: 650px;
	background-color: #ffffff;
	float: left;
}

#flash_area {
	width:650px;
	height:224px;
}


#point01 {
	width:208px;
	float:left;
	}

#point01_txt {
	height:132px;
	padding:0 20px 0 20px;
	background-image:url(../cmn_img/point01back.jpg);
	font-size:12px; line-height:16px;
	}
	

#point02 {
	width:208px;
	float:right;
	margin-right:13px;
	}

#point02_txt {
	height:132px;
	padding:0 20px 0 20px;
	background-image:url(../cmn_img/point02back.jpg);
	font-size:12px;
	line-height:16px;
	}
	
#point03 {
	width:208px;
	float:right;
	}

#point03_txt {
	height:132px;
	padding:0 20px 0 20px;
	background-image:url(../cmn_img/point03back.jpg);
	font-size:12px;
	line-height:16px;
	}
	

#point_link {
	padding-top:10px;
	text-align:right;
}
	
#banner01 {
	padding:15px 9px 15px 9px;
	width:298px;
	height:114px;
	float:left;
}

#banner02 {
	padding:15px 7px 15px 9px;
	width:298px;
	height:114px;
	float:right;
}

#case_study_bar {
	padding:25px 9px 25px 9px;	
}


#case_study_area {
	width:650px;
	height:200px;
}


#case_study01 {
	padding:0 37px 0 37px;
	width:140px;
	height:147px;
	float:left;
	text-align:center;
}

#case_study01_tit {
	padding-top:10px;
	font-size:12px;
	line-height:16px;
	font-weight:bold;
}

#case_study01_txt {
	padding-top:10px;
	font-size:12px;
	line-height:16px;
	}


#case_study02 {
	padding:0 40px 0 40px;
	width:140px;
	height:147px;
	float:right;
	text-align:center;
}

#case_study02_tit {
	padding-top:10px;
	font-size:12px;
	line-height:16px;
	font-weight:bold;
}

#case_study02_txt {
	padding-top:10px;
	font-size:12px;
	line-height:16px;
	}

#case_study03 {
	text-align:center;
	width:215px;
	height:147px;
	float:right;
	text-align:center;
}

#case_study03_tit {
	width:150px;
	padding-top:10px;
	font-size:12px;
	line-height:16px;
	font-weight:bold;
}

#case_study03_txt {
	padding-top:10px;
	font-size:12px;
	line-height:16px;
	}
	
#case_study_see {
	padding:15px 0 20px 0;
}

#menu {
	margin:0;
	padding: 0;
	text-align: left;
	width: 180px;
	background-image: url(../cmn_img/menu_back.gif);
	float: right;
}

#footer {
	margin: 0;
	text-align: center;
	padding: 20px 15px 0 15px !important;
	padding: 20px 15px 0 15px;
}

/*  =============================================  */
/*  ------------- 共通スタイル -------------  */

/*  ------------- リンク -------------  */
a {
	color:#2C313A;
	text-decoration:none;
}

a:hover {
	color:#2C313A;
	text-decoration:underline;
}

a.navi {
	color:#666666;

	text-decoration:underline;
}

a:hover.navi  {
	color:#444444;
	text-decoration:underline;
}

a.navi2 {
	color:#FFFFFF;
	text-decoration:underline;
}

a:hover.navi2  {
	color:#CCCCCC;
	text-decoration:underline;
}



a.cate {
	color:#333333;
	text-decoration:none;
	padding-left:13px;
	background-image: url(../cmn_img/side_point.gif);
	background-repeat: no-repeat;
}

a:hover.cate  {
	color:#333333;
	text-decoration:underline;
	background-image: url(../cmn_img/side_point_o.gif);
	background-repeat: no-repeat;
}

a.sub {
	color:#0066CC;
	text-decoration:none;
	background-image: url(../cmn_img/icon_link.gif);
	background-repeat: no-repeat;
	padding-left: 12px;
	margin-left: 5px;
}

a:hover.sub  {
	color:#0066CC;
	text-decoration:underline;
}

a.aicon{
	padding: 0 15px 0 20px;
	background: url(../cmn_img/icon_link.gif) no-repeat  left center ;
}

a:hover.aicon{
	color:#333333;
	text-decoration:underline;
}



/*  ------------- 初期設定 -------------  */
p {
	margin: 0;
	padding: 5px 10px 10px 10px;
}

div {
	margin: 0;
	padding: 0;
}

/*  ------------- 文字
font-family:"メイリオ", "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	
	 -------------  */
h1 {
	font-weight:normal;
	margin: -40px 0px 0px 0px;
	padding: 0px 0px 0px 160px;
	font-size: 14px;
	line-height: 150%;
	color: #646464;
}

div.main-title {
	margin: 0 0 3px 0;
	padding: 0;
	border-bottom: 1px solid #666699;
}

h2 {
	height:30px;
	width:580px;
	font-size:18px;
	margin-left:10px;
	padding:15px 0px 0px 50px;
	background-image:url(../cmn_img/tit_point.gif);
	background-repeat:no-repeat;
	border-bottom:2px solid #003366;
	border-top:1px solid #003366;
	}


h3{
	margin:10px 0 0 10px;
	width:180px;
	font-size:14px;
	line-height: 100%;
	padding: 4px;
	border-bottom: 1px dotted #333333;
	border-left: 5px solid #aaaaaa;
}
h4{
	margin:10px 0 0 10px;
	width:610px;
	color:#FFFFFF;
	background-color:#666666;
	font-size:14px;
	line-height: 100%;
	padding: 4px;
	border-bottom: 1px dotted #333333;
	border-left: 10px solid #aaaaaa;
}

h5 {
	font-size:14px;
	line-height: 24px;
	padding: 10px  5px 0 20px;
	margin:0px;
}

.notice{
	margin: 3px 0;
	padding: 0;
	color:#dd4444; 
	font-size:80%;
	line-height: 120%;
}

.caption{
	margin: 3px 0;
	padding: 0;
	color:#555555; 
	font-size:80%;
	line-height: 120%;
}

.under { text-decoration:underline; }
.fs01 { font-size:10px; line-height:115%; color:#333333; }
.fs01b { font-size:10px; line-height:150%; color:#333333; }
.fs01-N { font-size:10px; line-height:70%; color:#333333; }
.fs02 { font-size:12px; line-height:140%; color:#333333; }
.fs02b { font-size:12px; line-height:200%; color:#333333; }
.fs02-N { font-size:12px; line-height:100%; color:#333333; }
.fs03 { font-size:14px; line-height:140%; color:#333333; }
.fs03-N { font-size:14px; line-height:95%; color:#333333; }
.fcblue { color:#0000ff; }
.fcwhite { color:#ffffff; }
.fcred { color:#cc0000; }

.reset{
	clear:both;
}

/*  ------------- rollover -------------  */
a.inquiry {
    display:block;
	margin-top:20px;
    width:135px;
    height:24px;
    text-indent:-100px;
    background-image:url(../cmn_img/btn_inquiry.gif);
	background-position:0px 0px;
    /* overflow:hidden; */
}




a.inquiry:hover {
	background-position:0px -25px;
}

#service_inquiry{
	height:30px;
	margin-top:15px;
	text-align:center;
	padding-top:10px;
	border-top:#999999 dotted 1px;
	}
	
#service_inquiry_left {
	float:left;
	}

#service_inquiry_right {
	float:right;
	margin-right:20px;
	}

a.inquiry_s {
    display:block;
    width:179px;
    height:24px;
    text-indent:-100px;
    background-image:url(../cmn_img/service_inquiry.gif);
	background-position:0px 0px;
}


a.inquiry_s:hover {
	background-position:0px -25px;
}

 /* overflow:hidden; */


span.view-none {
	display: none;
}


/*  ------------- header -------------  */
#logo{
	float: left; 
	width: 127px;
	height:63px;
	font-size: 80%; 
	border: 0px solid #CCCCCC;
	}
	
	

#description{
	text-align: left; 
	width: 480px; 
	font-size:10px; 
	line-height:115%; 
	color:#333333; 
	}

/*  ------------- menu -------------  */
#h-menu ul {
	margin:0;
	padding: 0;
    list-style: none;
	width:760px;
}
#h-menu li {
	margin:0;
	padding: 0;
    list-style: none;
    float: left;
}
#h-menu a{
    display: block;
   /* overflow: hidden; */
}

#h-menu a.ec {
	width: 235px;
	height: 32px;
	background-image:url(../cmn_img/menu_ec.gif);
    background-position:0px 0px;
}
#h-menu a:hover.ec {
	width: 235px;
	height: 32px;
	background-image:url(../cmn_img/menu_ec.gif);
    background-position:0px -32px;
}

#h-menu a.direct {
	width: 240px;
	height: 32px;
	background-image:url(../cmn_img/menu_direct.gif);
    background-position:0px 0px;
}
#h-menu a:hover.direct {
	width: 240px;
	height: 32px;
	background-image:url(../cmn_img/menu_direct.gif);
    background-position:0px -32px;
}

#h-menu a.casestudy {
	width: 95px;
	height: 32px;
	background-image:url(../cmn_img/menu_casestudy.gif);
    background-position:0px 0px;
}
#h-menu a:hover.casestudy {
	width: 95px;
	height: 32px;
	background-image:url(../cmn_img/menu_casestudy.gif);
    background-position:0px -32px;
}

#h-menu a.company {
	width: 95px;
	height: 32px;
	background-image:url(../cmn_img/menu_company.gif);
    background-position:0px 0px;
}
#h-menu a:hover.company {
	width: 95px;
	height: 32px;
	background-image:url(../cmn_img/menu_company.gif);
    background-position:0px -32px;
}

#h-menu a.career {
	width: 95px;
	height: 32px;
	background-image:url(../cmn_img/menu_career.gif);
    background-position:0px 0px;
}
#h-menu a:hover.career {
	width: 95px;
	height: 32px;
	background-image:url(../cmn_img/menu_career.gif);
    background-position:0px -32px;
}

/*  ------------- 個々の設定 -------------  */
.sub-navi {
	margin-top: 40px;
    /*ココからの値をMac IEは認識しない\*/
    margin-top: 10px;
    /*ココまでの値をMac IEは認識しない*/
}

/*  ------------- top -------------  */
.top-tit {
	margin: 0 5px;
	padding: 7px 5px;
}
table.top-naviline {
	margin: 0;
	padding: 0;
	border-left: 1px solid #a7a7a7;
	border-right: 1px solid #a7a7a7;
	width: 372px;
	/*ココからの値をMac IEは認識しない\*/
    width: 376px;
	voice-family: "\"}\"";
	voice-family:inherit;
	width:374px;
	/*ココまでの値をMac IEは認識しない*/
}

td.top-naviL {
	margin: 0;
	padding: 5px 0 0 10px;
}

td.top-naviR {
	margin: 0;
	padding: 5px 10px 0 0;
}

.top-navimargin {
	margin: 0 0 3px 0;
	padding: 0 0 0 12px;
	text-indent: 0;
	background: url(../cmn_img/icon_link.gif) no-repeat 0 3px;
}

.top-navibottom {
	margin: 0;
	padding: 0;
	background: url(../cmn_img/tit_bottom.gif) no-repeat;
	width: 374px;
	height: 9px;
}

/*  ------------- content -------------  */
.con-bg {
	margin: 0;
	padding: 0;
	text-align: left;
	width: 555px;
	background: url(../cmn_img/con_bg.gif) no-repeat;
}

.con-naviline {
	border-left: 1px solid #a7a7a7;
	border-right: 1px solid #a7a7a7;
}

.con-navimargin {
	margin: 0;
	padding: 0;
}

.con-navimargin ul {
	display: block;
	margin: 0;
	padding: 0 0 0 12px;
	list-style: none;
	border-left: 1px solid #a7a7a7;
	border-right: 1px solid #a7a7a7;
}

.con-navimargin li {
	margin: 0;
	padding: 0 15px 0 12px;
	background: url(../cmn_img/icon_link.gif) no-repeat;
	float: left;
}

.con-navibottom {
	background: url(../cmn_img/con_bottom.gif) no-repeat;
	width: 555px;
	height: 9px;

}

.service-list {
	margin: 0 18px 0 18px;
	padding: 15px 0 3px 0;
	border-bottom: 1px dotted #999999;
}

.service-navimargin {
	margin: 0 0 0 0;
	padding: 0 0 0 12px;
	text-indent: 0;
	background: url(../cmn_img/icon_link.gif) no-repeat 0 3px;
}

/*  ------------- menu -------------  */
.menu-headline {
	color: #ffffff;
	margin: 0;
	padding: 5px 5px 4px 5px;
}

.menu-cate {
	margin: 0;
	padding: 3px 5px;
	background-color: #F5F5F5;
}

.menu-list {
	margin: 0;
	padding: 4px 3px 3px 12px;
	text-indent: -12px;
	border-bottom: 1px dotted #333333;
}

.sub-cate {
	margin: 5px 0 0 0;
	padding: 0;
	border-bottom: 1px dotted #333333;
}

.sub-list {
	margin: 0;
	padding: 0 0 5px 20px;
}

ul.cate-margin {
	margin: 0;
	padding: 0px 0px;
	list-style: none;
}

li.cate-list {
	font-size:100%;
	margin: 0;
	padding: 4px 0px 4px 18px;
	text-indent: 0;
	background: url(../cmn_img/icon_menu.gif) no-repeat 5px 5px;
}

li.cate-listH {
	font-weight:bold;
	font-size:120%;
	margin: 20px 0 0 0;
	font-style:inherit;
	padding: 4px 0 4px 10px;
	text-indent: 0;
}

ul.scate-margin {
	margin: 0;
	list-style: none;
	border-bottom: 1px dotted #333333 !important;
	border-bottom: 1px solid #E1E1EB;
	padding: 0 0 2px 22px !important;
	padding: 2px 0 0 10px;
}

li.scate-list {
	margin: 0;
	padding: 2px 0 3px 0;
	text-indent: 0;
}

li.active-list {
	background-color: #E1E1EB;
	border-bottom: 1px solid #E1E1EB !important;
	border-bottom: 1px dotted #cccccc;
}

/*  ------------- table -------------  */
table.tab-round {
	margin: 0;
	padding: 0;
	border-top: 1px solid #CCCCCC;
}

td.headline {
	width: 140px;
	margin: 0;
	padding: 7px 10px;
	border-left: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
	background-color: #D5D3FA;
}

td.detail {
	margin: 0;
	padding: 7px 10px;
	border-right: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
	background-color: #F9F9F9;
}

/*  ------------- footer -------------  */
#topfooter {
	padding: 0 15px;
	text-align: left;
	background: url(../cmn_img/header_bg.gif) repeat-x;	
	margin: 10px 0 13px 0;
	_margin: 0px 0 13px 0;
	border-top: 1px solid #000000;
}

#footer {
	padding: 0 15px;
	text-align: left;
	background: url(../cmn_img/header_bg.gif) repeat-x;	
	margin: 0 0 13px 0;
	border-top: 1px solid #000000;
}

#footer-left {
	margin: 0;
	padding: 15px 0 0 0;
	text-align: left;
	width: 340px;
	float: left;
}

#footer-right {
	margin: 0;
	line-height:16px;
	padding: 15px 0 0 0;
	text-align: right;
	width: 500px;
	float: right;
}

	
#footer-menu {
	margin: 0;
	padding: 10px 0 0 0;
}

/*  -------------  -------------  */

#scroll_txt {
	margin:20px 20px 0 0;
	text-align:right;
	}