@charset "utf-8";

/*////////////////////////////////////////////////////////////////////////*/
/* base */
/*////////////////////////////////////////////////////////////////////////*/
body {
        font-family:'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', Sans-Serif;
        margin:0;
        padding:0;
        text-align:center;
        background-color: #e7e7e7;
        font-size: 75%;
        background-image: url(/images/special/engineers/good-engineer_bg.gif);
        background-repeat: repeat-x;
}


* {
  margin: 0px;
  padding: 0px;
}

form,p,ul,li,img,span,table,th,td{
  margin:0px;
  padding:0px;
}


img{
  border:0;
}

.clearfloat {
  clear:both;
  height:0;
  font-size:1px;
  line-height:0px;
}

/* モダンブラウザ（Firefox Opera Safari）対策 */
.clearfix:after{
   content:".";
   display:block;
   height:0px;
   clear:both;
   visibility:hidden;
}

/* Win版IE7とMac版IE5対策 */
.clearfix{
   display:inline-block;
}

/* Win版IE5および6対策 */
/* Hides from IE-mac \*/
* html .clearfix{
   height:1px;
}

.clearfix{
   display:block;
}


/* End hide from IE-mac */

/*////////////////////////////////////////////////////////////////////////*/
/* common link color */
/*////////////////////////////////////////////////////////////////////////*/
#ad_top_super {
/*margin-top:30px;*/
text-align:center;
}



*{
  line-height:1.3;
}
* a{
  color:#0e5dc0;
}
a:hover {
  text-decoration:underline;
  color:#000;
}

/*ここまで*/


#Content {
        width: 1000px;
        border: 1px solid #CCCCCC;
        background-color: #FFFFFF;
        padding-bottom: 30px;
        margin: 10px auto;
        text-align: left;
}

#good-engineer_title {
        background-image: url(/images/special/engineers/good-engineer_title.gif);
        background-repeat: no-repeat;
        height: 28px;
        padding-top: 7px;
}
#good-engineer_title h1 {
        color: #FFFFFF;
        padding-left: 55px;
        font-size: 17px;
}

#good-engineer_title h1 span {
        font-size: 12px;
}

#catch_bg_top {
    background-image: url(/images/special/engineers/content_title_bg_top.gif);
	background-repeat: no-repeat;
	margin: 15px auto 0px auto;
	width: 900px;
	height: 8px;
}
* html #catch_bg_top {
	margin-bottom: -2px;
}  


#catch_bg {
	background-color: #fefeff;
	width: 848px;
	height: auto;
	background-image: url(/images/special/engineers/content_title_bg_center.gif);
	background-repeat: no-repeat;
	background-position: center bottom;
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #CCCCCC;
	border-left-color: #CCCCCC;
	margin: 0px auto;
	padding: 0px 25px;
}


#catch_bg_bottom {
	background-image: url(/images/special/engineers/content_title_bg_bottom.gif);
	background-repeat: no-repeat;
	background-position: center bottom;
	height: 10px;
	margin: 0px;
	padding: 0px;
}
* html #catch_bg_bottom {
   margin-top: -2px;
} 

#catch_title_leftbox {
        float: left;
        width: 555px;
}
#catch_img_rightbox {
        float: left;
        width: 265px;
        margin-left: 25px;
}
#catch_img_rightbox img {
        border-width: 3px;
        border-style: solid;
        border-color: #DFDFDF #999999 #999999 #DFDFDF;
        margin-bottom: 4px;
}
#catch_img_rightbox p {
        text-align: center;
        margin: 0px;
        padding: 0px;
}
#catch_title_leftbox h2 {
	font-size: 35px;
	font-weight: normal;
	line-height:1.2;
	/*padding: 5px 0px 15px 25px;*/

}
#catch_title_leftbox h3 {
	font-size: 15px;
	color: #444444;
	font-weight: normal;
	line-height:1.4;
	/*padding-left: 25px;*/
}

#catch_title_leftbox p{
	font-size: 12px;
	border-top-width: 4px;
	border-top-style: solid;
	border-top-color: #DFDFDF;
	color: #666666;
	padding-top: 7px;
}

.small_title {
        background-image: url(/images/special/engineers/small_title.gif);
        background-repeat: no-repeat;
        height: 22px;
        width: 835px;
        margin: 15px auto;
        padding-left: 15px;
        font-size: 17px;
        font-weight: bold;
        padding-top: 5px;
}
.text {
        width: 820px;
        margin: 0px auto;
        padding: 0 15px;
        font-size: 17px;
}
.text dl {
        margin-top: 10px;
}
.member_info ol {
        list-style-position: outside;
        list-style-type: decimal;
        margin-top: 3px;
}
ol {
        padding: 0px;
        margin: 0px 0px 0px 1em;
}
.member_info {
    width: 820px;
        margin: 0px auto;
        padding: 0 15px;
        font-size: 15px;}
#interview_contents {
        width: 900px;
        padding: 0px;
        margin: 0px auto;
}
p.question {
        font-weight: bold;
        color: #555555;
}
p {
        margin-top: 10px;
}
#attention_items_title {
        background-image: url(/images/special/engineers/attention_items.gif);
        background-repeat: no-repeat;
        height: 23px;
        width: 828px;
        font-size: 14px;
        font-weight: bold;
        padding: 20px 0 0 40px;
        margin: 0 0 0 8px;
}


.article img {
  float: left;
  width: 80px;
  height: 80px;
  border-width: 1px;
  border-style: solid;
  border-color: #DBDBDB #CCCCCC #CCCCCC #DBDBDB;
  padding: 4px;
  display: block;
  background-color: #FFFFFF;
  margin: 4px 6px;
}
.article  {
  border-bottom-width: 1px;
  border-bottom-style: dotted;
  border-bottom-color: #CCCCCC;
}
.article a span.notation {
  color: #555555;
  margin-bottom: 3px;
  text-decoration: none;
}

