@charset "UTF-8";

@import url("common.css");

/* --------------------------------------------------------------------------------------
 下層共通
--------------------------------------------------------------------------------------- */

/* パンくず ------------------------------ */

.location {
	padding: 5px 0 0 0;
	font-size: 83%;
	color: #999999;
	text-align: right;
}

.location a:link,
.location a:visited {
	padding: 0 0 1px 0;
	background: url(../images/border_line03.gif) repeat-x left bottom;
	color: #779f26;
	text-decoration: none;
}
.location a:hover,
.location a:active  {
	background: none;
	color: #666666;
	text-decoration: none;
}

/* Box ------------------------------ */

.pageTitle {
	width: 850px;
	height:57px;
	margin: 0 auto;
}

.pageTitle h2{
	float:left;
}

.pageTitle p.hdBunner{
	float:right;
}

.mainImage {
	width: 100%;
	background: #707779;
	text-align: center;
}

/* --------------------------------------------------------------------------------------
 TOP
--------------------------------------------------------------------------------------- */

/* Box ------------------------------ */

div#ctAreaIndex {
	width: 850px;
	margin: 0 auto;
	padding: 19px 0 21px 0;
}

div#top_ftRight {
	float: right;
	width: 311px;
}

div#top_ftRight li {
	margin: 0 0 7px 0;
	text-align: right;
}

div#top_ftRight li.last {
	margin: 0 0 21px 0;
	text-align: right;
}

div#top_ftLeft {
	float: left;
	width: 507px;
}

/* borderBox ------------------------------ */

div#top_ftLeft .borderBox {
	margin: 0 0 29px 0;
	padding: 9px 0 0 0;
	border: 1px #d0d0d0 solid;
	background: url(../../images/border_line01.gif) no-repeat 0 0;
}

div#top_ftLeft .borderBox .textBox {
	margin: 13px 0 0 0;
	padding: 0 0 13px 21px;
	background: url(../../images/top_img01.jpg) no-repeat right top;
}

div#top_ftLeft .borderBox .textBox h2 {
	margin: 0 0 11px 0;
}

div#top_ftLeft .borderBox .textBox p {
	width: 323px;
}

div#top_ftLeft .borderBox .textBox p.arw {
	margin: 12px 0 0 0;
	padding: 1px 0 0 19px;
	background: url(../images/ico_arw01.gif) no-repeat 0 0;
	line-height: 1.1;
}


/* NewsBox ------------------------------ */

div#top_ftLeft .newsBox {
	margin: 0 0 0 0;
}

div#top_ftLeft .newsBox h2 {
	margin: 0 0 15px 0;
}

div#top_ftLeft .newsBox dl dt {
	float: left;
	width: 85px;
	margin: 0 0 8px 0;
	padding: 0 0 0 15px;
	background: url(../images/ico_circle.gif) no-repeat 0 .2em;
	line-height: 1.2;
}

/*\*/
div#top_ftLeft .newsBox dl dt {clear: both;}
/**/

div#top_ftLeft .newsBox dl dd {
	float: left;
	width: 402px;
	margin: 0 0 8px 0;
	line-height: 1.2;
}

/*\*/* html div#top_ftLeft .newsBox dl dd {float: none;}/**/
*:first-child + html div#top_ftLeft .newsBox dl dd {float: none;}

div#top_ftLeft .newsBox dl:after { content:"."; display:block; height:0; clear:both; visibility:hidden; font-size: 0%;}
div#top_ftLeft .newsBox dl { display:inline-block; }
/*\*/
* html div#top_ftLeft .newsBox dl { height:1%; }
div#top_ftLeft .newsBox dl { display:block; }
/**/

/* お問い合わせ ------------------------------ */

div#top_ftRight .contactBox {
	position: relative;
	width: 311px;
	height: 130px;
	background: url(../../images/contact_bg.jpg) no-repeat;
}

div#top_ftRight .contactBox .txt {
	position: absolute;
	left: 16px;
	top: 13px;
}

div#top_ftRight .contactBox .btn {
	position: absolute;
	left: 16px;
	bottom: 13px;
}


/* --------------------------------------------------------------------------------------
 Flash
--------------------------------------------------------------------------------------- */

/* Box ------------------------------ */

div#flash {
	width: 100%;
	padding: 21px 0;
	background: #000000;
	text-align: center;
}

