@charset "UTF-8";
body {
	font: 100% "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS P Gothic", sans-serif;
	margin: 0;
	padding: 0;
	text-align: center;
	background: #FFFFFF; /* 全体の背景色 */
	color: #000000;
}

/* 共通のa要素設定 */
a { color: #F1007F; text-decoration: none; }
a:link { color:#F1007F; }
a:visited { color:#AD5868; }
a:hover { color:#EDD0D0; }
a:active { color:#EDD0D0; }
/* 
a:link：まだアクセスしたことのないリンクに適用
a:visited：既にアクセスしたことのあるリンクに適用
a:hover：マウスが上に乗っている状態のリンクに適用
a:active：選択されている状態のリンクに適用
*/
a img:hover {
	filter:alpha(opacity=50); 
	-moz-opacity: 0.50; 
	opacity: 0.50;
 }

#container {
	width: 840px;
	/* background: #000000; */
	margin: 30px auto;
	text-align: left;
}

/* ヘッダ 
------------------------------------------------------------------- */
#header {
	/* background: #000000; */
	padding: 0 0 8px 0;
	margin: 0 0 14px 0;
	border-bottom: 1px solid #666666;
}
/* サイト説明 */
#header h1 {
	font-size: 10px;
	margin: 0 0 15px 0;
}

/* ロゴ */
#header div#logo {
	margin: 0;
	padding: 0;
	float: left;
	width: 140px;
	height: 35px;
}
#header div#logo a {
	margin: 0;
	padding: 0;
	display: block;
	background: url(../images/cm_logo.gif) no-repeat;
	text-indent: -9999px;
	width: 140px;
	height: 35px;
}

/* グローバルメニュー・電話番号 */
#header div#info {
	width: 374px;
	float: right;
}
#header div#businessInfo {
	width: 242px;
	float: left;
	text-align: right;
}
#header div#businessInfo div.infoMenu {
	font-size: 13px;
	padding: 4px  0 0 0;
}
#header div#businessInfo div.infoMenu a {
	color: #000000;
	border-left: 1px solid #000000;
	padding: 5px 10px;
}
#header div#businessInfo div.infoMenu a:link { color:#000000; }
#header div#businessInfo div.infoMenu a:visited { color:#000000; }
#header div#businessInfo div.infoMenu a:hover { color:#CCCCCC; }
#header div#businessInfo div.infoMenu a:active { color:#CCCCCC; }

#header div#businessInfo div.message {
	color: #F1007F;
	font-size: 11px;
	border-top: 3px solid #F1007F;
	text-align: left;
	padding: 6px 0 0 0;
	margin: 12px 0 0 0;
}
#header div#contactInfo {
	width: 110px;
	height: 58px;
	float: right;
	background: url(../images/cm_tel_fax_no.gif) no-repeat;
	text-indent: -9999px;
}

/* メインメニュー */
#header ul#mainMenu { 
	clear: both;
	margin: 0;
	padding: 25px 0 0 0;
}
#header ul#mainMenu li {
	float: left;
	margin: 0;
	padding: 0 3px 0 0;
}
#header ul#mainMenu li.rightEnd {
	float: right;
	margin: 0;
	padding: 0;
}

/* フッタ
------------------------------------------------------------------- */
#footer {
	/* background: #000000; */
	clear: both;
	padding: 10px 0 0 0;
	margin: 40px 0 30px 0;
	border-top: 1px solid #000000;
	font-size: 10px;
	color: #000000;
}
#footer ul#footMenu {
	width: 420px;
	float: left;
	font-size: 11px;
}
#footer ul#footMenu li {
	display: inline;
	border-right: 1px dashed #666666;
	padding: 0 10px 20px 0;
	margin: 0 10px 0 0;
}
#footer div.copyright {
	text-align: right;
	width: 400px;
	float: right;
}
#footer div.note {
	clear: both;
	padding-top: 40px;
}

