@charset "utf-8";

/*
a[href=""]:before{
	content	: "リンク設定が無い";
	-webkit-box-shadow	: 0px 0px 10px rgba(255,0,0,1.0);
	margin	: -2px;
	padding	: 2px;
	background-color	: white;
	position	: absolute;
	text-decoration	: none;
}

#section:hover{
	-webkit-box-shadow	: 0px 0px 5px rgba(0,0,0,0.5);
}
#section *:hover{
	-webkit-box-shadow	: 0px 0px 5px rgba(0,0,0,0.5);
	background-color	: rgba(0,0,0,0.1);
	position			: relative;
}
#section *[class]:hover:before{
	content		: "."attr(class);
}
#section *[id]:hover:before{
	content		: "#"attr(id);
}
#section *[class][id]:hover:before{
	content		: "#"attr(id)"."attr(class);
}
#section *[class]:hover:before,
#section *[id]:hover:before,
#section *[class][id]:hover:before{
	-webkit-box-shadow	: 0px 0px 10px rgba(255,0,0,1.0);
	margin			: -2px;
	padding			: 2px;
	background-color: rgba(255,255,255,0.5);
	position		: absolute;
	font-weight		: bold;
	height			: 18px;
	left			: 0;
	top				: -20px;
	z-index			: 1000;
}
*/

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

#section *{
	margin	: 0 0 10px 10px;
}
	#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		: 10px;
	margin-bottom	: 10px;
}
	#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 10px 0;
	padding			: 0 0 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 10px 10px;
		padding			: 0 10px 0 0;
	}


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



/*** コラム ***/
#section div.column{
	padding			: 10px 10px 0 0;
	border			: 1px solid #aaaaaa;
	background-color: #cccccc;
}


