@charset "UTF-8";
/* image inc CSS Document */

/* Default tag Style */
body {
	margin:0;
	padding:0;
}

img {border:none;}
h1,h2,h3,h4,h5,p,ul,ol,li,dl,dt,dd {font-size:1em; margin:0; padding:0;}
table {border-collapse:collapse;}

.usability {display:none;clear:both;}
.clear {clear:both;}

a {
	text-decoration:none;
	}

a:link {
	color:#3A509E;
	}

a:visited{
	color:#3A509E;
	}

a:hover{
	text-decoration:underline;
	}

a:active{
	position:relative;
	top:1px;
	}
	

/* .pkg class wraps enclosing block element around inner floated elements */
.pkg:after{
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
}
.pkg{display:inline-table;zoom:1;}
/* \*/
* html .pkg{height:1%;}
.pkg{display:block;}
/* */


.Attention {
	color:#990000;
	}

img.pictR   { background-color: #fff; margin-left: 10px; margin-bottom: 5px; padding: 7px; float: right;}
img.pictL   { background-color: #fff; margin-right: 10px; margin-bottom: 5px; padding: 7px; float: left;}

.figure{ text-align:center;}

.gotooutside{
	}
	
.imgttl{
font-size:14px;
color:#000000;
font-weight:bold;
}

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

#Header {
	height:72px;
	background:url(/lib/img/bg_head.gif) repeat-x bottom;
	}

#HeaderInner , #NavigationInner,#PageBody{
	position:relative;
	top:0;
	left:0;
	width:812px;
	margin:0 auto;
	}

#FooterInner {
	position:relative;
	top:0;
	left:0;
	width:812px;
	margin:0 auto;
	}


#Logo {
	position:relative;
	top:10px;
	left:10px;
	width:199px;
	height:57px;
	overflow:hidden;
	}

#Logo a {
	display:block;
	width:100%;
	height:100%;
	background:url(/lib/img/logo.gif) no-repeat 0 0;
	text-indent:-1000em;
	}

#Logo a:hover{
	background-position:0 -57px;
	}

#Navigation {
	height:57px;
	background:url(/lib/img/bg_navi.gif) repeat-x -5px -2px;
	
	font-size:10px;
	}

#Navigation li {
	display:inline;
	}



#navCorpinfo {
	margin-left:17px;}

#navStaff{
	margin-left:17px;}


#PageBody{
	}

#FooterMessage {
	height:39px;
	margin:30px 30px 10px 30px;
	}

#Footer {
	margin:0;
	padding:0;
	height:67px;
	background:url(/lib/img/bg_foot.gif) repeat-x;
	font-size:0.8em;
	clear:both;
	}

#FooterInner {
	padding-top:7px;
	}



#FooterMessage a {
	display:block;
	width:100%;
	height:100%;
	text-indent:-5000em;
	background:url(/lib/img/ft_msg.gif) no-repeat center bottom;
	}

#FooterMessage a:hover {
	background-position:50% 3px;
	}

#FooterNavi {
	width:300px;
	float:right;
	text-align:right;
	
	padding:0 50px 0 0;
	
}

#FooterNavi li {
	display:inline;
	margin-left:12px;
	}

#copyright {
	margin-top:3px;
	font-family:"Trajan Pro", Georgia, "Times New Roman", Times, serif;
	}

#Footer address{
	font-style:normal;
	line-height:1em;
	}

#Inquiry {
	position:absolute;
	top:24px;
	right:0px;
	padding:2px 0 2px 7px;
	}

#Inquiry P {
	width:58px;
	height:11px;
	overflow:hidden;
	text-indent:-5000em;
	background:url(/lib/img/h_inquiry.gif) no-repeat;
	}

#Inquiry li {
	float:left;
	list-style:none;

	}

 #Tel {
	width:155px;
	height:27px;
	text-indent:-5000em;
	background:url(/lib/img/btn_tel.gif) no-repeat;
	}
