@charset "utf-8";
/*------------------------------------------------------------
	デフォルトスタイル
------------------------------------------------------------*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	background: transparent;
	border: 0;
	outline: 0;
	font-size: 1em;
}

body {
	font-size: 62.5%;
}

body,
table,
input, textarea, select, option {
	font-family: Arial, Helvetica, sans-serif;
}

ol, ul {
	list-style: none;
}

blockquote, q {
	quotes: none;
}

:focus {
	outline: 0;
}

ins {
	text-decoration: none;
}

del {
	text-decoration: line-through;
}

a:link {
	color: #0077ae;
	text-decoration: none;
}

a:visited {
	color: #0077ae;
	text-decoration: none;
}

a:hover {
	color: #0077ae;
	text-decoration: underline;
}

a:active {
	color: #0077ae;
	text-decoration: underline;
}

/*------------------------------------------------------------
	レイアウト
------------------------------------------------------------*/
body {
	color: #333;
	line-height: 1.5;
	text-align: center;
}

#container {
	background-color: #fff;
	text-align: left;
}

#main {
	background: url(../images/main_bg.jpg) repeat-y left top;
	margin: 0 auto;
	padding: 13px 19px 34px 19px;
	width: 910px;
}

	* html #main {
		zoom: 1;
	}

	*+html #main {
		zoom: 1;
	}

#main:after {
	height: 0;
	visibility: hidden;
	content: ".";
	display: block;
	clear: both;
}

/*------------------------------------------------------------
	ヘッダー
------------------------------------------------------------*/
#header {
	background: url(../images/header_bg.gif) repeat-x left top;
	padding: 13px 0 8px 0;
}

#header .headerBox {
	margin: 0 auto;
	width: 930px;
}

#header .lBox {
	float: left;
	margin-right: 37px;
	width: 447px;
}

#header .lBox h1 {
	color: #000;
	font-size: 1.2em;
	font-weight: normal;
	margin-bottom: 4px;
}

#header .lBox .logo {
	float: left;
}

#header .lBox p {
	float: right;
}

#header .tel {
	float: left;
	margin-top: 50px;
	width: 213px;
}

#header .tel li {
	float: left;
	margin-bottom: 9px;
}

#header .tel li img {
	display: block;
}

#header .tel li a:hover img,
#header .subBox ul.link02 li a:hover img {
	filter: alpha(opacity=80);
	opacity: 0.8;
	-moz-opacity: 0.8;
}

#header .subBox {
	float: left;
	margin-top: 1px;
	width: 233px;
}

#header .subBox .link01 {
	margin-bottom: 10px;
}

#header .subBox .link01 li {
	border-left: 1px solid #444;
	float: left;
	font-size: 1.2em;
	line-height: 1.2;
	text-align: center;
	width: 59px;
	word-wrap:break-word;
}

#header .subBox .link01 li.li01 {
	width: 65px;
}

#header .subBox .link01 li.li02 {
	width: 56px;
}

#header .subBox .link01 li.li03 {
	border-right: 1px solid #444;
	width: 46px;
}

