@charset "utf-8";

@import "../share/css/base.css";
@import "../share/css/home_layout.css";

/* --- base layout --- */
#container #contents {
	float: right;
	width: 762px;
}

#container #local_navi {
	float: left;
	width: 186px;
}

/* --- header --- */


/* --- contents --- */
#container #contents h1 {
	width: 762px;
	height: 36px;
	margin: 21px 0;
	text-indent: -5000em;
}

#container #contents .contents_title1 {
	background: url(../about/images/making_title.gif) 0 0 no-repeat;
}

#container #contents .contents_title2 {
	background: url(../about/images/i_care_title.gif) 0 0 no-repeat;
}

#container #contents .contents_title3 {
}

#container #contents .contents_title4 {
}

#container #contents .contents_title5 {
}

#container #contents .contents_title6 {
}

#container #contents .contents_title7 {
}

#container #local_navi {
	background: url(../company/images/local_navi_bk.gif) 0 0 repeat-y;
}

#container #local_navi ul {
	padding-top: 11px;
	background: url(../company/images/local_navi_top.gif) 0 0 no-repeat;
}

#container #local_navi ul li {
	width: 165px;
	height: 29px;
	padding-left: 17px;
}

#container #local_navi ul li.end {
	padding-bottom: 36px;
	background: url(../company/images/local_navi_bottom.gif) 0 bottom no-repeat;
}

#container #local_navi ul li a {
	display: block;
	height: 29px;
	padding-left: 22px;
	background: url(../company/images/local_navi_link_bk.gif) 0 -32px no-repeat;
	line-height: 29px;
	letter-spacing: -1px;
}

#container #local_navi ul li a.select,
#container #local_navi ul li a:hover,
#container #local_navi ul li a:active {
	background: url(../company/images/local_navi_link_bk.gif) 0 -3px no-repeat !important;
	color: #000;
}


/* ***  *** 各ページ設定 ***  *** */
#contents .line {
	width: 760px;
	height: 5px;
	margin-bottom: 20px;
	background: url(../about/images/line.gif) 0 0 no-repeat;
}

/*ものづくりへのこだわり*/
#about1 #contents h2 {
	display: none;
}

#about1 #contents h3 {
	width: 753px;
	height: 21px;
	margin-bottom: 18px;
	text-indent: -5000em;
}

#about1 #contents h3#entry_title1 {
	background: url(../about/images/making_entry_title1.gif) 0 0 no-repeat;
}

#about1 #contents h3#entry_title2 {
	background: url(../about/images/making_entry_title2.gif) 0 0 no-repeat;
}

#about1 #contents .section {
	clear: both;
	width: 740px;
	margin-bottom: 20px;
	padding-right: 10px;
	overflow: hidden;
}

#about1 #contents .section .right_img {
	float: right;
	width: 153px;
	border: 1px solid #ccc;
}

#about1 #contents .section .right_img img {
	padding: 2px;
}

#about1 #contents .section p {
	float: left;
	width: 560px; 
}

#about1 #contents .comment_relay {
	float: left;
	width: 343px;
	margin: 0 35px 20px 0;
	padding: 1px;
}

#about1 #contents .comment_relay ul li {
	float: left;
	width: 343px;
	margin:  0 25px 20px 0;
}

#about1 #contents .comment_relay ul li a {
	display: block;
	width: 341px;
	height: 113px;
	border: 1px solid #ccc;
}

#about1 #contents #archive_list {
	float: left;
	width: 323px;
	height: 75px;
	padding: 40px 0 0 20px;
	background: url(../about/images/comment_bg.jpg) 0 0 no-repeat;
}

#about1 #contents #archive_list label span {
	display: none;
}

#about1 #contents #archive_list select {
	margin-top: 7px;
}

#about1 #contents .comment_relay ul li a:hover,
#about1 #contents .comment_relay ul li a:active {
	border: 1px solid #7695c7;
}

#about1 #contents h3 {
	clear: both;
	width: 760px;
	height: 25px;
	margin-top: 30px;
	text-indent: -5000em;
}

#about1 #contents h3#study {
	background: url(../about/images/making_study_title.gif) 0 0 no-repeat;
}

#about1 #contents h3#production {
	background: url(../about/images/making_production_title.gif) 0 0 no-repeat;
}

#about1 #contents h4 {
	margin: 0 0 14px 10px;
	background: url(../about/images/comment_line.gif) 0 bottom no-repeat;
}

#about1 #contents .inner_link li {
	display: inline;
	margin-right: 30px;
}

#about1 #contents .inner_link li a {
	padding-left: 12px;
	background: url(../about/images/arrow.gif) 0 center no-repeat;
	text-decoration: underline;
}

