@charset "utf-8";
/* CSS Document */

/******************全ページ共通************************/
body{
	padding:20px 0 0 0;
}
#container{
	width:980px;
	margin:0 auto;
}
.header{
	width:980px;
	margin:0 auto;
	padding:0 0 25px 0;
	float:left;
}
h1.logo{
	width:310px;
	height:54px;
	float:left;
	padding:0 286px 0 0;
}
.header_btn{
	width:182px;
	height:37px;
	float:left;
	padding:0 0 0 10px;
}
.header_btn01{
	width:182px;
	height:37px;
	float:left;
	display:block;
	background-image:url(../image/btn_company.gif);
}
a:hover.header_btn01{
	background-image:url(../image/btn_company.gif);
	background-position:0 37px;
}
.header_btn01_{
	width:182px;
	height:37px;
	float:left;
	display:block;
	background-image:url(../image/btn_company.gif);
	background-position:0 37px;
}
.header_btn02{
	width:182px;
	height:37px;
	float:left;
	display:block;
	background-image:url(../image/btn_contact.gif);
}
a:hover.header_btn02{
	background-image:url(../image/btn_contact.gif);
	background-position:0 37px;
}
.header_btn02_{
	width:182px;
	height:37px;
	float:left;
	display:block;
	background-image:url(../image/btn_contact.gif);
	background-position:0 37px;
}
.tw_fb_g{
	width:300px;
	float:right;
	padding:5px 0 0 0;
}

#container2{
	width:1100px;
	margin:0 auto;
}
#navi{
	width:1100px;
	margin:0 auto;
	background-image:url(../image/bg_navi.gif);
	background-repeat:no-repeat;
	float:left;
}
.g-navi{
	width:980px;
	margin:0 auto;
}
.g-navi li{
	float:left;
}
.g-navi01{
	width:183px;
	height:60px;
	float:left;
	display:block;
	background-image:url(../image/navi01.gif);
}
a:hover.g-navi01{
	background-image:url(../image/navi01.gif);
	background-position:0 60px;
}
.g-navi01_{
	width:183px;
	height:60px;
	float:left;
	display:block;
	background-image:url(../image/navi01.gif);
	background-position:0 60px;
}
.g-navi02{
	width:125px;
	height:60px;
	float:left;
	display:block;
	background-image:url(../image/navi02.gif);
}
a:hover.g-navi02{
	background-image:url(../image/navi02.gif);
	background-position:0 60px;
}
.g-navi02_{
	width:125px;
	height:60px;
	float:left;
	display:block;
	background-image:url(../image/navi02.gif);
	background-position:0 60px;
}
.g-navi03{
	width:131px;
	height:60px;
	float:left;
	display:block;
	background-image:url(../image/navi03.gif);
}
a:hover.g-navi03{
	background-image:url(../image/navi03.gif);
	background-position:0 60px;
}
.g-navi03_{
	width:131px;
	height:60px;
	float:left;
	display:block;
	background-image:url(../image/navi03.gif);
	background-position:0 60px;
}
.g-navi04{
	width:146px;
	height:60px;
	float:left;
	display:block;
	background-image:url(../image/navi04.gif);
}
a:hover.g-navi04{
	background-image:url(../image/navi04.gif);
	background-position:0 60px;
}
.g-navi04_{
	width:146px;
	height:60px;
	float:left;
	display:block;
	background-image:url(../image/navi04.gif);
	background-position:0 60px;
}
.g-navi05{
	width:108px;
	height:60px;
	float:left;
	display:block;
	background-image:url(../image/navi05.gif);
}
a:hover.g-navi05{
	background-image:url(../image/navi05.gif);
	background-position:0 60px;
}
.g-navi05_{
	width:108px;
	height:60px;
	float:left;
	display:block;
	background-image:url(../image/navi05.gif);
	background-position:0 60px;
}
.g-navi06{
	width:135px;
	height:60px;
	float:left;
	display:block;
	background-image:url(../image/navi06.gif);
}
a:hover.g-navi06{
	background-image:url(../image/navi06.gif);
	background-position:0 60px;
}
.g-navi06_{
	width:135px;
	height:60px;
	float:left;
	display:block;
	background-image:url(../image/navi06.gif);
	background-position:0 60px;
}
.g-navi07{
	width:152px;
	height:60px;
	float:left;
	display:block;
	background-image:url(../image/navi07.gif);
}
a:hover.g-navi07{
	background-image:url(../image/navi07.gif);
	background-position:0 60px;
}
.g-navi07_{
	width:152px;
	height:60px;
	float:left;
	display:block;
	background-image:url(../image/navi07.gif);
	background-position:0 60px;
}