#MailForm {
	width:124px;
	height:20px;
	text-indent:-5000em;
	}
#MailForm a {
	display:block;
	width:100%;
	height:100%;
	background:url(/lib/img/btn_mailform.gif) no-repeat;
	}

#Recruit {
	width:92px;
	height:27px;
	text-indent:-5000em;
	background:url(/lib/img/btn_recruit.gif) no-repeat 1px 1px;
	}

#Recruit a {
	display:block;
	width:100%;
	height:100%;
	background:url(/lib/img/btn_recruit.gif) no-repeat 1px 1px;
	}


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

body {
	font-size:0.89em;
	line-height:1.8em;
	color:#666666;
	}

#Alpha {
	text-align:justify;
	}

#Pankuzu {
	font-size:0.7em;
	color:#999999;
	margin-bottom:25px !important;
	}

#Pankuzu a , #Footer a {
	color:#999999;
	}
#Pankuzu a:hover ,#Footer a:hover{
	color:#666666;
	}

.UpdateNotes {
	font-size:0.8em;
	color:#999999;
	}

.EntryTagsHeader {
	float:left;
	font-weight:normal;
	font-size:0.8em;
	line-height:1em;
	color:#999999;
	display:inline;
	}

.EntryTagsList {
	margin-top:2px;
	}

.EntryTag{
	padding:0 15px 0 3px !important;
	margin:0  !important;
	background:none !important;
	font-size:0.8em !important;
	line-height:1.2em !important;
	color:#999999;
	display:inline;
	}

.EntryTag a,.EntryTag a:hover{
	color:#666666;
	}
	
.EntryTags{
	margin-top:17px;
	padding-top:17px;
	border-top:#DDD 1px solid;
}

.EntryFooter {
	margin-bottom:30px;
	clear:both;
	}


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


#PageOfSiteMap #PageBody{
	background:url(/lib/img/bg_archive_entry.gif) repeat-y 0 0;
	padding-bottom:15px;
	}

#PageOfSiteMap {
	
	}
	
#PageOfSiteMap #Alpha {
	position:relative;
	width:509px;
	left:10px;
	float:left;
	}

#PageOfSiteMap #Alpha ul {
	margin-bottom:35px;
	}

#PageOfSiteMap #Alpha ul li {
	}

#PageOfSiteMap #Alpha ul li ul{
	margin-top:7px;
	}


#PageOfSiteMap #Alpha ul li ul li{
	margin-bottom:3px;
	}

#PageOfSiteMap #Beta {
	width:209px;
	float:right;
	}


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

body.EntryArchive #PageBody ,body.CategoryArchive #PageBody{
	/*background:url(/lib/img/bg_archive_entry.gif) repeat-y 10px 0;*/
	padding-bottom:15px;
	}

body.TwoClm #Alpha, body.EntryArchive #Alpha ,body#PageOfPrivacyPolicy #Alpha,body.CategoryArchive #Alpha,body#PageOfContact #Alpha {
	position:relative;
	width:509px;
	left:10px;
	float:left;

	}

body.EntryArchive .EntryBody .MainImg{
	text-align:center;
	/*background:#FFFFFF;*/
	border:#e6e6e6 1px solid;
	padding:20px 0;
	}

.EntryMore h3,
.EntryBody h3,
.EntryMoreLink h3{

	clear:both;
	
	position:relative;
	left:-17px;
	
	color:#000066;
	font-size:1.5em;
	
	
	padding:96px 0 0 48px;
	margin-bottom:12px;
	background:url(/lib/img/bg_headline_l.gif) no-repeat left bottom;
	}
	
.nobg{
background:none  !important;
padding:50px 0 0 15px  !important;
}/*★イマージュの考え方リニュ後用*/

.nobg-h4{
	background:none !important;
	color:#666666 !important;
	margin:10px 0 5px 0 !important;
	padding:3px 0 2px 0 !important;
	}/*★イマージュの考え方リニュ後用*/


