@charset "utf-8";

body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 150%;
	background-color: #DACCE4;
	background-image: url(image/background.gif);
	background-repeat: repeat-y;
	background-position: 230px;
}
 {
	width: 1000px;
	height: auto;
}

#header {
	text-align: right;
	height: 80px;
	font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	padding-top: 20px;
	padding-bottom: 20px;
	margin-right: 20px;
	margin-left: 20px;
	color: #603;
	background-image: url(image/sonic_solfa_logo.gif);
	background-repeat: no-repeat;
	background-position: left;
}



#contents,#contents_index_page {
	text-align: left;
}
h3 {
	font-size: 14px;
}


#footer {
	font-size: 12px;
	border-top-width: thin;
	border-top-style: ridge;
	border-top-color: #93C;
	margin-top: 20px;
}
 #contents h2.toppage {
	text-align: left;
	margin-top: 30px;
	padding-left: 40px;
	letter-spacing: 0.5em;
	line-height: 150%;
	font-family: Arial, Helvetica, sans-serif;
	color: #E721D6;
	font-size: 14px;
	background-image: url(image/059L-1.PNG);
	background-repeat: no-repeat;
	padding-bottom: 15px;
	background-position: left bottom;
}
 #contents h2 {
	text-align: left;
	margin-top: 30px;
	padding-left: 40px;
	letter-spacing: 0.5em;
	line-height: 150%;
	font-family: Arial, Helvetica, sans-serif;
	color: #660000;
	font-size: 18px;
}
 #contents #content_bottom p:first-letter {
	font-size: 24px;
	font-weight: bold;
	color: #FF3DFF;
}

#navi {
	width: 220px;
	font-size: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
}
.recommendation_photo {
	text-align: left;
	margin-right: 30px;
}
 #contents #student_type li {
	list-style-type: disc;
	list-style-position: inside;
}

 #contents #student_type tbody tr td {
	font-size: xx-small;
	margin: 0px;
	padding: 0px;
	text-align: left;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
 #contents #target #student_type tbody tr td ul {
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 10px;
}
 #contents #target #student_type tbody tr td ul li {
	list-style-type: disc;
	list-style-position: inside;
}
 #contents #bottom_navi ul li {
	display: inline;
}
 #contents #bottom_navi ul li {
	margin-right: 5px;
}
 #contents #bottom_navi ul li a {
	text-decoration: none;
}

 #contents #bottom_navi {
	text-align: center;
	font-size: 10px;
}

 #top_message h1 {
	font-size: 10px;
	color: #3366CC;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	padding: 3px;
	font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
}
#apeal_points {
	clear: none;
}
#sawamura {
}
#top_message {
	font-size: 10px;
	color: #000000;
	font-weight: bolder;
	line-height: 150%;
	background-repeat: no-repeat;
	background-position: center bottom;
	background-image: url(image/057L_pink.PNG);
	font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	padding-bottom: 50px;
}
#sponser {
	font-weight: bold;
	color: #000;
	padding: 0px;
	margin-right: auto;
	margin-left: auto;
	font-family: "ＭＳ ゴシック", "Osaka－等幅";
}
#appeal {
	margin-bottom: 30px;
	border-bottom-width: 1px;
	border-top-color: #F00;
	border-bottom-color: #F00;
	margin-right: auto;
	margin-left: auto;
	font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	font-size: 12px;
	text-align: center;
	background-repeat: no-repeat;
	background-position: center center;
	font-weight: bold;
	color: #116095;
}
#navi #sawamura {
	border: 1px solid #D7BBFF;
	text-align: center;
	margin-bottom: 10px;
	margin-top: 0px;
	margin-right: 0px;
	margin-left: 0px;
	background-color: #F3F0F7;
}

