@charset "shift_jis";

/**************** reset ****************/
body,div,dl,dt,dd,ul,ol,li,
h1,h2,h3,h4,h5,h6,
pre,code,form,fieldset,legend,
p,blockquote,table,th,td { margin: 0; padding: 0; }
body {
	font:14px/1 "メイリオ","Meiryo","ＭＳ Ｐゴシック","Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3",sans-serif;
	background-color: #36365A;
	color: #26273B;	
	}
* html body { font-size: small; }
*:first-child+html body { font-size: small; }	
img { border: 0; vertical-align: top; }
h1,h2,h3,h4,h5,h6 { clear: both; font-size: 100%; font-weight: normal; }
ul,dl,ol { text-indent: 0; }
li { list-style: none; }
address,caption,cite,code,dfn,em,strong,th,var { font-style: normal; font-weight: normal; }
table { border-collapse: collapse; border-spacing: 0; font-size: inherit; }
th,td { text-align: left; vertical-align: top; }
caption { text-align: left; }
p,li,dt,dd { font-size:92%; line-height:1.4; }

/**************** clearfix ****************/
/* CSSハック01 */
.clear { clear: both; }
/* CSSハック02 */
.clearfix:after,
#nav:after,
#index-middle-wrapper:after,
#third-contents-wrapper:after,
#service-menu:after,
.tub_menu:after,
.sitemap-list:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
	}
.clearfix,
#nav,
#index-middle-wrapper,
#third-contents-wrapper,
#service-menu,
.tub_menu,
.sitemap-list { display: inline-block; }
/* Hides from IE-mac \*/
* html .clearfix,
* html #nav,
* html #index-middle-wrapper,
* html #third-contents-wrapper,
* html #service-menu,
* html .tub_menu,
* html .sitemap-list { height: 1%; }
.clearfix,
#nav,
#index-middle-wrapper,
#third-contents-wrapper,
#service-menu,
.tub_menu,
.sitemap-list { display: block; }
/* End hide from IE-mac */

/**************** common ****************/
a:link { color: #36365A; text-decoration: underline; }
a:visited { color: #36365A; text-decoration: underline; }
a:hover { color: #36365A; text-decoration: none; }
a:active { color: #36365A; text-decoration: none; }
a:focus{ outline: none; }/*fireFoxとかで点線を消す*/

#wrapper { margin: 10px auto 0; width:800px; }
/*.title {
	background:#717975 url(../common/bg_title.gif) repeat-x 0 0;
	background:#bcccc4;
	color:#ffffff;
	font-weight:bold;
	padding:5px 10px;
	border-top:1px solid #bcccc4;
	border-bottom:1px solid #bcccc4;
	}*/
.title { background:#717975 url(../common/bg_title.gif) repeat-x 0 0;	}
.title2 {
	margin: 20px 0 0 0;
	font-size: 107%;
	font-weight: bold;
	border-bottom: 1px solid #666;
	padding: 0 0 3px 0;
	}
.title3 {
	margin: 15px 0 0 0;
	font-size: 92%;
	font-weight: bold;
	}
.para { margin-top:10px; }
.list-1 li {
	background:url(../common/icon_dot.gif) no-repeat left 3px;
	padding-left:15px;
	}

/**************** header ****************/
#header {
	position: relative;
	width: 800px;
	height: 60px;
	background: url(../common/bg_header.gif) no-repeat 0 0;
	}
#header #logo {
	position: absolute;
	top: 11px;
	left: 15px;
	}
#header #logo2 {
	position: absolute;
	top: 24px;
	left: 663px;
	}
#header #link {
	position: absolute;
	top: 43px;
	left: 710px;
	width:71px;
	height:11px;
	}
#header #link a {
	display:block;
	background:#fff url(../common/link_contact_on.gif) no-repeat 0 0;
	font-size:1px;
	line-height:0;
	}
#header #link a img { vertical-align:text-bottom; }
#header #link a:hover { background-color:transparent; }
#header #link a:hover img { visibility:hidden; }

/**************** navi ****************/
#nav {
	width:798px;
	border-top:1px solid #36365a;
	margin:0 1px;
	background:url(../common/bg_title.gif) repeat-x;
	}
#nav li {
	float:left;
	display:inline;
	width:112px;
	}
