/* 汎用スタイルを定義 */

.clear {
	clear: both;
}
.center {
	text-align: center;
}
.text-right {
	text-align: right;
}
.small {
	font-size: 0.86em;
	line-height: 1.6em;
}
.indent {
	padding-left: 20px;
}
ul.default {
	margin-left: 32px;
	line-height: 1.4em;
	margin-bottom: 16px;
}
ul.number {
	list-style: none;
	margin-left: 2em;
	margin-bottom: 16px;
	line-height: 1.4em;
}
ul.number li {
	text-indent: -1em;
}
ul.number2 {
	list-style: none;
	margin-left: 1em;
	margin-bottom: 0px;
	line-height: 1.4em;
}
ul.number2 li {
	text-indent: -1em;
}
ol.number {
	list-style: decimal;
	margin-left: 3em;
	margin-bottom: 16px;
	line-height: 1.4em;
}
ul.number li {
}
.bt {
	text-align: center;
	margin-top: 32px;
}
.last {
	margin-bottom: 0px;
}
a.pdf {
	background: url(../images/mark_pdf.gif) no-repeat left center;
	padding-left: 24px;
	padding-top: 2px;
	padding-bottom: 2px;
}
a.pdf2 {
	background: url(../images/mark_pdf2.gif) no-repeat left center;
	padding-left: 24px;
	padding-top: 2px;
	padding-bottom: 2px;
}
a.link {
	background: url(../images/mark_link.gif) no-repeat left center;
	padding-left: 16px;
}
a.link2 {
	background: url(../images/mark_link2.gif) no-repeat left center;
	padding-left: 16px;
}

/* clearfix */

.clearfix:after {
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}
.clearfix {
	display:inline-block;
}
/* Hides from MacIE \*/
*html .clearfix {
	height:1%;
}
.clearfix {
	display:block;
}
/* End hide from MacIE */

/* iepngfix */

.iepngfix {
  behavior: expression(IEPNGFIX.fix(this));
}

/* タグを定義 */

body {
	margin: 0px;
	padding: 0px;
	color: #403333;
	text-align: center;
	background: #edead9 url(../images/bg_body.jpg) repeat;
	font: 87%/1em "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", Arial, Helvetica, sans-serif;
}
h1, h2, h3, h4, h5, h6, table, form, p, ul, ol, li, dl, dt, dd, img { 
	margin: 0px;
	padding: 0px;
}
h1, h2, h3, h4, h5, h6 {
	font-size: 1em;
	line-height: 1em;
}
div, p, table, form {
	text-align: left;
}
p {
	font-size: 1em;
	line-height: 1.4em;
	margin-bottom: 16px;
}
table {
	border-collapse: collapse;
	empty-cells: show;
	border-width: 0px;
	border-style: none;
}
th, td {
	vertical-align: top;
	text-align: left;
}
img {
	border: 0px;
	vertical-align: top;
}
input {
	padding-top: 2px;
	padding-bottom: 0px;
}
ul,ol {
}
dl {
}
a:link {
	color: #2c59a9;
	text-decoration: underline;
}
a:visited {
	color: #2c59a9;
	text-decoration: underline;
}
a:hover {
	color: #7B2424;
	text-decoration: underline;
}
a:active {
	color: #7B2424;
	text-decoration: underline;
}

/* 枠を定義 */

#container {
	background: url(../images/bg_header.jpg) repeat-x;
}
#header {
	position: relative;
	width: 865px;
	height: 138px;
	margin-right: auto;
	margin-left: auto;
}
#header h1 {
	position: absolute;
	left: 1px;
	top: 7px;
}
#header #menu  {
	line-height: 1em;
	top: 89px;
	position: absolute;
	left: 152px;
}
#header #menu li {
	float: left;
	list-style: none;
	margin-right: 4px;
}
#header #menu li.last {
	margin-right: 0px;
}
#header #submenu  {
	line-height: 1em;
	top: 38px;
	position: absolute;
	left: 475px;
}
#header #submenu li {
	float: left;
	list-style: none;
	margin-right: 6px;
}
#header #submenu li.last {
	margin-right: 0px;
}
#header #tel  {
	top: 16px;
	position: absolute;
	left: 564px;
}
#content {
	background: url(../images/bg_content.png) repeat-y;
	width: 860px;
	margin-right: auto;
	margin-left: auto;
}
#content_inner {
	margin-right: 5px;
	margin-left: 5px;
}
#main {
	padding-bottom: 16px;
}
#main_inner {
}
#footer {
	height: 109px;
	width: 850px;
	background: url(../images/bg_footer.jpg) no-repeat;
	position: relative;
	clear: both;
}
#footer address {
	color: #FFFFFF;
	text-align: center;
	font-style: normal;
	font-size: 87%;
	line-height: 1.5em;
	padding-top: 38px;
}
#footer address a:link {
	color: #FFFFFF;
	text-decoration: none;
}
#footer address a:visited {
	color: #FFFFFF;
	text-decoration: none;
}
#footer address a:hover {
	color: #FFFFFF;
	text-decoration: underline;
}
#footer address a:active {
	color: #FFFFFF;
	text-decoration: underline;
}
#pagetop {
	position: absolute;
	left: 698px;
	top: -13px;
}

