* {
    margin: 0;
    padding: 0;
    /* 次の属性はoperaに於いてgooglemapsの表示をおかしくする。
    font-weight: normal;
    font-style: normal;
    font-size: 100%;
    */
    text-decoration: none;
    background: transparent;
    color: #333;
    font-family: Arial, Helvetica, "ヒラギノ角ゴ Pro W3", Osaka, "ＭＳ　Ｐゴシック", sans-serif;
}
body {
    background-color: #ffd6ac;
    margin: 0;
    padding: 0;
}
div, ul, h1, h2, h3, li, p, img, a {
    margin: 0;
    padding: 0;
}
input, textarea {
    background-color: #fff;
    border: 1px solid #ccc;
}
img {
    border: none;
}
a {
    text-decoration: underline;
}
a:link {
    color: #0000a0;
}
a:visited {
    color: #800040;
}
a:hover {
    color: #0000a0;
}
a:active {
    color: #0000a0;
}
blockquote {
    padding: 0 40px 0 40px;
}
p {
    text-align: justify;
}
strong {
    font-style: normal;
    font-size: 100%;
    color: #d00000;
}
#container {
    width: 775px;
    margin-left: auto;
    margin-right: auto;
    background: #ffd6ac;
    text-align: justify;
/*    text-justify: inter-ideograph; */
}
#top {
/*    margin: 0 0 10px 0;*/
    width: 775px;
    height: 120px;
    background-image: url("../img/toplogo.gif"); 
    background-repeat: no-repeat;
}
div#top a {
    display: block;
	margin: 0;
    padding: 0;
    width: 775px;
    height: 120px;
    vertical-align: bottom;
}
h1	{
    /*
	text-indent: -9999px;
	overflow: hidden;
    */
    text-align: right;
	margin: 0;
	padding: 0;
	border: 0;
}
div#top h1 a {
    font-size: 110%;
    color: #060;
    text-decoration: none;
}
div#top h1 a span {
    font-size: 60%;
    color: #060;
}
#menu {
    width: 750px;
    height: 40px;
    margin: 10px 12px -1px 12px;
}
#menu ul {
    width: 750px;
    height: 40px;
}
#menu ul li {
    width: 100px;
    height: 40px;
    display: inline;
}
#menu ul li a {
    float: right;
    display: block;
    width: 100px;
    height: 40px;
    margin-left: 3px;
}
#menu ul li a span {
    display: none;
}
#menu ul li a#home {
    background-image: url(../img/home.gif);
    background-repeat: no-repeat;
}
#menu ul li a#course {
    background-image: url(../img/course.gif);
    background-repeat: no-repeat;
}
#menu ul li a#training {
    background-image: url(../img/training.gif);
    background-repeat: no-repeat;
}
#menu ul li a#exam {
    background-image: url(../img/exam.gif);
    background-repeat: no-repeat;
}
#menu ul li a#access {
    background-image: url(../img/access.gif);
    background-repeat: no-repeat;
}
#menu ul li a#diarya {
    background-image: url(../img/diary.gif);
    background-repeat: no-repeat;
}
#menu ul li a#cform {
    background-image: url(../img/question.gif);
    background-repeat: no-repeat;
}
#menu ul li a#makediarya {
    background-image: url(../img/makediary.gif);
    background-repeat: no-repeat;
}
#menu ul li a#aboutus {
    background-image: url(../img/aboutus.gif);
    background-repeat: no-repeat;
}
#menu ul li a#home:hover {
    background-image: url(../img/home_hover.gif);
    background-repeat: no-repeat;
}
#menu ul li a#course:hover {
    background-image: url(../img/course_hover.gif);
    background-repeat: no-repeat;
}
#menu ul li a#exam:hover {
    background-image: url(../img/exam_hover.gif);
    background-repeat: no-repeat;
}
#menu ul li a#training:hover {
    background-image: url(../img/training_hover.gif);
    background-repeat: no-repeat;
}
#menu ul li a#access:hover {
    background-image: url(../img/access_hover.gif);
    background-repeat: no-repeat;
}
#menu ul li a#diarya:hover {
    background-image: url(../img/diary_hover.gif);
    background-repeat: no-repeat;
}
#menu ul li a#cform:hover {
    background-image: url(../img/question_hover.gif);
    background-repeat: no-repeat;
}
#menu ul li a#aboutus:hover {
    background-image: url(../img/aboutus_hover.gif);
    background-repeat: no-repeat;
}
#menu ul li.active a#home {
    background-image: url(../img/home_hover.gif);
    background-repeat: no-repeat;
}
#menu ul li.active a#course {
    background-image: url(../img/course_hover.gif);
    background-repeat: no-repeat;
}
#menu ul li.active a#exam {
    background-image: url(../img/exam_hover.gif);
    background-repeat: no-repeat;
}
#menu ul li.active a#access {
    background-image: url(../img/access_hover.gif);
    background-repeat: no-repeat;
}
#menu ul li.active a#cform {
    background-image: url(../img/question_hover.gif);
    background-repeat: no-repeat;
}
#menu ul li.active a#aboutus {
    background-image: url(../img/aboutus_hover.gif);
    background-repeat: no-repeat;
}
ul#topnav {
    list-style-type: none;
}
#intro {
    width: 750px;
    height: 265px;
    clear: both;
    margin: 0 12px 0 12px;
    background-color: #ff8000;
    background-image: url(../img/topimage6.jpg);
    background-repeat: no-repeat;
    background-position: center center;
}
#content {
    margin: 30px 0 0 0;
}
div#leftside {
    width: 160px;
    float: left;
}
div#leftside p.locations {
    width: 160px;
    margin: 0 0 20px 0;
    border-width: 0 0 2px 0;
    border-style: dotted;
    border-color: #000;
    font-size: 13px;
}
div#leftside p.locations, div#leftside p.img_valid {
    text-align: right;
}
div#leftside p.locations span.school {
    font-size: 20px;
    font-weight: bold;
}
div#leftside p.locations span.address {
    font-size: 13px;
    font-weight: normal;
}
div#leftside p.locations span.telnum {
    font-size: 20px;
    font-weight: normal;
}
div#leftside p.img_valid {
    margin: 20px 0 0 0;
}
div#rightside {
    width: 530px;
    padding: 0;
    float: right;
    margin-bottom: 10px;
}
div#rightside div#maincontent img.right {
    float: right;
}
div#rightside div#maincontent h2 {
    color: #333;
    font-size: 23px;
    font-weight: bold;
    margin: 0 0 20px 0;
}
div#rightside h3 {
    color: #333;
    font-size: 20px;
    font-weight: bold;
    margin: 10px 0 0 0;
}
div#rightside p {
    margin: 10px 0 10px 0;
}
div#rightside span.super {
    vertical-align: super;
}
div#rightside ul.listing {
    margin: 0 0 20px 30px;
}
div#rightside ul.listing2 {
    margin: 0 0 0 20px;
    list-style-type: circle;
}
div#rightside ul.listing2 li {
    margin: 10px 0 0 0;
}
div#rightside ul.listing2 ul {
    margin: 0 0 0 40px;
    list-style-type: disc;
}
div#rightside ul.listing2 ul li {
    margin: 5px 0 0 0;
}
div#footer {
    clear: both;
    width: 775px;
    border-width: 5px 0 0 0;
    border-style: solid;
    border-color: #ff8000;
}
div#footer p {
    margin: 15px 0 20px 0;
    font-size: 12px;
    text-align: center;
}
/* サブタイトル */
div#maincontent strong.descrip {
    color: #008000;
}
div#rightside div#maincontent h2.subtitle {
    margin: 50px 0 20px 0;
}
div#maincontent h3.subtitle {
    margin: 30px 0 0 0;
}
p.subtitle {
    margin: 15px 0 0 0;
}
/* end of サブタイトル */
/* コース案内の表 */
div#maincontent table.courset th {
    font-size: 15px;
    text-align: center;
    padding: 3px 0 3px 0;
}
div#maincontent table.courset td {
    font-size: 15px;
    padding: 3px 0 3px 0;
}
div#maincontent table.courset td.numcell {
    text-align: right;
}
div#maincontent table#small th {
    font-size: 80%;
}
div#maincontent table#small td {
    font-size: 80%;
}
/* end of コース案内の表 */
/* コース案内 */
div#content div#rightside div#maincontent div#coursed {
    width: 500px;
    margin: 0 0 0 30px;
}
div#content div#rightside div#maincontent div#coursed div#course_left {
    float: left;
    width: 250px;
}
div#content div#rightside div#maincontent div#coursed div#course_right {
    float: right;
    width: 250px;
    height: 400px;
}
div#content div#rightside div#maincontent div#course_left p {
    margin: 15px 0 0 0;
}
div#content div#rightside div#maincontent div#course_right p {
    margin: 15px 0 0 0;
}
/* end of コース案内 */
/* 企業向け研修 全日本情報学習振興協会検定試験対策講座*/
ul.training {
    list-style-type: disc;
}
ul.training li {
    margin: 10px 0 0 20px;
}
/* end of 企業向け研修 全日本情報学習振興協会検定試験対策講座*/
/* google map*/
div#mapmap, div#map {
    width: 500px;
    height: 300px;
}
div#iwade {
    margin: 30px 0 0 0;
}
/* end of google map*/
div.strong {
    margin: 5px 0 0 0;
    font-size: 18px;
    font-weight: bold;
}