#photo_panel {
	width: 300px;
	text-align: center;
	font-size: 9pt;
	line-height: normal;
}
#target {
	float: right;
	height: auto;
	width: 45%;
	text-align: left;
}
#navi #menu {
	margin-bottom: 20px;
	background-color: #F3F0F7;
	font-size: 14px;
	font-weight: bold;
	border: 1px solid #D7BBFF;
}
#navi ul li  {
	list-style-type: none;
	text-align: left;
	line-height: 200%;
	width: 100%;
}
#navi ul  {
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
 #appeal_message {
	font-size: small;
	text-align: right;
	padding-top: 5px;
	padding-right: 30px;
	padding-bottom: 10px;
	padding-left: 30px;
}
 #contents #title,#contents_index_page h1,#contents #title_enq {
	text-align: center;
	line-height: 200%;
	font-size: 14px;
}
 #contents #WhatsSONIC {
	text-align: center;
	background-color: #F2EEFF;
	border: 1px solid #00F;
	font-weight: bold;
	margin-bottom: 50px;
	font-size: 14px;
}
.class01 {
	color: #F0F;
}
.class02 {
	color: #60C;
}
.return_to_top {
	font-size: 9px;
	text-align: right;
}
 #contents #WhatsSONIC table {
	text-align: left;
}
 #contents p {
	padding-left: 20px;
	text-indent:1em
}
 #contents dl {
	margin-left: 20px;
	padding-left: 20px;
	border: 1px solid #000066;
	padding-bottom: 20px;
	padding-right: 20px;
}
 #contents dl dt {
	padding-top: 20px;
	font-weight: bold;
	color: #00F;
}
 #contents dl dd {
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #006;
}
 #contents #type_index ul li {
	line-height: 30px;
	list-style-type: none;
}
 #contents #research #research_form dl {
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
 #contents #research #research_form dl dd {
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	padding: 0px;
}
 #contents #research #research_form dl dt {
	padding-top: 0px;
	font-size: medium;
}
.sawamura {
	font-weight: bold;
	color: #FF66CC;
}
 #contents #research #research_form #button {
	text-align: center;
}
 #contents #photo_area {
	text-align: center;
}
.recommendation_area {
	text-align: center;
}
 #contents #photo_area #recommendation {
	color: #FFF;
	background-color: #306;
	padding: 20px;
}
 #contents table {
	margin-left: 20px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
 #contents table tbody tr td {
	border: 1px solid #C7A2FF;
	padding-left: 10px;
	font-size: smaller;
}
.table_title       {
	background-color: #D5B9FF;
	margin-top: 0px;
}
 #contents #sub_title {
	font-size: 12px;
	color: #F00;
	text-align: center;
}
 #contents #WhatsSONIC table td {
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	font-size: 12px;
}
 #contents #research {
	font-size: 10px;
}
 #contents ul li ul li ul {
	font-size: x-small;
	list-style-type: disc;
	list-style-position: inside;
}

 #contents #enquete_index {
	padding-left: 0px;
	margin-left: 0px;
}
 #contents ul li h2 {

}
 #contents ul {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
	display: block;
}
 #contents ul li .experience {
	font-size: 12px;
	margin-top: 0px;
	margin-bottom: 10px;
	background-color: #FFCC99;
	color: #990000;
	padding-left: 5px;
}
#navi #sawamura ul li {
	text-align: center;
}
 #contents #type_index {
	padding: 10px;
	color: #000;
	background-color: #E3D6F1;
	border: 1px solid #60F;
}


#navi #menu ul li a {
	text-decoration: none;
	padding-top: 5px;
	padding-bottom: 5px;
	display: block;
	text-align: center;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #D7BBFF;
	color: #000;
}
 #contents #type_index ul li a {
	display: block;
	text-decoration: none;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #C49BFF;
	font-size: 10px;
	color: #000099;
}
 #contents #type_index ul li a:hover {
	background-color: #FFC1FF;
}

#navi #menu ul li a:hover {
	background-color: #FDF;
	color: #FF3399;
}
 #header div {
	font-size: small;
	float: right;
	text-align: right;
}
 #contents #type_index ul li {
	list-style-position: inside;
	list-style-type: none;
}
 #contents ul li ul li {
	display: block;
	font-size: 9px;
}
li.category {
	float: right;
	width: 30%;
	display: block;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-bottom-style: solid;
	border-left-style: solid;
	border-bottom-color: #FFCC99;
	border-left-color: #FFCC99;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
	margin-top: 5px;
	margin-right: 3px;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #FFCC99;
}
 #contents ul li#category_group_field {
	height: 450px;
	display: none;
}
 #contents ul li ul li.li_clear {
	clear: left;
}
 #contents #type_index li.li_clear {
	clear: both;
}
 #contents #WhatsSONIC th {
	white-space: nowrap;
}
 #contents #student_type {
	width: 100%;
	margin: 0px;
	padding: 0px;
	font-size: 10px;
}
#navi #whats_new dt {
	padding: 0px;
	margin: 0px;
}
#navi #whats_new dd {
	padding-left: 0px;
	margin-left: 10px;
}
#navi #whats_new, #navi #taiken {
	width: 100%;
	overflow: auto;
	margin-bottom: 10px;
	height: 180px;
	border: 1px solid #D7BBFF;
	margin-top: 0px;
	margin-right: 0px;
	margin-left: 0px;
	font-size: 10px;
	text-align: center;
	background-color: #F3F0F7;
}

#navi #whats_new {
	height: 2410px;
}