/*ホームを定義*/

#home #content_inner {
	padding-top: 24px;
	background: url(../images/bg_content_inner.gif) no-repeat top;
}
#home #main {
	margin: 0px 26px;
	padding: 0px 0px 24px;
}
#home #main_inner {
	float: left;
	width: 554px;
}
#home #billboard {
	height: 316px;
	border-bottom: 1px solid #000000;
	position: relative;
	width: 798px;
	margin-left: 26px;
	margin-right: 26px;
	margin-bottom: 20px;
}
#home #billboard #home_menu {
	position: absolute;
	bottom: 23px;
	list-style: none;
}
#home #billboard #home_menu li {
	float: left;
	margin-right: 6px;
}
#home #billboard #home_flash {
	position: absolute;
	right: 0px;
	top: 0px;
}
#home #news_topic {
	margin-left: 12px;
	margin-bottom: 16px;
}
#home #news_topic dt {
	width: 9em;
	float: left;
	line-height: 1.8em;
	font-size: 0.86em;
}
#home #news_topic dd {
	margin-left: 8em;
	line-height: 1.6em;
}
#home #main_inner h3 {
	margin: 0px 0px 12px;
	padding: 0px;
	border-style: none;
}
#home #main_inner p {
	margin-left: 12px;
}
#home #navigation {
	margin-top: 10px;
}

/*ページ共通定義*/

#title {
	height: 123px;
	width: 850px;
	position: relative;
	background: no-repeat;
}
#title h2 {
	position: absolute;
	left: 26px;
	top: 30px;
}
#title ul {
	position: absolute;
	top: 98px;
	left: 34px;
	list-style: none;
}
#title ul li {
	float: left;
	margin-right: 20px;
}
#title ul li.last {
	margin-right: 0px;
}
#title #description {
	position: absolute;
	left: 26px;
	top: 66px;
}
#main {
	margin: 0px 26px 0px 35px;
	padding-top: 36px;
}
#main_inner {
	float: left;
	width: 545px;
}
#main_inner h3 {
	margin-bottom: 24px;
	border-bottom: 1px solid #000000;
	padding-bottom: 3px;
}
#main_inner h4 {
	margin-bottom: 16px;
	line-height: 1.4em;
}
#main_inner h5 {
	line-height: 1.4em;
	margin-bottom: 8px;
}

/*サイドバーを定義*/

#navigation {
	float: right;
	width: 215px;
	padding-bottom: 24px;
}
#navigation #navi_banner {
	list-style: none;
}
#navigation #navi_banner li {
	margin-bottom: 8px;
}
#navigation  #navi_banner .form_banner {
	margin-bottom: 2px;
}
#navigation h2 {
	margin-top: 16px;
	margin-bottom: 6px;
}
#navigation #news_topic {
	list-style: none;
	font-size: 0.86em;
}
#navigation #news_topic h3 {
	line-height: 1.6em;
	margin-bottom: 0px;
	font-weight: normal;
}
#navigation #news_topic li {
	line-height: 1.6em;
}

/*小樽観光大学校についてを定義*/