#about1 #contents dl.comment_left dt,
#about1 #contents dl.comment_right dt,
#about1 #contents dl.comment_normal dt {
	color: #69c;
	font-weight: bold;
}

#about1 #contents dl.comment_left dd,
#about1 #contents dl.comment_right dd,
#about1 #contents dl.comment_normal dd {
	margin-bottom: 12px;
	padding-left: 1.3em;
}

#about1 #contents .comment_relay_img {
	float: left;
	padding: 0 20px 10px 10px;
}

#about1 #contents .comment_relay_img2 {
	float: right;
	padding: 0 0 10px 20px;
}

#about1 #contents .comment_left {
	width: 535px;
}

#about1 #contents .comment_right {
/*	width: 520px;*/
padding-left: 200px;
}

/*アイケアができるまで*/
#about2 h2 {
	height: 21px;
	margin-bottom: 10px;
	background: url(../about/images/making_i_care_title.gif) 0 0 no-repeat;
	text-indent: -5000em;
}

#about2 p {
	margin-bottom: 15px;
}

#about2 #making_ring {
	width: 737px;
	height: 698px;
	background: url(../about/images/making_i_care_img.jpg) 0 0 no-repeat;
	position:relative;
}

#about2 #making_ring dd.making_photo {
	display: none;
	width: 280px;
	height: 310px;
	position: absolute;
	top: 200px;
	left: 228px;
}

.maiking_title {
	width: 133px;
	height: 70px;
	text-indent: -5000em;
}

#about2 #making_ring dt#making01 {
	position: absolute;
	top: 69px;
	left: 190px;
}

#about2 #making_ring dt#making02 {
	position: absolute;
	top: 187px;
	left: 73px;
}

#about2 #making_ring dt#making03 {
	height: 63px;
	position: absolute;
	top: 324px;
	left: 0;
}

#about2 #making_ring dt#making04 {
	height: 63px;
	position: absolute;
	top: 451px;
	left: 64px;
}

#about2 #making_ring dt#making05 {
	height: 63px;
	position: absolute;
	top: 571px;
	left: 187px;
}

#about2 #making_ring dt#making06 {
	position: absolute;
	top: 560px;
	left: 415px;
}

#about2 #making_ring dt#making07 {
	height: 63px;
	position: absolute;
	top: 451px;
	left: 556px;
}

#about2 #making_ring dt#making08 {
	height: 63px;
	position: absolute;
	top: 323px;
	left: 589px;
}

#about2 #making_ring dt#making09 {
	position: absolute;
	top: 187px;
	left: 530px;
}

#about2 #making_ring dt#making10 {
	position: absolute;
	top: 69px;
	left: 415px;
}

#about2 #making_ring dt.comment {
	width: 133px;
	height: 12px;
	text-indent: -5000em;
	cursor: pointer;
	position: absolute;
}

#about2 #making_ring dd.comment {
	display:none;
	width: 407px;
	height: 187px;
	position: absolute;
	z-index: 10;
}

#about2 #making_ring dt#comment3 {
	top: 311px;
	left: 0;
}

#about2 #making_ring #comment3_msg {
	top: 160px;
	left: 150px;
}


#about2 #making_ring #comment4 {
	top: 438px;
	left: 64px;
}

#about2 #making_ring #comment4_msg {
	top: 290px;
	left: 215px;
}

#about2 #making_ring #comment5 {
	top: 558px;
	left: 187px;
}

#about2 #making_ring #comment5_msg {
	top: 370px;
	left: 220px;
}

#about2 #making_ring #comment7 {
	top: 438px;
	left: 556px;
}

#about2 #making_ring #comment7_msg {
	top: 290px;
	left: 120px;
}

#about2 #making_ring #comment8 {
	top: 310px;
	left: 589px;
}

#about2 #making_ring #comment8_msg {
	top: 160px;
	left: 180px;
}

/* --- side_navi --- */

/* --- footer --- */


/* --- clearfix --- */

#top #container #contents #pickup:after,
#top #container #contents #pickup .pickup:after,
#top #container #contents #whatsnew:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

#top #container #contents #pickup:after,
#top #container #contents #pickup .pickup:after,
#top #container #contents #whatsnew:after {
	display: inline-block;
}
/* Hides from IE-mac \*/
* html #top #container #contents #pickup,
* html #top #container #contents #pickup .pickup.
* html #top #container #contents #whatsnew {
	height: 1%;
}

#top #container #contents #pickup,
#top #container #contents #pickup .pickup,
#top #container #contents #whatsnew {
	display: block;
}
/* End hide from IE-mac */