@charset "UTF-8";

/* ----------------------------------------
*
*Since:  2010-01-30
*Modified:  
*
*/

/* Style Index ===============================

	00:  continue_common
		00-01:  header
		00-02:  titleIcon
		00-03:  sideMenu
		00-04:  pagenation
		00-05:  lead_001
		00-06:  select_001

	01:  questionnaire
		01-01:  graph
		01-02:  question
		01-03:  error
		01-04:  voteMsg
		01-05:  pagenation
		01-06:  result
		01-07:  comment

	02:  exercises

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

/*
00-01:  header
-------------------------------------*/
div#header {
	background: url("../../images/continue/bg_header_continue.jpg") no-repeat 50% 0;
}

div#header div#headerCont {
	background: url("../../images/continue/bg_header_continuejpg") no-repeat 50% 0;
}

/*
00-02:  titleIcon
-------------------------------------*/
div#titleIcon {
	position: absolute;
	top: -16px;
	right: 0;
	width: 162px;
	height: 125px;
	background: url("../../images/continue/h1_icon_001.jpg") no-repeat right top;
	z-index: 0;
}

/*
00-03:  sideMenu
-------------------------------------*/

div#sideMenu dl#subNavi {
	background: url("../../images/continue/bg_side_btm.gif") no-repeat left bottom;
}

div#sideMenu dl#subNavi dd {
	background: url("../../images/continue/bg_side_base.gif") repeat-y;
}

div#sideMenu dl#subNavi li ul li {
	background: url("../../images/continue/icon_arrow_001.gif") no-repeat 7px 0.6em;
}

/*
00-04:  pagenation
-------------------------------------*/

div#pagenation {
	background: url("../../images/continue/bg_pagenation_btm.gif") no-repeat 0 100%;
}

div#pagenation dl {
	background: url("../../images/continue/bg_pagenation_top.gif") no-repeat 0 0;
}

div#pagenation dl dd li {
	background: url("../../images/continue/icon_arrow_001.gif") no-repeat 7px 0.8em;
}

div#pagenation dl dd li.cur {
	color: #6fa99a;
}


/*
00-05:  lead_001
-------------------------------------*/
.lead_001 {
	margin: 0 0 20px 0 !important;
}

/*
00-06:  select_001
-------------------------------------*/
.select_001 {
	margin: 0 0 20px 0 !important;
}

/*
01-01:  graph
-------------------------------------*/
div.graph {
	width: 682px;
	margin: 0 0 40px 0;
}

div.graph .circle {
	float: left;
	width: 295px;
}

div.graph .circle dt {
	text-align: center;
}

div.graph .circle dd {
	margin: 20px 0 0 0;
}

div.graph .vote {
	float: right;
	width: 368px;
}

div.graph .vote table {
	width: 368px;
	border-collapse: collapse;
}

div.graph .vote thead th {
	padding: 12px;
	border: 1px solid #d2d2d2;
	background: #f2f2f2;
	text-align: center;
}

div.graph .vote tbody tr th {
	width: 40px;
	padding: 12px 0;
	border: 1px solid #d2d2d2;
	background: #f2f2f2;
	text-align: center;
}

div.graph .vote tbody tr.aType th {
	background: #ff91ca;
}

div.graph .vote tbody tr.bType th {
	background: #f5f833;
}

div.graph .vote tbody tr.cType th {
	background: #9dd736;
}

div.graph .vote tbody tr.dType th {
	background: #9ff;
}

div.graph .vote tbody tr.eType th {
	background: #ffa95b;
}

div.graph .vote tbody tr.fType th {
	background: #ccc;
}

div.graph .vote tbody tr td {
	padding: 12px 10px 12px 12px;
	border: 1px solid #d2d2d2;
}

div.graph .vote tbody tr td img {
	margin-right: 10px;
	vertical-align: middle;
}

div.graph .vote tbody tr.fType td input {
	width: 180px;
	margin: 3px 0 0 35px;
}

div.graph:after {
	display:block;
	clear:both;
	height: 0;
	visibility:hidden;
	content:".";
	font-size:0;
	line-height:0;
}

/*
01-02:  question
-------------------------------------*/
div.question {
	width: 682px;
}

div.question table {
	width: 682px;
	margin: 10px 0 0 0;
	border-collapse: collapse;
}

div.question tr th {
	padding: 7px 12px;
	border: 1px solid #d2d2d2;
	background: #f2f2f2;
	white-space: nowrap;
}

div.question tr td {
	padding: 7px 12px;
	border: 1px solid #d2d2d2;
}

div.question tr.item th {
	padding: 12px 0 12px 12px;
	border-top: none;
	border-right: none;
	border-bottom: none;
	background: url("../../images/common/bg_dot_001.gif") repeat-x 0 100% #fff;
}

div.question tr.item.last th {
	background: #fff;
}

div.question tr.item td {
	border-top: none;
	border-left: none;
	border-bottom: none;
	background: url("../../images/common/bg_dot_001.gif") repeat-x 0 100% #fff;
}

