@charset "utf-8";
/* CSS Document */

/*~~~~~~~~~~~~~~~~~~~~~
//    left-column
//
~~~~~~~~~~~~~~~~~~~~~*/
#left-column { width:650px !important; padding-bottom:30px;}

#left-column h2 { margin:15px 0 20px 0}

	/* 一覧画面 */
	.list-wrapper { border:solid 1px #999; padding:8px 10px 8px 8px; margin-bottom:10px; height:auto; clear:both}
	.list-wrapper img { float:left; margin:0; border:solid 1px #999;}
	
	.doc-details { float:right; width:485px; font-size:92%;}
	.doc-details h3 {
		height:22px;
		border-bottom: solid 1px #053871;
		background:url(../ex/img/anchor.gif) no-repeat 1px 3px;
		padding:0 0 0 15px; margin:0;
		font-weight:bold;letter-spacing:1px; font-size:122%;
		}
	.doc-details h3 span { color:#C00}	
	.doc-details .link-to-details { text-align:right; height:20px; margin:-20px 0 10px 0; padding:0 2px 0 0;}
	.doc-details .link-to-details a { padding:0 0 0 15px; background:#fff url(../img/arrow-d.gif) no-repeat 0 4px}
	.doc-details .charge { text-align:right; width:300px; margin-top:-20px}
	
	.doc-details sup {vertical-align:text-top;}
	.doc-details li { padding-bottom:2px}


	/* 詳細画面 */
	.details h3 {
		border-bottom: dotted 1px #053871; padding:0 5px 1px 120px; margin:0 0 5px 0;
		background:url(../ex/img/reform-theme.gif) no-repeat 1px 2px;
		font-weight:bold; font-size:122%; min-height:21px;}

	.details .name { text-align: right ; font-size:92%; margin-bottom:10px}
	
	.details #photo-wrapper { border: solid 1px #999;margin-bottom:15px; padding:12px 9px; height:100%;}
	
		
		/* 詳細 */
		.details #photo-wrapper .layout-left { width:250px}
		.details #photo-wrapper .layout-left ul { margin-bottom:15px;}	
		.details #photo-wrapper .layout-left li { background: url(../img/arrow.gif) no-repeat 7px 5px; padding:0 0 0 20px;font-size:92%;}
		.details #photo-wrapper p { font-size:92%; margin-left:5px}

		/* サムネイル */
		.details #photo-wrapper .layout-right { width:380px}

		.details #photo-wrapper h4 {
			border-left: solid 5px #053871; border-bottom: solid 1px #053871;
			padding:1px 0 3px 5px; margin:0 7px 5px 0; clear:both;
			font-weight:bold; letter-spacing:1px; font-size:107%;
			}

	/* 施工図面 */
	.details #plan-wrapper {
		border: solid 1px #999; height:100%;
		background: url(../ex/img/arrow.gif) no-repeat center 220px;
		padding:10px; margin-bottom:15px;
		}
	.details #plan-wrapper h4 { background:#999; color:#fff; padding:3px 8px; margin-bottom:15px;}
	.details #plan-wrapper h5 { background: url(../img/arrow.gif) no-repeat 1px 4px; padding:0 0 0 12px;font-size:92%; margin-bottom:5px}
	.details #plan-wrapper span { border:solid 1px #999; display:inline-block}
	.details #plan-wrapper .layout-left { width:302px}
	.details #plan-wrapper .layout-right { width:302px}

/*~~~~~~~~~~~~~~~~~~~~~
//    right-column
//
~~~~~~~~~~~~~~~~~~~~~*/
#right-column { width:230px !important;}