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

このスタイルは、「プロフェッショナルサービス」のページのスタイルです。

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

#contents.service .main_contents {
	background:url(../img/common/bg.gif) repeat-y ;
	margin-top:15px;
}
#contents.service #sub {
	background:#F6F6F6;
	text-align:center;
	padding:0px 0px 0px 0px;
	margin-bottom:2px;
}
#contents.service #sub h2 {
	background:none;
	margin:0;
	padding:0px;
	text-align:left;
}
#contents.service #sub .menu {
	text-align:left;
}
#contents.service #sub .menu li{
	background:url(../service/img/arrow_gray.gif) no-repeat 4px 5px;
	border-bottom:solid 1px #fff;
}
#contents.service #main {
	float:right;
	width:758px;
	margin:0px 0px 90px 0px;
}
#contents.service #main p.discription{
	padding-top:20px;
	margin:auto auto 20px 30px;
}
#contents.service #main .box{
	width:354px;
	border:solid #F6F6F6 4px;
	padding:5px;
	font-size:90%;
	position:relative;
	float:left;
	margin-right:12px;
	margin-bottom:12px;
}
#contents.service #main .box.r{
	margin-right:0px;
}
#contents.service #main .box h2{
	margin-bottom:5px;
}
#contents.service #main .box .left{
	float:left;
	margin-right:10px;
	width:126px;
}
#contents.service #main .box .right{
	float:left;
	width:210px;
	padding-right:5px;

}
#contents.service #main .box .right .arrow{
	position:absolute;
	right:15px;
	bottom:10px;
}
#contents.service #main.contents {
	text-align:center;
}
#contents.service #main.contents dl dd p img{
	padding:1.2em;
}
#contents.service #main.contents dl dd ul{
	margin-left:40px;
	margin-bottom:1em;
}
#contents.service #main.contents dl dd ul li{
	list-style:disc;
}
#contents.service #main.contents dl dd ol{
	margin-left:45px;
	margin-bottom:1em;
}
#contents.service #main.contents dl dd ol li{
	list-style:decimal;
}
#contents.service #main.contents dl dd p{
	padding-bottom:1em;
}
#contents.service #main.contents h2{
	margin-bottom:40px;
	padding-top:20px;
	_margin-left:20px;
}
#contents.service #main.contents.architects h3{
	background:#999999;
	color:#fff;
	font-weight:normal;
	margin:0px 0px 40px 0px;
	width:630px;
	padding:1px 10px 1px 10px;
}
#contents.service #main.contents h3{
	text-align:left;
	margin:auto auto 10px 70px;
}
#contents.service #main.contents h4{
	background:#999999;
	text-align:left;
	color:#fff;
	margin-bottom:4px;
	padding:1px 8px;
	font-weight:normal;
}
#contents.service #main.contents h5{
	font-weight:normal;
}
#contents.service #main.contents .address{
	width:440px;
	border:solid 1px #ccc;
	padding:10px 30px;
	margin:0 auto 35px 120px;
	text-align:left;
}
#contents.service #main.contents .article,
#contents.top #main.contents .article{
	margin-bottom:40px;
}
#contents.service #main.contents .article .listContentArea .statusArea,
#contents.top #main.contents .article .listContentArea .statusArea{
	width:340px;
}
#contents.service #main.contents .article.form .listContentArea th.statusArea,
#contents.top #main.contents .article.form .listContentArea th.statusArea {
	width:150px;
}

#contents.service #main.contents .listContentArea table td.order{
	border-right:none;
	border-left:1px solid #CCCCCC;
	vertical-align:middle;
	width:54px;
}
#contents.service #main.contents .listContentArea table td.noborder{
	border-right:none;
}
#contents.service #main.contents .article.form textarea.message{
	font-size:88%;
	line-height:160%;
}
#contents.service #main.contents .txtright{
	margin-right:80px;
}
#contents.service #main.contents .article.form .centerTextArea{
	text-align:center;
	padding-top:40px;
	margin-bottom:40px;
	margin-left:0;
}
#contents.service #main.contents .article.form .centerTextArea img{
	padding-right:20px;
}
#contents.service #main.contents .article .listContentArea th{
	width:80px;
}
#contents.service #main.contents .article .listContentArea li{
	line-height:140%;
	text-align:left;
	padding:0px 0px;
}
#contents.service #main.contents .address h4{
	background:none;
	padding-left:0px;
}
#contents.service #main.contents .article{
	margin:0 auto;
	width:620px;

}

