@charset "utf-8";

/*----------------------------------------------------------------------------
   /pet ： individual style
----------------------------------------------------------------------------*/

/*--------------------------------------- index.html */
/* main image+copy */
.petMain{
width:680px;
margin:-15px 0 20px 0;
background:url(../images/main_bg.gif) repeat-y 0 0;
}
.petMain .conBtm{background:url(../images/main_btm.gif) no-repeat 0 100%;}
.petMain .conTop{
padding:34px 40px 16px 14px;
background:url(../images/main_top.gif) no-repeat 0 0;
}

.petMain .mainImage{
float:left;
padding:12px 16px 13px 14px;
background:url(../images/main_img_bg.gif) no-repeat 0 0;
}
.petMain .mainLead{
float:right;
width:295px;
padding-top:21px;
color:#8f5b01;
font-weight:bold;
}

.petMain .mainLead h3{
margin:0 0 20px 0;
padding:0 0 17px 0;
border:none;
background:url(../images/pet_main_ttl_bg.gif) repeat-x 0 100%;
}

/* contents navi */
.pet .petNavi{
margin-top:10px;
background:url(../images/pet_dl_bg.gif) repeat-y 0 0;
}
.pet .petNaviBtm{background:url(../images/pet_dl_btm.gif) no-repeat 0 100%;}

.pet .petNavi dl{float:left; width:220px; margin-right:10px;}
.pet .petNavi .last{margin-right:0;}

.pet .petNavi dd{padding:2px 10px 10px;}


/*--------------------------------------- flow */

.reccomend .rcmMain{
width:687px;
background:url(../images/rcm_main_bg.gif) repeat-y 0 0;
}
.reccomend .rcmBtm{
padding-bottom:12px;
background:url(../images/rcm_main_btm.gif) no-repeat 0 100%;
}
.reccomend .rcmMain h3{
margin:0;
padding:30px 0 0 20px;
background:url(../images/rcm_main_top.gif) no-repeat 0 0;
}
.reccomend .rcmMain div.clear{
padding:15px 27px 25px 20px;
background:url(../images/rcm_main_inbtm.gif) no-repeat 0 100%;
}
.reccomend .rcmMain p.floatL{width:270px;}
.reccomend .rcmMain ul.floatR{width:360px; margin-top:0.5em;}

.reccomend .tableLayout01{
border-top:1px solid #b0b0b0;
border-right:1px solid #b0b0b0;
border-left:1px solid #b0b0b0;
}
.reccomend .tableLayout01{margin-top:1em;}
.reccomend .tableLayout01 th{
padding:8px 10px;
border-bottom:3px double #b0b0b0;
text-align:center;
background-color:#d9efd5;
}
.reccomend .tableLayout01 td{
border-bottom:1px solid #b0b0b0;
}
.reccomend .tableLayout01 .course{
background-image:url(../images/rcm_01_bg01.gif);
background-repeat:repeat-y;
background-position:0 0;
}
.reccomend .tableLayout01 .course dl{
width:320px;
padding:15px 4px 15px 11px;
background:url(../images/rcm_01_bg02.gif) no-repeat 0 50%;
}
.reccomend .tableLayout01 .course dl.mss{width:326px;}
.reccomend .tableLayout01 .course .detail{
width:auto;
padding:0;
background:none;
}
.reccomend .tableLayout01 .course .detail{margin-top:10px;}
.reccomend .tableLayout01 .course .detail dt{margin-bottom:5px;}
.reccomend .tableLayout01 .course .detail dd{padding:1px 0 0 0;}
.reccomend .tableLayout01 .course dd{padding:10px 0 0 10px;}
.reccomend .tableLayout01 .check ul{padding-left:15px;}
.reccomend .tableLayout01 .check li{margin:18px 0;}

.reccomend .tableLayout02{
border-top:1px solid #b0b0b0;
border-left:1px solid #b0b0b0;
}
.reccomend .tableLayout02 th,
.reccomend .tableLayout02 td{
padding:5px 10px;
border-bottom:1px solid #b0b0b0;
border-right:1px solid #b0b0b0;
font-weight:bold;
text-align:center;
}
.reccomend .tableLayout02 thead th{
padding:8px 10px;
border-bottom:3px double #b0b0b0;
background-color:#e1e1e1;
}
.reccomend .tableLayout02 .left{text-align:left;}
.reccomend .tableLayout02 .bgYerrow{background-color:#fff3b4;}
.reccomend .tableLayout02 .bgBlue{background-color:#d8e7ef;}
.reccomend .tableLayout02 .bgGreen{background-color:#d9efd5;}
.reccomend .tableLayout02 .bgOrange{background-color:#ffe1b2;}

.tableAnno{margin-top:5px; text-align:right;}
.tableAnno li{margin-top:5px;}
.attention{margin-top:30px;}


/*--------------------------------------- flow */

.flow .flowBox01{
width:641px;
margin:0 auto;
background:url(../../common/images/flow_bg.gif) repeat-y 0 0;
}
.flow .flowBox01Btm{background:url(../../common/images/flow_btm.gif) no-repeat 0 100%;}
.flow .flowBox01 dl{
padding:10px;
background:url(../../common/images/flow_top.gif) no-repeat 0 0;
}
.flow .flowBox01 dt{float:left; width:270px; text-align:center; padding:25px 0;}
.flow .flowBox01 dd{float:right; width:335px; padding:10px 0;}
.flow .flowArr{text-align:center; margin:10px auto;}

.flow .flowBox02{
width:641px;
margin:0 auto;
background:url(../images/flow_bg02.gif) repeat-y 0 0;
}
.flow .flowBox02Top{background:url(../images/flow_top02.gif) no-repeat 0 0; padding:15px;}
.flow .flowBox02Btm{background:url(../images/flow_btm02.gif) no-repeat 0 100%;}
.flow .flowBox02 dt{margin-bottom:5px;}
.flow .colorRed{color:#d32b2b;}

/*--------------------------------------- price */

.price .tableLayout01,
.price .tableLayout02{border-top:1px solid #b0b0b0; border-left:1px solid #b0b0b0;}
.price .tableLayout01 th,
.price .tableLayout01 td,
.price .tableLayout02 th,
.price .tableLayout02 td{
padding:10px;
border-bottom:1px solid #b0b0b0;
border-right:1px solid #b0b0b0;
}
.price .tableLayout01 th.double,
.price .tableLayout01 td.double{
border-right:3px double #b0b0b0;
}

.price .tableLayout01 thead th,
.price .tableLayout02 th.bgColor{text-align:center; background-color:#ffe1b2;}

.price .tableLayout01 p.medium{margin-top:0.5em;}

.price .tableLayout02 strong{display:block; width:7em; text-align:right;}


/*:::::::::::::::::::::::::::::::::::::::::::::::::::::::::: clear */

.pet .petNaviBtm:after{
content:"."; 
display:block; 
clear:both; 
height:0;
line-height:0;
visibility:hidden;
}

	/* IE6 */
	* html .pet .petNaviBtm{height:1%;}

	/* IE7 */
	*:first-child+html .pet .petNaviBtm{display:inline-block;}