/* --------------------------------------------------------------------------------------
 secondpages
--------------------------------------------------------------------------------------- */

/* Box ------------------------------ */

.techniqueTitle {
	width: 790px;
	margin: 24px 0 0 30px;
}

.techniqueTitle p.catchTitle {
	margin: 0 0 5px 0;
	font-size: 250%;
	color: #4c6c2f;
	font-weight: bold;
	font-family: "ＭＳ 明朝",serif;
	letter-spacing: -1px;
}

.techniqueTitle p.catch {
	margin: 0 0 36px 0;
}


div#btBanner{
	margin-left:30px;
	padding-bottom:40px;
	text-align:center;
}

/* contactBOX ------------------------------ */

#contactBox {
	position: relative;
	width: 570px;
	height: 140px;
	margin: 0 0 39px 140px;
	background: url(../images/bg_contact.gif) no-repeat;
}

#contactBox .ttl {
	position: absolute;
	left: 18px;
	top: 16px;
}

#contactBox .txt {
	position: absolute;
	left: 168px;
	top: 16px;
}

#contactBox .btn {
	position: absolute;
	left: 168px;
	top: 89px;
}

#contactBox .img {
	position: absolute;
	right: 19px;
	top: 9px;
}

/* contactBOX ------------------------------ */

#contactBox2 {
	width: 605px;
	margin: 60px auto 0 auto;
}

#contactBox2 .innerBox{
	position: relative;
	width: 605px;
	height: 71px;
	background: url(../../SELECTED/images/contact2_bg.gif) repeat-y;
	border-bottom:#CCC solid 2px;
}


#contactBox2 .txt {
	position: absolute;
	left: 43px;
	top: 22px;
}

#contactBox2 .btn {
	position: absolute;
	right: 29px;
	top: 17px;
}


/* gallery ------------------------------ */

#gallery {
	width: 790px;
	margin: 50px 0 50px 30px;
}

#gallery .borderBox {
	border-top: 1px #669933 solid;
	margin:0;
	padding: 20px 0 10px 0; 
}

#gallery .leftTitle {
	float: left;
	width: 180px;
	margin:0;
}

#gallery .rightImg {
	display: inline;
	float: right;
	width: 600px;
	margin: 0;
}

#gallery .leftBox {
	float: left;
	width: 135px;
	margin: 0 20px 20px 0;
}

#gallery .rightBox {
	float: right;
	width: 135px;
	margin: 0 0 20px 0;
}

/* event */


#event {
	width: 790px;
	margin: 30px 0 80px 30px;
}

#event .borderBox{
	width: 790px;
	margin: 25px 0 0 0;
	padding: 0 0 25px 0; 
	background: url(../images/border_line04.gif) repeat-x left bottom;
}

#event .Boxend{
	width: 790px;
	margin: 25px 0 0 0;
}

#event .leftBox {
	display: inline;
	float: left;
	margin: 0 35px 0 0;
}

#event .rightBox {
	float: left;
	margin: 0;
}

#event .txt_caption{
	padding-bottom:5px;
}

/* process ------------------------------ */

#process {
	width: 790px;
	margin: 50px 0 80px 30px;
}

#process h3{
	margin:0 0 0 72px;
}

#process p{
	margin:0 0 0 72px;
}

#process .leftBox {
	display: inline;
	float: left;
	width: 250px;
	margin: 0 20px 40px 0;
}




/* technique ------------------------------ */

#technique {
	width: 790px;
	margin: 50px 0 0 30px;
}

#technique .leftBox {
	float: left;
	width: 375px;
	margin-bottom:56px;
}

#technique .rightBox {
	float: right;
	width: 375px;
	margin-bottom:56px;
}

#technique .borderBox {
	width: 365px;
	margin: 16px 0 10px 10px;
	padding: 0 0 10px 0; 
	background: url(../images/border_line04.gif) repeat-x left bottom;
}

#technique .leftInner {
	float: left;
	width: 219px;
}

#technique .rightImg {
	float: right;
}

#technique table {
	margin: 0 0 0 10px;
}

#technique table tr td {
	padding: 0 10px 0 0;
}

#technique table tr td.size10 {
	font-size: 83%;
}


/* original ------------------------------ */

#original {
	width: 790px;
	margin: 50px 0 80px 30px;
}

