@charset "utf-8";
/*
Theme Name:ACTZERO
Description:ACTZERO Style Sheet
Author:Actzero
*/

*,th,td,form,fieldset{
	margin:0 ;
	padding:0 ;
	font-style:normal ;
	font-weight:normal ;
	word-break:break-all;
	font-size:12px;
	font-family:<!--"メイリオ", Meiryo,--> Geneva, Arial, Helvetica, sans-serif, "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	line-height:1.6;
	border:0 ;
	list-style:none ;
	color:#333333;
}
table{
	border-collapse:collapse;
	border-spacing:0;
}
html{
	padding:0px;
	margin:0px;
}
iframe{
	border:none;
}
object,
param ,
embed{
	z-index:1;
}

/* ----------------------------------------
*	汎用要素スタイル 
---------------------------------------- */
a{
	text-decoration:underline;
	color:#E11717;
}
a span{
	display:none;
}
input,select,textarea{
	border:solid 1px #999999;
	line-height:1.2;
}
input,select,textarea,option{
	color:#000000;
}


/* ----------------------------------------
*	汎用クラススタイル
---------------------------------------- */
.marker_red,
.error{
	color:#FF0000;
}
.marker_black{
	color:#000000;
}
.marker_blue{
	color:#0000FF;
}
.to_top{
	clear:both;
}
.to_top a{
	display:block;
	background:url(../imgs/common/to_top.png) no-repeat top left;
	width:54px;
	height:12px;
	float:right;
	margin:15px 30px 15px 0px;
}


/* ----------------------------------------
*	ワイヤーフレーム部位別スタイル 
---------------------------------------- */
body{
	background-color:#000000;
}
div#wrapper{
	width:900px;
	margin:auto;
}
div#header{
	width:900px;
	height:50px;
	background-color:#FFFFFF;
}
div#navigation{
	width:200px;
	float:left;
}
div#contents_wrapper{
	background:url(../imgs/common/contents_back.png) repeat-y top left;
	padding-bottom:10px;
}
body#index div#contents_wrapper{
	background:url(../imgs/index/contents_wrapper.png) repeat-y -2px top;
}
div#contents{
	width:700px;
	float:right;
}
div#relation_site{
	width:898px;
	border:solid 1px #121212;
}
div#footer{
	width:900px;
	padding-top:10px;
	margin-bottom:30px;
}


/* ----------------------------------------
*	共通スタイル
---------------------------------------- */
/*		float回り込み解除	*/
div#contents_wrapper,
div#contents div#latest_project div#lp_head,
div#footer,
body#companyinfo div#contents dl,
body#career div#contents dd,
body#guide div#contents div{
    zoom: 100%;
}
div#contents_wrapper:after,
div#contents div#latest_project div#lp_head:after,
div#footer:after,
body#companyinfo div#contents dl:after,
body#career div#contents dd:after,
body#guide div#contents div:after{
    content: "";
    clear: both;
    height: 0;
    display: block;
    visibility: hidden;
}

/*	header ヘッダー
---------------------------------------- */
div#header h1{
	width:120px;
	height:20px;
	float:left;
	margin:15px 0px 15px 20px;
}
div#header h1 a{
	display:block;
	background:url(../imgs/common/actzero.png) no-repeat top left;
	width:120px;
	height:20px;
	text-indent:-9999px;
	outline:none;
}
div#header ul{
	float:right;
	width:280px;
	margin-top:18px;
}
div#header li{
	float:left;
}
div#header #add_mail a{
	display:block;
	background:url(../imgs/common/mail.png) no-repeat left center;
	width:122px;
	height:13px;
	margin-right:30px;
}
div#header #add_tel{
	background:url(../imgs/common/tel.png) no-repeat left center;
	width:102px;
	height:13px;
	text-indent:-9999px;
	margin-right:20px;
}
p#breadlist{
	background-color:#F0F0F0;
	border-bottom:solid 1px #C5C5C5;
	padding:3px 20px;
	font-size:11px;
}
p#breadlist a{
	font-size:11px;
}
p#breadlist a,
p#breadlist span{
	margin:0px 3px;
}