/* トップページコンテンツ
------------------------------------------------------------------- */
#topContent {
	clear: both;
	font-size: 10px;
	line-height: 140%;
}
#topContent div.topSwf {
	border-bottom: 1px solid #666666;
	padding: 0 0 10px 0;
	margin: 0 0 20px 0;
}
#topContent div.topSwf div.topMessage {
	font-size: 14px;
	font-weight: bold;
	line-height: 140%;
	padding: 10px 0 0 35px;
}
#topContent div#lClm{
	width: 422px;
	float: left;
}
#topContent div#rClm{
	width: 348px;
	float: right;
}
#topContent h2 {
	border-bottom: 1px dashed #000000;
	padding: 0 0 5px 0;
	margin: 0 0 20px 0;
}
#topContent div.lectureInfo {
	margin-bottom: 30px;
	background: url(../images/tp_lecture_info_icon.gif) no-repeat left top;
	padding-left: 78px;
}
#topContent div.lectureInfo ul li {
	list-style-type: disc;
	list-style-position: outside;
	padding: 0 0 5px 0;
	margin-left: 15px;
}
#topContent hr {
	border-width: 1px 0px 0px 0px; /* 太さ */
	border-style: solid; /* 線種 */
	border-color: #000000; /* 線色 */
	height: 1px; /* 高さ */
	margin-bottom: 30px;
}
#topContent div.date {
	margin: 0 0 8px 0;
}
#topContent h3 {
	color: #F1007F;
	font-size: 14px;
	text-decoration: underline;
	margin-bottom: 5px;
	line-height:150%;
}
#topContent p {
	margin-bottom: 30px;
}
#topContent strong {
	color: #F1007F;
}
#topContent p.box {
	border: 2px solid #000000;
	padding: 10px;
	margin-bottom: 30px;
}

/* 下層ページコンテンツ　共通
------------------------------------------------------------------- */
#content {
	padding: 15px 0 0 0;
}
#content h2 {
	margin-bottom: 40px;
}
#content h2 img {
	padding-right: 30px;
	border-right: 1px solid #000000;
}
#content h3 {
	margin-bottom: 30px;
}
#content p, 
#content ul {
	font-size: 12px;
	line-height: 150%;
	margin-bottom: 25px;
}
#content ul li {
	list-style-type: disc;
	list-style-position: outside;
	padding: 0 0 5px 0;
	margin-left: 15px;
}
#content p.small, 
#content ul.small {
	font-size: 10px;
}
#content span.small {
	font-size: 12px;
}
#content hr {
	clear: both;
	border-width: 1px 0px 0px 0px; /* 太さ */
	border-style: solid; /* 線種 */
	border-color: #666666; /* 線色 */
	height: 1px; /* 高さ */
	margin: 30px 0;
}
#content p.mb5 {
	margin-bottom: 5px;
}
#content div.toPageTop {
	clear: both;
	text-align: right;
	font-size: 10px;
}
#content div.toPageTop a { 
	color:#FFFFFF;
	text-decoration: underline;
}
#content div.toPageTop a:link { color:#FFFFFF; }
#content div.toPageTop a:visited { color:#999999; }
#content div.toPageTop a:hover { color:#666666; }
#content div.toPageTop a:active { color:#666666; }
#content div.pageNavi {
	margin: 20px 0 60px 0;
}
#content div.pageNavi div.back {
	width: 400px;
	float: left;
}
#content div.pageNavi div.next {
	width: 400px;
	float: right;
	text-align: right;
}
/* 念のため上書き */
#content div.next a, 
#content div.back a { text-decoration: none !important; }

#content div.attention {
	clear: both;
	padding-top: 30px;
}
#content div.attention p {
	font-size: 10px;
	line-height: 150%;
	margin-bottom: 10px;
}

#content div.caption {
	margin-top: 10px;
	font-size: 10px;
}

/* SPACE GUIDE
------------------------------------------------------------------- */
body.space #content {
}
body.space #content p.caption {
	text-align: right;
	margin-top: 0;
	padding-top: 0;
}
body.space #content p.photo {
	text-align: right;
}

/* EQUIPMENT
------------------------------------------------------------------- */
body.equipment #content {
}
body.equipment #content table {
	border-collapse: collapse;
	width: 840px;
}
body.equipment #content table th, 
body.equipment #content table td {
	border: 1px solid #000000;
	margin: 0;
	padding: 4px 7px;
	text-align: center;
	font-size: 14px;
}
body.equipment #content table th {
	font-weight: bold;
	text-align: left;
	font-size: 16px;
}
body.equipment #content table td.small {
	text-align: left;
	font-size: 12px;
}

