/*

    Font styles

*/
body { color: #000000;}
#c_main .content   { font-size: 1.4em;}
#c_main .content * { font-size: 100%;}
#c_sub .content   { font-size: 1.5em;}
#c_sub .content * { font-size: 100%;}
a:link    { color: #000000;}
a:visited { color: #666666;}
a:hover   { color: #666666;}





/*

    Extension

*/

/*  Block element  */
.section   { margin-bottom: 15px;}
.content   { margin: 0;}
.paragraph { margin-bottom: 1em;}

/*  Text element  */
.Warning { color: #E85298;}
.Notes   { font-size: 84.6%;}
.Number  { text-align: right;}

/*  Form  */
form input.Text, form textArea {
	background-color: #FFFFFF;
	border: 1px #CCCCCC solid;
}





/*

    Layout

*/
body {
	background-image: url("images/common/body.bg.jpg");
	background-repeat: repeat;
	background-position: top center;
}
h1 {
	width: 900px;
	height: 240px;
	margin: 0 auto 25px;
}
#c_nav {
	position: absolute;
	left: 0;
	top: 60px;
	width: 100%;
	height: 180px;
}
#c_nav .content {
	width: 960px;
	height: 180px;
	margin: 0 auto;
	background-image: url("images/common/header.bg.png");
	overflow: hidden;
}
#c_content {
	width: 960px;
	margin: 0 auto;
}
#c_footer {
	width: 100%;
	height: 100px;
	margin: 60px 0 30px;
}
#c_footer .content {
	width: 960px;
	margin: 0 auto;
}





/*

    Header

*/
h1 a {
	display: block;
	padding-top: 65px;
}





/*

    Navigation

*/

/*  Common  */
#c_nav .content ul,
#c_nav .content ul li {
	margin: 0;
	list-style: none;
}

/*  Site  */
#c_nav .content div.Site {
	position: relative;
	width: 960px;
	height: 85px;
}
#c_nav .content div.Site p.Toppage {
	width: 390px;
	height: 80px;
	overflow: hidden;
}
#c_nav .content div.Site p.Toppage a {
	display: block;
	padding-top: 85px;
	background-image: url("images/common/tositetop.btn.png");
}
#c_nav .content div.Site p.Toppage a:hover {
	background-position: 0 -80px;
}
#c_nav .content div.Site p.Concept {
	position: absolute;
	left: 395px;
	top: 50px;
	height: 30px;
	line-height: 30px;
	font-size: 1.6em;
}
#c_nav .content div.Site p.Address {
	position: absolute;
	right: 75px;
	top: 10px;
	font-size: 1.2em;
}
#c_nav .content div.Site p.Map {
	position: absolute;
	right: 10px;
	top: 10px;
	font-size: 1.2em;
}
#c_nav .content div.Site p.Map a {
	padding-left: 12px;
	background-image: url("images/common/map.btn.png");
	background-position: left center;
	color: #000000;
}
#c_nav .content div.Site p.Map a:hover {
	color: #555555;
}
#c_nav .content div.Site p.Tel {
	position: absolute;
	right: 10px;
	top: 50px;
	height: 30px;
	line-height: 30px;
	font-size: 1.2em;
}
#c_nav .content div.Site p.Tel strong {
	font-size: 133.3%;
}

