@charset "utf-8";

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

個別指定
---------------------------------------*/

body{
	font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
	line-height:1.6;
}

/*---------------------------------------
トップページ Flash枠
---------------------------------------*/

div#headerflash{
	margin-bottom: 30px;
	height: 370px;
	width: 750px;
}

/*---------------------------------------
トップページ サービス枠
---------------------------------------*/

/*---------------------------------------
４カラム時代
div.top_service_first{
	width:180px;
	height:246px;
	float:left;
	margin:18px 0 0 0;
	padding:0;
}
div.top_service_first img{
	margin:0 0 16px 0;
}
div.top_service_first p{
	line-height:1.6;
	margin:0 9px 9px 9px;
	font-size:12px;
}

div.top_service{
	width:180px;
	height:246px;
	float:left;
	border-left:1px solid #ccc;
	margin:18px 0 0 4px;
	padding:0 0 0 5px;
}
div.top_service img{
	margin:0 0 16px 0;
}
div.top_service p{
	line-height:1.6;
	margin:0 9px 9px 9px;
	font-size:12px;
}
---------------------------------------*/

div.top_service_first{
	width:243px;
	height:200px;
	float:left;
	margin:18px 0 0 0;
	padding:0;
	display:block;
	text-decoration:none;
}

div.top_service_first img{
	margin:0 0 16px 0;
}
div.top_service_first span{
	line-height:1.6;
	font-size:12px;
	color:#000;
}
div.top_service_first span.more a{
	margin-left:180px;
	color:#5A5656;
}
div.top_service_first:hover span.more a{
	text-decoration:underline;
}


div.top_service{
	width:243px;
	height:200px;
	float:left;
	border-left:1px solid #ccc;
	margin:18px 0 0 4px;
	padding:0 0 0 5px;
	display:block;
	text-decoration:none;
}
div.top_service img{
	margin:0 0 16px 0;
}
div.top_service span{
	line-height:1.6;
	font-size:12px;
	text-decoration:none;
	color:#000;
}
div.top_service span.more a{
	margin-left:180px;
	color:#5A5656;
	text-decoration:none;
}
div.top_service  span.more a:hover{
	text-decoration:underline;
}

div#button_to_service{
	float:right;
	border-top:1px solid #ccc;
	width:750px;
	height:50px;
	margin:10px 0 50px 0;
	padding:5px 0 0 0;
}
div#button_to_service a{
	float:right;
	margin:13px 5px 0 0;
	display:block;
	background:url("../images/button_to_service_o.gif") no-repeat;
	float:right;
}
div#button_to_service a:hover{
	background-color:transparent;
}
div#button_to_service a:hover img{
	visibility: hidden;
}

/*---------------------------------------
第2階層共通
---------------------------------------*/

div#breadcrumbs{
	font-size:10px;
	margin:0 0 10px 0;
	padding:0;
}
div#breadcrumbs a{
	font-size:10px;
}

div#content_end_nav{
	width:69px;
	height:50px;
	float:right;
}
div#content_end_nav a#button_pagetop{
	display:block;
	height:12px;
	margin:0 0 12px 0;
}
div#content_end_nav a#button_home{
	display:block;
	height:12px;
}

/*---------------------------------------
会社情報
---------------------------------------*/
div#company_inner{
	padding:40px 0 0 45px;
}
div#philosophy{
	font-size:16px;
	font-weight:bold;
	margin:29px 0 53px 0;
	width:681px;
}
div.block{
	margin:15px 0 30px 0;
	width:681px;
}
div.block ul{
	list-style-type: disc;
	margin:0 0 0 20px;
}
div.block table#company{

}
div.block table#company tr{

}
div.block table#company tr th{
	border-bottom:1px solid #ccc;
	width:190px;
	padding:5px;
	font-size:12px;
	font-weight:bold;
	color:#003366;
	vertical-align:top;
}
div.block table#company tr td{
	border-bottom:1px solid #ccc;
	width:470px;
	padding:5px;
	font-size:12px;
}


