@charset "utf-8";
/* CSS Document */


/* common_style START */


body, h1, h2, h3, h4, h5, h6,
form,
div, span,
ul, li, dl, dt, dd,
p, blockquote { margin: 0px; padding: 0px; }
img { border: none; }
ul { list-style: none; }
a { color: #6666CC; text-decoration: none; }
a:hover { text-decoration: underline; }
*.cleared { clear:both; }
body {
	background-image: url(../images/index/left_bg.jpg);
	background-repeat: repeat-x;
	background-position: left 13px;
	font-size: 75%;
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	border-top: 13px solid #253644;
	background-color: #f2f2f2;
	margin: 0px;
	padding: 0px;
}
#bg_wrap {
	background-image: url(../images/index/right_bg.jpg);
	background-repeat: repeat-x;
	height: 332px;
	width: 50%;
	position: absolute;
	right: 0px;
}
#wrapper {
	margin: 0px auto;
	width: 985px;
	position: relative;
}
#header { background-image: url(../images/index/header_image.jpg); height: 306px; width: 985px; margin-top: 0px; margin-left: 0px; }
#header h1 a { background-image: url(../images/index/title.gif); background-repeat: no-repeat; height: 42px; width: 399px; text-indent: -9999em; overflow: hidden; position: absolute; left: 71px; top: 15px; display: block; }
#header #head_flash {
	position: absolute;
	left: 33px;
	top: 70px;
}

#header #site_navi { background-image: url(../images/index/menu_left.jpg); background-repeat: no-repeat; background-position: left; height: 26px; width: 712px; position: absolute; left: 0px; top: 306px; padding-left: 273px; }
#header #site_navi li { float: left; }
#header #site_navi #l5 { background-image: url(../images/index/menu_right.jpg); background-repeat: no-repeat; background-position: right; height: 26px; width: 197px; }
#header  #site_navi  li a { background-image: url(../images/index/menubar.gif); text-indent: -9999em; height: 26px; display: block; }
#header #site_navi #l1 a { width:125px; background-position:0px 0px; }
#header #site_navi #l1 a:hover, #header #site_navi #l1.current a { width:125px; background-position:0px -26px; } 
#header #site_navi #l2 a { width:131px; background-position:-125px 0px; }
#header #site_navi #l2 a:hover, #header #site_navi #l2.current a { width:131px; background-position:-125px -26px; } 
#header #site_navi #l3 a { width:129px; background-position:-256px 0px }
#header #site_navi #l3 a:hover, #header #site_navi #l3.current a { width:129px; background-position:-256px -26px } 
#header #site_navi #l4 a { width:130px; background-position:-385px 0px }
#header #site_navi #l4 a:hover, #header #site_navi #l4.current a { width:130px; background-position:-385px -26px } 
#header #site_navi #l5 a { width:126px; background-position:-515px 0px }
#header #site_navi #l5 a:hover, #header #site_navi #l5.current a { width:126px; background-position:-515px -26px } 
#footer { margin-top: 7px; width: 843px; padding-left: 71px; }
#footer #contact { float: left; background-image: url(../images/index/contact.gif); height: 44px; width: 181px; text-indent: -9999em; padding-bottom: 56px; background-repeat: no-repeat; }
#footer #footer_navi { margin-top: 5px; float: right; }
#footer #footer_navi li { padding-right: 15px; padding-left: 15px; border-right: 2px solid #909090; float: left; }
#footer  #footer_navi  li  a { color: #000000; display: block; }
#footer #footer_navi .current a { color: #abadad; }
#footer    #footer_navi    #f_l1  { border-left: 2px solid #909090; }
#footer #copyright { float: right; text-align: right; width: 662px; margin-top: 6px; color: #6f6f6f; }
#footer #copyright a, #footer #copyright a:hover { color: #6f6f6f; text-decoration: underline; }
div.cleared {
	clear: both;
	padding-bottom: 20px;
}



/* common_style END */


/* index_style START */


#contents {
	width: 914px;
	margin-top: 26px;
	padding-left: 71px;
	padding-top: 33px;
}
#contents  h2 {
	height: 31px;
	width: 357px;
	text-indent: -9999em;
	padding-right: 463px;
	padding-bottom: 15px;
}
#contents  h3 {
	height: 25px;
	width: 597px;
	padding-right: 22px;
	text-indent: -9999em;
}
#contents .text {
	padding-right: 22px;
	width: 593px;
	padding-left: 4px;
	padding-top: 17px;
	font-size: 13px;
}
#contents .des_box {
	border-left: 1px solid #d6dde1;
	width: 618px;
	float: right;
	padding-left: 14px;
}