#nav #list1 { margin-left:15px; }
#nav li a {	display:block; background:#fff url(../common/nav_on.gif) no-repeat; }
#nav #list1 a { background-position: 0 0; }
#nav #list2 a { background-position: -112px 0; }
#nav #list3 a { background-position: -224px 0; }
#nav #list4 a { background-position: -336px 0; }
#nav #list5 a { background-position: -448px 0; }
#nav li a:hover,
#home #nav #list1 a,
#services #nav #list2 a,
#corporate #nav #list3 a,
#recruit #nav #list4 a,
#tec #nav #list5 a { background-color:transparent; }
#nav li a:hover img,
#home #nav #list1 a img,
#services #nav #list2 a img,
#corporate #nav #list3 a img,
#recruit #nav #list4 a img,
#tec #nav #list5 a img { visibility:hidden; }

/**************** main-wrapper ****************/
#main-wrapper,
#second-main-wrapper {
	width: 800px;
	background: #fff url(../common/bg_main.gif) repeat-y 0 0;
	}
#second-main-wrapper { border-top: 3px solid #36365A; }
#pan { margin:10px 15px 0; font-size:85%; }

/**************** index ****************/
#index-flash { margin-left: 1px; }
#index-middle-wrapper {
	margin-top: 15px;
	margin-left: 15px;
	}
#index-topics-wrapper {
	float: left;
	width: 505px;
	}
#index-topics { width: 505px; }
#index-topics-wrapper dl {
	margin-top:5px; padding-bottom:5px;
	background-color: #F7F7EB;
	width: 505px;
	min-height: 165px;
	}
* html #index-topics-wrapper dl { height:165px; }
#index-topics-wrapper dl dt {
	color: #f66;
	font-weight: bold;
	padding: 10px 0 2px 8px;
	}
#index-topics-wrapper dl dd {
	line-height:120%;
	padding:0 0 0 8px;
	}	
#index-who-wrapper {
	float: left;
	display:inline;
	width: 250px;
	margin-left: 15px;
	}
#index-who { width: 250px; }
#index-who-box {
	background-color: #F7F7EB;
	margin-top: 5px;
	width: 250px;
	min-height: 155px;
	padding: 10px 0 5px;
	}
* html #index-who-box { height:155px; }
#index-who-box ul { margin: 5px 0 0 10px; }
#index-who-box ul li { margin-bottom: 5px; }
#index-who-box ul li a {
	display:inline-block;
	padding-left: 16px;
	background: url(../common/icon_arrow.gif) no-repeat 0 50%;
	}
#footer {
	vertical-align: bottom;
	clear: both;
	margin-top: 40px;
	position:relative;
	clear:both;
	}

/**************** second ****************/
#second-contents-wrapper { margin: 10px 0 0 15px; }
.second-title { width: 560px }
.second-title2 {
	width: 550px;
	background-color: #f7f7eb;
	margin-top: 4px;
	font-weight:bold;
	padding:4px 0 4px 10px;
	}
	
/**************** third ****************/
#third-contents-wrapper {
	margin: 10px 15px 0;
	width:770px;
	}
#third-contents-wrapper #contents {
	width: 560px;
	float:right;
	display:inline;
	}
#third-contents-wrapper #local-nav {
	width: 195px;
	float:left;
	}
	
	
#third-contents-wrapper #local-nav li a:link { text-decoration: none; }
#third-contents-wrapper #local-nav li a:visited { text-decoration: none; }
#third-contents-wrapper #local-nav li a:hover { text-decoration: underline; }
#third-contents-wrapper #local-nav li a:active { text-decoration: underline; }	
	
	
	
	
#third-contents-wrapper #local-nav .list1 { border-bottom:1px dotted #36365a; }
#third-contents-wrapper #local-nav .b-none { border-bottom:1px dotted #ffffff; }
#third-contents-wrapper #local-nav .last { border-bottom:1px solid #36365a; }
#third-contents-wrapper #local-nav .list1 a {
	display:block;
	background:#f7f7eb url(../common/icon_arrow2.gif) no-repeat 13px 11px;
	margin:0; padding:7px 3px 7px 22px;
	font-size:85%;
	}
#third-contents-wrapper #local-nav .list2 { border-bottom:1px dotted #ffffff; }
#third-contents-wrapper #local-nav .list2 a {
	display:block;
	background:#f7f7eb url(../common/icon_arrow2.gif) no-repeat 19px 11px;
	margin:0; padding:7px 3px 7px 30px;
	font-size:85%;
	}
