@charset "utf-8";
/*--------------------------------
	20091107_COCORO WORKS NGK
--------------------------------*/
@import url("reset.css");

body {
	font-size: 11pt; /* Set fonts using ems. ex. 1.0em = 10px */
	font-family:"Verdana", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS P Gothic", sans-serif;
	color: #48494d;
}
html>/**/body {
  font-size: 10px; /* Except IE */
}
a:link {
	color:#4C4C4C;
	text-decoration: none;
}
a:visited {
	color:#4C4C4C;
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
	color: #5C5F63;
}
.cap, .red {
	color: #6c1412;
}
.small {
	text-size: 0.9em;	
}
/*--------------------------------
	clearfix
--------------------------------*/
.clear:after {
  content: ".";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
}
.clear {
  min-height: 1px;
}

* html .clear {
  height: 1px;
 }
.both {
	clear: both;	
}
/*-------------------------------
	all style
-------------------------------*/

.red01 {
	color: #F00;
}
.red02 {
	color: #8B2126;
}
.red03 {
	color: #BB314A;
}
.red04 {
	color: #E1002A;
}
.red_bold {
	color: #BB314A;
	font-weight: bold;
}
.bold {
	font-weight: bold;
}
.bold01 {
	font-weight: bold;
	font-size: 110%;
}
.bold02 {
	font-weight: bold;
	font-size: 14px;
}
.bold03 {
	font-size: 130%;
}
.small01 {
	font-weight: normal;
	font-size: 95%;
}
.small02 {
	font-size: 90%;
}
.small03 {
	font-size: 11.5px;
	color: #54555a;
	line-height: 1.4em;
	letter-spacing: 0.02em;
}
.small04 {
	font-size: 12px;
}
dl.clear dd {
	margin-top: 5px;
}
/*-------------------------------
	header style
-------------------------------*/
#header {
	width: 980px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 5px;
	height: 65px;
}
#logo {
	float: left;
	margin-top: 5px;
}
#logo a {
	display: block;
	width: 230px;
	height: 60px;
}
.red_bt1 {
	float: right;
	margin-top: 20px;
}
.red_bt1 a {
	height: 32px;
	width: 130px;
	background-image: url(../images/top_tel.jpg);
	text-indent: -9999px;
	display: block;
	background-repeat: no-repeat;
}
.red_bt1 a:hover {
	background-image: url(../images/top_tel_h.jpg);
	background-repeat: no-repeat;
}

