@charset "utf-8";

/* -----------------------------------------------
init
----------------------------------------------- */
html {
	min-height:100%;
	height:100%;
	font-size: 62.5%;
	font-family: Verdana,"MS UI Gothic";
}

body {
	min-height:100%;
	height:100%;
	font-size:1.2em;
	color:#1b1b1b;
	line-height:1.4em;
	text-align:center;
/*	background: url(../img/bg_tile.gif) repeat-y center top;*/
	letter-spacing:0em!important;
	position:relative;
}

a {
	text-decoration:none;
	color:#e1477e;
	cursor:pointer;
	outline:none!important;
}

a:hover {
	color:#e1477e!important;
}

a:hover img {
	opacity:0.8;
	filter: alpha(opacity=80);
}


/* -----------------------------------------------
layout
----------------------------------------------- */

#wrapper {
	position:absolute;
	top:0;
	left:0;
	min-height:100%;
	height:100%;
	width:100%;
	z-index:10;
	margin:0;
	padding:0;
}
#wrapper #header{
	width:50%;
	z-index:20;
	margin-left:50%;
	line-height:1em;
}
#header #header_inner {
}
#header #header_inner h1{
	padding: 18px 16px 0 0;
	text-align:right;
	white-space:nowrap;
	float: right;
}
#site_menu{
	float:left;
	line-height:1em;
	z-index:40;
}
#site_menu_inner{
}
#site_menu ul{
	background: url(../img/line_dot_black.gif) repeat-x left top;
	padding-top:1px;
	margin:14px 0 0 40px;
	width:59px;
}
#site_menu ul li{
	background: url(../img/line_dot_black.gif) repeat-x left bottom;
	padding:0;
	margin:0;
	height:16px;
}

#bread_crumb {
	padding: 0 16px 0 0;
	float: right;
	z-index:50;
}
#bread_crumb ul li {
	line-height:1em;
	float:right;
	font-size:10px;
	color:#000;
	padding:8px 14px 0 0;
	margin-right:5px;
	background: url(../img/icon_bread_crumb.gif) no-repeat right 0.9em;	
}
#bread_crumb ul li.home {
	padding:8px 0 0 0;
	margin-right:0;
	background: none;
}
#bread_crumb ul li a{
	color:#000;
}

#wrapper #main_container{
	clear:both;
}
#wrapper #global_menu{
	line-height:1em;
	padding:0;
	margin:0 0 50px 0;
}
#wrapper #global_menu ul,
#wrapper #global_menu ul li{
	padding:0;
	margin:0;
}


#wrapper #main_area .entry_meta{
	float:left;
}
#wrapper #main_area .entry_meta .category{
	padding-right:5px;
	margin-right:5px;
	border-right: 1px solid #ccc;
}
#wrapper #main_area .entry_meta .post{
}

#wrapper #main_area .archive_navigation{
	clear:both;
	text-align:right;
	margin-right:15px;
	margin-bottom:15px;
	float:right;
}
#wrapper #main_area .archive_navigation ul{
	background: url(../img/line_dot_black.gif) repeat-x left top;
	padding-top:1px;
	width:75px;
}
#wrapper #main_area .archive_navigation ul li{
	background: url(../img/line_dot_black.gif) repeat-x left bottom;
	padding:0;
	margin:0;
	height:18px;
}
#wrapper #main_area .archive_navigation ul li a{
	padding:0;
	margin:0;
}
#wrapper #main_area .page_navigation ul{
	background: url(../img/line_dot_black.gif) repeat-x left top;
	margin-top:10px;
	margin-bottom:15px;
	padding-top:1px;
	width:75px;
	float:right;
}
#wrapper #main_area .page_navigation ul li{
	background: url(../img/line_dot_black.gif) repeat-x left bottom;
	padding:0;
	margin:0;
	height:18px;
}
#wrapper #main_area .page_navigation ul li a{
	padding:0;
	margin:0;
}