#contents.service #main.contents .article .listContentArea {
	margin-bottom:40px;
}

#contents.service #main.contents .article .listContentArea th,
#contents.service #main.contents .article .listContentArea td{
	line-height:1.4;
}

#contents.service #main.contents .article p.arrow{
	text-align:right;
	margin-bottom:5px;
}
#contents.service #main.contents .article p.arrow a{
	background:url(../service/img/arrow_blue.gif) no-repeat 0 2px;
	padding-left:20px;
	text-decoration:none;
}
#contents.service #main.contents p.arrowpdf{
	text-align:right;
	padding-right:60px;

}
#contents.service #main.contents p.arrowpdf span{
	background:url(../service/img/arrow_blue.gif) no-repeat 2px 2px;
	padding-left:20px;

}
#contents.service #main.contents .discription{
	text-align:left;
	margin-left:70px;
	padding:0px;
}
.listContentArea .statusArea.none {
  border-right: none;
}
#contents.service .listContentArea th, 
#contents.service .listContentArea td {
  padding: 0 10px;
  vertical-align: top;
}
#contents.service .listContentArea .statusArea th{
 padding: 0 10px;
}
#contents.service #main.contents .howbox{
	width:600px;
	border:1px solid #ccc;
	padding:10px 17px ;
	margin:50px auto;
	background:url(../service/img/bg_shade.jpg) repeat-x bottom;
	text-align:center;
	clear:both;
}
#contents.service #main.contents .howbox.magazine{
	text-align:left;
}
#contents.service #main.contents .howbox.magazine h3{
	margin:5px 0 12px 0;
	padding:0px;
	font-weight:bold;
	background:none;
	color:#333;
}
#contents.service #main.contents .howbox.magazine p {
	text-align:left;
}
#contents.service #main.contents .howbox.magazine p.arrow{
	text-align:right;
	margin-bottom:5px;
	margin-top:10px;
}
#contents.service #main.contents .howbox.magazine p.arrow a{
	background:url(../service/img/arrow_blue.gif) no-repeat 0 2px;
	padding-left:20px;
	text-decoration:none;
}
#contents.service #main.contents p.go_list.maga{
	margin-top:20px;
	font-size:83%;
}
#contents.service #main.contents .howbox .btbox{
	width:240px;
	background:#fff;
	border:1px solid #ccc;
	padding:10px;
	text-align:center;
	float:left;
	margin-right:20px;
	margin-bottom:10px;
	height:90px;
}

#contents.service #main.contents .howbox .btbox p{
	text-align:left;
	font-size:88%;
}
#contents.service #main.contents .howbox .wrapperbox{
	margin-left:30px;
}
#contents.service #main.contents .howbox .wrapperbox h4{
	background:none;
	margin:0 auto 3px 0px;
	text-align:left;
	padding:0;
}
#contents.service #main.contents .howbox .wrapperbox p{
	margin-bottom:6px;
}
#contents.service #main.contents h3{
	margin:10px auto 10px 50px;
	text-align:left;
}


/*　JIAの機関誌、書籍紹介
--------------------------------*/

#contents.service #main.contents p.discription{
	margin:10px auto 20px 50px;
	text-align:left;
}

#contents.service #main.contents .bookbox{
	text-align:left;
	width:620px;
	margin:0 auto;
	padding:20px 0px 20px 0px;
	border-bottom:solid 1px #ccc;
	clear:both;
}

