@charset "UTF-8";

/* ///////////////////////////////////////////////
【seminarカテゴリ】
title: seminar.css
paths: common/css/seminar.css
/////////////////////////////////////////////// */


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

#01 seminarカテゴリ共通
#02 セミナー・イベント紹介ページ (seminar/seminar.html)
#03 セミナー・イベント紹介詳細ページ (seminar/seminar_hoge.html)

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



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

#01 seminarカテゴリ共通

----------------------------------------------- */
/*メインイメージ*/
div.mainImg h2 {
background: url(../../seminar/img/cmn_ttl_main.jpg) no-repeat;
}

/*左タイトル*/
div.boxA h2 {
width: 57px;
height: 616px;
margin: 0 auto;
background: url(../../seminar/img/cmn_ttl_left.gif) no-repeat;
}



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

#02 セミナー・イベント紹介 (seminar/seminar.html)

----------------------------------------------- */
body.seminarSeminarStyle div.section {
width: 610px;
margin-bottom: 50px;
}

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

body.seminarSeminarStyle div.section a.seminarLinkbox {
width: 590px;
display: block;
margin-bottom: 20px;
padding: 0 10px 15px;
cursor: pointer;
border-bottom: 1px dotted #999;
}

body.seminarSeminarStyle div.section a.seminarLinkbox p.cateName {
margin-bottom: 5px;
color: #996600;
}

body.seminarSeminarStyle a.seminarLinkbox div div.sectionBoxL {
display: inline;
float: left;
width: 140px;
margin-right: 25px;
}
body.seminarSeminarStyle a.seminarLinkbox div div.sectionBoxR{
float: right;
width: 425px;
}

body.seminarSeminarStyle a.seminarLinkbox div .phtCap {
margin-top: 3px;
font-size: 85%;
color: #666;
}

body.seminarSeminarStyle a.seminarLinkbox div  p.date {
margin-bottom: 7px;
font-size: 90%;
}

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

body.seminarSeminarStyle a.seminarLinkbox div  ul {
margin-bottom: 5px;
}

body.seminarSeminarStyle a.seminarLinkbox div  ul li {
font-size: 95%;
}

body.seminarSeminarStyle a.seminarLinkbox div  p.detailBtn {
width: 100px;
height: 16px;
margin-left: auto;
background: url(../img/btn_detail.gif) no-repeat;
}



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

#03 セミナー・イベント紹介詳細 (seminar/seminar_hoge.html)

----------------------------------------------- */
body.seminarDetailStyle div.section {
width: 610px;
margin-bottom: 50px;
}

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


/*セミナー・イベント概要*/
body.seminarDetailStyle div.section div.sectionBox {
width: 590px;
margin: 0 auto 30px;
}

body.seminarDetailStyle div.section div.sectionBox h4 {
width: 590px;
margin: 0 auto 10px;
font-size: 120%;
font-weight: bold;
color: #003366;
}

body.seminarDetailStyle div.section div.sectionBoxL {
display: inline;
float: left;
width: 330px;
margin-right: 20px;
}
body.seminarDetailStyle div.section div.sectionBoxR {
float: right;
width: 240px;
}

body.seminarDetailStyle div.section h5 {
margin-bottom: 10px;
padding-left: 10px;
border-left: 2px solid #003366;
font-size: 110%;
font-weight: bold;
color: #003366;
}

body.seminarDetailStyle div.section p.phtCap {
margin-top: 3px;
font-size: 85%;
color: #666;
}


/*セミナー・イベント詳細表*/
body.seminarDetailStyle div.sectionTable table {
width: 560px;
margin: 0 auto 50px;
border-collapse: separate;
border-spacing: 0;
border: 1px dashed #999;
}

body.seminarDetailStyle div.sectionTable table th,
body.seminarDetailStyle div.sectionTable table td {
padding: 12px 15px;
vertical-align: top; 
font-size: 90%;
}

body.seminarDetailStyle div.sectionTable table th {
width: 5.0em;
border-right: 1px dashed #999;
border-bottom: 1px dashed #999;
background: #eff2f5;
color: #003366;
}

body.seminarDetailStyle div.sectionTable table td {
border-bottom: 1px dashed #999;
}


/*セミナー・イベント参加フォーム*/
body.seminarDetailStyle div.entryForm {
width: 560px;
margin: 0 auto;
}

body.seminarDetailStyle div.entryForm h4 {
width: 560px;
height: 37px;
margin-bottom: 30px;
background: url(../../seminar/img/detail_ttl_02.gif) no-repeat;
}

body.seminarDetailStyle div.entryForm table {
width: 560px;
margin-bottom: 20px;
}

body.seminarDetailStyle div.entryForm table th {
width: 14.0em;
}

body.seminarDetailStyle div.entryForm table th label {
padding-left: 0.5em;
border-left: 4px solid #adbccb;
}

body.seminarDetailStyle div.entryForm table th,
body.seminarDetailStyle div.entryForm table td {
padding: 15px 0 15px 1.0em;
border-bottom: 1px dotted #999;
vertical-align: top;
font-size: 90%;
}

body.seminarDetailStyle div.entryForm table th span {
color: #cc0000;
font-size: 80%;
}

body.seminarDetailStyle div.entryForm table td input,
body.seminarDetailStyle div.entryForm table td textarea {
width: 90%;
font-size: 95%;
}

body.seminarDetailStyle div.entryForm p.entryFormSubmit {
text-align: center;
}