/* ------ What's new ------------ */

#contents #section_0 {
	width: 820px;
	border: 1px solid #dbdbd9;
	background-color: #FFFFFF;
	margin-bottom: 20px;
	padding-top: 18px;
	padding-left: 23px;
}
#contents #section_0 h2 {
	background-image: url(../images/index/section0_title.gif);
	background-repeat: no-repeat;
}
#contents #section_0 h3 {
	background-image: url(../images/index/section0_subtitle.gif);
	background-repeat: no-repeat;
	width:529px;
}
#contents #section_0 .des_box {
	float: right;
	width: 548px;
	border-left: 1px solid #d6dde1;
	margin-left: 4px;
	padding-left: 12px;
	display: inline;
}
#contents #section_0 .text {
	width: 519px;
	padding-right: 22px;
	padding-left: 4px;
	padding-top: 17px;
	font-size: 13px;
}
#contents #section_0 .image_area {
	float: left;
	width: 252px;
}
#contents #section_0 .image_area p {
	float:left;
	width: 123px;
	height: 91px;
	margin-bottom: 10px;
	margin-right: 3px;
	display: inline;
}
#contents #section_0 .image_area #image_box1 {
	background-image: url(../images/index/section0_image1.jpg);
	background-repeat: no-repeat;
}
#contents #section_0 .image_area #image_box2 {
	background-image: url(../images/index/section0_image2.jpg);
	background-repeat: no-repeat;
}
#contents #section_0 .image_area #image_box3 {
	background-image: url(../images/index/section0_image3.jpg);
	background-repeat: no-repeat;
}
#contents #section_0 .image_area #image_box4 {
	background-image: url(../images/index/section0_image4.jpg);
	background-repeat: no-repeat;
}
#contents #section_0 .image_area #image_box5 {
	background-image: url(../images/index/section0_image5.jpg);
	background-repeat: no-repeat;
}
#contents #section_0 .image_area #image_box6 {
	background-image: url(../images/index/section0_image6.jpg);
	background-repeat: no-repeat;
}

/* ------ /What's new ------------ */


#contents #section_1 {
	width: 820px;
	border: 1px solid #dbdbd9;
	background-color: #FFFFFF;
	margin-bottom: 20px;
	padding-top: 18px;
	padding-left: 23px;
	background-image: url(../images/index/section1_image.jpg);
	background-repeat: no-repeat;
	background-position: 23px 64px;
}
#contents #section_1 h2 {
	background-image: url(../images/index/section1_title.gif);
	background-repeat: no-repeat;
}
#contents #section_1 h3 {
	background-image: url(../images/index/section1_subtitle.gif);
	background-repeat: no-repeat;
}
#contents #section_2 {
	width: 820px;
	border: 1px solid #dbdbd9;
	background-color: #FFFFFF;
	margin-bottom: 20px;
	padding-top: 18px;
	padding-left: 23px;
	background-image: url(../images/index/section2_image.jpg);
	background-repeat: no-repeat;
	background-position: 23px 64px;
}
#contents   #section_2   h2 {
	background-image: url(../images/index/section2_title.gif);
	background-repeat: no-repeat;
}
#contents  #section_2  h3 {
	background-image: url(../images/index/section2_subtitle.gif);
	background-repeat: no-repeat;
}

#contents #section_3 {
	width: 820px;
	border: 1px solid #dbdbd9;
	background-color: #FFFFFF;
	margin-bottom: 20px;
	padding-top: 18px;
	padding-left: 23px;
	background-image: url(../images/index/section3_image.jpg);
	background-repeat: no-repeat;
	background-position: 23px 64px;
}
#contents   #section_3   h2 {
	background-image: url(../images/index/section3_title.gif);
	background-repeat: no-repeat;
}
#contents  #section_3  h3 {
	background-image: url(../images/index/section3_subtitle.gif);
	background-repeat: no-repeat;
}


/* index_style END */


/* curriculum_style START */