#navi #whats_new dl {
	padding: 0px;
	text-align: left;
	margin-top: 2px;
	margin-right: 2px;
	margin-bottom: 2px;
	margin-left: 5px;
	list-style-type: none;
}
#navi #whats_new h1, #navi #taiken h1 {
	font-size: 14px;
	color: #0066FF;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 0px;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 5;
	margin-left: 0;
	border-bottom-width: thick;
	border-bottom-style: dotted;
	border-bottom-color: #FF99FF;
}
 #contents #content_right {
	float: right;
	width: 45%;
	margin: 0px;
	padding: 0px;
}
 #contents #content_left {
	width: 50%;
	margin-right: auto;
	border-right-width: 1px;
	border-right-style: dotted;
	border-right-color: #D7BBFF;
}
 #contents #content_right li {
	list-style-type: disc;
	list-style-position: inside;
}
 #contents #content_left,  #contents #content_right {

}
 #contents #recommendation_table {

}
 #contents #recommendation_table tr td {
	padding: 5px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	text-align: left;
}
 #contents #content_left p,  #contents #content_right p {
	padding: 0px;
}
 #contents ol {
	list-style-type: decimal;
	padding-top: 10px;
	padding-bottom: 5px;
}
 #contents #subscription li {
	padding-top: 5px;
	padding-bottom: 5px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #6699FF;
}
#navi #menu .top {
	border-left-width: 2px;
	border-left-style: solid;
	border-left-color: #FF0000;
}
#navi #menu .explain {
	border-left-width: 2px;
	border-left-style: solid;
	border-left-color: #006600;
}
#navi #menu .introduction {
	border-left-width: 2px;
	border-left-style: solid;
	border-left-color: #FF00FF;
}
#navi #menu .procedure {
	border-left-width: 2px;
	border-left-style: solid;
	border-left-color: #0000FF;
}
#navi #menu .relax {
	border-left-style: none;
	color: #006633;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
}
 #contents #content_bottom {
	clear: right;
	padding-top: 20px;
	border: 1px solid #F0D2FF;
	font-size: 12px;
	padding-right: 10px;
}
 #contents #shinobi {
	visibility: hidden;
}
 #contents .category a {
	color: #000000;
}
 #contents .category a:visited {
	color: #000099;
}
 #contents #research table {
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	margin: 0px;
}
 #contents #research table tr td {
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
 #contents #column_index {
	border: 1px solid #CEDE00;
	padding: 0px;
	margin-right: 0px;
	margin-bottom: 30px;
	margin-left: 0px;
}

 #contents #column_index ul li {
	display: inline;
	margin-right: 10px;
}


 #contents #column {

}
 #contents #column_index h1 {
	font-size: small;
	color: #660033;
	margin: 0px;
	padding: 0px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #CEDE00;
}
 #contents #column_index ul {
	padding-left: 5px;
	font-size: small;
}

 #contents_index_page #column_index ul {
}

 #contents #column p {
	font-size: 12px;
	margin: 0px;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 0px;
	font-weight: normal;
}
 #contents #column #clumn_footer {
	text-align: right;
}
 #contents .content_footer_course {
	text-align: center;
}
 #contents #top_category {
	height: 200px;
}
 #contents .clear_left {
	clear: right;
}
 #contents .li_clear {
	clear: right;
}
 #contents #taiken_index li {
	display: inline;
	margin-right: 10px;
}
 #contents #taiken_index {
	text-align: center;
}
 #contents #column fieldset {
	padding: 20px;
}
 #contents #column #column_content h1 {
	font-size: 16px;
	color: #660033;
}

 #contents #column div {
	margin: 0px;
	padding: 0px;
}
 #contents_index_page {
	text-align: center;
	border-left-width: 10px;
}
 #contents_index_page #column_index {
	border-right-width: 10px;
	border-left-width: 10px;
	border-right-style: dotted;
	border-left-style: dotted;
	border-right-color: #FF99FF;
	border-left-color: #FF99FF;
}
 #contents #column #column_content h2 {
	color: #800000;
	font-size: 14px;
	font-weight: bold;
	padding: 0px;
	letter-spacing: normal;
}
 #top_message p {
	padding: 0px;
	margin-top: 4px;
	margin-right: 0px;
	margin-bottom: 4px;
	margin-left: 0px;
}
 #top_message .message p {
	margin-top: 2px;
	margin-bottom: 2px;
}
 #top_message .message {
	margin-top: 35px;
	margin-bottom: 35px;
	color: #1A4AA6;
}
 #top_message h2 {
	font-size: 10px;
	margin-bottom: 8px;
	font-family: "ＭＳ ゴシック", "Osaka－等幅";
}
 #container {
	width: 670px;
	background-color: #FFFFFF;
	text-align: center;
	padding-right: 25px;
	padding-bottom: 25px;
	padding-left: 25px;
}

#page {
	width: 1000px;
}
#tmp_spage {
	clear: both;
}
#page #navi #whats_new hr {
	margin: 10px;
	color: #DACCE4;
}
#page #navi #whats_new h2 {
	font-size: 10px;
	margin-bottom: 0px;
	margin-top: 5px;
	text-align: left;
	margin-left: 5px;
}
#page #container #contents ul {
	margin-left: 20px;
}
#page #container #contents h3 {
	margin-left: 20px;
}
#page #container #contents #content_right #student_type ul {
	margin: 0px;
}
#page #container #contents #type_index ul {
	margin: 0px;
}
#page #container #contents .category .experience {
	margin: 0px;
}
#page #container #top_message #sponser p .style10 {
	color: #000;
}
.saishin {
	color: #FF0080;
}
#page #container #contents #enquete dl strong {
	color: #804040;
}
.indexNEW {
	color: #FF0080;
}