@charset "utf-8";
/* C-DEC LIVE+RALLY LIBRARY vol.11以降のためのCSS 
まずはコンテンツ全てをdiv.livで囲むこと！
-----------------------------------------------------------*/

.liv{
	width:630px;
}

/* 共通で使うやつ（基本はこれだけでやること！）
----------------------------------------------------------- */

.liv clear{
	clear:both;
}

.liv .floatL{
	float:left;
}

.liv .floatR{
	float:right;
}


/* タイトル
------------------------------- */

.liv h3, 
.liv h4, 
.liv h5, 
.liv h6{
	font-size:150%;
	margin:25px 0 15px;
	font-weight:bold;
}

.liv h3.title3{
	border-bottom:2px solid #E9E9E9;
	padding:5px 0 5px 5px;
}

.liv h4.title4{
	color: #333333;
	background:transparent url(../img/bg_title3rd.gif) no-repeat scroll 0 0.2em;
	padding:0 0 0 15px;
}

.liv h5.title5{
	color:#FF9999;
	font-size:110%;
}

.liv h6.title6{
	color: #333333;
	font-size:110%;
}

/* 小タイトル（ちょっと目立たせたい）
------------------------------- */

.liv .orange{
	color: #FF9900;
	text-align:left;
	font-size:100%;
}

.liv p.title{
	color:#FF6699;
	font-weight:bold;
	font-size:105%;
}


/* 画像
------------------------------- */

.liv .imgL{
	float:left;
	margin:0 10px 10px 0;
}

.liv .imgR{
	float:right;
	margin:0 0 10px 10px;
}

/* カテゴリボックス
------------------------------- */

.liv div.box{
	margin:0 0 30px 0;
	clear:both;
}

/* width用
------------------------------- */

.liv .width2{
	width:200px;
}

.liv .width25{
	width:250px;
}

.liv .width3{
	width:300px;
}

.liv .width35{
	width:350px;
}

.liv .width4{
	width:400px;
}

.liv .width6{
	width:630px;
}

/* 枠線で囲む（色違いの作成はOK）
------------------------------- */

.liv .greenBox{
	padding:20px;
	border:3px solid #D1EC8B;
}

.liv .yellowBox{
	padding:20px;
	border:3px solid #FFFAD4;
}

/* 背景色をつける（色違いの作成はOK）
------------------------------- */

.liv div.colorO{
	background:#FED981;
	padding:5px;
}

.liv div.colorSB{
	background:#e5ebf7;
	padding:5px 10px;
}


/* リスト系をよく使う形にする
------------------------------- */

.liv ul.inline li{
	float:left;
	padding:5px 10px 5px 5px;
}

.liv dl.inline dt{
	float:left;
	clear:left;
	padding:5px 0;
	width:9em;
}

.liv dl.inline dd{
	padding:5px 5px 5px 9em;
}


.liv dl.inline2 dt{
	float:left;
	clear:left;
	padding:5px 0;
	width:20em;
}

.liv dl.inline2 dd{
	padding:5px 5px 5px 20em;
}


.liv dl.inline3 dt{
	float:left;
	clear:left;
	padding:5px 0;
	width:5em;
}

.liv dl.inline3 dd{
	padding:5px 5px 5px 5em;
}

.liv dl.inline4 dt{
	float:left;
	clear:left;
	padding:5px 0;
	width:12em;
}

.liv dl.inline4 dd{
	padding:5px 5px 5px 12em;
}

/* リストの装飾をする */

.liv ul.listDisc li{
	background:url(../img/icon_arw_blue.gif) no-repeat 0 0.6em;
	padding:0 0 5px 15px;
}

.liv ul.rice li{
	margin-left:1em;
	text-indent:-1em;
}

/* ラインをつける */

.liv ul.line li, 
.liv dl.line dd{
	border-bottom:1px dotted #CCCCCC;
}


/* 強調する */

.liv ul.strong li{
	width:250px;
	padding:6px 10px;
	margin:5px 10px;
	background: #66CCFF;
}

/* テーブル（体験入学用）
------------------------------- */

.liv table{
	border-collapse:collapse;
	border:1px solid #333333;
}

.liv table thead tr th{
	border-bottom:1px solid #333333;
}

.liv table tr th, 
.liv table tr td{
	padding:3px;
	border:1px dotted #333333;
}

.liv table tr th, 
.liv table tr td{
	padding:5px;
	border-bottom:1px solid #333333;
}

.liv table tr th{
	vertical-align:middle;
	text-align:center;
}

.liv table tr th{
	background: #FFFFCC;
	color:#333333;
}

/*----- clearfix scheme -----*/
.liv div, 
.liv ul{
	display: inline-block;
}
.liv div:after, 
.liv ul:after{
	height: 0;
	visibility: hidden;
	display: block;
	content: ".";
	clear: both;
	line-height: 0;
}
/*MacIE \*/
* html .liv div, 
* html .liv ul{
	height: 1em;
}
.liv div, 
.liv ul{
	display: block;
}
/* initialization for clearfix */