@charset "utf-8";

/*** section ********************************************************************/

#section *{
	margin	: 0 0 15px 15px;
}
	#section * *{
		margin	: 0;
	}

#section strong{
	font-weight	: bold;
}

#section em{
	color		: #cc3333;
}

#section dt{
	font-weight	: bold;
}

#section p,
#section img,
#section h4,
#section table,
#section dl,
#section dd,
#section ul,
#section ol,
#section hr,
#section div.column{
	margin-left		: 15px;
	margin-bottom	: 15px;
}
	#section ul li,
	#section ol li,
	#section dl dd{
		margin-left		: 1.5em;
	}
	#section ul ul{
		margin-bottom	: 0;
	}
	#section p img{
		margin	: 0;
	}


/*** アーティクル ***/
#section div.article{
	margin			: 0 0 15px 15px;
	padding			: 0 15px 0 0;
	clear			: both;
	height			: auto;
	overflow		: visible;
}
#section div.article:after{
	content: "."; display: block; height: 0; clear: both; visibility: hidden;
}
	#section div.article div.article{
		margin			: 0 0 15px 15px;
		padding			: 0 15px 0 0;
	}


/*** 見出し ***/
#section h2{
	clear	: both;
	margin	: 0 -15px 15px 0px;	/* articleのpadding分マイナス左右マージン */
	background	: transparent none no-repeat scroll left top;
}
#section h3{
	clear	: both;
	margin	: 0 -15px 15px 0px;	/* articleのpadding分マイナス左右マージン */
	background	: transparent none no-repeat scroll left top;
}


/*** 水平線 ***/
#section hr{
    display		: block;
    clear		: both;
    height		: 1px;
    border		: 0;
    border-top	: 1px dotted #cccccc;
}



/*** 署名 ***/
#section p.end_sign{
	clear			: both;
	text-align		: right;
}

/*** 注釈 ***/
#section p.end_notice{
	text-align		: right;
	font-size		: 80%;
	color			: #cc3333;
}
#section span.notice{
	font-size		: 80%;
}

/*** トップに戻る ***/
#section p.back_to_top{
	text-align	: right;
	clear		: both;
}

/*** 左右寄せ ***/
#section .photo_image_right,
#section .photo_image_left{
	text-align	: center;
	height		: 100%;
	overflow	: visible;
	margin-bottom:15px;
	display		: inline;
}
#section img.photo_image_right,
#section img.photo_image_left{
	height		: auto;
	position	: relative;
}
#section .photo_image_right{
	float		: right;
}
#section .photo_image_left{
	float		: left;
	margin-right: 15px;		/* element幅（気休め程度） */
}


/*** フォーム ***/
#section table input,
#section table textarea{
	height		: 1.5em;
	border-top	: 1px solid #cccccc;
	border-left	: 1px solid #cccccc;
	border-right	: 1px solid #eeeeee;
	border-bottom	: 1px solid #eeeeee;
	padding	: 2px;
	height	: auto;
	width	: 400px;
}
#section table th span{
	color			: #cc3333;
}
#section table td label{
	white-space		: nowrap;
	padding-right	: 15px;
	float			: left;
	display			: block;
	min-width		: 100px;
	position		: relative;
	_position		: static;
}
	#section table td label input{
		position	: relative;
		_position	: static;
		top			: 3px;
		border-top		: none;
		border-left		: none;
		border-right	: none;
		border-bottom	: none;
		width	: 1.5em;
	}
	#section table td label span{
		padding-left:5px;
	}
#section div.buttons{
	text-align	: center;
	margin		: 20px auto;
}
	#section div.buttons input{
		width	: 100px;
		height	: 2em;
	}


/*** テーブル ***/
#section table{
	border-collapse	: collapse;
	margin-top		: 1px;
}
#section table.layout table{
	width		: auto;
}
	#section table th,
	#section table.layout table th{
		background-color	: #fff9b7;
		color		: #333333;
		border		: 1px solid #cccccc;
		padding		: 5px;
		text-align	: left;
		white-space	: nowrap;
		font-weight	: normal;
		vertical-align	: top;
	}
	#section table td,
	#section table.layout table td{
		border	: 1px solid #cccccc;
		padding	: 5px;
	}

