@charset "utf-8";

/*=======================================================
 * define default style for elements
 *=======================================================*/
/* clear browser's default style */
html, body, address, div, span, h1, h2, h3, h4, h5, h6, 
p, blockquote, q, cite, em, strong, dfn, abbr, acronym, 
sup, sub, pre, code, var, kbd, samp, ins, del, bdo, 
tt, i, b, big, small, img, object, a, ol, ul, li, 
dl, dt, dd, table, caption, tr, th, td, thead, tfoot, tbody, 
colgroup, col, form, label, noscript {
	margin:0;
	padding:0;
	border:none 0px #fff;
	font-size:100%;
	font-weight:normal;
	font-family:"Hiragino Kaku Gothic Pro", "Osaka", "Meiryo", "ＭＳ Ｐゴシック", sans-serif;
	font-style:normal;
	text-decoration:none;
	line-height:1.4;
}

html {
	width:100%;
}

body {
	font-size:90%;
}

h1 {
	margin:10px 0 10px 0;
	font-size:160%;
	font-weight:bold;
}

h2 {
	margin:1em 0 0 0;
	font-size:120%;
	font-weight:bold;
}

h3 {
	margin:1em 0 0 0;
	font-size:105%;
	font-weight:bold;
}

h4 {
	margin:1em 0 0 0;
	font-size:100%;
	font-weight:bold;
}

h5 {
	margin:1em 0 0 0;
	font-size:95%;
	font-weight:bold;
}

h6 {
	margin:1em 0 0 0;
	font-size:90%;
	font-weight:bold;
}

p {
	margin:0 0 1em 0;
}

ul,ol {
	margin:0 0 1em 20px;
}
li {
	margin:0 0 0 20px;
}

table {
	border-collapse:collapse;
}
th, td {
	vertical-align:top;
	padding:2px 5px;
}
th {
	font-weight:normal;
	text-align:center;
}

a:link {
	color:#0000ff;
	text-decoration:underline;
}
a:visited {
	color:#660066;
	text-decoration:underline;
}
a:hover {
	color:#ff0000;
	text-decoration:underline;
}
a:active {
	color:#ff0000;
	text-decoration:underline;
}

em {
	font-weight:bold;
}
strong {
	font-weight:bold;
	color:#ff0000;
}

code, kbd, samp, pre, var, tt {
	font-family:"courier new", mono-space;
}

i {
	font-style:italic
}
b {
	font-weight:bold;
}
big {
	font-size:120%;
}
small {
	font-size:83%;
}
ins {
	text-decoration:underline;
}
del {
	text-decoration:line-through;
}


/*=======================================================
 * style associated with class
 *=======================================================*/

/*-------------------------------------------------------
 * div.column_container
 *-------------------------------------------------------*/ 
/* so-called clearfix. not applicable to MacIE5 */
/* TODO applicable to WinIE8? */
div.column_container:after {
	content:".";
	display:block;
	clear:both;
	visibility:hidden;
	height:0;
}
* html div.column_container {
	height:1%;
}
*:first-child+html div.column_container {
	height:1%;
}

.mvp-pkg:after {
	content:"";
	display:block;
	clear:both;
}
 
/*-------------------------------------------------------
 * ul.util_links
 *-------------------------------------------------------*/ 
/* list of link anchors that are horizontally aligned with 
   vertical line separator */
ul.util_links {
	margin:0;
    padding:5px 0 5px;
}
ul.util_links li {
	display:inline;
	list-style-type:none;
	margin:0;
	padding:0 5px;
}
ul.util_links li a {
	white-space:nowrap;
}
ul.util_links li.util_links_first {
	padding-left:0;
}
ul.util_links img {
	vertical-align:middle;
}

/*-------------------------------------------------------
 * ul.multiple_values
 *-------------------------------------------------------*/ 
ul.multiple_values {
	margin:0;
	padding:0;
}
ul.multiple_values li {
	margin:0;
	padding:0;
	list-style-type:none;
}

/*-------------------------------------------------------
 * table.list
 *-------------------------------------------------------*/ 
/* table for displaying data of multiple records */
table.list {
	margin:1px 0 2px 0;
	border:solid 2px #666;
	width:100%;
}
table.list td, table.list th {
	border-left:solid 1px #666;
	border-right:solid 1px #666;
}
table.list th {
	border-bottom:solid 1px #666;
	background-color:#eee;
	vertical-align:middle;
}
table.list tr.odd {
	background-color:#EFEAD1;
}

/*-------------------------------------------------------
 * table.detail
 *-------------------------------------------------------*/ 
/* table for displaying data of one record */
table.detail {
	border:solid 2px #666;
	width:100%;
}
table.detail th, table.detail td {
	border:solid 1px #666;
}
table.detail th {
	background-color:#eee;
	width:15em;
	vertical-align:middle;
}
table.detail th.doubled {
	width:7.5em;
}

/*-------------------------------------------------------
 * table cells
 *-------------------------------------------------------*/ 
td.date_cell, th.date_cell {
	white-space:nowrap;
}
td.word_cell, th.word_cell {
	white-space:nowrap;
}
td.link_cell, th.link_cell {
	white-space:nowrap;
	text-align:center;
}
td.number_cell, th.number_cell {
	text-align:right;
}

tr td.sum_column, tr th.sum_column {
	border-left-style:double;
	border-left-width:3px;
}
tr.sum_row td, tr.sum_row th {
	border-top-style:double;
	border-top-width:3px;
}

