@charset "utf-8";


/* CSS Document */

div#page {
	font-family: "メイリオ","Meiryo","ＭＳ Ｐゴシック", 
				"MS P Gothic","Osaka", Verdana, Arial, serif;
	_font-family: "ＭＳ Ｐゴシック", 
				"MS P Gothic","Osaka", Verdana, Arial, serif;
	background: url(../images/common-bg001.jpg) no-repeat center top;
	color: #000000;
	clear: both;
	float: none;
	font-size: 80%;
	_font-size: 90%;
	min-width: 900px;
}

#header a:link { color:#444444; text-decoration:underline; }
#header a:visited { color:#444444; text-decoration: underline #444444; }
#header a:hover { color:#F28100; text-decoration:underline; }
#header a:active { color:#F28100; text-decoration:underline; }

#subnavi a:link { color:#444444; text-decoration:none; }
#subnavi a:visited { color:#444444; text-decoration:none; }
#subnavi a:hover { color:#F28100; text-decoration:nonee; }
#subnavi a:active { color:#F28100; text-decoration:none; }

a:link { color:#0D4080; text-decoration:underline; }
a:visited { color:#0D4080; text-decoration: underline #0D4080; }
a:hover { color:#F28100; text-decoration:underline; }
a:active { color:#F28100; text-decoration:underline; }

#footer a:link { color:#e8f6fa; text-decoration:underline; }
#footer a:visited { color:#e8f6fa; text-decoration: underline #e8f6fa; }
#footer a:hover { color:#ffe7ab; text-decoration:underline; }
#footer a:active { color:#ffe7ab; text-decoration:underline; }

/* ヘッダー */

#header {
	width: 900px;
	margin: 0 auto;
	height: 84px;
}

html>/**/body #header {
	height: 84px;
}

#header p {
	float: left;
	text-align: right;
	width: 530px;
	_width: 529px;
}

#header p#logo {
	float: left;
	margin-top: 20px;
	width: 369px;
	position: relative;
}

#header p#logo span {
	position: absolute;
	top: 28px;
	_top: 30px;
	left: 120px;
	font-size: 9px;
	_font-size: 10px;
	width: 220px;
	display: block;
	text-align: left;
	color: #636363;
}

#header ul {
	font-size: 10px;
	float: left;
	margin-top: 18px;
	width: 204px;
}

#header ul li {
	background: url(../images/common-ex002.gif) no-repeat left;
	padding-left: 11px;
	padding-right: 6px;
	float: right;
}

#font p {
	margin: 0;
	width: 53px;
	float: left;
}

#font a {
	border: none;
}


#font .inner-block ul.fontsize-switch {
	width: 65px;
	height: 24px;
	background: url(../images/header-bg001.gif) no-repeat;
	margin: 0;
	padding: 0;
	float: left;
}

#font .inner-block ul.fontsize-switch li.small,
#font .inner-block ul.fontsize-switch li.medium,
#font .inner-block ul.fontsize-switch li.large {
	float: left;
	width: 19px;
	height: 18px;
	background: none;
	padding: 0;
}

#font .inner-block ul.fontsize-switch li.medium {
	margin-left: 1px;
	margin-right: 1px;
}

#font {
	float: left;
}

#font .inner-block {
	float: left;
}

.button {
	float: right;
	float: left;
	margin-top: 17px;
	text-align: right;
	width: 326px;
}

.button .middle {
	margin: 0 5px;
}

#srchBox,
p#srchForm {
	float: left;
	width: 164px;
}

#srchBtn {
	float: right;
	width: 40px;
	height: 18px;
}

#srchInput {
	float: left;
	padding: 1px 0 1px 2px;
	width: 120px;
	height: 14px;
	border: 1px solid #7f9db9;
	background: #FFFFFF url(http://img.yahoo-search.jp/img/logo_wm.gif) center no-repeat;
}

/* 新サイトsearch */
#yjSsSb,
p#yjSsMod_1 {
	float: left;
}

p#yjSsMod_1 {
	width: 205px;
}

#yjSsBtn {
	float: right;
	width: 40px;
	height: 18px;
}

#yjSsTxt {
	float: left;
	position: relative;
	left: 43px;
	padding: 1px 0 1px 2px;
	height: 14px;
	border: 1px solid #7f9db9;
	background: #FFFFFF url(http://img.yahoo-search.jp/img/logo_wm.gif) center no-repeat;
}

/* 新サイトsearch_end */

/* パンくず */

#pankuzu {
	width: 900px;
	margin: 0 auto;
	padding-bottom: 15px;
	font-size: 80%;
}

/* フッター */

#top {
	text-align: right;
	margin-top: 60px;
	clear: both;
	float: none;
}