/*---------------------------------------
アクセスマップ
---------------------------------------*/

div#accessmap_inner{
	padding:32px 0 0 70px;
}

div#accessmap{
	border:1px solid #ccc;
	padding:19px;
	width:569px;
	margin:0 0 17px 0;
}

table#access{
}
table#access tr{
	margin-bottom:10px;
}
table#access th{
	border-bottom:1px dotted #666;
	border-right:1px dotted #666;
	padding:5px;
	width:62px;
	font-size:12px;
	font-weight:bold;
}
table#access td{
	line-height:1.6;
	border-bottom:1px dotted #666;
	padding:10px 0 10px 10px;
	width:527px;
	font-size:12px;
}

table#access tr#end th{
	border-bottom:none;
	padding:5px;
}
table#access tr#end td{
	border:none;
	padding:10px 0 10px 10px;
}
table#access tr td img{
	vertical-align:bottom;
}

/*---------------------------------------
実績
---------------------------------------*/

div#works_inner_left{
	float:left;
	width:364px;
	margin:20px 0 0 0;
}

div#works_inner_right{
	float:right;
	width:364px;
	margin:20px 0 0 0;
}

div.works_block{
	position:relative;
	width:364px;
	height:120px;
	margin:0 0 20px 0;
}
div.works_block img.th{
	border:3px solid #dbdbdb;
}
div.works_block a:hover img.th{
	border:3px solid #003399;
}

div.works_text{
	position:absolute;
	bottom:0;
	right:0;
	font-size:11px;
	float:right;
	width:178px;
}
a.outlink{
	color:#003366;
	font-weight:bold;
	font-size:11px;
	background-image:url(../images/icon_outlink.gif);
	background-repeat:no-repeat;
	background-position-y:2px;
	padding:0 0 0 11px;
}

/*---------------------------------------
エフ・コードの思想
---------------------------------------*/

div#philosophy_inner{
	padding:0 0 0 30px;
}
img#philosophy_message{
	margin:46px 0 37px 0;
}

div#philosophy_inner p{
	margin:0 0 15px 0;
	font-size:12px;
}
img#philosophy_solution{
	margin:15px 0 30px 0;
}
div.philosophy_footer{
	margin:0 0 37px 0;
	padding:8px 0 0 23px;
	width:707px;
	height:96px;
	/*background-image:url(../images/philosophy_button_bg.gif);
	background-repeat:no-repeat;*/
}
div.philosophy_footer a{
	display:block;
	width:333px;
	height:40px;
	float:left;	
}



/*---------------------------------------
サービス
---------------------------------------*/

img#service_message{
	margin:43px 0 53px 0;
}
img#service_flow{
	margin:0 0 39px 0;
}

div#service_inner{
	margin-bottom:30px;
	padding:0;	
}

div#service_inner div.service_block{
	clear:both;
	margin:0 0 6px 0;
}

div#service_inner div.consulting{
	background-image:url(../images/service_consulting_bg.gif);
	width:730px;
	height:104px;
}
div#service_inner div.marketing{
	background-image:url(../images/service_marketing_bg.gif);
	width:730px;
	height:195px;
}
div#service_inner div.site{
	background-image:url(../images/service_site_bg.gif);
	width:730px;
	height:229px;
}
div#service_inner div.operation{
	background-image:url(../images/service_operation_bg.gif);
	width:730px;
	height:105px;
}

div#service_inner div.service_title{
	float:left;
	padding:6px 0 0 10px;
}

div#service_inner div.service_text{
	font-size:11px;
	float:left;
	padding:14px 0 0 8px;
	width:310px;
}
div#service_inner div.service_button{
	float:right;
	width:190px;
	padding:14px 10px 0 0; 
}
div#service_inner div.service_button img{
	width:190px;
	margin:0 0 1px 0; 
}
div#service_inner .serviceh2{
	padding-bottom:5px;
	border-bottom:2px #ccc solid;
	}

