@charset "utf-8";
/*--------------------------------------
 * style css (サポートサイトCSS)
 *------------------------------------*/
/*--------------------------------------
 * 全体の定義
 * ページ背景色・背景画像
 * 文字色・サイズ
 *------------------------------------*/
@media only screen and (max-width: 767px) {

html {
 overflow-y: scroll;
}
body {
    /*background: #ffffff url(img/bg.jpg) repeat;
    */
    background: silver url(img/bg.jpg) repeat;
    color:#333333;
    font-size:14px;
    line-height:140%;
    margin: 0px;
    padding: 0px;
    text-align:center;
    font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","HiraKakuPro-W3","メイリオ",Meiryo,"ＭＳ Ｐゴシック","MS PGothic",Arial, Helvetica,sans-serif;
}
tr,td,th,div {
    color: #333333;
    font-size: 14px;
    line-height: 140%;
}
form {
    margin: 0px;
    padding: 0px;
}
img {
    border:0px;
	width: 100%;
}
hr {
    border:none;
    border-top: 1px dashed #afaeae;
    height: 1px;
    color:#ffffff;
}
ul {
    margin:0px;
    padding:2px;
    list-style-type: disc;
    list-style-position: outside;
}
li {
    padding:0px;
    margin:2px 0px 2px 20px;
}

span.hidden {
    display: none;
}

.t10    { font-size: 10px;line-height: 130%; }
.t12    { font-size: 12px;line-height: 130%; }
.t18    { font-size: 18px;line-height: 150%; }

.floatleft  { float: left; }
.floatright { float: right; }
.left       { text-align: left; }
.center     { text-align: center; }
.right      { text-align: right; }

/*--------------------------------------
 * リンク 通常時(link,visited,active)
 * リンク マウスが当たっている時(hover)
 *------------------------------------*/
a:link    { color:#1a9bd2; text-decoration:none; }
a:visited { color:#1a9bd2; text-decoration:none; }
a:active  { color:#1a9bd2; text-decoration:none; }
a:hover   { color:#b57100; text-decoration:underline; }
a.blocklink {width:100%;display:block;}

.dummy_link { color:#1a9bd2; cursor: pointer; }

/*--------------------------------------
 * input box / text area / select menu
 *------------------------------------*/
.frm_num {
    border: 1px solid #afaeae;
    background-color:#ffffef;
    font-size:14px;
    color:#333333;
    ime-mode: disabled;
}

.frm_str {
    border: 1px solid #afaeae;
    background-color:#ffffef;
    font-size:14px;
    color:#333333;
    ime-mode: active;
}

.frm_area {
    border: 1px solid #afaeae;
    background-color:#ffffef;
    font-size:14px;
    color:#333333;
    overflow-y:auto;
    ime-mode: active;
}

.frm_readonly {
    border: 1px solid #afaeae;
    background-color:#ffffff;
    font-size:14px;
    color:#333333;
}

.frm_i {
    border: 1px solid #afaeae;
    background-color:#ffffef;
    font-size:14px;
    color:#333333;
    ime-mode: disabled;
    width: 30px;
}

.frm_s {
    border: 1px solid #afaeae;
    background-color:#ffffef;
    font-size:14px;
    color:#333333;
    ime-mode: disabled;
    width: 20px;
}

.frm_area_readonly {
    border: 1px solid #afaeae;
    background-color:#ffffff;
    font-size:14px;
    color:#333333;
    overflow-y:auto;
}

input[type="text"][disabled],
select[disabled] {
    border: 1px solid #afaeae;
    background-color:#ffffff;
    color:#666666;
}

input[type="button"], input[type="submit"] {
    font-size: 14px;
}

/*--------------------------------------
 * 外枠
 *------------------------------------*/
#wrapper {
    background-color:#ffffff;
    width: 767px;
    margin: 0px auto;
}


/*--------------------------------------
 * ヘッダ
 *------------------------------------*/
#header_area {
    background-color: #ffffff;
/*    border-top:solid 1px #ffffff;
    border-left:solid 1px #ffffff;
    border-right:solid 1px #ffffff;
    border-bottom:solid 1px #ffffff;
    apadding: 10px 10px 0px 10px;
    padding: 0 10px 0 10px;
*/    text-align: left;
    position: relative;
margin: 0 auto;
width:767px;
}

.header_top_menu {
    background-color: #ececec;
    padding: 20px 50px 20px 50px;
}

.header_top_menu a:not(:first-child) {
    margin-left: 14px;
}

/*--------------------------------------
 * フッタ
 *------------------------------------*/
#footer_area {
    background-color:#555555;
    /*border-left:solid 1px;
    border-right:solid 1px;
    border-bottom:solid 1px;
    border-color:#dcedd6;
    */aaamargin: 40px 10px 0px 10px;
    padding:40px 0px 40px 0px;
    text-align:center;
    color: #d5d5d5;
margin: 0 auto;
width:767px;
}

.footer_menu {
    color: #d5d5d5;
}
.footer_menu a:link    { color:#d5d5d5; text-decoration:none; }
.footer_menu a:visited { color:#d5d5d5; text-decoration:none; }
.footer_menu a:active  { color:#d5d5d5; text-decoration:none; }
.footer_menu a:hover   { color:#d5d5d5; text-decoration:underline; }

.copyright {
    margin-top: 40px;
    color: #d5d5d5;
}

.footer_note {
    font-size: 10px;
    color: #d5d5d5;
}

#footer_area2 {
    background-color:#555555;
    /*border-left:solid 1px;
    border-right:solid 1px;
    border-bottom:solid 1px;
    border-color:#dcedd6;
    */aaamargin: 40px 10px 0px 10px;
    padding:0px 0px 0px 0px;
    text-align:center;
    color: #d5d5d5;
margin: 0 auto;
width:767px;
}

/*--------------------------------------
 * メインコンテンツ
 *------------------------------------*/
#main_area {
    background-color:#ffffff;
    border: 0px;
    margin: 0px;
    text-align:center;
}

#wrapper #main_area {
    xxmin-height: 670px;
    height: auto !important;
    xxheight: 670px;
}

#main_cont {
    background-color:#ffffff;
    text-align:left;
    padding: 0px 60px 0px 60px;
}

.clearing {
    clear: both;
    font-size: 1px;
    height: 1px;
}

/*--------------------------------------
 * 左エリア・右エリア
 *------------------------------------*/
#left_area {
    background-color:#ffffff;
    width: 170px;
    margin-top: 35px;
    float: left;
}

#right_area {
    background-color:#ffffff;
    width: 660px;
    margin-top: 35px;
    float: right;
}

/*--------------------------------------
 * パンくず
 *------------------------------------*/
#navi_area {
    margin: 20px 0px 20px 0px;
    color: #1a9bd2;
}

