@charset "utf-8";
/* resets */
html { color:#000;background:#fff; }
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td { margin:0;padding:0; }
table { border-collapse:collapse;border-spacing:0; }
fieldset,img {	border:0; }

address,caption,cite,code,dfn,em,strong,th,var {	font-style:normal;font-weight:normal; }
li {	list-style:none; }

caption,th {	text-align:left; }
h1,h2,h3,h4,h5,h6 {	font-size:100%;font-weight:normal; }
q:before,q:after {	content:'';}
abbr,acronym {	border:0;font-variant:normal; }

sup {	vertical-align:text-top; }
sub {	vertical-align:text-bottom; }
input,textarea,select {	font-family:inherit;font-size:inherit;font-weight:inherit; }
/*to enable resizing for IE*/ input,textarea,select {	*font-size:100%; }
/*because legend doesn't inherit in IE */ legend {	color:#000; }

/* basics */
html{	overflow: scroll;overflow: -moz-scrollbars-vertical;}
body {
	color: #333;
	font-family: "Verdana", "San-serif";
	font-size: 12px;
	line-height: 1;
	}
h1 {	font-size:138.5%; }
h2 {	font-size:123.1%; }
h3 {	font-size:108%; }
/* h1,h2,h3 {	margin:1em 0; } */
h1,h2,h3,h4,h5,h6,strong {	font-weight:bold; }
abbr,acronym {	border-bottom:1px dotted #000;cursor:help; } 
em { 	font-color:#c00;font-weight: bold; }
blockquote,ul,ol,dl {	margin:1em; }
ol,ul,dl {	margin-left:2em; }
ol li {	list-style: decimal outside;	}
ul li {	list-style: disc outside; }
dl dd {	margin-left:1em; }
th,td {	border:1px solid #000;padding:.5em; }
th {	font-weight:bold;text-align:center; }
caption {	margin-bottom:.5em;text-align:center; }
p,fieldset,table,pre {	margin-bottom:1em; }
input[type=text],input[type=password],textarea{width:12.25em;*width:11.9em;}
a, a span {	text-decoration: underline;	}
a:hover,a:hover span,a.current {	text-decoration: none;	}
a:active,a:focus {	outline: none;	}

/* ================= 共通 ================= */
html {background-color: #000;}
body {background-color: #FFFCE4;}
h2 {margin: 0;font: 100%;line-height: 0.5;}

.visualA01 {float: left;}
.visualA02 {float: right;}
.visualA03 {text-align: center;}

.part_heading {
	font-size: 125%;
	font-weight: normal;
	border-left: 5px solid #FFDE00;	
	border-bottom: 1px solid #808080;
	padding: 3px 0 5px 8px;
	line-height: 1;
	margin-bottom: 15px;
}
.partA01 {
	margin-bottom: 20px;
}
/* DL レイアウト */
.dl_layoutA {
	border-top: 1px dotted #333;
	margin: 0;
	border-left: 3px solid #FFDE00;
	background: url(/img/common/bg.png) repeat-y left top;
}
.dl_layoutA dt {
	float: left;
	padding: 8px;
	clear: both;
	width: 114px;
}
.dl_layoutA dd {
	border-bottom: 1px dotted #333;
	margin: 0;
	padding: 8px 8px 8px 140px;
	min-height: 14px;
}
* html .dl_layoutA dd {
	height: 14px;
}
.dl_layoutA dd ul {
	margin-left: 20px;
}
/* ================= ヘッダー ================= */
#header {
	background-color: #FFDE00;
	line-height: 0;
	border-top: 4px solid #000;
}
#header_inner {
	height: 80px;
	width: 950px;
	margin: 0 auto 63px;
	padding: 0;
	position: relative;
}
#home #header_inner {
	width: 942px;
	height: 340px;
	padding-top: 40px;
}
#header h1 {
	position: absolute;
	left: 0;
	bottom: 0;
}
/* グローバルナビ */
#global-nav {
	position: absolute;
	left: 0;
	bottom: -36px;
	margin: 0;
}
* html #global-nav {bottom: -40px;}
*:first-child+html #global-nav {bottom: -40px;}
#global-nav li {
	float: left;
	list-style: none;
}
#global-nav a,
.pagetop a,
#page_nav a{
	display: block;
	text-indent: -9999px;
	background: url(/img/common/btn.png) no-repeat left top;
}
#global-nav a {height: 36px;}
#global-nav #nav0 {width: 78px;background-position: 0 0;}
#global-nav #nav1 {width: 129px;background-position: -78px 0;}
#global-nav #nav2 {width: 96px;background-position: -207px 0;}
#global-nav #nav3 {width: 114px;background-position: -303px 0;}
#global-nav #nav4 {width: 96px;background-position: -417px 0;}
#global-nav #nav5 {width: 106px;background-position: -513px 0;}
#global-nav #nav0:hover {background-position: 0 -36px;}
#global-nav #nav1:hover {background-position: -78px -36px;}
#global-nav #nav2:hover {background-position: -207px -36px;}
#global-nav #nav3:hover {background-position: -303px -36px;}
#global-nav #nav4:hover {background-position: -417px -36px;}
#global-nav #nav5:hover {background-position: -512px -36px;}
#global-nav #nav0.hover {background-position: 0 -36px;}
#global-nav #nav1.hover {background-position: -78px -36px;}
#global-nav #nav2.hover {background-position: -207px -36px;}
#global-nav #nav3.hover {background-position: -303px -36px;}
#global-nav #nav4.hover {background-position: -417px -36px;}
#global-nav #nav5.hover {background-position: -512px -36px;}
/* ================== ステップリスト ================== */
#steplist {
	margin: 0;
}
#steplist li {
	float: left;
	list-style: none;
}
#steplist a {
	width: 238px;
	height: 260px;
	display: block;
	text-indent: -9999px;
	background: url(/img/top/b0.png) no-repeat left top;
}
#steplist #step0 {background-position: 0px 0;}
#steplist #step1 {background-position: -238px 0;}
#steplist #step2 {background-position: -476px 0;}
#steplist #step3 {width: 228px;background-position: -714px 0;}
#steplist #step0:hover {background-position: 0px -260px;}
#steplist #step1:hover {background-position: -238px -260px;}
#steplist #step2:hover {background-position: -476px -260px;}
#steplist #step3:hover {width: 228px;background-position: -714px -260px;}