#about #title {
	background: url(../../about/images/bg_title.jpg);
}
#about #main {
	background: url(../../about/images/bg_about.gif) no-repeat;
}
.accordion {
	margin-bottom: 24px;
}
.accordion h5 {
	cursor:pointer;
	padding: 6px;
	border: 1px solid #c3c1ba;
	background: #e0dfd5 url(../images/bg_detail.gif) no-repeat 426px center;
}
#about #main_inner h6 {
	line-height: 1.4em;
	margin-bottom: 8px;
}
.accordion h6 {
	cursor:pointer;
	padding: 6px;
	border: 1px solid #c3c1ba;
	background: #e0dfd5 url(../images/bg_detail.gif) no-repeat 426px center;
}
/*.testclassname  {
	width: 260px;
	margin:  0px;
	padding: 0px;
	border: 1px solid black;
}
.testclassname div {
	background-color: #eee;
}
.testclassname a {
	cursor:pointer;
	display:block;
	text-decoration: none;
	font-weight: bold;
	font-size: 12px;
	color: black;
	background-color: #00a0c6;
	border-top: 1px solid #FFFFFF;
}
.testclassname a:hover {
	background-color: white;
}
.testclassname a.selected {
	color: black;
	background-color: #80cfe2;
	border-bottom: 1px solid black;
}
*/

/*講座についてを定義*/




#lecture #title {
	background: url(../../lecture/images/bg_title.jpg);
}
#lecture #main {
	background: url(../../lecture/images/bg_lecture.gif) no-repeat;
}

/*通信講座を定義*/


#correspondence-course #title {
	background: url(../../correspondence-course/images/bg_title.jpg);
}
#correspondence-course #main {
	background: url(../../correspondence-course/images/bg_correspondence-course.gif) no-repeat;
}


/*検定試験を定義*/



#license-examination #title {
	background: url(../../license-examination/images/bg_title.jpg);
}
#license-examination #main {
	background: url(../../license-examination/images/bg_license-examination.gif) no-repeat;
}
#license-examination #title ul li {
	float: left;
	margin-right: 10px;
}
#license-examination title ul li.last {
	margin-right: 0px;
}

/*合格者の声を定義*/

#voice #title {
	background: url(../../voice/images/bg_title.jpg);
}

/*新着情報一覧を定義*/

#news #title {
	background: url(../../news/images/bg_title.jpg);
}

/*ご意見・お問い合わせを定義*/

#inq #title {
	background: url(../../inq/images/bg_title.jpg);
}

/*個人情報保護方針を定義*/

#privacy #title {
	background: url(../../privacy/images/bg_title.jpg);
}

/*特定商取引法表示を定義*/

#law #title {
	background: url(../../law/images/bg_title.jpg);
}

/*関連リンクを定義*/

#link #title {
	background: url(../../link/images/bg_title.jpg);
}



