@charset "Shift_JIS";
/*==========================================================コンテンツ(大枠)==========================================================*/
#contents { width: 1098px; margin: 0 auto; margin-bottom: 20px; border: solid 1px #cccccc; background-color: #fff; color: #3f464b; }
/*==========================================================一覧==========================================================*/
.title { width: 1080px; margin: 0 auto; padding: 5px 10px; border-bottom: 3px solid #199684; background-color: #1FBBA6; font-size: 16px; font-weight: bold; color: #FFF; }
.interview-list-bg { width: 1100px; margin: 0 auto 20px; padding: 20px 0px 40px; background-color: #FFF; color: #3f464b; }
.interview-list-bg a:link { color: #3f464b; }
.interview-list-bg a:visited { color: #3f464b; }
.interview-list-bg a:hover { color: #87cefa; opacity: 0.9; }
.interview-list-bg a:active { color: #87cefa; }
.interview-list-lead { margin-left: 20px; margin-bottom: 40px; font-size: 21px; line-height: 150%; }
.interview-list-table { display: table; border-collapse: separate; border-spacing: 10px 10px; }
.interview-list-row { display: table-row; }
.interview-list-cell { display: table-cell; width: 240px; margin-bottom: 10px; padding: 10px; border: solid 1px #ccc; box-shadow: 0px 1px 3px #DBDBDB; text-decoration: none; background-color: #FFFFFF; position: relative; }
.interview-list-img { width: 240px; vertical-align: middle; text-align: center; }
.interview-list-img img { width: 240px; }
.interview-list-name { padding: 10px 0; text-align: center; font-weight: bold; font-size: 16px; line-height: 150%; }
.interview-list-title { margin: 10px 0 40px; font-size: 13px; color:#3f464b; line-height: 160%; }
.interview-list-date { position: absolute; left: 10px; bottom: 10px; line-height: 160%; color: #808080; }
.interview-list-plus { position: absolute; right: 10px; bottom: 10px; width: 25px; height: 24px; }
.interview-list-dammy { display: table-cell; width: 240px; }
.paging { margin: 10px 0 10px 20px }
.paging-num { float: left; width: 394px; font-weight: bold; }
.paging-button { float: left; width: 70px; }
/*==========================================================記事==========================================================*/
#title_box { width: 1098px; margin-bottom: 30px; }
#title_pickup_l { padding: 5px 40px; font-size: 18px; color: #ffffff; float: left; }
#title_pickup_r { padding: 3px 38px; font-size: 18px; background-color: #ffffff; float: left; }
#title_txt { width: 1038px; margin: 20px 30px; }
#title_txt h1 { font-size: 37px; line-height: 140%; }
#title_txt h2 { font-size: 23px; line-height: 150%; }
#main_contents { margin-bottom: 40px; }
#article_box { width: 700px; float: left; }
#article { padding: 0px 30px; }
.intro { margin-bottom: 20px; font-size: 14px; line-height: 160%; }
.sns_buttons { margin-bottom: 22px; padding-bottom: 10px; border-bottom: 1px solid #CCC; }
.google_plus { width: 100px; float: right; }
.facebook { width: 110px; float: right; }
.tweet { width: 100px; float: right; }
.img-box { position: relative; float: right; padding: 2px; margin: 5px 0px 10px 20px; border: 1px solid #EDEDF0; border-bottom: 1px solid #DCDCE0; }
.img-bottom { margin-top: 1.6em; text-align: center; }
.paragraph { font-size: 14px; line-height: 160%; }
#info_box { width: 358px; margin-right: 30px; margin-left: 10px; float: left; }
#profile_box, #koen_box { margin-bottom: 30px; padding: 10px;border-radius: 3px; box-shadow: 0px 1px 3px #DBDBDB; }
#profile_box h3, #koen_box h3 { font-size: 23px; line-height: 150%; margin-bottom: 0.6em; }
.profile-img { position: relative; float: right; padding: 0px 10px; }
.profile-inner { margin-bottom: 20px; line-height: 160%; }
#koen_info { display: table; border-collapse: separate; border-spacing: 0; word-break: break-all; }
.koen-info-row { display: table-row; }
.koen-img { display: table-cell; }
.koen-txt { display: table-cell; padding: 0 0 20px 10px; vertical-align: top; }
.koen-button-bg { display: block; width: 100px; height: auto; margin: 0 auto; margin-top: 15px; text-decoration: none; }
.koen_button { width: 86px; padding: 5px 10px; border: solid 1px #D2691E; background-color: #f37731; text-align: center; color: #ffffff; font-weight: bold; text-shadow: 0px 1px rgba(0,0,0,0.1); opacity: 0.9; border-radius: 2px; }
.koen_button:hover { opacity: 1.0; box-shadow: 1px 1px 1px #ccc; }
.koen_button:active { padding: 3px 8px; border: double 3px #ffffff; opacity: 1.0; }