/* ================== container ================== */
#container {
	width: 950px;
	margin: 0 auto;
	padding-bottom: 70px;
	line-height: 1.8;
	position: relative;
	background: url(/img/common/under_logo.png) no-repeat right bottom;
}
.pagetop {
	margin: 0;
	line-height: 0;
	position: absolute;
	left: 635px;
	bottom: 0;
}
* html .pagetop {bottom: -5px;}
*:first-child+html .pagetop {bottom: -5px;}
.pagetop a {
	width: 60px;
	height: 16px;
	background-position: -134px -72px;
}
.pagetop a:hover {
	background-position: -134px -88px;
}
/* ================== primary-contents ================== */
#primary-contents {
	width: 678px;
	padding-left: 3px;
	float: left;
}
.second #primary-contents {
	width: 700px;
	padding-left: 0;
}
.second ul,
.second ol {
	margin: 0;
}
#primary-contents #section_body {
	float: right;
	width: 540px;
	padding-right: 5px;
}
#topics_list {
	margin: 10px 0 0 3px;
	font-size: 90%;
}
#topics_list dt,#topics_list dd {
	margin: 0;
	padding: 0;
}
#topics_list dt {
	float: left;
}
#topics_list dd {
	margin: 0 0 10px 100px;
	position: relative;
	top: -2px;
}
#topics_list dd ul {
	margin: 0 0 0 20px;
}
#topics_list dd ul a {
	color: #333;
}
#topics_list dd em {
	display: block;
	font-size: 120%;
}
/* ローカルナビ */
#local_nav {
	width: 140px;
	float: left;
	margin: 0;
}
#local_nav li {
	list-style: none;
	height: 30px;
	margin-bottom: 4px;
}
#local_nav a {
	display: block;
	background: url(/img/common/local_nav.png) no-repeat 0 0px;
	height: 28px;
	width: 116px;
	padding: 2px 0 0 18px;
	text-decoration: none;
	color: #333;
	zoom: 1;
}
#local_nav a:hover,
#local_nav a.hover {
	background-position: -134px 0px;
}
/* パンくず */
#pankuzu {
	margin: 0 0 15px 11px;
	letter-spacing: 0.1em;
	color: #999;
}
#pankuzu li {
	list-style: none;
	display: inline;
	font-size: 75%;
}
#pankuzu a {
	color: #999;
}
/* ================== secondary-contents ================== */
#secondary-contents {
	float: right;
	width: 227px;
	line-height: 0.8;
}
#secondary-contents ul {
	margin: 10px 0 0 4px;
}
#secondary-contents li {
	list-style: none;
	margin-bottom: 15px;
}
#secondary-contents li a {
	text-decoration: none;
	display: block;
	width: 218px;
	border: 1px solid #FFFCE4;
}
#secondary-contents li a:hover {
	border: 1px solid #333;
	opacity:0.8;
	filter: alpha(opacity=80);
}
#secondary-contents li a .showcase_photo {
	border: none;
	line-height: 0;
	padding-bottom: 0;
	margin: 0;
	display: block;
	width: 218px;
}
#secondary-contents li a .showcase_name {
	text-decoration: none;
	background-color: #D9D7C6;
	display: block;
	color: #333;
	padding: 7px 8px;
	width: 202px;
	font-size: 80%;
}
#secondary-contents li a span {
	margin: 0;
}
.secondary_heading {
	width: 226px;
/* 	background: url(/img/common/title_bg.gif) no-repeat left 20px; */
	font-size: 125%;
	font-weight: normal;
	border-left: 5px solid #FFDE00;
	border-bottom: 1px solid #808080;
	padding: 5px 0 5px 8px;
	line-height: 1;
	margin-bottom: 15px;
}