/*	footer	フッター
---------------------------------------- */
div#footer address{
	float:left;
}
div#footer address a{
	display:block;
	background:url(../imgs/common/copyright.png) no-repeat top left;
	width:296px;
	height:9px;
}
div#footer p{
	float:right;
}
div#footer p a{
	display:block;
	background:url(../imgs/common/privacy_policy.png) no-repeat top left;
	width:102px;
	height:9px;
}


/*	relation_site	関連サイト
---------------------------------------- */
div#relation_site{
	display:none;
}
div#relation_site dl{
	margin:15px 20px 10px 20px;
}
div#relation_site dt,
div#relation_site dd,
div#relation_site ul,
div#relation_site li{
	display:inline;
}
div#relation_site dt{
	color:#FFFFFF;
}
div#relation_site li{
	margin-right:10px;
}
div#relation_site li a{
	color:#999999;
}


/*	Navigation	ナビゲーション
---------------------------------------- */
div#navigation{
}
div#navigation ul#az_banner{
	padding:18px 0px 0px 15px;
}
div#navigation ul#az_banner li{
	margin-bottom:12px;
}
div#navigation ul#az_banner li#{
}
ul#az_navigation{
	padding:55px 0px 0px 20px;
}
body#index div#navigation ul#az_navigation{	background:url(../imgs/navigation/index/navigation_back.png) #9C0308 repeat-x top left; height:195px;}
body.company div#navigation ul#az_navigation{	background:url(../imgs/navigation/company/navigation_back.png) #9C0308 repeat-x top left; height:298px;}
body.service div#navigation ul#az_navigation{	background:url(../imgs/navigation/company/navigation_back.png) #9C0308 repeat-x top left; height:298px;}
body.inquiry div#navigation ul#az_navigation{	background:url(../imgs/navigation/inquiry/navigation_back.png) #9C0308 repeat-x top left; height:217px;}
div#navigation ul#az_navigation li a{
	display:block;
	width:160px;
	height:26px;
}
div#navigation ul#az_navigation li{
	margin-bottom:10px;
}
div#navigation ul#az_navigation li ul.sub_menu{
	background:url(../imgs/navigation/company/company_sub.png)  no-repeat top left;
	width:145px;
	height:80px;
	padding:5px 1px 0px 1px;
	margin:5px 0px 0px 10px;
}
body.company div#navigation ul#az_navigation li ul.sub_menu{	background:url(../imgs/navigation/company/company_sub.png);}
body.service div#navigation ul#az_navigation li ul.sub_menu{	background:url(../imgs/navigation/service/company_sub.png);}
div#navigation ul#az_navigation li ul.sub_menu li{
	width:145px;
	height:20px;
	margin-bottom:4px;
}
div#navigation ul#az_navigation li ul.sub_menu li a{
	height:20px;
	width:145px;
}
body#index div#navigation ul#az_navigation li#navi_home a{ background:url(../imgs/navigation/index/home.png) no-repeat top left;}
body#index div#navigation ul#az_navigation li#navi_company a{ background:url(../imgs/navigation/index/company.png) no-repeat top left;}
body#index div#navigation ul#az_navigation li#navi_service a{ background:url(../imgs/navigation/index/service.png) no-repeat top left;}
body#index div#navigation ul#az_navigation li#navi_inquiry a{ background:url(../imgs/navigation/index/inquiry.png) no-repeat top left;}
body.company div#navigation ul#az_navigation li#navi_home a{ background:url(../imgs/navigation/company/home.png) no-repeat top left;}
body.company div#navigation ul#az_navigation li#navi_company a{ background:url(../imgs/navigation/company/company.png) no-repeat top left;}
body.company div#navigation ul#az_navigation li#navi_service a{ background:url(../imgs/navigation/company/service.png) no-repeat top left;}
body.company div#navigation ul#az_navigation li#navi_inquiry a{ background:url(../imgs/navigation/company/inquiry.png) no-repeat top left;}
body.company div#navigation ul#az_navigation li ul.sub_menu li#navi_concept a{ background:url(../imgs/navigation/company/sub_concept.png) no-repeat top left;}
body.company div#navigation ul#az_navigation li ul.sub_menu li#navi_companyinfo a{ background:url(../imgs/navigation/company/sub_companyinfo.png) no-repeat top left;}
body.company div#navigation ul#az_navigation li ul.sub_menu li#navi_career a{ background:url(../imgs/navigation/company/sub_careers.png) no-repeat top left;}
body#concept div#navigation ul#az_navigation li ul.sub_menu li#navi_concept a{ background:url(../imgs/navigation/company/sub_concept00.png) no-repeat top left;}
body#companyinfo div#navigation ul#az_navigation li ul.sub_menu li#navi_companyinfo a{ background:url(../imgs/navigation/company/sub_companyinfo00.png) no-repeat top left;}
body#career div#navigation ul#az_navigation li ul.sub_menu li#navi_career a{ background:url(../imgs/navigation/company/sub_careers00.png) no-repeat top left;}
body.service div#navigation ul#az_navigation li#navi_home a{ background:url(../imgs/navigation/service/home.png) no-repeat top left;}
body.service div#navigation ul#az_navigation li#navi_company a{ background:url(../imgs/navigation/service/company.png) no-repeat top left;}
body.service div#navigation ul#az_navigation li#navi_service a{ background:url(../imgs/navigation/service/service.png) no-repeat top left;}
body.service div#navigation ul#az_navigation li#navi_inquiry a{ background:url(../imgs/navigation/service/inquiry.png) no-repeat top left;}
body.service div#navigation ul#az_navigation li ul.sub_menu li#navi_productcase a{ background:url(../imgs/navigation/service/sub_productcase.png) no-repeat top left;}
body.service div#navigation ul#az_navigation li ul.sub_menu li#navi_serviceguide a{ background:url(../imgs/navigation/service/sub_serviceguide.png) no-repeat top left;}
body.service div#navigation ul#az_navigation li ul.sub_menu li#navi_domain a{ background:url(../imgs/navigation/service/sub_domain.png) no-repeat top left;}
body#productcase div#navigation ul#az_navigation li ul.sub_menu li#navi_productcase a{ background:url(../imgs/navigation/service/sub_productcase00.png) no-repeat top left;}
body#guide div#navigation ul#az_navigation li ul.sub_menu li#navi_serviceguide a{ background:url(../imgs/navigation/service/sub_serviceguide00.png) no-repeat top left;}
body#domain div#navigation ul#az_navigation li ul.sub_menu li#navi_domain a{ background:url(../imgs/navigation/service/sub_domain00.png) no-repeat top left;}
body.inquiry div#navigation ul#az_navigation li#navi_home a{ background:url(../imgs/navigation/inquiry/home.png) no-repeat top left;}
body.inquiry div#navigation ul#az_navigation li#navi_company a{ background:url(../imgs/navigation/inquiry/company.png) no-repeat top left;}
body.inquiry div#navigation ul#az_navigation li#navi_service a{ background:url(../imgs/navigation/inquiry/service.png) no-repeat top left;}
body.inquiry div#navigation ul#az_navigation li#navi_inquiry a{ background:url(../imgs/navigation/inquiry/inquiry.png) no-repeat top left;}



