
#include_padding {
	padding: 10px 20px 20px 20px;
}

/****** cost large ******/

#cost_large {
	padding: 20px 25px 10px 25px;
	margin: 0 auto;
	border: 1px solid #f0da8e;
	background-color: #fff7da;
	width: 340px;
}

.cost_large_field {
	padding: 4px 0;
	border-bottom: 1px dotted gray;
}

.cost_large_field_last {
	padding: 4px 0;
}

/****** general table / toiawase table ******/

.general_table,
.toiawase_form {
	margin: 0 auto;
	border: 0;
	text-align: left;
}

.general_table th,
.toiawase_form th {
	background: #e2e1dd;
	border-bottom: 1px gray dotted;
	padding: 2px 5px;
}

.general_table td {
	background: #f6f6f5;
	border-bottom: 1px gray dotted;
	padding: 1px 5px;
}

.toiawase_form td {
	background: #f6f6f5;
	border-bottom: 1px gray dotted;
	padding: 10px 15px;
}

.toiawase_form input {
	padding: 2px;
	border: 1px solid #aaa;
	margin: 2px 0;
	width: 350px;
}

.toiawase_form textarea {
	padding: 2px;
	border: 1px solid #aaa;
	margin: 2px 0;
	width: 350px;
	height: 300px;
}

.mail_alert {
	padding: 5px 0 0 20px;
	margin: 0;
}

.mail_address_alert {
	padding: 5px 0 0 0;
	margin: 0;
}

/****** textbox ******/

.text_box {
	padding: 0;
	margin: 5px auto;
	width: 80%;
	border: 1px solid #ccc;
}

.text_box p {
	padding: 3px 10px;
	margin: 0;
	font-weight: bold;
	border-bottom: 1px dotted #ccc;
}

.text_box div {
	padding: 3px 0;
	padding-left: 30px;
}

.text_box_red {
	background: url(graphics/include_textbox_red.gif) repeat-x;
}

.text_box_orange {
	background: url(graphics/include_textbox_orange.gif) repeat-x;
}

.text_box_yellow {
	background: url(graphics/include_textbox_yellow.gif) repeat-x;
}

.text_box_green {
	background: url(graphics/include_textbox_green.gif) repeat-x;
}

.text_box_blue {
	background: url(graphics/include_textbox_blue.gif) repeat-x;
}

.text_box_purple {
	background: url(graphics/include_textbox_purple.gif) repeat-x;
}

.text_box_navy {
	background: url(graphics/include_textbox_navy.gif) repeat-x;
}

.text_box_gray {
	background: url(graphics/include_textbox_gray.gif) repeat-x;
}

.text_box_gray {
	background: url(graphics/include_textbox_gray.gif) repeat-x;
}

.text_box_pink {
	background: url(graphics/include_textbox_pink.gif) repeat-x;
}

.text_box_darkpink {
	background: url(graphics/include_textbox_darkpink.gif) repeat-x;
}

/****** border table ******/

.border_table {
	margin: 5px auto;
	border: 1px solid #ccc;
	border-collapse: collapse;
}

.border_table td {
	border: 1px solid #ccc;
	padding: 3px;
}

.no_border_table {
	margin: 5px auto;
	border: none;
	border-collapse: collapse;
}

.no_border_table td {
	border: none;
	padding: 3px;
}

/****** title ******/

.include_title_red ul li {
	background: url(graphics/include_arrows.gif) no-repeat;
	background-position: 0 3px;
}

.include_title_orange ul li {
	background: url(graphics/include_arrows.gif) no-repeat;
	background-position: 0 -32px;
}

.include_title_yellow ul li {
	background: url(graphics/include_arrows.gif) no-repeat;
	background-position: 0 -67px;
}

.include_title_green ul li {
	background: url(graphics/include_arrows.gif) no-repeat;
	background-position: 0 -102px;
}

.include_title_blue ul li {
	background: url(graphics/include_arrows.gif) no-repeat;
	background-position: 0 -137px;
}

.include_title_purple ul li {
	background: url(graphics/include_arrows.gif) no-repeat;
	background-position: 0 -172px;
}

.include_title_navy ul li {
	background: url(graphics/include_arrows.gif) no-repeat;
	background-position: 0 -207px;
}

.include_title_gray ul li {
	background: url(graphics/include_arrows.gif) no-repeat;
	background-position: 0 -242px;
}

.include_title_pink ul li {
	background: url(graphics/include_arrows2.gif) no-repeat;
	background-position: 0 -32px;
}

.include_title_darkpink ul li {
	background: url(graphics/include_arrows2.gif) no-repeat;
	background-position: 0 -3px;
}

#include_title {
	padding-bottom: 20px;
	padding-left: 20px;
	width: 590px;
}

#include_title p, #include_title h3 {
	margin: 0;
	padding: 0 10px;
	text-align: center;
	font-weight: bold;
	font-size: 150%;
	line-height: 150%;
	float: left;
}

#include_title p.single_row{
	padding-top: 15px;
}

#include_title ul {
	padding: 0 0 0 10px;
	margin: 0;
	list-style-type: none;
	float: left;
}

#include_title ul li {
	padding-left: 18px;
}

#include_title ul li.dont_use {
	background: none;
}

#include_title img {
	padding: 0 5px;
	float: left;
}

/****** number list ******/

.numberlist {
	padding: 10px 0 10px 30px;
	margin: 5px auto;
	width: 80%;
	list-style-type: decimal;
}

.numberlist li {
	padding: 3px 0 2px 0;
	border-bottom: 1px #CCC dotted;
}