.EntryMore h4,
.EntryBody h4,
.EntryMoreLink h4{
	
	clear:both;
	
	color:#000066;
	font-size:1.25em;
	line-height:1.2em;
	
	margin:55px 0 10px 0;
	padding:3px 0 12px 0;
	
	background:url(/lib/img/h_shadow_L.gif) no-repeat left bottom;
	
	}

h4.Hstart ,h3.Hstart{
	margin-top:0;
	padding-top:0;
	}

.EntryMore h5,
.EntryBody h5,
.EntryMoreLink h5{
	clear:both;
	font-size:0.95em;
	color:#000066;
	margin-top:15px;
	padding:15px 0 6px 0;
	}

.EntryMore p,
.EntryBody p,
.EntryMoreLink p{
	margin:0 0 17px 0;
	}

.EntryMore ul,
.EntryMoreLink ul,
.EntryMore ol,
.EntryMoreLink ol{
	margin:7px 0 17px 15px;
	padding:0 0 0 4px;
	
	border-left:#eeeeee 5px solid;
	}

#Alpha li ,#Beta li ,#Gamma li{
	margin:0 20px 8px 10px;
	line-height:1.4em;
	}

#Alpha li ul ,#Beta li ul ,#Gamma li ul{
	margin:15px 0;
	border-left:none;	
	}

#Alpha ul li ,#Beta ul li ,#Gamma ul li{
	margin-left:7px;
	padding-left:15px;
	background:url(/lib/img/allow_s.gif) no-repeat 0 2px;
	list-style:none;
	}

#Alpha ol li ,#Beta ol li ,#Gamma ol li{
	margin-left:32px;
	}

#Alpha ol li .riyoumokuteki{
	margin-top:5px;
	margin-bottom:18px;
}

#Alpha ol li .riyoumokuteki li{
	margin-bottom:0;
}

.EntryMore blockquote,
.EntryBody blockquote,
.EntryMoreLink blockquote {
	font-size:0.9em;
	line-height:1.5em;
	margin:10px 0;
	padding:10px 15px;
	background:#fafafa;
	}
	
.thinklist{
	font-size:0.9em;
	line-height:1.5em;
	margin:10px 0;
	padding:10px 15px;
	}/*★イマージュの考え方仮用*/


body.EntryArchive #Beta ,body#PageOfPrivacyPolicy #Beta ,body.CategoryArchive #Beta,body#PageOfContact #Beta {
	margin-top:53px;
	width:209px;
	float:right;
	font-size:0.85em;
	line-height:0.96em;
	
	/*padding-left:10px;
	border-left:#E6E6E6 2px solid;*/
	}

body.EntryArchive #BetaInner ,body#PageOfPrivacyPolicy #BetaInner,body.CategoryArchive #BetaInner ,body#PageOfContact #BetaInner {
	padding:0 0 200px 7px;
	/*border-left:#E6E7E8 3px solid;*/
	}


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

ol.ListABC li {
	list-style-type:lower-alpha;
	}
.ListABC li ul li{
	list-style-type:disc;
	}

.CaseStudyInfo {}

.CaseStudyInfo ul{
	margin:0;
	padding:0;
	}



.Datasheet {
	clear:both;
	width:100%;
	height:100%;
	margin:50px 0 20px 0;
	padding:10px 10px 10px 15px;
	font-size:0.85em;
	line-height:1.7em;
	background:url(/lib/img/bg_datasheet.gif) no-repeat;
	}
	

.Datasheet a {
	color:#666666;
	background:none;
	}
 
.Datasheet h5{
	margin:0;
	padding:0;
	}

.Datasheet dl{}

.Datasheet dt{
	clear:both;
	width:100px;
	float:left;
	color:#CCCCCC;
	}

.Datasheet dd{
	margin-left: 100px;
	}

.TableCaption{
	font-size:0.8em;
	line-height:1em;
	}

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


