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

* { 
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif ;
}

body {
	color: #333333;
	margin: 0px; padding: 0px;
	background-image: url(/img/header_back01.gif) ;
	background-position: top left ;
	background-repeat: repeat-x ;
}

a:link, a:visited {color: #0761d0 ; text-decoration: none ;}
a:hover { color: #df0c0c ; text-decoration: underline ; }

h1,h2,h3,h4,h5,h6 { font-size: 100% ; margin: 0px; padding: 0px; }
ul,ol { margin: 0px; padding: 0px; }

img { border: 0px ; }

p { margin: 0px ; padding: 0px ;}

p.clear
{
	clear: both;
}

/* body ----------------------------- */

#wrapper {
}




/* header ----------------------------- */
#header {
	width: 900px ;
	height: 180px ;
	position: relative ;
	margin: 0px auto ;
}


#sitename {
	color: #fff ;
	font-size: 10px ;
	text-align: left ;
	font-weight: normal ;
	padding-top: 6px ;
}
#sitename a {
	color: #fff ;
	text-decoration: none ;
}

#logo_total {
	position: absolute ;
	top: 64px ;
	left: 0px ;
}

#top_navi {
	position: absolute ;
	top: 117px ;
	right: 2px ;
}
#top_navi ul {
	list-style-type: none ;
}
#top_navi li {
	float: left ;
	font-size: 80% ;
	margin-left: 20px ;
}
#navibr {
	width: 900px ;
	height: 40px ;
	position: absolute ;
	bottom: 0px ;
	left: 0px ;
}
#navibr img { vertical-align: top ; }
#navibr li {
	float: left ;
	list-style-type: none ;
}
#tel {
	position: absolute ;
	top: 48px ;
	right: 0px ;
}



/* content ----------------------------- */

#subpage {
	background-image: url(/img/subpage_back01.gif) ;
	background-position: top left ;
	background-repeat: repeat-x ;
	background-color: #fff ;
}
#index {
	background-image: url(/img/index_back01.gif) ;
	background-position: top center ;
	_background-position: top center ;
	background-repeat: repeat-x ;
	background-color: #fff ;
}
#index_top {
	text-align: center ;
	margin-bottom: 10px ;
}

#content,
#content_sp {
	width: 880px ;
	background-image: url(/img/contents_back01.gif) ;
	background-position: top left ;
	background-repeat: no-repeat ;
	background-color: #fff ;
	padding: 10px 10px 10px 10px ;
	margin: 0px auto ;
}

#content_footer {
	clear: both ;
	font-size: 80% ;
	text-align: right ;
	padding-top: 20px ;
}

#main {
	float: right ;
	width: 670px ;
}

.pagetitle {
	width: 900px ;
	height: 100px ;
	margin: 0px auto ;
}
.pagetitle td {
	color: #fff ;
	font-size: 20pt ;
}

.breadcrumb {
	font-size: 60% ;
	width: 900px ;
	padding: 5px 0px ;
	margin: 0px auto ;
}
.linkinpage {
	font-size: 60% ;
	margin-bottom: 10px ;
}

.subtitle {
	width: 670px ;
	height: 40px ;
	background-image: url(/img/back_h2.gif) ;
	background-position: top left ;
	background-repeat: no-repeat ;
	margin-bottom: 10px ;
}
.subtitle02 {
	width: 880px ;
	height: 40px ;
	background-image: url(/img/back_h2_2.gif) ;
	background-position: top left ;
	background-repeat: no-repeat ;
	margin-bottom: 10px ;
}
.subtitle h2,
.subtitle02 h2{
	color: #fff ;
	_padding-top: 2px ;
	padding-left:25px ;
}
.subtitle h2 a:link,
.subtitle h2 a:visited,
.subtitle02 h2 a:link,
.subtitle02 h2 a:visited {color: #fff ; text-decoration: underline ;}
.subtitle h2 a:hover,
.subtitle02 h2 a:hover { color: #fff ; text-decoration: none ; }


#main h3,
#index h3 {
	font-size: 80%;
	background-image: url(/img/back_h3.gif);
	background-position: 6px 50% ;
	background-repeat: no-repeat;
	background-color: #d8eff8 ;
	border: 1px solid #196cd3;
	padding: 4px 16px;
	_padding: 5px 16px 3px 16px;
	margin-bottom: 10px;
}
#main h4,
#index h4 {
	color: #df0c0c ;
/*	background-image: url(/img/icon_arrow02.gif) ;
	background-position: 0px 2px ;
	background-repeat: no-repeat ;
	padding-left: 20px ;
*/
	border-bottom: 1px dashed #aaa ;
	padding-bottom: 2px ;
	margin-bottom: 10px ;
}
#main h4 a:link,
#main h4 a:visited,
#index h4 a:link,
#index h4 a:visited { text-decoration: underline ;}
#main h4 a:hover,
#index h4 a:hover { text-decoration: none ; }

