@charset "UTF-8";

/* 
このCSSはプリント専用です
*/

/*-------------------------------------------------
Reset
-------------------------------------------------*/
html, div, img,h1, h2, h3, h4, h5, h6 ,ul ,li, ol, dl, dd, dt, p, form {
	margin: 0;
	padding: 0;
	font-size:100%;
	font-weight:normal;
	line-height:100%;
	border:0;
}


/*-------------------------------------------------
Common
-------------------------------------------------*/
/* Body */
body {
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif;
	margin:0;
	padding:0;
	background:#FFF;
	color:#000;
}

/* Link */
a {color:#06C;text-decoration:underline;}
a:visited {color:#669;}
a:hover {text-decoration: none;}

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

/* Holly Hack Targets IE Win only \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End Holly Hack */

/* clear */
.clear {
	clear:left;
}


/*-------------------------------------------------
Wrapper
-------------------------------------------------*/
/* 大枠 */
#wrapper {
	width:auto;
}

/*-------------------------------------------------
Header
-------------------------------------------------*/
/* 大枠 */
#header {
	position:relative;
	width:auto;
	height:60px;
	background:#FFF;
	border-top:3px solid #2968B1;
	border-bottom:1px solid #999;
}

/* ロゴ */
#header #logo {
	position:absolute;
	top:20px;
	left:17px;
}

/* コピー */
#header p#copy {
	text-align:right;
	font-size:12px;
	padding:26px 15px 0 0;
}

/*-------------------------------------------------
Navigation
-------------------------------------------------*/
/* 基本情報 */
#navigation {
	display:none;
}

/*-------------------------------------------------
Main
-------------------------------------------------*/
/* 大枠 */
#main {
	clear:both;
	padding:10px 20px 40px 20px;
	min-height:360px;
}

/* パンくずリンク */
#main p#topicpath {
	display:none;
}

/* ページタイトル */
#main h1 {
	background:#FFF;
	font-size:18px;
	font-weight:bold;
	margin:10px 0 20px 0;
	padding:10px;
	border-bottom:2px solid #2968B1;
}

/* 見出し */
#main h2 {
	clear:both;
	font-size:86%;
	font-weight:bold;
	color:#333;
	margin:20px 0 10px 0;
}
#main h2 img {
	vertical-align:middle;
	margin-right:5px;
}
#main h2 .result {
	font-weight:normal;
}


/* 基本タグ
-------------------------------------------------*/

/* テキスト関連 */
#main h3 {
	font-size:86%;
	font-weight:bold;
	margin:20px 0 10px 0;
}

#main p {
	font-size:86%;
	line-height:180%;
	margin:0 0 0.8em 0;
}

#main ul {
	list-style-type:square;
	margin:0 0 10px 25px;
}
#main ol {
	margin:0 0 10px 25px;
}
#main li {
	font-size:86%;
	line-height:160%;
	margin:2px 0;
}

#main strong {
	font-weight:bold;
	color:#F00;
}
#main em {
	font-weight:bold;
	font-style:normal;
}

/* 表組み（基本） */
#main table {
	width:100%;
	border-collapse:collapse;
	margin:0 0 10px 0;
}
#main table tr {
}
#main table th {
	text-align:left;
	background-color:#999;
	white-space:nowrap;
	font-size:86%;
	font-weight:normal;
	line-height:140%;
	padding:7px;
	border:1px solid #666;
}
#main table th img {
	vertical-align:middle;
	margin:0 3px;
}
#main table td {
	text-align:left;
	vertical-align:top;
	font-size:86%;
	line-height:140%;
	padding:7px;
	border:1px solid #666;
}

#main table td dt {
	margin-bottom:4px;
}
#main table td dd {
	margin-bottom:10px;
}

/* 表組み（リスト） */
#main table.list {
}
#main table.list tr {
}
#main table.list th {
	text-align:center;
}