/* RENTAL PLAN
------------------------------------------------------------------- */
body.plan #content {
}
body.plan #content p.leadText {
	font-size: 14px;
}
body.plan #content h3 {
	margin: 40px 0 0 0;
	padding: 0;
	width: 550px;
	color: #F1007F;
	background: url(../images/plan_h3_line.gif) repeat-x left 3px;
}
body.plan #content h3 strong {
	background: #FFFFFF;
	padding-right: 10px;
	font-weight: normal;
}
body.plan #content h4 {
	margin-top: 20px;
}
body.plan #content table {
	border-collapse: collapse;
}
body.plan #content table th {
	width: 190px;
}
body.plan #content table th {
	border: none;
	margin: 0;
	padding: 7px 30px 7px 0;
}
body.plan #content table td {
	border: none;
	margin: 0;
	padding: 7px 0;
	text-align: right;
}
body.plan #content table.t1 {
}
body.plan #content table.t2 {
	width: 550px;
}
body.plan #content table.t2 tr.bdr td, 
body.plan #content table.t2 tr.bdr th {
	border-top: 1px solid #000000;
}

/* DOWNLOAD
------------------------------------------------------------------- */
body.download #content {
}
body.download #content div.box {
	font-size: 14px;
	padding: 5px 5px 5px 13px;
	border: solid 1px #000000;
	width: 300px;
	margin-bottom: 10px;
}
body.download #content div.box div.fileType {
	width: 200px;
	float: left;
	margin-top: 14px;
	padding-left: 12px;
	background: url(../images/download_arrow.gif) no-repeat left 2px;
}
body.download #content div.box div.fileType a {
	color: #000000;
}
body.download #content div.box div.fileType a:link { color:#000000; }
body.download #content div.box div.fileType a:visited { color:#999999; }
body.download #content div.box div.fileType a:hover { color:#999999; }
body.download #content div.box div.fileType a:active { color:#666666; }

body.download #content div.box div.icon {
	float: right;
	width: 50px;
}

/* ACCESS
------------------------------------------------------------------- */
body.access #content div.map {
	border: 1px solid #999999;
	margin-bottom: 15px;
}
body.access #content div.address {
	width: 220px;
	float: left;
	font-size: 10px;
	line-height: 150%;
	border-left: 2px solid #000;
	padding-left: 40px;
	height: 8em;
}
body.access #content div.access1 {
	width: 200px;
	float: left;
	font-size: 10px;
	line-height: 150%;
	border-left: 2px solid #000;
	padding-left: 40px;
	background: url("../images/access_arrow.gif") no-repeat 25px top;
	height: 8em;
}
body.access #content div.access2 {
	width: 300px;
	float: left;
	font-size: 10px;
	line-height: 150%;
	background: url("../images/access_arrow.gif") no-repeat 5px top;
	padding-left: 20px;
}
body.access #content p.downloadBtn {
	padding-top: 30px;
	clear: both;
}

/* SCHEDULE
------------------------------------------------------------------- */
body.schedule #content h3 {
	margin: 0;
	padding: 0;
}
body.schedule #content p {
	padding: 0;
	margin: 0 0 25px 0;
}
body.schedule #content p.pdfDownload {
	margin-bottom: 50px;
}

/* COMPANY INFO, ENTERPRISE INFO, etc.
------------------------------------------------------------------- */
body.info #content h3 {
	font-size: 15px;
	margin-bottom: 10px;
	margin-top: 60px;
}
body.info #content h3.cpInfoH3 {
	font-size: 13px;
	border-bottom: 1px solid #000000;
	padding-bottom: 8px;
	margin-bottom: 20px;
}
body.info #content h4 {
	font-size: 15px;
	margin-bottom: 25px;
	padding-bottom: 17px;
	border-bottom: 1px solid #000000;
}
body.info #content ul {
	margin-bottom: 0;
}
body.info #content ul li {
	list-style-type: none;
	padding: 0;
	margin: 4px 0 0 0;
}
body.info #content div.box1 {
	border-top: 1px solid #000000;
	border-left: 1px solid #000000;
	border-right: 1px solid #000000;
	padding: 20px;
}
body.info #content div.boxBtm {
	border-bottom: 1px solid #000000;
}
body.info #content ul.mb20 {
	margin-bottom: 20px;
}
body.info #content ul.link li {
	font-size: 16px;
	margin-bottom: 5px;
}
body.info #content ul.link li a {
	color:#000000;
}
body.info #content ul.link li a:link { color:#000000; }
body.info #content ul.link li a:visited { color:#000000; }
body.info #content ul.link li a:hover { color:#666666; }
body.info #content ul.link li a:active { color:#666666; }