#original .borderBox {
	width: 789px;
	margin: 0 0 40px 0;
	padding: 0 0 40px 0; 
	background: url(../images/border_line04.gif) repeat-x left bottom;
}

#original .borderInner {
	margin: 0 0 0 0;
	padding: 0 0 22px 0;
	background: url(../../ORIGINAL/images/border_original.gif) repeat-y;
}

#original .borderBox .leftBox {
	display: inline;
	float: left;
	width: 249px;
	margin: 0 20px 0 0;
}

#original .borderBox .rightBox {
	display: inline;
	float: right;
	width: 249px;
}

#original .borderBox h3 {
	margin: 0 0 31px 0;
}

#original .borderBox dl dt {
	margin: 0 0 10px 0;
}

#original .borderBox dl p {
	margin: 0 10px 10px 0;
}

#original .borderBox .center {
	text-align: center;
	margin-top:20px;
}


/* original二段目 ------------------------------ */

#original .borderBox .leftText {
	display: inline;
	float: left;
	width: 334px;
	margin: 0 0 0 46px;
}

#original .borderBox .leftText p {
	margin: 0 0 25px 0;
}

#original .borderBox .leftText .colorGreen {
	color: #7AA227;
}

#original .leftTitle {
	float: left;
	padding-left:25px;
}

#original .rightImg {
	display: inline;
	float: right;
	margin: 0 25px 0 0;
}

#original .borderBox .leftText .leftBgBot {
	width: 329px;
	padding: 0 0 12px 0;
	background: url(../../ORIGINAL/images/original_bg_bot.gif) no-repeat left bottom;
}

#original .borderBox .leftText .leftBgRep {
	background: #f2f0e4;
}

#original .borderBox .leftText .leftBgText {
	margin: 8px 18px 0 18px;
	color:#666;
}

#original .borderBox .leftText .leftBgRep .right {
	margin: 0;
	text-align: right;
}


/* aboutus ------------------------------ */

#aboutus {
	width: 790px;
	margin: 50px 0 20px 30px;
}


#aboutus .borderBox{
	width: 780px;
	margin: 60px 0 20px 0;
	padding: 0 0 8px 0; 
	background: url(../images/border_line04.gif) repeat-x left bottom;
}

#aboutus .borderBox h3{
	float:left;
	margin-top:3px;
}

#aboutus .borderBox p{
	float:left;
	margin-left:15px;
}

#aboutus .floatBox1{
	width: 790px;
	background: url(../../ABOUTUS/images/aboutus_img02.jpg) no-repeat right bottom;
	padding-bottom:30px;
}

#aboutus .floatBox2{
	width: 790px;
	background: url(../../ABOUTUS/images/aboutus_img04.jpg) no-repeat right bottom;
	padding-bottom:30px;
}

#aboutus .floatBox3{
	width: 790px;
	background: url(../../ABOUTUS/images/aboutus_img06.jpg) no-repeat right bottom;
	padding-bottom:30px;
}

#aboutus .leftImg{
	width:224px;
	float:left;
}

#aboutus .leftImg p{
	margin-top:8px;
	padding:0;
	color:#666;
	font-size: 92%;
}

#aboutus .centerImg{
	float:left;
	margin-left:36px;
}

#aboutus #profileBox {
	width:790px;
	margin:40px 0 70px 0;
}


#aboutus table{
	border-collapse: collapse;border-spacing: 0;
	width: 100%;
	margin-bottom: 30px;
	border-top: 1px solid #bdbdbd;
}

#aboutus th, #aboutus td{
	padding:15px 10px;
}

#aboutus th{
	border-bottom: 1px solid #bdbdbd;
	border-left: none;
	background-color:#EEE;
	font-weight:normal;
	text-align:left;
	width:180px;
}

#aboutus td{
	border-bottom: 1px solid #bdbdbd;
	border-left: 1px dotted #bdbdbd;
	text-align:left;
}

#aboutus p.krinen{
	font-size:115%;
}

#aboutus dt{
	font-weight:bold;
}

#aboutus dd{
	margin:4px 0 6px 12px;
}


#aboutus #map{
	margin-top:10px;
	border: 1px solid #bdbdbd;
}



/* catalogue ------------------------------ */

#catalogue {
	width: 790px;
	margin: 50px 0 20px 30px;
}

