td {  font-size: 11pt; text-decoration: none}

.pt10 {  font-size: 10pt}
.pt11 {  font-size: 11pt}
.pt13 {  font-size: 13pt}
A:link {color : #660099 }
A:visited {color: #660099 }
A:active {color: #ff0000; text-decoration: none }
A:hover {color: #ff0000; text-decoration: none } 

td.white A:link { color : #ffffff }
td.white A:visited { color: #ffffff }
td.white A:active { color: #ff0000; text-decoration: none }
td.white A:hover { color: #ff0000; text-decoration: none } 

.al { text-align:left; }
.ac { text-align:center; }
.ar { text-align:right; }

.new{ margin: 0 0 12px 0; }

.company { margin:20px 0px; }

.p_lineh { line-height:1.5em; }

.com_ul {
	list-style:none;
	margin:5px 0px 0px 0px;
	padding:0px;
}

.com_ul li {
	background:url(img/company/company_2.gif) no-repeat left top;
	padding-left:30px;
	padding-top:2px;
	padding-bottom:5px;
	margin-bottom:5px;
}


.footer_link { font-weight:bold; }

/*wbh_[?P---------------------------------------*/
#h1_copy {
	width:765px;
/*	background-color:#484e0b;	*/
	background:url(img/back_1.gif) #484e0b repeat-y top right;
	font-size:12px;
	margin:0px 0px 0px 0px; padding:0px;
	line-height:1.5em;
	color:#FFFFFF;
}

#main_logo { text-align:right; background:#909A26; }

/*gbvy[W?gsbNX---------------------------*/
#topi {
	width:230px;
	margin:0px;
	background:url(img/topi_b.gif) no-repeat bottom left;
	padding-bottom:62px;
	border:1px solidj #000000;
}

#topi .topi_title{
	background:url(img/topi_top.gif) no-repeat top left;
	width:170px;
	padding:30px 20px 10px 40px;
}

 * html #topi .topi_title{ width:230px; }

#topi p{
	background:url(img/topi_m.gif) repeat-y left center;
	margin:0px;
	padding-left:40px;
	padding-right:35px;
	font-size:12px;
	line-height:1.5em;
	text-align:left;
}

#topi p.topi_title{
	font-weight:bold;
	font-size:13px;
}

/*gbvy[W?gsbNX---------------------------*/
#new_topi {
	width:230px;
	margin:0px 0px 10px 0px;
	background:url(img/topics/bottom.gif) no-repeat bottom left;
	padding-bottom:62px;
}

#new_topi .topi_title{
	background:url(img/topics/top.gif) no-repeat top left;
	padding:35px 35px 10px 65px;
	margin:0px;
	font-size:0.87em;
}

#new_topi p{
	background:url(img/topics/center.gif) repeat-y left center;
	margin:0px;
	padding-left:40px;
	padding-right:40px;
	font-size:0.87em;
	line-height:1.5em;
	text-align:left;
}

/*VW?]-----------------------------------*/
#top_news{ margin:0px 10px; }


/*@W?? ----------------------------*/

.ex,.nv_ex .img_b{ margin-right:10px; }

.ex , .exx p{ line-height:1.5em; }

.2007ex_b{ margin:5px 0px 0px 0px; }

.ex , .nv_ex{
	text-align:center;
	width:500px;
	margin:20px 0px;
	}
	
.nv_ex{ 
	padding:5px 0px;
	border: 1px solid #CCCCCC;
	background:url(img/ex/navi_bg.jpg) top right no-repeat;
	}

	
.nv_ex p{
	line-height:1.5em;
	margin:10px 0px 5px 0px;
	padding:5px 0px;
	color:#666666;
	background:#FFFFFF;
	font-size:12px;
	}

.ex p{
	clear:both;
	width:500px;
	margin:5px 0px;
	padding:8px 0px;
	background-color:#336666;
	color:#FFFFFF;
}

.ex .img_l , .img_lb{
	float:left;
	margin:20px;
	border:none;
}

.img_lb{
	margin:0px 0px 0px 20px;
}

.ex .img_r{
	float:right;
	border:none;
	border-bottom:5px solid #FFFFFF;
	border-left:5px solid #FFFFFF;
}

.ex .ex_border , .exx .ex_border{
	margin-top:10px;
	text-align:center;
}

.exx{
	width:700px;
	margin:10px 0px;
	}

.exx .img_l{
	float:left;
	border-right:20px solid #FFFFFF;
	border-bottom:20px solid #FFFFFF;

}

.exx .img_r{
	margin-left:20px;
}

.exx h1 {
	background:url(img/ex/ex_5.gif) no-repeat bottom left;
	margin-top:0px;
	padding-bottom:15px;
	font-size:14px;
	text-align:left;
	color:#333333;
}

.exx dl{
	margin:5px;
}

