@charset "utf-8";
/* CSS Document */

#contents .contentsR p{
    padding: 0 0 20px 0;
    width: auto;
}

#contents .contentsR h5{
	color: #036;
	font-weight: bold;
	padding: 0 0 5px 0;
	margin: 0 0 15px 0;
	border-bottom: 1px dotted #036;
	clear:both;
}

#contents .contentsR table{
    border: solid 1px #CCC;
    border-collapse: collapse;
    margin-bottom: 20px;
}

#contents .contentsR th,
#contents .contentsR td{
	border: solid 1px #CCC;
	padding: 10px;
	vertical-align: top;
	text-align: left;
}

#contents .contentsR th{
	text-align: center;
	white-space: nowrap;
}

#contents .contentsR .btnArea{
    padding: 0 0 20px 0;
    float: left;
    width: 100%;
}

#contents .contentsR .btnArea dt{
    padding-top: 0;
    padding-right: 5px;
    padding-left: 0;
    padding-bottom: 20px;
}

/* meritUnit
------------------------------------------------------------*/

#contents .contentsR .meritUnit{
	background: #FAFAFA;
	padding: 20px;
	margin: 0 0 20px 0;
}

#contents .contentsR .meritUnit dl{
	background: #F4F9FD;
	border: solid 1px #CCC;
	padding: 10px 20px;
}

#contents .contentsR .meritUnit dd,
#contents .contentsR .meritUnit dt{
	display: table-cell;
	vertical-align: middle;
}

#contents .contentsR .meritUnit dt{
	width: 320px;
	padding: 0 20px 0 0;
}

#contents .contentsR .meritUnit dd{
	width: 250px;
}

/* IE 6 */
* html #contents .contentsR .meritUnit dt,
* html #contents .contentsR .meritUnit dd{
	display: inline;
	zoom: 1;
}

/* IE 7 */
*:first-child+html #contents .contentsR .meritUnit dt,
*:first-child+html #contents .contentsR .meritUnit dd{
display: inline;
zoom: 1;
}

/*\*//*/
* html *:first-child+html #contents .contentsR .meritUnit dt,
* html *:first-child+html #contents .contentsR .meritUnit dd{
display: inline-block;
}
/**/

#contents .contentsR .costcutTable{
	width: 450px;
	margin: 0 auto;
}

#contents .contentsR .costcutTable th{
	background: #F7F7E1;
	font-weight: bold;
}

#contents .contentsR .costcutTable th,
#contents .contentsR .costcutTable td{
	text-align: center;
	vertical-align: middle;
}

#contents .contentsR .costcutTable input{
	width: 80px;
	font-size: 12px;
}

#contents .contentsR .costcutTable input.btnCalculation{
	width: 55px;
	margin: 5px 0 0 0;
}

#contents .contentsR .costcutTable th.costprice{
	background: #1B3953;
	color: #FFF;
	width: 150px;
}

#contents .contentsR .costcutTable td.costprice{
	background: #F4F9FD;
}

#contents .contentsR .costcutTable td.costprice p{
	font-size: 150%;
	font-weight: bold;
	padding: 0;
}

#contents .contentsR p.NumUnit{
	width: 450px;
	text-align: right;
	margin: 0 auto;
	padding: 10px 0 20px 0;
}


/* meritAllUnit
------------------------------------------------------------*/

#contents .contentsR .meritAllUnit{
	background: #FAFAFA;
	padding: 20px;
	margin: 0 0 20px 0;
}
/* meritAllUnit
------------------------------------------------------------*/

#contents .contentsR .meritAllUnit_m0{
    background: #FAFAFA;
    padding-top: 20px;
    padding-right: 20px;
    padding-left: 20px;
    padding-bottom: 0px;
    margin-top: 0;
    margin-right: 0;
    margin-left: 0;
}
#contents .contentsR .chodenMerit {
    font-size: 117%;
    line-height: 38px;
    font-weight: bold;
    color: #FFFFFF;
    background-image: url(../images/h5_ttl_melit_bg.gif);
    background-repeat: no-repeat;
    padding-left: 28px;
}


#contents .contentsR .meritAllUnit .costCutTable th,
#contents .contentsR .meritAllUnit .costCutTable td,
#contents .contentsR .meritAllUnit_m0 .costCutTable th,
#contents .contentsR .meritAllUnit_m0 .costCutTable td{
	text-align: center;
}

#contents .contentsR .meritAllUnit .costCutTable th.verycard,
#contents .contentsR .meritAllUnit_m0 .costCutTable th.verycard{
	background: #1B3953;
	color: #FFF;
}

#contents .contentsR .meritAllUnit .costCutTable td.verycard,
#contents .contentsR .meritAllUnit_m0 .costCutTable td.verycard{
	background:#F4F9FD;
}

#contents .contentsR .meritAllUnit .costCutTable th.major,
#contents .contentsR .meritAllUnit_m0 .costCutTable th.major{
	background:#F7F7E1;
}

#contents .contentsR .meritAllUnit .costCutTable th.cost,
#contents .contentsR .meritAllUnit_m0 .costCutTable th.cost{
	background: #CC0000;
	color: #FFF;
	font-weight: bold;
}

