@charset "utf-8";
/*	 *********************** レイアウト定義 ***********************  */
html {
    font-size:15px;
}
body {																	 /* 画面全体の色 */
    margin:0px 0px 0px 0px;
    background-color:#000000;
    /* background-attachment: fixed; */ /* 参考:画面を固定する････利かなかった */
    /* background-color:#ffffff; */ 		/* 使ってない */
    /* 参考:画面にグラディションをつける */
    /* background:linear-gradient(#0000ff,#ffffff); */
    /* background:-webkit-linear-gradient(#ff00ff,#ffffff); */
}
#header {
    position: fixed;										/* 固定 */
    z-index:5;													/* レイヤーが重なったとき一番上に表示 */
    top: 0px; 														/* 一番上部に表示 */
    left: 0px;
    width: 100%;												/* 中央に表示 */
    /* opacity:0.8; */									/* 参考:透明度を指定する */
}
#header div.background1 { 							/* ヘッダーの背景1	*/
    margin:0; 						/* ヘッダー背景画像 */
    height:150px; 											/*	 ヘッダーの高さ トップメニューは含まない */
    background:url(../image/kankyo_header_haikei.jpg);
/*		background:url(../image/rinkai_mizusyori3.jpg);		*/
}
#header div.background2 { 							/* ヘッダーの背景2			*/
    position:fixed;											/* トップメニューの背景 画面左右全体に広がる */
    top:120px;
    /* margin-top:-30px; */									/* トップメニューの背景色 */
    height:30px;														/* contianerはtop_menuで定義 */
    width:100%;
    background-color:#0000cd;						/* #3366cc */
}
#header div.container,									/* ヘッダー･フッター･コンテンツの  */
#contents div.container,								/*	 中身エリア　画面中央に表示 	 */
footer div.container {
/* display:table; */	/* ← これを生かすと「グラフとデータ集」時、おかしくなる　後でチェック！！*/
    margin:0px auto 0px;
    width:920px;
}
#contents {															/* トップメニューとフッターの間の背景 */
    padding-top:150px;									/* background1:120pxとtop_menu:30pxを */
                                        /* 合わせて150px */
    padding-bottom:25px;								/* footer_menu:25px */
    background:linear-gradient(#1111ff,#aaffaa);	 /* 背景グラディーションの設定 */
    background:-webkit-linear-gradient(#1111ff,#aaffaa);		/* (#1111ff,#aaffaa) */
    background-attachment: fixed;
}
/* *********************** ページトップのタイトル表示 *********************** */
/* ページトップの背景画像に重ねて会社名等を表示 */
#header p.title01 {				/* 東北環境管理株式会社は上・下水道施設の････ */
    margin-top:0px;
    margin-bottom:0px;
    padding-top:1px;
    padding-left:0px;
    color:#ffffff;
    text-shadow:
        -1px 0px #000,		/* 文字の縁取り 上下･左右 各々指定 */
        1px 0px #000,
        0px 1px #000,
        0px -1px #000;
    font-weight:bold;
    font-size:1rem;
}
#header p.title02 {				/* 確かな技術と培われた経験　きれいな水を未来まで  */
    margin-top:12px;
    margin-bottom:0px;
    padding-left:50px;
    font-size:2.2rem;
    font-weight:bold;
    line-height:2.3rem;
    color:#1111aa;
    text-shadow:3px 3px 2px #ffffff;
}
#header h2.title03 {			/* 東北環境管理株式会社 */
    position:relative;
    margin-top:-25px;
    margin-bottom:0px;
    text-align:right;
    color:#ffffff;
    text-shadow:
        -1px 0px #000,		/* 文字の縁取り 上下･左右 各々指定 */
        1px 0px #000,
        0px 1px #000,
        0px -1px #000;
}
/* ***********************	トップメニュー	*********************** */
.top_menu { 							/* メニューリストを横に並べる為のボックス */
    z-index:5;
    display: table;
    text-align: center;
    width: 920px;
}
.top_menu div.out {											/* トップメニュー各項目を横に並べる */
    border-right: 1px #eeeeee solid;
    display: table-cell;
    height: 30px; 											/* トップメニューの高さ　*/
    padding:0px 0px 0px 0px;
    font-size:1.0rem;
}
.top_menu div.in {					/* トップメニュー項目、非選択時の色 */
    position:relative;
    display:inline-block;		/* IEの場合<a>が前についているために改行が入ってしまう */
                            /* その為、display:inline-block; を入れてある */
                            /* FireFox や Crome は無くても大丈夫みたい････ */
    height:30px;
    width:100%;
    padding:0px;											/* 修正 2017/02/22 */
    background-color:#0000cd;					/* #3366cc */
}
.top_menu div.here {									/* 選択したトップメニューの色を変える */
    height:30px;
    background-color:#000080;					/* トップメニュー項目、選択中の色 */
}
.top_menu div.in span,
.top_menu div.here span {							/* トップメニュー上下中央付近に表示 */
    position:relative;								/* トップメニュー、項目 */
    top:6px;
    color:#ffffff;
}
/* .top_menu li:first-child { */						/* 参考:first-child の使い方 */
/*		border-left: 1px #eeeeee solid; */
/* } */
.top_menu div:last-child {							/* トップメニュー項目 */
                                        /*一番左の項目の右枠線を表示しない */
   border-right: none;
}
/*	*************#eeeeff********** リンクの設定　トップ ***********************  */
#header .top_menu div.in:hover:not(.here) {
            /* 現在のページ項目の色を変えないため :not(.here) を加えているが */
            /* 無くてもOK････ .here が最表面に表示されているので････ */
    background-color:#5588ee;						/* 5588ee */
    text-shadow:5px 5px 3px #333333;		/* #333333 */
}
/*	*********************** コンテンツのレイアウト ***********************	*/
div.contents_left {
    display: table-cell;								/* 左右の高さを揃える */
    width:220px;
    background-color:#aaddff;
    padding-bottom:20px;								/* footerまでの空間を空ける */
}
div.contents_center {
    display: table-cell;								/* 左右の高さを揃える */
    width:660px;
    background-color:#f1f1ff;						/* メインの記事欄の背景色 */
    vertical-align:top;
    padding-left:20px;									/* contents_centerの正味幅=660-20*2=620px */
    padding-right:20px;
    padding-bottom:20px;								/* footerまでの空間を空ける */
}
/* *********************** 左サイドのバナー用 *********************** */
/* #contents div.side_menu2 { */				/* 参考:左サイド下側に配置 */
/*	position: fixed; */
/*	bottom:77px; */
/* } */
#icon_new{
    position:absolute;
    z-index:4;			/* スクロール時、ヘッダーの下層に潜り込ませるため z-indexを1階層下げた */
    width:40px;
    height:20px;
    margin-top:0px;
    margin-left:0px;
    transform: rotate(-30deg);
    opacity:0.8;
}
.contents_left img {
    margin:0px 10px 0px 10px;
    width:200px;
    height:160px;
    border:1px #eeeeee solid;
    box-shadow:1px 1px 3px #555555;
    background-color:#ccccff;
}
.contents_left ul {
    width:220px;
    padding:0px;
}
.side_menu li,
.side_menu li.indent,
.side_menu li.indent_here {									/* サイドメニューと副メニュー */
    font-size:0.9rem;
    margin:10px 30px 10px 10px;
    padding:3px 0px 2px 10px;
    border:1px #2255bb solid;
    color: #ffffff;
    background-color:#3366cc;						/* 3366cc */
    list-style-type:none;
    border-top-left-radius:5px 5px;
    border-top-right-radius:5px 5px;
    border-bottom-left-radius:5px 5px;
    border-bottom-right-radius:5px 5px;
}
.side_menu li.indent,
.side_menu li.indent_here {									/* 副メニュー */
    font-size:0.8rem;
    margin:10px 10px 10px 30px;
    background-color:#6699dd;						/* 3366cc */
}
.side_menu li.here,
.side_menu li.indent_here {
    background-color:#000080;					/* #003399 */
}
.guide {
    margin:0px auto 10px;
    padding-top:0px;
    line-height:1.3;
}
.guide h2 {
    width:180px;
    margin-left:10px;
    margin-bottom:3px;
    font-weight:normal;
    font-size:0.7rem;
}
.guide li { 														/* サイドメニューに表示する案内 */
    margin:0px auto 0px;
    width:190px;
    font-size:0.8rem;
    border:none;
    background-color:#aaddff;
    list-style-type: disc;
    list-style-position: inside;
}
.guide .li_indent {
    padding-left:20px;
}
/*	*********************** リンクの設定　サイドバー ***********************	*/
.side_menu a {
    color: #ffffff;
    display: block;
    text-decoration: none;
}
.side_menu li:hover:not(.here):not(.indent_here) {
    color:#ffffff; /* 222233	 */
    background-color:#88bbcc; 					/* #5588ee */
    text-shadow:5px 5px 3px #333333;		/* #333333 */
}
.side_menu a:focus {
    outline:none;
}
/* ************************* フッター *********************** */
footer {
    margin:0px auto 0px;
    position: fixed;										/* 固定 */
    bottom: 0px;												/* 一番下に表示 */
    width: 100%;												/* 中央に表示 */
    background-color:#0000cd;						/* #3366cc */
    z-index:5;
  }