#main .txt,
#index .txt {
	font-size: 80% ;
	line-height: 150% ;
	padding-bottom: 30px ;
}
.txtcolor {
	color: #bd8a3a ;
}
.topic01 {
	clear: both ;
	border: 1px solid #aaa ;
	padding: 10px ;
	margin: 20px ;
}
.topic02 {
	background-color: #d8eff8 ;
	border: 1px solid #196cd3;
	padding: 5px ;
	margin: 20px ;
}

.link_mark {
	background-image: url(/img/icon_arrow01.gif) ;
	background-position: 0px 3px ;
	background-repeat: no-repeat ;
	padding: 2px 0px 2px 20px ;
}

#main .txt ul {
	margin-left: 20px;
	list-style-type: none;
}

#main .txt ul li
{
	line-height: 160%;
	margin: 5px 0;
}
#main li.top_01,
#main li.top_02
{
	background-color: #fff9e0;
	width: 400px;
	border:1px solid #bbb;
	display: block;
	margin-top: 4px;
	}

#main li.top_01 a,
#main li.top_02 a
{
width: auto;
margin:10 0 5px 0;
display:block;
padding:6px 10px 1px 25px;
}

#main li.top_01 a:hover,
#main li.top_02 a:hover
{
	color: #FF6600;
	text-decoration:underline;
}

#main .txt ul.index_linkbox {
	width: 230px ;
	background-color: #fff8d1 ;
	padding: 7px 10px 7px 10px ;
	margin: 0px 0px 0px 10px ;
	border: 1px solid #f9842c ;
}
#main .txt ul.index_linkbox li {
	text-align: left ;
	background-image: url(/img/icon_arrow01.gif) ;
	background-position: 0px 50% ;
	background-repeat: no-repeat ;
	padding: 2px 0px 2px 20px ;
	margin: 0px ;
}


/* content 02_flow_00 ----------------------------- */

#flow_img
{
	float: left;
	height: 750px;
	width: 250px;
}

#flow_text
{
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	font-size: 12px;
	letter-spacing: 1.5px;
	float: left;
	height: 710px;
	width: 310px;
	margin-left: 10px;
}
.flow_text
{
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	font-size: 12px;
	letter-spacing: 1.5px;
	float: left;
	height: 58px;
	width: 400px;
	margin-left: 15px;
	line-height: 18px;
}

.flow_space
{
	float: left;
	height: 50px;
	width: 260px;
	margin-left: 15px;
}

span.big
{
	font-size: 15px;
	font-weight: bold;
	color: #FF0000;
}
.img-right {
	float: right ;
	padding: 20px ;
	margin: 0px ;
}

/* sidemenu ----------------------------- */

#sidemenu {
	float: left ;
	width: 200px ;
}


.sidemenu_list_title { 
	margin-bottom: 5px ;
}

.sidemenu_tel {
	margin-bottom: 10px ;
}

.search {
	font-size: 80% ;
	border: 1px solid #aaa ;
	padding: 5px ;
	margin-bottom: 10px ;
}
.search p {
	font-size: 80% ;
	line-height: 120% ;
	margin-bottom: 5px ;
}
.search form { margin: 0px ; }

.sidemenu_list {
	width: 200px ;
	border-top: 1px solid #cdcdcd ;
	list-style-type: none ;
}
.sidemenu_list a:link,
.sidemenu_list a:visited {color: #000 ; text-decoration: none ;}
.sidemenu_list a:hover { color: #df0c0c ; text-decoration: underline ; }
.sidemenu_list li.title {
	font-size: 90% ;
	font-weight: bold ;
	background-image: url(/img/sidemenu_back_title.gif) ;
	background-position: left top ;
	background-repeat: repeat-x ;
	padding: 10px 8px ;
	border-left: 1px solid #cdcdcd ;
	border-right: 1px solid #cdcdcd ;
	border-bottom: 3px solid #df0c0c ;
}
.sidemenu_list li {
	font-size: 14px ;
	background-image: url(/img/sidemenu_back_list.gif) ;
	background-position: left top ;
	background-repeat: no-repeat ;
	padding: 12px 8px 8px 27px ;
	_padding: 8px 8px 8px 27px ;
}
.sidemenu_list li.sub {
	font-size: 14px ;
	background-image: url(/img/sidemenu_back_sub.gif) ;
	background-position: left top ;
	background-repeat: no-repeat ;
	padding: 10px 8px 8px 39px ;
	_padding: 8px 8px 8px 39px ;
}
.sidemenu_list li,
.sidemenu_list li.sub {
	font-size: 80%;
	border-left: 1px solid #cdcdcd;
	border-right: 1px solid #cdcdcd;
	border-bottom: 1px solid #cdcdcd;
	letter-spacing: 1px;
}
.sidemenu_bn {
	text-align: center ;
}
.sidemenu_bn img {
	margin-bottom: 5px ;
	vertical-align: top ;
}
.sidemenu_txt {
	font-size: 80% ;
	border: 1px solid #aaa ;
	padding: 5px ;
}
.sidemenu_list,
.sidemenu_bn,
.sidemenu_txt,
.sidemenu_caution {
	padding-bottom: 10px ;
}

/* footer ----------------------------- */

#footer a:link,
#footer a:visited {
	color: #fff ;
}

#footer {
	color: #bde7ff ;
	font-size: 80% ;
	background-image: url(/img/footer_back.gif) ;
	background-position: 0px 0px ;
	_background-position: 1px 0px ;
}
#footer_top {
	background-image: url(/img/footer_back_top.gif) ;
	background-position: top left ;
	background-repeat: repeat-x ;
	padding: 10px ;
}