#c_contents { margin-top: 26px; padding-top: 33px; padding-left: 71px; width: 914px; }
#c_contents #section {
	background-color: #FFFFFF;
	width: 820px;
	margin-bottom: 20px;
	padding-top: 18px;
	padding-left: 23px;
	border: 1px solid #dbdbd9;
	padding-bottom: 16px;
	background-image: url(../images/curriculum/section_image.jpg);
	background-repeat: no-repeat;
	background-position: 23px 64px;
}
#c_contents #des_box {
	float: right;
	width: 618px;
	border-left: 1px solid #d6dde1;
	padding-left: 14px;
}

#c_contents  h2 { height: 31px; width: 357px; text-indent: -9999em; padding-right: 463px; padding-bottom: 15px; background-image: url(../images/curriculum/section_title.gif); background-repeat: no-repeat; }
#c_contents  h3 {
	height: 25px;
	width: 597px;
	padding-right: 22px;
	text-indent: -9999em;
	background-image: url(../images/curriculum/section_subtitle.gif);
	background-repeat: no-repeat;
}
#c_contents  h4  {
	color: #00155b;
	padding-top: 51px;
	padding-bottom: 26px;
}
#c_contents  #text_list .headline {
	height: 19px;
	width: 597px;
	background-color: #c0c0c0;
	color: #2551e2;
	padding-left: 4px;
	font-weight: 700;
	margin-bottom: 6px;
	margin-top: 6px;
}
#c_contents #text_list #top_item {
	margin-top: 0px;
}

#c_contents  #text_list li {
	width: 597px;
	padding-left: 8px;
	line-height: 20px;
}
#c_contents   #text_list   .test { color: #676767; }


/* curriculum_style END */


/* product_style START */


#p_contents { margin-top: 26px; padding-top: 33px; padding-left: 71px; width: 914px; }
#p_contents  #section1  {
	background-color: #FFFFFF;
	width: 820px;
	margin-bottom: 20px;
	padding-top: 18px;
	padding-left: 23px;
	border: 1px solid #dbdbd9;
	padding-bottom: 22px;
}
#p_contents #section1 h2 {
	background-image: url(../images/product/section1_title.gif);
	background-repeat: no-repeat;
}
#p_contents #des_box {
	float: right;
	width: 548px;
	border-left: 1px solid #d6dde1;
	margin-left: 13px;
	padding-left: 12px;
}

#p_contents #section1 h4#sub_title {
	background-image: url(../images/product/section1_subtitle2.gif);
	margin-top: 54px;
}
#p_contents #section1 .image_area {
	float: left;
	width: 246px;
}
#p_contents #section1 .image_area p {
	height: 181px;
	margin-bottom: 15px;
}
#p_contents #section1 .image_area #image_box1 {
	background-image: url(../images/product/section1_image1.jpg);
	background-repeat: no-repeat;
}
#p_contents #section1 .image_area #image_box2 {
	background-image: url(../images/product/section1_image2.jpg);
	background-repeat: no-repeat;
}
#p_contents #section1 .image_area #image_box3 {
	background-image: url(../images/product/section1_image3.jpg);
	background-repeat: no-repeat;
}
#p_contents #section1 .image_area #image_box4 {
	background-image: url(../images/product/section1_image4.jpg);
	background-repeat: no-repeat;
}
#p_contents #section1 #sep_bar {
	background-image: url(../images/product/sep_bar.gif);
	background-repeat: repeat-y;
	width: 26px;
	height: 770px;
	float: left;
}
#p_contents #section1 .text {
	padding-right: 22px;
	padding-left: 4px;
	font-size: 13px;
	padding-top: 17px;
	margin-top: 25px;
}
#p_contents   #section1   .sub_text li {
	font-size: 13px;
	padding-top: 10px;
	margin-right: 22px;
	margin-left: 4px;
	color: #404040;
}
#p_contents   #section1   .sub_text   li span {
	font-weight: 700;
	color: #000000;
	padding-right: 14px;
}