/*** レイアウト用テーブル ***/
#section table.layout{
	border	: none;
	margin	: 0;
	padding	: 0;
	width	: 100%;
}
	#section table.layout td,
	#section table table.layout td{
		border	: none;
		margin	: 0;
		padding	: 0;
		vertical-align	: top;
	}


/*** ボックス横並べ ***/
#section .gallery{
	margin			: 0;
	width			: 100%;
	height			: auto;
	overflow		: visible;
}
#section ul.gallery:after{
	content: "."; display: block; height: 0; clear: both; visibility: hidden;
}
	#section ul.gallery li{
		list-style-type	: none;
		margin			: 0;
		float			: left;
	}
		#section ul.gallery li ul li{
			list-style-type	: disc;
			margin-left		: 1.5em;
			float			: none;
		}
		#section ul.gallery li ol li{
			list-style-type	: decimal;
			margin-left		: 1.5em;
			float			: none;
		}


/*** ボックス中央寄せ横並べ ***/
#section ul.buttons{
	margin			: 0;
	width			: 100%;
	height			: 100%;
	overflow		: visible;
	text-align		: center;
}
	/* テキストノード分の2~3ピクセルが開くので注意 */
	#section ul.buttons li{
		display			: inline-block;
		margin			: 0;
		*display		: inline;
		*zoom			: 1;
	}


/*** テーブルDL ***/
#section dl.horizontal{
	height			: auto;
	overflow		: visible;
}
#section dl.horizontal:after{
	content: "."; display: block; height: 0; clear: both; visibility: hidden;
}
	#section dl.horizontal dt{
		float	: left;
		clear	: both;
		width	: 80px;
		margin-bottom	: 0;
	}
	#section dl.horizontal dd{
		float	: left;
		margin-bottom	: 0;
	}


/*** section - JSもの **********************************************************************/

#section dl.scrap{
	margin			: 0;
	width			: 100%;
	height			: auto;
	overflow		: visible;
}
#section dl.scrap:after{
	content: "."; display: block; height: 0; clear: both; visibility: hidden;
}

#section dl.tab{
	margin			: 0;
	width			: 100%;
	height			: auto;
	overflow		: visible;
}
#section dl.tab:after{
	content: "."; display: block; height: 0; clear: both; visibility: hidden;
}
	#section dl.tab dt{
		margin			: 0;
		float			: left;
	}
	#section dl.tab dd{
		clear		: both;
	}


/*** section - 単発もの ********************************************************************/

#section div.p1,
#section div.p2,
#section div.p3,
#section div.p4{	margin-right:-15px;padding-right:30px;padding-top:40px;margin-bottom:15px;	}
#section div.p1 img,
#section div.p3 img{	margin-bottom	: 0px;display:block;}
#section div.p2 img,
#section div.p4 img{	margin-bottom	: 5px;display:block;}
#section div.p1 p,
#section div.p2 p,
#section div.p3 p,
#section div.p4 p{	line-height	: 25px;margin-bottom	: 25px;	font-size:12px;}
#section div.p1{	height	: 363px;background-image:url("../policy/images/bg1.jpg");}
#section div.p2{	height	: 368px;background-image:url("../policy/images/bg2.jpg");}
#section div.p3{	height	: 565px;background-image:url("../policy/images/bg3.jpg");}
#section div.p4{	height	: 418px;background-image:url("../policy/images/bg4.jpg");}

#section div.p1,
#section div.p3{	padding-left: 345px;}
#section div.p2,
#section div.p4{	padding-left: 15px;padding-right:360px;}

#section div.feedback{
	margin		: 0 0 15px 15px;
	padding-top	: 10px;
	padding-right	: 15px;
	background	: #f9fcff url("../feedback/images/bg.png") no-repeat scroll left top;
	height			: 100%;
	overflow		: visible;
}
#section div.feedback:after{
	content: "."; display: block; height: 0; clear: both; visibility: hidden;
}

