@charset "utf-8";
/* 
 * 右ブロック用スタイルシート
 * おもに各種バナーの書式
 *
 */
/* common =================== */
/* バナーに共通のクラス。例外的なレイアウトの場合はoverrideせよ */
.btn_more {
	padding: 0 0 10px 26px;
}
.btn_more a {
	display: block;
	width: 131px;
	height: 21px;
}
/* general box ==================== */
/* サブメニューのように使う一般的なボックスのレイアウト */
#right_block .general_box {
	padding: 0;
	margin: 17px 0 0 0;
}
#right_block .general_box .desc {
	padding: 5px 10px 2px 10px;
}
#right_block .general_box .btn_more {
	padding: 0 0 0 25px;
}
#right_block .general_box .btn_more a {
	display: block;
	width: 143px;
	height: 32px;
}
/* webiz ==================== */
#webiz {
	width: 197px;
	height:229px;
	padding: 0px 0 0 0;
	margin: 0 0 22px 0;
	background:url(../../images/webiz_background.jpg) no-repeat;
	clear: both;
}
#webiz .desc {
	padding: 65px 10px 5px 10px;
	line-height:14px;
}
#webiz strong {
	font-weight: bold;
	color: #882222;
}
#webiz .btn_more {
	padding: 40px 0 10px 30px;
}
#webiz .btn_more a {
	background: transparent url(../../images/banner/webiz-more.gif) no-repeat 0 -21px;
}
#webiz .btn_more a:hover {
	background: transparent url(../../images/banner/webiz-more.gif) no-repeat 0 0;
}
/* diagnosis_long ==================== */
#diagnosis_long {
	width:194px;
	height:229px;
	padding: 9px;
	background:url(../../images/diagnosis_background.jpg) no-repeat;
}
#diagnosis_long .desc {
	color: #b52f2f;
	line-height:14px;
	padding:30px 15px 0 0;
}
#diagnosis_long .text{
	line-height:14px;
	padding:15px 15px 0 0;
}
#diagnosis_long .winners .winner {
	padding: 0 0 7px 0;
}
#diagnosis_long .btn_more {
	padding: 0 0 0px 2px;
	margin: 20px 0 0 0;
}
#top #diagnosis_long .btn_more {
	padding: 0 0 10px 209px;
	margin: 10px 0 0 0;
}
#diagnosis_long .btn_more a {
	width:171px;
	height:32px;
	background: transparent url(../../images/banner/diagnosis-more.gif) no-repeat 0 0;
}
#diagnosis_long .btn_more a:hover {
	background: transparent url(../../images/banner/diagnosis-more.gif) no-repeat 0 -32px;
}

/* ordermaid==================== */
#ordermade{
	margin:0px 0 0 0px;
	text-align:center;
}
#ordermade .btn_more {
	padding:0;
	margin: 0 0 0 18px;
	width:318px;
}
#ordermade .btn_more a {
	background: transparent url(../../images/top-estimatation-btn.gif) no-repeat 0 0;
	width:318px;
	height:80px;
}
#ordermade .btn_more a:hover {
	background: transparent url(../../images/top-estimatation-btn.gif) no-repeat 0 -80px;
	width:318px;
	height:80px;
}
/*portfolio==================== */
#portfolio{
	margin:30px 0 0 28px;
}
#portfolio h4{
	margin:0 0 20px 0;
}
/* staff ==================== */
#right-staff {
	padding: 9px;
	margin-top:30px;
	background-color: #d5d5d5;
}

#right-staff .winners {
	border-top: 1px solid #a5a5a5;
	border-left: 1px solid #a5a5a5;
	border-bottom: 1px solid #fff;
	border-right: 1px solid #fff;
	background-color: #f3f3f3;
}
#right-staff .winners img {
	padding: 0 0 0 15px;
}
#right-staff .winners .text {
	padding: 18px 10px 13px 15px;
	font-size: 90%;
	line-height: 1.4em;
}

