@charset "UTF-8";

/*-----------------------------------------------

管理側ユーザー側共通CSS

-----------------------------------------------*/
body {
	font-family:'メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
	color: #000000;
	line-height: 1.4;
	text-shadow: 0 1px #FFFFFF;
}

/*-----------------------------------------------
  textlink
-----------------------------------------------*/
a:link {
	color: #183FD8;
	text-decoration: none;
}

a:visited {
	color: #183FD8;
	text-decoration: none;
}

a:hover {
	color: #A40B06;
	text-decoration: underline;
}

a:active {
	color: #183FD8;
	text-decoration: none;
}

/*-----------------------------------------------
  clearfix
-----------------------------------------------*/
.clearfix:after {
	content: ""; 
	display: block; 
	clear: both;
}

/*------------------------------------------------
    common styles
--------------------------------------------------*/
/* 段落 */

p { margin: 0 10px 15px; }

#main > p { margin: 0 0 15px; }

/* position */

.f-right { float: right; }

.f-left { float: left; }

.right { text-align: right; }

.left { text-align: left; }

.center { text-align: center; }

/*------------------------------------------------
    table
--------------------------------------------------*/
/* 一覧(1件もデータがない場合) */
/************************************************/

.nodata { height: 40px; }

/* テキスト */
/************************************************/
.required {
	color: #FC0;
	font-weight: bold;
}

.required-whiteback {
	color: #A68500;
	font-weight: bold;
}

b {
	display: inline-block;
	font-size: 1.2em;
	margin: 0 0 10px;
}

b:before {
	content: "";
	display: inline-block;
	width: .6em;
	height: .6em;
	margin: 0 .2em .15em .1em;
	border-radius: 3px;
	background: #136cbe linear-gradient(#237ac7, #003F84);
}

h1 + b { margin: 10px 0; }

/* ステータス表示 */
/************************************************/
span.flg-good,
span.flg-bad {
	display: block;
	padding: 2px 0;
	font-weight: bold;
	text-align: center;
}

.flg-good {
	background: #B6EF99;
	color: #205F01;
}

.flg-bad {
	background: #FDBBB6;
	color: #CF0A04;
}

/*------------------------------------------------
    フォーム
--------------------------------------------------*/
.btForm {
	position: relative;
	margin: 0 0 15px;
	padding: 10px 0 0;
	text-align: center;
}

.btForm .search-clear {
	position: absolute;
	top: -10px;
	right: 0;
}

.btForm input[type="button"],
.btForm input[type="submit"] { margin: 0 20px 20px 0; }

#nomenu .btForm input[type="button"],
#nomenu .btForm input[type="submit"] { margin-bottom: 0!important; }

/* 1個のみ、または複数個ある最後のボタン */

.btForm input[type="button"]:last-child,
.btForm input[type="submit"]:last-child { margin-right: 0; }

/* 下余白なし */
.btFormLast,
.btForm:last-child { margin: 0; }

.btFormLast input,
.btForm:last-child input { margin-bottom: 0; }

.search_area + .btForm {
	padding-top: 0;
	margin-bottom: 45px;
}

/* checkbox radio */
/************************************************/
input[type="checkbox"],
input[type="radio"] {
	vertical-align: middle;
	position: relative;
	padding: 0;
	margin: 0 .3em 0 0;
	transform: scale(1.7);
}

input[type="checkbox"] { top: -1px; }
input[type="radio"] { top: -2px; }

/* text password select textarea */
/************************************************/
input[type="text"],
input[type="password"],
input[type="number"],
input[type="tel"],
input[type="email"] {
	line-height: 21px;
	border: 1px solid #C5C5CE;
	background: #FFFFFF;
	font-size: 1em;
	padding: 5px 10px;
	box-shadow: 1px 1px 1px 1px rgba(0,0,0,0.10) inset;
	appearance: none;
}

textarea {
	border: none;
	background: #FFFFFF;
	padding: 5px 10px;
	box-shadow: 1px 1px 2px 1px rgba(0,0,0,0.25) inset;
}

/* focus */
input[type="text"]:focus,
input[type="password"]:focus,
input[type="number"]:focus,
input[type="tel"]:focus,
input[type="email"]:focus,
textarea:focus {
	background-color: #FFFFDD;
	border: 1px solid #9999CC;
	padding: 5px 10px 5px 11px;
}

select {
	font-size: 1em;
	box-shadow: 1px 1px 1px 1px rgba(0,0,0,0.10) inset;
	line-height: 2em;
	font-style: normal;
	border: 1px solid #C5C5CE;
	position: relative;
	min-width: 6em;
	margin: 1px .3em 1px 0;
}

select:focus {
	background-color: #FFFFDD;
	border: 1px solid #9999CC;
}

input[type="text"],
input[type="password"],
textarea { margin: 1px 0; }

input[type="text"],
input[type="password"] { height: 19px; }

select optgroup { font-style: italic; }

select optgroup option { font-style: normal; }

/* label */
/************************************************/

label {
	margin-right: 1.5em;
	line-height: 2.5em;
}

label.labelImage {
	position: relative;
	top: 0;
}