#third-contents-wrapper #local-nav .last2 { border-bottom:1px dotted #36365a; }

#third-contents-wrapper #local-nav .list1 a:hover,
#third-contents-wrapper #local-nav .list2 a:hover,
.clients #local-nav #li-client a,
.access #local-nav #li-access a,
.commu #local-nav #li-commu a,
.ir #local-nav #li-ir a,
.site #local-nav #li-site a,
.cms #local-nav #li-cms a,
.isurvey #local-nav #li-isurvey a,
.roi #local-nav #li-roi a,
.system #local-nav #li-system a { background-color:#e5e5ac; }


#li-services a,
#li-corporate a {
	border-top:1px solid #36365a;
	border-bottom:1px dotted #36365a;
	display:block;
	min-height:15px;
	font-weight:bold;
/* background:#bcccc4 url(../common/icon_arrow.gif) no-repeat 5px 8px; */
/* 	background:#f7f7eb url(../common/icon_arrow.gif) no-repeat 5px 8px; */
	background:#ededca;
	padding:4px 5px 4px 5px;
	}
* html li#li-services a,
* html li#li-corporate a {
	height:15px;
	}
#li-services a:hover,
#li-corporate a:hover { background-color:#e0e09d; }
#li-services a span,
#li-corporate a span {
	border-left:5px solid #36365a;
	padding-left:5px;
	display:block;
	}


/*
#li-services a {
	border-top:1px solid #36365a;
	border-bottom:1px dotted #36365a;
	display:block;
	min-height:15px;
	font-weight:bold;
	background:#ebebbc url(../common/icon_arrow.gif) no-repeat 5px 8px;
	padding:4px 5px 4px 17px;
	}
* html #li-services a {
	height:15px;
	}
#li-services a:hover { background-color:#d9d977; }
*/

/**************** service ****************/
#service-menu {
	width:560px;
	margin-top:20px;
	}
#service-menu .section {
	float:left;
	display:inline;
	width:259px;
	margin-bottom:30px;
	border:1px solid #999999;
	padding:2px;
	}
#service-menu .sLeft {
	margin-right:25px;
	}
#service-menu .section h2 { margin-bottom:7px; font-size:94%; }
#service-menu .section h2 a,
#commu-menu .section h2 a {
	display:block;
	background:#f7f7eb url(../common/icon_arrow2.gif) no-repeat 8px 6px;
	padding:5px 10px 7px 18px;
	font-weight:bold;
	}
/*#service-menu .section h2 a:hover { background-color: #ebebbc; }*/


#service-menu .section .text { margin-top:10px; font-size:76%; }
#service-menu .section ul { margin:2px 3px 0 7px; }
#service-menu .section ul li {
	margin:0 0 2px;
	background:url(../common/icon_dot3.gif) no-repeat left 6px;
	padding-left:9px;
	font-size:76%;
	}














#service-menu .section p,
#commu-menu .section p { margin:5px 5px 0; }
#commu-menu {
	border:1px dotted #36365a;
	margin-top:20px; padding:0 10px 10px 10px;
	}
#commu-menu .section {
	float:left;
	display:inline;
	width:240px;
	margin:10px 12px 0 0;
	}
#service-dl dt {
	background:url(../common/icon_square.gif) no-repeat left 3px;
	margin-top:10px; padding-left:15px;
	font-weight:bold;
	}
#service-dl dd { margin-left:15px; }
#service-dl dd ul li{
	background:url(../common/icon_dot2.gif) no-repeat left 5px;
	padding-left:10px;
	}
#service-dl2 dt {
	margin-top:20px;
	font-weight:bold;
	}
#dt-first { margin-top:10px !important; }
#service-dl2 dd { margin:3px 0 0 15px; }
.cms-img { text-align:center; margin-top:8px; }
.cms-img2,
.isurvey-img { margin:8px 0 0 10px; }
	
.list-mark li {
	background:url(../common/icon_bar.gif) no-repeat left 3px;
	padding-left:15px;
	}
	
.service-img { float:right; display:inline; margin:10px 0 15px 20px; }
.service-img2 { margin:10px 0 0 0; }
#commu-img2 { margin-top:5px; }
#commu-list { margin-top:10px; }

#commu-para { clear:both; }
.site-dl { clear:both; margin-top:20px; }