#wrapper #main_area {
	clear:both;
	width:50%;
	float:right;
	text-align:left;
	position:relative;
	padding-top:20px;
}

#main_area #main_contents {
	padding-left:15px;
}
#main_area #main_contents h1 {
	font-size:18px;
	padding:0;
	margin:0 0 10px 0;
}
#main_area #main_contents p {
	font-size:12px;
	line-height:1.6em;
}

#wrapper #visual_space {
	width:50%;
	position:fixed;
	top:80px;
	left:0;
	text-align:right;
	background-color:transparent;
	margin:0;
	padding:0;
}
div#background_flash {
	width:100%;
	height:100%;
	z-index:0;
	position: fixed;
	bottom:0px;
	left:0px;
}
/*div#background_flash embed, div#background_flash object{
	position:absolute;
	left:0;
	top:0;
}*/
div#mask_layer{
	z-index:100;
	position:fixed;
	left:0;
	top:0;
	height:100%;
	width:100%;
	background-color:#fff;
}

/* -----------------------------------------------
header
----------------------------------------------- */


/* creative smile mark */
#c4mark{
	position:relative;
	width:100%;
	text-align:center;
	height: 50px;
	z-index:5;
}
#home #c4mark{
	background: url(../img/logo_c4mark_home.gif) no-repeat center top;
}
#newsrelease #c4mark{
	background: url(../img/logo_c4mark_newsrelease.gif) no-repeat center top;
}
#aboutus #c4mark{
	background: url(../img/logo_c4mark_aboutus.gif) no-repeat center top;
}
#service #c4mark{
	background: url(../img/logo_c4mark_service.gif) no-repeat center top;
}
#gallery #c4mark{
	background: url(../img/logo_c4mark_gallery.gif) no-repeat center top;
}
#member #c4mark{
	background: url(../img/logo_c4mark_member.gif) no-repeat center top;
}
#laboratory #c4mark{
	background: url(../img/logo_c4mark_laboratory.gif) no-repeat center top;
}
#recruit #c4mark{
	background: url(../img/logo_c4mark_recruit.gif) no-repeat center top;
}
#contact #c4mark{
	background: url(../img/logo_c4mark_contact.gif) no-repeat center top;
}
#sitemap #c4mark{
	background: url(../img/logo_c4mark_sitemap.gif) no-repeat center top;
}



/* -----------------------------------------------
footer
----------------------------------------------- */
#wrapper #footer {
	clear:both;
	margin-left:50%;
}
#footer #footer_menu {
	line-height:1em;
	background: url(../img/line_dot_black.gif) repeat-x left top;
	margin-left: 15px;
	margin-right: 15px;
	margin-bottom: 8px;
	
	
	/* scene7 対応版*/
	display:none;
	
}
#footer #footer_menu_inner {
	background: url(../img/line_dot_black.gif) repeat-x left bottom;
	padding-left: 0;
	text-align:center;
}
#footer #footer_menu ul{
	margin: 0 auto;
}
#footer #footer_menu ul li{
	float:left;
	width:33%;
}
#footer #footer_menu ul li a{
	display:block;
	vertical-align:middle;
	padding:5px 15px;
}

#footer #c4tvmark{
	float:right;
	margin-right:15px;
}

#footer #contact_info{
	text-align:left;
	padding-left:15px;
	width:360px;
	float:left;
	line-height:1em;
}
#footer #contact_info h3{
	width:81px;
	float:left;
}
#footer #contact_info ul{
	float:left;
}
#footer #contact_info ul li{
	display:inline;
}
#footer #contact_info .copyright{
	display:block;
	clear:both;
}


/* -----------------------------------------------
home
----------------------------------------------- */
#home #wrapper #main_area #new_gallery{
	z-index:15;
	clear:both;
	margin-bottom:20px;
}

#home #wrapper #main_area {
	padding-top:30px;
}