.box {
	background: #e0dfd5;
	border: 1px solid #c3c1ba;
	padding: 8px;
	margin-bottom: 12px;
}
.box p {
	padding-left: 12px;
}
.to_top {
	padding-bottom: 16px;
}
.big {
	font-size: 1.14em;
}
.box ul {
	margin-left: 32px;
	line-height: 1.4em;
	margin-bottom: 16px;
}
.box ul.last {
	margin-bottom: 0px;
}
dl.list {
	margin-bottom: 16px;
}
dl.list dt {
	width: 120px;
	float: left;
	padding-top: 3px;
	line-height: 1.6em;
	clear: both;
}
dl.list dd {
	margin-left: 120px;
	line-height: 1.6em;
	padding-bottom: 2px;
	_height: 1%;
}
dl.list2 {
	margin-bottom: 16px;
}
dl.list2 dt {
	width: 108px;
	float: left;
	line-height: 1.6em;
	padding-bottom: 8px;
	clear: both;
}
dl.list2 dd {
	margin-left: 108px;
	line-height: 1.6em;
	_height: 1%;
	padding-bottom: 8px;
	padding-top: 2px;
}
dl.list2 dt.day {
	padding-top: 6px;
}
.um12 {
	margin-bottom: 12px;
}
.caution {
	color: #7b2424;
}
.list-indent {
	text-indent: -1em;
}
.list-indent2 {
	margin-left: 1em;
	text-indent: -1em;
}
#license-examination ul.number ul.unique {
	margin-left: 1em;
	text-indent: 0em;
	list-style: disc;
}
#license-examination ul.number ul.unique li {
	text-indent: 0em;
}
#license-examination ul.number ul.unique li .list-indent {
	text-indent: -1em;
	margin-left: 1em;
	margin-bottom: 0px;
}
#official-textbook_column1 {
	margin-bottom: 24px;
}
#official-textbook_column1 .left_column {
	float: left;
	width: 160px;
}
#official-textbook_column1 .right_column {
	float: right;
	width: 345px;
}
#official-textbook_column2 {
	margin-left: 12px;
}
#official-textbook_column2 .left_column {
	float: left;
	width: 240px;
	font-size: 0.87em;
}
#official-textbook_column2 .right_column {
	float: right;
	width: 240px;
	font-size: 0.87em;
}
#official-textbook_shop {
	margin-left: 12px;
}
#official-textbook_shop table {
	font-size: 0.87em;
	line-height: 1.6em;
	margin-bottom: 16px;
}
#official-textbook_shop th {
	font-weight: normal;
	width: 150px;
	padding-right: 12px;
}
#official-textbook_shop td {
}
#official-textbook_erratta {
	font-size: 0.87em;
	line-height: 1.6em;
	margin-bottom: 16px;
	width: 100%;
}
#official-textbook_erratta th {
	font-weight: normal;
	background: #f0f0f0;
	padding-left: 6px;
	padding-top: 2px;
	padding-bottom: 2px;
}
#official-textbook_erratta .head th {
	font-weight: bold;
	background: #403333;
	color: #FFFFFF;
}
#official-textbook_erratta td {
	background: #f0f0f0;
	padding: 2px 6px;
}
#official-textbook_erratta td.wrong {
	background: #f0f0f0 url(../../license-examination/official-textbook/images/arrow1.gif) no-repeat right 6px;
	padding-right: 24px;
}
#official-textbook_erratta .c th {
	background: #e1e1e1;
}
#official-textbook_erratta .c td {
	background: #e1e1e1;
}
#official-textbook_erratta .c td.wrong {
	background: #e1e1e1 url(../../license-examination/official-textbook/images/arrow2.gif) no-repeat right 6px;
}
.past-collection_column {
	margin-bottom: 24px;
}
.past-collection_column .left_column {
	float: left;
	width: 150px;
}
.past-collection_column .right_column {
	float: right;
	width: 342px;
	list-style: none;
	line-height: 2em;
}
.past-collection_column .right_column li {
	background: url(../images/mark_pdf.gif) no-repeat 0px 5px;
	padding-left: 24px;
}
#news #main_inner h3 {
	margin-bottom: 6px;
}
#news .news_box {
	background: #f6f6ee;
	padding: 12px;
	margin-bottom: 16px;
}
#news #main_inner .news_box h4 {
	background: #7b2424;
	color: #FFFFFF;
	padding: 6px;
	line-height: 1.4em;
}
#news #main_inner .news_box h4 a:link {
	color: #FFFFFF;
	text-decoration: none;
}
#news #main_inner .news_box h4 a:visited {
	color: #FFFFFF;
	text-decoration: none;
}
#news #main_inner .news_box h4 a:hover {
	color: #caa7a7;
	text-decoration: none;
}
#news #main_inner .news_box h4 a:active {
	color: #caa7a7;
	text-decoration: none;
}
#voice .voice_column {
	background: #f6f6ee;
	padding: 12px 18px 12px 16px;
	margin-bottom: 12px;
	clear: both;
}
#voice .voice_column p {
	margin-bottom: 0px;
}
#voice .voice_column .left_column {
	float: left;
	width: 311px;
}
#voice .voice_column .right_column {
	float: right;
	width: 176px;
}
#voice #main_inner h3 {
	margin-bottom: 6px;
	border-style: none;
	border-width: 0px;
}
#voice #main_inner h4 {
	margin-bottom: 12px;
	border-bottom: 1px solid #000000;
	padding-bottom: 6px;
	padding-left: 6px;
}
#quiz #content_inner {
}
#quiz #main {
	margin: 0px;
	padding: 44px 0px 0px 95px;
	background: #261817 url(../../quiz/images/bg_main.jpg) no-repeat;
	height: 465px;
	width: 755px;
}
#about.access-map #main {
	background: url(none);
}
#about.access-map #main_inner {
	width: 789px;
	float: none;
}
#about.access-map #main_inner h4 {
	background: #7b2424;
	padding: 5px 12px;
}
#about.access-map .map {
	padding-left: 54px;
	margin-bottom: 16px;
}
#privacy ol {
	line-height: 1.6em;
	margin-bottom: 16px;
	margin-left: 24px;
}
#law_table {
	width: 100%;
	line-height: 1.6em;
	margin-bottom: 16px;
}
#law_table th {
	background: #f0f0f0;
	font-weight: normal;
	width: 130px;
	padding: 3px 6px;
}
#law_table td {
	background: #f0f0f0;
	padding-top: 3px;
	padding-right: 6px;
	padding-bottom: 3px;
}
#law_table .c th {
	background: #e1e1e1;
}
#law_table .c td {
	background: #e1e1e1;
}