#header .subBox ul.link02 li img,
#header .subBox ul.link02 li a {
	display: block;
}
.header-language {
	float: right;
	margin-right: 2px;
	margin-bottom: 15px;
}
#selectlanguage {
	float: left;
	margin: 3px 8px 0 35px;
    font-size: 11px;
    width: auto;
	z-index: 10000;
}
#languageSelector {
	float: right;
    font-size: 12px;
    position: relative;
	z-index: 10000;
	padding: 3px 15px;
	width: 72px;
	border: 1px solid #333;
}
#languageSelector .dhtmlSelectTrigger {
    background-image: url("../images/icon.gif");
    background-position: 0 5px;
    background-repeat: no-repeat;
    color: #333333;
    cursor: pointer;
    display: block;
    font-weight: bold;
    line-height: 11px;
    padding: 2px 9px 2px 10px;
    text-decoration: none;
    width: auto;
}
#languageSelector ul {
    background-color: #FFFFFF;
    border: 1px solid #999999;
    font-size: 10px;
    left: 0;
    list-style-type: none;
    margin: 0;
    padding: 5px;
    position: absolute;
    width: 80px;
    z-index: 5;
}
#languageSelector li {
    float: none;
    margin: 0;
    padding: 0;
}
#languageSelector .backgroundIframe {
    display: none;
    left: 0;
    position: absolute;
    top: 18px;
    z-index: 1;
}
#languageSelector.show ul {
    display: block;
}
#languageSelector a, #languageSelector a:link, #languageSelectort a:visited {
    background-color: #FFFFFF;
    border-bottom: 1px solid #EEEEEE;
    color: #3E3061;
    display: block;
    font-weight: normal;
    padding: 1px 5px;
    text-decoration: none;
}
#languageSelector a:hover {
    background-color: #152547;
    color: #FFFFFF;
}

/*------------------------------------------------------------
	グローバルナビ
------------------------------------------------------------*/
#gNavi {
	background: url(../images/g_navi_bg.jpg) repeat-x left top;
	clear: both;
    height: 44px;
	padding-top: 1px;
}

ul.dropdown {
	margin: 0 auto;
	width: 930px;
    position: relative;
	z-index: 100;
}

ul.dropdown li {
	cursor: pointer;
    float: left;
    height: 44px;
	text-indent: -9999px;
}

div#container ul.dropdown li.On {
    background-position: 0 -44px;
}

ul.dropdown li.menu01 {
    background-image: url(../images/menu_bg01.jpg);
    background-position: 0 0;
    background-repeat: no-repeat;
    display: block;
    width: 56px;
}

ul.dropdown li.menu02 {
    background-image: url(../images/menu_bg02.jpg);
    background-position: 0 0;
    background-repeat: no-repeat;
    display: block;
    width: 123px;
}

ul.dropdown li.menu03 {
    background-image: url(../images/menu_bg03.jpg);
    background-position: 0 0;
    background-repeat: no-repeat;
    display: block;
    width: 125px;
}

ul.dropdown li.menu04 {
    background-image: url(../images/menu_bg04.jpg);
    background-position: 0 0;
    background-repeat: no-repeat;
    display: block;
    width: 124px;
}

ul.dropdown li.menu05 {
    background-image: url(../images/menu_bg05.jpg);
    background-position: 0 0;
    background-repeat: no-repeat;
    display: block;
    width: 124px;
}

ul.dropdown li.menu06 {
    background-image: url(../images/menu_bg06.jpg);
    background-position: 0 0;
    background-repeat: no-repeat;
    display: block;
    width: 124px;
}

ul.dropdown li.menu07 {
    background-image: url(../images/menu_bg07.jpg);
    background-position: 0 0;
    background-repeat: no-repeat;
    display: block;
    width: 126px;
}

ul.dropdown li.menu08 {
    background-image: url(../images/menu_bg08.jpg);
    background-position: 0 0;
    background-repeat: no-repeat;
    display: block;
    width: 128px;
}

ul.dropdown li a {
    color: #FFF;
    display: block;
	height: 44px;
}

ul.dropdown li a:link,
ul.dropdown li a:visited {
    color: #FFF;
}

ul.dropdown li.hover, ul.dropdown li:hover {
    background-position: 0 -44px;
    position: relative;
}

ul.dropdown li ul.sub_menu {
    left: 0;
	padding: 0 0 2px;
    position: absolute;
	top: 100%;
    visibility: hidden;
    width: 170px !important;
}

ul.dropdown li ul.sub_menu li {
	background: url(../images/ul_bg.png) repeat left top;
    font-size: 1.2em;
    height: auto;
	text-indent: 0;
    z-index: 9999;
}

ul.dropdown li ul.sub_menu li a {
    border-bottom: 1px solid #ccc;
    height: auto;
	padding: 5px 2px 5px 10px;
	text-decoration: none;
	width: 165px;
}