#container3{
	width:960px;
	margin:0 auto;
}
.top_bg_img01{
	width:960px;
	float:left;
	background-image:url(../image/img_top01.jpg);
	background-position:right 120px;
	background-repeat:no-repeat;
}

#back{
	width:100%;
	margin:0 auto;
	padding:0 0 5px 0;
	float:left;
}
.btn_back{
	width:98px;
	height:29px;
	margin:0 auto;
}
#footer{
	width:100%;
	margin:0 auto;
	float:left;
	background-color:#ffcc00;
	padding:30px 0 20px 0;
}
.footer_logo{
	width:151px;
	height:56px;
	margin:0 auto 10px auto;
}
.footer_link{
	font-size:12px;
	line-height:1.6;
	text-align:center;
}
.footer_link a:link{
	font-size:12px;
	line-height:1.6;
	text-decoration:underline;
	color:#391f03;
}
.footer_link a:hover{
	font-size:12px;
	line-height:1.6;
	text-decoration:none;
	color:#50b81c;
}

.red{
	color:#ff0000;
}


/******************トップページ************************/
.top_header{
	width:980px;
	height:432px;
	margin:0 auto;
	background-image:url(../image/bg_top_header.gif);
	background-repeat:no-repeat;
	background-position:center -25px;
	float:left;
	overflow:hidden;
}
.infomation{
	width:192px;
	float:left;
	height: 265px;
	padding: 130px 0 0 0;
}
.tit_topics{
	width:192px;
	height:26px;
	float:left;
	padding: 0 0 0 0;
}
.top_header .infomation .topics_dl{
	width:192px;
	margin:0;
	float:left;
	padding:3px 0 0 0;
	height: 210px;
	font-size:12px;
}
.top_header .infomation .topics_dl .topics_date{
	float:left;
	padding:0 0 0 0;
	height: 20px;
}
.top_header .infomation .topics_dd01{
	width:37px;
	float:left;
	padding:7px 0 1px 0;
	height: 12px;
	vertical-align: top;
}
.top_header .infomation .topics_dd02{
	width:192px;
	float:left;
	padding:0 0 5px 0;
	font-size:12px;
	line-height: 1.2;
}
.top_header .infomation .topics_dd02 a{
	width:192px;
	float:left;
	padding:0 0 0 0;
	font-size:12px;
	line-height:1.2;
}
.infomation_ul{
	width:192px;
	margin:0;
	float:left;
	padding:3px 0 0 0;
	height: 205px;
}
.infomation_ul li{
	width:192px;
	font-size:12px;
	line-height:1.4;
	padding:7px 0 5px 0;
}
.infomation_ul li a:link{
	font-size:12px;
	line-height:1.4;
	text-decoration:underline;
	color:#391f03;
}
.infomation_ul li a:hover{
	font-size:12px;
	line-height:1.4;
	text-decoration:none;
	color:#50b81c;
}
.inomation_more{
	width:192px;
	font-size:12px;
	line-height:1.4;
	padding:10px 0 5px 0;
	text-align:right;
}
.top_recruit{
	width:246px;
	height:246px;
	float:right;
	padding:65px 0 0 0;
}