/****** info table ******/

.info_table {
	margin: 0 auto;
}

.info_table td {
	padding: 5px 0;
	vertical-align: top;
}

.info_table img {
	padding-top: 5px;
}

/****** title bar ******/

.include_bar {
	margin: 10px auto;
	padding-top: 4px;
	padding-left: 15px;
	width: 545px;
	height: 26px;
	font-weight: bold;
	letter-spacing: 0px;
	font-size: 110%;
	background-image: url(graphics/include_bar.gif);
	background-repeat: no-repeat;
}


/****** map ******/

#address {
	padding-left: 20px;
}

#map {
	margin: 0 auto;
	width: 560px;
	height: 360px;
	border: 1px solid #aaa;
	z-index: 1;
}

/****** cost ******/

#cost {
	padding: 25px;
	padding-top: 15px;
	margin: 0 auto;
	width: 65%;
	border: 1px solid #f0da8e;
	background-color: #fff7da;
}

#cost hr {
	padding: 0;
	margin: 10px 0;
	height: 1px;
	border: 0;
	color: #52523d;
	background-color: #52523d;
}

#cost img {
	padding-left: 20px;
	float: left;
}

#cost p {
	padding: 6px 0 0 15px;
	margin: 0;
	float: left;
}

.cost_underline {
	border-bottom: 1px dotted #52523d;
}

/****** diary ******/

.diary_paging_table {
	margin: 0 auto;
	width: 90%;
	text-align: center;
}

.diary_frame {
	padding: 20px;
	margin: 15px auto;
	width: 100%;
	overflow: hidden;
	border: 1px solid #f0da8e;
	background-color: #fff7da;
	width: 540px;		/* max 610px */
}

.diary_frame hr {
	padding: 0;
	margin: 5px 0;
	height: 1px;
	border: 0;
	color: #f0da8e;
	background-color: #f0da8e;
}

.diary_frame p {
	margin: 0;
	padding: 0 0 5px 0;
}

.diary_teacher {
	float: left;
	padding: 0 20px 10px 20px;
}

.diary_ul_image {
	padding-top: 15px;
	margin: 0 auto;
	clear: both;
	display: block;
}

/******** moushikomi ******/

.moushi_frame {
	padding: 15px 25px;
	margin: 15px auto;
	width: 100%;
	overflow: hidden;
	border: 1px solid #f0da8e;
	background-color: #fff7da;
	width: 530px;		/* max 610px */
}

.moushi_bullet_top {
	margin: 0;
	padding: 0;
	clear: left;
}

.moushi_bullet {
	margin: 0;
	padding: 7px 0;
	clear: left;
}

#moushi_explain {
	padding: 20px 0 0 10px;
	font-size: 90%;
	line-height: 120%;
	color: #777;
	width: 110px;
	float: left;
	clear: left;
}

.moushi_class_title {
	padding: 5px;
	margin: 0;
	font-weight: bold;
	clear: both;
}

.moushi_class_class {
	padding: 0 0 0 10px;
	margin: 0;
	width: 105px;
	float: left;
}

.moushi_class_default {
	padding: 5px 0 5px 10px;
	margin: 0;
	width: 210px;
	float: left;
}

.moushi_class_private {
	padding: 5px 0 0 10px;
	width: 320px;
	margin: 0;
	float: left;
	clear: left;
}

.moushi_class_review {
	padding: 2px 0 0 0;
	width: 360px;
	margin: 0;
	float: left;
	clear: left;
}

.moushi_border {
	border-top: 1px dotted gray;
}

.moushi_bullet span, .moushi_bullet_top span{
	padding-left: 5px;
	padding-top: 2px;
	color: #008000;
	font-weight: bold;
	width: 135px;
	display: block;
	float: left;
}

.moushi_box {
	padding: 0 0 10px 0;
	margin-left: 150px;
}

.moushi_submit {
	width: 100%;
	padding-top: 5px;
	text-align: center;
}

#moushi_error {
	padding-left: 20px;
	overflow: hidden;
	width: 100%;
}

#moushi_error img{
	float: left;
}

#moushi_error p{
	margin: 0;
	padding: 7px 0 0 10px;
	font-weight: bold;
	float: left;
}

/******** moushikomi class selection ******/

#moushi_classes  {
	width: 390px;
	float: right;
	margin-bottom: 7px;
}

#moushi_classes a {
	width: 385px;
	padding: 1px 0 2px 5px;
	margin-bottom: 1px;
	display: block;
	text-decoration: none;
	color: #fff;
/*
	background-image: url(graphics/sidebar_menu_arrow.gif);
	background-repeat: no-repeat;
	background-position: 0 3px;
*/
	background-color: #e37043;

}

.moushi_group {
	margin: 0 auto 0 auto;
	clear: left;
	width: 360px;
}

.moushi_group_contents {
	clear: left;
	width: 358px;
	margin: 0 auto 10px auto;
	border: 1px dotted #e2b96a;
	border-top: none;
}

.moushi_group_title {
	padding: 1px 0 1px 5px;
	margin: 0;
	background: #e2b96a;
	font-weight: bold;
}

#moushi_classes div {
	background-color: #fffcef;
}

/******** flash cm class selection ******/

#flash_cm {
	margin: 0 auto;
	width: 360px;
}

#map_description {
	padding: 2px 0;
	margin: 0;
}

#map_description dt {
	padding: 1px 0;
	margin: 0;
	width: 30px;
	float: left;
	clear: left;
}

#map_description dd {
	padding: 1px 0;
	margin: 0;	
	float: left;
}