.list1{
	list-style-type: disc;
    margin: 0 0 0 18px;
    padding: 5px;
}
.list1 li{
	margin-bottom:20px;
}
.marketing_box_left{
	float:left;
	padding:0 0 0 20px;
	width:315px;
}
.marketing_box_right{
	float:left;
	margin:20px;
	width:330px;
}
.dev_box_left{
	float:left;
	padding:0 0 0 20px;
	width:274px;
}
.dev_box_right{
	float:left;
	margin:0 20px;
	width:370px;
}
.dev_works_table{
	width:710px;
}
.dev_works_table tr td{
	padding:10px;
	background-color:#f2f2f2;
	border-top:#fff solid 2px;
	border-left:#fff solid 2px;
}
.dev_works_table tr th{
	padding:10px;
	background-color:#f2f2f2;
	border-top:#fff solid 2px;
	font-weight:bold;
}
.dev_works_table tr.dev_works_title td{
	color:#fff;
	background-color:#99a500;
	font-weight:bold;
}
.spn_box_left{
	float:left;
	padding:0 0 0 20px;
	width:350px;
	text-align:center;
}
.spn_box_right{
	float:left;
	margin:0 20px;
	width:294px;
}

/*---------------------------------------
人材募集
---------------------------------------*/

div#recruit_inner{
	padding:47px 0 0 30px;
	width:710px;
}
div#recruit_inner img#message{
	margin:0 0 38px 0;
}
div#recruit_inner p{
	margin:0 0 20px 0;
	font-size:12px;
}

div#recruit_inner div#recruit_explanation{
	width:680px;
}

div#recruit_link{
	clear:both;
	width:680px;
	padding:15px 10px 10px 20px;
	height:40px;
	background-image:url(../recruit/images/recruit_bg.gif);
	background-repeat:no-repeat;
}
div#recruit_link a{
	display:block;
	float:left;
	margin:0 0 32px 0;
	padding:0;
}

div#recruit_boshu{
	clear:both;
	width:681px;
	height:308px;
	padding:20px 15px 10px 15px;
	margin:0 0 15px 0;
	background-image:url(../recruit/images/boshu_button_bg.gif);
	background-repeat:no-repeat;	
}
div#recruit_boshu_left{
	float:left;
	width:270px;
	padding:17px 0 0 77px;
}
div#recruit_boshu_right{
	float:left;
	width:270px;
	padding:17px 0 0 16px;
}
div#recruit_boshu a{
	width:270px;
	height:58px;
}
div#recruit_boshu_left img{
	margin:0 0 5px 0;
}
div#recruit_boshu_right img{
	margin:0 0 5px 0;
}
div#subtitle_boshu{
	padding-bottom:3px;
	border-bottom:2px solid #ccc;
}

img#recruit_nomura{
	float:right;
	margin:23px 0 43px 0;
}

/*---------------------------------------
人材募集 エフ・コードの風土
---------------------------------------*/

img#fudo_kodawari{
	margin:0 0 45px 0;
}

div.fudo_kodawari{
	margin:0;
	padding:0 0 0 32px;
	color:#003399;
	background-image:url(../recruit/images/fudo_kakko_left.gif);
	background-repeat: no-repeat;
	background-position:0 0;
}

div.fudo_kodawari div.in{
	height:28px;
	margin:0 0 9px 0;
	padding:2px 0 0 0;
	font-size:14px;
	font-weight:bold;
	background-image:url(../recruit/images/fudo_kakko_right.gif);
	background-repeat: no-repeat;
	background-position:660px 0;
}

div.button_to_recruit_box{
	width:710px;
	height:24px;
	margin:25px 0;
}

a.button_to_recruit{
	float:right;
	display:block;
	width:135px;
	height:24px;
}



/*---------------------------------------
人材募集 社名に込めた想い
---------------------------------------*/