#contents .contentsR .meritAllUnit .costCutTable td.cost,
#contents .contentsR .meritAllUnit_m0 .costCutTable td.cost{
	background:#FFEDF3;
}


#contents .contentsR .meritAllUnit .maneMenu dt.pic,
#contents .contentsR .meritAllUnit_m0 .maneMenu dt.pic{
    width: 171px;
    float: right;
}

#contents .contentsR .meritAllUnit .maneMenu dd.txt,
#contents .contentsR .meritAllUnit_m0 .maneMenu dd.txt{
	width: 445px;
	float: right;
}

#contents .contentsR .meritAllUnit .maneMenu dd.txt dl,
#contents .contentsR .meritAllUnit_m0 .maneMenu dd.txt dl{
	padding: 0 0 10px 0;
}

#contents .contentsR .meritAllUnit .maneMenu dd.txt dt,
#contents .contentsR .meritAllUnit_m0 .maneMenu dd.txt dt{
	font-weight: bold;
}


#contents .contentsR .meritAllUnit .cautionBox,
#contents .contentsR .meritAllUnit_m0 .cautionBox{
	background: #F4F9FD;
	border: solid 1px #CCC;
	padding: 10px;
}

#contents .contentsR .meritAllUnit .cautionBox dd ol,
#contents .contentsR .meritAllUnit_m0 .cautionBox dd ol{
	padding: 0 0 0 2em;
}

#contents .contentsR .meritAllUnit .cautionBox dd li,
#contents .contentsR .meritAllUnit_m0 .cautionBox dd li{
	list-style: decimal;
	padding: 0 0 5px 0;
}
#contents .contentsR .sceneUnit {
    margin-bottom: 20px;
    padding-top: 20px;
    padding-right: 20px;
    padding-bottom: 20px;
    padding-left: 20px;
}

#contents .contentsR .mannerUnit {
    margin-bottom: 20px;
    padding-top: 30px;
    padding-right: 0px;
    padding-bottom: 0px;
    padding-left: 0px;
}

#contents .contentsR .flowUnit {
    margin-bottom: 20px;
    padding-top: 30px;
    padding-right: 0px;
    padding-bottom: 0px;
    padding-left: 0px;
}



/* service navi
------------------------------------------------------------*/
.serviceNav{
	padding: 0 0 20px 0;
}

.serviceNav li{
	float: left;
	margin: 0 10px 5px 0;
	white-space: nowrap;
}

.serviceNav li a{
    padding-top: 0;
    padding-right: px;
    padding-left: 18px;
    padding-bottom: 0;
    background: url(../../common/images/icon_circle.gif) left center no-repeat;
    margin-right: 30px;
    width: auto;
}

/*　アコーディオン　*/
dl.accordion {
    background: #FAFAFA;
    width: 652px;
    margin-top: 0;
    margin-right: auto;
    margin-left: auto;
    padding: 10px;
}
dl.accordion dt {
    background-repeat: no-repeat;
    background-image: url(../images/acc_plus.jpg);
    height: 40px;
    line-height: 40px;
    cursor: pointer;
    float: right;
    width: 200px;
}
dl.accordion dt.open {
    background-repeat: no-repeat;
    background-image: url(../images/acc_minus.jpg);
    height: 40px;
    line-height: 40px;
    color: #333;
    cursor: pointer;
    float: right;
    width: 200px;
}
dl.accordion dd {
    background: #FFF;
    padding: 0px;
    display: none;
    clear: both;
}

dl.accordion2 {
    margin-top: 0;
    margin-right: auto;
    margin-left: auto;
    padding-right: 0px;
    padding-left: 0px;
    padding-bottom: 0px;
}
dl.accordion2 dt {
    background-repeat: no-repeat;
    background-image: url(../images/acc_bg02.jpg);
    height: 40px;
    text-indent: 20px;
    line-height: 40px;
    color: #333;
    cursor: pointer;
    text-shadow: 0px 0px 2px rgba(0,0,0,0.50);
    width: 672px;
    font-size: 134%;
    -webkit-box-shadow: 0px 0px;
    box-shadow: 0px 0px;
}
dl.accordion2 dt.open {
    background-repeat: no-repeat;
    background-image: url(../images/acc_bg01.jpg);
    height: 40px;
    text-indent: 20px;
    line-height: 40px;
    color: #333;
    cursor: pointer;
    text-shadow: 0px 0px 2px rgba(0,0,0,0.50);
    width: 672px;
    font-size: 134%;
    -webkit-box-shadow: 0px 0px;
    box-shadow: 0px 0px;
}
dl.accordion2 dd { background:#FFF; padding:10px; line-height:1.5; display:none;}




/*　マージン　*/

.m_all10 {
    margin: 10px;
}
.m_all20 {
    margin: 20px;
}

.mt_20 {
    margin-top: 20px;
}


/*　パディング　*/
.p_all10 {
    padding: 10px;
}
.p_all20 {
    padding: 20px;
}

/*　行揃え　*/
.al_c {
    text-align:center;
}