/*  Contents  */
#c_nav .content ul.Contents {
	margin: 10px 15px;
}
#c_nav .content ul.Contents li {
	float: left;
	height: 85px;
	padding: 0 3px;
	overflow: hidden;
}
#c_nav .content ul.Contents li a {
	display: block;
	line-height: 1.3;
	color: #000000;
	font-weight: bold;
	height: 85px;
	background-image: url("images/common/nav.btn.png");
	text-align: center;
}
#c_nav .content ul.Contents li a:hover {
	color: #555555;
}
#c_nav .content ul.Contents li.Toppage  { width: 80px;}
#c_nav .content ul.Contents li.Cafe     { width: 80px;}
#c_nav .content ul.Contents li.Rita     { width: 70px;}
#c_nav .content ul.Contents li.Massage  { width: 75px;}
#c_nav .content ul.Contents li.Dcm      { width: 75px;}
#c_nav .content ul.Contents li.Company  { width: 75px;}
#c_nav .content ul.Contents li.Media    { width: 70px;}
#c_nav .content ul.Contents li.Contact  { width: 70px;}
#c_nav .content ul.Contents li.Access   { width: 70px;}
#c_nav .content ul.Contents li.Recruit  { width: 75px;}
#c_nav .content ul.Contents li.Boundary { width: 40px;}
#c_nav .content ul.Contents li.School   { width: 65px;}
#c_nav .content ul.Contents li.Shopping { width: 85px;}
#c_nav .content ul.Contents li.Toppage  a { background-position:  0 0;}
#c_nav .content ul.Contents li.Cafe     a { background-position:  -80px 0;}
#c_nav .content ul.Contents li.Rita     a { background-position:  -160px 0;}
#c_nav .content ul.Contents li.Massage  a { background-position:  -230px 0;}
#c_nav .content ul.Contents li.Dcm      a { background-position:  -305px 0;}
#c_nav .content ul.Contents li.Company  a { background-position:  -380px 0;}
#c_nav .content ul.Contents li.Media    a { background-position:  -455px 0;}
#c_nav .content ul.Contents li.Contact  a { background-position:  -525px 0;}
#c_nav .content ul.Contents li.Access   a { background-position:  -595px 0;}
#c_nav .content ul.Contents li.Recruit  a { background-position:  -670px 0;}
#c_nav .content ul.Contents li.Boundary a { background-position:  -740px 0;}
#c_nav .content ul.Contents li.School   a { background-position:  -780px 0;}
#c_nav .content ul.Contents li.Shopping a { background-position:  -845px 0;}
#c_nav .content ul.Contents li.Toppage  a:hover { background-position:  0 -85px;}
#c_nav .content ul.Contents li.Cafe     a:hover { background-position:  -80px -85px;}
#c_nav .content ul.Contents li.Rita     a:hover { background-position:  -160px -85px;}
#c_nav .content ul.Contents li.Massage  a:hover { background-position:  -230px -85px;}
#c_nav .content ul.Contents li.Dcm      a:hover { background-position:  -305px -85px;}
#c_nav .content ul.Contents li.Company  a:hover { background-position:  -380px -85px;}
#c_nav .content ul.Contents li.Media    a:hover { background-position:  -455px -85px;}
#c_nav .content ul.Contents li.Contact  a:hover { background-position:  -525px -85px;}
#c_nav .content ul.Contents li.Access   a:hover { background-position:  -595px -85px;}
#c_nav .content ul.Contents li.Recruit  a:hover { background-position:  -670px -85px;}
#c_nav .content ul.Contents li.Boundary a:hover { background-position:  -740px 0;}
#c_nav .content ul.Contents li.School   a:hover { background-position:  -780px -85px;}
#c_nav .content ul.Contents li.Shopping a:hover { background-position:  -845px -85px;}





/*

    Footer

*/
#c_footer {
	height: 100px;
	background-image: url("images/common/footer.bg.png");
	background-repeat: repeat;
}
#c_footer .content {
	position: relative;
}
#c_footer .content p {
	position: absolute;
	right: 15px;
	top: 15px;
	width: 50px;
	height: 70px;
	overflow: hidden;
}
#c_footer .content p a {
	display: block;
	padding-top: 75px;
	background-image: url("images/common/topagetop.btn.png");
}
#c_footer .content p a:hover {
	background-position: 0 -70px;
}
#c_footer .content address {
	width: 320px;
	height: 100px;
	overflow: hidden;
}
#c_footer .content address a {
	display: block;
	padding-top: 105px;
	background-image: url("images/common/footer.btn.png");
}
#c_footer .content address a:hover {
	background-position: 0 -100px;
}





/*

    Contents common

*/
#c_content .section {
	padding: 8px;
	background-image: url("images/common/section.bg.png");
	background-repeat: repeat;
	border-radius: 10px;
}
#c_content .section .SectionBody {
	margin: 0;
	padding: 20px 35px 20px;
	background-color: #FFFFFF;
	border-radius: 5px;
}





/*

    Sub contents

*/

/*  Facilities - Layout  */
#c_content #c_sub #sub_facilities .Main {
	float: left;
	width: 620px;
}
#c_content #c_sub #sub_facilities .Sub {
	float: right;
	width: 220px;
	font-size: 86.7%;
}
#c_content #c_sub #sub_facilities .content {
	overflow: hidden;
}
#c_content #c_sub #sub_facilities .content:after {
	content: "";
	display: block;
	clear: both;
	height: 1px;
	overflow: hidden;
}

/*  Facilities - Heading  */
#c_content #c_sub #sub_facilities .hgroup h2 {
	display: inline;
	margin-right: 15px;
	color: #3399FF;
}
#c_content #c_sub #sub_facilities .hgroup p {
	display: inline;
	font-size: 116.7%;
}