.top_contents01{
	width:520px;
	float:left;
	padding:0 0 0 0;
}
h2.tit_top01{
	width:615px;
	height:66px;
	float:left;
	padding: 30px 0 0 0;
}
.top_contents01 p{
	width:520px;
	margin:0;
	padding:20px 0 0 0;
	float:left;
	font-size:14px;
	line-height:2.0;
}
.bnr_presidenttv{
	width:446px;
	height:107px;
	float:left;
	padding:20px 37px 0 37px;
}
.top_contents02{
	width:440px;
	float:right;
	padding:20px 0 0 0;
}
.img_top01{
	width:440px;
	height:329px;
	float:left;
}
.top_contents02 ul{
	width:244px;
	float:left;
	padding:0 98px 0 98px;
}
.top_contents02 li{
	width:244px;
	height:29px;
	padding:0 0 10px 0;
}
.top_btn01{
	width:244px;
	height:29px;
	float:left;
	display:block;
	background-image:url(../image/btn_concept.gif);
}
a:hover.top_btn01{
	background-image:url(../image/btn_concept.gif);
	background-position:0 29px;
}
.top_btn01_{
	width:244px;
	height:29px;
	float:left;
	display:block;
	background-image:url(../image/btn_concept.gif);
	background-position:0 29px;
}
.top_btn02{
	width:244px;
	height:29px;
	float:left;
	display:block;
	background-image:url(../image/btn_staff.gif);
}
a:hover.top_btn02{
	background-image:url(../image/btn_staff.gif);
	background-position:0 29px;
}
.top_btn02_{
	width:244px;
	height:29px;
	float:left;
	display:block;
	background-image:url(../image/btn_staff.gif);
	background-position:0 29px;
}
.top_btn03{
	width:244px;
	height:29px;
	float:left;
	display:block;
	background-image:url(../image/btn_works2.gif);
}
a:hover.top_btn03{
	background-image:url(../image/btn_works2.gif);
	background-position:0 29px;
}
.top_btn03_{
	width:244px;
	height:29px;
	float:left;
	display:block;
	background-image:url(../image/btn_works2.gif);
	background-position:0 29px;
}

h2.tit_top02{
	width:960px;
	height:29px;
	float:left;
	padding:30px 0 0 0;
}
.top_service01{
	width:300px;
	height:300px;
	float:left;
	padding:20px 0 0 0;
	background-image:url(../image/bg_web.jpg);
	background-repeat:no-repeat;
	background-position:0 20px;
}
.top_service02{
	width:300px;
	height:300px;
	float:left;
	padding:20px 30px 0 30px;
	background-image:url(../image/bg_tool.jpg);
	background-repeat:no-repeat;
	background-position:30px 20px;
}
.top_service03{
	width:300px;
	height:300px;
	float:left;
	padding:20px 0 0 0;
	background-image:url(../image/bg_portal.jpg);
	background-repeat:no-repeat;
	background-position:0 20px;
}
.top_service04{
	width:300px;
	height:300px;
	float:left;
	padding:20px 0 0 0;
	background-image:url(../image/bg_presidenttv.jpg);
	background-repeat:no-repeat;
	background-position:0 20px;
}
.top_service05{
	width:300px;
	height:300px;
	float:left;
	padding:20px 30px 0 30px;
	background-image:url(../image/bg_point.jpg);
	background-repeat:no-repeat;
	background-position:30px 20px;
}
.top_service06{
	width:300px;
	height:300px;
	float:left;
	padding:20px 0 0 0;
	background-image:url(../image/bg_smartdriver.jpg);
	background-repeat:no-repeat;
	background-position:0 20px;
}
.top_service_contents{
	width:260px;
	height:95px;
	padding:165px 20px 0 20px;
	font-size:14px;
	line-height:1.6;
	overflow: hidden;
}
.btn_top_service{
	width:244px;
	height:29px;
	float:left;
	padding:0 28px 11px 28px;
}
.btn_more01{
	width:244px;
	height:29px;
	float:left;
	display:block;
	background-image:url(../image/btn_more01.gif);
}
a:hover.btn_more01{
	background-image:url(../image/btn_more01.gif);
	background-position:0 29px;
}
.btn_more01_{
	width:244px;
	height:29px;
	float:left;
	display:block;
	background-image:url(../image/btn_more01.gif);
	background-position:0 29px;
}
.btn_more02{
	width:244px;
	height:29px;
	float:left;
	display:block;
	background-image:url(../image/btn_more02.gif);
}
a:hover.btn_more02{
	background-image:url(../image/btn_more02.gif);
	background-position:0 29px;
}
.btn_more02_{
	width:244px;
	height:29px;
	float:left;
	display:block;
	background-image:url(../image/btn_more02.gif);
	background-position:0 29px;
}

