@charset "utf-8";

/*=====================================================

 * Style Name: Overhaul.css Style
 * Style URL: overhaul.css.css
 * Description: Category Stylesheet
 * Version: 0.2
 * Last Up Date: 2009/09/18
 * Markup Reference: none
 *
=====================================================*/


/*----- contents -------

	1: Common Elements
		: menu
		: heading
		: paragraph,
		
----------------------*/


/*
===== 1: Common Elements ===========================*/

div#overhaul {
	padding-bottom: 20px;
	width: 940px;
	text-align: left;
	background: url(/images/stepup/karada/overhaul/bg_overhaul.gif) repeat-x;
}


ol.category-nav {
	list-style-type: none;
	margin: 0;
	padding: 10px 0 0;
	overflow: hidden;
}

ol.category-nav li {
	display: inline;
	margin-right: -3px;
	padding-left: 0;
}

/* paragraph  */
p.rel-link {
	margin: 0;
	padding: 0 0 0 20px;
	background: url(/images/stepup/karada/overhaul/icon_arrow_gray.gif) left center no-repeat;
}

p.rel-link a {
	color:#F90;
	}
	
p.rel-link a:hover {
	color:#F60;
	text-decoration:underline;
	}
	
#overhaul p.pagetop {
	clear:both;
	text-align: right;
	}

dl.has-list {
	clear: both;
	margin: 8px 0 40px;
}


dl.has-list dt {
	padding: 7px 15px;
}


dl.has-list dd {
	padding: 0 15px;
	border: 1px solid #dddddd;
}


dl.has-list ul {
	list-style-type: none;
	margin: -1px 0 0;
	padding: 0;
}


dl.has-list li {
	padding: 15px 0 15px 20px;
	background: url(/images/stepup/karada/overhaul/icon_arrow_gray.gif) left center no-repeat;
	border-top: 1px dashed #dddddd;
}





/*
===== 2: Index Page ===========================*/

html body#index div#overhaul {
	background: url(/images/stepup/karada/overhaul/bg_index.gif) top repeat-x;
}


#overhaul h2 {
	margin: 39px 0 19px;
	padding: 0;
	height: auto;
	background: none;
	border: 0;
}

#overhaul h3 {
	margin: 20px 0 20px;
	padding: 5px 15px;
	width: 910px;
	background: #fff100;
}


#overhaul h3.description {
	margin: 25px 0 20px;
	padding: 0;
	background: none;
}




dl#topics { margin-top: 40px; }
dl#topics dt { background: #646464; }


div#monitor,
div#trainer-info {
	margin-right: -20px;
	width: 960px;
	overflow: hidden;
}


div#monitor dl,
div#trainer-info dl {
	display: inline;
	float: left;
	margin-right: 20px;
	width: 170px;
	text-align: center;
	border: 1px solid #dddddd;
}


div#trainer-info dl {
	width: 458px;
	border: 0;
	text-align: left;
}


div#trainer-info dt {
	margin: 0 0 20px;
	padding: 5px 15px;
	background: #fff100;
}


div#monitor dl dd {
	margin: 0 15px;
	padding: 7px 0;
	border-top: 1px solid #dddddd;
}


div#trainer-info dd { margin: 0 0 20px; }


div#monitor dl span.item-name {
	font-weight: bold;
}



/*--- about
-----------------------*/

div#about {
	margin: 20px 0 0;
	padding-top: 30px;
	width: 940px;
	background: url(/images/stepup/karada/overhaul/line_dot.gif) top left repeat-x;
	overflow: hidden;
}


div#about dl {
	display: inline;
	float: left;
	margin: 0;
	width: 449px;
}


div#about dl.last-item { margin-left: 40px; }


div#about dd {
	margin: 15px 0;
	height: auto !important;
	height: 10.2em;
	min-height: 10.2em;
	line-height: 1.7;
}



/*
===== 3: Physical Page,
         Challenge Page,
		 My Page ===========================*/

div.monitor-profile,
div.monitor-challenge,
div.monitor-mypage,
div.column {
	width: 940px;
	overflow: hidden;
}


div#mypage-data { margin: 0 auto; }


div.monitor-challenge h2 {
	margin-bottom: 25px;
}

div.monitor-challenge h4 {
	padding-left: 18px;
	background: url(/images/stepup/karada/overhaul/icon_circle_01.gif) left top no-repeat;
}


