@charset "Shift_JIS";


/* --------どこ・イルカ管理画面スタイルシート base.css-------- */
/* --------2007/10/31 ver. image inc.                     -------- */

/* タグ（初期設定）---------------------------------------------------- */

* {-moz-box-sizing: border-box; box-sizing: border-box; }
dd,dl,dt {margin: 0; padding: 0;}
p { margin: 3px; padding: 3px;}
img { border: 0px; }
h1{margin:0;padding:0;}

/* 全体構造----------------------------------------------------------- */

body    { font: 1em/1.5em; background-color: #8ddf46; background-image: url("../img/main_bg3.gif"); background-repeat: repeat-y; background-position: 50% 0; text-align: center; margin: 0; padding: 0 }
#wrapper { text-align: left; margin: 0 auto; padding: 5px 0; top: 0; left: 0; width: 760px }

#wrapper:after {
    content: " ";
    display: block;
    visibility: hidden;
    clear: both;
    height: 0.1px;
    font-size: 0.1em;
    line-height: 0;
}
* html #wrapper { display: inline-table; }
/* no ie mac \*/
* html #wrapper { height: 1%; }
#wrapper { display: block; }
/* */

/* ヘッダーパーツ */

#banner{ 
	margin:3px 17px;
	padding:0;
	position:relative;
	clear: both;
	}
	
#banner h1    {
	background: url("../img/logo3.gif") no-repeat;
	width: 332px;
	height: 35px;
	}
#banner h1 a {
	text-indent: -1000px;
	display: block;
	width: 332px;
	height: 35px;
	}

#myaccess   { position: absolute; top: 5px; right: 20px; width: 29px; height: 30px; overflow: hidden }
#myaccess a   { background-image: url("../img/myaccess_logo2.gif"); background-repeat: no-repeat; background-position: 0 0; text-indent: -1000px; display: block; padding-top: 30px; width: 29px; height: 30px }


/* ログイン情報 */

#logindisp {
	color: #fff;
	font-size: 11px;
	line-height:11px;
	background: #00c000 url("../img/logindisp_bg.gif") repeat-x;
	margin: 0 6px;
	height: 30px;
	clear: both;
	overflow: hidden;}
	
#logindisp h2 {display: none;}

#di_loginTitle {
	background: url("../img/loginfoH.gif") no-repeat 5px -3px;
	display: block;
	padding:5px 10px 0 100px;
	height: 36px;
	float: left;
	border-right: 1px solid #5dd44e;}


#di_loginTitle dt  {
	font-weight: bold; display: inline; }
#di_loginTitle dt:after,#di_State dt:after  {
	content: " : ";}
#di_loginTitle dd  {
	display: inline; padding-right: 12px }
#di_loginTitle dd img {
	vertical-align:text-bottom;
	height: 54px !important;
	}

#logindisp input  {
	font-size: 11px;
	line-height:11px;
	background-color: #e7ffd1;
	padding: 2px;
	position: relative;
	top: -2px;
	border: solid 1px #00c000;
	}
#di_user_id_value    { width:70px }
#di_holder_value   { width: 80px; }

#di_State {
	padding:5px 0 0 12px;width:330px;float:right;
	}
#di_State dt   {
	font-weight: bold;  position: relative; top: -4px;
	display: inline; }
#di_State dd   {
	padding-right: 12px;
	display: inline;
	}


/* ナビゲーション */

#navi {
	font-size: 12px;
	line-height:18px;
	background:url("../img/ttl_menu.gif") no-repeat 14px 14px;
	margin: 0;
	padding: 0;
	width: 160px;
	float: left;
	overflow: hidden;
	border-right: 1px solid #ccc;
	}

#navi ul {
	background-position: 0 0;
	margin: 29px 0 0 7px;
	padding: 0;
	border-bottom: 1px dotted #ccc }
#navi li {
	text-align: left;
	list-style-type: none;
	width: 160px; 
 }

#navi li a {
	color: #245924;
	font-weight: bold;
	text-decoration: none;
	background:url("../img/submenu_bg2.gif") repeat-y;
	background-position:160px 0;
	display: block;
	_margin-left:1px;
	padding:5px 0 5px 23px;
	width: 160px;}

#navi li a:hover { background-position: 0 0; }

#di_logout a    { color: #e40000 !important; font-weight: bold; background-image: url("../img/submenuLO_bg2.gif") !important; background-repeat: no-repeat; background-position: 160px 0 }
.di_hr  { height: 2px !important; border-top: 1px dotted #ccc }


/* メインコンテンツ */
#pagebody {
	/* for macie */
	margin: 5px 17px 0 0;
	width: 586px;
	/* for macie */
	
	padding: 0;
	overflow: hidden;
	float: right;
	position: relative;
	top: 0;
	left:-6px;
/* no ie mac \*/
margin: 5px 0 0 0;
width: 594px;
/* */ 
 }