/*フォーム関連暫定*/

#cart #title {
	background: url(../../application-form/images/bg_title.jpg);
}

#cart #main_inner, #inq #main_inner {
	width: 789px;
	float: none;
}
#cart #main_inner h4 {
	background: #7b2424;
	padding: 5px 12px;
}

#cart #main .caution {
	padding: 12px;
	margin: 24px;
	border: 2px solid #FFCC00;
}




#cart #main .error {
	color: #FFFFFF;
	padding: 12px;
	background: #FFCC00;
	margin: 24px;
}
#cart #main .error p {
	color: #403333;
	margin-bottom: 0px;
}



#postform table.order {
	width: 100%;
	line-height: 1.6em;
	background: url(../../application-form/images/line.gif) no-repeat top;
}
#postform table.order tr {
	background: url(../../application-form/images/line.gif) no-repeat bottom;
}
#postform table.order th {
	font-weight: normal;
	width: 160px;
	padding: 8px 20px 8px 0px;
}
#postform table.order td {
	padding: 8px 0px;
}
#postform .order_box {
}
#postform .total_box {
	font-size: 160%;
	text-align: right;
}
#postform .caption {
	color: #990000;
	margin-bottom: 0px;
}


.necessary {
	color: #990000;
}

#postform {
	background: url(../../application-form/images/bg_form_header.gif) no-repeat;
	padding-top: 25px;
	width: 725px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 24px;
}
#postform .postfooter {
	background: url(../../application-form/images/bg_form_footer.gif) no-repeat bottom;
	padding-bottom: 25px;
}
#postform .postinner {
	background: url(../../application-form/images/bg_form.gif) repeat-y;
	width: 638px;
	padding-right: 44px;
	padding-left: 43px;
	padding-bottom: 1px;
}
#postform .innerform_footer {
	background: url(../../application-form/images/bg_inner_formfooter.gif) no-repeat bottom;
	padding-bottom: 7px;
	margin-bottom: 16px;
}
#postform .innerform_content {
	background: url(../../application-form/images/bg_inner_form.gif) repeat-y;
	width: 567px;
	padding: 16px 35px 16px 36px;
}
#postform .text1 {
	width: 120px;
}
#postform .text2 {
	width: 60px;
}
#postform .text3 {
	width: 220px;
}
#postform h5 {
	margin: 0px;
}
#postform .text4 {
	width: 300px;
}




.selectform #postform table.order th {
	font-weight: normal;
	width: 300px;
	padding: 8px 20px 8px 0px;
}
.selectform #postform table.order td {
	padding: 8px 0px;
}
.selectform #postform table.order td.price {
	text-align: right;
	width: 160px;
}
.selectform #postform table.order td.check {
	text-align: center;
}

#postform table.order.item th {
	width: 340px;
}
#postform table.order.item td {
	text-align: right;
}
#cart #title #description {
	position: absolute;
	left: 31px;
	top: 79px;
}


.about_table {
	width: 100%;
	line-height: 1.6em;
	margin-bottom: 16px;
}
.about_table th {
	background: #f0f0f0;
	font-weight: normal;
	width: 130px;
	padding: 3px 6px;
}
.about_table td {
	background: #f0f0f0;
	padding-top: 3px;
	padding-right: 6px;
	padding-bottom: 3px;
}
.about_table .c th {
	background: #e1e1e1;
}
.about_table .c td {
	background: #e1e1e1;
}
#news #article_navi {
	line-height: 1.1em;
	text-align: center;
	margin-bottom: 16px;
}
#news #article_navi .previous {
	background: url(../../news/images/mark_previous.gif) no-repeat left center;
	margin-top: -1.1em;
	float: left;
	padding-left: 14px;
}
#news #article_navi .next {
	background: url(../../news/images/mark_next.gif) no-repeat right center;
	margin-top: -1.1em;
	float: right;
	padding-right: 14px;
}