.footer_menu {
    position:absolute;
    height: 25px;
    text-align: left;
    padding-top: 5px;
    padding-left: 10px;
    color:#9999ff;
}
.footer_copyright {
    height: 16px;
    text-align: right;
    padding-top:15px;
    padding-bottom:5px;
    padding-right: 10px;
    color:#ffffff;
}
/*	*********************** リンクの設定　フッター ***********************	*/
.footer_menu a,
.footer_menu span.here {
    color: #ffffff;
    text-decoration: none;
}
.footer_menu span.here {
  background-color:#000080;
}
.footer_menu span:hover:not(.here) {
    background-color:#6699ff;
    color:#ffffff; /* 	 */
    text-shadow:4px 4px 2px #222233;		/* 222233 */
    border-top-left-radius:5px 5px;
    border-top-right-radius:5px 5px;
    border-bottom-left-radius:5px 5px;
    border-bottom-right-radius:5px 5px;
}
.footer_menu a:focus {
    outline:none;
}
/*	*********************** ここからメインコンテンツ ***********************	*/
hr {
/*		height:30px; */										/* 左･当初の設定 ！！後で再検討のこと！！ */
/*		border:0; */
/*		box-shadow:0 30px 30px -30px #ccc inset; */
      border: 0;										/* 左･こういう設定もある！！ */
      height: 1px;
      border-top: 1px solid rgba(0, 0, 0, 0.1);
      border-bottom: 1px solid rgba(255, 255, 255, 0.3);
/*		height: 3px; */
/*		background-color: #ccddcc; */
/*		border: none; */
/*		color: #ff0000; */
}
.contents_center div.now {							/* 現在地 */
    display:table;
    margin-top:10px;
    /* margin-bottom:15px; */
    width:100%;
    color:#555599;
}
.contents_center span.location {
    font-size:0.8rem;
    font-weight:normal;
}
.contents_center div.next {
    display:table-cell;
    text-align:right;
}
/*	*********************** 現在地のリンク設定	***********************  */
.contents_center div.now a {
    display:inline;
    text-decoration: none;
    font-size:0.8rem;
    font-weight:bold;
    color:#444480;
}
.contents_center div.now a:hover {
    color:#eeeeff;
    text-shadow:1px 1px 8px #000030;				/* #000030 */
}
.contents_center div.now a:focus {
    outline:none;
}
/*	***********************  ***********************	*/
#contents span.ans {
    font-weight:bold;
}
.contents_center span.annai{
    font-size:0.9rem;
    font-weight:bold;
    color:#ee4444;
}
.contents_center h1 {
    margin-bottom:5px;
    padding-top:15px;
    padding-bottom:15px;
    border-top: 1px rgba(0,0,0,0.2) solid ;
    border-bottom: 1px rgba(0,0,0,0.2) solid ;
    box-shadow: 0 1px 0 rgba(255,255,255,1);
    font-size:1.2rem;
}
.contents_center h2.heading,
.contents_center h2.heading_red,
.contents_center h2.link {
    margin-top:10px;
    margin-bottom:10px;
    padding-top:5px;
    padding-bottom:5px;
    padding-left:15px;
    border: 1px #efefff solid;
    box-shadow: #afafaf 1px 1px 2px 1px;
    background-color:#e1e1ff;		/* e1e1ff */
    font-size:1.0rem;
}
.contents_center h2.heading_red {
    color:#ff0000;
}
.contents_center h2.link {
    margin-top:30px;
    margin-bottom:30px;
}
/* link の設定　ここから */
.contents_center a {
    color:#483d8b;
    text-decoration:none;
}
.contents_center a:visited {
    color:#483d8b;
}
.contents_center a:focus {
    color:#483d8b;
    outline:none;
}
.contents_center h2.link:hover {
    color:#483d8b;
    background-color:#c0c0dd;
}
/* link の設定　ここまで */
.contents_center .text {
    margin-top:15px;
    margin-bottom:15px;
    padding-left:30px;
    font-size:1.0rem;
    line-height:1.6;
}
.contents_center .text .text_indent {
    margin-top:0px;
    padding-left:30px;
    font-size:1.0rem;
    line-height:1.6;
}
.contents_center .text ul {
    margin-top:0px;
    margin-bottom:0px;
    padding-left:0px;
}
.contents_center .text li {
    list-style-position:outside;
    line-height:1.6;
    font-size:1.0rem;
}
#map,
.contents_center img {
    margin:10px auto 0px;
    z-index:4;													/* 地図をヘッダー背景より下に表示する為 */
    width:600px;
    height:600px;
    border:1px #9999ff double;
}
.contents_center div.jpg {
    display:table;
    border:1px #aaaaff solid;
    margin-top:10px;
}
/*                                                                   */
/* ここよりサムネイル写真を枠線付きにした際のcss　現在は使っていない */
/*                                                                   */
.contents_center div.jpg div.jpg_img {		/* 写真が無い時、写真の欄を空白で表示するため設定 */
    display:table-cell;										/* 2016/08/16 新規に追加 */
    margin:10px 0px 10px 10px;
    z-index:0;
    width:360px;
    height:240px;
}
.contents_center div.jpg img {					/* 写真を貼り付けるエリア */
    display:table-cell;
    margin:10px 0px 10px 10px;
    z-index:0;													/* 写真をヘッダー背景より下に表示する為 */
    width:360px;
    height:240px;
    border:3px #9999ff double;
}
.contents_center div.jpg_text {
    display:table-cell;
    width:300px;
    vertical-align:top;
    padding-top:15px;
    padding-left:15px;
}
.contents_center div.jpg_text_in1 {
    vertical-align:top;
    padding-top:15px;
}
.contents_center div.jpg_text_indent {
    padding-left:20px;
    vertical-align:top;
}
/*                                                                   */
/* ここまでサムネイル写真を枠線付きにした際のcss　現在は使っていない */
/*                                                                   */
label span.form_text {									/* フォームによる入力時の見出し */
    display:inline-block;
    width:14rem;
    padding:2px;												/* 修正 2017/02/22 */
    text-align:right;
    vertical-align:middle;							/* 修正 2017/02/22 */
    font-size:0.9rem;
}
label span.form_text_top {							/* フォームによる入力時の見出し */
    display:inline-block; 							/* 複数行のinputエリアに対して　*/
    width:14rem;												/* topの位置に見出しを表示する　*/
    padding:2px;												/* 修正 2017/02/22 */
    text-align:right;
    vertical-align:top;
    font-size:0.9rem;
}
span.form_space {
    display:inline-block;
    width:1rem;
}
p > input { 														/* この設定、まだ生きていないので */
    font-size:1.0rem; 									/* 後で生きるように修正する */
    background-color:#dfdfff;
    border:2px #9999ee solid;
    box-shadow: 2px 3px 4px 1px #cfcfcf;
    /*角丸にする*/
    -webkit-border-radius:9px;
    border-radius:9px;
}
/*　ここから
    参考		お問い合わせフォームに適用
          施設見学申込にも適用するには #facility_tour_application にも
          適用なるように設定する */
