@charset "shift_jis";
/* CSS Document */

/* head
----------------------------------------------------------- */
.head {
	height:100px;
	background-image:url(../img/a_contents_back.jpg);
}

.contents_p_1{
	position:absolute;
	top:16px;
	left:615px;
	}
/* cont2
----------------------------------------------------------- */
.cont2{
	background-image:url(../img/a_contents2_back.jpg);
	background-repeat:no-repeat;
	background-position:top;
	height:100%;
	}

	
/* main
----------------------------------------------------------- */
.main{
	padding-bottom:0px;
	}
.main img{
	}
.main p{
	}
	
/* main　各ページのタイトル
----------------------------------------------------------- */
/*共通設定*/

.cont_title{
	width:620px;
	height:85px;
	margin-top:10px;
	margin-bottom:5px;
	color:#FFFFFF;
	font-size:0.75em;
	background-position:bottom;
	background-repeat:no-repeat;
	}
/*個別ページ設定*/
#title_ognl0{
	background-image:url(../img/ognl0_title.gif);
	}
#title_ognl1{
	background-image:url(../img/ognl1_title.gif);
	}
#title_ognl2{
	background-image:url(../img/ognl2_title.gif);
	}
#title_about{
	background-image:url(../img/about_title.gif);
	}
#title_works{
	background-image:url(../img/works_title.gif);
	}
#title_form{
	background-image:url(../img/form_title.gif);
	}

/* main　pankuzu
----------------------------------------------------------- */
.pankuzu{
	text-align:right;
	line-height:100%;
	}
.pankuzu ul{
	line-height:100%;
	}
.pankuzu li{
	display:inline;
	padding-right:20px;
	background-image:url(../img/a_pankuzu.gif);
	background-repeat:no-repeat;
	background-position:right;
	font-size:0.75em;
	}
.pankuzu li#last{
	padding-right:0px;
	background-image:none;
	}
*html body .pankuzu li{
	padding-left:10px;
	}

.pankuzu a{
	}
.pankuzu a:hover{
	}
/* main　totop
----------------------------------------------------------- */
.totop{
	text-align:right;
	padding-bottom:30px;
	}

/* main　contact
----------------------------------------------------------- */
.contact_d_1{
	padding-top:50px;
	padding-bottom:20px;
	width:620px;
	clear:both;
	
	}

.contact_d_1 a:hover {
	opacity: 0.7; /* Opera・Safari */
	-moz-opacity:0.7; /* Firefox */
	filter: alpha(opacity=70); /* IE */
	zoom: 1; /* IE */
}


/* main　Explain
----------------------------------------------------------- */
.page_explain{
	padding-top:30px;
	}


/*ここより各ページの設定*/
/* ognl0
----------------------------------------------------------- */
.main#ognl0{
	padding-bottom:50px;
	}
.ognl0_d_1{
	height:135px;
	width:620px;
	}
.ognl0_d_1 p{
	}
.ognl0_d_1 a{
	display:block;
	height:135px;
	color:#FFFFFF;
	text-decoration:none;
	font-size:0.5em;
	overflow:hidden;
	background-repeat:no-repeat;
	background-position:left bottom;
	}
.ognl0_d_1 a:hover{
	background-position:right bottom;
	}
#panorama a{
	background-image:url(../img/ognl0_j_1.jpg);
	}
#fence a{
	background-image:url(../img/ognl0_j_2.jpg);
	}



/* ognl1
----------------------------------------------------------- */
p.ognl_p_1{
	font-size:0.88em;
	min-height:131px;
	line-height:175%;
	border-left:solid 3px #a3a9b6;
	padding-left:8px;
	margin-top:30px;
	}
p.ognl_p_1 img{
	float:right;
	margin-left:5px;
	}

div#ognl1 h3{
	clear:both;
	padding-top:20px;
	padding-bottom:5px;
	}
.ognl1_t_1{
	width:100%;
	border-top:solid 1px #999999;
	border-left:solid 1px #999999;
	margin-top:5px;
		}