#contener4{
	width:100%;
	height:191px;
	margin:30px auto;
	background-image:url(../image/bg_works.gif);
	float: left;
}
.top_works{
	width:960px;
	height:191px;
	margin:0 auto;
}
.tit_top03{
	width:960px;
	height:33px;
	float:left;
	padding:0 0 10px 0;
}
.btn_works{
	width:244px;
	height:29px;
	float:left;
	padding:10px 358px;
}
.btn_works01{
	width:244px;
	height:29px;
	float:left;
	display:block;
	background-image:url(../image/btn_works.gif);
}
a:hover.btn_works01{
	background-image:url(../image/btn_works.gif);
	background-position:0 29px;
}
.btn_works01_{
	width:244px;
	height:29px;
	float:left;
	display:block;
	background-image:url(../image/btn_works.gif);
	background-position:0 29px;
}
.president_rss{
	width:465px;
	height:202px;
	float:left;
	padding:20px 30px 0 0;
}
.top_contact{
	width:465px;
	height:202px;
	float:left;
	padding:20px 0 0 0;
}


/********************制作実績スライド**********************/
#slider{
	width:960px;
	height:94px;
	float:left;
}
#slider ul, #slider li,
#slider2 ul, #slider2 li,#slider3 ul, #slider3 li,{
	margin:0;
	padding:0;
	list-style:none;
}
#slider li, #slider2 li, #slider3 li{
	/* 
			define width and height of list item (slide)
			entire slider area will adjust according to the parameters provided here
	*/ 
	width:960px;
	height:94px;
	overflow:hidden;
	padding:0 0 0 0;
}
#prevBtn, #nextBtn,
#slider1next, #slider1prev,
#slider2next, #slider2prev,
#slider3next, #slider3prev{ 
	display:block;
	width:25px;
	height:210px;
	position:absolute;
	margin-left:-25px;
	top:0px;
	z-index:1000;
}
.top_slider{
	width:960px;
	height:94px;
	float:left;
}
.top_slider_readers_img{
	width:200px;
	padding:0 50px 0 0;
}
.top_slider_readers_img2{
	width:200px;
	padding:0 0 0 0;
}
/********************制作実績スライド**********************/




/********************下層ページ**********************/
#container_inside{
	width:980px;
	margin:0 auto;
}
.container_inside_main{
	width:707px;
	float:left;
	margin:30px 0 50px 0;
}
.container_inside_main h2{
	width:707px;
	height:29px;
	padding:0 0 30px 0;
	float: left;
}
.container_inside_main h3{
	width:707px;
	height:22px;
	padding:0 0 30px 0;
	float: left;
}
.section{
	width:707px;
	margin:0 0 50px 0;
	float: left;
}
.container_inside_side{
	width:244px;
	float:right;
	margin:30px 0 50px 0;
}
.container_inside_side h4{
	width:244px;
	height:32px;
	padding:0 0 10px 0;
}
.container_inside_side ul{
	width:244px;
	padding:0 0 20px 0;
}
.container_inside_side li{
	width:244px;
	padding:0 0 10px 0;
}
.container_inside_main_btn{
	width:508px;
	height:29px;
	margin:0 auto;
}
.container_inside_main_btn li{
	width:244px;
	height:29px;
	padding:0 5px;
	float:left;
}
.l-navi01{
	width:244px;
	height:29px;
	float:left;
	display:block;
	background-image:url(../image/btn_company2.gif);
}
a:hover.l-navi01{
	background-image:url(../image/btn_company2.gif);
	background-position:0 29px;
}
.l-navi01_{
	width:244px;
	height:29px;
	float:left;
	display:block;
	background-image:url(../image/btn_company2.gif);
	background-position:0 29px;
}
.l-navi02{
	width:244px;
	height:29px;
	float:left;
	display:block;
	background-image:url(../image/btn_staff.gif);
}
a:hover.l-navi02{
	background-image:url(../image/btn_staff.gif);
	background-position:0 29px;
}
.l-navi02_{
	width:244px;
	height:29px;
	float:left;
	display:block;
	background-image:url(../image/btn_staff.gif);
	background-position:0 29px;
}