.ModuleHeader {
	margin:0 0 15px 0;
	}

.ModuleContent {
	margin:0 0 30px 0;
	}

.caseStudy{
	position:relative;
	width:178px;
	height:140px;
	margin:0 0 12px 0;
	background:none;
	/*font-family:"ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", Osaka;*/
	background:url(/lib/img/bg_casestudy_2.gif) no-repeat bottom;
	}

#C-entry-6,
#C-entry-12,
#C-entry-9,
#C-entry-11,
#C-entry-10 {
	display:none;
}

.caseStudy .caseStudyLink {
	position:absolute;
	top:0;
	left:0;
	font-size:0.95em;
	
	
	}

.caseStudy .caseStudyLink h3{
	width:178px;
	height:154px;
	text-indent:-5000em;
	
	z-index:10;
	}

.caseStudyLink a{
	display:block;
	width:100%;
	height:100%;
	
	/*border:#CCCCCC 1px solid;*/
	}

.caseStudy img {
	width:150px;
	height:90px;
	border:#d9d9d9 1px solid;
}

.caseStudy a {
	text-decoration:none;
	}

.caseStudy:hover {
	}

.caseStudyInner {
	padding:0 12px 0 7px;
	}

.caseStudy h3 {
	font-size:11px;
	text-indent:6px;
	line-height:12px;
	padding:3px 0 2px 0;}
	
.caseStudy .Thumbnail {
	text-align:left;
	margin:0;
	padding:0;
	line-height:1em;
	}
	
.caseStudy .CliantName {
	text-align:right;
	font-size:10px;
	line-height:12px;
	color:#1A3D8F;
	margin-top:2px;
	margin-right:8px;
	}

.caseStudy .CliantName a{
	color:#1A3D8F;
	text-decoration:none;
	}

.caseStudy .WorksType {
	text-align:right;
	font-size:8px;
	line-height:12px;
	color:#999999;
	margin-right:8px;
	}


#AlphaInner .CliantName
	{
	line-height:0.7em;
	text-align:right;
	color:#1A3D8F;
	}


#AlphaInner .WorksType{
	font-size:0.75em;
	text-align:right;
	color:#999999;
	}


.entryCategoryNormal{
	margin-bottom:20px;}

.date-header
	{
	font-family:Arial, Helvetica, sans-serif;
	font-size:0.8em;
	line-height:1em;
	color:#999999;
	font-weight:normal;
	padding-bottom:7px;
	}

.entryCategoryNormal .EntryHeader{
	margin:0;
	padding:0 0 0 20px;
	font-size:1.2em;
	background:url(/lib/img/allow.gif) no-repeat 0 3px;
	}

entryCategoryNormal .EntryContent{
	}

/**/

.CategoryTitle ,/*★リニューアル後CategoryTitle独立。背景に従ってパディングが変更*/
.EntryTitle ,
body#PageOfSiteMap #archive-title,
body#PageOfContact #archive-title,
body#PageOfPrivacyPolicy #archive-title,
body#h-01-02managesiteinfo,
.SearchResultsHeader
	{
	padding:30px 0 0 11px;
	height:51px;
	font-size:0.8em;
	line-height:1.2em;
	font-weight:normal;
	color:#999999;
	/*font-family:"ヒラギノ角ゴ Pro W3" ,"ＭＳ Ｐゴシック", Osaka;*/
	background-repeat:no-repeat;
	}

.SearchResultsHeader{
	background-image:url(/lib/img/h_serchresult.gif);
	}
#h-05website,
#h-05-1corpplatesite,
#h-05-2blandingsite {
	background-image:url(/lib/img/h_webdesign.gif);
	}
#h-06mailorder {
	background-image:url(/lib/img/h_ecommerce.gif);
	}
#h-03salespromotion{
	background-image:url(/lib/img/h_salespromotion.gif);
	}
#h-07merchandising{
	background-image:url(/lib/img/h_march.gif);}