td.move_arrow, th.move_arrow {
	width:2em;
	text-align:center;
}
td.move_arrow input {
	width:2.5em;
}

td.control_button, th.control_button {
	width:3.5em;
	text-align:center;
}
td.control_button input {
	width:3.5em;
}

td.action_link, th.action_link {
	width:2.2em;
	text-align:center;
}

/*-------------------------------------------------------
 * div.steps
 *-------------------------------------------------------*/ 
/* display 'prev' and 'next' links in wizard-style pages */
div.steps:after {
	content:".";
	display:block;
	clear:both;
	visibility:hidden;
	height:0;
}
div.steps {
	margin:1.4em 0 10px 0;
	padding:5px 0 0;
	display:block;
}
* html div.steps {
	height:1%;
}
*:first-child+html div.steps {
	height:1%;
}
div.steps div.next {
	width:47%;
	float:right;
	text-align:right;
}
div.steps div.prev {
	width:47%;
	float:left;
}

/*-------------------------------------------------------
 * div.pager
 *-------------------------------------------------------*/ 
/* pager */
div.pager {
	margin:4px 0 2px 0;
	width:100%;
}
div.pager:after {
	content:".";
	display:block;
	clear:both;
	visibility:hidden;
	height:0;
}

div.pager p.total_entries {
	float:left;
	width:10em;
	margin:0 0 0 2px;
	padding:0.3em 0 0 0;
}
* html div.pager p.total_entries {
	margin-left: 1px;
}

div.pager .per_page_select {
	float:right;
	width:10em;
	margin:0 2px 0 0;
	text-align:right;
}

div.pager div.pagination {
	word-spacing:0.3em;
	text-align:center;
	min-height:1.3em;
}
div.pager div.pagination em.current {
	font-size:130%;
	color:#a90a08;
	font-weight:bold;
}
div.pager div.pagination a {
	font-weight:normal;
}

/*-------------------------------------------------------
 * div.notice
 *-------------------------------------------------------*/ 
/* display notification from the application */
div.notice {
	color:#c00;
	margin:10px 0;
	padding:2px 0;
	border-top:double 3px #c00;
	border-bottom:double 3px #c00
}
div.notice p, div.notice ul, div.notice dl {
	margin-bottom:0;
}

/*-------------------------------------------------------
 * .note, .nodata, .disabled
 *-------------------------------------------------------*/
/* display gray and/or small character */
.note {
	font-size:90%;
	color:#333;
}

p.note, ul.note {
	margin:0;
}
.note li {
	padding:0 0 0 0;
	margin:0 0 0 20px;;
}

span.nodata {
	font-size:90%;
	color:#666;
}

span.disabled {
	color:#999;
}

span.disabled_link {
	color:#999;
}

/*-------------------------------------------------------
 * table.form
 *-------------------------------------------------------*/
/* table for form */
table.form th {
	text-align:right;
	vertical-align:top;
	padding:3px 15px 3px 0;
}
table.form td {
	padding:3px 0;
}

/*-------------------------------------------------------
 * ul.select_items
 *-------------------------------------------------------*/ 
/* list of check boxes or radio buttons that are horizontally
   aligned. */
ul.select_items {
	margin:0;
}
ul.select_items li {
	float:left;
	margin:0;
	padding:0 10px 0 0;
	list-style-type:none;
	white-space:nowrap;
}
ul.select_items:after {
	content:".";
	display:block;
	clear:both;
	height:0;
	visibility:hidden;
}
* html ul.select_items {
	height:1%;
}
*:first-child+html ul.select_items {
	height:1%;
}

/*-------------------------------------------------------
 * input fields with errors
 *-------------------------------------------------------*/ 
div.field_with_errors {
	display:inline;
}
div.field_with_errors input, div.field_with_errors textarea, div.field_with_errors select {
	border:solid 2px #f00;
}
div.formError {
	color:#f00;
}

/*-------------------------------------------------------
 * ajax dialog
 *-------------------------------------------------------*/ 
div.ajax_dialog_outer {
	position:relative;
}
div.ajax_dialog {
	position:absolute;
	top:0;
	border:solid 2px #c00;
	padding:5px 8px;
	width:600px;
	background-color:#ffc;
	text-align:left;
}
div.ajax_dialog p, div.ajax_dialog ul, div.ajax_dialog ol {
	margin-top:0;
	margin-bottom:0.5em;
}
div.ajax_dialog p.dialog_button {
	text-align:center;
}
div.ajax_dialog p.dialog_button button {
	width:100px;
	padding:0;
	margin:0 15px;
}

/*=======================================================
 * style for error page
 *=======================================================*/
#content h1.error_heading {
	margin-bottom:0.5em;
}
#content ul.error_guide_pages {
	margin:0 0 1em 30px;
	padding:0;
}
#content ul.error_guide_pages li {
	margin:0;
	padding:0;
}


/* steps */
div.steps:after {
	content:".";
	display:block;
	clear:both;
	visibility:hidden;
	height:0;
}
div.steps {
	margin:1.4em 0 10px 0;
	padding:5px 0 0;
	display:block;
}
* html div.steps {
	height:1%;
}
*:first-child+html div.steps {
	height:1%;
}
div.steps div.next {
	width:47%;
	float:right;
	text-align:right;
}
div.steps div.prev {
	width:47%;
	float:left;
}

span.recommendation_content_name {
	display:block;
}
span.recommendation_item_name {
	display:block;
	padding-left:1em;
}