/* ----------------------------------------
*	ページスタイル　index.html
---------------------------------------- */
body#index div#contents p#head_copy{
	height:250px;
	margin-bottom:18px;
	background:url(../imgs/navigation/index/navigation_back.png) repeat-x top left;;
}

/*information*/
div#contents div#information{
	width:210px;
	float:right;
	margin-right:10px 
}
div#contents div#information h2{
	background:url(../imgs/index/title-information.png) no-repeat left top;
	height:10px;
	padding-bottom:6px;
	border-bottom:solid 1px #353535;
	text-indent:-9999px;
	margin-bottom:12px;
}
div#contents div#information li{
	background:url(../imgs/index/dotte_line.png) repeat-x bottom;
	color:#FFFFFF;
	font-size:11px;
	padding-bottom:12px;
	margin-bottom:12px;
}
div#contents div#information li span{
	display:block;
	color:#666666;
	font-size:11px;
}
div#contents div#information li a{
	margin-right:3px;
	font-size:11px;
}

/*latest_project*/
div#contents div#latest_project{
	width:440px;
	float:left;
	margin-left:20px;
	_margin-left:5px;
}
div#contents div#latest_project div#lp_head{
	border-bottom:solid 1px #353535;
	margin-bottom:12px;
}
div#contents div#latest_project div#lp_head h2{
	background:url(../imgs/index/title-latest_project.png) no-repeat top left;
	width:92px;
	height:13px;
	float:left;
	text-indent:-9999px;
	padding-bottom:3px;
}
div#contents div#latest_project div#lp_head p{
	float:right;
}
div#contents div#latest_project div#lp_head p a{
	display:block;
	background:url(../imgs/index/more.png) no-repeat left center;
	width:33px;
	height:13px;
}
div#contents div#latest_project dl{
	width:440px;
	height:120px;
	position:relative;
	margin-bottom:20px;
}
div#contents div#latest_project dt{
	position:absolute;
	left:155px;
	width:285px;
	background:url(../imgs/index/dotte_line.png) repeat-x bottom;
	padding-bottom:8px;
}
div#contents div#latest_project dd.project_link{
	position:absolute;
	right:0px;
	top:0px;
}
div#contents div#latest_project dd.project_link li.website{
	position:absolute;
	top:0px;
	right:0px;
}
div#contents div#latest_project dd.project_link li.detail{
	position:absolute;
	top:15px;
	right:0px;
}
div#contents div#latest_project dd.project_link li.website a,
div#contents div#latest_project dd.project_link li.detail a{
	display:block;
	width:52px;
	height:11px;
}
div#contents div#latest_project dd.project_link li.website a{	background:url(../imgs/index/icon_website.png);}
div#contents div#latest_project dd.project_link li.detail a{	background:url(../imgs/index/icon_detail.png);}
div#contents div#latest_project dd.project_txt{
	position:absolute;
	width:285px;
	top:45px;
	right:0px;
	line-height:1.5;
}
div#contents div#latest_project dd.project_txt p{
	font-size:11px;
	width:285px;
	color:#999999;
	text-align:justify;
	line-height:1.5;
}
div#contents div#latest_project dd.project_img{
	position:absolute;
	top:0px;
	left:0px;
}
div#contents div#latest_project dd.project_img span.guard{
	position:absolute;
	top:0px;
	left:0px;
	z-index:100;
	display:block;
	width:138px;
	height:95px;
	cursor:pointer;
}
div#contents div#latest_project dl.project_radio dd.project_img span.guard{	background:url(../imgs/index/frame_radio.png);}
div#contents div#latest_project dl.project_tv dd.project_img span.guard{	background:url(../imgs/index/frame_tv.png);}
div#contents div#latest_project dl.project_video dd.project_img span.guard{	background:url(../imgs/index/frame_video.png);}
div#contents div#latest_project dl.project_web dd.project_img span.guard{	background:url(../imgs/index/frame_web.png);}