#catalogue .leftBox {
	display: inline;
	float: left;
	width: 250px;
	margin: 0 20px 40px 0;
}

#catalogue .rightBox {
	float: right;
	width: 250px;
	margin: 0 0 40px 0;
}

#catalogue .btn {
	margin: 10px 0 0 10px;
}

/* products  */

#products {
	width: 790px;
	margin: 30px 0 80px 30px;
}

#products .linkBox {
	margin: 0 0 18px 0;
	padding: 4px 10px 4px 10px;
	background: #f4f4f4;
}

#products .linkBox li {
	display: inline;
	padding: 0 20px 0 11px;
	background: url(../images/ico_arw02.gif) no-repeat 0 .4em;
	font-size: 83%;
}

#products .itemBox {
	margin: 0 0 50px 0;
	padding: 0;
}

#products .itemBox h3 {
	display:block;
	padding:17px 0 0 0;
	margin: 0 0 23px 0;
	background: url(../images/border_line05.gif) no-repeat;
}

#products .leftBoxSet {
	width:576px;
	margin: 0;
	padding: 0;
	float:left;
}

#products .leftBoxSet .blockBox{
	margin-bottom:50px;
}



#products .rightBoxSet {
	width:177px;
	margin: 0;
	padding: 0;
	float: right;
}


#products .itemBox .itemInner {
	margin: 4px 0 2px 3px;
}

#products .itemBox .leftTitle {
	float: left;
	width: 73px;
	font-size: 113%;
	font-weight: bold;
	line-height: 1.2;
}

#products .itemBox .size10 {
	margin: 0 0 0 3px;
	font-size: 83%;
}

#products .itemBox .rightbtn {
	float: right;
}

#products .itemBox .leftBox {
	float: left;
	width: 140px;
	margin: 0 4px 25px 0;
}

#products .itemBox .rightBox {
	float: right;
	width: 140px;
}

#products .itemBox .leftBox img{
	cursor: pointer;
}


/* contact ------------------------------ */

#contact {
	width: 790px;
	margin: 5px 0 80px 30px;
}

#contact h3{
	margin:50px 0 8px 0;
}

#contact .formText{
	margin:0 0 30px 0;
}


#contact table{
	border-collapse: collapse;border-spacing: 0;
	width: 100%;
	margin-bottom: 30px;
	border-top: 1px solid #bdbdbd;
}

#contact th, #contact td{
	padding:15px 10px;
}

#contact th{
	border-bottom: 1px solid #bdbdbd;
	border-left: none;
	background-color:#EEE;
	font-weight:normal;
	text-align:left;
	width:160px;
}

#contact td{
	border-bottom: 1px solid #bdbdbd;
	border-left: 1px dotted #bdbdbd;
	text-align:left;
}



#contact .selectImg{
	margin-right:15px;
	display:block;
	float:left;
/*	display:inline-block;*/
}

#contact label{
	cursor: pointer;
}

#contact .emailText{
	margin:50px 0 0 0;
}


/* sitemap ------------------------------ */

#sitemap {
	width: 650px;
	margin: 40px 0 80px 99px;
	font-size:125%;
}

#sitemap .lis {
	margin-bottom:10px;
}

#sitemap .at {
	color:#669933;
	margin-right:5px;
}

#sitemap .at2 {
	color:#669933;
	margin-right:5px;
	font-size:80%;
}

#sitemap .leftsp{
	padding-left:20px;
}

#sitemap .fsize{
	font-size:80%;
}


/* selected ------------------------------ */


.selected_tab{
	background:url(../../SELECTED/images/selected_tab_bg.gif) repeat-x bottom left;
	margin:30px 0 30px 0;
}

.selected_tab ul{
	padding-left:30px;
}

.selected_tab li{
	margin-left:2px;
	float:left;
	display:inline-block;
}

div#mokuji{
	margin-top:20px;
	font-size:14px;
}

.selectedTitle {
	width:790px;
	margin:30px 0 30px 30px;
	padding: 0 0 80px 0; 
	background: url(../images/border_line04.gif) repeat-x left bottom;
}

.selectedTitle h3.catchTitle {
	float:left;
	width:289px;
}

.selectedTitle ul {
	float:right;
	width:484px;
}

#selected{
	width: 790px;
	margin: 20px 0 80px 30px;
}