.exx dt{
	padding-left:7px;
	padding-top:5px;
	padding-bottom:5px;
	border-left:10px solid #336666;
}

.exx dd{
	margin:10px 0px 0px 0px;
	padding:5px;
	border:1px dotted #999999;
	line-height:1.5em;
}

.exx .back_b{ 
	float:right;
	margin:10px 20px; 
}
	
.clear{ clear:both; }

/*フロートクリア*/
.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	height:0;
	visibility:hidden;
}
.clearfix {
	clear: both;
	display: inline-block;
}
	/*Hides from IE-mac\*/
	* html .clearfix {height:1%; }
	.clearfix {display: block;}
	/*End*/

/* ====================================================== */
/*	qly[W	[ id="review" ]@	
/* ====================================================== */
#review { color:#666666; }
#review .unit {
	width:510px;
	background:url(img/review/unit_line.jpg) no-repeat bottom center;
	margin:0px 29px 33px 22px;
	padding:0px 0px 68px 0px;
	text-align:center;
}
#review .unit h3 {
	background:url(img/review/title-2.gif) no-repeat bottom left;
	margin:0px 7px 15px 7px;
	padding:0px 0px 0px 37px;
	border-bottom:2px solid #6D770D;
	line-height:1.3;
	font-size:1.15em;
	text-align:left;
	color:#6D770D;
}
#review .unit h3 span {
	margin-left:10px;
	font-size:0.87em;
	font-weight:normal;
	color:#666666;
}
#review .unit .photo { margin-bottom:15px; }
#review .unit p { margin:0px 50px; }
#review .btn_ex { display:block; margin:10px 0px 0px 0px; }

#review a img { border:none; }

