@charset "UTF-8";

@import "../css/common_con.css";
@import "../css/related.css";

/*-----------------------*/

#contents{
	padding-bottom: 40px;
	margin: 7px 0 20px 0;
	min-height: 380px;
}

/*-----------------------*/
/* 事例紹介 大見出し */

#banner{
	padding: 11px 0 5px 15px;
	margin-top: 10px;
	background-image: url(../img/bg_top.png);
	background-repeat: repeat-x;
	background-position: top;
	border: solid 1px #AAAAAA;
}

/*-----------------------*/
/* 記事リスト */

div.article{
	position: relative;
	width: 610px;
	min-height: 149px;
	margin: 0 0 15px 10px;
}
div.article h3{
	position: absolute;
	top: 65px;
	width: 430px;
	padding: 0 10px;
	margin-bottom: 10px;
	left: 160px;
	font-size: 14px;
}
div.article dl{
	width: 440px;
	padding: 10px 0 10px 10px;
	margin-left: 160px;
	background-color: #EEEEEE;
}
div.article dd{
	font-weight: bold;
}
div.article img.symbol{
	position: absolute;
	top: 0;
	left: 0;
	border: solid 1px #AAAAAA;
}
div.article p.tag{
	position: absolute;
	right: 0;
	bottom: 0;
	width: 430px;
}

/*-----------------------*/
/* 関連項目 */

#connect{
	position: absolute;
	top: 0;
	left: 0;
	width: 200px;
}

#connect h3{
	padding: 5px 0 5px 10px;
	margin-bottom: 10px;
	border-left: solid 5px #A80000;
	background-color: #DBD6C1;
	font-size: 12px;
}

#connect dl{
	width: 188px;
	margin: 0 0 10px 5px;
	border: solid 1px #AAAAAA;
	background-color: #FFFFFF;
}
#connect dt{
	width: 160px;
	padding: 7px 0 7px 24px;
	margin: 2px;
	background-color: #EFEDE7;
	background-image: url(../img/connect_icon.png);
	background-repeat: no-repeat;
	background-position: 5px center;
}
#connect dd{
	padding: 7px;
	font-size: 10px;
}

#contents h3.relat_head{
	padding-top: 40px;
	margin: 0 15px 10px 20px;
	font-size: 12px;
	font-weight: bold;
	border-bottom: solid 2px #666666;
	clear: both;
}

/*-----------------------*/
/* 左メニュー */

li.case01{
	width: 144px;
	padding: 5px 0 5px 30px;
	background-image: url(../cases/img/case01.png);
	line-height: normal;
}
li.visit01 { background-image: url(../cases/img/case01_visit.png); }

li.case02{
	width: 144px;
	padding: 8px 0 8px 30px;
	background-image: url(../cases/img/case02.png);
	line-height: normal;
}
li.visit02 { background-image: url(../cases/img/case02_visit.png); }

li.case03{
	width: 144px;
	padding: 8px 0 8px 30px;
	background-image: url(../cases/img/case03.png);
	line-height: normal;
}
li.visit03 { background-image: url(../cases/img/case03_visit.png); }

li.case04{
	width: 144px;
	padding: 8px 0 8px 30px;
	background-image: url(../cases/img/case04.png);
	line-height: normal;
}
li.visit04 { background-image: url(../cases/img/case04_visit.png); }

li.case05{
	width: 144px;
	padding: 8px 0 8px 30px;
	background-image: url(../cases/img/case05.png);
	line-height: normal;
}
li.visit05 { background-image: url(../cases/img/case05_visit.png); }

li.case06{
	width: 144px;
	padding: 8px 0 8px 30px;
	background-image: url(../cases/img/case06.png);
	line-height: normal;
}
li.visit06 { background-image: url(../cases/img/case06_visit.png); }

li.case07{
	width: 144px;
	padding: 8px 0 8px 30px;
	background-image: url(../cases/img/case07.png);
	line-height: normal;
}
li.visit07 { background-image: url(../cases/img/case07_visit.png); }

li.case08{
	width: 144px;
	padding: 8px 0 8px 30px;
	background-image: url(../cases/img/case08.png);
	line-height: normal;
}
li.visit08 { background-image: url(../cases/img/case08_visit.png); }

li.case09{
	width: 144px;
	padding: 8px 0 8px 30px;
	background-image: url(../cases/img/case09.png);
	line-height: normal;
}
li.visit09 { background-image: url(../cases/img/case09_visit.png); }

/*-----------------------*/
/* 右コンテンツ */

#background, #proposal, #effect{ position: relative; }


/* タイトル==========*/
div.heading {	margin: 15px 0 0 10px; }
div.logo img{
	position: absolute;
	top: 15px;
	right: 15px;
	border: solid 1px #AAAAAA;
}