body#page_welcome #pagebody,
body#page_sendPass #pagebody
{
	margin-top: 20px;
	margin-bottom: 20px;
	margin-left: 60px;
	width: 640px;
	min-height: 300px;
	float: none !important;
	left: 0px !important ; }

#pagebody h2     {
	font-size:    17px;
	font-weight:   bold;
	margin:        0 0 6px;
	padding:       5px 3px 2px 15px;
	border-bottom: 3px solid #61bf00 }

#pagebody h2 a    { color: magenta; }


#pagebody p ,#pagebody div   {
	font-size:  12px;
	line-height: 15px;
	margin:      0 0 0 15px;}


#pagebody table {margin: 7px auto; width: 95%; border: solid 1px #138907; border-collapse: collapse;margin:0 15px }

#pagebody th, #pagebody td  { font-size: 12px; padding: 3px; border: solid 1px #138907 }

#pagebody th   { font-size: 12px; background: #d8ffba }

#pagebody input.botton  {
	margin-top:   3px;
	margin-bottom: 7px;
	width:         100px }



/* フッター */
#footer    {
	background: url("../img/foot_logo.gif") no-repeat 7px 5px;
	margin: 20px 7px 0;
	padding: 5px 0 7px;
	height: 35px;
	clear: both;
	border-top: 3px solid #ececec;
	}

#di_footer a  {text-indent: -1000px; display: block;  padding: 35px 0 0; width: 200px; height: 35px; }



/* 各ページのロールオーバー */
/* bodyタグに各ページのID（page_<ページ名>）を指定すると、#naviが切り替わります。 */
body#page_positionDisplay #di_positionDisplay a,
body#page_movementDisplay #di_movementDisplay a,
body#page_addressList #di_addressList a,
body#page_addressAdd #di_addressList a,
body#page_addressUpdate #di_addressList a,
body#page_changePass #di_changePassInit a,
body#page_commandAddressSend #di_commandAddList a,
body#page_buzzRelease #di_buzzReleaseInit a,
body#page_setupIruka #di_setupIrukaInit a,
body#page_areaAleart #di_areaAleartInit a,
body#page_news #di__news a ,
body#page_manual #di_manual a {
 background-position: 0 0  ! important;
}


/* エラーメッセージ・注意書き */
.errors    { color: red; font-size: 12px; background-color: #f0f2d7; background-image: url("../img/bg_caution.gif"); background-repeat: no-repeat; background-position: 7px 7px; margin: 2px 10px; padding-top: 7px; padding-right: 7px; padding-left: 80px; height: 60px; min-height: 50px; max-height: 200px; overflow: visible }
.errors li { line-height: 1.2em; margin: 0; padding: 0 }

.alert   {font-size: 11px ! important; color: #900; line-height: 14px }
.alert p {margin: 0px ! important; padding: 0px ! important}
fieldset ul {
	margin: 12px 0 18px 18px;
	padding:0; }
fieldset li {margin:0;}

/* 住所表示 */
#di_addressString    { font-size: 12px; background-image: url("../img/bg_addressString.gif"); background-repeat: no-repeat; background-position: 0 0; display: block; padding-top: 5px; padding-left: 27px; height: 34px }

/* アルプス */
#di_sponsoredByAlps    {clear: both; background-image: url("../img/alps_logo.gif"); background-repeat: no-repeat; margin: 0 0 15px 0; padding: 0; width: 433px; height: 32px; overflow: hidden }
#di_sponsoredByAlps a    { background-image: url("../img/alps_logo.gif"); background-repeat: no-repeat; background-position: 0 0; display: block; margin: 0; padding: 32px 0 0; height: 32px }

/*　地図表示　*/
/*#di_mapImg {margin: 0 ! important; padding: 0  ! important}*/
#di_mapImg img,#di_mapImg input {
padding: 5px;border: #d6d6d6 1px solid;margin: 0;
}

/* エリア外通知／左カラム */
#DiAreaAleartForm { float: left; width:420px;margin: 0;padding: 0;overflow: hidden;position: relative; }
/*#DiAreaAleartForm form {margin: 0;padding: 0;}*/

/* エリア外通知／右カラム */
#MapController{
	margin:  0;
	padding:  0;
	position: relative;
	left:     -25px;
	width:    122px;
	float:    right;
	/*overflow: hidden*/	 }

#MapController p ,#MapController table ,#MapController .alert,#DiAreaAleartForm p
{margin: 0 ! important;padding: 0 ! important;}


/*

#MapController table  {width:100%;margin: 0}
#MapController td {text-align: center}*/
/*
#DiAreaAleartForm2 {clear: both;margin: 0;padding: 0;}
#DiAreaAleartForm2 form {margin: 0;padding: 0;}
*/