/* ===================================================================
CSS information

このスタイルは、「CPDインフォメーション」のページのスタイルです。

BODYのID名前は、「#contents.cpd」にしました。
=================================================================== */

#contents.cpd .main_contents {
	background:url(../img/common/bg.gif) repeat-y ;
}

/* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝

左側メニュー

＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */

#contents.cpd #sub {
	background:#F6F6F6;
	text-align:center;
	padding:0px 0px 0px 0px;
	margin-bottom:2px;
	text-align:left;
}
#contents.cpd #sub h2 {
	background:none;
	margin:0;
	padding:0px;
	text-align:left;
}
#contents.cpd #sub .menu {
	margin-bottom:0px;
}
#contents.cpd #sub li {
	border-bottom:solid 1px #fff;
}

/* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝

コンテンツ 

＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
#contents.cpd #main {
	float:right;
	width:687px;
	margin:0 40px 60px 47px;
	padding:0;
	display:inline;
}
#contents.cpd #main h2 {
	margin-bottom:35px;
	padding-top:15px;
}

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

#contents.cpd #main.top {
}

/* トップページ　CPDとは */
#contents.cpd #main.top .aboutCpd{
	margin-left:23px;
	width:652px;
}
#contents.cpd #main.top .aboutCpd h3{
	margin-bottom:20px;
}
#contents.cpd #main.top .aboutCpd .description{
	width:560px;
	float:left;
	margin-bottom:20px;
}
#contents.cpd #main.top .aboutCpd .more-cpd{
	float:right;
	padding-top:95px;
	width:60px;
}
#contents.cpd #main.top .cpd-manual{
	clear:both;
	margin-left:460px;
	background:url(/qualify/cpd/img/arrow_glay_sq.gif) no-repeat left center;
	padding-left:17px;
	margin-bottom:55px;
}
#contents.cpd #main.top .cpd-manual a{
	text-decoration:none;
}

/* トップページ　受講生など各入口 */
#contents.cpd #main.top .entryArea {
	width:100%;
}
#contents.cpd #main.top .entryArea .left,
#contents.cpd #main.top .entryArea .right{
	width:320px;
	padding:6px;
	height:260px;
	border:1px #CCCCCC solid;
	margin-bottom:25px;
}
#contents.cpd #main.top .entryArea .left .title{
	background:#FFFFCC;
	padding:8px 0 8px 17px;
	width:303px;
	margin-bottom:15px;
}
#contents.cpd #main.top .entryArea .right .title{
	background:#E5F2BD;
	padding:8px 0 8px 17px;
	width:303px;
	margin-bottom:15px;
}
#contents.cpd #main.top .entryArea h4{
	margin-bottom:7px;
}
#contents.cpd #main.top .entryArea .entryBt{
	text-align:center;
	padding-top:10px;
}
#contents.cpd #main.top .entryArea ul {
	margin-left:15px;
}
#contents.cpd #main.top .entryArea li {
	background:url(/qualify/cpd/img/arrow_glay_sq.gif) no-repeat 0 3px;
	padding-left:17px;
	margin-bottom:4px;
}
#contents.cpd #main.top .entryArea li a{
	text-decoration:none;
}
#contents.cpd #main.top .entryArea li a:hover{
	text-decoration:underline;
}
#contents.cpd #main.top .entryArea li span{
	font-size:86%;
}

/* トップページ　CPDからのお知らせ */

#contents.cpd #main.top .cpdInfo {
	clear:both;
	border:4px solid #F6F6F6;
	width:672px;
	padding:4px 3px 4px 4px;
	margin-bottom:20px;
}
#contents.cpd #main.top .cpdInfo h4{
	margin-bottom:10px;
}
#contents.cpd #main.top .cpdInfo dl {
	overflow:hidden;
	margin-left:13px;
	line-height:120%;
}
#contents.cpd #main.top .cpdInfo dl dt{
	background:url(/qualify/cpd/img/arrow_glay_en.gif) no-repeat 0 6px;
	padding:3px 3px 3px 16px;
	float:left;
	clear:both;
}
#contents.cpd #main.top .cpdInfo dl dd{
	padding:3px 3px 3px 90px;
}
#contents.cpd #main.top .cpdInfo dl dd a:hover{
	text-decoration:underline;
}
#contents.cpd #main.top .cpdInfo .btMore{
	clear:both;
	text-align:right;
	margin-right:16px;
	margin-bottom:4px;
}
#contents.cpd #main.top .caution{
	margin-left:20px;
}

/* CPDとは
------------------------------------------ */

#contents.cpd #main.about {
}
#contents.cpd #main.about div.textArea {
	margin-left:25px;
}
#contents.cpd #main.about div.textArea h3{
	background:#E7E7E7;
	color:#666666;
	padding:6px 10px;
	line-height:120%;
	margin-bottom:18px;
}
#contents.cpd #main.about div.textArea p {
	margin-bottom:28px;
}
#contents.cpd #main.about div.linkArea {
	margin-left:266px;
	padding-top:30px;
}
#contents.cpd #main.about div.linkArea p {
	background:url(/qualify/cpd/img/arrow_glay_sq.gif) no-repeat 0 3px;
	padding-left:17px;
	margin-bottom:6px;
}

/* お知らせCMS */
#contents.cpd #main.about .textarea {
}
#contents.cpd #main.about .textarea h3.eventtitle {
	margin-bottom:40px;
}
#contents.cpd #main.about .textarea p{
	margin-bottom:1em;
}
#contents.cpd #main.about .textarea div{
	padding:20px 0;
}

#page #contents.cpd #main.about .textarea p img{
	padding:1.2em;
}
#page #contents.cpd #main.about .textarea ul{
	margin-left:40px;
	margin-bottom:1em;
}
#page #contents.cpd #main.about .textarea ul li{
	list-style:disc;
}
#page #contents.cpd #main.about .textarea ol{
	margin-left:45px;
	margin-bottom:1em;
}
#page #contents.cpd #main.about .textarea ol li{
	list-style:decimal;
}

/* 「JIA 建築家architects」 CPDシリーズ
------------------------------------------ */

#contents.cpd #main.architects {
}
#contents.cpd #main.architects th,
#contents.cpd #main.architects td{
	vertical-align:top;
}
#contents.cpd #main.architects th {
	white-space:nowrap;
	border-right: solid 1px #dadada;
}


#contents.cpd #main.about .newsbox{
	border:4px solid #F6F6F6;
	width:671px;
	padding:5px;
}
#contents.cpd #main.about .newsbox dl {
	overflow:hidden;
	margin:0 auto;
	width:640px;
}
#contents.cpd #main.about .newsbox dt{
background:url(../member/img/arrow_maru01.gif) no-repeat 8px 10px;
	line-height:140%;
	padding-top:5px;
	padding-bottom:5px;
	clear: left;
	float: left;
	display:block;
}
#contents.cpd #main.about .newsbox dl dd{
	border-bottom:1px solid #dadada;
	line-height:140%;
	padding-top:5px;
	padding-bottom:5px;
}

#contents.cpd .newsbox table.bookpage{
	clear:both;
	width:620px;
	margin-left:0px;
	vertical-align:middle;
	margin:40px auto 10px auto;
}
#contents.cpd .newsbox table.bookpage a{
	text-decoration:underline;
}
#contents.cpd #main .newsbox h3{
	padding:0px;
	margin: 0 0 25px 0;
}