/* -----------------------------------------------
about us
----------------------------------------------- */
#aboutus #wrapper #main_area h2{
	margin-bottom:20px;
}
#aboutus #wrapper #main_area .topic,
#aboutus #wrapper #main_area .topic_text{
	border-left: 4px solid #0086CF;
}

#aboutus #wrapper #main_area .topic_text span{
	font-size:12px;
	line-height:24px!important;
	background: url(../img/title_bg_base.gif) no-repeat left top;
	display: block;
	padding: 0px 0px 0px 5px;
	height: 24px;
	width: 461px;
}
#aboutus #wrapper #main_area .msg{
	margin-right:15px;
	margin-bottom:5px;
}
#aboutus #wrapper #main_area .msg_bottom{
	margin-right:15px;
	margin-bottom:30px;
}

#aboutus #wrapper #main_area dl{
	margin-right:15px;
}
#aboutus #wrapper #main_area dt{
	width:10em;
	float:left;
}
#aboutus #wrapper #main_area dd{
	padding-bottom:5px;
	margin-left:10em;
	padding-left:15px;
	border-left: 1px solid #ccc;
}
#aboutus #wrapper #main_area ul.item_list{
/*	margin-top:20px;*/
}
#aboutus #wrapper #main_area ul.item_list li{
	font-size:12px;
	line-height:1.5em;
	margin-bottom:3px;
	padding-left:15px;
	background: url(../img/icon_arrow_s.gif) no-repeat left 0.8em;
}



/* -----------------------------------------------
news release
----------------------------------------------- */
#newsrelease #wrapper #main_area h2{
	margin-bottom:20px;
}
#newsrelease #wrapper #main_area .topic,
#newsrelease #wrapper #main_area .topic_text{
	border-left: 4px solid #FF0000;
}




/* -----------------------------------------------
service
----------------------------------------------- */
#service #wrapper #main_area h2{
	margin-bottom:20px;
}
#service #wrapper #main_area .topic,
#service #wrapper #main_area .topic_text{
	border-left: 4px solid #8F2B8B;
}
#service #wrapper #main_area .topic_text span{
	font-size:12px;
	line-height:24px!important;
	background: url(../img/title_bg_base.gif) no-repeat left top;
	display: block;
	padding: 0px 0px 0px 5px;
	height: 24px;
	width: 461px;
}
#service #wrapper #main_area .subtopic{
	padding-bottom:2px;
	margin-right:15px;
	margin-bottom:20px;
	border-bottom: 1px solid #000;
}

#service #wrapper #main_area ul.service_navi {
	margin-right:15px;
	margin-bottom:30px;
	border-left: 1px solid #dadada!important;
}
#service #wrapper #main_area ul.service_navi li {
	float:left;
	width:33.31%;
}
#service #wrapper #main_area ul.service_navi li a {
	display:block;
	font-size:10px;
	color:#000;
	line-height:20px;
	white-space:nowrap;
	border-right: 1px solid #dadada;
	border-left: 1px solid #FFF;
	background: url(../img/icon_arrow_s.gif) no-repeat 5px center;
	padding-left: 15px;
}
#service #wrapper #main_area ul.service_navi li a:hover {
	background-color: #f4f4f4;
}
#service #wrapper #main_area ul.service_navi li a span {
	display:block;
	border-right: 1px solid #FFF;
}


#service #wrapper #main_area dl{
	margin-right:15px;
}
#service #wrapper #main_area dt{
	width:10em;
	float:left;
}
#service #wrapper #main_area dd{
	padding-bottom:5px;
	margin-left:10em;
	padding-left:15px;
	border-left: 1px solid #ccc;
}
#service #wrapper #main_area ul.item_list{
/*	margin-top:20px;*/
}
#service #wrapper #main_area ul.item_list li{
	font-size:12px;
	line-height:1.5em;
	margin-bottom:3px;
	padding-left:15px;
	background: url(../img/icon_arrow_s.gif) no-repeat left 0.8em;
}