/*--------------------------------------
 * テーブル
 *------------------------------------*/
/* 通常テーブル枠 */
.tbl {
    border-collapse: collapse;
    border: 1px solid #cccccc;
}
.tbl th {
    border: 1px solid #cccccc;
    background-color: #f0f0f0;
    padding: 3px;
    color:#333333;
    text-align: left;
    font-weight: normal;
    white-space:nowrap;
}
.tbl td {
    border: 1px solid #cccccc;
    background-color: #ffffff;
    padding: 3px;
    color:#333333;
}

/*--------------------------------------
 * 強調文字
 *------------------------------------*/
.stress {
    color: #cc0000;
    font-weight: bold;
}
.stress2 {
    color: #cc0000;
}

/*--------------------------------------
 * 通常文字色
 *------------------------------------*/
.black {
    color: #333333;
}

/*--------------------------------------
 * フォーム注意書き文字
 *------------------------------------*/
.note {            /* stress */
    font-size: 10px;
    color: #ff0000;
}
.note2 {        /* normal */
    font-size: 10px;
    color: #333333;
}

/*--------------------------------------
 * エラーメッセージボックス
 *------------------------------------*/
.errbox {
    background-color: #ffffcc;
    border: 1px solid;
    border-color: #ff0000;
    padding: 4px 2px 4px 5px;
    margin:10px auto;
    text-align: left;
    color:#ff0000;
    font-size:14px;
}