ul.dropdown li ul.sub_menu li a:hover {
	text-decoration: underline;
}

ul.dropdown li:hover > ul {
    visibility: visible;
}

ul.dropdown li ul.sub_menu li:hover {
	filter:alpha(opacity=80);
	opacity:0.8;
	-moz-opacity:0.8;
}

/*------------------------------------------------------------
	コンテンツ
------------------------------------------------------------*/
#conts {
	width: 600px;
	float: left;
}

#conts a:hover img {
	filter:alpha(opacity=80);
	opacity:0.8;
	-moz-opacity:0.8;
}

/*------------------------------------------------------------
	サイドバー
------------------------------------------------------------*/
#sideBar {
	width: 300px;

	float: right;
}

#sideBar .course {
	border: 1px solid #057AB0;
	border-top: none;
	margin-bottom: 20px;
	padding: 0px 1px 0px;
}

#sideBar .course li {
	border-bottom: 1px solid #CCC;
	float: left;
	font-size: 1.2em;
	width: 296px;
}

#sideBar .course li.none {
	border-bottom: none;
	margin-bottom: 0;
}

#sideBar .course li a {
	background: url(../images/icon03.gif) no-repeat 11px 12px;
	color: #0077ae;
	display: block;
	padding: 7px 0 5px 27px;
	zoom: 1;
}

#sideBar .course li a:hover {
	background: #EBF4F9 url(../images/icon01.gif) no-repeat 11px 12px;
}

#sideBar .course .list {
	display: none;
	padding-left: 11px;
}

#sideBar .course .list li {
	border: none;
	font-size: 1.0em;
	padding: 4px 0 0 20px;
	width: 265px;
}

#sideBar .course .list li a {
	background: url(../images/icon02.gif) no-repeat left 7px;
	padding: 0 0 0 8px;
	zoom: 1;
}

#sideBar .course .list li a:hover {
	background: url(../images/icon02.gif) no-repeat left 7px;
	padding: 0 0 0 8px;
	text-decoration: underline;
}

#sideBar .title {
	margin-bottom: 5px;
}

#sideBar .link {
	margin-bottom: 5px;
}

#sideBar .link li {
	float: left;
	margin-bottom: 5px;
}

#sideBar .link li a,
#sideBar img {
	display: block;
}

/*------------------------------------------------------------
	フッター
------------------------------------------------------------*/
#footer {
	background: #F3F4F8 url(../images/footer_bg.jpg) repeat-x left top;
	clear: both;
	color: #0077ae;
	font-size: 1.2em;
	font-weight: bold;
	line-height: 1.25;
	padding-top: 2px;
}

html #footer {
	overflow: hidden;
}

#footer .footerBox {
	margin: 0 auto;
	padding: 0 0 0 18px;
	width: 912px;
}

#footer .footerBox .subBox {
	background-color: #fff;
	float: left;
	padding: 5px 6px 70px 6px;
	width: 165px;
}

#footer .footerBox .subBox .fLogo {
	margin-bottom: 5px;
}

#footer .footerBox .subBox p {
	margin: 0 0 8px 2px;
	word-wrap:break-word;
	font-weight: bold;
}

#footer .footerBox .dlBox {
	float: right;
	margin: 10px 0 5px;
	padding: 0 0 0px 16px;
	width: 710px;
	overflow: hidden;
}

#footer .footerBox .dlBox02 {
	width: 710px;
}

#footer .footerBox .dlBox dl {
	float: left;
	padding: 6px 0 0 10px;
	border-left: 2px solid #dcdcdc;
}

#footer .footerBox .dlBox dt {
	margin-bottom: 5px;
}

#footer .footerBox .dlBox dt a {
	color: #0077ae;
}

#footer .footerBox .dlBox .dl01 {
	width: 180px;
}

#footer .footerBox .dlBox .dl02 {
	width: 120px;
}

#footer .footerBox .dlBox .dl03 {
	width: 170px;
}