/******************わたしたちの考えページabout.html************************/
.about_contents01{
	width:707px;
	float:left;
}
.about_contents01 img{
	width:293px;
	height:236px;
	padding:0 20px 20px 0;
}
.about_contents02{
	width:647px;
	height:386px;
	padding:15px 30px 15px 30px;
	float:left;
	background-image:url(../image/about_bg01.jpg);
	background-repeat:no-repeat;
}
.about_site_left{
	width:323px;
	float:left;
	padding:0 1px 0 0;
}
.about_site_right{
	width:323px;
	float:left;
}
.about_site_title{
	width:323px;
	float:left;
}
.about_site_title2{
	width:323px;
	float:left;
	padding:5px 0 0 0;
}
.about_site_hp_img{
	width:75px;
	height:53px;
	padding:0 10px 7px 0;
	float:left;
}
.about_site_hp_txt{
	width:238px;
	height:53px;
	float:left;
	padding:0 0 7px 0;
}
.about_site_hp_txt a{
	color:#7dc03b;
	font-weight:bold;
	text-decoration:none;
}
.about_site_hp_txt a:link{
	color:#7dc03b;
	font-weight:bold;
	text-decoration:none;
}
.about_site_hp_txt a:hover{
	color:#7dc03b;
	font-weight:bold;
	text-decoration:underline;
}
.about_contents03{
	width:707px;
	float:left;
}
.about_contents03 img{
	width:358px;
	height:278px;
	padding:0 0 0 20px;
}
.about_contents03 a{
	color:#7dc03b;
	text-decoration:underline;
}
.about_contents03 a:link{
	color:#7dc03b;
	text-decoration:underline;
}
.about_contents03 a:hover{
	color:#7dc03b;
	text-decoration:none;
}
.about_contents03{
	width:707px;
	float:left;
}
.about_contents04 img{
	width:376px;
	height:253px;
	padding:0 20px 0 0;
}
.about_contents04 a{
	color:#7dc03b;
	text-decoration:underline;
}
.about_contents04 a:link{
	color:#7dc03b;
	text-decoration:underline;
}
.about_contents04 a:hover{
	color:#7dc03b;
	text-decoration:none;
}