/* 見出し==========*/
#contents h2{
	padding: 12px 0 6px 15px;
	background-image: url(../img/bg_top.png);
	background-repeat: repeat-x;
	background-position: top;
	border: solid 1px #AAAAAA;
}

#contents h3.subhead{
	padding: 3px 0 3px 10px;
	margin: 35px 0 0 10px;
	border-top: solid 1px #227786;
	background-color: #EEEEEE;
}

#contents h4.subsubhead{
	padding-left: 5px;
	margin: 35px 0 5px 30px;
	border-left: solid 5px #227786;
	color: #227786;
	font-size: 12px;
}

#contents h4.subsubhead_float{
	padding-left: 5px;
	margin: 35px 0 5px 200px;
	border-left: solid 5px #227786;
	color: #227786;
	font-size: 12px;
}

#contents h5{
	margin: 20px 0 3px 50px;
	font-size: 12px;
}

/* 段落==========*/
#contents p{
	margin: 0 0 12px 50px;
	padding-right: 20px;
}

#contents p.directy{
	margin: 15px 0 0 30px;
}

/* 画像==========*/
dl.people{
	float: right;
	padding: 7px;
	margin: 0 30px 10px 20px;
	background-color: #EEEEEE;
}
dl.people_left{
	float: left;
	padding: 7px;
	margin: 0 15px 20px 50px;
	background-color: #EEEEEE;
}
dl.mag_top{
	margin-top: 20px;
}

dl.people dt, dl.people_left dt{
	text-align: center;
}
dl.people dd, dl.people_left dd{
	font-size: 10px;
	text-align: center;
	line-height: normal;
}

dl.image{
	float: right;
	padding: 7px;
	margin: -5px 10px 10px 10px;
}
dl.image dt{
	text-align: center;
}
dl.image dd{
	font-size: 10px;
	text-align: center;
	line-height: normal;
}

dl.image_left{
	float: left;
	padding: 7px;
	margin: -5px 10px 10px 45px;
}
dl.image_left dt{
	text-align: center;
}
dl.image_left dd{
	font-size: 10px;
	text-align: center;
	line-height: normal;
}

dl.image_center{
	padding: 7px;
	margin: -5px 0 10px ;
	text-align: center;
}
dl.image_center dd{
	font-size: 10px;
	line-height: normal;
}

p.img_center{
	text-align: center;
	padding: 20px 0;
	margin: 0;
}

dl.line_left{
	width: 270px;
	float: left;
	margin: 15px 0 20px 50px;
}
dl.line_right{
	width: 270px;
	float: right;
	margin: 15px 20px 20px 0;
}
dl.line_left dd, dl.line_right dd{
	font-size: 10px;
	text-align: center;
}

/* プロフィール==========*/

div.profile{
	position: relative;
	padding: 20px;
	margin: 0 30px 10px 50px;
	background-color: #EEEEEE;
}

div.profile h4{
	font-size: 14px;
	margin-bottom: 10px;
}

div.profile p{
	position: absolute;
	top: 10px;
	right: 0;
}

div.profile dt{
	width: 5em;
	margin-bottom: 5px;
	float: left;
	clear: both;
}

div.profile dd{
	margin-bottom: 5px;
}
div.profile dd.sub{
	margin-left: 5em;
}

/* 特殊==========*/

#contents dl.commentary{
	margin: 0 10px 15px 50px;
}
dl.commentary dd{
	margin:  0 0 5px 2em;
	font-size: 10px;
	line-height: normal;
}

dl.wiring{
	float: left;
	margin: -85px 10px 10px 50px;
}
dl.wiring dd{
	font-size: 10px;
	text-align: center;
	line-height: normal;
}
#contents h4.wiring{
	margin-bottom: 100px;
}

img.restrict{
	display: block;
	width: 480px;
	margin: 20px auto 20px auto;
	border: solid 1px #AAAAAA;
}

#contents p.case02_imgae{
	width: 330px;
}

dl.case02_image_right{
	position: absolute;
	right: 20px;
	bottom: -5px;
}
dl.case02_image_right dd{
	font-size: 10px;
	text-align: center;
	line-height: normal;
	margin-bottom: 10px;
}

div.before_after{
	position: relative;
	clear: both;
	margin-left: 40px;
	padding-right: 20px;
	background-image: url(../cases/img/case09/arrow.png);
	background-repeat: no-repeat;
	background-position:  268px center;
}

div.before_after dl{
	width: 260px;
}

div.before_after dl.after{
	position: absolute;
	top: 0;
	right: 20px;
}

div.before_after dd{
	text-align: center;
	font-weight: bold;
}