form#form_application label > input,
form#form_application label > select,
form#form_application label > textarea,
form#form_inquiry label > input,
form#form_inquiry label > select,
form#form_inquiry label > textarea {
    padding:3px 5px;
    margin:0px;
    color:#111111;
    border:1px #ccccff solid;
/* !!この3行、コメント行なので生かす場合は注意 */
/* 		**テキストエリア内にシャドウをつける。最初にbackground初期化が必要** */
/*  !!ここまで3行、コメント行なので生かす場合は注意 */
     background: #fff;
    -webkit-box-shadow: 2px 3px 5px -2px #ccc inset;
    box-shadow: 2px 3px 5px -2px #ccc inset;
    /*　角丸にする　*/
    -webkit-border-radius:5px;
    border-radius:5px;
}
/* ここまで　*/
/* *********************** フォームから入力したデータを確認 ***********************  */
#res_form {
    width:100%;
    margin:0 auto;
    text-align:center;
    color:#555;
    line-height:100%;
    font-size:90%;
}
table.formTable{
    width:100%;
    margin:0 auto;
/* collapseを"collapse"と指定するとFireFoxで上や左の境界線が消える場合がある */
/* その為、"separate"を指定しtableで上･左の線を指定しth･tdで右･下の線を指定する */
    border-collapse:separate;
    border-top:1px #ccc solid;
    border-right:none;
    border-bottom:none;
    border-left:1px #ccc solid;
}
table.formTable td,table.formTable th{
/* collapseを"collapse"と指定するとFireFoxで上や左の境界線が消える場合がある */
/* その為、"separate"を指定しtableで上･左の線を指定しth･tdで右･下の線を指定する */
    border-top:none;
    border-right:1px #ccc solid;
    border-bottom:1px #ccc solid;
    border-left:none;
    height:35px;
    padding:5px 5px 5px 10px;
    text-align:left;
}
table.formTable th{
    width:30%;
    font-weight:normal;
    background:#efefef;
    text-align:left;
}
p.error_messe{
    margin:5px 0;
    color:red;
}
h4.err , .msg {
    line-height:25px;
    margin-top:10px;
    margin-bottom:10px;
}