/* ================== footer ================== */
#footer {
	background-color: #000;
	border-top: 4px solid #FFDE00;
}
#footer_inner {
	width: 940px;
	margin: -8px auto 0;
	position: relative;
	padding: 0;
	}
* html #footer_inner {margin-top: -12px;}
*:first-child+html #footer_inner {margin-top: -12px;}
#footer_inner ul {
	line-height: 1.8;
	margin: 0;
}
#footer_inner ul ul {
	margin-left: 1em;
}
.copyright {
	text-align: right;
	line-height: 1;
	margin-top: 4px;
}
* html .copyright {margin-top: 8px;}
*:first-child+html .copyright {margin-top: 8px;}

.policy_list {
	position: absolute;
	top: -16px;
	width: 400px;
}
* html .policy_list {top: -22px;}
*:first-child+html .policy_list {top: -22px;}
.policy_list li {
	display: inline;
	list-style: none;
}
.policy_list li a {
	color: #000;
	font-size: 9px;
	margin-right: 7px;
	padding: 2px 7px 0;
	text-decoration: none;
	display: inline-block;
}
* html .policy_list li a {
	display: inline;
	zoom: 1;
}
*:first-child+html .policy_list li a {
	display: inline;
	zoom: 1;
}
.policy_list li a:hover {
	background-color: #FFDE00;
}
.footer_link_list {
	padding-top: 10px;
}
* html .footer_link_list {padding-top: 5px;}
*:first-child+html .footer_link_list {padding-top: 5px;}
.footer_link_list li {
	float: left;
	padding-right:18px;
	list-style: none;
}
.footer_link_list li a {
	color: #ffde00;
	text-decoration: none;
	font-size: 85%;
	padding-left: 13px;
	border-left: 1px solid #ffde00;
}
.footer_link_list li.first-child a {
	border: none;
}
.footer_link_list li a:hover {
	color: #fff;
}
.footer_link_list li ul,
.footer_link_list li ol {
	margin: 0 0 0 13px;
}
.footer_link_list li li a {
	color: #999;
	padding-left: 0px;
	border: none;
}
.footer_link_list li a:hover {
	color: #fff;
}
.footer_link_list li li {
	float: none;
	list-style: outside square;
}
/* =================== サービスの流れ =================== */
#service .visualA02 {
	padding: 0 0 15px 15px;
}
#service .partA01 div {
	margin-bottom: 40px;
}
#service .partA01 div ul,
#service .partA01 div ol {
	margin: 0 0 15px 23px;
}
#page_nav {
	text-align: center;
	position: relative;
}
#page_nav a {
	width: 29px;
	height: 29px;
	line-height: 2.4;
	text-align: center;
	text-indent: 0;
	background-position: -476px -72px;
	color: #333;
}
#page_nav a:hover,
#page_nav a.hover {
	background-position: -476px -101px;
}
#page_nav li {
	list-style: none;
	display: inline-block;
	margin: 0 3px;
}
* html #page_nav li {
	display: inline;
	zoom: 1;
}
*:first-child+html #page_nav li {
	display: inline;
	zoom: 1;
}
#prev_page {position: absolute;left: 0;top: 0;}
#prev_page a{width: 141px;height: 29px;background-position: -194px -72px;text-indent: -9999px;padding: 0;}
#prev_page a:hover{background-position: -194px -101px;}
#next_page {position: absolute;left: 399px;top: 0;}
#next_page a{width: 141px;height: 29px;background-position: -335px -72px;text-indent: -9999px;padding: 0;}
#next_page a:hover{background-position: -335px -101px;}