#head_link {
	display: block;
	width: 580px;
	float: right;
	padding-left: 100px;
	height: 20px;
	padding-top: 3px;
	padding-bottom: 2px;
}
#head_link li {
	display: block;
	list-style: none;
	float: left;
}
.glink01 a,.glink02 a,.glink03 a,.glink04 a,.glink05 a,.glink06 a,
.glink01_re a,.glink02_re a,.glink03_re a,.glink04_re a,.glink05_re a,.glink06_re a {
	height: 20px;
	display: block;
	text-indent: -9999px;
	background-repeat: no-repeat;
}
.glink01 a {
	background-image: url(../images/head_link01.png);
	width: 95px;
}
.glink01_re a {
	background-image: url(../images/head_link01_re.png);
	width: 95px;
}
.glink02 a {
	background-image: url(../images/head_link02.png);
	width: 79px;
	margin-left: 25px;
}
.glink02_re a {
	background-image: url(../images/head_link02_re.png);
	width: 79px;
	margin-left: 25px;
}
.glink03 a {
	background-image: url(../images/head_link03.png);
	width: 70px;
	margin-left: 25px;
}
.glink03_re a {
	background-image: url(../images/head_link03_re.png);
	width: 70px;
	margin-left: 25px;
}
.glink04 a {
	background-image: url(../images/head_link04.png);
	width: 70px;
	margin-left: 25px;
}
.glink04_re a {
	background-image: url(../images/head_link04_re.png);
	width: 70px;
	margin-left: 25px;
}
.glink05 a {
	background-image: url(../images/head_link05.png);
	width: 70px;
	margin-left: 25px;
}
.glink05_re a {
	background-image: url(../images/head_link05_re.png);
	width: 70px;
	margin-left: 25px;
}
.glink06 a {
	width: 70px;
	background-image: url(../images/head_link06.png);
	margin-left: 25px;
}
.glink06_re a {
	width: 70px;
	background-image: url(../images/head_link06_re.png);
	margin-left: 25px;
}
.glink01 a:hover {
	background-image: url(../images/n01.png);
}
.glink02 a:hover {
	background-image: url(../images/n02.png);
}
.glink03 a:hover {
	background-image: url(../images/n03.png);
}
.glink04 a:hover {
	background-image: url(../images/n04.png);
}
.glink05 a:hover {
	background-image: url(../images/n05.png);
}
.glink06 a:hover {
	background-image: url(../images/n06.png);
}
#head_link li a:hover, a.hover {
	text-decoration: underline;	
}
#secondber_bg {
	width: 100%;
	background-image: url(../images/ber.jpg);
	background-repeat: repeat-x;
	height: 25px;
	min-width: 980px;
	margin-bottom: 15px;
}
#secondber_bg2 {
	width: 100%;
	background-image: url(../images/ber.jpg);
	background-repeat: repeat-x;
	height: 25px;
	min-width: 980px;
	margin-bottom: 5px;
}
#secondber_bg3 {
	width: 100%;
	height: 25px;
	min-width: 980px;
	margin-bottom: 20px;
}
#secondber_bg4 {
	width: 100%;
	background-image: url(../images/ber.jpg);
	background-repeat: repeat-x;
	height: 25px;
	min-width: 980px;
}
#secondber {
	width: 980px;
	margin-right: auto;
	margin-left: auto;
	height: 25px;
}
/*-------------------------------
	container style
-------------------------------*/
#container {
	width: 980px;
	margin-right: auto;
	margin-left: auto;
}
* html #container {
	behavior: expression(IEPNGFIX.fix(this));
}
/*-------------------------------
	top_main style
-------------------------------*/
#top {
	width: 980px;
	text-align: left;
	margin-bottom: 40px;
	padding-top: 0;
	padding-right: 0px;
	padding-bottom: 0;
	padding-left: 0px;
	float: left;
	height: 300px;
}
#top_content {
	width: 230px;
	height: 300px;
	float: left;
	margin: 0px;
	background-image: url(../images/top_content.jpg);
	background-repeat: repeat-x;
}
#top_content .content_box01 {
	height: 82px;
	width: 209px;
	padding-left: 21px;
	background-repeat: no-repeat;
	padding-top: 18px;
}
#top_content .content_box02 {
	height: 88px;
	width: 209px;
	padding-left: 21px;
	background-repeat: no-repeat;
	padding-top: 12px;
}
#top_content .content_box03 {
	height: 94px;
	width: 209px;
	padding-left: 21px;
	background-repeat: no-repeat;
	padding-top: 6px;
}
#top_content .content_box01 h3,#top_content .content_box02 h3,#top_content .content_box03 h3 {
	text-indent: -9999px;
}
#top_content .content_box01 a,#top_content .content_box02 a,#top_content .content_box03 a {
	height: 80px;
	width: 188px;
	display: block;
}
.content_box01 img, .content_box02 img, .content_box03 img {
	float: left;
}
#main_image {
	float: left;
	width: 750px;
	height: 300px;
	margin: 0px;
}
/*-------------------------------
	NEWS style
-------------------------------*/
#info {
	width: 980px;
	margin-bottom: 30px;
	float: left;
}
#info .news {
	width: 490px;
	float: left;
}
#info .blog {
	width: 480px;
	float: left;
	padding-left: 10px;
}
#info .news h3 {
	background-image: url(../images/news3.jpg);
	width: 115px;
	height: 20px;
	background-repeat: no-repeat;
	margin-left: 15px;
	text-indent: -9999px;
}
#info .blog h3 {
	background-image: url(../images/blognews3.jpg);
	width: 120px;
	height: 20px;
	background-repeat: no-repeat;
	margin-left: 15px;
	text-indent: -9999px;
}
#info .news dl,#info .blog dl {
	display: block;
	background-image: url(../images/news_back2.jpg);
	width: 480px;
	margin-left: 0px;
	margin-top: 12px;
	text-align: left;
	color: #313131;
	font-size: 11px;
	line-height: 1.4em;
	margin-bottom: 5px;
	padding-top: 5px;
	padding-bottom: 5px;
	height: 150px;
	overflow:auto
}
#info .news dl dt,#info .blog dl dt {
	float: left;
	width: 70px;
	margin-top: 5px;
	margin-bottom: 5px;
	margin-left: 17px;
}
#info .news dl dd,#info .blog dl dd {
	padding-left: 95px;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
}
/*-------------------------------
	service style
-------------------------------*/
#leftside {
	float: left;
	width: 735px;
	margin-bottom: 20px;
}
#service {
	height: 200px;
	width: 735px;
	float: left;
	margin-bottom: 20px;
}
#service h3 {
	background-image: url(../images/service2.jpg);
	width: 140px;
	height: 20px;
	background-repeat: no-repeat;
	margin-left: 15px;
	text-indent: -9999px;
	float: left;
	margin-top: 5px;
}
.red_bt2 a {
	height: 32px;
	width: 126px;
	background-image: url(../images/idea_bt.jpg);
	text-indent: -9999px;
	display: block;
	background-repeat: no-repeat;
	margin-left: 82px;
	float: left;
}
.red_bt2 a:hover {
	background-image: url(../images/idea_bt_h.jpg);
	background-repeat: no-repeat;
}
#service ul {
	width: 735px;
	height: 140px;
	display: block;
	float: left;
	clear: both;
	margin-top: 10px;
}
#service ul li {
	float: left;
	display: block;
	margin-right: 7px;
}
#service ul .service_ph01 a {
	height: 140px;
	width: 230px;
	display: block;
	text-indent: -9999px;
	background-image: url(../images/service_bt07.jpg);
}
#service ul .service_ph02 a {
	height: 140px;
	width: 230px;
	display: block;
	text-indent: -9999px;
	background-image: url(../images/service_bt08.jpg);
}
#service ul .service_ph03 a {
	height: 140px;
	width: 230px;
	display: block;
	text-indent: -9999px;
	background-image: url(../images/service_bt09.jpg);
}
#service ul .service_ph01 a:hover {
	background-image: url(../images/service_bt04.jpg);
}
#service ul .service_ph02 a:hover {
	background-image: url(../images/service_bt05.jpg);
}
#service ul .service_ph03 a:hover {
	background-image: url(../images/service_bt06.jpg);
}
/*-------------------------------
	workspickup style
-------------------------------*/
#workspickup {
	width: 735px;
	float: left;
	margin-bottom: 20px;
}
#workspickup h3 {
	background-image: url(../images/works2.jpg);
	width: 140px;
	height: 20px;
	background-repeat: no-repeat;
	margin-left: 15px;
	text-indent: -9999px;
	float: left;
	margin-top: 5px;
}
.red_bt3 a {
	height: 32px;
	width: 126px;
	background-image: url(../images/mokuteki_bt.jpg);
	text-indent: -9999px;
	display: block;
	background-repeat: no-repeat;
	float: left;
	margin-left: 82px;
}
.red_bt3 a:hover {
	background-image: url(../images/mokuteki_bt_h.jpg);
	background-repeat: no-repeat;
}
#workspickup .works01 {
	width: 229px;
	float: left;
	margin-right: 7px;
}
#workspickup .works02 {
	width: 229px;
	float: left;
	margin-right: 7px;
}
#workspickup .works03 {
	width: 229px;
	float: left;
}
#workspickup .works_outline {
	width: 701px;
	float: left;
	border: 2px solid #CCC;
	margin-top: 10px;
}