.article a:hover span.notation {
  text-decoration: none;
}

.article a {
	display: block;
	text-decoration: none;
	width: 415px;
}

.article a:hover {
  background-color: #DBDBDB;
  text-decoration: none;
  cursor:pointer;
}
.article a:hover span strong{
  text-decoration: underline;
}

.article span {
  margin-top: 3px;
  margin-right: 3px;
}

.related_engineer_article_content h3 {
	font-size: 115%;
	background-repeat: no-repeat;
	background-color: #ededed;
	margin-bottom: 5px;
	padding: 7px 0px 7px 10px;
}

.related_engineer_article_content h3 a {
	display:block;
	color:#000;
}

.related_engineer_article_content h3 a:hover {
	text-decoration:none;
}

.related_engineer_article_content .article strong {
    font-size: 120%
}
.related_engineer_article_content {
    background-color: #FFFFFF;
    padding-bottom: 8px;
    margin: auto;
    width: 850px;
}

.related_engineer_article_content .article {
	float: left;
	width: 425px;
	padding-top: 5px;
	padding-bottom: 5px;
}

.campaign_banner_box {
	width: 960px;
	clear: left;
	margin: 0px auto;
}

/*qa解説パネル部分*/
.about_okyuu_box {
	border:2px #f39700 solid;
	padding: 8px;
	margin: 12px auto;
	width:830px;
}
.about_okyuu_box .about_okyuu_box_header {
	color:#333333;
	font-size:230%;
	border-bottom:1px #d6d6d6 solid;
	background-image:url(/images/item/question/about_okyuu_qa_icon.gif);
	background-repeat:no-repeat;
	background-position: left;
	padding-left: 50px;
	font-weight: 500;
}
.about_okyuu_box .about_okyuu_box_header span {
	font-family: Arial, Helvetica, sans-serif;
}

.about_okyuu_box .about_okyuu_box_description {
	margin-top: 3px;
	font-size: 115%;
	line-height: 1.5;
}
.about_okyuu_box .about_okyuu_box_now_ask {
	font-size: 103%;
	background-image: url(/images/link_icon.gif);
	background-position: left;
	background-repeat: no-repeat;
	padding-left: 10px;
	width: 100px;
	float: right;
	}
.about_okyuu_box .about_okyuu_box_now_ask a {
	text-decoration: underline;
}

.navigation {
	font-weight:bold;
	font-size:125%;
	width: 850px;
	margin: 10px auto;
}



/*「総合トップ」「ページトップ」へ部分*/
.top {
  　float:left;
}
.pagetop {
    text-align: right;
}
.top img,
.pagetop img {
    padding-right: 4px;
}
.top a,
.pagetop a {
    text-decoration:underline;
}



/*2ページ目のタイトル部分*/

#interview_contents .text h2 {
   font-size: 35px;
   margin-bottom: 20px;
   font-weight: normal;
   line-height:1.2;
   margin-top: 20px;
}

/*ここまで*/


/*ページング*/
.pager {
   margin-bottom:15px;
   margin-top:20px;
   text-align:center;
}
.pager a {
   text-decoration:none;
}
.page_link a {
   border:1px solid #C0C4C7;
   display:inline-block;
   font-size:14px;
   height:20px;
   margin-left:2px;
   margin-right:2px;
   padding-top:3px;
   text-align:center;
   width:23px;
}
.pager .next {
   font-size:16px;
   font-weight:bold;
}
.page_link a:hover, .page_link_current {
   background-color:#FEF5F5;
   border:1px solid #BC0303;
   display:inline-block;
   font-size:14px;
   height:20px;
   margin-left:2px;
   margin-right:2px;
   padding-top:3px;
   width:23px;
}

/*無料会員登録ボタン*/
.member_entry a{
  background-image: url(/images/entry_button.gif);
  background-repeat: no-repeat;
  height: 34px;
  width: 173px;
  font-size: 16px;
  font-weight: bold;
  margin: 7px auto 0 auto;
  padding-top: 14px;
  padding-left: 27px;
  letter-spacing: 0.1em;
  color: #FFFFFF;
  display: block;
}
.member_entry a:hover {
  background-image: url(/images/entry_button_hover.gif);
  text-decoration: none;
}

#interview_contents .text h2 {
  font-size: 35px;
  margin-bottom: 20px;
  font-weight: normal;
  line-height:1.2;
   margin-top: 20px;
}

.pager {
margin-bottom:15px;
margin-top:20px;
text-align:center;
}
.pager a {
text-decoration:none;
}
.page_link a {
border:1px solid #C0C4C7;
display:inline-block;
font-size:14px;
height:20px;
margin-left:2px;
margin-right:2px;
padding-top:3px;
text-align:center;
width:23px;
}

.pager .next {
font-size:16px;
font-weight:bold;
}

.page_link a:hover, .page_link_current {
background-color:#FEF5F5;
border:1px solid #BC0303;
display:inline-block;
font-size:14px;
height:20px;
margin-left:2px;
margin-right:2px;
padding-top:3px;
width:23px;
}

#interview_contents .text .last_inning {
	margin-top: 18px;
	margin-bottom: 7px;
	padding: 5px 7px;
	border: 1px solid #CCCCCC;
}

#interview_contents .text .last_inning .title {
	margin: 0px;
	text-align: center;
	background-color: #e0e0e0;
	padding-top: 2px;
	padding-bottom: 2px;
	color: #555555;
}