img#name_message{margin:0 0 52px 0;}
img#name_logo{margin:0 0 52px 0;}


/*---------------------------------------
人材募集
---------------------------------------*/

h2.name_subtitle{
	border-bottom:2px solid #ccc;
	padding:0 0 5px 0;
	margin:0 0 20px 0;
}

div#recruit_title_w_button{
	position:relative;
	margin:0 0 25px 0;
}


a.recruit_title_button{
	position:absolute;
	top:2px;
	left:553px;
}

img#recruit_message{
	margin:5px 0 45px 0;
}

div#recruit_inner h3.subtitle{
	margin:0 0 10px 0;
}
div#recruit_inner h4{
	background-image:url(../images/icon_recruit_arrow.gif);
	background-repeat: no-repeat;
	font-size:12px;
	font-weight:bold;
	color:#003399;
	padding:0 0 0 11px;
	margin:0 0 5px 0;
	width:669px;
	border-bottom:1px solid #ccc;
}


/*---------------------------------------
サービス
---------------------------------------*/

div#mobilesite_main{
	position:relative;
	margin:0;
}


a#mobilesite_main_button{
	position:absolute;
	top:403px;
	left:586px;
}

div#site_main{
	position:relative;
	margin:0;
}


a#site_main_button{
	position:absolute;
	top:391px;
	left:566px;
}


div#service_point2{
	width:656px;
	margin:18px 0 12px 0;
}
div#service_point2 img{
	width:320px;
	height:100px;
	float:left;
	margin:0;
	padding:0 0 8px 8px;	
}

/* モバイルサイト構築ページのグレーのボックス  */
div#subtitle_grey{
	margin:18px 0;
	width:656px;
	height:342px;
}
div.subtitle_grey_box{
	width:320px;
	height:106px;
	padding:0 0 8px 8px;
	float:left;
}

div.subtitle_grey_box div.in{
	width:320px;
	height:66px;
	background:#f0f0f0;
}
div.subtitle_grey_box div.in ul{
	list-style-type:disc;
	margin:0 0 0 18px;
	padding:5px;
}
div.subtitle_grey_box div.in ul li{
	font-size:12px;
}

/* サイト構築ページのグレーのボックス  */
div#subtitle_grey_h{
	margin:18px 0;
	width:656px;
	height:292px;
}
div.subtitle_grey_box_h{
	width:320px;
	height:136px;
	padding:0 0 8px 8px;
	float:left;
}
div.subtitle_grey_box_h div.in_h{
	width:310px;
	height:96px;
	background:#f0f0f0;
	padding:5px;
}
div.subtitle_grey_box_h div.in_h ul{
	list-style-type:disc;
	margin:0 0 0 18px;
	padding:5px;
}
div.subtitle_grey_box_h div.in_h ul li{
	font-size:12px;
}




div#mobilesite_main{
	margin:17px 0 35px 0;
}

div#site_main{
	margin:17px 0 35px 0;
}

h2.service_subtitle{
	margin:0 0 18px 28px;
}

div.service_text_box{
	width:648px;
	padding:0 0 0 83px;
}
div.service_text_box p{
	font-size:12px;
}
img#mobilesite_point1_pct{
	margin:23px 0 42px 8px;
}

div.site_point1_left{
	width:410px;
	float:left;
}
img#site_point1_pct{
	float:right;
}
h3.site_point1{
	clear:both;
	border-bottom:solid 2px #ccc;
	margin:0 0 14px 0;
	padding:0 0 5px 0;
}
img#site_point1_pct2{
	margin:0 0 23px 0;
}

a#subtitle_grey_button{
	display:block;
	width:120px;
	height:33px;
	margin:69px 0 0 0;
	float:right;
}

div#service_footer_contact{
	width:595px;
	height:58px;
	padding:13px 0 0 55px;
	margin:12px 0 0 89px;
	background-image:url(../service/images/service_footer_bg.gif);
	background-repeat: no-repeat;
}