#section div.column1,
#section div.column2,
#section div.column3{
	clear	: both;
	margin	: 0 0 15px 15px;
	min-height	: 120px;
	_height		: 120px;
	background	: #fff9b9 url("../works/images/person1.jpg") no-repeat scroll 15px bottom;
	padding	: 10px 10px 1px 140px;
}
#section div.column2{
	background	: #fff9b9 url("../works/images/person2.jpg") no-repeat scroll 15px bottom;
}
#section div.column3{
	background	: #fff9b9 url("../works/images/person3.jpg") no-repeat scroll 15px bottom;
}


#section strong{
	color	: #f0ae31;
}

#section em{
	color	: #ab0000;
	font-size	: 12px;
}

#section table.ba{
	margin-left	: 5px;
	background	: transparent url("../achieve/images/arrow.png") no-repeat scroll 315px 140px;
}
	#section table.ba div.frame{
		width	: 310px;
		height	: 229px;
		padding	: 0 0 10px 10px;
		text-align	: center;
		overflow	: hidden;
	}
		#section table.ba div.frame img{
			margin	: 0 auto;
		}
	#section table.ba img{
		margin	: 0 0 10px 10px;
		display	: block;
	}
	#section table.ba p{
		padding		: 15px;
		margin		: 0 0 10px 10px;
		line-height	: 25px;
		text-indent	: 45px;
		height		: 178px;
		background	: transparent url("../achieve/images/sheet.png") no-repeat scroll left top;
	}


#section table.ev{
	margin-left	: 5px;
}
	#section table.ev img{
		margin	: 0 0 10px 10px;
		display	: block;
	}
	#section table.ev div.frame{
		width	: 310px;
		height	: 229px;
		padding	: 0 0 10px 10px;
		text-align	: center;
		overflow	: hidden;
	}
		#section table.ev div.frame img{
			margin	: 0 auto;
		}
	#section table.ev div.ri{
		margin	: 0 0 15px 15px;
		height	: 400px;
		background	: transparent url("../event/images/comment.png") no-repeat scroll left top;
	}
		#section table.ev div p.title{
			padding	: 40px 30px 20px 100px;
			height	: 102px;
			font-size	: 12px;
		}
		#section table.ev div p.comment{
			line-height	: 25px;
			padding		: 0 5px 0;
		}

#section #inq{
	height	: 168px;
	margin	: -15px 0 15px 15px;
	background	: transparent url("../company/images/inq.jpg") no-repeat scroll left top;
	padding	: 50px 240px 0 0;
}

#section div.staff1{
	padding-right	: 240px;
	background	: transparent url("../staff/images/bg1.jpg") no-repeat scroll right top;
	height		: 730px;
	margin		: 0 0 15px 15px;
}

#section div.works{
	background	: transparent url("../images/bg.jpg") no-repeat scroll left bottom;
	height		: 235px;
	padding-right	: 340px;
	position	: relative;
}
	#section div.works h2{
		margin-bottom	: 5px;
		margin-right	: -340px;
	}
	#section div.works p{
		line-height	: 25px;
	}
	#section div.works p.btn{
		text-align	: right;
		position	: absolute;
		bottom		: 10px;
		left		: 210px;
	}

.home #section ul.gallery{
	margin-left	: -10px;
	margin-right	: -15px;
	width		: 690px;
}
	.home #section ul.gallery p{
		margin-left	: 10px;
		text-align	: right;
	}
	.home #section ul.gallery img{
		display		: block;
	}
	.home #section ul.gallery span{
		padding-left	: 10px;
		font-size		: 12px;
		background		: transparent url("../images/arrow.jpg") no-repeat scroll left center;
	}

#section dl#news{
	margin-left	: 5px;
	margin-right	: -15px;
}
#section dl#news span.date{
	background-color	: #f48600;
	padding				: 1px 3px;
	color				: white;
}
#section dl#news dt{
	margin-bottom	: 5px;
}
#section dl#news dd{
	margin-left		: 0;
	margin-bottom	: 10px;
	border-bottom	: 1px dotted #ccc;
	padding-bottom	: 5px;
}