#footer {
	background: none repeat scroll 0 0 #008cd5;
	color: #FFFFFF;
	padding-bottom: 10px;
	clear: both;
	float: none;
	font-size: 90%;
	padding-top: 10px;
	zoom: 1;
}

#footer div {
	width: 900px;
	margin: 0 auto;
}

#fortop {
	width: 908px;
	margin: 0 auto;
	float: none;
	clear: both;
	zoom: 1;
}

#fortop img {
	float: right;
}

#fortop img.home {
	float: left;
	margin-left: 4px;
}

.sitemap {
	width: 900px;
	margin: 0 auto;
	padding: 5px 0 ;
	background: url(../images/footer-bg001.gif) repeat-y;
	clear: both;
	float: none;
	zoom: 1;
}

.sitemap li {
	background: url(../images/footer-ex002.gif) no-repeat 0 5px;
	padding-left: 11px;
}

.sitemap li ul li {
	background: url(../images/footer-ex003.gif) no-repeat 0 6px;
	padding-left: 7px;
	font-size: 85%;
	margin-top: 3px;
}

#footer .know {
	float: left;
	width: 145px;
	margin-left: 7px;
	_margin-left: 3px;
}

#footer .use {
	float: left;
	width: 297px;
	margin-left: 7px;
}

#footer .use li.left {
	background: url(../images/footer-ex003.gif) no-repeat 0 4px;
	float: left;
	width: 130px;
	margin-top: 3px;
}

#footer .use li.right {
	background: url(../images/footer-ex003.gif) no-repeat 0 4px;
	float: right;
	width: 130px;
	margin-top: 3px;
}

#footer .new {
	float: left;
	width: 145px;
	margin-left: 7px;
}

#footer .question {
	float: left;
	width: 145px;
	margin-left: 7px;
}

#footer .admission {
	float: left;
	width: 145px;
	margin-left: 7px;
}

#footer .member {
	float: left;
	width: 131px;
	margin-left: 7px;
}

.base {
	clear: both;
	float: none;
	font-size: 90%;
	padding-top: 20px;
	zoom: 1;
}

#footer .base .right {
	width: 636px;
	margin-right: 10px;
	float: left;
}

#footer .base .right a {
	background: url(../images/footer-ex001.gif) no-repeat 0 3px;
	padding-left: 8px;
	margin-right: 10px;
}

.copyright {
	color: #72bae0;
	margin-top: 10px;
}

#footer .base .left {
	width: 254px;
	float: left;
	text-align: right;
}

#footer .base .left img {
	margin-left: 10px;
}

.baseother {
	clear: both;
	float: none;
	font-size: 80%;
}

#footer .baseother .right {
	width: 636px;
	margin-right: 10px;
	float: left;
}

#footer .baseother .right a {
	background: url(../images/footer-ex001.gif) no-repeat 0 3px;
	padding-left: 8px;
	margin-right: 10px;
}

#footer .baseother .copyright {
	color: #72bae0;
	margin: 0;
}

#footer .baseother .left {
	width: 254px;
	float: left;
	text-align: right;
}

#footer .baseother .left img {
	margin-left: 10px;
}

/**** コンテンツ ****/

#contents {
	width: 900px;
	margin: 0 auto 55px;
	clear: both;
	float: none;
}

/* サブナビ */

#subnavi {
	width: 180px;
	margin-right: 30px;
	float: left;
	font-size: 85%;
}

#subnavi img {
	vertical-align: bottom;
}

.pagelist {
	margin-bottom: 5px;
	background: url(../images/subnavi-ex005.gif) bottom no-repeat;
}

.pagelist p {
	border-top: dotted 1px #b3b3b3;
	padding: 1px;
}

.pagelist p.top {
	border-top: none;
}

.pagelist p.second {
	font-size: 90%;
	border-top: dotted 1px #e4e4e4;
	padding: 1px;
}

.pagelist p img {
	margin-right: 4px;
}

.pagelist p em {
	display: block;
	padding: 10px 8px 8px 10px;
	font-weight: bold;
	background-color: #edf8fc;
}

.pagelist p a {
	display: block;
	padding: 10px 8px 8px 10px;
}

.pagelist p.second em {
	display: block;
	padding: 10px 8px 8px 18px;
	font-weight: bold;
	background-color: #edf8fc;
}

.pagelist p.second a {
	display: block;
	padding: 10px 8px 8px 18px;
}

.pagelist p a:hover {
	background-color: #edf8fc;
}

.bn {
	margin-bottom: 16px;
}

#subnavi .information {
	background: url(../images/subnavi-ex003.gif) no-repeat;
	padding: 0;
}