#contents.service #main.contents .bookbox p.left img{
	border:solid 1px #ccc;
	margin-bottom:15px;
}
#contents.service #main.contents .bookbox p.left span img {
	border:none;
}
#contents.service #main.contents .bookbox a{
	text-decoration:none;
}
#contents.service #main.contents .bookbox a:hover{
	text-decoration: underline;
}
#contents.service #main.contents .bookbox.top{
	border-top:solid 1px #ccc;
}
#contents.service #main.contents .bookbox .left{
	padding-left:20px;
	margin-right:20px;	
}
#contents.service #main.contents .bookbox.detail{
	border:none;
	margin:0 auto 40px auto;
}
#contents.service #main.contents .bookbox.detail .left{
	padding-left:0px;
	margin-right:20px;
	display:inline;
	width:180px;
	border:none;
}
#contents.service #main.contents .bookbox.detail h3{
	margin:10px auto 40px 0px;

}
#contents.service #main.contents.architects .bookbox.detail .left p img{
	border:solid 1px #ccc;
}
#contents.service #main.contents .bookbox.detail .left p img{
	border:solid 1px #ccc;
}
#contents.service #main.contents .bookbox .right{
	width:470px;
	float:right;
}
#contents.service #main.contents .bookbox.detail .right{
	width:400px;
	float:right;
}
#contents.service #main.contents .bookbox .right h3{
	text-align:left;
	color:#1F60A9;
	font-size:14px;
	margin:0 0 10px 0;
}
#contents.service #main.contents .bookbox .right h3 a{
	color:#1F60A9;

}
*:first-child+html #contents.service #main.contents .bookbox.detail .right p{
	width:370px;
}
#contents.service #main.contents .bookbox .right .value{
	background:url(../service/img/value.gif) no-repeat 0 4px;
	padding-left:50px;
	margin-bottom:10px;
}
#contents.service #main.contents table.bookpage{
	clear:both;
	width:620px;
	margin-top:3px;
	margin-left:70px;
	vertical-align:middle;
	margin-bottom:70px;
}
#contents.service #main.contents table.bookpage td.center{
	text-align:center;
}
#contents.service #main.contents table.bookpage td.txtright{
	text-align:right;
}
#contents.service #main.contents table.bookpage td.txtleft{
	text-align:left;
}
#contents.service #main.contents table.bookpage a{
	text-decoration:underline;
}
#contents.service #main.contents h3.title{
	background:#999999;
	color:#fff;
	font-weight:normal;
	margin:0 auto;
	width:620px;
	padding:1px 0px 1px 10px;
}
#contents p.go_list{
	clear:both;
	margin-top:80px;
	text-align:center;
	margin-bottom:50px;
}
#contents p.go_news{
	clear:both;
	margin-top:40px;
	text-align:right;
	margin-bottom:50px;
}
#contents p.go_news a{
	background:url(../service/img/arrow_gray.gif) no-repeat 0 3px;
	padding-left:17px;
}

#contents p.go_news img{
	padding-bottom:4px;
}

/* JIAの機関誌　一覧
------------------------------------ */

#contents.service #main.contents table.architects{
	width:630px;
	margin:0 auto 60px auto;
}
#contents.service #main.contents table.architects th,
#contents.service #main.contents table.architects td{
	border-bottom:solid 1px #ccc;
	padding:7px 5px;
	font-weight:normal;
}
#contents.service #main.contents table.architects th{
	white-space:nowrap;
}
#contents.service #main.contents table.architects td.number{
	width:125px;
	vertical-align:middle;
}
#contents.service #main.contents table.architects td.theme{
	width:340px;
	text-align:left;
}
#contents.service #main.contents table.bookpage.arc img{
	padding:10px 10px 0px 10px;
}

#contents.service #main.contents p.text{
	font-size:80%;
	text-align:right;
}


/* 書籍系の詳細ページ 
------------------------------------*/

#contents.service #main.contents .bookbox h3 .title{
	float:left;
	width:400px;
}
#contents.service #main.contents .bookbox h3 .number{
	float:right;
	width:190px;
	text-align:right;
}