.footer_table {
	clear: both ;
	width: 900px ;
	margin: 0px auto 10px auto ;
}
.footer_table td {
	vertical-align: top ;
}
.footer_tel {
	width: 220px ;
}
.footer_tel img {
	margin-right: 20px ;
}
.footer_menu {
	line-height: 140% ;
}

#footer h3 {
	color: #000 ;
	background-color: #fff ;
	border: 1px solid #0761d0 ;
	padding: 3px 8px 2px 8px ;
	margin-bottom: 5px ;
}

#footer .area_list td {
	vertical-align: top ;
}
#footer .area_list_title,
#footer .kanrensite_title {
	font-weight: bold ;
	margin-top: 5px ;
}

.footer_office td {
	vertical-align: top ;
	padding-top: 5px ;
}
.footer_office td.title {
	width:80px;
	font-weight: bold ;
}
.footer_office td.txt1 {
	width:320px;
}
.footer_office td.txt2 {
	padding-right: 5px ;
}
.footer_office td.more {
	width: 60px ;
	vertical-align: bottom ;
}

.footer_content {
	line-height: 140% ;
	margin: 0px 0px 20px 0px ;
}
.mobile_qr {
	text-align: center ;
}
.mobile_url {
	font-size: 80% ;
	text-align: center ;
	margin-top: 10px ;
}

.copy {
	text-align: center ;
	padding-bottom: 20px ;
}



/* table ----------------------------- */

.tablestyle01 {
	background-color: #aaa ;
}
.tablestyle01 th {
	font-weight: bold ;
	background-color: #ccc ;
}
.tablestyle01 td {
	vertical-align: top ;
}
.tablestyle01 .table_title {
	background-color: #eaeaea ;
}
.tablestyle01 .table_txt {
	background-color: #fff ;
}

.tablestyle_course {
	background-color: #aaa ;
}
.tablestyle_course th {
	font-weight: bold ;
	background-color: #ccc ;
}
.tablestyle_course td {
	text-align: center ;
	vertical-align: middle ;
}
.tablestyle_course .table_title {
	background-color: #eaeaea ;
}
.tablestyle_course .table_txt {
	text-align: center ;
	vertical-align: middle ;
	background-color: #fff ;
}
.course_title {
	text-indent: -100000px ;
	background-position: 50% 50% ;
	background-repeat: no-repeat ;
}

.table_border_b {
	border-bottom: 1px dashed #aaa ;
}

.tablestyle_course_hikaku {
	background-color: #f97c1f ;
}
.tablestyle_course_hikaku th {
	font-size: 120% ;
	font-weight: bold ;
	background-color: #ffc59a ;
}
.tablestyle_course_hikaku td {
	vertical-align: top ;
}
.tablestyle_course_hikaku .table_title {
	background-color: #e4e4e4 ;
}
.tablestyle_course_hikaku .table_txt {
	text-align: right ;
	background-color: #fff ;
}


.tablestyle_course_hikaku .picup {
	color: #f16009 ;
	background-color: #fff8d1 ;
}

ul.new
{
	list-style: none ;
	margin: 10px 0px ;
}
li.list-1
{
	line-height: 120% ;
	list-style-: none ;
	background-image: url(/images/main_blog_list.jpg) ;
	background-position: 0% 2px ;
	background-repeat: no-repeat ;
	border-bottom: 1px ;
	border-bottom-color: #666666 ;
	border-bottom-style: dashed ;
	padding-left: 20px ;
	margin-bottom: 3px ; 
}