#subnavi .admission {
	width: 180px;
	padding: 12px 0 25px;
	float: none;
	margin: 0;
}

#subnavi .reference {
	width: 180px;
	float: none;
}

.fortop {
	text-align: right;
	margin-bottom: 30px;
	font-size: 85%;
}


/* メイン */

#main {
	width: 690px;
	margin: 0 auto;
	float: left;
	line-height: 1.6em;
}

h1 {
	margin-bottom: 30px;
	color: #222222;
}

h2 {
	background: url(../images/common-ti001.gif) no-repeat;
	clear: both;
	float: none;
	margin-bottom: 24px;
	color: #222222;
}

h2 p {
	padding-left: 12px;
	padding-top: 5px;
	font-size: 80%;
	line-height: 1em;
	font-weight: bold;
	_font-size: 65%;
	_padding-top: 3px;
	color: #333333;
}

*:first-child+html h2 p {
	font-size: 65%;
	padding-top: 6px;
}

h3 {
	background: url(../images/common-ti003.gif) no-repeat bottom left;
	margin-bottom: 15px;
	font-weight: bold;
	_font-size: 90%;
	color: #333333;
	clear: both;
}

*:first-child+html h3 {
	font-size: 120%;
}

h4 {
	margin-bottom: 5px;
	color: #222222;
}

.text {
	clear: both;
	float: none;
	margin-bottom: 40px;
	zoom: 1;
}

.textleft {
	float: left;
	width: 480px;
	margin-right: 30px;
}

.textleft p {
	margin: 14px 0;
}

.imgright {
	float: left;
}

span.relation {
	font-weight: bold;
	font-size: 110%;
}

p.link {
	background: url(../images/common-ex001.gif) no-repeat 0 4px;
	padding-left: 15px;
	margin: 12px 0 0;
	_height: 14px;
	min-height:14px;
}

ul.list li {
	background: url(../images/common-ex003.gif) no-repeat 0 6px;
	padding-left: 10px;
	margin-bottom: 7px;
	_min-height: 12px;
}

ul.list {
	margin-bottom: 40px;
}

.photo {
	float: none;
	clear: both;
	zoom: 1;
}

.photo div {
	width: 165px;
	float: left;
	margin-right: 10px;
}

.photo .end {
	margin-right: 0px;
}

table {
	clear: both;
	float: none;
	border: solid 1px #cccccc;
	margin-bottom: 40px;
}

th.top {
	background-color: #d5ebf2;
	border-right: solid 1px #cccccc;
	border-bottom: solid 1px #cccccc;
	padding: 7px;
	text-align: center;
	font-weight: bold;
}

th.side {
	background-color: #f0f6f7;
	border-right: solid 1px #cccccc;
	border-bottom: solid 1px #cccccc;
	padding: 20px 10px;
	text-align: center;
	font-weight: bold;
	width: 20%;
}

td {
	border-right: solid 1px #cccccc;
	border-bottom: solid 1px #cccccc;
	width: 40%;
	vertical-align: top;
	padding: 10px;
}

.information {
	clear: both;
	float: none;
	background: url(../images/common-ex009.gif) bottom no-repeat;
	padding-bottom: 14px;
	zoom: 1;
}

.admission {
	width: 462px;
	margin-right: 19px;
	float: left;
}

.reference {
	width: 195px;
	float: left;
}

*:first-child+html .reference {
	float: none;
}

.reference p {
	background: url(../images/common-ic001.gif) no-repeat;
	padding-left: 30px;
	padding-bottom: 5px;
	margin-left: 12px;
}

.reference .outside {
	font-size: 65%;
}

.information_wide {
	clear: both;
	float: none;
	zoom: 1;
	background: url(../images/common-ex012.gif) bottom no-repeat;
	padding-bottom: 16px;
}

.admission_wide {
	width: 462px;
	margin-right: 19px;
	float: left;
}

.reference_wide {
	width: 405px;
	float: left;
}

*:first-child+html .reference_wide {
	float: none;
}

.reference_wide img.tel {
	float: left;
	margin: 18px 0 12px 10px;
}


.reference_wide p {
	background: url(../images/common-ic001.gif) no-repeat;
	padding-left: 30px;
	padding-bottom: 5px;
	margin-left: 25px;
	margin-top: 18px;
	width: 180px;
	float: left;
}

.reference_wide .outside {
	font-size: 65%;
	zoom: 1;
}

.contentslist {
	margin-top: 60px;
	padding-top: 40px;
	border-top: 1px #dddddd solid;
	clear: both;
	float: none;
	line-height: 1.4em;
	_line-height: 1.3em;
	zoom: 1;
}

.contentscolumn {
	width: 690px;
	clear: both;
	float: none;
	margin-bottom: 20px;
	zoom: 1;
}