/*  Facilities - Map  */
#c_content #c_sub #sub_facilities .Main .Map {
	position: relative;
	height: 380px;
	margin-bottom: 25px;
}
#c_content #c_sub #sub_facilities .Main .Map a {
	display: block;
	position: absolute;
	top: 0;
	width: 160px;
	height: 60px;
	background-color: #3399FF;
	color: #FFFFFF;
	text-align: center;
	border-radius: 5px;
}
#c_content #c_sub #sub_facilities .Main .Map a span {
	display: block;
	line-height: 20px;
	padding-top: 10px;
}
#c_content #c_sub #sub_facilities .Main .Map a:hover {
	background-color: #AEC4E6;
}
#c_content #c_sub #sub_facilities .Main .Map a.Rs   { left: 0;}
#c_content #c_sub #sub_facilities .Main .Map a.Rita { left: 180px;}
#c_content #c_sub #sub_facilities .Main .Map a.Cafe { left: 380px;}
#c_content #c_sub #sub_facilities .Main .Map img {
	display: block;
	position: absolute;
	top: 60px;
}

/*  Facilities - Text  */
#c_content #c_sub #sub_facilities .Main p {
	margin-bottom: 15px;
	padding-bottom: 210px;
	background-image: url("images/sub/facilities1.img.jpg");
	background-position: center bottom;
	line-height: 2;
}
#c_content #c_sub #sub_facilities .Main p:first-letter {
	margin: 0 -5px 0 -7px;
	font-size: 240%;
	line-height: 1;
}

/*  Facilities - Dcm  */
#c_content #c_sub #sub_facilities .Sub .Dcm {
	margin-bottom: 40px;
}
#c_content #c_sub #sub_facilities .Sub .Dcm a.Page {
	display: block;
	width: 220px;
	height: 60px;
	margin-bottom: 20px;
	background-color: #3399FF;
	background-image: url("images/sub/facilities_dcm.btn.png");
	background-position: left center;
	color: #FFFFFF;
	border-radius: 5px;
}
#c_content #c_sub #sub_facilities .Sub .Dcm a.Page:hover {
	background-color: #AEC4E6;
}
#c_content #c_sub #sub_facilities .Sub .Dcm a.Page span {
	display: block;
	line-height: 20px;
	padding: 10px 0 10px 57px;
}
#c_content #c_sub #sub_facilities .Sub .Dcm .Youtube img {
	display: block;
}

/*  Facilities - Access  */
#c_content #c_sub #sub_facilities .Sub .Access h3 {
	line-height: 1;
	margin-bottom: 20px;
	font-size: 123.1%;
	font-weight: normal;
}
#c_content #c_sub #sub_facilities .Sub .Access p {
}
#c_content #c_sub #sub_facilities .Sub .Access p strong {
	font-size: 115.4%;
}
#c_content #c_sub #sub_facilities .Sub .Access iframe {
	display: block;
	margin: 5px 0 10px;
}

/*  school  */
#c_content #c_sub #sub_school {
	margin-top: 60px;
}
#c_content #c_sub #sub_school .container {
	overflow: hidden;
}
#c_content #c_sub #sub_school .container .mm {
	display: block;
	float: right;
	width: 90px;
	font-size: 13px;
	text-align: center;
}
#c_content #c_sub #sub_school .container .mm img {
	display: block;
	margin: 0 auto 5px;
}
#c_content #c_sub #sub_school .container .youtube {
	float: right;
	width: 240px;
	padding-right: 25px;
	font-size: 13px;
}
#c_content #c_sub #sub_school .container p {
	margin: 1em 375px 1em 0;
	font-size: 15px;
}
#c_content #c_sub #sub_school .container a.detail {
	display: inline-block;
	padding: 10px 0 10px 40px;
	background-image: url("images/toppage/arrow1.png");
	background-position: left center;
	font-size: 15px;
	font-weight: bold;
}





/*

    Main contents

*/

/*  Common  */
#c_content #c_main .section strong {
	font-size: 128.6%;
}

/*  Heading  */
#c_content #c_main .section .hgroup {
	margin-bottom: 40px;
}
#c_content #c_main .section .hgroup img {
	margin-right: 15px;
	vertical-align: -10px;
}
#c_content #c_main .section .hgroup h2 {
	display: inline;
	margin-right: 15px;
}
#c_content #c_main .section .hgroup p {
	display: inline;
	font-size: 1.4em;
}

/*  Content  */
#c_content #c_main .section .content p {
	padding-bottom: 1em;
}