@charset "UTF-8";

/*============================================================================*/
/*   ハイウェイ中国セーフティドライブページ設定                               */
/*============================================================================*/

/*----- 初期設定 -------------------------------------------------------------*/
#highway-content{ margin-bottom: 20px; }
#highway-content p{ margin-left: 1.5em;  font-size: 120%; }
#highway-content p#center{ margin-top: 0.25em;  margin-left: 1.5em;  text-indnt: 0;
	font-size: 120%;  text-align: center; }
#highway-content p#plain{ margin-left: 1.5em;  text-indent: 0; }
#highway-content p#plain2{ margin-left: 2.5em;  text-indent: 0; }
#highway-content p#plain3{ margin-left: 3.5em;  text-indent: 0; }
#highway-content p#plain4{ margin-left: 4.5em;  text-indent: 0; }
#highway-content p#down2{ margin-left: 2.5em;  text-indent: 1em; }
#highway-content p#down3{ margin-left: 3.5em;  text-indent: 1em; }
#highway-content p#down4{ margin-left: 4.5em;  text-indent: 1em; }
#highway-content ul#plain3{ margin: 0.25em 3em; }
#highway-content ul#plain4{ margin: 0.25em 4em; }

/*----- 初期設定 (画像) ------------------------------------------------------*/
#highway-content img{ margin: 0 10px 10px;  float: right; }

/*----- 共通設定 (見出し) ----------------------------------------------------*/
#highway-page h1{ margin-top: 25px;  text-align: center;  font-size: 300%;
	font-weight: bold;  line-height: 1.2;  color: #0066ff;  border: none; }
#highway-content h2{ margin-bottom: 0;  font-size: 150%;
	font-weight: bold;  color: #0000ff;  border: none; }
#highway-content h3{ margin: 0.25em auto 0 2em;  text-indent: 0;  font-size: 120%;
	font-weight: bold;  color: #0000ff;  border: none; }

/*----- 共通設定 (ページ目次) ------------------------------------------------*/
#highway-page table#padeindex{ margin: 25px auto 10px;  padding: 2px;
	font-size: 100%;  border: solid 2px #000080; }
#highway-page #padeindex td{ padding: 0 20px 0 25px; }
#highway-page #padeindex td#here{ background: url(../img/here.gif) no-repeat left center; }
#highway-page #padeindex td#title{ padding: 5px 15px; text-align: center;
	font-weight: bold;  line-height: 1.2;  background-color: #3333FF; }
#highway-page #padeindex td#title a{ text-decoration: none;  color: white; }

/*----- ハイウェイ トップページ (全席シートベルト) ---------------------------*/
#highway-caution{ width: 85%;  margin: 0 auto;  padding: 10px 20px;  color: #ff0000; }
#highway-caution h2{ margin: -5px auto -2px;  text-align: center;  font-size: 200%;
	font-weight: bold;  color: #ff0000;  border: none; }

/*----- ハイウェイ トップページ (導入部・トップページ写真) -------------------*/
#highway-summary,
#highway-page-top-photo{ width: 85%;  margin: 0 auto;  padding: 10px 20px; }
#highway-page-top-photo table{ margin: 0 auto;  text-align: center; }

/*----- ハイウェイ トップページ (メインリンク) -------------------------------*/
#highway-link-main table{ margin: 10px auto;  font-size: 140%; }
#highway-link-main td{ padding: 2px 20px; }

/*----- ハイウェイ 高速道路の逆走多発中 --------------------------------------*/
#highway-content #highway-content-gyakusou h3{ color: red; }

/*----- ハイウェイ 高速道路の逆走多発中・悪天候 (画像) -----------------------*/
#highway-content-gosoku, #highway-content-rain{ clear: both; }

/*----- ハイウェイ 高速道路の逆走多発中 (画像) -------------------------------*/
#highway-content-gyakusou-illust{ margin: 0 auto;  text-align: center; }
#highway-content-gyakusou-illust img{ float: none; }

/*----- ハイウェイ 通行帯違反 ------------------------------------------------*/
#highway-content-tsukoutai img{ margin: 0;  float: none; }
#highway-content-tsukoutai table{ width: 700px;  margin: 0 auto; }

/*----- ハイウェイ 通行帯違反 (セリフ部分) -----------------------------------*/
#highway-content-tsukoutai td#word img{ margin: 0 auto 0 280px; }

/*----- ハイウェイ 通行帯違反 (レフキーくん画像部分) -------------------------*/
#highway-content-tsukoutai td#lefkee{ text-align: right;  vertical-align: top; }
#highway-content-tsukoutai-lefkee{ width: 250px;  margin: 0 20px 0 auto;  text-align: center; }
#highway-content-tsukoutai-lefkee p#plain{ text-indent: 0;  margin-left: 0;  font-size: 100%; }
#highway-content-tsukoutai-lefkee p#up{ text-indent: -1.5em;  margin-left: 1.5em;  font-size: 80%; }