.link01off p,
.link02off p,
.link03off p,
.link04off p,
.link05off p,
.link06off p {
	padding: 40px 15px 0 103px;
	font-size: 11px;
	width: 222px;
	line-height: 18px;
}

.link01 p a,
.link02 p a,
.link03 p a,
.link04 p a,
.link05 p a,
.link06 p a {
	padding: 40px 15px 20px 103px;
	font-size: 11px;
	width: 222px;
	display: block;
	line-height: 18px;
}

.link01,
.link03,
.link05,
.link01off,
.link03off,
.link05off {
	margin-right: 10px;
}

.link03,
.link04,
.link03off,
.link04off {
	margin-bottom: 10px;
}

.link01off {
	background: url(../images/common-bg002off.gif) no-repeat;
}
.link01 {
	background: url(../images/common-bg002on.gif) no-repeat;
}
.link01 a {
	background: url(../images/common-bg002.gif) no-repeat;
}
.link02off {
	background: url(../images/common-bg003off.gif) no-repeat;
}
.link02 {
	background: url(../images/common-bg003on.gif) no-repeat;
}
.link02 a {
	background: url(../images/common-bg003.gif) no-repeat;
}
.link03off {
	background: url(../images/common-bg004off.gif) no-repeat;
}
.link03 {
	background: url(../images/common-bg004on.gif) no-repeat;
}
.link03 a {
	background: url(../images/common-bg004.gif) no-repeat;
}
.link04off {
	background: url(../images/common-bg005off.gif) no-repeat;
}
.link04 {
	background: url(../images/common-bg005on.gif) no-repeat;
}
.link04 a {
	background: url(../images/common-bg005.gif) no-repeat;
}
.link05off {
	background: url(../images/common-bg006off.gif) no-repeat;
}
.link05 {
	background: url(../images/common-bg006on.gif) no-repeat;
}
.link05 a {
	background: url(../images/common-bg006.gif) no-repeat;
}
.link06off {
	background: url(../images/common-bg007off.gif) no-repeat;
}
.link06 {
	background: url(../images/common-bg007on.gif) no-repeat;
}
.link06 a {
	background: url(../images/common-bg007.gif) no-repeat;
}

.link01,
.link02,
.link03,
.link04,
.link05,
.link06,
.link01off,
.link02off,
.link03off,
.link04off,
.link05off,
.link06off {
	width: 340px;
	height: 88px;
	float: left;
}


.link01 a:hover,
.link02 a:hover,
.link03 a:hover,
.link04 a:hover,
.link05 a:hover,
.link06 a:hover {
	background: none;
}


/* 約款 */

#contract {
	font-size: 75%;
}

.contract {
	border: solid 1px #999999;
	width: 668px;
	padding: 10px;
	_padding: 5px;
	font-size: 90%;
}

.shou { 
	margin-bottom: 20px;
}

.jou {
	margin-top: 5px;
	margin-bottom: 10px;
}

.kou {
	margin-top: 3px;
	margin-bottom: 0px;
	list-style: decimal;
	padding-left: 25px;
}

.kou .nolist {
	list-style: none;
}

/*	layout for styleswicher 
------------------------------------------	*/
.current-fontsize img {
	display: none;
}


/* その他 */

.mt3 {
	margin-top: 3px;
}

.mt20 {
	margin-top: 20px;
}

.mt30 {
	margin-top: 30px;
}

.ml5 {
	margin-left: 5px;
}

.ml12 {
	margin-left: 12px;
}

.ml20 {
	margin-left: 20px;
}

.mr10 {
	margin-right: 10px;
}

.mb5 {
	margin-bottom: 5px;
}

#main .mb10,
.mb10 {
	margin-bottom: 10px;
}

.mb15 {
	margin-bottom: 15px;
}

.mb20 {
	margin-bottom: 20px;
}

.mb30 {
	margin-bottom: 30px;
}

.mb40 {
	margin-bottom: 40px;
}

.microad {
height: 0px;
}

.pagetop {
	text-align: right;
	font-size: 80%;
}

p.important {
	color: #CC0000;
	font-weight: bold;
	border: solid 1px #CC0000;
	background: #fff2ff;
	padding: 10px 20px;
	margin-bottom: 20px;
}

.base:after,
#footer:after,
.sitemap li:after,
.sitemap:after,
.information_wide:after,
.admission_wide:after,
.reference_wide:after,
.information:after,
.admission:after,
.reference:after,
.contentscolumn:after,
.photo:after,
.photo div:after,
.textleft:after,
.imgright:after,
.text:after,
div#contents:after,
#fortop:after {
content:".";
display: block;
height:0px;
clear:both;
visibility:hidden;
}