/* ----------------------------------------
*	ページスタイル　concept.html
---------------------------------------- */
body#concept div#contents h2{
	height:152px;
}
body#concept div#contents div{
	width:75%;
	margin:30px auto;
}
body#concept div#contents div h3{
	margin-bottom:15px;
}
body#concept div#contents div p{
	margin-bottom:15px;
	text-align:justify;
	text-indent:1em;
}


/* ----------------------------------------
*	ページスタイル　companyinfo.html
---------------------------------------- */
body#companyinfo div#contents h2{
	height:152px;
}
body#companyinfo div#contents dl{
	width:550px;
	margin:30px auto;
	border-bottom:dashed 1px #C5C5C5;
}
body#companyinfo div#contents dt{
	width:95px;
	clear:left;
	float:left;
	border-top:dashed 1px #C5C5C5;
	padding:10px 0px 10px 5px;
}
body#companyinfo div#contents dd{
	width:444px;
	float:left;
	border-top:dashed 1px #C5C5C5;
	padding:10px 5px 10px 0px;
}
body#companyinfo div#contents .top_dl{
	border-top:solid 2px #8C0000;
}
body#companyinfo div#contents dd li{
	list-style-type:disc;
	margin-left:20px;
}


/* ----------------------------------------
*	ページスタイル　career.html
---------------------------------------- */
body#career div#contents h2{
	height:152px;
}
body#career div#contents div{
	width:75%;
	margin:30px auto;
}
body#career div#contents h3{
	margin-bottom:15px;
}
body#career div#contents div p{
	margin-bottom:15px;
	text-align:justify;
	text-indent:1em;
}
body#career div#contents p a#mailto{
	background:url(../imgs/company/career/mail.png) no-repeat left;
	padding-left:15px;
}
body#career div#contents dl{
	background-color:#F0F0F0;
	border-right:solid 1px #D6D6D6;
	border-bottom:solid 1px #D6D6D6;
	margin-bottom:15px;
	padding:20px 30px 5px 30px;
}
body#career div#contents dt{
	background-color:#FFFFFF;
	border-right:solid 1px #C9C9C9;
	border-bottom:solid 1px #C9C9C9;
	margin-bottom:5px;
	padding-left:5px;
}
body#career div#contents dd{
	padding:0px 5px;
	margin-bottom:15px;
}
body#career div#contents dd ul{
	width:45%;
	float:left;
}