#h-04ci-branding{
	background-image:url(/lib/img/h_cibi.gif);
	}
#h-04web-design{
	background-image:url(/lib/img/h_web.gif);
	}
#h-02imageinfomation{background-image:url(/lib/img/h_aboutimage.gif);}
#h-02imagethink {	background-image:url(/lib/img/h_imagethink.gif);}/*★リニューアル後画像変更あり？*/
body#PageOfSiteMap #archive-title {	background-image:url(/lib/img/h_sitemap.gif);}
body#PageOfContact #archive-title {	background-image:url(/lib/img/h_contact.gif);}
body#PageOfPrivacyPolicy #archive-title {	background-image:url(/lib/img/h_privacy.gif);}
#h-01-02managesiteinfo ,#h-01update {background-image:url(/lib/img/h_imageinfo.gif);}


.EntryHeader {
	font-size:1.45em;
	line-height:1.3em;
	padding-left:0px;
	margin-bottom:15px;
	color:#000066;
	}

#ArchiveTitle {
	position:relative;
	top:-10px;
	font-size:1.45em;
	line-height:1.3em;
	
	color:#000066;	}


/* --------- Image Float用 ---------------------------------- */

.corp-images{
	float:left;
	clear:both;
	}
	
.corp-txtes{
	float:right;
	left:220px;
	margin:0;
	padding:0;
	width:250px;
	}

/* --------- Items用 ---------------------------------- */

.item-img img{
	padding:0 10px 20px 0;
	}

/* --------- Web一覧用 ---------------------------------- */

#WebThumbnail {
}

.WebThumb{
border-top:#9FA6D3 solid 1px;
margin:50px 0 12px 0;
padding:17px 0 0 0;
}

#WebThumbnail h4 {
	background:none;
	margin:0;
	padding:0;
}

#WebThumbnail h5 {
	background:none;
	margin:0;
	padding:0;
	
	font-size:11px;
}

#WebThumbnail .WebThumbL1, #WebThumbnail .WebThumbL2{
	width:287px;
	padding:5px 0 5px 0;
}

#WebThumbnail .WebThumbL1 {
	border-bottom:#9FA6D3 solid 1px;
	}
#WebThumbnail .WebThumbIBox {
	width:287px;
	float:left;
	}

#WebThumbnail .WebThumbI{
	width:139px;
	float:left;
	
	margin:0;
	padding:0;
	}

#WebThumbnail .WebThumbL1 dl, #WebThumbnail .WebThumbL2 dl{
width:121px;
float:right;

border:none;
margin:0;
padding:0;

font-size:10px;
line-height:13px;
}

#WebThumbnail .WebThumbT{
	width:184px;
	float:right;
	
	font-size:11px;
	line-height:18px;
	
	margin:23px 0 0 0;
	padding:0;
	}


#WebThumbnail .WebThumbL1 dt, #WebThumbnail .WebThumbL2 dt{
	color:#595F98;
	}
#WebThumbnail .WebThumbL1 dd, #WebThumbnail .WebThumbL2 dd{
	padding:0 0 3px 0;
	}

#WebThumbnail .WebThumbI {
	font-size:9px;}


/*Pマークフッター画像用*/

#Pfooter{
	position:absolute;
	left:769px;
	top:11px;
	height:49px;
}

#Pmark-tate{
margin-top:25px;
}

/**/

#entry-126 table{
	border-collapse:collapse;
	border:#CCCCCC 1px solid;
	
	width:100%;
	margin-bottom:20px;
	
	line-height:1.2em;
	}

#entry-126 table th,#entry-126 table td{
	border:#CCCCCC 1px solid;
	padding:3px;
	}

#entry-85 ul{
	border:none !important;
	margin:0 !important;
	padding:0 !important;
	
	}
#entry-85 li{
	display:inline;
	background:none !important;
	margin:0 !important;
	padding:0 !important;
	}