div#monitor-02 h4 { background-image: url(/images/stepup/karada/overhaul/icon_circle_02.gif); }
div#monitor-03 h4 { background-image: url(/images/stepup/karada/overhaul/icon_circle_03.gif); }
div#monitor-04 h4 { background-image: url(/images/stepup/karada/overhaul/icon_circle_04.gif); }
div#monitor-05 h4 { background-image: url(/images/stepup/karada/overhaul/icon_circle_05.gif); }


div#description {
	margin-left: 240px;
	width: 700px;
}

* html div#description { margin-left: 0; float: right; }

div#description h3.description {
	margin-top: 0;
	}

div.monitor-challenge p.monitor-photo { float: left; margin-bottom: 30px; }
div.monitor-mypage p.monitor-photo { float: left; margin-top: 40px; }
div.monitor-profile p.monitor-name { margin-top: 15px; }
div.monitor-profile p.monitor-text { margin-bottom: 15px; }
div.column p { margin: 7px 0 14px; }

* html div.monitor-challenge p.monitor-photo { width: 220px; display: inline; }

div.monitor-challenge div#week-food dl {
	float: right;
	width: 680px;
}


div.monitor-profile dl,
div.monitor-challenge div.movie {
	float: right;
	width: 460px;
}

div.monitor-challenge div.movie {width: 480px;}
div.monitor-challenge div.movie div.swfarea {width: 480px; height: 270px; }
div.monitor-challenge div.movie p { margin-top: 20px; clear: both; }


div.monitor-profile dt,
div.monitor-challenge dt,
div.monitor-mypage div#description dt {
	margin-bottom: 6px;
	padding-left: 5px;
	border-left: 3px solid #fc6b8a;
}


div#monitor-02 dt { border-color: #fdc019; }
div#monitor-03 dt { border-color: #87d836; }
div#monitor-04 dt { border-color: #10c4c2; }
div#monitor-05 dt { border-color: #6e70d3; }


div.monitor-profile dd {
	margin-bottom: 30px;
	text-align: center;
}


div.monitor-mypage div#description dd { margin-bottom: 30px; }


div.monitor-profile table { width: 460px; }
div.monitor-challenge table { width: 440px; }


div.monitor-mypage div#description table {
	margin-left: 1px;
	width: 292px;
	border: 1px solid #e1e1e1;
	border-width: 1px 0 0 1px;
}


div.monitor-profile th,
div.monitor-profile td,
div.monitor-challenge th,
div.monitor-challenge td {
	padding: 8px 0;
	text-align: center;
}


div.monitor-mypage div#description th,
div.monitor-mypage div#description td {
	padding: 10px 0;
	width: 25%;
	text-align: center;
	border: 1px solid #e1e1e1;
	border-width: 0 1px 1px 0;
}


div.monitor-profile th,
div.monitor-challenge th {
	background: #eeeeee;
	font-weight: normal;
	border-bottom: 1px solid #ffffff;
}


div.monitor-challenge th {
	background: #8f8f8f;
	color: #ffffff;
}


div.monitor-profile thead th,
div.monitor-challenge thead th {
	padding: 6px 0 7px;
	background: #fc6b8a;
	border: 0;
}


div#overhaul div.monitor-challenge thead th { background: #a6a6a6; }
div#overhaul div.monitor-challenge thead th.caption { background: #5b5b5b; }
div#overhaul div.monitor-mypage div#description thead th { background: #eeeeee; font-weight: bold; }


div#monitor-02 thead th { background: #fdc019; }
div#monitor-03 thead th { background: #87d836; }
div#monitor-04 thead th { background: #10c4c2; }
div#monitor-05 thead th { background: #6e70d3; }


div.monitor-profile tbody th { width: 115px; }
div.monitor-challenge tbody th { width: 95px; }


div.monitor-profile .after,
div.monitor-challenge .after {
	padding-left: 40px;
	width: 140px;
}


div.monitor-profile td,
div.monitor-challenge td {
	font-weight: bold;
	border-bottom: 1px dashed #dad7d5;
}


div.monitor-profile td.after,
div.monitor-challenge td.after {
	background: url(/images/stepup/karada/overhaul/img_arrow_01.gif) left center no-repeat;
	font-weight: normal;
}


div#monitor-02 td.after { background-image: url(/images/stepup/karada/overhaul/img_arrow_02.gif) }
div#monitor-03 td.after { background-image: url(/images/stepup/karada/overhaul/img_arrow_03.gif) }
div#monitor-04 td.after { background-image: url(/images/stepup/karada/overhaul/img_arrow_04.gif) }
div#monitor-05 td.after { background-image: url(/images/stepup/karada/overhaul/img_arrow_05.gif) }