.errmsg {
    color:#ff0000;
}

/*--------------------------------------
 * ダウンロード（エントリー・報告書）
 *------------------------------------*/
#right_area .downld_dl:not(:first-child) {
    margin-top: 20px;
}

.downld_dl {
    position:relative;
    width: 640px;
    height: 92px;
    background: #ffffff url(img/downld_dl_bg.jpg) no-repeat;
    margin: 0px;
    padding: 0px;
}

.downld_dl p {
    display:table-cell;
    height: 92px;
    margin:0px;
    padding: 0px 0px 0px 85px;
    vertical-align:middle;
    color: #008127;
    font-size: 18px;
    font-weight: bold;
}

.downld_dl p span.sub {
    font-size: 16px;
    color: #333333;
    font-weight: normal;
}

.downld_dl img {
    position: absolute;
    top: 20px;
    right: 15px;
}
/* -INS 2018-03-16 START */
#right_area .downld_dlnew:not(:first-child) {
    margin-top: 20px;
}

.downld_dlnew {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    position:relative;
    width: 640px;
    height: 92px;
    border: 1px solid #c7c7c7;
    margin: 0px;
    padding: 18px 15px 15px 85px;
}
.downld_dlnew.orange {
    background: #ffffff url(img/downld_dlnew_bg_orange.png) no-repeat 10px 10px;
}
.downld_dlnew.green {
    background: #ffffff url(img/downld_dlnew_bg_green.png) no-repeat 10px 10px;
}
.downld_dlnew:after {
  content: "";
  clear: both;
  display: block;
}

.downld_dlnew p {
    float: left;
    margin:0px;
    padding: 0px;
    font-size: 18px;
    font-weight: bold;
}
.downld_dlnew.orange p {
    color: #f06c00;
}
.downld_dlnew.green p {
    color: #008127;
}
.downld_dlnew p span.sub {
    font-size: 16px;
    color: #333333;
    font-weight: normal;
}

.downld_dlnew img {
    float: right;
    padding-left: 3px;
}

.downld_dlnew div#oil_entry_pdf, .downld_dlnew div#oil_entry_excel {
    display: none;
}

/* -INS 2018-03-16 END */

.download_box {
	box-sizing: border-box;
	width: 640px;
	height: 92px;
	margin: 0 auto;
	text-align: right;
	padding: 27px 18px;
}

.download_box2 {
	box-sizing: border-box;
	width: 640px;
	height: 92px;
	margin: 0 auto;
	text-align: left;
	padding: 24px 0 0 117px;
}
.download_title {
	font-size: 19px;
	font-weight: bold;
	color: #108614;
	line-height: 22px;
	font-family: "Helvetica Neue",
		Arial,
		"Hiragino Kaku Gothic ProN",
		"Hiragino Sans",
		Meiryo,
		sans-serif;
	float: left;
	width: 343px;
}
.download_link {
	display: inline-block;
	width: 162px;
	height: 38px;
	padding-top: 3px;
}

.download_box a{
	display: inline-block;
	width: 162px;
	height: 38px;
}

.adobe_link {
	box-sizing: border-box;
	width: 862px;
	height: 84px;
	margin: 0 auto;
	text-align: left;
	padding: 24px 34px;
	background-image: url('img/adobe.jpg');
}

.adobe_link a{
	display: inline-block;
	width: 158px;
	height: 39px;
}
/*--------------------------------------
 * 事前活動ツール
 *------------------------------------*/
#right_area .pretool_dl:not(:first-child) {
    margin-top: 20px;
}

.pretool_dl {
    position:relative;
    width: 640px;
    height: 92px;
    background: #ffffff url(img/pretool_dl_bg.jpg) no-repeat;
    margin: 0px;
    padding: 0px;
}

