@charset "UTF-8";

/* ///////////////////////////////////////////////
【実績・事例紹介】
title: result.css
paths: common/css/result.css
/////////////////////////////////////////////// */


/* -----------------------------------------------
Table Of Contents

#01 共通
#02 メインイメージ
#03 左タイトル
#04 中央カラム　コンテンツ
----------------------------------------------- */



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

#01 共通

----------------------------------------------- */
/*ページトップへテキストリンク*/
p.pagetopLink {
text-align: right;
font-size: 85%;
}



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

#02 メインイメージ

----------------------------------------------- */
div.mainImg h2 {
background: url(../../result/img/works_ttl_main.jpg) no-repeat;
}



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

#03 左タイトル

----------------------------------------------- */
div.boxA h2 {
width: 56px;
height: 434px;
margin: 0 auto;
background: url(../../result/img/works_ttl_left.gif) no-repeat;
}



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

#04 中央カラム　コンテンツ

----------------------------------------------- */
div.section {
width: 610px;
margin-bottom: 30px;
}

div.section h3 {
width: 590px;
margin-bottom: 20px;
padding: 15px 6px;
border: 4px solid #ccc;
color: #333;
font-size: 110%;
font-weight: bold;
}

div.section h4 {
margin-bottom: 10px;
font-size: 120%;
font-weight: bold;
color: #003366;
}

div.section div.sectionBox {
width: 590px;
margin: 0 auto 15px;
padding-bottom: 15px;
border-bottom: 1px dotted #999;
}

div.sectionBox div.phtLeft {/*写真左*/
float: left;
width: auto;
height: auto;
margin: 0 20px 5px 0;
}
div.sectionBox div.phtRight {/*写真右*/
float: right;
width: auto;
height: auto;
margin: 0 0 5px 20px;
}
div.sectionBox div.phtLeft img {
margin-bottom: 3px;
}
div.sectionBox div.phtRight img {
margin-bottom: 3px;
}
div.sectionBox p.phtCap {
color: #666;
font-size: 85%;
}