.works01 .works_box1,
.works02 .works_box1,.works02 .works_box2,
.works03 .works_box1,.works03 .works_box3 {
	width: 173px;
	float: left;
	margin-top: 10px;
	margin-bottom: 15px;
	height: 200px;
	margin-left: 17px;
	padding-left:12px;
	padding-right: 5px;
	padding-top: 5px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 2px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #CCC;
	border-right-color: #CCC;
	border-bottom-color: #CCC;
	border-left-color: #CCC;
}
.works01 .works_box1:hover,.works02 .works_box1:hover,.works03 .works_box1:hover {
	background-color: #a9c265;
	text-decoration: none;
}
.works02 .works_box2:hover {
	background-color: #77acd4;
	text-decoration: none;
}
.works03 .works_box3:hover {
	background-color: #f4b756;
	text-decoration: none;
}
.works01 .works_box1 h4,
.works02 .works_box1 h4,.works02 .works_box2 h4,
.works03 .works_box1 h4,.works03 .works_box3 h4 {
	font-size: 11.5px;
	color: #000;
	line-height: 1.5em;
	display: block;
	margin-top: 7px;
	margin-bottom: 7px;
}
.works01 .works_box1 ul,.works02 .works_box1 ul,.works03 .works_box1 ul {
	display: block;
	font-size: 11px;
	padding-left: 10px;
	background-image: url(../../achieve/image/index/jigyou_bk.jpg);
	background-repeat: repeat-y;
}
.works02 .works_box2 ul {
	display: block;
	font-size: 11px;
	padding-left: 10px;
	background-image: url(../../achieve/image/index/jitaku_bk.jpg);
	background-repeat: repeat-y;
}
.works03 .works_box3 ul {
	display: block;
	font-size: 11px;
	padding-left: 10px;
	background-image: url(../../achieve/image/index/tenpo_bk.jpg);
	background-repeat: repeat-y;
}
.works01 .works_box1 ul li,
.works02 .works_box1 ul li,.works02 .works_box2 ul li,
.works03 .works_box1 ul li,.works03 .works_box3 ul li {
	margin-bottom: 5px;
}
.works01 .works_box1 h3:hover,.works_box2 h3:hover,.works_box3 h3:hover,.works_box1_r h3:hover,.works_box2_r h3:hover,.works_box3_r h3:hover {
	text-decoration: none;
}

