@charset "utf-8";

/* ---------------------------------------------
	cmn_style.css

--------------------------------------------- */

.h2_basic {
	padding-bottom: 15px;
}
body#id_design .h2_basic,
body#id_visual .h2_basic {
	padding-bottom: 5px;
}







/* index */
.worksSec {
	display: block;
	min-height: 1%;
}
.worksSec:after {
	clear: both;
	content:".";
	display: block;
	height: 0;
	visibility: hidden;
}
* html .worksSec {
	height: 1%;
	/*\*//*/
	height: auto;
	overflow: hidden;
	/**/
}
.worksSec {
	width: 690px;
	margin: 160px auto 0;
	text-align: left;
}

.worksSec .fltL,
.visualA {
	width:271px;
	height: 18px;
	overflow: hidden;
}
.worksSec .fltR,
.designF {
	width:253px;
	height: 18px;
	overflow: hidden;
}

.worksSec .fltL a,
.visualA a {
	width:270px;
	height: 18px;
	display: block;
}
.worksSec .fltR a,
.designF a {
	width:253px;
	height: 18px;
	display: block;
}

.worksSec .fltL a:hover,
.worksSec .fltR a:hover,
.designF a:hover,
.visualA a:hover {
	margin-top: -18px;
}

.designF,
.visualA {
	clear:both;
	margin-left: 400px !important;
	margin-left: 0px;
}

.designF { 
	background: url(../images/works_txt_02.gif) 0 400px no-repeat;
	width: 253px;
	height: 18px;
	overflow: hidden;
}


/* design */
body#id_design .sectionLv2 .fltR ul,
body#id_visual .sectionLv3,
body#id_visual .sectionLv3 ul
 {
	display: block;
	min-height: 1%;
}
body#id_design .sectionLv2 .fltR ul:after,
body#id_visual .sectionLv3:after,
body#id_visual .sectionLv3 ul:after {
	clear: both;
	content:".";
	display: block;
	height: 0;
	visibility: hidden;
}
* html body#id_design .sectionLv2 .fltR ul,
* html body#id_visual .sectionLv3,
* html body#id_visual .sectionLv3 ul {
	height: 1%;
	/*\*//*/
	height: auto;
	overflow: hidden;
	/**/
}



body#id_design .sectionLv2,
body#id_visual .sectionLv2 {
	margin: 0 auto;
	width: 693px !important;
	width: 695px;
	border: 1px solid #666666;
}
	body#id_design .sectionLv2 .fltL,
	body#id_visual .sectionLv2 .fltL {
		border-right: 1px solid #666666;
	}
		body#id_design .sectionLv2 .fltL table,
		body#id_visual .sectionLv2 .fltL table {
			width: 336px;
			height: 336px;
			background-color: #000000;
		}
			body#id_design .sectionLv2 .fltL table td,
			body#id_visual .sectionLv2 .fltL table td {
				text-align: center;
				vertical-align: middle;
			}
		body#id_visual .sectionLv2 .fltL table {
			background-color: transparent;
		}
	body#id_design .sectionLv2 .fltR,
	body#id_visual .sectionLv2 .fltR {
		overflow: auto;
		width: 352px;
		height: 336px;
	}
		body#id_design .sectionLv3 h3 {
			padding: 15px 0 12px;
		}
		body#id_design .sectionLv2 .fltR ul {
			clear: both;
			padding:0 28px 2px;
		}
			body#id_design .sectionLv2 .fltR ul li {
				float: left;
				width: 64px;
			}
				body#id_design .sectionLv2 .fltR ul li img {
					vertical-align: bottom;
				}


		body#id_visual .sectionLv3 {
			margin: 0 10px;
			padding: 5px 0 10px;
			border-top: 1px solid #666666;
		}
			body#id_visual .sectionLv3 ul {
				display: inline;
				float: left;
				width: 105px;
				margin-left: 5px;
				padding-top: 20px;
			}
				body#id_visual .sectionLv3 ul li {
					float: left;
					margin-right: 2px;
				}
			body#id_visual .sectionLv3 dl {
				float: right;
				width: 195px;
				text-align: left;
			}
				body#id_visual .sectionLv3 dl dd {
					padding-left: 1em;
				}