#footer .footerBox .dlBox .dl04 {
	width: 150px;
}

#footer .footerBox .dlBox dt.dt01 {
	margin-bottom: 10px;
}
#footer .footerBox .dlBox dt.dt02 {
	margin-bottom: 10px;
}
#footer .footerBox .dlBox dd.dd01 {
	margin-bottom: 10px;
}

#footer .footerBox .dlBox dd {
	color: #333;
	font-weight: normal;
	margin-bottom: 5px;
	padding-left: 5px;
	line-height: 120%;
}

#footer .footerBox .dlBox .dl02 dd {
	margin-bottom: 15px;
}

#footer .pBox {
	background: url(../images/p_bg.jpg) repeat left top;
	padding: 8px 0 9px;
	text-align: right;
}

#footer .pBox p {
	color: #fff;
	font-size: 1em;
	margin: 0 auto;
	width: 930px;
	font-weight: bold;
}

/*------------------------------------------------------------
	書式設定
------------------------------------------------------------*/
/* テキストの位置 */
.taLeft { text-align: left !important; }
.taCenter { text-align: center !important; }
.taRight { text-align: right !important; }

/* フォントの大きさ（プラス） */
.fsP1 { font-size: 1.08em !important; }
.fsP2 { font-size: 1.16em !important; }
.fsP3 { font-size: 1.24em !important; }
.fsP4 { font-size: 1.32em !important; }
.fsP5 { font-size: 1.4em !important; }

/* フォントの大きさ（マイナス） */
.fsM1 { font-size: 0.92em !important; }
.fsM2 { font-size: 0.84em !important; }
.fsM3 { font-size: 0.76em !important; }
.fsM4 { font-size: 0.68em !important; }
.fsM5 { font-size: 0.6em !important; }

/* フォントの太さ */
.fwNormal { font-weight: normal !important; }
.fwBold { font-weight: bold !important; }

/*------------------------------------------------------------
	微調整用クラス（※多用しないこと）
------------------------------------------------------------*/
.mt0 { margin-top: 0 !important; }
.mb0 { margin-bottom: 0 !important; }

/*------------------------------------------------------------
	汎用スタイル
------------------------------------------------------------*/
	* html .clearfix {
		zoom: 1;
	}

	*+html .clearfix {
		zoom: 1;
	}

.clearfix:after {
	height: 0;
	visibility: hidden;
	content: ".";
	display: block;
	clear: both;
}
.clear {
	clear: both;
}

.dis {
	display: block;
}

.floatL {
	float: left;
}

.floatR {
	float: right;
}

a:hover img.imgHover {
	filter: alpha(opacity=70);
    opacity: 0.7;
    -moz-opacity: 0.7;
}

.mainImg {
	background: url(../images/ind_main_img_bg.jpg) repeat-x left top;
	padding-top: 2px;
}

.mainImg .photo {
	background: url(../images/ind_photo_bg.jpg) no-repeat left top;
	margin: 0 auto;
	padding: 9px 0 11px 19px;
	position: relative;
	width: 929px;
	z-index: 1;
}

.mainImg .photo img {
	display: block;
}

.mainImg ul {
	bottom: 22px;
	left: 39px;
	position: absolute;
	z-index: 9999;
}

.mainImg ul li {
	float: left;
	margin-right: 6px;
}

.mainImg ul li a {
	display: block;
	background: url(../images/ind_icon01.gif) no-repeat;
	height: 14px;
	width: 13px;
}

.mainImg ul li a:hover {
	background: url(../images/ind_icon01_on.gif) no-repeat;
}

.mainImg ul .activeSlide a {
	background: url(../images/ind_icon01_on.gif) no-repeat;
}

#main-visual {
    height: 260px;
    overflow: hidden;
    width: 910px;
}

.pb0 {
	padding-bottom: 0 !important;
}
.mt10 {
	margin-top: 10px !important;
}

.mr5 {
	margin-right: 5px !important;
}

.mb5 {
	margin-bottom: 5px !important;
}