.detail { margin:5px 0 0 0; }
.detail a {
	background:url(../common/icon_arrow.gif) no-repeat left 5px;
	padding-left:17px;
	}
	
#fragment-1 .title2,
#fragment-2 .title2,
#fragment-3 .title2,
#fragment-4 .title2,
#fragment-5 .title2,
#fragment-6 .title2 { margin-top:10px; }

.isurvey #fragment-2 .list-mark li,
.isurvey #fragment-4 .list-mark li { margin-top:10px; }
.isurvey #fragment-2 .list-mark li .para { margin-top:5px; }
	
.isurvey #fragment-2 .list-dot {
	background:url(../common/icon_dot.gif) no-repeat left 3px;
	padding-left:15px;
	margin:5px 0 0 0 !important;
	}
.isurvey #fragment-2 .list-dot-s,
.isurvey #fragment-4 .list-dot-s,
.list-dot-s {
	background:url(../common/icon_dot2.gif) no-repeat left 5px;
	padding-left:11px;
	margin:0 0 0 4px !important;
	}
.list-atte { margin:10px 0 0 0; }
.list-atte li,
.atte { margin:0 0 0 1em; font-size:86%; }
.list-atte li span,
.atte span { margin:0 0 0 -1em; }

.isurvey #fragment-2 h2.title-isurvey { margin-top:20px; }
.isurvey #fragment-4 .atte { margin-top:15px; }

.service-text { font-weight:bold; margin-top:20px; }
.service-box {
	border:1px dotted #36365a;
	margin-top:20px; padding:0 10px 10px 10px;
	}
.service-list { margin-top:10px; }
	
/* tub
----------------------------------------*/	
#tab { margin-top:20px; width:517px; }
#tabContents {
	border: 1px solid #36365a;
  margin-top:2px;
	padding: 9px;
	}

#tab li { float: left; }
#tab li a {
	display: block;
  padding: 0;
	text-indent:-9999px;
	}
#tab li a {
	height:26px;
	background:url(../service/images/tub_cms.gif) no-repeat;
	}
.tab_isurvey li a { background:url(../service/images/btn_tub.gif) no-repeat !important; }

#tab li a#m1 {
	width:75px;
	background-position:left top;
	}
#tab li a#m2 {
	width:77px;
	background-position:-75px top;
	}
#tab li a#m3 {
	width:77px;
	background-position:-152px top;
	}
#tab li a#m4 {
	width:119px;
	background-position:-229px top;
	}
#tab li a#m5 {
	width:77px;
	background-position:-348px top;
	}
#tab li a#m6 {
	width:77px;
	background-position:-425px top;
	}
.tab_isurvey li a#i1 {
	width:75px;
	background-position:left top !important;
	}
.tab_isurvey li a#i2 {
	width:77px;
	background-position:-75px top !important;
	}
.tab_isurvey li a#i3 {
	width:77px;
	background-position:-152px top !important;
	}
.tab_isurvey li a#i4 {
	width:77px;
	background-position:-229px top !important;
	}	

#tab .selected a#m1,
#tab .selected a#m1:hover,
#tab .selected a#m1:focus,
#tab .selected a#m1:active { background-position:left -26px; }

#tab .selected a#m2,
#tab .selected a#m2:hover,
#tab .selected a#m2:focus,
#tab .selected a#m2:active { background-position:-75px -26px; }

#tab .selected a#m3,
#tab .selected a#m3:hover,
#tab .selected a#m3:focus,
#tab .selected a#m3:active { background-position:-152px -26px; }

#tab .selected a#m4,
#tab .selected a#m4:hover,
#tab .selected a#m4:focus,
#tab .selected a#m4:active { background-position:-229px -26px; }

#tab .selected a#m5,
#tab .selected a#m5:hover,
#tab .selected a#m5:focus,
#tab .selected a#m5:active { background-position:-348px -26px; }

#tab .selected a#m6,
#tab .selected a#m6:hover,
#tab .selected a#m6:focus,
#tab .selected a#m6:active { background-position:-425px -26px; }


.tab_isurvey .selected a#i1,
.tab_isurvey .selected a#i1:hover,
.tab_isurvey .selected a#i1:focus,
.tab_isurvey .selected a#i1:active { background-position:left -26px !important; }

.tab_isurvey .selected a#i2,
.tab_isurvey .selected a#i2:hover,
.tab_isurvey .selected a#i2:focus,
.tab_isurvey .selected a#i2:active { background-position:-75px -26px !important; }