.works01 .works_box1 a:hover,
.works02 .works_box1 a:hover,.works02 .works_box2 a:hover,
.works03 .works_box1 a:hover,.works03 .works_box3 a:hover {
	text-decoration: none;
}
/*-------------------------------
	link style
-------------------------------*/
#rightside {
	float: left;
	width: 245px;
}
#link {
	width: 245px;
	float: left;
	margin-bottom: 15px;
}
#link h3 {
	background-image: url(../images/link2.jpg);
	width: 115px;
	height: 20px;
	background-repeat: no-repeat;
	margin-left: 15px;
	text-indent: -9999px;
	margin-top: 5px;
}
#link ul {
	display: block;
	clear: both;
	float: left;
	margin-left: 8px;
	margin-top: 10px;
}
#link ul li {
	margin-left: 8px;
	display: block;
}
#link .banner1 a {
	display: block;
	height: 60px;
	width: 227px;
	text-indent: -9999px;
	background-image: url(../images/link01.png);
	margin-top: 8px;
	margin-bottom: 15px;
	background-repeat: no-repeat;
}
#link .banner2 a {
	display: block;
	height: 60px;
	width: 227px;
	text-indent: -9999px;
	background-image: url(../images/link02.png);
	margin-top: 8px;
	margin-bottom: 15px;
	background-repeat: no-repeat;
}
#link .banner3 a {
	display: block;
	height: 60px;
	width: 227px;
	text-indent: -9999px;
	background-image: url(../images/link03.png);
	margin-top: 8px;
	margin-bottom: 15px;
	background-repeat: no-repeat;
}
/*-------------------------------
	address style
-------------------------------*/
#address {
	width: 245px;
	float: left;
	margin-bottom: 15px;
}
#address h3 {
	background-image: url(../images/address3.jpg);
	width: 120px;
	height: 20px;
	background-repeat: no-repeat;
	margin-left: 15px;
	text-indent: -9999px;
}
#address address {
	background-image: url(../images/address2.jpg);
	background-repeat: no-repeat;
	height: 260px;
	width: 245px;
	display: block;
	margin-top: 15px;
}
#address .top_address {
	height: 220px;
	width: 215px;
	display: block;
	font-size: 12px;
	line-height: 1.5em;
	letter-spacing: 0.1em;
	padding-top: 25px;
	padding-left: 30px;
}
#address .top_address li {
	padding-top: 8px;
}
/*-------------------------------
	footer style
-------------------------------*/
#footer {
	width: 980px;
	text-align: left;
	margin-right: auto;
	margin-left: auto;
	clear: both;
	float: left;
}
#footer_in {
	width: 973px;
	float: left;
	padding-top: 15px;
	padding-left: 7px;
	padding-bottom: 15px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #A0A4AB;
	margin-bottom: 15px;
}
#footer_in h3 {
	font-weight: bold;
	display: block;
	margin-bottom: 5px;
	font-size: 13.5px;
	color: #000;
}
#footer_in dl {
	width: 800px;
	display: block;
	margin-top: 10px;
	height: 50px;
	margin-left: 8px;
	font-size: 11px;
}
#footer_in dl dd ul li {
	margin-left: 5px;
	float: left;
}
#footer_in dl dt {
	float: left;
	width: 50px;
	margin-top: 10px;
	clear: both;
}
#footer dl dd {
	padding-left: 50px;
}
#footer dl dd ul {
	float: left;
	width: 600px;
	margin-top: 10px;
}
#footer p {
	margin-top: 10px;
	margin-left: 5px;
}
#footer ul.footerlink {
	display: block;
	text-align: right;
	width: 400px;
	height: 15px;
	float: right;
	margin-bottom: 30px;
}
#footer ul.footerlink li {
	float: left;
	margin-left: 20px;
	font-size: 11px;
}
#copylight {
	width: 500px;
	font-size: 9px;
	letter-spacing: 0.1em;
	color: #5A5A5A;
	margin-left: 2px;
	float: left;
	margin-bottom: 30px;
}
#copylight a {
	text-decoration: none;
}
/*-------------------------------
	gallery style
-------------------------------*/
#gallery{
	width:900px;
	float: left;
}
#gallery_side{
	width:195px;
	float: left;
	padding-left: 25px;
	margin-left: 20px;
}
#gallery_side_dra{
	width:150px;
	float: left;
	background-color: #DDD;
	padding-bottom: 10px;
	padding-right: 25px;
	padding-left: 15px;
	padding-top: 18px;
	margin-top: 18px;
}
#gal_navi{
	width:645px;
	float:left;
	clear: both;
	padding-right: 10px;
	padding-left: 31px;
	background-color: #EEE;
	margin-left: 9px;
	padding-top: 10px;
}
#gal_navi ul{
	height:100px;
}
#gal_navi ul li{
	width:90px;
	float:left;
}
#main_p{
	height: 500px;
	width: 700px;
	float: left;
}
#main_p img{
	position: absolute;
}
#top_inq2 ul li {
	font-size: 14px;
}
#topics dd a {
	text-decoration: underline;
}
#topics dd a:visited {
	color:#6c1412;
	text-decoration: none;
}
/*-------------------------------
	2011　リニューアルCSS
-------------------------------*/
#pt {
	text-align: right;
	padding-top: 20px;
	clear: both;
	background: url(../images/pt_bg.png) no-repeat;
	width: 920px;
}
* html #pt {

	background: url(../images/pt_bg.gif) no-repeat;
}
#pt a {
	display: block;
	background: url(../images/pt_arrow.gif) no-repeat;
	width: 80px;
	height: 13px;
	padding-top: 2px;
	margin-left: 830px;
}
* html #pt a {
		margin-left: 0px;
		margin-right: 10px;
}
#container #info .news dl dd a {
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #333;
}
#container #info .news dl dd a:hover {
	background-color: #FFF;
	text-decoration: none;
}