.mb10 {
	margin-bottom: 10px !important;
}

.mb15 {
	margin-bottom: 15px !important;
}

.mb20 {
	margin-bottom: 20px !important;
}

.mb25 {
	margin-bottom: 25px !important;
}

.mb40 {
	margin-bottom: 40px !important;
}

.mb50 {
	margin-bottom: 50px !important;
}

.pl25 {
	padding-left: 25px !important;
}

.pr20 {
	padding-right: 20px !important;
}

.w40 {
	width: 40px !important;
}

.w160 {
	width: 160px !important;
}

.w150 {
	width: 150px !important;
}

.w390 {
	width: 390px !important;
}

/*---------------------------------------------------------------
                  pagePath
-----------------------------------------------------------------*/
#pagePath {
	margin-bottom: 10px;
}

#pagePath li {
	font-size: 12px;
	display: inline;
	margin-right: 5px;
}

#pagePath li a {
	color: #0077ae;
	margin-right: 12px;
}

/*---------------------------------------------------------------
                  pageTop
-----------------------------------------------------------------*/
.pageTop {
	margin-top: 45px;
	text-align: right;
}

.pageTop a {
	font-weight: bold;
}

.pageTop a:link {
	color: #0077ae;
}

.pageTop a:visited {
	color: #0077ae;
}
/*---------------------------------------------------------------
                  
-----------------------------------------------------------------*/
#conts h2 {
	margin-bottom: 7px;
}

#conts h3 {
	font-size: 1.3em;
	margin-bottom: 8px;
}

#conts .border {
	border: 1px solid #0077AE;
}

#conts .comInner {
	margin: 0 0 18px 12px;
}

#conts .comInner .textBox {
	float: left;
	width: 403px;
}

#conts .comInner .textBox p {
	font-size: 1.2em;
	line-height: 1.7;
	margin-bottom: 7px;
}

#conts .comInner .photoBox {
	float: right;
}

#conts .comInner .photoBox ul li {
	float: left;
	margin-bottom: 8px;
}

#conts .comInner .photoBox ul li img {
	display: block;
}

#conts .comBox {
	margin-bottom: 23px;
	padding: 5px 5px 5px 16px;
}

#conts .comBox .rBox .photo {
	float: left;
}

#conts .comBox .rBox .photo img {
	display: block;
}

#conts .comBox .lBox {
	margin-top: 30px;
}

#conts .comLink {
	background-color: #EBF4F9;
	margin-bottom: 20px;
	padding: 13px 0 13px 15px;
}

#conts .comLink li {
	font-size: 1.1em;
	float: left;
	padding-right: 20px;
}

#conts .comLink .li05 {
	padding-right: 0;
}

#conts .comLink li a {
	background: url(../course/image/icon01.gif) no-repeat left center;
	padding-left: 10px;
	color: #0077ae;
}

#conts .subBox {
	padding: 2px;
	position: relative;
}

#conts .subBox ul {
	background: url(../course/image/sub_box_bg.gif) repeat-x;
	padding: 30px 0 28px 6px;
}

#conts .subBox .img01 {
	position: absolute;
	right: 192px;
	top: 6px;
}
	*html #conts .subBox .img01 {
		position: absolute;
		right: 193px;
		top: 7px;
	}

#conts .subBox .img02 {
	position: absolute;
	right: 85px;
	top: 20px;
}
	*html #conts .subBox .img02 {
		position: absolute;
		right: 86px;
		top: 21px;
	}

#conts .subBox .img03 {
	position: absolute;
	right: 1px;
	top: 2px;
}
	*html #conts .subBox .img03 {
		position: absolute;
		right: 2px;
		top: 3px;
	}

#conts .box {
	margin: 0 0 17px 12px;
}

#conts .comTable {
	border-collapse: collapse;
	margin: 0 0 5px 2px;
	width: 585px;
}