#p_contents #section2 {
	background-color: #FFFFFF;
	width: 820px;
	margin-bottom: 20px;
	padding-top: 18px;
	padding-left: 23px;
	border: 1px solid #dbdbd9;
}
#p_contents #section2 h2 {
	background-image: url(../images/product/section2_title.gif);
	background-repeat: no-repeat;
}
#p_contents #section2 p {
	background-image: url(../images/product/flash_description.gif);
	background-repeat: no-repeat;
	height: 23px;
	width: 308px;
	margin-left: 78px;
	text-indent: -9999em;
}
#p_contents #section2 #flash, #p_contents #section2 #demo-movie-player {
	background-color: #000000;
	height: 480px;
	width: 640px;
	margin-left: 78px;
	background-image: none;
}
#p_contents #section2 #adobe-flash-player-link {
	float:right; margin:5px 101px 0 0;
}
#p_contents #section3 {
	background-color: #FFFFFF;
	width: 820px;
	margin-bottom: 20px;
	padding-top: 18px;
	padding-left: 23px;
	border: 1px solid #dbdbd9;
}
#p_contents #section3 h2 {
	background-image: url(../images/product/section3_title.gif);
	background-repeat: no-repeat;
}
#p_contents  #section3  table {
	background-image: url(../images/product/system.gif);
	background-repeat: no-repeat;
	height: 178px;
	width: 805px;
	text-indent: -9999em;
}

#p_contents  h2 { height: 33px; width: 357px; text-indent: -9999em; padding-right: 463px; padding-bottom: 15px; }
#p_contents   h3 {
	float: left;
	height: 25px;
	width: 520px;
	padding-right: 22px;
	text-indent: -9999em;
	background-image: url(../images/product/section1_subtitle1.gif);
	background-repeat: no-repeat;
}
#p_contents h4 {
	background-image: url(../images/product/section1_subtitle3.gif);
	background-repeat: no-repeat;
	float: left;
	height: 31px;
	width: 526px;
	text-indent: -9999em;
	padding-right: 22px;
	margin-bottom: 7px;
	margin-top: 24px;
}


/* product_style END */


/* contact_style START */


#co_contents { margin-top: 26px; padding-top: 33px; padding-left: 71px; width: 914px; }
#co_contents #section {
	background-color: #FFFFFF;
	width: 820px;
	margin-bottom: 20px;
	padding-top: 18px;
	padding-left: 23px;
	border: 1px solid #dbdbd9;
	padding-bottom: 16px;
	background-image: url(../images/contact/section_image.jpg);
	background-repeat: no-repeat;
	background-position: 23px 64px;
}
#co_contents .text {
	text-align: center;
	float: left;
	width: 597px;
	margin-top: 10px;
	margin-bottom: 10px;
}
#co_contents .text span {
	color: #00155b;
	font-weight: 700;
}


#co_contents .image_box {
	height: 137px;
	width: 175px;
	float: left;
	background-image: url(../images/contact/section_image.jpg);
	background-repeat: no-repeat;
}
#co_contents  h2 {
	height: 31px;
	width: 357px;
	text-indent: -9999em;
	padding-right: 463px;
	padding-bottom: 15px;
	background-image: url(../images/contact/section_title.gif);
	background-repeat: no-repeat;
}
#co_contents  h3  {
	background-image: url(../images/contact/section_subtitle.gif);
	background-repeat: no-repeat;
	float: left;
	height: 25px;
	width: 597px;
	text-indent: -9999em;
	margin-bottom: 8px;
}

#co_contents #section #sep_bar {
	background-image: url(../images/contact/sep_bar.gif);
	background-repeat: repeat-y;
	width: 26px;
	float: left;
	height: 780px;
	margin-left: 175px;
}
#co_contents #section #sep_bar_after {
	background-image: url(../images/contact/sep_bar.gif);
	background-repeat: repeat-y;
	width: 26px;
	float: left;
	height: 200px;
	margin-left: 175px;
}
#co_contents #section table {
	float: left;
	margin-left: 17px;
	width: 580px;
	margin-top: 30px;
	background-color: #626262;
	height: auto;
}
#co_contents #section table th {
	background-color: #ffffff;
	color: #000000;
	height: auto;
	width: auto;
	text-align: center;
	margin: 0px;
	padding: 0px 12px;
	font-weight: normal;
}
#co_contents  #section  table td {
	color: #000000;
	background-color: #ffffff;
	margin: 0px;
	padding: 5px 0px 2px 8px;
	height: auto;
	width: auto;
	font-weight: normal;
}

#co_contents  #section form {
	margin: 0px;
	padding: 0px;
}

#co_contents  #section #txt{
	float: left;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	margin-right: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
	padding-left: 155px;
	padding-right: 0px;
}

#co_contents  #section #write {
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	margin-right: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	padding-right: 155px;
}