/* ----------------------------------------
*	ページスタイル　domain.html
---------------------------------------- */
body#domain div#contents h2{
	height:152px;
}
body#domain div#contents div{
	width:75%;
	margin:30px auto;
}
body#domain div#contents div h3{
	margin-bottom:15px;
	text-align:left;
	border-top:solid 2px #8B0000;
	padding:10px 0px 0px 10px;
	font-weight:bold;
}
body#domain div#contents div{
	width:590px;
	margin:20px auto;
/*	text-align:center;*/
}
body#domain div#contents div p{
	margin-bottom:15px;
	text-align:justify;
	text-indent:1em;
}


/* ----------------------------------------
*	ページスタイル　serviceguide.html
---------------------------------------- */
body#guide div#contents h2{
	height:152px;
}
body#guide div#contents div{
	width:590px;
	margin:30px auto;
}
body#guide div#contents div h3{
	margin-bottom:15px;
	text-align:left;
	border-top:solid 2px #8B0000;
	padding:10px 0px 0px 10px;
	font-weight:bold;
}
body#guide div#contents div h4{
	color:#C60800;
	font-size:14px;
	border-bottom:dashed 1px #C5C5C5;
	margin-bottom:20px;
	padding-bottom:10px;
}
body#guide div#contents div.guide_box{
	width:270px;
	float:left;
	margin:0px 10px;
}
body#guide div#contents div.guide_box ul{
	padding-left:10px;
}
body#guide div#contents div.guide_box li{
	background:url(../imgs/service/serviceguide/square.png) no-repeat left 3px;
	padding-left:14px;
	margin-bottom:15px;
}
body#guide div#contents div.guide_box li li{
	list-style-type:disc;
	background:none;
	margin-left:5px;
	margin-bottom:0px;
	padding-left:0px;
}
body#guide div#contents div img{
	margin-bottom:20px;
}