#conts .comTable th {
	background-color: #CCE4EF;
	border: 1px solid #999;
	font-size: 1.2em;
	padding: 10px 5px 4px;
	text-align: center;
	vertical-align: middle;
}

#conts .comTable td {
	border: 1px solid #999;
	font-size: 1.2em;
	padding: 7px 5px 6px;
	text-align: center;
	vertical-align: middle;
}

#conts .indent li {
	padding-left: 1em;
	text-indent: -1em;
	font-size: 12px;
}

#conts .h3ttl {
	background-color: #f8f8f8;
	border: 1px solid #ccc;
	font-size: 1.4em;
	margin: 0 0 6px 0;
	padding-bottom: 2px;
}

#conts .h3ttl span {
	border-bottom: 1px solid #999;
	display: block;
	padding: 5px 5px 0;
}

#conts .comTable .bgColor {
	background-color: #a6d0e3;
	line-height: 1.5;
}

#conts .traTable {
	border: 1px solid #1281b4;
	margin-bottom: 9px;
}

#conts .traTable th, 
#conts .traTable td {
	border: none;
	text-align: left;
	line-height: 1.6;
	padding: 8px 5px 8px 10px;
	vertical-align: middle;
}

#conts .traTable th {
	background: #ebf4f9 url(../images/p_bg.jpg) repeat-y left top;
}

#conts .traTable th span {
	display: block;
	padding-left: 1.8em;
	text-indent: -1.8em;
}

#conts .traTable td span {
	display: block;
	font-size: 0.917em;
}

#conts .arrow {
	margin: 0 auto 9px;
	width: 22px;
}

#conts .textLink {
	background: #f7f7f7 url(../course/image/tra_textlink_bg.gif) repeat-x left top;
	border: 1px solid #ccc;
	clear: both;
	margin-bottom: 21px;
	padding: 2px 11px 1px;
} 

#conts .textLink li {
	border-right: 1px solid #ccc;
	font-size: 1.2em;
	font-weight: bold;
	float: left;
	margin-right: 11px;
	padding: 5px 29px 5px 0;
}

#conts .textLink li a {
	background: url(../course/image/icon03.gif) no-repeat left 2px;
	display: inline-block;
	padding-left: 18px;
}

#conts .textLink .last {
	border: none;
}

#conts .textLink01 {
	background: #f7f7f7 url(../course/image/tra_textlink_bg.gif) repeat-x left top;
	clear: both;
	margin-bottom: 0px;
	padding: 2px 11px 1px;
} 

#conts .textLink01 li {
	border-right: 1px solid #ccc;
	font-size: 1.1em;
	font-weight: bold;
	float: left;
	margin-right: 8px;
	padding: 5px 8px 5px 0;
}

#conts .textLink01 li a {
	background: url(../course/image/icon03.gif) no-repeat left 2px;
	display: inline-block;
	padding-left: 18px;
}

#conts .textLink01 .last {
	border: none;
}
#conts .menuBoxline {
	margin: 0 0 20px 0;
	border: 1px solid #ccc;
}

#conts .supList li {
	font-size: 1.2em;
	line-height: 1.7;
	padding-left: 1em;
	text-indent: -1em;
}

#conts .comH3 {
	background: url(../images/p_bg.jpg) repeat-y left top;
	clear: both;
	font-size: 1.2em;
	line-height: 1.4;
	margin-left: 1px;
	padding: 2px 12px 0;
}
.contactBox {
	margin: 0 0 20px 0;
	padding: 10px;
	border: 5px solid #ccc;
}
.contactBox .contactBox_l {
	font-size: 1.2em;
	font-weight: bold;
	color: #666666;
	padding: 0 20px 0 10px;
	float: left;
	width: 250px;
}
.contactBox .contactBox_l img,
.contactBox .contactBox_r img {
	margin: 5px 0 0 0;
}
.contactBox .contactBox_r {
	font-size: 1.2em;
	font-weight: bold;
	color: #666666;
	float: left;
	width: 250px;
}

.text {
	font-size: 12px;
	line-height: 1.6;
}