/* *********************** フォーム入力したデータ確認 ここまで*********************** */
/* *********************** 管理状況表示用 Table ***********************  */
#condition {
    width:100%;
    margin:0 auto;
    text-align:center;
    color:#555;
    line-height:100%;
    font-size:90%;
}
#condition h3{
    text-align:left;
}
table.condition_table{
    width:100%;
    margin:0 auto;
/* collapseを"collapse"と指定するとFireFoxで上や左の境界線が消える場合がある */
/* その為、"separate"を指定しtableで上･左の線を指定しth･tdで右･下の線を指定する */
    border-collapse:separate;
    border-top:1px #b0b0cd solid;
    border-right:none;
    border-bottom:none;
    border-left:1px #b0b0cd solid;
}
table.condition_table td,table.condition_table th{
/* collapseを"collapse"と指定するとFireFoxで上や左の境界線が消える場合がある */
/* その為、"separate"を指定しtableで上･左の線を指定しth･tdで右･下の線を指定する */
    border-top:none;
    border-right:1px #b0b0cd solid;
    border-bottom:1px #b0b0cd solid;
    border-left:none;
    padding:5px 5px 5px 10px;
    text-align:right;
}
table.condition_table th{
    font-weight:normal;
    background:#dfdfef;
    text-align:center;
}
p.errMes {
    margin:5px 0;
    color:red;
    text-align:center;
}
/* *********************** 管理状況表示用 Table ここまで*********************** */
/*	 *********************** URL変更の案内 ***********************  */
.extra {
    color:#ff0000;
    font-weight:bold;
}
p.extra_msg{
    margin-left:3%;
    color:#333399;
    line-height:1.4em;
}
p.extra_url {
    margin-top:10px;
    margin-left:6%;
    line-height:1.4em;
}
p.extra_url a {
    font-weight:bold;
    text-decoration: none;
    border-bottom: 1px solid;
    border-color:red;
}
#pre_next {			/* 管理状況表示用 */
    float: right;
}
/* *********************** 写真で見る臨海処理センター　写真表示用 *********************** */
.heading img {
    width:650px;
    height:230px;
}
#pic_area {
    margin:0px auto 0px;
    width:650px;
}
.pic_row {
    display:flex;								/* 左右均等揃えで写真エリア1行を配置する */
    justify-content: center;																			/* justify-content: center; */
              /* 上記参考URL http://degitekunote.com/blog/2014/12/05/css3-display-flex/ */
    width:640px;
    margin:15px auto 2px;																							/* margin:2px auto 2px; */
}
.row_text{
    margin:15px 0px 0px 10px;
}
.pic_large {
    padding:0px 0px 0px 20px;			/* 拡大写真の横位置調整 */
    width:640px;									/* Width=640px だが実際はborderの幅5px×2で650pxの幅となる */
    position:relative;
}
.pic_img , .pic_img_wide {
    float:left;
    width:120px;
    height:90px;
    margin:0px 3px 0px 3px;
}
.pic_img img {
    margin:0px;
    width:120px;
    height:90px;
}
.pic_img_wide img {
    margin-top:30px;
    width:120px;
    height:42px;
}
.pic_large_img img {
    width:640px;
    height:480px;
    border:5px #aaaaff solid;
}
.pic_large_img_wide img {
    width:640px;
    height:224px;
    border:5px #aaaaff solid;
}
.pic_text {
    width:120px;
    height:20px;
    text-align:left;
    padding:0px 0px 0px 5px;
}
.pic_text2 {								/* サムネイル写真2枚に対する見出し */
    width:246px;
    height:20px;
    text-align:left;
    padding:0px 0px 0px 5px;
}
.pic_text3 {								/* サムネイル写真3枚に対する見出し */
    width:369px;
    height:20px;
    text-align:left;
    padding:0px 0px 0px 5px;
}
.pic_large_text {
    padding:20px 25px;
    text-align:left;
    line-height:20px;
}
/* **************************************************************** */
.pic_large_img2 img{			/* 前後の写真への矢印ボタンと閉じるボタン */
    border:0px;
    width:70px;
    height:70px;
}
.imgC {								/* 閉じるボタン サムネイルへ戻る */
    position:absolute;
    top:0px;
    left:600px;
    opacity:0.6;
}
.imgC:hover {
  opacity:1.0;								/* 閉じるボタン サムネイルへ戻る */
}