div.question tr.item.last td {
	background: #fff;
}

div.question tr td input {
	vertical-align: middle
}

div.question tr td label {
	padding: 0 15px 0 3px;
	vertical-align: middle
}

div.question tr td select {
	margin: 0 15px 0 0;
}

div.question p.attention {
	margin: 20px 0;
	text-align: center;
}

div.question div.submitBtn {
	text-align: center;
}

/*
01-03:  error
-------------------------------------*/

span.error {
	color: #f00;
	font-weight:bold;
}

p.errorMsg {
	margin: 0 0 10px 0;
	color: #f00;
	font-weight:bold;
	text-align: center;
}

/*
01-04:  voteMsg
-------------------------------------*/

div#voteMsg {
	margin: 33px 0 23px 0;
}

/*
01-05:  pagenation
-------------------------------------*/

div#pagenation {
	background: url("../../images/continue/bg_pagenation_btm.gif") no-repeat 0 100%;
}

div#pagenation dl {
	background: url("../../images/continue/bg_pagenation_top.gif") no-repeat 0 0;
}

div#pagenation dl dd li {
	background: url("../../images/continue/icon_arrow_001.gif") no-repeat 7px 0.8em;
}

div#pagenation dl dd li.cur {
	color: #690;
}

/*
01-06:  result
-------------------------------------*/
div#result {
	margin: 0 0 40px 0;
}

div#result h2 {
	font-weight: bold;
}

div#result table {
	width: 682px;
	border-collapse: collapse;
}

div#result table thead th,
div#result table thead td {
	padding: 8px 15px;
	border: 1px solid #ccc;
	background: #fafafa;
	text-align: center;
}

div#result table tbody th,
div#result table tbody td {
	padding: 8px 15px;
	border: 1px solid #ccc;
	background: #fff;
	text-align: left;
}

div#result table tbody td {
	text-align: right;
}

div#result table tbody td.num {
	width: 35px;
	padding: 8px 0;
	text-align: center;
}

/*
01-07:  comment
-------------------------------------*/
dl#comment {
	width: 682px;
	margin: 0 0 35px 0;
}

dl#comment dd {
	margin: 20px 0 0 0;
	padding: 20px 0 0 0;
	background: url("../../images/common/bg_dot_001.gif") repeat-x 0 0;
}

dl#comment p {
	margin: 0 0 20px 0;
	font-size: 100%;
}

/*
02-01:  exercises
-------------------------------------*/

#exercises {
	width: 682px;
}

#exercises #exercisesL {
	float: left;
	width: 390px;
}

#exercises #exercisesL .getFlash {
	width: 390px;
}

#exercises #exercisesL .getFlash p.txt02 {
	float: left;
	width: 210px;
}

#exercises #exercisesR {
	float: right;
	width: 279px;
}

#exercises:after {
	display:block;
	clear:both;
	height: 0;
	visibility:hidden;
	content:".";
	font-size:0;
	line-height:0;
}

#exercises #supervision {
	margin: 0 0 30px 0;
	width: 390px;
}

#exercises #supervision .image {
	float: left;
	width: 110px;
}

#exercises #supervision dl {
	float: left;
	width: 280px;
}

#exercises #supervision:after {
	display:block;
	clear:both;
	height: 0;
	visibility:hidden;
	content:".";
	font-size:0;
	line-height:0;
}


#exercises #exercisesR .btn {
	margin: 20px 0 10px 0;
}

#exercisesMovies {
	margin: 0 0 40px 0;
	width: 682px;
}

#exercisesMovies ul {
	margin: 0 0 17px 0;
	width: 682px;
	background: url("../../images/continue/bg_exercises_001.gif") no-repeat 0 100%;
}

#exercisesMovies li {
	margin-right: 17px;
	float: left;
	width: 158px;
	border-top: 1px solid #ccc;
}

#exercisesMovies li.second {
	margin-right: 16px;
}

#exercisesMovies li.last {
	margin-right: 0;
}

#exercisesMovies li div {
	margin: 0 1px;
	width: 156px;
}

#exercisesMovies li p {
	padding: 10px;
	text-align: center;
	font-size: 100%;
}

#exercisesMovies li p.mt {
	margin-top: 8px;
}

#exercisesMovies ul:after {
	display:block;
	clear:both;
	height: 0;
	visibility:hidden;
	content:".";
	font-size:0;
	line-height:0;
}

#movieBtn {
	margin: 0 auto 40px auto;
	width: 279px;
}

#movieBtn .btn{
	margin: 0 0 10px 0 ;
}

div#pagenation dl dd.nolink ul li {
	padding: 0 0 0 1.2em;
	background: none;
	text-indent: -1.2em;
}

/*
03-01:  categoryIndex
-------------------------------------*/

div.categoryIndex ul li {
	padding: 0 0 3px 10px;
	background: url("../../images/continue/icon_arrow_001.gif") no-repeat 0 0.6em;
}

div.categoryIndex ul.questionnaire {
	margin: 0;
}

div.categoryIndex h3 {
	margin: 25px 0 0;
}