/* -----------------------------------------------
gallery
----------------------------------------------- */
#gallery #wrapper #main_area h2{
	margin-bottom:10px;
}
#gallery #wrapper #main_area .topic,
#gallery #wrapper #main_area .topic_text{
	border-left: 4px solid #D6E343;
}
#gallery #wrapper #main_area .topic_text span{
	font-size:12px;
	line-height:24px!important;
	background: url(../img/title_bg_base.gif) no-repeat left top;
	display: block;
	padding: 0px 0px 0px 5px;
	height: 24px;
	width: 461px;
}
#gallery #wrapper #main_area ul#gallery_navi {
	margin-right:15px;
	margin-bottom:30px;
	border-left: 1px solid #dadada!important;
}
#gallery #wrapper #main_area ul#gallery_navi li {
	float:left;
	width:19.93%;
}
#gallery #wrapper #main_area ul#gallery_navi li a {
	display:block;
	font-size:10px;
	color:#000;
	line-height:20px;
	white-space:nowrap;
	border-right: 1px solid #dadada;
	border-left: 1px solid #FFF;
	background: url(../img/icon_arrow_s.gif) no-repeat 5px center;
	padding-left: 15px;
}
#gallery #wrapper #main_area ul#gallery_navi li a:hover {
	background-color: #f4f4f4;
}
#gallery #wrapper #main_area ul#gallery_navi li a span {
	display:block;
	border-right: 1px solid #FFF;
}
#gallery #wrapper #main_area dd div.creative_data{
	
}
#gallery #wrapper #main_area h3.creative_title a{
	font-size:14px;
	font-weight:bold;
	line-height:1.2em;
}
#gallery #wrapper #main_area h3.creative_title .client_name{
	display:block;
	font-size:10px;
	font-weight:normal;
}
#gallery #wrapper #main_area ul.tag_list{
	margin-top:20px;
}
#gallery #wrapper #main_area ul.tag_list li{
	font-size:12px;
	line-height:1.5em;
	margin-bottom:3px;
	padding-left:15px;
	background: url(../img/icon_arrow_s.gif) no-repeat left 0.5em;
}
#gallery #wrapper #main_area ul.tag_list li a{
	color:#000;
}
#gallery #wrapper #main_area dd.prj_info{
	clear:both;
	margin-bottom:15px;
}
#gallery #wrapper #main_area dt,
#gallery #wrapper #main_area dd{
	padding-bottom:0;
	margin-bottom:0;
}
#gallery #wrapper #main_area .prj_info .creative_member{
	background-color:#f4f4f4;
	padding:3px;
	margin-top:10px;
	margin-bottom:10px;
}
#gallery #wrapper #main_area .prj_info .creative_member .fcolor_gray{
	color:#CCC!important;
}
#gallery #wrapper #main_area .prj_info .creative_member .fcolor_white{
	color:#FFF!important;
}
#gallery #wrapper #main_area .prj_info .creative_comment{
	margin-bottom:50px;
}
/* -----------------------------------------------
member
----------------------------------------------- */
#laboratory #wrapper #main_area .topic,
#laboratory #wrapper #main_area .topic_text{
	border-left: 4px solid #55A51A;
}
#member #wrapper #main_area dl.entries dt{
	margin-bottom:35px;
}


/* -----------------------------------------------
laboratory
----------------------------------------------- */
#laboratory #wrapper #main_area h2{
	margin-bottom:20px;
}
#laboratory #wrapper #main_area .topic,
#laboratory #wrapper #main_area .topic_text{
	border-left: 4px solid #00665B;
}




/* -----------------------------------------------
recruit
----------------------------------------------- */
#recruit #wrapper #main_area h2{
	margin-bottom:20px;
}
#recruit #wrapper #main_area .topic,
#recruit #wrapper #main_area .topic_text{
	border-left: 4px solid #6EC6E8;
}