div.service_button_right{
	width:741px;
	text-align:right;
	margin:0;
}



/*---------------------------------------
ソリューション
---------------------------------------*/
div#solution_inner{
	margin:0 0 30px 30px;
	padding:0;
}
div#solution_inner p{
	margin:0 0 20px 0;
}
img#solution_message{
	margin:43px 0 39px 0;
}
img#solution_main_graph{
	margin:15px 0 35px 0;
}
img#solution_message2{
	margin:0 0 44px 0;
}
img#solution_main_flow{
	margin:15px 0 35px 0;
}




/*---------------------------------------
サイトマップ
---------------------------------------*/
div#sitemap_inner{
	margin:25px 0 0 25px;
}

div#sitemap_inner ul li.first{
	background-image:url(../images/icon_blue_arrow.gif);
	background-repeat: no-repeat;
	background-position-y: 3px;
	padding:0 0 0 17px;
	margin:0 0 20px 0;
}

div#sitemap_inner ul li a{
	text-decoration:underline;
	font-size:13px;
	color:#003399;
}

div#sitemap_inner ul.second li{
	font-size:13px;
	color:#003399;
	text-decoration:underline;
	background-image:url(../images/icon_sitemap_second.gif);
	background-repeat: no-repeat;
	background-position-y: 3px;
	padding:0 0 0 17px;
}



/*---------------------------------------
実績 個別ページ
---------------------------------------*/

h2.works_name{
	margin:35px 0 15px 0;
}

div#works_main{
	width:740px;
	margin:0;
	padding:0;
	height:382px;
	background:#f2f2f2;
}

img#works_main_img{
	float:left;
	padding:10px 0 10px 10px;
}

div#works_main_text{
	padding:0 10px 0 0;
	text-align:left;
	float:right;
	width:200px;
}
div#works_main_text img#qrcode{
	margin:10px 0 0 0;
}

div#works_main_text h3{
	margin:10px 0 3px 0;
}
div#works_main_text span{
	font-size:11px;
}

table#works_explanation{
	clear:both;
	margin:34px 20px 20px 30px;
}
table#works_explanation tr{
}

table#works_explanation tr th{
	vertical-align: top;
	border-right:1px solid #ccc;
	padding:0 10px 0 0;
	margin:0;
	border-bottom:10px solid #fff;
}

table#works_explanation tr td{
	vertical-align: top;
	padding:0 0 0 10px;
	font-size:12px;
	border-bottom:10px solid #fff;
}

div.works_button_right{	
	margin:0;
	padding:0 0 19px 0;
	width:745px;
	height:33px;
	text-align:right;
	margin:0;	
}




/*---------------------------------------
個人情報保護方針
---------------------------------------*/

div#privacy_inner{
	padding:30px 30px 0 30px;
	width:680px;
}
div#privacy_inner p{
	font-size:12px;
	margin:0 0 20px 0;
}

div.privacy_text_right{
	font-size:12px;
	width:680px;
	text-align:right;
	margin:0 0 20px 0;
}
div.privacy_footer{
	font-size:12px;
	clear:both;
	width:400px;
	border:1px solid #ccc;
	padding:10px;
	margin:0 auto 20px auto;
	text-align:center;
}

/*---------------------------------------
個人情報の取り扱いについて
---------------------------------------*/

table#privacy_jigyonaiyo{
	margin:0 0 10px 0;
	padding:0;
	border-top:1px solid #ccc;
}

table#privacy_jigyonaiyo tr{

}
table#privacy_jigyonaiyo th{
	border:1px solid #ccc;
	padding:5px;
}

table#privacy_jigyonaiyo td{
	border:1px solid #ccc;
	padding:5px;
}

div#privacy_inner h2{
	font-weight:bold;
	font-size:14px;
	margin:15px 0 0 0;
}
div#privacy_inner h3{
	font-weight:bold;
	font-size:13px;
	margin:15px 0 0 0;
}