#selected .borderBox {
	width: 790px;
	margin: 0 0 40px 0;
	padding: 0 0 40px 0; 
	background: url(../images/border_line04.gif) repeat-x left bottom;
}

#selected .boxend{
	background-image: none;
	font-size:115%;
}

#selected p.txt01{
	margin:30px 0;
}

#selected p.txt02{
	margin:30px 0;
	color:#C00;
}

#selected .seleInner{
	background:  url(../../SELECTED/images/selected_bg.gif) repeat-y;
	margin-top:30px;
}

#selected .seleInner .leftBox{
	float:left;
	width:380px;
}

#selected .seleInner .rightBox{
	float:right;
	width:380px;
}

#selected .seleInner p.txt01{
	margin:0;
	text-align:center;
	padding:15px 20px 10px 20px;
}


/* vol.2 */

.selectedTitle2 {
	width:790px;
	margin:30px 0 25px 30px;
}

.selectedTitle2 h3.catchTitle {
	padding-bottom:15px;
}

#selected .intro2{
	background:url(../../SELECTED/images/selected2_img01.gif) no-repeat;
	width:790px;
	height:523px;
	text-align:center;
}

#selected .intro2 p{
	padding-top:468px;
}

#selected .seleInner2{
	background:  url(../../SELECTED/images/selected2_bg_md.gif) repeat-y;
	margin-top:30px;
}

#selected .seleInner2 .leftBox{
	float:left;
	width:380px;
}

#selected .seleInner2 .rightBox{
	float:right;
	width:380px;
}

#selected .fc{
	color:#C00;
}

#selected .fs{
	font-size:140%;
	font-weight:bold;
}

#selected .con_txt{
	padding-bottom:20px;
	text-align:center;
}

#selected p.txt03{
	padding:10px 20px;
	text-align:left;
}

#selected .seleInner3{
	background:#f2f0e4;
	margin-top:30px;
}

#selected .seleInner3 .leftBox{
	float:left;
	width:361px;
	padding:10px 0 10px 25px;
}

#selected .seleInner3 .rightBox{
	float:right;
	width:347px;
	padding:10px 25px 10px 0;
}

#selected .seleInner3 p.txt01{
	margin:0;
	padding:12px 0 10px 0;
}

#selected .seleInner3 .sTtl{
	padding-top:18px;
}

#selected .seleInner3 .sTtl2{
	padding-bottom:10px;
}

#selected .seleInner3 .tpBox{
	padding:10px 0 10px 25px;
	width:740px;
}

#selected .seleInner3 .tpBox p.posiL{
	float:left;
	width:243px;
}

#selected .seleInner3 .tpBox p.posiR{
	float:right;
	width:481px;
}


#selected .seleInner3 .btBox{
	padding:10px 0 10px 25px;
	width:740px;
}

#selected .seleInner3 .btBox p.posiL{
	float:left;
	width:347px;
}

#selected .seleInner3 .btBox p.posiR{
	float:right;
	width:376px;
}

/* vol.3 */

#selected p.s3_txt02{
	padding-bottom:30px;
}

#selected .flowBox{
	margin-bottom:15px;
}

#selected .flowBox .leftBox{
	float:left;
	width:296px;
	height:240px;
	text-align:center;
}

#selected .flowBox .bgImg{
	background:url(../../SELECTED/images/selected3_bg_flow.gif) no-repeat;
}

#selected .flowBox .bgImg2{
	background:url(../../SELECTED/images/selected3_bg_flow2.gif) no-repeat;
}

#selected .flowBox .bgImg3{
	background:url(../../SELECTED/images/selected3_bg_flow3.gif) no-repeat;
}

#selected .flowBox .leftBox img{
	margin-top:50px;
	margin-bottom:5px;
}

#selected .flowBox .leftBox img.s3_img02{
	margin-top:35px;
	margin-bottom:5px;
}

#selected .flowBox .leftBox p{
	padding:0 15px;
}	
	
#selected .flowBox .rightBox{
	float:right;
	width:485px;
	height:240px;
	background:url(../../SELECTED/images/selected3_bg_magokoro.gif) no-repeat;
}

#selected .flowBox .rightBox p.s3_txt01{
	margin-left:45px;
}

#selected .flowBox .rightBox .rgLBox{
	float:left;
	width:253px;
}
#selected .flowBox .rightBox .rgRBox{
	float:right;
	width:231px;
}