@charset "UTF-8";

/* * * * * * * * * * * * * * * * * * *
 showcase / index.html
 * * * * * * * * * * * * * * * * * * */

/* mcR
mcRを上に上げ、H1との間隔を狭める */

.index #mcRcont {
	margin-top:-70px;}
	

/* タイトル */

.index h1 {
	background:url(../img/showcase/h1_index.gif) no-repeat;}
	
	
/* box */

.index .box {
	padding:30px 15px 0px 67px;}

.index .boxFoot {
	background:url(../img/showcase/box_btm.gif) bottom no-repeat;
	margin:0 0 10px 20px;
	padding-bottom:10px;
	width:486px;}
	
.index #box01 {
	background:url(../img/showcase/box01.gif) 0 0 no-repeat;}
.index #box02 {
	background:url(../img/showcase/box02.gif) 0 0 no-repeat;}
.index #box03 {
	background:url(../img/showcase/box03.gif) 0 0 no-repeat;}
.index #box04 {
	background:url(../img/showcase/box04.gif) 0 0 no-repeat;}

 
 

/* * * * * * * * * * * * * * * * * * *
 showcase / flow.html
 * * * * * * * * * * * * * * * * * * */

/* mcR
mcRを上に上げ、H1との間隔を狭める */

.flow #mcRcont {
	margin-top:-70px;}

/* タイトル */

.flow h1 {
	background:url(../img/showcase/h1_flow.gif) no-repeat;}


/* box */
.flow .box {
	margin-left:22px;
	width:485px;
	background:url(../img/showcase/box-flow-top.gif) 0 0 no-repeat;}

.flow #mcR dl {
	padding:90px 0 10px 0;}
	
.flow #mcR dt {
	display:none;}
	
.flow #mcR dd {
	padding:0 24px 38px 65px;
	min-height:52px;}
	
*html .flow #mcR dd {
	height:52px;}

#step5 {
	padding-top:20px !important;}
	 
 

/* * * * * * * * * * * * * * * * * * *
 showcase / qa.html
 * * * * * * * * * * * * * * * * * * */

/* mcR
mcRを上に上げ、H1との間隔を狭める */

.qa #mcRcont {
	margin-top:-70px;}

/* タイトル */

.qa h1 {
	background:url(../img/showcase/h1_qa.gif) no-repeat;}


/* テキスト */

.qa #mcR dl {
	margin:0 0 0 20px;
	padding:10px 24px 0 0;}
	
.qa #mcR dt {
	padding:5px 0 3px 40px;
	min-height:25px;
	background:url(../img/showcase/icon-q.gif) 0 0 no-repeat;
	color:#A17434;
	font-weight:bold;}
	
*html .qa #mcR dt {
	height:25px;}
	
.qa #mcR dd {
	margin-bottom:10px;
	padding:5px 0 10px 40px;
	min-height:25px;
	border-bottom:dashed 1px #CCC;
	background:url(../img/showcase/icon-a.gif) 0 0 no-repeat;}
	
*html .qa #mcR dd {
	height:25px;}
	
.qa #mcR dd.non {
	border:none;}
 
 

/* * * * * * * * * * * * * * * * * * *
 showcase / rate.html
 * * * * * * * * * * * * * * * * * * */

/* mcR
mcRを上に上げ、H1との間隔を狭める */

.rate #mcRcont {
	margin-top:-70px;}
	

/* タイトル */

.rate h1 {
	background:url(../img/showcase/h1_rate.gif) no-repeat;}
	
	
.rate h3 {
	width:486px;
	height:30px;
	font-size:0;
	text-indent:-9999px;}

.rate .box {
	padding:15px 0;
	font-size:14px;
	font-weight:bold;}

.rate #boxA h3 {
	background:url(../img/showcase/h3a.gif) 0 0 no-repeat;}
	
.rate #boxB h3 { background:url(../img/showcase/h3b.gif) 0 0 no-repeat;}

.rate #boxA ul {
	list-style:none;
	padding:15px 0 0 0;}

.rate #boxB img {
	float:right;
	margin:8px 28px;}

.rate #boxB h4 {
	padding:15px 0 0 0;}

.rate #boxB table {
	width:486px;
	margin:0 0 0 0;
	font-size:12px;}
	
.rate #boxB th, #boxB td {
	width:50%;
	padding:3px 0;
	text-align:center;}
	
.rate #boxB th {
	background:#E1D5C5;
	color:#630;}
	
.rate #boxB td {
	background:#F2F0E9;
	font-weight:normal;}