#right-staff .btn_more {
	padding: 0 0 10px 26px;
	margin: 10px 0 0 0;
}
#top #right-staff .btn_more {
	padding: 0 0 10px 209px;
	margin: 10px 0 0 0;
}
#right-staff .btn_more a {
	background: transparent url(../../images/banner/diagnosis-more.gif) no-repeat 0 0;
}
#right-staff .btn_more a:hover {
	background: transparent url(../../images/banner/diagnosis-more.gif) no-repeat 0 -21px;
}

/* price ==================== */
#sub_price {
	width:197px;
	height:164px;
	background:url(../../images/ordermade_background.jpg) no-repeat;
}
#sub_price h4{
	margin:0px 0 0 10px;
	padding:10px 0 0 0;
}
#sub_price p{
	line-height:14px;
}
#sub_price .btn_more{
	margin:30px 0 0 0;
}
#sub_price .btn_more a {
	background: transparent url(../../images/banner/price-more.gif) no-repeat 0 0;
}
#sub_price .btn_more a:hover {
	background: transparent url(../../images/banner/price-more.gif) no-repeat 0 -32px;
}
/* workflow ==================== */
#sub_workflow .btn_more a {
	background: transparent url(../../images/banner/workflow-more.gif) no-repeat 0 0;
}
#sub_workflow .btn_more a:hover {
	background: transparent url(../../images/banner/workflow-more.gif) no-repeat 0 -32px;
}

/* pac ==================== */
#sub_pac .btn_more a {
	background: transparent url(../../images/banner/pac-more.gif) no-repeat 0 0;
}
#sub_pac .btn_more a:hover {
	background: transparent url(../../images/banner/pac-more.gif) no-repeat 0 -32px;
}


/* saiyo ==================== */

#top-saiyo{
	margin:20px auto;
	}
	
#top-saiyo .btn_more {
	padding:0;
	margin: 0;
	width:360px;
}

#top-saiyo .btn_more a {
	background: transparent url(../../images/saiyo-top-btn.gif) no-repeat 0 0;
	width:360px;
	height:80px;
}
#top-saiyo .btn_more a:hover {
	background: transparent url(../../images/saiyo-top-btn.gif) no-repeat 0 -80px;
	width:360px;
	height:80px;
}


#sub_saiyo .btn_more {
	padding:0;
	margin: 30px 0 0 0;
	width:193px;
}

#sub_saiyo .btn_more a {
	background: transparent url(../../images/saiyo-right-btn.gif) no-repeat 0 0;
	width:193px;
	height:80px;
}
#sub_saiyo .btn_more a:hover {
	background: transparent url(../../images/saiyo-right-btn.gif) no-repeat 0 -80px;
	width:193px;
	height:80px;
}

/* estimatation ==================== */

#top-estimatation{
	margin:54px auto 32px 18px;
	}
	
#top-estimatation .btn_more {
	padding:0;
	margin: 0;
	width:360px;
}

#top-estimatation .btn_more a {
	background: transparent url(../../images/top-estimatation-btn.gif) no-repeat 0 0;
	width:360px;
	height:80px;
}
#top-estimatation .btn_more a:hover {
	background: transparent url(../../images/top-estimatation-btn.gif) no-repeat 0 -80px;
	width:360px;
	height:80px;
}

#mid-estimatation{
	margin:50px auto 0 14px;
}
	
#mid-estimatation .btn_more {
	padding:0 0 0 10px;
	margin: 0;
	width:360px;
}

#mid-estimatation .btn_more a {
	background: transparent url(../../images/bnr_youe_lab.gif) no-repeat 0 0;
	width:340px;
	height:75px;
}
#mid-estimatation .btn_more a:hover {
	background: transparent url(../../images/bnr_youe_lab.gif) no-repeat 0 -75px;
	width:340px;
	height:75px;
}

#sub_estimatation .btn_more {
	padding:0;
	margin:0;
	width:193px;
}

#sub_estimatation .btn_more a {
	background: transparent url(../../images/estimatation-right-btn.gif) no-repeat 0 0;
	width:193px;
	height:80px;
}
#sub_estimatation .btn_more a:hover {
	background: transparent url(../../images/estimatation-right-btn.gif) no-repeat 0 -80px;
	width:193px;
	height:80px;
}