#co_contents  #section .fill_one input {
	width: 180px;
	height: 16px;
	margin-top: 0px;
	margin-bottom: 3px;
	margin-left: 0px;
	margin-right: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	padding-right: 0px;
	font-size: 10pt; color: #000000;
	letter-spacing: 0.2pt;
	line-height: 1.4em;
	font-weight: normal;
	border: solid 1px #626262;
}

#co_contents  #section .fill_two input {
	width: 250px;
	height: 16px;
	margin-top: 0px;
	margin-bottom: 3px;
	margin-left: 0px;
	margin-right: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	padding-right: 0px;
	font-size: 10pt; color: #000000;
	letter-spacing: 0.2pt;
	line-height: 1.4em;
	font-weight: normal;
	border: solid 1px #626262;
}

#co_contents  #section .fill_thr input {
	width: 50px;
	height: 16px;
	margin-top: 0px;
	margin-bottom: 3px;
	margin-left: 0px;
	margin-right: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	padding-right: 0px;
	font-size: 10pt; color: #000000;
	letter-spacing: 0.2pt;
	line-height: 1.4em;
	font-weight: normal;
	border: solid 1px #626262;
}

#co_contents  #section select {
	width: auto;
	height: 20px;
	margin-top: 0px;
	margin-bottom: 3px;
	margin-left: 0px;
	margin-right: 2px;
	padding-top: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	padding-right: 0px;
	font-size: 10pt; color: #000000;
	letter-spacing: 0.2pt;
	line-height: 1.4em;
	font-weight: normal;
	border: solid 1px #626262;
}

#co_contents  #section #fill_box input {
	clear: both;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	margin-right: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	padding-right: 0px;
}

#co_contents  #section textarea {
	clear: both;
	width: 460px;
	height: 200px;
	margin-top: 8px;
	margin-bottom: 8px;
	margin-left: 0px;
	margin-right: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	padding-right: 0px;
	font-size: 10pt; color: #000000;
	letter-spacing: 0.2pt;
	line-height: 1.4em;
	font-weight: normal;
	border: solid 1px #626262;
}
#co_contents  #section #button {
	text-align: center;
	margin: 18px 22px 18px 0px;
	padding: 0px;
	float: right;
	width: 580px;
}
#co_contents  #section #button input {
	width: 88px;
	height: 23px;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 2px;
	margin-right: 2px;
	padding-top: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	padding-right: 0px;
	font-size: 10pt; color: #000000;
	letter-spacing: 0.2pt;
	line-height: 1.4em;
	font-weight: normal;
	background-color: #FFFFFF;
	border: solid 1px #626262;
}
#co_contents #section #thanks_box {
	float: right;
	width: 580px;
	margin-right: 22px;
	margin-bottom: 100px;
	text-align: center;
	padding: 0px;
}
	
#co_contents #section #foot_address {
	float: right;
	width: 580px;
	margin-right: 22px;
	text-align: center;
	padding: 0px;
}
#co_contents   #section   .caution {
	color:#990000;
	font-weight:bold;
}

/* contact_style END */


/* price_style START */


#price_contents { margin-top: 26px; padding-top: 33px; padding-left: 71px; width: 914px; }
#price_contents #section {
	background-color: #FFFFFF;
	width: 820px;
	margin-bottom: 20px;
	padding-top: 18px;
	padding-left: 23px;
	border: 1px solid #dbdbd9;
	background-image: url(../images/price/section_image.jpg);
	background-repeat: no-repeat;
	background-position: 23px 64px;
	padding-bottom: 16px;
}
#price_contents  h2 {
	height: 31px;
	width: 357px;
	text-indent: -9999em;
	padding-right: 463px;
	padding-bottom: 15px;
	background-image: url(../images/price/section_title.gif);
	background-repeat: no-repeat;
}
#price_contents #des_box {
	float: right;
	width: 618px;
	border-left: 1px solid #d6dde1;
	padding-left: 14px;
}

#price_contents  h3 {
	height: 25px;
	width: 597px;
	padding-right: 22px;
	text-indent: -9999em;
	background-image: url(../images/price/section_subtitle.gif);
	background-repeat: no-repeat;
}
#price_contents .text {
	width: 597px;
	padding-left: 8px;
	line-height: 20px;
	padding-top: 20px;
	padding-bottom: 20px;
}

#demo-movie {
	background-image: none;
	background-position: left 0;
	border-top: 0;
	background-color: #000;
}