/*----- ハイウェイ 通行帯違反 (レフキーくんのプロフィール部分) ---------------*/
#highway-content-tsukoutai-profile{ width: 330px;  margin: 10px;  padding: 10px 10px 10px 3px;  border: dashed 1px black; }
#highway-content-tsukoutai-profile p#plain{ text-indent: 0;  margin-left: 0;  font-size: 90%; }
#highway-content-tsukoutai-profile p#plain1{ text-indent: 0;  margin-left: 1em;  font-size: 90%; }
#highway-content-tsukoutai-profile p#plain2{ text-indent: -1em;  margin-left: 2.5em;  font-size: 90%; }

/*----- ハイウェイ 通行帯違反 (合い言葉部分) ---------------------------------*/
#highway-content-tsukoutai td#keyword{ margin: 10px; }
#highway-content-tsukoutai-keyword{ margin: 5px auto;  padding: 10px;  text-align: center;
	vertical-align: middle;  border: solid 2px green;  background-color: #bbffbb; }
#highway-content-tsukoutai-keyword p{ text-indent: 0;  margin-left: 0; }
#highway-content-tsukoutai-keyword span#word1, #highway-content-tsukoutai-keyword span#word2{ display: inline-block; }

/*----- ハイウェイ 通行帯違反 (説明部分) -------------------------------------*/
#highway-content-tsukoutai-description{ margin: 5px auto;  padding: 10px;  border: solid 2px #ff9933; }
#highway-content-tsukoutai-description p#down{ text-indent: 1em;  margin-left: 0;  font-size: 100%; }
#highway-content-tsukoutai-description p#up{ text-indent: -1em;  margin-left: 3em;  font-size: 100%; }


/*============================================================================*/
/*   スマートフォン版のデザイン (画面幅749px以下)                             */
/*============================================================================*/
@media only screen and (max-width: 749px){

/*----- 共通設定 (見出し) ----------------------------------------------------*/
#highway-page h1{ margin-top: 10px;  font-size: 200%; }

/*----- 共通設定 (ページ目次) ------------------------------------------------*/
#highway-page #padeindex td#here,
#highway-page #padeindex td#none{ height: 30px; }

/*----- ハイウェイ トップページ (全席シートベルト) ---------------------------*/
#highway-caution h2{ margin: -5px auto 2px;  font-size: 140%; }

/*----- ハイウェイ トップページ (メインリンク) -------------------------------*/
#highway-link-main table{ font-size: 120%; }
#highway-link-main table p.plain0{ margin-left: 1em;  text-indent: -1em; }
#highway-link-main table p.plain0+p.plain0{ padding-top: 10px; }

/*----- ハイウェイ トップページ (トップページ写真) ---------------------------*/
#highway-page-top-photo img{ width: 250px;  height: auto; }

/*----- ハイウェイ ５則 (画像) -----------------------------------------------*/
#highway-content-gosoku img{ width: 35%;  height: auto; }

/*----- ハイウェイ 逆走・交通事故故障・悪天候 (画像) -------------------------*/
#highway-content-gyakusou-illust img{ width: 70%;  height: auto; }
#highway-content-gyakusou img,
#highway-content-kosyou img,
#highway-content-rain img{ width: 40%;  height: auto; }

/*----- ハイウェイ 通行帯違反 ------------------------------------------------*/
#highway-content-tsukoutai p{ font-size: 100%; }
#highway-content-tsukoutai table{ width: 290px; }

/*----- ハイウェイ 通行帯違反 (セリフ部分) -----------------------------------*/
#highway-content-tsukoutai td#word img{ width: 190px;  margin-left: 90px; }

/*----- ハイウェイ 通行帯違反 (レフキーくん画像部分) -------------------------*/
#highway-content-tsukoutai td#lefkee img{ width: 110px; }
#highway-content-tsukoutai-lefkee { width: 110px;  margin: 0; }
#highway-content-tsukoutai-lefkee p#up{ font-size: 100%; } 

/*----- ハイウェイ 通行帯違反 (レフキーくんのプロフィール部分) ---------------*/
#highway-content-tsukoutai-profile{ width: 155px;  margin: 2px;  padding: 8px 2px 8px 1px;  border: dashed 1px black; }
#highway-content-tsukoutai-profile p#plain{ font-size: 100%; }
#highway-content-tsukoutai-profile p#plain1{ margin-left: 0.25em;  font-size: 100%; }
#highway-content-tsukoutai-profile p#plain2{ margin-left: 1.75em;  font-size: 100%; }
#highway-content-tsukoutai-profile span#blind{ display: none; }

/*----- ハイウェイ 通行帯違反 (合い言葉部分) ---------------------------------*/
#highway-content-tsukoutai-keyword{ margin: 5px auto;  padding: 5px; }
#highway-content-tsukoutai-keyword span#word1, #highway-content-tsukoutai-keyword span#word2{ display: inline-block; }

/*----- ハイウェイ 通行帯違反 (説明部分) -------------------------------------*/
#highway-content-tsukoutai-description{ margin: 0 auto;  padding: 7px; }
#highway-content-tsukoutai-description p#up{ margin-left: 2.5em; }

}