.tab_isurvey .selected a#i3,
.tab_isurvey .selected a#i3:hover,
.tab_isurvey .selected a#i3:focus,
.tab_isurvey .selected a#i3:active { background-position:-152px -26px !important; }

.tab_isurvey .selected a#i4,
.tab_isurvey .selected a#i4:hover,
.tab_isurvey .selected a#i4:focus,
.tab_isurvey .selected a#i4:active { background-position:-229px -26px !important; }

/**************** clients ****************/
#clients-box {
	padding: 15px 0 15px 20px;
	margin-top: 4px;
	background: #f7f7eb;
	width: 540px;
	}
#clients-box ul li { margin-bottom: 8px; }
#clients-box p {
	margin-top: 10px;
	font-size: 85%;
	}

/**************** corporate ****************/
#company-table {
	width: 517px;
	background-color: #f7f7eb;
	}
#company-table th {
	padding: 10px 0 10px 20px;
	text-align: left;
	font-weight: normal;
	width: 60px;
	background: url(../images/corprate_th_bg.gif) repeat-y 0 0;
	vertical-align: top
	}
#company-table td {
	width: 417px;
	padding: 10px 0 10px 20px;
	vertical-align: top;
	background-color: #f7f7eb;
	}
#company-height {
	margin-top: 4px;
	background: #f7f7eb url(../images/corprate_th_bg.gif) repeat-y 0 0;
	height: 402px;
	width: 560px;
	}
	
.list-corp {
	margin:-2px 0 0 0;
	padding:0;
	}
.list-corp li {
	margin:0;
	padding:0;
	}
.list-corp li span {
	display:inline-block;
	width:6.5em;
	}

/**************** recruit ****************/
#recruit .para { margin-top:10px; }
#recruit-box { width: 560px; }
#recruit-box table {
	margin: 10px 0 0 0;
	border: 1px solid #ccc;
	}
#recruit-box table th {
	border: 1px solid #ccc;
	padding: 5px 10px;
	width: 50px;
	text-align: left;
	background-color: #f7f7f7;
	vertical-align: top;
	}
#recruit-box table td {
	border: 1px solid #ccc;
	padding: 5px 10px;
	}
#recruit-box table td li {
	margin: 0 0 7px 20px;
	list-style-type: square;
	}

/**************** access ****************/
#access-box {
	padding: 7px 0 15px 7px;
	margin-top: 4px;
	background: #f7f7eb;
	width: 553px;
	}
#access-box #map-canvas { width:546px; height:400px; margin:0 0 10px 0; }
#access-box .para { margin:0 0 0 10px; }
#access-box .para2 { margin:20px 0 0 10px; }

#root li { margin-top:5px; }

/**************** topics ****************/
#topics h3 {
	font-weight:bold;
	line-height:1.4;
	margin-bottom:20px;
	}
#topics h4 {
	font-weight:bold;
	line-height:1.4;
	}
#topics .para { margin-top:10px; }
#topics .para2 { margin-top:30px; }
#topics .para3 { margin-top:20px; }
#topics-box {
	padding: 15px 20px 15px 20px;
	margin-top: 4px;
	background: #f7f7eb;
	width: 520px;
	}
#topics-box .data {
	color: #f66;
	font-weight: bold;
	}
#topics-box2 {
	border:1px solid #333333;
	margin:20px 0; padding:10px;
	}
#topics-box2 .atte { margin:10px 0 0 1em; }
#topics-box2 .atte span { margin:10px 0 0 -1em; }

.topics-ul { margin:10px 0 20px; }
.topics-ul li {
	list-style:disc;
	margin-left:20px;
	}
#topics-box3 { margin-bottom:20px; }

#topics .define { margin:0; }
#topics .define dt { margin:7px 0 0 0; }
#topics .define dd { margin:2px 0 0 1.3em; }

/**************** contact ****************/
#moreinfo-box {
	margin-top: 4px;
	padding: 15px 0 15px 20px;
	background-color: #f7f7eb;
	height: 402px;
	width: 540px;
	}
#info .para { margin:20px 0 10px; }
	
/**************** BACK TOP ****************/
.return-top01 {
	margin: 25px 0 0 0;
	font-size: 85%;
	}
.return-top01 a {
	background:url(../common/icon_arrow4.gif) no-repeat left 5px;
	padding-left:12px;
	}