.pretool_dl p {
    display:table-cell;
    height: 92px;
    margin:0px;
    padding: 0px 0px 0px 85px;
    vertical-align:middle;
    color: #840d81;
    font-size: 18px;
    font-weight: bold;
}

.pretool_dl img {
    position: absolute;
    top: 20px;
    right: 15px;
}

/*--------------------------------------
 * 販売事例
 *------------------------------------*/
#right_area .case_dl:not(:first-child) {
    margin-top: 20px;
}

.case_dl {
    position:relative;
    width: 640px;
    height: 92px;
    background: #ffffff url(img/case_dl_bg.jpg) no-repeat;
    margin: 0px;
    padding: 0px;
}

.case_dl p {
    display:table-cell;
    height: 92px;
    margin:0px;
    padding: 0px 0px 0px 85px;
    vertical-align:middle;
    color: #0456c6;
    font-size: 18px;
    font-weight: bold;
}

.case_dl img {
    position: absolute;
    top: 20px;
    right: 15px;
}

/*--------------------------------------
 * お知らせ
 *------------------------------------*/
.info_tbl {
    width: 640px;
    border-collapse: collapse;
}

.info_tbl th {
    width: 110px;
    height: 120px;
    border-bottom: 1px dashed #9f9f9f;
    padding: 0px;
    color: #1a9bd2;
    font-size: 18px;
    font-weight: normal;
    text-align: left;
}

.info_tbl td {
    width: 530px;
    height: 120px;
    border-bottom: 1px dashed #9f9f9f;
    padding: 0px;
    font-size: 15px;
    line-height: 200%;
}

.info_tbl tr:first-child {
    border-top: 2px solid #000000;
}

.info_tbl tr:last-child {
    border-bottom: 2px solid #000000;
}

/*--------------------------------------
 * 全国ディスプレイコンテスト 
 *------------------------------------*/
.display_title {
    width: 660px;
    height: 55px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    background: #ffffff url(img/display_title.jpg) no-repeat;
    line-height: 55px;
    padding-left: 40px;
    font-weight: bold;
    font-size: 22px;
}

.display_title span.sub {
    font-size: 17px;
}

.disp_box {
    width: 640px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border: 2px solid #bbbbbb;
    margin-top: 20px;
    margin-left: 20px;
}

.disp_box div.title, .disp_box div.title_red {
    height: 42px;
    line-height: 42px;
    padding: 0 20px;
    font-size: 22px;
    color: #ffffff;
    font-weight: bold;
}
.disp_box div.title {
    background-color: #f39801;
}
.disp_box div.title_red {
    background-color: #e70012;
}
.disp_box div.title span.sub, .disp_box div.title_red span.sub {
    font-size: 14px;
}
.disp_box div.title span.sub_r, .disp_box div.title_red span.sub_r {
    display: block;
    height: 26px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    float: right;
    line-height: 26px;
    padding: 0 10px;
    margin-top: 8px;
    color: #ffffff;
    font-size: 16px;
    font-weight: normal;
}
.disp_box div.title span.sub_r {
    background-color: #444444;
}
.disp_box div.title_red span.sub_r {
    background-color: #000000;
}

.disp_box div.main {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 10px 20px;

}

.disp_box p.ken {
    padding: 0px;
    margin: 0px;
    font-size: 12px;
}

.disp_box p.company {
    padding: 0px;
    margin: 0px;
    font-size: 14px;
    font-weight: bold;
}

.disp_box p.ss_name {
    padding: 0px;
    margin: 0px;
    font-size: 22px;
    font-weight: bold;
}

.disp_box hr {
    border:none;
    border-top: 1px solid #b9b9b9;
    height: 1px;
    color:#ffffff;
}


}


#question_line{
        width: auto;
}
#answer_line{
        width auto;
}


/*--------------------------------------
 * other table bug
 *------------------------------------*/
/* 3px IE bug hack hidden from IE5-mac */
* html #header_area { height: 1%; }
* html #main_cont { height: 1%; }
/* End hide from IE5-mac */