#recruit #wrapper #main_area .topic_text span{
	font-size:12px;
	line-height:24px!important;
	background: url(../img/title_bg_base.gif) no-repeat left top;
	display: block;
	padding: 0px 0px 0px 5px;
	height: 24px;
	width: 461px;
}
#recruit #wrapper #main_area .desc{
	margin-right:15px;
	margin-bottom:30px;
}

#recruit #wrapper #main_area dl{
	margin-right:15px;
	margin-bottom:10px;
}
#recruit #wrapper #main_area dt{
	width:10em;
	float:left;
}
#recruit #wrapper #main_area dd{
	padding-bottom:5px;
	margin-left:10em;
	padding-left:15px;
	border-left: 1px solid #ccc;
}


/* -----------------------------------------------
contact
----------------------------------------------- */
#contact #wrapper #main_area h2{
	margin-bottom:20px;
}
#contact #wrapper #main_area .topic,
#contact #wrapper #main_area .topic_text{
	border-left: 4px solid #E1477E;
}
#contact #wrapper #main_area ul#contact_list{
	margin-bottom:30px;
}
#contact #wrapper #main_area ul#contact_list li{
	line-height:1.3em;
	margin-bottom:10px;
	background: url(../img/icon_rect_pink.gif) no-repeat left 0.2em;
	padding-left: 15px;
}
#contact #wrapper #main_area ul#contact_list li span.mail{
	display:block;
}
#contact #wrapper #main_area ul#contact_list li span.mail a{
	background: url(../img/line_dot_pink.gif) repeat-x left bottom;
}
#contact #wrapper #main_area .annotation{
	margin-bottom:30px;
}
#contact #wrapper #main_area .annotation h3{
	font-weight:bold;
	margin-bottom:5px;
}
#contact #wrapper #main_area .annotation p{
	margin-bottom:15px;
}


/* -----------------------------------------------
sitemap
----------------------------------------------- */
#sitemap #wrapper #main_area h2{
	margin-bottom:20px;
}
#sitemap #wrapper #main_area .topic{
	border-left: 4px solid #E1477E;
}
#sitemap #wrapper #main_area ul#site_list{
	margin-bottom:80px;
}
#sitemap #wrapper #main_area ul#site_list a{
	color:#000;
	display:block;
}
#sitemap #wrapper #main_area ul#site_list li{
	font-size:12px;
	line-height:1.8em;
	margin-bottom:5px;
	padding-left:15px;
	background: url(../img/icon_arrow_l.gif) no-repeat left 0.5em;
}

#sitemap #wrapper #main_area ul#site_list ul.site_list_l2 li{
	font-size:10px;
	line-height:1.5em;
	margin-bottom:3px;
	padding-left:15px;
	background: url(../img/icon_arrow_s.gif) no-repeat left 0.5em;
}

#sitemap #wrapper #main_area #site_list li{
	margin-bottom:5px;
}



/* -----------------------------------------------
common
----------------------------------------------- */
/* 太字装飾 */
strong.b,
em.b{
	font-weight:bold;
}

/* 別ウィンドウ */
.newwin{
	display:inline-block;
	line-height:1.2em;
	padding-left:16px;
	background: url(../img/icon_newwin.gif) no-repeat left 0.2em!important;
}
#footer_menu_inner .newwin{
	display:inline;
	line-height:1.2em;
	padding-left:0;
	background: none!important;
}

/* トピック見出し */
#wrapper #main_area h2.topic,
#wrapper #main_area h3.topic,
#wrapper #main_area h2.topic_text,
#wrapper #main_area h3.topic_text{
	clear:both;
	line-height:1em;
	height:24px;
	margin-right:15px;
	margin-bottom:20px;
	background: url(../img/title_bg_parts.gif) repeat 462px top;
	border-left: 4px solid #2db035;
}

