@charset "utf-8";

html { margin:0; padding:0;}
body{ color:#555; background-color:#fff; font-size:75%; line-height: 1.33;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif; margin:0 15px 0 15px; padding:0;}

.text-m{ font-size:medium; line-height:140%;}

.l{ text-align:left;}/* left */
.c{text-align:center;}/* center */
.r{text-align:right}/* right */

/* color */
.red{ color:#f30;}

.cl-l {clear:left;}
a img{border:0px none;}

.v{ display:none;}
.v a,
.v img{ position:absolute;}
.v img{ width:1px; height:5px; border:0px none;}
.vs img{ width:1px; height:1px; border:0px none;}

h3{ font-size:135%; }
h4{ font-size:120%; }

.box-image-left{ float:left;}

.contents{ width:550px; margin-left:60px; }/* 200px */

.pankuzunavi { color:#ab081c; font-size:94%; margin:0; line-height:100%; padding:1.3em 15px 0 0; }
.pankuzunavi a{ color:#ab081c; text-decoration:none;}
.pankuzunavi a:hover{ text-decoration: underline;}

.page-title{ font-size:180%; font-weight:400; line-height:120%; padding:0; margin:5px 0 16px 0;}

.pagetop-link{ margin:30px 0 10px 0; display:block; text-align:right; line-height:100%; font-size:80%;}
.pagetop-link a{ color:#ab081c; text-decoration:none; padding:0 0 0 10px;}
.pagetop-link a:hover{ color:#ab081c; text-decoration: underline;}

table.table-basicdesign{border-collapse:collapse; margin:0; padding:0;}
table.table-basicdesign th,
table.table-basicdesign td{ font-size:90%; padding:12px 12px; border-top:1px solid #EECED2;/**/ border-bottom:1px solid #EECED2; border-collapse:collapse;}
table.table-basicdesign th{ text-align:left; padding-left:8px; padding-right:8px; color:#ab081c; background-color:#FBF2F3; color:#BC3949; }
/* #### End COMMON #### */

/* ==== HEADER ==== */
#header {margin:18px 0 15px 0; min-width:700px;}
#header h1 { margin:0; float:left; }
#header ul { display:block; margin:0 2px 0 0; padding:0; list-style:none; text-align:right; }
#header ul li { display:inline; margin-left:10px;}
#header p { margin:0;}
/* ==== footer ==== */

#footer { padding:20px; background-color:#94919c; background-image: url("/img/common/footer/bg-footer.gif"); background-repeat:repeat-x;}
#cpr { margin:0; }

/*  ---- Top -----*/
.Accordion { min-width:700px; }
#ApcHome { overflow:hidden;}
/*  ---- Top End-----*/
/*------------*/
.AccordionPanelContent {	height: 400px;	}

/*--------------------------*/
.AccordionPanel { clear:both; }
.AccordionPanelTab h2{ margin:0; padding:0; font-size:100%; }
.AccordionPanel .AccordionPanelTab { height:22px; background-image:url("/img/gl-navi/gn-bg.jpg"); background-position:0px 0px; border:0px none; background-color:#999;}
.AccordionPanelTab h2 a{ display:block;}
.AccordionPanelTab h2 a span{ display:none;}
.acc-off{ display: inline;}
.acc-on{ display: none;}

#APhome .AccordionPanelTab{ height:0px; background-color:#fff; background-image:none;}
#APatt .AccordionPanelTab{ height:0px; background-color:#fff; background-image:none;}
.AccordionPanelOpen .acc-off,
.AccordionPanelTabHover .acc-off { display: none;}
.AccordionPanelOpen .acc-on,
.AccordionPanelTabHover .acc-on { display: inline;}
/* about us------------------- */
/*#AptAboutUs h2 a,*/
#APaboutus.AccordionPanelOpen .AccordionPanelTab,
#APaboutus.AccordionPanelClosed .AccordionPanelTabHover { background-position:0px -22px;}/* BG */
/* Works------------------- */
#APworks.AccordionPanelOpen .AccordionPanelTab,
#APworks.AccordionPanelClosed .AccordionPanelTabHover {  background-position:0px -44px;}/* BG */
/* Case Study------------------- */
#APcasestudy.AccordionPanelOpen .AccordionPanelTab,
#APcasestudy.AccordionPanelClosed .AccordionPanelTabHover {  background-position:0px -88px;}/* BG */
/* News------------------- */
#APnews.AccordionPanelOpen .AccordionPanelTab,
#APnews.AccordionPanelClosed .AccordionPanelTabHover {  background-position:0px -66px;}/* BG */
/* Recruit ------------------- */
#APrecruit.AccordionPanelOpen .AccordionPanelTab,
#APrecruit.AccordionPanelClosed .AccordionPanelTabHover {  background-position:0px -110px;}/* BG */
/* Contact us------------------- */
#APcontactus.AccordionPanelOpen .AccordionPanelTab,
#APcontactus.AccordionPanelClosed .AccordionPanelTabHover {  background-position:0px -132px;}/* BG */
.AccordionPanelOpen .AccordionPanelContent{ background-color:#fff;}
/* //////////////SubMenu///////////////////// */

/* //////////////SlideMenu///////////////////// */

/* ////////////// COMMON ///////////////////// */
.contents { margin-left:60px;}
.category-top-list { margin:0; padding:0; list-style-type:none;}
.category-top-list { /*font-size: medium;*/}/* For IE */
.category-top-list li { margin:1.2em 0;} 
.category-top-list li p{ margin:0 20px;} 
/* ////////////// about us ///////////////////// */
.aboutus-red{ color:#ab081c; }
#APaboutus a { color:#ab081c; }
/* profile.html(Over View) Start */
.about-1-1-overview .box-image-left{ margin-top:10px}
.about-1-1-overview div.box-float-non { margin-left:220px;}
.about-1-1-overview p { margin:0 0 8px 0; }/* Image Size 221 x 221 */
.about-1-1-overview p em { font-size:94%;}
.about-1-1-overview ul { margin-bottom:10px; margin-top:0; margin-left:0; padding-left:0; padding-left:1em;}
.about-1-1-overview ul li { font-size:94%; margin-top:0.4em; margin-left:5px; padding-left:0}
.about-1-1-overview h4 { margin-top:20px; margin-bottom:8px;}
.about-1-1-overview .table-basicdesign { width:540px;}
.about-1-1-overview .table-basicdesign th,
.about-1-1-overview .table-basicdesign td{ padding-top:7px; padding-bottom:7px;}

/* csr.html Start */
/*.box-image-left{}*/
.about-1-3-csr h4,
.about-1-3-csr p{ margin-left:241px; margin-bottom:.8em}/* Image Size 221 x 221 */
.about-1-3-csr p em{ font-size:94%;}
/* csr.html End */

/* accessmap.html Start */
.about-1-4-accessmap p,
.about-1-4-accessmap h3 { margin:5px 0;}
.about-1-4-accessmap .aboutus-red{ font-size:85%; }
/* accessmap.html end */

/* ///////// Works //////// */
#APworks .works-blue{color:#0c349d;}
#APworks a,
#APworks .pankuzunavi,
#APworks .pankuzunavi a{ color:#0c349d;}
#APworks .pagetop-link a,
#APworks .details a:hover{ color:#0c349d;}
/* itweb/index.html */
#works-2-1-itweb ul{ list-style-type:none; margin:0 0 2em 0; padding:0;}
#works-2-1-itweb ul li{ margin:0; padding:0;}/*margin:24px 0;*/
#works-2-1-itweb ul li img{ width:550px; height:63px;}
/*  d  */
#ct200001 h3.page-title{ margin-top:10px;}

.itweb-d .page-title{font-size:125%; font-weight:bold; line-height:120%; margin-top:10px; margin-bottom:10px}
.itweb-d .page-title .yyyy{	font-size:88%; line-height:90%; font-family: Arial, Helvetica, sans-serif; }

.itweb-d ul{ font-size:94%; margin:1em 0; padding:0; list-style-type:disc;}
.itweb-d ul li{ margin-left:18px; margin-bottom:3px; margin-top:3px; line-height:120%;}

.d-main-images{ margin:15px 0 15px -2px}
.itweb-d p{ font-size:94%;}
.itweb-d p.d-no-image { border:1px solid #b2b2b2; text-align:center; padding:24px 10px; font-size:140%; background-color:#eee; margin-bottom:1em;}
#works-2-1-itweb { margin:0; padding:0;}
#id201000.outline-open .contents{ margin-bottom:0;}
.itweb-d .d-sub-images { margin:15px 0;}
.itweb-d .d-sub-images a { margin-right:0;}
.itweb-d .d-sub-images a img {border:1px solid #999;}
.itweb-slide-Navi{ margin:24px 0; text-align:center; font-size:120%;}
.itweb-slide-Navi a { padding:2px; font-size:110%; }
.itweb-slide-Navi strong { padding:1px 3px; background-color:#0c349d; color:#FFF; font-size:110%;}
.itweb-slide-Navi-menu { margin:10px; display:block; text-align:center; clear:both;}

/*.itweb-d .pagetop-link{ display:none;}*/

/* elements design */
#TabbedPanels1{ width: auto;}
.TabbedPanelsTab,
.TabbedPanelsContentGroup { border-color:#b3ccef; color:#0c349d;}
.TabbedPanelsTab {	font-weight:normal;	font-size:0.9em;	background-color: #e5eefa; }
.TabbedPanelsTabSelected {	background-color: #FFF;	border-bottom-color: #FFF;}

#works-2-3-2-logo { margin-top:-4px; margin-bottom:-4px; }
#works-2-3-2-logo ul { list-style-type:none; margin:0; padding:0;}
#works-2-3-2-logo ul li{ margin:5px 0; padding:0;}
#works-2-3-2-logo ul li img{ border:1px solid #adc6e8;}

/* illustration/index.html */
#works-2-3-1-illust { margin-top:-4px; margin-bottom:-4px; }
#works-2-3-1-illust ul{ list-style-type:none; margin:0; padding:0;}
#works-2-3-1-illust ul li{ margin:5px 0; padding:0;}
#works-2-3-1-illust ul li img{ border:1px solid #adc6e8;}
#works-2-3-1-illust h3{ margin:10px 0 -3px 0; line-height:100%; font-size:105%;}
#works-2-3-1-illust .details{ display:none; }
a.ThBox-link-works-ill{ color:#0c349d!important;}

/* ///////// Csee Study //////// */

#APcasestudy .casestudy-purple{color:#972af4;}
#APcasestudy a,
#APcasestudy .pankuzunavi,
#APcasestudy .pankuzunavi a{ color:#972af4;}
#APcasestudy #contents a{ text-decoration:none; color:#6D14B9;}
#APcasestudy #contents a:hover{ text-decoration:underline;}

/* ///////// News //////// */
#APnews .news-blue{color:#0066a0;}
#APnews a,
#APnews .pankuzunavi,
#APnews .pankuzunavi a{ color:#0066a0;}
#APnews li h3{ font-weight:normal; margin-bottom:0.16em}
#APnews li{ border-left:4px solid #83c4df; padding-left: 4px; margin-bottom:2.2em;}

/*#contents{ height:600px;}*/
#news-list ul{ margin:20px 0 100px 0; padding:0; list-style-type:none; }
#news-list ul li{ margin:20px 0 30px 0; padding:0; }
#news-list ul li h3{ margin:0; }
#news-list ul li p{ margin:7px 0; }

/* ////////////// recruit ///////////////////// */
#APrecruit .recruit-green{color:#32a812;}
#APrecruit a,
#APrecruit .pankuzunavi,
#APrecruit .pankuzunavi a{ color:#32a812;}

/* ////////////// contact us ///////////////////// */
.contactus-orange{color:#dd4f13;}
#APcontactus a,
#APcontactus .pankuzunavi,
#APcontactus .pankuzunavi a{ color:#dd4f13;}

/* Color Set */
#APcontactus table.table-basicdesign th,
#APcontactus table.table-basicdesign td{ border-top:1px solid #F5CAB8; border-bottom:1px solid #F5CAB8; }
#APcontactus table.table-basicdesign th{ color:#dd4f13; padding-left:8px;/**/ padding-right:8px; background-color:#FDF5F1; }
#APcontactus table.table-basicdesign th,
#APcontactus table.table-basicdesign td{ padding-bottom:5px; padding-top:5px;}

/* 600001 contents def = 550 */
#ct600001 .box-image-left { width:146px; margin:0;}
#ct600001 .box-flort-none {margin-left:20px; float:left;}
#ct600001 h3,
#ct600001 .table-basicdesign { width:384px; margin-right:0; margin-bottom:30px;}
#ct600001 .table-basicdesign th { white-space:nowrap; vertical-align:top;}
#ct600001 h3 { font-size:100%; font-weight:normal; margin-bottom:6px; width:auto;/**/}

.pagetop-link { visibility:hidden;}

@media print {
	.AccordionPanel { display:none;}
	.AccordionPanelOpen { display:block;}
	.outline,
	.outline-left,
	.sub-menu-v{ display:none;}
	.Accordion { overflow:visible;}
	.AccordionPanelContent{ overflow:visible;}
}
/* ///////// BG for SiteMap /////////// */
#box-bg{ position:absolute; background-color:#000; width:100%; height:100%; z-index:9; top:0px; left:0px;
	display:none;
	filter:alpha(opacity=50); /*IE*/
	-moz-opacity:0.50; /*FF*/
	opacity:0.50;/* Safari Opera */
}
/* ///////// SiteMap /////////// */
#box-sitemap { 
	position:absolute;	background-color:#fff;	border:1px solid #ccc;	left:14px;	right:15px;	top:60px;	bottom:10px;	z-index:10;
	filter:alpha(opacity=90); /*IE*/
	-moz-opacity:0.90; /*FF*/
	opacity:0.90;/* Safari Opera */
	overflow:auto;	display:none;	background-image:url("/img/sitemap/bg-sitemap.gif");	background-position:right 20px;	background-repeat:no-repeat;
}
/* #box-sitemap { position:absolute; display:block; background-color:#00FF33; left:10%; right:15px; top:15px; z-index:10; height:200px;}  For IE6  */
/* for IE6 ---*/
/*#box-sitemap { width:90%;}*/
#box-sitemap ul{ margin:1em 2.6em; list-style:none; padding-bottom:1em;}
#box-sitemap ul ul{ padding-bottom:0;}
#box-sitemap ul li{ margin:1em 0;}
#box-sitemap ul li strong{ font-size:135%;}
#box-sitemap ul li em{ font-weight:bold; font-style: normal;}
#box-sitemap ul li.smap-aboutus a{ color:#ab081c;}
#box-sitemap ul li.smap-works a{color:#0c349d;}
#box-sitemap ul li.smap-casestudy a{color:#972af4;}
#box-sitemap ul li.smap-news a{color:#0066a0;}
#box-sitemap ul li.smap-recruit a{color:#32a812;}
#box-sitemap ul li.smap-contactus a{color:#dd4f13;}
/* ----------- for Search ----------- */
#box-search {
	display:none;	border:1px solid #ccc;	position:absolute; top:50px; left:2.5%; background-color:#fff;	width:330px; height:170px;	z-index:20;
	filter:alpha(opacity=90); /*IE*/
	-moz-opacity:0.90; /*FF*/
	opacity:0.90;
}