/* =================== 制作事例 =================== */
/* 一覧 */
.partA02 {
	margin-bottom: 30px;
	position: relative;
}
.partA02 h3 a {
	text-decoration: none;
	color: #333;
	display: block;
}
.partA02 h3 a:hover {
	text-decoration: underline;
}
.partA02 p {
	margin: 0 0 10px;
}
.partA02 .goto_detail {
	margin-bottom: 0;
	text-align: right;
}
.partA02 .visualA03 {
	margin-bottom: 3px;
}
.partA02 .visualA03 a {
	border: 1px solid #f0f0f0;
	display: block;
	line-height: 0;
}
.partA02 .visualA03 a:hover {
	border: 1px solid #333;
}
.partA02 .visualA03 a:hover img {
	opacity: 0.8;
	filter: alpha(opacity=80);
}
.partA02 .goto_detail {
	text-align: right;
}
.partA02 .goto_detail a {
	color: #333;
	display: block;
	text-decoration: none;
	background-color: #FFDE00;
	width: 90px;
	padding: 1px 0;
	text-align: center;
	font-size: 85%;
	float: left;
	margin-top: 6px;
}
.partA02 .goto_detail a:hover {
	background-color: #ccc;
}
#works .partA01 {
	margin-bottom: 40px;
	position: relative;
}
#works .partA01 p {
	margin: 0 0 10px 0;
}
#works .dl_layoutA {
	margin-bottom: 15px;
}
.showcase_date {
	position: absolute;
	width: 540px;
	text-align: right;
	left: 0px;
	top: 10px;
	font-size: 60%;
	color: #808080;
	font-family: Arial;
	letter-spacing: 0.3em;
}
.shocase_thumb_list li {
	list-style: none;
	float: left;
	margin: 0 27px 20px 0;
}
.shocase_thumb_list li a{
	border: 1px solid #f0f0f0;
	line-height: 0;	
	display: block;
}
.shocase_thumb_list li a:hover {
	border: 1px solid #ed4a06;
}
.shocase_thumb_list li.third-child {
	margin-right: 0;
}
.shocase_thumb_list li.third-child-next {
	clear: both;
}
/* =================== スタッフ紹介 =================== */
.staff_detail {
	list-style: none;
	margin-bottom: 40px;
	padding-left: 10px;
}
.staff_detail div {
	float: left;
	width: 421px;
	margin-left: 20px;
	position: relative;
}
.staff_detail h3 {
	font-weight: normal;
	border-bottom: #808080 solid 1px;
	letter-spacing: 0.4em;
}
.staff_detail .charge {
	font-size: 75%;
	color: #808080;
	margin-top: 1px;
}
.staff_detail .career {
	margin-left: 20px;
}
.staff_detail .career li {
	margin-bottom: 3px;
	list-style: square;
}
.staff_detail .icon {
	text-align: right;
	position: absolute;
	width: 421px;
	top: 0px;
	left: 0;
}
.staff_detail .icon li {
	list-style: none;
	display: inline;
}
#staff #local_nav #nav_katano:hover {background-position: -268px;}
#staff #local_nav #nav_arai:hover {background-position: -402px;}
#staff #local_nav #nav_miyayama:hover {background-position: -536px;}
#staff #local_nav #nav_yoshioka:hover {background-position: -670px;}
#staff #local_nav #nav_saito:hover {background-position: -804px;}
#staff #local_nav #nav_ogawa:hover {background-position: -938px;}
#staff #local_nav #nav_max:hover {background-position: -1072px;}
/* =================== 代表者挨拶 =================== */
#greeting dl,#greeting dt,#greeting dd {
	margin: 0;
	text-align: right;
}
#greeting dl {
	padding: 3px 0 10px 0;
	/* background: url(/img/company/kurihara.png) no-repeat right top;	 */
}
/* =================== アクセスマップ =================== */
#accessmap dl {
	margin: 0;
}
#accessmap dd ol {
	margin-left: 20px;
}
#accessmap .margin_set {
	margin-bottom: 12px;
}
#accessmap .attention {
	font-weight: bold;
	color: #f4c80b;
}
#access_map {
	height: 300px;
	width: 542px;
	margin-top: 25px;
	border: 1px solid #eee;
}
#access_map a {
	text-decoration: none;
}
/* =================== お問い合わせ =================== */
#contact_body ul {
	text-align: center;
	margin-top: 20px;
}
#contact_body li {
	list-style: none;
	display: inline;
	margin: 0 30px;
}
#contact_body dd label {
	margin-right: 15px;
}
#contact_body dt {
	padding-top: 15px;
}
#contact_body dd {
	padding: 15px 15px 15px 145px;
}
#contact_body dd input {
	margin-right: 8px;
	border: 1px solid #808080;
	height: 14px;
	padding: 3px;
	color: #333;
}
#contact_body .attention {
	font-weight: bold;
	color:#ff842a;
}
#contact_body #i050,
#contact_body #i051,
#contact_body #i052 {
	padding: 0;
	height: auto;
	margin-right: 4px;
	border: none;
}
* html #contact_body #i050,
* html #contact_body #i051,
* html #contact_body #i052 {
	position: relative;
	top: 2px;
}
#contact_body #i04,
#contact_body #i06 {
	width: 300px;
}
#contact_body #i01 {
	width: 250px;
}
#contact_body #i07,
#contact_body #i08 {
	width: 180px;
}
#contact_body #i09 {
	width: 360px;
	height: 100px;
}
/* =================== プライバシーポリシー =================== */
#policy_body ol {
	margin-top: 20px;
}
#policy_body li{
	margin-bottom: 40px;
	list-style: none;
}
#policy_body li li {
	margin-bottom: 2px;
	list-style: disc;
}
#policy_body ol ul {
	margin-left: 1.5em;
}
/* =================== ClearFix =================== */
#steplist:after,
#global-nav:after,
#container:after,
#footer_inner:after,
#pankuzu:after,
#page_nav:after,
.partA01:after,
.staff_detail:after,
.shocase_thumb_list:after,
#showcase_list li:after,
.partA02 .goto_detail:after {
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
	content: ".";
}
/* fo IEs : this section must be bottom of this file. */
/* IE 6 */
* html body { font-size: 75%;	}
* html .caption {	font-size: 84%;	}
/* IE 7 */
*:first-child+html body {	letter-spacing:0;	}
/* IE 8 and Mac IE 5 */
html:first-child p {}

/* ZOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOM!!!!!!!!!! */
* html #steplist,
* html #global-nav,
* html #container,
* html #footer_inner,
* html #pankuzu,
* html #page_nav,
* html .partA01,
* html .staff_detail,
* html .shocase_thumb_list,
* html #showcase_list li,
* html .partA02 .goto_detail {
	zoom: 1;
}
*:first-child+html #steplist,
*:first-child+html #global-nav,
*:first-child+html #container,
*:first-child+html #footer_inner,
*:first-child+html #pankuzu,
*:first-child+html #page_nav,
*:first-child+html .partA01,
*:first-child+html .staff_detail,
*:first-child+html .shocase_thumb_list,
*:first-child+html #showcase_list li,
*:first-child+html .partA02 .goto_detail {
	zoom: 1;
}