#wrapper #main_area dl.entries{
	clear:both;
	line-height:1.2em;
	margin-right:15px;
}
#wrapper #main_area dt{
	clear:both;
}
#wrapper #main_area dt,
#wrapper #main_area dd{
	padding-bottom:0;
	margin-bottom:15px;
}
#wrapper #main_area dl.entries dd h3{
	font-size:14px;
	margin-bottom:7px;
}
#wrapper #main_area dl.entries dd h3.new_press{
	background: url(../img/icon_pressRelease.gif) no-repeat left top;
	padding-left:70px;
}
#wrapper #main_area dl.entries dd h3 a{
	background: url(../img/line_dot_pink.gif) repeat-x left bottom;
}
#wrapper #main_area dl.entries dd p{
/*	margin-bottom:5px;*/
}
#wrapper #main_area dl.entries dd.entry_date_body_l p,
#wrapper #main_area dl.entries dd.entry_date_body_s p,
#wrapper #main_area dl.entries dd.entry_img_body_l p,
#wrapper #main_area dl.entries dd.entry_img_body_s p{
	margin-bottom:5px;
}

/* 一覧リスト（ギャラリー） */
#wrapper #main_area dl.entries dt.entry_img_thumb_ll{
	clear:both;
	width:208px;
	float:left;
}
#wrapper #main_area dl.entries dd.entry_img_body_ll{
	margin-left:208px;
	padding-left:10px;
}
#wrapper #main_area dl.entries dd.entry_img_body_ll h3 a{
	font-size:24px;
	line-height:1.1em;
	margin-bottom:7px!important;
}

/* 一覧リスト（日付大） */
#wrapper #main_area dl.entries dt.entry_date_thumb_l{
	clear:both;
	width:98px;
	float:left;
}
#wrapper #main_area dl.entries dd.entry_date_body_l{
	margin-left:98px;
	padding-left:8px;
	border-left: 1px solid #eee;
	padding-bottom:0;
}
#wrapper #main_area dl.entries dd.entry_date_body_l p{
}
#wrapper #main_area dl.entries dd.entry_date_body_l h3 a{
	font-size:16px;
	line-height:1.1em;
	margin-bottom:7px!important;
}

/* 一覧リスト（日付小） */
#wrapper #main_area dl.entries dt.entry_date_thumb_s{
	clear:both;
	width:58px;
	float:left;
}
#wrapper #main_area dl.entries dd.entry_date_body_s{
	margin-left:58px;
	padding-left:8px;
	border-left: 1px solid #eee;
}

/* 一覧リスト（サムネイル大） */
#wrapper #main_area dl.entries dt.entry_img_thumb_l{
	clear:both;
	width:98px;
	float:left;
}
#wrapper #main_area dl.entries dd.entry_img_body_l{
	margin-left:98px;
	padding-left:8px;
	border-left: 1px solid #eee;
}

/* 一覧リスト（サムネイル小） */
#wrapper #main_area dl.entries dt.entry_img_thumb_s{
	clear:both;
	width:58px;
	float:left;
}
#wrapper #main_area dl.entries dd.entry_img_body_s{
	margin-left:58px;
	padding-left:8px;
	border-left: 1px solid #eee;
}




.delmgt {
	margin-top:0px!important;
}
.delmgr {
	margin-right:0px!important;
}
.delmgb {
	margin-bottom:0px!important;
}
.delmgl {
	margin-left:0px!important;
}


.delpdt {
	padding-top:0px!important;
}
.delpdr {
	padding-right:0px!important;
}
.delpdb {
	padding-bottom:0px!important;
}
.delpdl {
	padding-left:0px!important;
}


.mgt10 {
	margin-top:10px!important;
}
.mgt20 {
	margin-top:20px!important;
}
.mgt30 {
	margin-top:30px!important;
}
.mgb10 {
	margin-bottom:10px!important;
}
.mgb20 {
	margin-bottom:20px!important;
}
.mgb30 {
	margin-bottom:30px!important;
}
.mgb40 {
	margin-bottom:40px!important;
}
.mgb50 {
	margin-bottom:50px!important;
}
.mgb60 {
	margin-bottom:60px!important;
}