/******************サービスページservice.html************************/
.service_contents01{
	width:707px;
	float:left;
}
.service_contents01 img{
	width:293px;
	height:202px;
	padding:0 0 20px 20px;
}
.service_contents02{
	width:647px;
	height:284px;
	padding:20px 30px;
	float:left;
	background-image:url(../image/service_bg01.jpg);
	background-repeat:no-repeat;
}
.service_site_hp1{
	width:150px;
	float:left;
	padding:0 32px;
	text-align:center;
}
.service_site_hp1 a{
	color:#7dc03b;
	font-size:12px;
	font-weight:bold;
	text-decoration:underline;
}
.service_site_hp1 a:link{
	color:#7dc03b;
	font-size:12px;
	font-weight:bold;
	text-decoration:underline;
}
.service_site_hp1 a:hover{
	color:#7dc03b;
	font-size:12px;
	font-weight:bold;
	text-decoration:none;
}
.service_site_hp2{
	width:150px;
	float:left;
	padding:10px 32px 0 139px;
	text-align:center;
}
.service_site_hp2 a{
	color:#7dc03b;
	font-size:12px;
	line-height:1.2;
	font-weight:bold;
	text-decoration:underline;
}
.service_site_hp2 a:link{
	color:#7dc03b;
	font-size:12px;
	line-height:1.2;
	font-weight:bold;
	text-decoration:underline;
}
.service_site_hp2 a:hover{
	color:#7dc03b;
	font-size:12px;
	line-height:1.2;
	font-weight:bold;
	text-decoration:none;
}
.service_site_hp3{
	width:150px;
	float:left;
	padding:10px 139px 0 32px;
	text-align:center;
}
.service_site_hp3 a{
	color:#7dc03b;
	font-size:12px;
	line-height:1.2;
	font-weight:bold;
	text-decoration:underline;
}
.service_site_hp3 a:link{
	color:#7dc03b;
	font-size:12px;
	line-height:1.2;
	font-weight:bold;
	text-decoration:underline;
}
.service_site_hp3 a:hover{
	color:#7dc03b;
	font-size:12px;
	line-height:1.2;
	font-weight:bold;
	text-decoration:none;
}
.service_btn_works{
	width:244px;
	height:29px;
	float:left;
	padding:10px 231px;
}
.service_btn_works01{
	width:244px;
	height:29px;
	float:left;
	display:block;
	background-image:url(../image/btn_works.gif);
}
a:hover.service_btn_works01{
	background-image:url(../image/btn_works.gif);
	background-position:0 29px;
}
.service_btn_works01_{
	width:244px;
	height:29px;
	float:left;
	display:block;
	background-image:url(../image/btn_works.gif);
	background-position:0 29px;
}
.service_contents03{
	width:707px;
	float:left;
}
.service_contents03 img{
	width:188px;
	height:323px;
	padding:0 20px 0 0;
}
.service_contents04{
	width:707px;
	float:left;
	padding:0 0 40px 0;
}
.service_contents04_img{
	width:300px;
	float:left;
	padding:0 20px 0 0;
	text-align:center;
}
.service_contents04_img a{
	color:#7dc03b;
	font-size:14px;
	line-height:1.2;
	font-weight:bold;
	text-decoration:underline;
}
.service_contents04_img a:link{
	color:#7dc03b;
	font-size:14px;
	line-height:1.2;
	font-weight:bold;
	text-decoration:underline;
}
.service_contents04_img a:hover{
	color:#7dc03b;
	font-size:14px;
	line-height:1.2;
	font-weight:bold;
	text-decoration:none;
}
.service_contents04_txt{
	width:387px;
	float:left;
}
.service_contents04_txt span{
	font-size:18px;
	font-weight:bold;
}
.service_contents04_img2{
	width:300px;
	float:left;
	padding:0 0 0 20px;
	text-align:center;
}
.service_contents04_img2 a{
	color:#7dc03b;
	font-size:14px;
	line-height:1.2;
	font-weight:bold;
	text-decoration:underline;
}
.service_contents04_img2 a:link{
	color:#7dc03b;
	font-size:14px;
	line-height:1.2;
	font-weight:bold;
	text-decoration:underline;
}
.service_contents04_img2 a:hover{
	color:#7dc03b;
	font-size:14px;
	line-height:1.2;
	font-weight:bold;
	text-decoration:none;
}
.service_contents05{
	width:707px;
	float:left;
}
.service_contents05 img{
	width:293px;
	height:106px;
	padding:0 20px 0 0;
}