.imgL {								/* Previousボタン */
    position:absolute;
    top:240px;
    left:-15px;
    opacity:0.4;
}
.imgL_W {								/* Previousボタン ワイド写真用 */
    position:absolute;
    top:122px;
    left:-15px;
    opacity:0.4;
}
.imgL:hover , .imgL_W:hover{
    opacity:1.0;
}
.imgR {								/* Nextボタン */
    position:absolute;
    top:240px;
    left:635px;
    opacity:0.4;
}
.imgR_W {								/* Nextボタン ワイド写真用 */
    position:absolute;
    top:122px;
    left:625px;
    opacity:0.4;
}
.imgR:hover , .imgR_W:hover{
    opacity:1.0;
}
#pic_thumbnail{
  position:relative;
  width:650px;
  margin-top:0px;
}
.img_annai .txt{
  font-size:0.8rem;
  display:inline-block;
  vertical-align:middle;
}
.img_annai img{
  width:40px;
  height:37px;
  margin:0px 10px 0px 5px;
  padding:0px;
  border:none;
display:inline-block;
  vertical-align:middle;
}
/* **************************************************************** */
.img_annai .text .txt2{
  font-size:0.8rem;
  display:inline-block;
  vertical-align:middle;
  border:none;
}
.img_annai .txt2 img ,.img_annai .txt img{
  display:inline-block;
  margin:0px 2px 2px;
  width:15px;
  height:15px;
  border:none;
  vertical-align:middle;
}
/* **************************************************************** */
/* ***************** 拡大写真 表示-非表示用･fade用 **************** */
/* **************************************************************** */
#fade {																	 /* 画面全体の色 */
  margin: 0;
  padding: 0;
  position: relative;
  z-index:1;											/* z-indexを1以上に設定しないとサムネイルをクリックできない */
  opacity:1.0;
}
/*  */
div#pic_dummy{
  margin: -330px 0 0 -460px;  /*縦横の半分をネガティブマージンでずらす*/
  position: fixed;  /*body要素に対して絶対配置*/
  top: 340px;  /*上端を中央に*/
  left: 50%;  /*左端を中央に*/
  width: 920px;  /*横幅*/
  height: 800px;  /*縦幅*/
  z-index:1;							/* #fadeがz-index:1なので1以上に設定しないと駄目 */
}
div#pic_dummyR{
  margin: -330px 0 0 -460px;  /*縦横の半分をネガティブマージンでずらす*/
  position: fixed;  /*body要素に対して絶対配置*/
  top: 340px;  /*上端を中央に*/
  left: 50%;  /*左端を中央に*/
  width: 920px;  /*横幅*/
  height: 800px;  /*縦幅*/
  z-index:0;
}
div#pic_expantion{
  margin: -330px 0 0 -340px;  /*縦横の半分をネガティブマージンでずらす*/
  position: fixed;  /*body要素に対して絶対配置*/
  top: 340px;  /*上端を中央に*/
  left: 50%;  /*左端を中央に*/
  width: 690px;  /*横幅*/
  height: 800px;  /*縦幅*/
  background-color: #fff;
  border:3px solid #3333ff;
}
/*  */
div#pic_expantionR{
  margin: -330px 0 0 -340px;  /*縦横の半分をネガティブマージンでずらす*/
  position: fixed;  /*body要素に対して絶対配置*/
  top: 340px;  /*上端を中央に*/
  left: 50%;  /*左端を中央に*/
  width: 690px;  /*横幅*/
  height: 800px;  /*縦幅*/
}
/* 2019/01/10追加 */
option {
color: #000000; /* 色 */
/*　font-weight:bold;　*/ /* 太さ */
}
option:disabled {
color: #cccccc;/* 色 */
}
/* 施設見学申し込み form 用css */
div#id_msg , p.msg_red {
    margin:-10px 0 -5px 20px;		/* 上･右･下･左 */
    font-size:0.7rem;
    font-weight:bold;
    color:#ee6666;
    text-align:left;
    float:left;
}
.msg_dummy {
    width:14rem;
    padding:2px;
    float:left;
}
div.form_space {
    width:1rem;
    padding:2px;
    float:left;
}
div.clear {
    clear:both;
}
/* ** 2019/03/04 追加 JavaScriptが無効にされている場合に対応 ** */
noscript{
  color:red;
  font-weight:bold;
}