/* 表組みの独自指定 */
#main table .short {
	width:100px;
}
#main table .middle {
	width:180px;
}
#main table .day {
	width:20%;
}
#main table .name {
	width:18%;
}
#main table .number {
	width:10%;
}
#main table .day {
	width:20%;
}
#main table .place {
	width:15%;
}

#main table .center {
	text-align:center;
}

/* 表組み（News） */
#main table.newslist {
	margin:0 0 10px 0;
}
#main table.newslist tr {
}
#main table.newslist th {
	width:170px;
	vertical-align:top;
	background:transparent;
	padding:5px 7px 5px 0;
	border-top:0;
	border-right:0;
	border-bottom:1px solid #666;
	border-left:0;
}
#main table.newslist th img {
	vertical-align:middle;
	margin:0 5px 0 0;
}
#main table.newslist td {
	padding:5px 0;
	border-top:0;
	border-right:0;
	border-bottom:1px solid #666;
	border-left:0;
}


/* 独自class
-------------------------------------------------*/
/* 音声ブラウザ用非表示 */
.skip {
	display:none;
}

/* 画像関連 */
.image-left {
	float: left;
	margin: 0 20px 0 0;
}
.image-center {
	display: block;
	margin: 0 auto 20px;
	text-align: center;
}
.image-right {
	float: right;
	margin: 0 0 0 20px;
}

#main .btn {
	text-align:center;
	padding:10px;
}
#main .btn p {
	margin-bottom:5px
}

/* テキスト関連 */
.annotation {
	font-size:72%;
	color:#666;
}

.hissu {
	color:#F60;
}

/* ストライプ色 */
.stripe-color {
	background-color:#F5F7F9;
}

/* 前後ページの移動 */
.pageswitch {
	display:none;
}

/* 検索BOX
-------------------------------------------------*/
/* 枠 */
#main #searchbox {
	background:#FFF;
	padding:0;
}
/* 見出し */
#main #searchbox h3 {
	border-bottom:1px solid #A4A4A4;
	margin:0 0 5px 0;
	padding-bottom:3px;
}

/* 項目 */
#main #searchbox table.item {
	width:auto;
	margin:0;
}
#main #searchbox table.item td {
	border:0;
	font-size:12px;
	padding:4px 6px 4px 0;
}
#main #searchbox table.item td img {
	vertical-align:middle;
	margin-right:3px;
}

/* カレンダー */
.calenderswitch {
	position: relative;
	_width: 100%; /* for WinIE5,6 */
	font-size:86%;
	padding:5px 0;
}
.calenderswitch p {
	padding:0;
}
.calenderswitch p img {
	vertical-align:middle;
	margin:0 5px;
}
.calenderswitch .next {
	position: absolute;
	right:0;
	top:2px;
}
.calenderswitch .pre {
	position: absolute;
	left:0;
	top:2px;
}
.calenderswitch h4 {
	padding:0;
	text-align: center;
	font-size:12px;
	font-weight:bold;
}

#main #searchbox table.calender {
	width:100%;
	margin:0;
}
#main #searchbox table.calender th {
	text-align:center;
	background-color:#EEE;
	border:1px solid #666;
	font-size:10px;
	padding:2px;
}
#main #searchbox table.calender td {
	text-align:center;
	background-color:#E6E6E6;
	border:1px solid #666;
	font-size:10px;
	padding:2px;
}
#main #searchbox table.calender td.today {
	background-color:#FFF;
}

/* 小さいBOX */
#main #searchbox .col_type1 {
	float:left;
	border-right:1px solid #EEE;
	padding:0 10px 0 10px;
}
#main #searchbox .col_type2 {
	float:left;
	padding:0 0 0 10px;
}

/*-------------------------------------------------
2カラム用の枠
-------------------------------------------------*/

/* コンテンツ枠
-------------------------------------------------*/
/* 枠 */
#main #contents {
	width:auto;
}

/* サイドバー
-------------------------------------------------*/
/* 枠 */
#main #sidebar {
	width:auto;
}