/******************会社概要company.html************************/
.company_contents01{
	width:465px;
	float:left;
}
.company_contents01_img{
	width:242px;
	padding:0;
	float: left;
}
.company_contents01_img a{
	color:#7dc03b;
	font-weight:bold;
	text-decoration:none;
}
.company_contents01_img a:link{
	color:#7dc03b;
	font-weight:bold;
	text-decoration:none;
}
.company_contents01_img a:hover{
	color:#7dc03b;
	font-weight:bold;
	text-decoration:underline;
}
.company_contents01_bnr{
	width:446px;
	height:77px;
	padding:20px 22px 0 22px;
	float: left;
}
.company_contents01_pv{
	width:490px;
	height:330px;
	padding:20px 0 0 0;
	float: left;
}
.company_profile{
	margin:0 auto;
}
.company_profile_td1{
	padding:5px 10px 0 20px;
	text-align:right;
	border-bottom:#ffcc00 solid 3px;
	vertical-align: top;
}
.company_profile_td2{
	width:20px;
}
.company_profile_td3{
	padding:5px 20px 0 10px;
	border-bottom:#ffcc00 solid 3px;
}
.company_profile_td4 iframe{
	margin:10px auto;
}
.company_link{
	margin:0;
}
.company_link td{
	padding:0 40px 0 0;
}
.company_link td a{
	color:#7dc03b;
	font-weight:bold;
	text-decoration:none;
}
.company_link td a:link{
	color:#7dc03b;
	font-weight:bold;
	text-decoration:none;
}
.company_link td a:hover{
	color:#7dc03b;
	font-weight:bold;
	text-decoration:underline;
}




/******************スタッフ紹介ページ************************/
.staff_img{
	width:242px;
	padding:0;
	float: left;
}
.staff_img2{
	width:242px;
	padding:0;
	float: left;
}

a.staff_img01{
	width:242px;
	height:440px;
	float:left;
	display:block;
	background-image:url(../image/staff_fujikawa1.gif);
	background-repeat:no-repeat;
}
a:hover.staff_img01{
	background-image:url(../image/staff_fujikawa.gif);
	background-repeat:no-repeat;
	background-position:0 0;
}
a.staff_img02{
	width:242px;
	height:440px;
	float:left;
	display:block;
	background-image:url(../image/staff_maruyama1.gif);
	background-repeat:no-repeat;
}
a:hover.staff_img02{
	background-image:url(../image/staff_maruyama.gif);
	background-repeat:no-repeat;
	background-position:0 0;
}
a.staff_img03{
	width:242px;
	height:440px;
	float:left;
	display:block;
	background-image:url(../image/staff_maki1.gif);
	background-repeat:no-repeat;
}
a:hover.staff_img03{
	background-image:url(../image/staff_maki.gif);
	background-repeat:no-repeat;
	background-position:0 0;
}
a.staff_img04{
	width:242px;
	height:440px;
	float:left;
	display:block;
	background-image:url(../image/staff_hosogi1.gif);
	background-repeat:no-repeat;
}
a:hover.staff_img04{
	background-image:url(../image/staff_hosogi.gif);
	background-repeat:no-repeat;
	background-position:0 0;
}
a.staff_img05{
	width:242px;
	height:440px;
	float:left;
	display:block;
	background-image:url(../image/staff_fukumoto1.gif);
	background-repeat:no-repeat;
}
a:hover.staff_img05{
	background-image:url(../image/staff_fukumoto.gif);
	background-repeat:no-repeat;
	background-position:0 0;
}
a.staff_img06{
	width:242px;
	height:440px;
	float:left;
	display:block;
	background-image:url(../image/staff_muroya1.gif);
	background-repeat:no-repeat;
}
a:hover.staff_img06{
	background-image:url(../image/staff_muroya.gif);
	background-repeat:no-repeat;
	background-position:0 0;
}
a.staff_img07{
	width:242px;
	height:440px;
	float:left;
	display:block;
	background-image:url(../image/staff_suehiro1.gif);
	background-repeat:no-repeat;
}
a:hover.staff_img07{
	background-image:url(../image/staff_suehiro.gif);
	background-repeat:no-repeat;
	background-position:0 0;
}
a.staff_img08{
	width:242px;
	height:440px;
	float:left;
	display:block;
	background-image:url(../image/staff_kobayashi1.gif);
	background-repeat:no-repeat;
}
a:hover.staff_img08{
	background-image:url(../image/staff_kobayashi.gif);
	background-repeat:no-repeat;
	background-position:0 0;
}