#contents.service #main.contents .bookbox .right.magazine h4{
	background:none;
	margin:0;
	padding:0px;
	margin-bottom:20px;
}
#contents.service #main.contents .bookbox .right.magazine h5{
	margin-bottom:5px;
	padding:0;
}
#contents.service #main.contents .bookbox .right.magazine p{
	text-align:left;

	margin-bottom:20px;
}
#contents.service #main.contents .bookbox .right.magazine p.news{
	text-align:left;
	font-size:100%;
	line-height:160%;
}
#contents.service #main.contents .bookbox .right.magazine p.news a{
	text-decoration:underline;
}
#contents.service #main.contents .bookbox p.arrow{
	background:url(../img/common/arrow_maru.gif) no-repeat 0 14px;
	padding-left:15px;
	margin-left:5px;
	padding-top:10px;
}
#contents.service #main.contents dl {
	width:620px;
	margin:0 auto 5px auto;
	text-align:left;
}
#contents.service #main.contents dl dt{
	background:url(../service/img/arrow_blue.gif) no-repeat 5px 13px;
	padding-left:25px;
	padding-top:10px;
	padding-bottom:6px;
}
#contents.service #main.contents dl dd{
	padding-left:25px;
	border-bottom:1px solid #666600;
	padding-bottom:10px;
	padding-right:10px;
}
#contents.service #main.contents dl .small{
	font-size:74%;
}
#contents.service #main.contents table.report{
	width:620px;
	margin:20px auto 60px auto;
	text-align:right;
}
#contents.service #main.contents table.report td{
	border:solid 1px #666;
	padding:3px;
		vertical-align:middle;
	height:40px;
}
#contents.service #main.contents table.report td.title{
	text-align:left;
		height:40px;
		vertical-align:middle;
}
#contents.service #main.contents table.report td.nodate{
	text-align:center;
	vertical-align:middle;
}
#contents.service #main.contents table.report th{
	text-align:center;
	border:solid 1px #666;
	background:#E4EBF7;
	padding:3px;
}
#contents.service #main.contents .education_box{
	margin-left:70px;
	text-align:left;
}
#contents.service #main.contents .education_box h3.title{
	width:420px;
	margin:0 0 20px 0px;
}
#contents.service #main.contents .education_box ul{
	margin-left:15px;
	margin-bottom:30px;
	line-height:165%;
}
#contents.service #main.contents .education_box ul li{
	background:url(../service/img/arrow_mini.gif) no-repeat 0 6px;
	padding-left:14px;
}
#contents.service #main.contents .education_box .left_box{
	width:440px;
	margin-right:50px;
	float:left;
}
#contents.service #main.contents .education_box .left_box p{
	margin-bottom:40px;
}
#contents.service #main.contents .education_box p.right{
	float:left;
}
#contents.service #main.contents table.btdouble{
	
}
#contents.service #main.contents table.btdouble a{
	background:none;
	padding:0;	
}
#contents.activity #main.contents table.redtable {
	width:600px;
	border:1px solid #F93;
	margin:0px auto 20px auto;
}
#contents.activity #main.contents table.redtable td{
	padding:10px;
}

/* ウェルカムオフィス
------------------------------------*/

#contents.service #main.contents .welcome_inner {
	margin-top: 20px;
	margin-left: 8px;
	text-align: left;
}

#contents.service #main.contents .welcome_inner h2 {
	margin: 0 0 15px 0;
}

#contents.service #main.contents .welcome_box {
	margin-bottom: 45px;
}

#contents.service #main.contents .welcome_box .text_box {
	width: 420px;
	padding-top: 35px;
	float: left;
}

#contents.service #main.contents .welcome_box .img_box {
	padding-left: 449px;
}

#contents.service #main.contents .welcome_box .text_box .welcome_title_01 {
	margin-bottom: 30px;
}

#contents.service #main.contents .welcome_box .text_box .welcome_title_02 {
	margin-bottom: 10px;
}

#contents.service #main.contents .list .contents_01 {
	width: 115px;
	height: 200px;
	float:left;
}

#contents.service #main.contents .text-area p,
#contents.service #main.contents .text-area ul {
	width: 700px;
	padding: 0 20px 35px;
}

#contents.service #main.contents .text-area h3.title {
	width: 700px;
	margin: 0 15px 10px 0;
	padding:1px 10px 1px 10px;
	background:#999999;
	color:#fff;
	font-weight:normal;
}

#contents.service #main.contents .text-area .welcome_pdf {
	padding-left: 14px;
	background: url(../service/img/arrow_mini.gif) no-repeat 0 6px;
}

#contents.service #main.contents .text-area ul li {
    text-indent: -14px;
    padding-left: 14px;
}