.ognl1_t_1 th ,.ognl1_t_1 td{
	font-size:0.75em;
	padding-top:3px;
	padding-bottom:3px;
	border-bottom:solid 1px #999999;
	border-right:solid 1px #999999;
	}
.ognl1_t_1 th{
	font-weight:bold;
	}
.ognl1_t_1 td{
	padding-left:12px;
	vertical-align:top;
	line-height:130%;
	background-image:url(../img/ognl1_g_6.gif);
	background-repeat:no-repeat;
	background-position:left bottom;
	}
/* ognl1
----------------------------------------------------------- */
div#ognl2 hr{
	clear:both;
	color:#FFFFFF;
	width:500px;
	}
div#ognl2 h3{
	clear:both;
	padding-top:20px;
	padding-bottom:5px;
	}
.ognl2_d_1{
	width:405px;
	float:left;
	}
.ognl2_d_1 img{
	margin-bottom:10px;
	}
.ognl2_d_2{
	width:204px;
	float:right;
	}

/* about
----------------------------------------------------------- */
.main#about{
	background-image:url(../img/about_j_1.jpg);
	background-repeat:no-repeat;
	background-position:right 115px;
	}
.about_d_1{
	font-size:0.88em;
	line-height:170%;
	border-left:solid 3px #339999;
	padding-left:8px;
	margin-top:30px;
	}
#about h3{
	margin-top:60px;
	margin-bottom:10px;
	}
.about_t_1{
	}
.about_t_1 th ,.about_t_1 td{
	font-size:0.82em;
	line-height:130%;
	padding-top:5px;
	padding-bottom:5px;
	border-bottom:dotted 1px #999999;
	}
.about_t_1 th{
	white-space:nowrap;
	vertical-align:top;
	width:120px;
	}
.about_t_1 td{
	width:500px;
	}
	
* html .pngfix {
behavior: expression(IEPNGFIX.fix(this));
} 
/* form
----------------------------------------------------------- */
.main#form{
	padding-bottom:50px;
	}
.main#form h3{
	margin-top:50px;
	margin-bottom:30px;
	}
.form_p_1{
	text-align:right;
	font-size:0.75em;
	}
.form_p_2{
	font-size:0.88em;
	padding-bottom:15px;
	}

.form_p_1 span{
	color:#FF0000;
	}
.form_t_1{
	}
.form_t_1 th ,.form_t_1 td{
	font-size:0.82em;
	line-height:130%;
	padding-top:10px;
	padding-bottom:10px;
	border-bottom:dotted 1px #999999;
	}
.form_t_1 th{
	white-space:nowrap;
	vertical-align:top;
	width:170px;
	}
.form_t_1 th span{
	color:#FF0000;
	}
.form_t_1 td{
	width:450px;
	}
#company ,#name ,#add ,#tel ,#mailaddress ,#mailaddress2 ,#opinion{
	font-size:0.88em;
	padding:3px;
	}
#company ,#name ,#tel ,#mailaddress ,#mailaddress2{
	width:300px;
	}
#add ,#opinion{
	width:400px;
	}
#form input[type="text"]:focus {
   background-color: #ffffcc;
   border: 1px solid #cccccc;
}
#form textarea[name="opinion"]:focus {
   background-color: #ffffcc;
   border: 1px solid #cccccc;
}
#form textarea[name="add"]:focus {
   background-color: #ffffcc;
   border: 1px solid #cccccc;
}


div.main#form .page_explain{
	padding-top:0px;
	padding-bottom:15px;
	}
/*err*/
#form_err_d_1{
	padding:10px;
	line-height:200%;
	color:#663333;
	border:dotted 3px #cccccc;
	}


/*works
------------------------------------------------------*/
div.works_d_1{
	width:620px;
	padding-top:20px;
	}
.works_d_1 h3{
	clear:both;
	color:#FFFFFF;
	background-image:url(../img/works_g_1.gif);
	background-repeat:no-repeat;
	background-position:top;
	padding:35px 10px 10px 5px;
	}
div.works_d_1 a img{
	float:left;
	padding:1px;
	}
div.works_d_1 a:hover img{
	background-color:#999999;
	}

div.works_d_1 img{
	
	}