/******************お問い合わせ************************/
.mailformpro{
	width:620px;
	margin:0 auto;
}
.thanks_mailformpro{
	width:620px;
	margin:0 auto;
	text-align:center;
	padding:100px 0;
}




/******************リクルート************************/
.recruit_img01{
	width:707px;
	height:35px;
	padding:0 0 30px 0;
	float: left;
}
.recruit_contents01{
	width:707px;
	float:left;
}
.recruit_contents02{
	width:490px;
	float:left;
	margin:0 60px 40px 60px;
	padding:30px;
	background-color:#cccccc;
}
.recruit_table01{
	width:550px;
	float:left;
	margin:10px 60px;
}
.recruit_td01{
	width:100px;
	padding:0 20px 0 0;
	text-align:right;
}
.recruit_td02{
	width:2px;
	background-color:#ffcc00;
}
.recruit_td03{
	width:440px;
	padding:0 0 0 20px;
	text-align:left;
}
.recruit_td04{
	height:20px;
}
.recruit_txt{
	text-align:left;
}
.recrit_table{
	border:1px solid #ccc;
}
.recrit_table td{
	padding:10px;
	text-align:left;
	border:1px solid #ccc;
}
.recrit_table_td1{
	width:100px;
}






.works{
	width:200px;
	padding:0 18px 20px 17px;
	float:left;
	font-size:12px;
	line-height:1.2;
}
.works_name{
	font-size:14px;
	font-weight:bold;
	color:#50b81c;
	line-height:1.2;
}	
.works a{
	font-size:12px;
	line-height:1.2;
	font-weight:bold;
	line-height:1.2;
	text-decoration:none;
}	
.works a:hover{
	font-size:12px;
	line-height:1.2;
	font-weight:bold;
	line-height:1.2;
	text-decoration:underline;
}
.works_img{
	padding:5px 0;
	float:left;
}
.works_ico_all{
	width:200px;
	height:38px;
	float:left;
}
.works_ico{
	width:98px;
	height:17px;
	float:left;
	padding:1px;
}
.works dl{
	width:200px;
}
.works dt{
	width:126px;
	height:22px;
	float:left;
	padding:5px 37px;
}
.works dd{
	width:200px;
	height:370px;
	margin:0;
	padding:0;
	font-size:12px;
	line-height:1.2;
}





/******************制作実績************************/
.slideshow{
	width:707px;
}
.slides{
	width:697px;
	float:left;
	padding: 0 5px;
}
.slides ul{
	width:707px;
	float:left;
	list-style:none;
}
.slides li{
	width:697px;
	height:250px;
	float:left;
}
.slide_img{
	width:450px;
	height:200px;
	float:left;
}
.slide_txt{
	width:230px;
	float:right;
}
.slide_txt span{
	font-weight:bold;
}
.slides-nav{
	width:707px;
	height:300px;
	overflow-x:hidden;
	float:left;
}
.slides-nav ul{
	width:707px;
	float:left;
	list-style:none;
}
.slides-nav li{
	width:130px;
	height:58px;
	padding:10px 4px 10px 4px;
	float:left;
}

.prev_next{
	width:707px;
	margin:0 0 30px 0;
	float: left;
	font-size:12px;
	text-align:center;
}
.works_more{
	width:707px;
	margin:0 0 50px 0;
	float: left;
	text-align:center;
}






/******************トピックス一覧************************/
.topics_dl{
	width:707px;
	float:left;
	padding:0 0 0 0;
}
.topics_date{
	float:left;
	padding:0 0 0 0;
	height: 20px;
	width: 100px;
}
.topics_dd01{
	width:37px;
	float:left;
	padding:7px 10px 1px 0;
	height: 12px;
}
.topics_dd02{
	width:560px;
	float:left;
	padding:0 0 15px 0;
}