form {
	clear: both;
	margin-left: 40px;
	padding: 0;
	width: 80%;
}
form div {
	clear: both;
	vertical-align: text-top;
}
form div.input {
	color: #444;
}
form div.required {
	color: #333;
	font-weight: bold;
}
form div.submit {
	border: 0;
	clear: both;
	margin-top: 10px;
    margin-bottom: 20px;
}
label {
	display: block;
	font-size: 110%;
	padding-right: 20px;
}
input, textarea {
	clear: both;
	display: block;
	font-size: 140%;
	font-family: "frutiger linotype", "lucida grande", "verdana", sans-serif;
	padding: 2px;
}
option {
	font-size: 120%;
	padding: 0 3px;
}
input[type=submit] {
	display: inline;
	font-size: 110%;
	padding: 2px 5px;
	width: auto;
	vertical-align: bottom;
}
/* cform */
div.contents div#flashMessage {
    margin: 10px 0;
    font-weight: bold;
}
div.contents div#flashMessage span.msg {
    color: #008000;
}
div.contents div#flashMessage span.error {
    color: #db2828;
}
form div.error-message {
    margin: 0 0 5px 0;
    font-weight: bold;
    color: #db2828;
}
/* end of cform */
/* about us */
table#au_table td.au_column1 {
    padding: 5px;
    text-align: center;
    vertical-align: middle;
    font-weight: bold;
    font-size: 90%;
}
table#au_table td.au_column2 {
    padding: 5px;
}
table#au_table ul {
    list-style-type: none;
}
/*table#au_table ul li {
    padding-left: 2em;
    margin-left: 0;
}*/
/* end of about us */
/* affiliate */
div#rightside div#maincontent div.affiliate h2 {
    margin: 30px 0 0 0;
}
/* end of affiliate */
/* jobtraining 臨時 */
div#rightside div#maincontent .jobtraining {
    font-size: 180%;
    color: #d00000;
}
div#rightside div#maincontent .jobtraining2 {
    margin: 0 0 60px 0;
    font-size: 120%;
}
ul.jobtraining_list {
    list-style-type: square;
}
ul.jobtraining_list li {
    margin: 0 0 5px 25px;
}
/* end of jobtraining 臨時 */

/* campaign 開校記念 */
div#rightside div#maincontent p.campaign {
    font-size: 190%;
    color: #ff0000;
    text-align: center;
}
div#rightside div#maincontent th.campaign {
    color: #ff0000;
    text-align: center;
}
/* end of campaign 開校記念 */
/* campaign2 開校記念 */
div#rightside div#maincontent p.campaign2 {
    margin: 0 0 40px 0;
    font-size: 150%;
    color: #ff0000;
}
/* end of campaign2 開校記念 */
/* movie */
div#movie {
    margin: 50px auto 5px auto;
    width: 128px;
}
/* end of movie */
/*greetings*/
div.greeting h1 {
    color: #ff0000;
    text-align: left;
}
div.greeting p {
    color: #ff0000;
    font-size: 150%;
}
div.greeting {
    margin-bottom: 30px;
}
/*end of greetings*/