@charset "Shift_JIS";

/*
* 
* 	4-layout.css　：各ページに使う共通指定
*
*	1#mainへの指定
*	2パンくずリスト
*	3ページトップ、コンテンツトップに戻る
*	4共通で使う指定
*	5リストのスタイル
*	6表の装飾
*	7各カテゴリトップのコンテンツメニュー背景
*	8見出しのスタイル
*	9コンテンツ2分割
*	10文字強調色
*	
*/


/* =1#mainへの指定
----------------------------- */
.baseContent{
	margin-left: 10px;
	}
.standard h2{
	margin-bottom: 1.7em;
	font-size: 140%;
	}
.standard p,
.standard td,
.standard dd{
	line-height: 1.6;
	color: #FFF;
	font-size: 12px;
	text-align: left;
	}
.standard table{
	border-collapse: collapse;
	border-spacing: 0;
	empty-cells: show;
	text-align: left;
	}
.standard th,
.standard td{
	vertical-align: top;
	font-size: 16;
	color: #FFF;
	text-align: center;
	}

/* =2パンくずリスト
----------------------------- */
#pageNav{
	margin-top: 12px;
	margin-bottom: 30px;
	}
#pageNav li{
	display: inline;
	margin-right: 4px;
	font-size: 84%;
	}
#pageNav li a{
	padding-right: 13px;
	background: url(../images/base/icon_pnav.jpg) no-repeat center right;
	}
#pageNav li a,
#pageNav li a:visited{
	color: #fff;
	text-decoration: underline;
	}
#pageNav li a:hover{
	color: #ff3;
	text-decoration: none;
	}

/* =3ページトップ、コンテンツトップに戻る
----------------------------- */
.pageTop{
	clear: both;
	padding-top: 1.4em;
	text-align: right;
	}
.pageTop a{
	padding-left: 11px;
	background: url(../images/base/icon_pagetop.gif) no-repeat 0 0.4em;
	}
.pageTop a:visited{
	color: #fff;
	}
/* コンテンツトップに戻る */
.returnCtop{
	margin-top: 2em;
	text-align: right;
	}

/* =4共通で使う指定
----------------------------- */
.clearBoth,
.button{ clear: both; }
.centering{ text-align: center; }
.textRight{ text-align: right; 	}
.textLeft{ text-align: left; }
.imgRight{ 
	float: right;
	margin-left: 1.6em;
	}
.imgLeft{
	float: left;
	margin-right: 1.6em;
	}
.imgRight,
.imgLeft{ margin-bottom: 1em; }
.imgRight img,
.imgLeft img{ margin-bottom: 0.4em;	}
/* ﾃｰﾌﾞﾙの左右マージン */
td.spaceLeft{ padding-left: 20px; }
td.spaceRight{ padding-right: 20px; }
/* 申し込み等のボタンマージン */
.button{
	padding: 1.5em 0;
	text-align: center;
	}
/* 三角形アイコン付きリンク */
.iconTlink a{
	padding-left: 12px;
	background: url(../images/base/icon_triangle.gif) no-repeat 0 0.3em;
	}

/* =5リストのスタイル
----------------------------- */
.standardList{
	margin-top: 1em;
	margin-bottom: 1em;
	line-height: 1.6;
	}
.standardList li{
	padding-left: 16px;
	background: url(../images/base/icon_yellow.jpg) no-repeat 0 0.5em;
	}

/* =6表の装飾
----------------------------- */
.standardTable th,
.standardTable td{
	padding: 0.3em 1em;
	border: 1px solid #5252a6;
	}
.standardTable th{
	background: #4242a6;
	}
.standardTable td{
	background: #1c1c79;
	}

/* =7各カテゴリトップのコンテンツメニュー背景
----------------------------- */
.contentsMenu{
	margin: 2em 0;
	padding-bottom: 7px;
	background: url(../images/common/bg_s_four_block_b.gif) no-repeat bottom left;
	}
.cmInner{
	background: url(../images/common/bg_s_four_block_m.gif) repeat-y top left;
	}
.cmInner td dl dd{
	clear: right;
	margin: 8px 15px 0 15px;
	}
.cmInner td dl dd img{
	float: right;
	margin-bottom: 0.4em;
	margin-left: 0.6em;
	}
.cmInner td dl dd.textRight img{
	border: none;
	}

/* =8見出しのスタイル
----------------------------- */
/* 上方ライン付き */
.mdsLine1{
	padding-top: 1.8em;
	border-top: 1px solid #48508d;
	}

/* =9コンテンツ2分割
----------------------------- */
.twoSectionR,
.twoSectionL{ width: 375px;	}
.twoSectionR{ float: right; }
.twoSectionL{ float: left; }

/* =10文字強調色
----------------------------- */
/* 写真のキャプション */
.caption{
	padding-top: 0.3em;
	line-height: 1.3;
	font-size: 84%;
	text-align: left;
	}
.emphasis,
.emphasis3{ font-size: 110%; }
.emphasis,
.emphasis3,
.emphasis4{ font-weight: bold; }
/* 濃い水色 */
.emphasis2{ color: #3cf; }
/* 薄い水色 */
.emphasis2,
.caption{ color: #cff; }
/* 薄い黄色 */
.emphasis3{ color: #ff9; }
/* 注意書き赤 */
.emphasis4{	color: #f66; }