.page_count { margin:0px 35px 15px 35px; text-align:left; color:#666666; }
.page_count .back_page {
	padding-left:110px;
	background:url(img/review/btn_back.gif) no-repeat top left;
}
.page_count .next_page {
	padding-right:110px;
	background:url(img/review/btn_next.gif) no-repeat top right;
}

.page_top { margin-right:15px; }



/* ===================================================== */
/*	l
/* ===================================================== */
.tbl_job {
	width:650px;
	margin-bottom:3em;
	border-top:1px solid #006600;
	font-size:1em;
}

.tbl_job th,
.tbl_job td {
	padding:5px;
	border-bottom:1px solid #006600;
}
.tbl_job th {
	width:106px;
	background:#dddddd;
	font-weight:normal;
} 
.tbl_job .title td { background:#ffffcc; color:#FF0000; font-weight:bold; }


.c_orange { color:#FF6600; }



/* ===================================================== */
/*	link
/* ===================================================== */
#link { margin-top:20px; }
#link h2 { margin:0px 0px 20px; }
#link .wrap { margin-bottom:50px; }
#link img { border:none; }

	#link .tbl_link_b { }
	#link .tbl_link_b th { padding-bottom:5px; vertical-align:bottom; }
	#link .tbl_link_b td { padding-left:20px; font-size:0.72em; color:#999999; }
	#link .dl_link { margin-top:20px; }
	#link .dl_link dt { color:#9C793F; font-weight:bold; }
	#link .dl_link dd { margin:0px 0px 10px 0px; padding:5px; background:#EEEEEE none repeat scroll 0 0; border:1px solid #D5B67D; color:#666666; font-size:0.82em; line-height:1.35; }
	#link .tbl_link_list { border-top:1px dotted #999999; }
	#link .tbl_link_list th { padding:15px; border-bottom:1px dotted #999999; }
	#link .tbl_link_list td { border-bottom:1px dotted #999999; }
	#link .tbl_link_list td a { display:block; font-weight:bold; }

/*	リンクボタン	*/	
.footer_link { border:none; }
.footer_link img { border:none; vertical-align:bottom; margin-bottom:-5px; }



/* ===================================================== */
/*	トップページ　新着事例集
/* ===================================================== */
#top_ex { width:200px; margin:0px 0px 10px 0px; }
#top_ex a img { border:none; }

	#top_ex .unit { padding:10px 0px; background:url(common/image/shared/line_short.jpg) no-repeat bottom center; }
	#top_ex .unit .left { float:left; width:90px; margin:0px; text-align:right; }
	#top_ex .unit .left img { margin-right:10px; }
	#top_ex .unit ul { margin:0px; }
	#top_ex .unit li { display:inline; list-style:none; }
	#top_ex .unit p { margin:5px 0px 5px 90px; font-size:0.87em; }


/* ===================================================== */
/*	ロックな人
/* ===================================================== */
#column { margin-right:25px; margin-left:15px; }
#column a img { border:none; }
#column .page_count { margin:0px; padding:20px 0px; border-top:1px dotted #cccccc; }


	#column .unit { margin-bottom:50px; }
	#column .title { margin-bottom:20px; padding:7px; border-top:1px solid #046506; border-bottom:1px solid #046506; }
	#column .title h2 { margin:0px; padding-left:25px; background:url(common/image/mark/daia.gif) no-repeat 0px 2px; font-weight:bold; text-align:left; font-size:1.15em; }
	#column .title .day { margin:0px; text-align:right; }
	#column .photo { padding-top:20px; margin-bottom:20px; background:url(common/image/shared/back_long.jpg) repeat top left; border:1px solid #DDDCD8; }
	#column .photo ul { margin:20px 20px 0px; padding:0px; text-align:center; }
	#column .photo li { width:230px; height:190px; margin:0px; list-style:none; }
	#column .photo li.left { float:left; text-align:right; }
	#column .photo li.right { float:right; text-align:left; }
	#column .photo p { clear:both; margin-top:0px; text-align:center; }
	#column .text p { text-align:left; }



/* ===================================================== */
/*	事例集一覧
/* ===================================================== */
#ex_list { margin-right:35px; margin-left:25px; }
#ex_list a img { border:none; }
#ex_list .page_count { margin:0px; padding:20px 0px; }

	/*	.navi
	---------------------------------------------------- */
	#ex_list .navi { margin:20px 0px 40px; font-size:0.87em; color:#333333; }
	#ex_list .navi ul { margin:0px 0px 10px; padding:5px 0px; background:url(common/image/shared/back_long.jpg) repeat top left; border:1px solid #DDDCD8; text-align:center; }
	#ex_list .navi ul li { display:inline; margin:0px 10px; list-style:none; }

	/*	.wrap
	---------------------------------------------------- */
	#ex_list .wrap { margin-bottom:40px; padding-bottom:40px; background:url(common/image/shared/line_long.jpg) no-repeat bottom center; }
	#ex_list .unit { background:url(common/image/shared/line_dod.gif) repeat-y top left; }
	#ex_list .unit .left { float:left; width:330px; text-align:right; margin:0px; }
	#ex_list .unit .left img { margin-right:20px; }
	#ex_list .unit .right { float:right; width:177px; background:url(common/image/shared/back_l_hl.jpg) repeat-x top left; text-align:left;  }
	#ex_list .unit .right ul { margin:10px; padding:0px; }
	#ex_list .unit .right li { margin:0px; padding:0px; display:inline; list-style:none;  }
	#ex_list .unit .right p { margin:20px 10px; }
	#ex_list .unit .right .btn { margin:0px 10px; }




/* ===================================================== */
/*	事例集詳細
/* ===================================================== */
#ex_detail { margin:20px 30px; }
#ex_detail .wrap { margin-bottom:20px; }
#ex_detail ul { margin:0px; padding:0px; }
#ex_detail li { margin:0px; padding:0px 0px 20px; list-style:none; background:url(common/image/shared/txt_click.gif) no-repeat bottom center; }
#ex_detail a img { border:none; }

	/*	.title
	---------------------------------------------------- */
	#ex_detail .title { text-align:left; }
	#ex_detail .title .icon { float:left; background:#ffffff; margin-right:15px; }
	#ex_detail .title .icon li { display:inline; background:none; padding-bottom:0px; }
	#ex_detail .title .day { margin:0px 0px 5px; padding:5px 0px 10px; background:url(common/image/shared/back_d_hl.jpg) no-repeat bottom right; font-size:0.87em; color:#666666; }
	#ex_detail .title h2 { margin:0px; font-weight:normal; }
	
	/*	.before_after
	---------------------------------------------------- */
	#ex_detail .before_after { background:url(common/image/shared/back_ba.jpg) repeat-x top left; }
	#ex_detail .before_after ul { padding:20px 25px; }
	#ex_detail .before_after ul li { width:310px; }
	#ex_detail .before_after .left { float:left; text-align:right; }
	#ex_detail .before_after .right { float:right; text-align:left; }
	#ex_detail .before_after li h3 { margin:0px 0px 10px; text-align:left; }
	
	/*	.photo
	---------------------------------------------------- */
	#ex_detail .photo { }
	#ex_detail .photo ul { margin:0px 30px; }
	#ex_detail .photo li { width:310px; margin:0px 0px 30px; list-style:none; }
	#ex_detail .photo li.left { float:left; text-align:right; }
	#ex_detail .photo li.right { float:right; text-align:left; }
	#ex_detail .photo li .caption { clear:both; display:block; margin-top:5px; text-align:center; color:#666666; font-size:0.72em; }
	
	/*	.text
	---------------------------------------------------- */
	#ex_detail .text { margin:0px 30px 50px; padding:10px; background:url(common/image/shared/back_long.jpg) repeat top left; border:1px solid #DDDCD8; text-align:left; }
	#ex_detail .text p { margin:5px; }