th label { margin-right: 0; }

/* 幅 */
/************************************************/
.two-digit-number { width: 1.5em; }

select.two-digit-number { width: 1.9em; }

.tiny { width: 7em; }

select.tiny { width: 7.4em; }

.short { width: 144px; }

select.short { width: 150px; }

.mid-short { width: 220px; }

select.mid-short { width: 225px; }

.middle { width: 300px; }

select.middle { width: 305px; }

.long { width: 550px; }

table.tableIn .long { width: 470px; }

.mailadd { width: 200px; }

/* textarea */
/************************************************/
textarea {
	line-height: 1.2;
	font-size: 18px;
}

textarea.taShort { height: 3em; }

textarea.taMiddle { height: 6em; }

textarea { font-family : "ＭＳ ゴシック", monospace; }

/*------------------------------------------------
    ボタン
--------------------------------------------------*/
/* ログアウトボタン */
#logout {
	color: #000000;
	font-weight: bold;
	margin: 0 0 0 20px;
	float: left;
	height: 25px;
	line-height: 25px;
}

#logout a {
  text-shadow: 0 1px #E8F2FF;
	color: #000000;
	padding: 5px 12px;
	display: block;
	border: 1px solid #ccc;
	background: #B3D7FF linear-gradient(#B3D7FF, #93BAE3);
	border-radius: 5px;
}

#logout a:hover {
	background: #B3D7FF linear-gradient(#DBEBFF, #C5DBF3);
	text-decoration: none;
}

/* フォームボタン共有 */
input[type="button"],
input[type="submit"] {
	padding-top: 15px;
	padding-bottom: 13px;
	line-height: 1.0;
	min-width: 200px;
	margin: 0 10px;
	font-size: 21px;
	letter-spacing: 0.1em;
	font-weight: bold;
	border-radius: 5px;
}

input.btSmall {
	padding-top: 4px;
	padding-bottom: 3px;
	min-width: 150px;
	margin: 0;
	font-size: 18px;
	font-weight: normal;
}

input.btAction,
input.btOther,
input.btDelete {
	cursor: pointer;
	font-size: 32px;
}

/* フォームボタン - 緑 */
input.btAction {
	color: #FFFFFF;
	text-shadow: 0 -1px #428A00;
	background: #339900 linear-gradient(#79BC58, #339900);
	border: 1px solid #339900;
}

input.btAction:hover {
	background: #339900 linear-gradient(#8BC66F, #339900);
}

/* フォームボタン - 赤 */
input.btDelete {
	color: #FFFFFF;
	text-shadow: 0 -1px #AF1410;
	background: #EA1D17 linear-gradient(#FC7C72, #EA1D17);
	border: 1px solid #EA1D17;
}

input.btDelete:hover {
	background: #EC2E28 linear-gradient(#FC8A81, #EC2E28);
}

/* フォームボタン - グレー */
input.btOther {
	color: #000000;
	text-shadow: 0 1px #FFFFFF;
	background: #CCCCCC linear-gradient(#FFFFFF, #CCCCCC);
	border: 1px solid #B8B8B8;
}

input.btOther:hover {
	background: #DDDDDD linear-gradient(#FFFFFF, #DDDDDD);
}

/*------------------------------------------------
   
	  #main部分SCC設定
		
--------------------------------------------------*/
/*------------------------------------------------
    見出し
--------------------------------------------------*/
h1 {
	font-size: 21px;
	font-weight: normal;
	text-shadow: 0 1px white;
	margin: 0 0 15px;
	padding: 12px 12px 10px 25px;
	box-shadow: 0 3px 5px #EEEEEE;
	background: #FCFCFC url(/obli-tab/img/bg_h1.png) no-repeat 7px 12px;
	border: 1px solid #DDD;
	border-top: 1px solid #EEE;
	border-bottom: 1px solid #CCC;
}

#main h2 {
	color: #004EA2;
	margin: 0 0 10px;
	padding: 8px 10px 5px 18px;
	font-size: 18px;
	font-weight: bold;
	border: 1px solid #BBBBBB;
	background: #FCFCFC url(/obli-tab/img/bg_h2.png) no-repeat 7px center;
}

#main .tabBox h2 {
	background: #FFF url(/obli-tab/img/bg_h2.png) no-repeat 7px center;
	border: 1px solid #BBBBBB;
}

#main h3 {
	color: #004EA2;
	margin: 0 0 10px;
	padding: 8px 10px 5px 18px;
	font-weight: bold;
	border-bottom: 1px solid #004EA2;
	background: url(/obli-tab/img/bg_h3.png) no-repeat 2px 10px;
}

#main h4 {
	margin: 0 0 10px;
	padding: 8px 10px 5px 18px;
	font-weight: bold;
	background: url(/obli-tab/img/icon_cap.png) no-repeat 0 13px;
}

/*------------------------------------------------
    list
--------------------------------------------------*/
ul {
	margin-left: 10px;
	margin-bottom: 15px;
	list-style: none outside;
}

ul li {
	margin-bottom: 5px;
	padding-left: 15px;
	background: url(/obli-tab/img/icon_list.png) no-repeat 2px 0.5em;
}