/* ShortCut */
#main #shortcut {
	border:1px solid #CCC;
	background-color:#EDEBEE;
	margin-bottom:15px;
	padding-bottom:4px;
}
#main #shortcut ul {
	list-style-type:none;
	margin:6px 0 0 6px;
}
#main #shortcut ul li {
	margin-bottom:4px;
}
#main #shortcut ul li img {
	vertical-align:bottom;
}

/*-------------------------------------------------
BottomLink
-------------------------------------------------*/
/* 大枠 */
#bottomlink {
	display:none;
}


/*-------------------------------------------------
Footer
-------------------------------------------------*/
/* 大枠 */
#footer {
	clear:both;
	text-align:center;
	border-top:2px solid #A4A4A4;
	padding:10px 10px 20px 10px;
}

/* Copyright */
#footer p {
	font-family: Verdana, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif;
	font-size:72%;
}

/*-------------------------------------------------
トップページ専用
-------------------------------------------------*/

/* コンテンツ枠
-------------------------------------------------*/
/* 枠の設定はcommon.css内に記述 */

/* MainVisual */
#main #mainvisual {
	height:160px;
}
#main #mainvisual p {
	margin:0;
	padding:0;
}

/* 見出し */
#main #contents .heading {
	clear:left;
	position:relative;
	height:39px;
	background:url(/images/top/home_heading_back.png) no-repeat left top;
	margin:15px 0 5px 0;
}
#main #contents .heading ul {
	list-style-type:none;
}
#main #contents .heading li {
	position:absolute;
	top:0;
	right:0;
	margin:0;
	padding:0;
	line-height:100%;
}


/* サイドバー
-------------------------------------------------*/
/* 枠の設定はcommon.css内に記述 */

/* MailMagazine */
#main #magazine {
	border-right:1px solid #CCC;
	border-bottom:1px solid #CCC;
	border-left:1px solid #CCC;
	background-color:#FFF;
	padding:10px;
}

#main #magazine p {
	font-size:12px;
	line-height:140%;
	margin-bottom:5px;
}
#main #magazine p.backnumber {
	margin:5px 0 0 0;
	text-align:right;
}
#main #magazine p.backnumber img {
	vertical-align:middle;
	margin-right:5px;
}

#main #magazine p input {
	vertical-align:middle;
}

#main #magazine input {
	margin-top:2px;
	font-size:12px;
}

/*-------------------------------------------------
体験会ドットコムとは
-------------------------------------------------*/

/* コピー */
#main p.about_copy {
	padding:7px 0 7px 5px;
}
/* 情報の流れの図 */
#main .about_image {
	padding:10px 10px 0 10px;
}


/*-------------------------------------------------
開催情報
-------------------------------------------------*/

/* 概要の表組み */
#main table.event_outline {
	float:left;
	width:350px;
	margin:0 20px 10px 0;
}


/*-------------------------------------------------
○○の方
-------------------------------------------------*/

/* 特徴 */
#main .to_point {
	border:1px solid #666;
	padding:0 15px 5px 15px;
	margin-bottom:10px;
}
#main .to_point h3 {
	margin:15px 0 7px 0;
}
#main .to_point p {
	line-height:160%;
	margin:0 0 10px 0;
}
#main p.to_annotation {
	font-size:72%;
	line-height:140%;
	text-indent:-1em;
	margin:0 0 0 1em;
}

/*-------------------------------------------------
プライバシーポリシー
-------------------------------------------------*/

/* サイン */
#main p.sign {
	text-align:right;
	line-height:140%;
	margin-bottom:5px;
}

/* 連絡先 */
#main .announce {
	background-color:#F8F8F8;
	border:1px solid #E5E5E5;
	margin:15px 10px 0 10px;
	padding:15px;
}
#main .announce dt {
	font-size:86%;
	font-weight:bold;
	margin-bottom:7px;
}
#main .announce dd {
	font-size:86%;
	line-height:140%;
	margin-bottom:2px;
}