/*** 水平線 ***/
#section hr{
	clear		: both;
    display		: block;
    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:10px;
	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: 10px;		/* 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	: 10px;
	float			: left;
	display			: block;
	min-width		: 70px;
	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	: #eae9e9;
		color		: #333333;
		border		: 1px solid #dedede;
		padding		: 5px;
		text-align	: center;
		white-space	: nowrap;
		vertical-align	: top;
	}
	#section table td,
	#section table.layout table td{
		border	: 1px solid #dedede;
		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 ul.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;
	}




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

#section div.r1{
	padding-right:300px;
	height		: 475px;
	background	: transparent url("../reform/images/r1bg.jpg") no-repeat scroll right 100px;
}
#section div.r2{
	padding-right:300px;
	height		: 557px;
	background	: transparent url("../reform/images/r2bg.jpg") no-repeat scroll right 70px;
}
#section div.r1 h2,
#section div.r2 h2{
	margin-right	: -300px;
}

#section dl.faq{

}
	#section dl.faq dt{
		height			: 50px;
		padding-top		: 5px;
		padding-left	: 90px;
	}
	#section dl.faq dt.q1{background:transparent url("../faq/images/q1.jpg") no-repeat scroll left top;}
	#section dl.faq dt.q2{background:transparent url("../faq/images/q2.jpg") no-repeat scroll left top;}
	#section dl.faq dt.q3{background:transparent url("../faq/images/q3.jpg") no-repeat scroll left top;}
	#section dl.faq dt.q4{background:transparent url("../faq/images/q4.jpg") no-repeat scroll left top;}
	#section dl.faq dt.q5{background:transparent url("../faq/images/q5.jpg") no-repeat scroll left top;}
	#section dl.faq dd{
		border				: 1px solid #dedede;
		background-color	: #eae9e9;
		margin				: 0 0 20px;
		padding				: 5px;
		min-height			: 50px;
	}

#section div.f1{
	padding-right	: 300px;
	background	: transparent url("../feedback/images/f1bg.jpg") no-repeat scroll right top;
}
	#section div.f1 h2{
		margin-right	: -300px;
	}
#section #omoi{
	width	: 480px;
	height	: 173px;
	background	: transparent url("../feedback/images/omoi.jpg") no-repeat scroll left top;
	padding	: 40px 10px 0 180px;
}

#section div.staff{
	margin-left	: 10px;
	margin-bottom:20px;
	padding		: 0 35px 25px 30px;
	background	: transparent url("../staff/images/staff_bg.png") no-repeat scroll left bottom;
}
	#section div.staff h2{
		margin-left	: -30px;
		margin-right: -30px;
	}

#section table.media{
	margin-bottom	: 15px;
	background	: transparent url("../company/images/media_bg.png") no-repeat scroll right bottom;
}
	#section table.media img{
		display	: block;
		margin-bottom	: 0;
	}
	#section table.media td{
		vertical-align	: top;
	}
	#section table.media h3{
		width		: 495px;
		background	: transparent url("../company/images/media_h.png") no-repeat scroll left top;
		padding		: 5px;
		margin-bottom	: 0;
	}
		#section table.media h3 span{
			float	: right;
		}
	#section table.media p{
		padding		: 5px;
	}
#section ul.history li{
	list-style-type	: none;
	background		: transparent url("../company/images/history.png") no-repeat scroll left center;
	padding-left	: 10px;
}

#section dl.link{
	margin-bottom	: 20px;
}
#section dl.link dt{
	border	: 1px solid #dedede;
	background:	#eae9e9 url("../company/images/link.png") no-repeat scroll 10px center;
	padding	: 5px 5px 5px 20px;
}
#section dl.link dd{
	border	: 1px solid #dedede;
	padding	: 5px 5px 5px 20px;
	margin-left:0;
}

#section div.block{
	padding		: 0 10px 10px 10px;
	background	: transparent url("../images/bg.png") no-repeat scroll right bottom;
	overflow	: visible;
	height		: 100%;
	_zoom		: 1;
}
	#section div.block:after{
		content: "."; display: block; height: 0; clear: both; visibility: hidden;
	}
#section div.block h2{
	margin		: 0 -10px 0 0px;
}
#section div.feedback{
	margin		: 0 0 10px 10px;
	padding		: 10px 15px 10px 5px;
	height		: 105px;
	overflow	: visible;
	height		: auto;
	*zoom		: 1;
	background	: transparent url("../images/feedback.png") no-repeat scroll left top;
}
	#section div.feedback img{
		display	: block;
	}

#section a#btn1{
	width		: 170px;
	background	: transparent url("../images/btn1.png") no-repeat scroll left top;
}
#section a#btn2{
	width		: 140px;
	background	: transparent url("../images/btn2.png") no-repeat scroll left top;
}
#section a#btn3{
	width		: 90px;
	background	: transparent url("../images/btn3.png") no-repeat scroll left top;
}
#section a#btn1,
#section a#btn2,
#section a#btn3{
	height		: 25px;
	text-indent	: -9999px;
	display		: block;
	text-align	: left;
	margin		: 0 0 0 auto;
}
#section a#btn1:hover,
#section a#btn2:hover,
#section a#btn3:hover{
	background-position	 : right bottom;
}

#section dl#news{
	margin-left	: 20px;
	height		: 400px;
	width		: 470px;
	overflow	: auto;
}
#section dl#news dt{
	background	: transparent url("../company/images/history.png") no-repeat scroll left center;
	text-indent	: 10px;
}
	#section dl#news dt img{
		margin	: 0;
	}
	#section dl#news dt span{
		padding-right	: 10px;
	}
#section dl#news dd{
	margin-left	: 0;
	padding-left	: 10px;
	padding-bottom	: 5px;
	border-bottom	: 1px dotted #ccc;
	margin-bottom	: 5px;
}

#section ol.flow{
	margin	: 0;
}
	#section ol.flow li{
		list-style-type	: none;
		margin	: 0;
		padding	: 0 30px 40px 30px;
		background	: transparent url("../flow/images/flow_vf.png") no-repeat scroll right bottom;
		overflow	: visible;
		height		: auto;
		*zoom		: 1;
	}
	#section ol.flow li:after{
		content: "."; display: block; height: 0; clear: both; visibility: hidden;
	}
	#section ol.flow li.end{
		background-image	: url("../flow/images/flow_vf_end.png");
	}
		#section ol.flow li h2{
			margin	: 0 -30px 10px -20px;
		}

#section ul.achieve	li{
	width		: 193px;
	height		: 233px;
	padding		: 13px 14px 0 13px;
	background	: transparent url("../achieve/images/btn_bg.png") no-repeat scroll 10px top;
}
#section ul.achieve	li div{
	width		: 183px;
	height		: 140px;
	text-align	: center;
	overflow	: hidden;
	margin		: 0 0 3px 10px;
}
#section ul.achieve	li div img{
	display	: block;
	margin	: 0 auto;
	height	: 140px;
}
#section ul.achieve	li p{
	height	: 64px;
	text-indent: 10px;
	overflow: hidden;
}

#section #btn_list{
	width		: 155px;
	height		: 25px;
	overflow	: hidden;
	margin		: 0 0 0 auto;
	display		: block;
	text-indent	: -945px;
	text-align	: left;
	background	: transparent url("../achieve/images/btn_list.png") no-repeat scroll left top;
}
#section #btn_list:hover{
	background-position	: right bottom;
}
#section #btn_listx{
	width		: 155px;
	height		: 25px;
	overflow	: hidden;
	margin		: 0 0 0 auto;
	display		: block;
	text-indent	: -945px;
	text-align	: left;
	background	: transparent url("../achieve/images/btn_list.png") no-repeat scroll left top;
}
#section #btn_listx:hover{
	background-position	: right bottom;
}
#section #btn_genre{
	width		: 135px;
	height		: 25px;
	overflow	: hidden;
	margin		: 0 0 0 auto;
	display		: block;
	text-indent	: -945px;
	text-align	: left;
	background	: transparent url("../achieve/images/btn_genre.png") no-repeat scroll left top;
}
#section #btn_genre:hover{
	background-position	: right bottom;
}

#section div.detail{
	padding-left	: 15px;
}

	#section div.detail img{
		display	: block;
	}
	#section div.detail h2{
		height	: 70px;
		line-height	: 70px;
		text-indent	: 50px;
		margin-left	: -5px;
		background	: transparent url("../achieve/images/h2.png") no-repeat scroll left top;
	}
	#section div.detail div{
		width	: 640px;
		height	: 480px;
		margin	: 0 0 0 10px;
		text-align	: center;
		overflow	: hidden;
	}
		#section div.detail div img{
			margin	: 0 auto;
		}
	#section div.detail li{
		width	: 130px;
		height	: 100px;
	}
	#section div.detail th{
		background-color	: #d7eff6;
		text-align		: center;
		width			: 100px;
	}
	#section div.detail td{
		background-color	: #fff;
	}

#section div.inquiry{
	padding		: 340px 15px 0 15px;
	background	: transparent url("../inquiry/images/bg.jpg") no-repeat scroll right top;
}
	#section div.inquiry p#m{
		padding-left	: 130px;
	}
	#section div.inquiry strong{
		color			: #cc3300;
	}
	#section div.inquiry table th{
		background-color	: #666260;
		color				: white;
	}
	#section div.inquiry table td{
		background-color	: white;
	}