div.pagenav {
	margin-top: 40px;
	border-top: 1px solid #dfdfdf;
}


div.pagenav ul {
	list-style-type: none;
	clear: both;
	float: left;
	position: relative;
	left: 50%;
	margin: 0;
	padding: 25px 0 0;
}


div.pagenav li {
	float: left;
	position: relative;
	left: -50%;
}


div.pagenav ul.members li {
	padding: 0 10px;
	border-left: 1px solid #dfdfdf;
}


div.pagenav ul.members li.first-item { border: 0; }

/*
===== 4: Q&A Informagtion ===========================*/

#qa-infomation h2 {
	margin: 40px 0 20px;
	padding: 0;
	background: none;
}


#qa-infomation h3,
#qa-infomation h4 {
	margin: 40px 0 20px;
	padding: 5px 15px;
	width: 910px;
	background: #fff100;
}


#qa-infomation h4 { background: #d8d8d8; }


#qa-infomation p.button { margin-bottom: 30px; text-align: center; }


ul.info-list {
	list-style-type: none;
	margin: 0;
	padding: 0;
}


ul.info-list li {
	margin-bottom: 20px;
	padding: 0 17px 20px;
	background: url(/images/stepup/karada/overhaul/icon_square_black.gif) 0 0.3em no-repeat;
	border-bottom: 1px dashed #dddddd;
}


ul.info-list li.last-item { margin-bottom: 0; padding-bottom: 0; border: 0; }


ul.info-list span.figure-line {
	display: block;
	margin: 30px;
	text-align: center;
}


ul#outline {
	width: 597px;
}


img#mobile-qr {
	float: right;
}

 
/*--- trainer
-----------------------*/

div#trainer {
	width: 964px;
	overflow: hidden;
}


div#trainer dl {
	display: inline;
	float: left;
	margin-right: 20px;
	width: 300px;
	background: url(/images/stepup/karada/overhaul/bg_trainer.gif);
}


div#trainer dt,
div#trainer dd {
	margin: 10px;
	padding: 20px;
	background: #ffffff;
}


div#trainer dt {
	margin-bottom: 0;
}


div#trainer dd {
	margin-top: 0;
	padding-top: 0;
}


div#trainer dd img {
	padding-bottom: 10px;
}

/* trainger2 -----------------*/

div#trainer2 dl {
	margin-bottom: 30px;
	}

div#trainer2 dl dt { 
	margin-bottom: 10px;
}

div#trainer2 dl dd.portrait {
	float: left;
	padding-right: 10px;
	}

/* qa ------------------------ */


#qa h3 {
	display: inline-block;
	width: 450px;
	margin-bottom: 30px;
	padding: 3px 0;
	text-indent: 10px;
	}

#qa dl,
#answer dl {
	margin-bottom: 30px;
	}

#qa dl {
	padding-bottom: 20px;
	border-bottom: 1px dotted #CCC;
	}


#qa dl.no-border {
	border: none;
	padding-bottom: 0;
	}

#qa dl dt,
#answer dl dt  {
	margin-bottom: 10px;
	text-indent: 10px;
	}
	
#qa dl dd,
#answer dl dd {	
	-moz-background-clip:border;
	-moz-background-inline-policy:continuous;
	-moz-background-origin:padding;
	background: #FFF url(/images/stepup/karada/overhaul/icon_q.gif) no-repeat scroll 13px 20px;
	padding:20px 25px 20px 57px;
	margin-bottom: 10px;
	}

#qa dl dd.answer,
#answer dl dd.answer {
	-moz-background-clip:border;
	-moz-background-origin:padding;
	-moz-border-radius-bottomleft:8px;
	-moz-border-radius-bottomright:8px;
	-moz-border-radius-topleft:8px;
	-moz-border-radius-topright:8px;
	background: #FEF4FA url(/images/stepup/karada/overhaul/icon_a.gif) no-repeat 13px 15px;
	}
	
#qa dl dd.answer strong,
#answer dl dd.answer strong {
	color: #FF0185;
	}

#qa a.rel-link,
#answer a.rel-link  {
	-moz-background-clip:border;
	-moz-background-origin:padding;
	background:transparent url(/images/stepup/karada/overhaul/icon_arrow_gray.gif) no-repeat scroll left center;
	display:block;
	padding:0 0 0 20px;
	color: #FF0185;
}