/* ----------------------------------------
*	ページスタイル　productcase.html
---------------------------------------- */
body#productcase div#contents h2{
	height:152px;
}
body#productcase div#contents ul#case_link{
	border-left:solid 1px #D6D6D6;
}
body#productcase div#contents ul#case_link li{
	display:inline;
	padding:0px 15px;
	border-right:solid 1px #D6D6D6;
}
body#productcase div#contents div{
	width:590px;
	margin:30px auto;
}
body#productcase div#contents div#web h3{
	background:url(../imgs/service/productcase/web.png) no-repeat top left;
	width:65px;
	height:24px;
	text-indent:-9999px;
}
body#productcase div#contents div#video h3{
	background:url(../imgs/service/productcase/video.png) no-repeat top left;
	width:89px;
	height:23px;
	text-indent:-9999px;
}
body#productcase div#contents div#tv h3{
	background:url(../imgs/service/productcase/tv.png) no-repeat top left;
	width:73px;
	height:24px;
	text-indent:-9999px;
}
body#productcase div#contents div#radio h3{
	background:url(../imgs/service/productcase/radio.png) no-repeat top left;
	width:92px;
	height:23px;
	text-indent:-9999px;
}
body#productcase div#contents div.case_box{
	background-color:#F0F0F0;
	border-right:solid 1px #D6D6D6;
	border-bottom:solid 1px #D6D6D6;
	position:relative;
	height:160px;
	margin:15px 0px;
}
body#productcase div#contents div.case_box h4{
	position:absolute;
	top:10px;
	left:240px;
	font-size:11px;
}
body#productcase div#contents div.case_box h4 span{
	font-weight:bold;
	font-size:14px;
	display:block;
	color:#666666;
}
body#productcase div#contents div.case_box p{
	position:absolute;
	top:45px;
	left:240px;
	font-size:11px;
}
body#productcase div#contents div.case_box dt{
	background-color:#FFFFFF;
	border-right:solid 1px #D6D6D6;
	border-bottom:solid 1px #D6D6D6;
	position:absolute;
	top:70px;
	left:240px;
	width:325px;
	font-size:11px;
	padding-left:5px;
}
body#productcase div#contents div.case_box dd.sum_text{
	position:absolute;
	top:90px;
	left:240px;
	width:330px;
	font-size:11px;
}
body#productcase div#contents div.case_box dd.sum_photo{
	position:absolute;
	top:10px;
	left:10px;
	width:214px;
	height:138px;
	border:solid 1px #D6D6D6;
}


/* ----------------------------------------
*	ページスタイル　inquiry.html
---------------------------------------- */
body.inquiry div#contents h2{
	height:152px;
}
body.inquiry div#contents div{
	width:90%;
	margin:30px auto;
}
body.inquiry div#contents div h3{
	margin-bottom:15px;
	text-align:left;
	border-top:solid 2px #8B0000;
	padding:10px 0px 0px 10px;
	font-weight:bold;
}
body.inquiry div#contents div p{
	margin-bottom:15px;
	text-align:justify;
	text-indent:1em;
}
body.inquiry div#contents form dl{
	width:550px;
	margin:auto;
}
body.inquiry div#contents form dt{
	width:150px;
	clear:left;
	float:left;
	padding:10px 0px;
	border-top:dashed 1px #C5C5C5;
}
body.inquiry div#contents form dt#form_magazine_dt{
	width:550px;
}
body.inquiry div#contents form dd{
	width:385px;
	float:left;
	padding:10px 0px;
	border-top:dashed 1px #C5C5C5;
}
body.inquiry div#contents form dd#form_magazine_dd{
	width:550px;
	clear:both;
	text-align:center;
	border-bottom:dashed 1px #C5C5C5;
	border-top:none;
}
body.inquiry div#contents form dd#form_magazine_dd input{
	width:20px;
}
body.inquiry div#contents form dd#form_magazine_dd label{
	margin:0px 40px;
}
body.inquiry div#contents form dd#form_magazine_dd label input{
	border:none;
}
body.inquiry div#contents form dd input,
body.inquiry div#contents form dd textarea{
	width:385px;
	padding:2px 5px;
}
p#form_submit{
	clear:both;
	padding-top:30px;
}
p#form_submit input{
	background:url(../imgs/inquiry/submit.png) no-repeat top left;
	display:block;
	width:120px;
	height:25px;
	border:none;
	margin:auto;
}
p#form_submit input:active{
	background-position:bottom;
}
body#inquiry_complete div#contents div p{
	text-align:center;
	margin:40px auto;
}


/* ----------------------------------------
*	ページスタイル　privacy_policy.html
---------------------------------------- */
body#privacy div#contents dt{
	border-bottom:solid 1px #860000;
	margin-bottom:5px;
}
body#privacy div#contents dd{
	margin:0px 0px 30px 20px;
}
body#privacy div#contents dd ol li{
	margin-left:20px;
	list-style-type:decimal;
}