#main table ul { margin: 0; }

/*------------------------------------------------
    警告・通知
--------------------------------------------------*/
#warning,
#notice {
	margin: 0 0 10px;
	padding: 10px;
	font-weight: bold;
}

#warning {
	border: 1px solid #FFD2D0;
	background: #FFF5EF;
	color: #EA1913;
}

#warning div.common {
	font-size: 21px;
	font-weight: normal;
	line-height: 1.5;
}

#warning div.warnings {
	font-size: 18px;
	font-weight: normal;
	line-height: 1.3;
}

#notice {
	border: 1px solid #CFE6EB;
	background: #F2FAFB;
	color: #176A92;
}

/*------------------------------------------------
    アコーディオンパネル
--------------------------------------------------*/
.accordion-panel { margin-bottom: 30px; }

#main h2.accordion-head,
#main h3.accordion-head,
#main h4.accordion-head {
	background: url(/obli-tab/img/bg_accordion.png) repeat-x 0 0;
	padding: 0;
	font-size: 21px;
	border: 1px solid #B3BBC1;
	margin: 0;
}

#main h2.accordion-head a,
#main h3.accordion-head a,
#main h4.accordion-head a {
	border: 1px solid #FFF;
	display: block;
	padding: 8px 10px 5px 30px;
	background: url(/obli-tab/img/icon_plus.gif) no-repeat 6px 9px;
}

#main h2.accordion-open,
#main h3.accordion-open,
#main h4.accordion-open { background: url(/obli-tab/img/bg_accordion.png) repeat-x 0 -64px !important; }

#main h2.accordion-open a,
#main h3.accordion-open a,
#main h4.accordion-open a { background: url(/obli-tab/img/icon_minus.gif) no-repeat 6px 9px; }

/* tab内 */

#main .tabBox h2.accordion-head,
#main .tabBox h3.accordion-head,
#main .tabBox h4.accordion-head { background: url(/obli-tab/img/bg_accordion.png) repeat-x 0 -128px; }

#main .tabBox h2.accordion-head a,
#main .tabBox h3.accordion-head a,
#main .tabBox h4.accordion-head a {
	border: 0 none;
	color: #FFFFFF;
	text-shadow: none;
}

#main .tabBox h2.accordion-open,
#main .tabBox h3.accordion-open,
#main .tabBox h4.accordion-open { background: url(/obli-tab/img/bg_accordion.png) repeat-x 0 -192px !important; }

.accordion-body { padding-top: 10px; }

/*------------------------------------------------
    ボタン用のアコーディオンパネル
--------------------------------------------------*/
.bt-other-group {
	background: #F2F2F2;
	border: 1px dotted #A8A8A1;
	padding: 0;
}

.bt-other-group-head {
	text-align: left;
	padding-left: 10px;
	margin: 5px;
}

.bt-other-group-head a {
	display: inline-block;
	background: url(/obli-tab/img/icon_plus.gif) no-repeat 0 3px;
	padding: 2px 0 2px 20px;
}

.bt-other-group-head a.accordion-open { background: url(/obli-tab/img/icon_minus.gif) no-repeat 0 3px; }

.bt-other-group-body { padding-top: 5px; }

.bt-other-group-body input[type="button"] { margin-bottom: 10px; }

/*-----------------------------------------------
  余白調整
-----------------------------------------------*/
.mb0 { margin-bottom: 0 !important;}
.mb10 { margin-bottom: 10px !important;}
.mb20 { margin-bottom: 20px !important;}
.mb30 { margin-bottom: 30px !important;}
.mt0 { margin-top: 0 !important;}
.mt10 { margin-top: 10px !important;}
.mt20 { margin-top: 20px !important;}
.mt30 { margin-top: 30px !important;}
.ml0 { margin-left: 0 !important;}
.ml10 { margin-left: 10px !important;}
.ml20 { margin-left: 20px !important;}
.ml30 { margin-left: 30px !important;}

/*------------------------------------------------
    T8-4 郵便番号検索 住所自動入力ボタン
--------------------------------------------------*/
#zipsearch_button {
	cursor: pointer;
	font-size: 20px;
	color: #000000;
	text-shadow: 0 1px #FFFFFF;
	background: #CCCCCC linear-gradient(#FFFFFF, #CCCCCC);
	border: 1px solid #B8B8B8;
}

#zipsearch_button:hover {
	background: #DDDDDD linear-gradient(#FFFFFF, #DDDDDD);
}

/*------------------------------------------------
    楽々入力フォーム（大きめに表示）
--------------------------------------------------*/
table.easy-form {
    font-size: 25px;
}

table.easy-form #zipsearch_button {
    font-size: 28px;
    padding-left: 20px;
    padding-right: 20px;
}

table.easy-form div.last-name {
    width: 334px;
}

table.easy-form select {
    height: 45px;
    font-size: 28px;
    /* タブレットによってpaddingが反映されないため、text-indentで左余白を設定 */
    padding-left: 0;
    text-indent: 10px;
}

table.easy-form input[type=text] {
    height: 37px;
    font-size: 28px;
}