@charset "utf-8";

/*要素初期化*/

body {
	margin:0;
	padding:0;
	background:#FFF;
	color:#333;
	/* 画像縮小対策 */
	image-rendering: pixelated;
	image-rendering: -webkit-optimize-contrast;
}

p , ul , ol , li , dl , dt , dd , address , strong , em ,
h1 , h2 , h3 , h4 , h5 , h6 , 
table , caption , th , td {
	font-size:inherit;
	font-size: 100%;
	font-weight: normal;
	line-height: 1.4;
	margin:0;
	padding:0;
}
p {
	margin:0;
}
li{
	list-style-type: none;
}
h1 , h2 , h3 , h4 , h5 , h6 {}
strong {
	font-weight:bold;
}
em {
	font-style:italic;
}
a {transition: all 250ms ease-out;}
a:link {
	color: #0C3090;
	text-decoration:none;
}
a:visited {
	color: #0C3090;
	text-decoration:none;
}
a:hover , a:active {
	/* color: #B6151A; */
	color: #FF6600;
	text-decoration:none;
}
img {
	border:none;
	vertical-align:baseline;
	-webkit-backface-visibility: hidden;
}
hr {
	display:none;
}
form{
margin:0;
padding:0;
display:inline;
}

/* ===========================================
テキスト用class
===========================================*/
.center {
	text-align: center;
}
/* インデント */
.indent {
	padding-left:1em;
	text-indent:-1em;
}

/* 赤字 */
.font_r {
	color: #FF3300;
}
.font_r_b {
	color: #FF3300;
	font-weight: bold;
}
.font_r_u {
	color: #FF3300;
	text-decoration: underline;
}
/* clearfix */
.clr:after {
	content:  " ";
	display: block;
	clear: both;
	height: 0;
}



/*ヘッダー開始***********************************************************/

#container #header{
	font-size: 13px;
	display: flex;
	align-items: flex-end;
	justify-content: space-between;
	margin: 0 auto;
	padding-top: 30px;
	width: 800px;
}

/* ロゴ */
#container #header #logo a, #container #header #logo img {
	width: 313px;
    height: 51px;
}

/* ナビリンク */
#container #header #site_navi .link{
	float: left;
	text-align: right;
}
#container #header #site_navi .link li {
	display: inline;
}
#container #header #site_navi .link li + li {
	padding-left: 28px;
}

/* gナビ */
#container #gnavi {
	background: #d2f5e1;
	margin-top: 20px;
}
/* ログアウト時のみ */
#container #gnavi.logout {
	margin: 20px auto 0;
}
#container #gnavi ul {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 800px;
	margin: 0 auto;
}
#container #gnavi ul li {
	position: relative;
}
#container #gnavi ul li::before,
#container #gnavi ul li:last-child::after {
	content: "";
	display: block;
	position: absolute;
	top: 0;
	bottom: 0;
	left: -1px;
	right: auto;
	margin: auto;
	background: #c8d2be;
	width: 1px;
	height: 30px;
}
#container #gnavi ul li:last-child::after {
	left: auto;
	right: -1px;
}
#container #gnavi ul li + li {
	margin-left: 1px;
}
#container #gnavi ul li a {
	color: #333333;
	display: block;
	font-size: 15px;
	font-weight: bold;
	line-height: 1;
	text-align: center;
	padding: 21px 0;
	width: 159px;
	height: 100%;
}
#container #gnavi ul li a:hover {
	background: #90e7b5;
}

/*ヘッダー 終了　********************************************************/



/*フッター 開始　********************************************************/

#container #footer {
	border-top: 2px solid #008131;
	font-size: 13px;
	padding-bottom: 30px;
}
#container #footer .inner {
	margin: 0 auto;
	width: 800px;
}
#container #footer .link {
	display: flex;
	justify-content: center;
	margin-top: 20px;
}
#container #footer .link li{
	display: inline;
}
#container #footer .link li + li {
	padding-left: 48px;
}
#container #footer .link li a {
	font-size: 13px;
}

#container #footer .operation {
	margin-top: 30px;
	text-align: center;
}
#container #footer .operation a {
	text-decoration: underline;
}
#container #footer .copyright {
	font-size: 10px;
	letter-spacing: .005rem;;
	text-align: center;
}

/* ページTOPボタン */
#pagetop {
	display: none;
	position: fixed;
	bottom: 30px;
	right: 10vw;
	text-align: right;
}
#pagetop a {
	background: #B2B2B2;
	border-radius: 50%;
	display: inline-block;
	height: 55px;
	position: relative;
	text-indent: 9999px;
	width: 55px;
	z-index: 9999;
}
#pagetop a::after {
	display: block;
	content: "";
	border-bottom: 15px solid #fff;
    border-right: 8px solid transparent;
    border-left: 8px solid transparent;
    width: 1px;
    height: 1px;
	position: absolute;
	bottom: 21px;
	left: 0;
	right: 0;
	margin: auto;
	transition: all 250ms ease-out;
	transform: translateY(0);
    -webkit-transform: translateY(0);
}
#pagetop a:hover::after {
	transform: translateY(-0.5em);
	-webkit-transform: translateY(-0.5em);
}

/* タグ用 */
#box_tag {
	width:1px;
	height:1px;
	overflow:hidden;
	position:absolute;
	top:-1px;
	left:-1px;
	z-index:-5000;
}

/*フッター 終了　********************************************************/



/* リキッド対応 ----------------------------- */

/* 全ページ共通・コンテンツインナー */
#container_liquid #wrapper {
	min-width: 800px;
	width: 90%;
}
#container_liquid #main_area{
	padding:0 0 23px 0;
	margin:0 10px;
}

/* header */
#container_liquid #header{
	font-size: 13px;
	display: flex;
	align-items: flex-end;
	justify-content: space-between;
	margin: 0 auto;
	padding-top: 29px;
	max-width: 800px;
	width: 90%;
}
#contact_pop #container_liquid #header {
	max-width: inherit;
    min-width: 800px;
}
#container_liquid #header #logo a, #container_liquid #header #logo img {
	margin: 0 10px;
    height: 51px;
	width: 313px;
}
#container_liquid #header #site_navi .link{
	float: left;
	text-align: right;
}
#container_liquid #header #site_navi .link li {
	display: inline;
}
#container_liquid #header #site_navi .link li + li {
	padding-left: 28px;
}

/* gナビ */
#container_liquid #gnavi {
	background: #d2f5e1;
	margin-top: 20px;
}
#contact_pop #container_liquid #gnavi {
	margin-top: 0;
}
#container_liquid #gnavi ul {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 800px;
	margin: 0 auto;
}
#container_liquid #gnavi ul li {
	position: relative;
}
#container_liquid #gnavi ul li::before,
#container_liquid #gnavi ul li:last-child::after {
	content: "";
	display: block;
	position: absolute;
	top: 0;
	bottom: 0;
	left: -1px;
	right: auto;
	margin: auto;
	background: #c8d2be;
	width: 1px;
	height: 30px;
}
#container_liquid #gnavi ul li:last-child::after {
	left: auto;
	right: -1px;
}
#container_liquid #gnavi ul li + li {
	margin-left: 1px;
}
#container_liquid #gnavi ul li a {
	color: #333333;
	display: block;
	font-size: 15px;
	font-weight: bold;
	line-height: 1;
	text-align: center;
	padding: 21px 0;
	width: 159px;
	height: 100%;
}
#container_liquid #gnavi ul li a:hover {
	background: #90e7b5;
}

/* footer */
#container_liquid #footer {
	border-top: 2px solid #008131;
	font-size: 13px;
	padding-bottom: 30px;
}
#container_liquid #footer .link {
	display: flex;
	justify-content: center;
	margin-top: 30px;
}
#container_liquid #footer .link li{
	display: inline;
}
#container_liquid #footer .link li + li {
	padding-left: 48px;
}
#container_liquid #footer .link li a {
	font-size: 13px;
}
#container_liquid #footer .operation {
	margin-top: 50px;
	text-align: center;
}
#container_liquid #footer .copyright {
	font-size: 10px;
	letter-spacing: .005rem;
	text-align: center;
}

/* リキッド対応 終了 -------------------------- */



/*共通パーツ開始***********************************************************/

/* ===========================================
.common_btn　共通ボタンリンク
===========================================*/
a.common_btn {
	background: #fff no-repeat right 15px center url(../img/common/ico_btn.png);
	background-size: 16px 16px;
	box-sizing: border-box;
	box-shadow: 0px 1px 8px rgb(0 0 0 / 25%);
	color: #333;
	display: block;
	font-size: 15px;
	font-weight: bold;
	padding: 10px;
	position: relative;
	text-align: center;
	transition: all 250ms ease-out;
	width: 100%;
}
a.common_btn:hover {
	box-shadow: 0 5px 11px 0 rgb(0 0 0 / 18%), 0 4px 15px 0 rgb(0 0 0 / 15%);
}


/* ===========================================
.common_text_btn　テキストボタンリンク
===========================================*/
a.common_text_btn {
	background: no-repeat left top 2px url(../img/common/ico_btn_pc.png);
	background-size: 13px 13px;
	display: inline-block;
	font-size: 13px;
	letter-spacing: -.03rem;
	padding-left: 17px;
	text-align: left;
	text-decoration: underline;
}
.common_text_btn + .common_text_btn {
	margin-left: 20px;
}


/* ===========================================
.flex_column　カラムレイアウト
===========================================*/
.flex_column {
	box-sizing: border-box;
	display: flex;
	justify-content: space-between;
	width: 100%;
}
.flex_column.one {
	justify-content: center;
}
.flex_column.one > * {
	width: 65%;
}
.flex_column.two > * {
	width: 47%;
}
.flex_column.three > * {
	width: 30.6%;
}



/*共通パーツ終了***********************************************************/


/*基本スタイル開始*******************************************************/

/* 全ページ共通・コンテンツインナー */
#wrapper {
	width: 800px;
	margin: 0 auto;
	padding-bottom: 70px;
	position: relative;
}
#main_area{
	/* font-size:80%; */
	font-size: 13px;
	min-height: 300px;
}


/* ===========================================
h1 h2 h3　ページタイトル
===========================================*/
#main_area #title h1 {
    font-size: 24px;
    font-weight: bold;
	line-height: 1.2;
    border-bottom: 2px solid #008131;
    padding: 30px 0 12px;
	margin-bottom: 40px;
}
#main_area h2 {
	background: #008131;
	border-bottom: none;
	color: #fff;
	font-size: 20px;
	font-weight: bold;
	margin-bottom: 30px;
	padding: 7px 15px 6px;
}
#main_area h3 {
	font-size: 17px;
	font-weight: bold;
	padding-bottom: 5px;
	border-bottom: 3px solid #CCC;
	margin-bottom: 20px;
}


/* ===========================================
#topic_path　パンクズ
===========================================*/
#main_area #topic_path {
	border-bottom:1px dotted #CCC;
	font-size: 11px;
	padding: 8px 0;
}


/* ===========================================
#guide_link　使い方ガイド
===========================================*/
#main_area #guide_link {
	margin-top: 8px;
	margin-bottom: 8px;
	text-align: right;
	font-size: 12px;
}
#main_area #guide_link dt {
	background: #008131;
	color: #fff;
	display: inline-block;
	font-size: 11px;
	font-weight: bold;
	margin-right: 15px;
	padding: 1px 5px 1px 4px;
	position: relative;
}
#main_area #guide_link dt::after {
	display: block;
	content: "";
	background: #008131;
	border-top: 9px solid #fff;
	border-bottom: 8px solid #fff;
	border-left: 9px solid #008131;
	width: 0;
	height: 0;
	position: absolute;
	top: 0;
	bottom: 0;
	right: -9px;
}
#main_area #guide_link dd {
	display: inline-block;
}
#main_area #guide_link dd + dd {
	margin-left: 3px;
}
#main_area #guide_link dd.bottom {
	margin-top: 10px;
}
#main_area #guide_link dd a {
	background:url(../img/common/ico_guidelink.png) left center no-repeat;
	background-size: 15px 15px;
	padding-left: 20px;
	text-decoration: underline;
}
/* ページ途中のガイドリンク */
#main_area .guide_link ul li{
	display: inline-block;
	padding-right: 10px;
}
#main_area .guide_link ul li a {
	background:url(../img/common/ico_guidelink.png) left center no-repeat;
	background-size: 15px 15px;
	padding-left: 20px;
	text-decoration: underline;
}
#main_area .guide_link ul + ul {
	margin-top: 5px;
}


/* ===========================================
ページ上部メッセージ
===========================================*/
/* ページ説明 */
#main_area div.description{
margin:20px 0;
padding:15px;
border:3px solid #D5E9FD;
}

/* エラーメッセージ */
#main_area #error{
background:#FED8DD;
padding:10px 12px;
margin:20px 0;
color:red;
font-weight:bold;
font-size:108%;
}
#main_area #error ul{
/* margin-left:10px;
margin-top:10px; */
}
#main_area #error li{
font-weight:bold;
margin-left:10px
}
#main_area #error p{
font-weight:bold;
}
#main_area div.error{
background:#FED8DD;
padding:10px 12px;
text-align:left;
color:red;
font-weight:bold;
font-size:108%;
}

/* ステータスメッセージ */
#main_area #status{
background:#FFFFCC/*#EEF7D2*/;
padding:10px 12px;
margin:20px 0;
font-weight:bold;
font-size:108%;
color:#666;
}
#main_area #status li,
#main_area #status p{
font-weight:bold;
}
#main_area div.form div.status{
background:#FFFFCC;
padding:10px 12px;;
font-weight:bold;
font-size:108%;
color:#666;
}

#main_area span.nochange{
color:#777;
}
#confirm div.form_area td span.label{
color:#777;
}

#main_area div.comment{
border:none;
padding:0;
margin-bottom:35px;
}

#main_area p.att{
padding:6px;
margin-top:10px;
border:1px dotted red;
color:red;
font-weight:bold;
}

#main_area td span.discount{
color:red;
}


div.form_area table{
margin:0 0 5px 0;
border-collapse:collapse;
}
div.form_area th,
div.form_area td{
vertical-align:top;
}
div.form_area tr.change th,
div.form_area tr.change td,
div.form_area div.change{
background:#FFFFCC;
}

/* TOPへ戻る */
#main_area #page_navi {
	margin: 35px auto 0;
	text-align:center;
	width: 300px;
}
#main_area #page_navi a.common_btn {
	background: #dcf7e8 no-repeat right 15px center url(../img/common/ico_btn.png);
	background-size: 16px 16px;
	box-shadow: 0px 1px 8px rgb(0 0 0 / 25%);
}
#main_area #page_navi a.common_btn:hover {
	box-shadow: 0 5px 11px 0 rgb(0 0 0 / 18%), 0 4px 15px 0 rgb(0 0 0 / 15%);
}

/* リストに戻る */
#main_area #list_navi{
text-align:center;
margin-top:25px;
}


/* ===========================================
.security　プライバシーマークを取得しております
===========================================*/
div.security{
margin:30px auto 20px auto;
width:700px;
padding:20px 40px;
border:1px solid #CCC;
min-height:100px;
_height:100px;
}
div.security img{
float:left;
vertical-align:middle;
}
div.security dl{
width:580px;
margin-left:120px;
padding-top:20px;
}
div.security dt{
font-weight:bold;
margin-bottom:5px;
}
div.security p{
margin-bottom:5px;
}
div.security p a{
background:no-repeat left top 2px url(../img/common/ico_btn_pc.png);
padding-left:18px;
text-decoration: underline;
}


/*基本スタイル終了*******************************************************/



/*グループサイト 開始　********************************************************/

#group_shopping {
	background: #dcf7e8;
	font-size: 13px;
	padding: 40px 0 40px;
	text-align: center;
}
#group_shopping h3 {
	font-size: 19px;
	font-weight: bold;
}
#group_shopping .group_text {
	margin-top: 15px;
}
#group_shopping .group_text span {
	display: block;
	font-size: 11px;
	margin-top: 5px;
}
#group_shopping ul.group_inner {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	margin: 35px auto 0;
	width: 710px;
}
#group_shopping ul.group_inner li {
	display: flex;
	align-items: center;
	justify-content: space-between;
	width: 520px;
}
#group_shopping ul.group_inner li .group_bnr {
	display: block;
	margin: auto;
	width: 220px;
}
#group_shopping ul.group_inner li .group_bnr img {
	width: 100%;
}
#group_shopping ul.group_inner li .group_curt_wrap .group_cart {
	text-align: left;;
}
#group_shopping ul.group_inner li .group_curt_wrap .group_cart + .group_cart {
	margin-top: 15px;
}
#group_shopping ul.group_inner li .group_curt_wrap .group_cart a {
	background: no-repeat left center url(../img/common/ico_cart.png);
	background-size: 16px 17px;
	display: inline-block;
	font-size: 13px;
	padding-left: 24px;
	text-decoration: underline;
}
#group_shopping ul.group_inner li .group_bnr:hover {
	box-shadow: 0 5px 11px 0 rgb(0 0 0 / 18%), 0 4px 15px 0 rgb(0 0 0 / 15%);
}

/*グループサイト 終了　********************************************************/



/*入力画面基本スタイル開始***********************************************/

div.form_area{
padding:0 5px;
}

div.form_area .caption{
color:#666;
}
div.form_area .ex{
margin-right:5px;
}

div.form_area h3{
margin:25px 0 10px 0;
border-top:1px solid #CCC;
border-bottom:1px solid #CCC;
border:none;
background:#F4F1E9;
padding:5px;
font-weight:bold;
color:#666;
}

div.form_area h4{
padding:3px 6px;
font-weight:bold;
color:#FFF;
}

div.form_area table{
width:100%;
}
div.form_area th{
width:190px;
padding:8px 8px;
border:1px solid #BBB;
text-align:left;
font-weight:bold;
}
#m_info div.form_area th{
	width:200px;
}
div.form_area td{
padding:8px 8px;
border:1px solid #BBB;
}
div.form_area th span.must{
color:#FFF;
padding:3px;
background:#E20A0A;
margin-left:3px;
margin-top:3px;
font-weight:bold;
font-size:90%;
line-height:1.0;
white-space:nowrap;
}

div.form_area div.add{
margin:10px 0;
}
div.form_area div.add a{
/* background:url(../img/link_header.jpg) left center no-repeat; */
background:no-repeat left top 2px url(../img/common/ico_btn_pc.png);
padding-left:18px;
text-decoration: underline;
}
div.form_area div.btn_area{
text-align:center;
margin:40px auto 15px auto;
padding:5px;
background:#EDE9DC;
width:700px;
}
#main_area div.add_contact th{
width:290px;
}

#input td textarea{
font-size:100%;
}
#input div.add_contact td p{
margin:0 0 5px 0;
}
#input div.add_contact td ul{
margin:10px 0 -5px 0;
}
#input div.add_contact td li{
margin:5px 0;
}
#input div.old_chara p{
margin:5px 0;
}
#input div.old_chara span.ex{
display:block;
margin-top:5px;
}
#input div.old_chara p.link{
margin-bottom:15px;
}
#input div.old_chara p a{
/* background:url(../img/link_header.jpg) left center no-repeat; */
background:no-repeat left top 2px url(../img/common/ico_btn_pc.png);
padding-left:18px;
text-decoration: underline;
}

#input div.anniversary p{
margin-bottom:15px;
}
#input div.anniversary div.date{
margin-bottom:10px;
padding-bottom:10px;
border-bottom:1px dotted #CCC;
}

/*入力長さ*/
#input td input{
margin-right:5px;
}
#input td label input{
margin-left:5px;
}
#input div.mail td input,
#input tr.mail td input{
width:260px;
}
#input div.pass td input{
width:200px;
}
#input div.name td input,
#input div.company div.name td input{
width:100px;
}
#input tr.kana td input,
#input tr.kana td input{
width:100px;
}
#input div.company td input,
#input div.company_area td input,
#contact_pop #input tr.company td input{
width:350px;
}
#input tr.zip td input{
width:100px;
}
#input tr.address1 td input,
#input tr.address2 td input{
width:220px;
}
#input tr.tel td input,
#input tr.fax td input,
#input div.add_contact tr.tel td input{
width:150px;
}
#input tr.url td input{
width:260px;
}
#input div.old_chara td input{
width:420px;
}
#input div.memo td textarea{
width:420px;
}
#input div.group div.form input,
#group #input td input,
#group_edit #input td input{
width:180px;
}
#input div.anniversary input{
width:180px;
}
#input tr.label td input,
#input div.company tr.label td input{
width:380px;
}
#input div.index input,
#input tr.index td input{
width:180px;
}

#m_info tr.tel td input,
#m_info_edit tr.tel td input,
#sender tr.tel td input,
#sender_edit tr.tel td input,
#address tr.tel td input,
#address tr.fax td input,
#address_edit tr.tel td input,
#address_edit tr.fax td input,
#add_choice_edit tr.tel td input,
#add_choice_edit tr.fax td input{
width:40px;
}

#search_area div.form tr.freeword input{
width:280px;
}
#search_area div.form td input.year{
width:50px;
}
#search_area div.form td input.month,
#search_area div.form td input.day{
width:25px;
}
#search_area div.form tr.id td input{
width:35px;
}

#upload div.company td input,
#upload div.personal td input{
width:auto;
}


/* 法人・個人切り替え --------------------------*/

/*共通選択部分開始*/
#input div.input_type{
margin:25px 0 30px 0;
}
#input div.input_type li{
display:inline;
margin-right:15px;
background:#FFFFCC;
padding:8px;
}
#input div.input_type li.select_company{
background:url(../img/ico_select_company.jpg) left center no-repeat;
padding:15px 0 10px 45px;
}
#input div.input_type li.select_company label{
padding:5px;
background:#292976;
font-weight:bold;
color:#FFF;
}
#input div.input_type li.select_personal{
background:url(../img/ico_select_personal.jpg) left center no-repeat;
padding:15px 0 10px 45px;
}
#input div.input_type li.select_personal label{
padding:5px;
background:#FC7903;
font-weight:bold;
color:#FFF;
}
#input div.add_contact td span.label{
width:6em;
display:block;
float:left;
}
/*共通選択部分終了*/


/*宛名住所登録・修正*/

#address div.form_area h4,
#address_edit div.form_area h4,
#address_del div.form_area h4,
#add_choice_edit div.form_area h4{
background-color:#5FA2EC;
}
#address_edit #container_liquid h2,
#address_del #container_liquid h2{
margin-top:0px;
}
#address div.form_area th,
#address_edit div.form_area th,
#address_del div.form_area th,
#add_choice_edit div.form_area th{
background-color:#E2F0FE;
}
#address div.form_area tr.must th,
#address_edit div.form_area tr.must th,
#address_del div.form_area tr.must th,
#add_choice_edit div.form_area tr.must th{
background-color:#B4D8FC;
}

/*新規会員登録・パスワード忘れ*/

#m_info div.form_area h4,
#new_member div.form_area h4{
background-color:#5FA2EC;
}
#m_info div.form_area th,
#new_member div.form_area th,
#pass_edit div.form_area th,
#pass_reset div.form_area th{
background-color:#E2F0FE;
}
#m_info div.form_area tr.must th,
#new_member div.form_area tr.must th,
#pass_edit div.form_area tr.must th,
#pass_reset div.form_area tr.must th{
background-color:#B4D8FC;
}

#pass_reset #main_area h2,
#pass_edit #main_area h2{
margin-top:20px;
}

/*差出人情報*/

#sender div.form_area h4,
#sender_edit div.form_area h4,
#sender_del div.form_area h4{
background-color:#66A03A;
}
#sender div.form_area th,
#sender_edit div.form_area th,
#sender_del div.form_area th{
background-color:#EDF9E8;
}
#sender div.form_area tr.must th,
#sender_edit div.form_area tr.must th,
#sender_del div.form_area tr.must th{
background-color:#C1EBB1;
}

/*会員情報変更*/

#m_info_edit div.form_area h4{
background-color:#66A03A;
}
#m_info_edit div.form_area th,
#m_info_del div.form_area th{
background-color:#EDF9E8;
}
#m_info_edit div.form_area tr.must th,
#m_info_del div.form_area tr.must th{
background-color:#C1EBB1;
}

/*宛名住所・差出人情報・会員情報共通*/

/*個人*/

#address #input div.form_area div.p_area h4,
#address_edit #input div.form_area div.p_area h4,
#add_choice_edit #input div.form_area div.p_area h4,
#sender #input div.form_area div.p_area h4,
#sender_edit #input div.form_area div.p_area h4,
#m_info #input div.form_area div.p_area h4,
#m_info_edit #input div.form_area div.p_area h4{
background-color:#FC7903;
}
#address #input div.form_area div.p_area th,
#address_edit #input div.form_area div.p_area th,
#add_choice_edit #input div.form_area div.p_area th,
#sender #input div.form_area div.p_area th,
#sender_edit #input div.form_area div.p_area th,
#m_info #input div.form_area div.p_area th,
#m_info_edit #input div.form_area div.p_area th{
background-color:#FEF1E0;
}
#address #input div.form_area div.p_area tr.must th,
#address_edit #input div.form_area div.p_area tr.must th,
#add_choice_edit #input div.form_area div.p_area tr.must th,
#sender #input div.form_area div.p_area tr.must th,
#sender_edit #input div.form_area div.p_area tr.must th,
#m_info #input div.form_area div.p_area th,
#m_info_edit #input div.form_area div.p_area tr.must th{
background-color:#FFD697;
}

/*法人*/

#address #input div.form_area div.c_area h4,
#address_edit #input div.form_area div.c_area h4,
#add_choice_edit #input div.form_area div.c_area h4,
#sender #input div.form_area div.c_area h4,
#sender_edit #input div.form_area div.c_area h4,
#m_info #input div.form_area div.c_area h4,
#m_info_edit #input div.form_area div.c_area h4{
background-color:#292976;
}
#address #input div.form_area div.c_area th,
#address_edit #input div.form_area div.c_area th,
#add_choice_edit #input div.form_area div.c_area th,
#sender #input div.form_area div.c_area th,
#sender_edit #input div.form_area div.c_area th,
#m_info #input div.form_area div.c_area th,
#m_info_edit #input div.form_area div.c_area th{
background-color:#EDEEF3;
}
#address #input div.form_area div.c_area tr.must th,
#address_edit #input div.form_area div.c_area tr.must th,
#add_choice_edit #input div.form_area div.c_area tr.must th,
#sender #input div.form_area div.c_area tr.must th,
#sender_edit #input div.form_area div.c_area tr.must th,
#m_info #input div.form_area div.c_area tr.must th,
#m_info_edit #input div.form_area div.c_area tr.must th{
background-color:#C8C9DD;
}


/*入力画面基本スタイル終了***********************************************/


/*ログイン開始***********************************************************/

#login #input div.login_area{
margin-top:30px;
}
#login #input div.login_area div.form{
width:450px;
margin:0 auto;
padding:30px 20px;
border: solid #D5E9FD 5px;
text-align:center;
}
#login #input div.login_area div.form table{
margin:0 auto;
}
#login #input div.login_area div.form th{
padding:5px 20px 5px 0px;
text-align:left;
}
#login #input div.login_area div.form td input{
width:200px;
}
#login #input div.login_area div.form td ul{
text-align:left;
margin-top:10px;
}
#login #input div.login_area div.form td li{
text-align:left;
}
#login #input div.login_area div.form div.btn_area{
margin:30px 0 5px 0;
}
#login #input div.login_area div.member_navi{
width:500px;
margin:10px auto;
text-align:right;
}
#login #input div.login_area div.member_navi li{
display:inline;
padding-left:10px;
}
#login #input div.security{
}

#login #input #first_area{
clear:both;
background:url(../img/first_bg.jpg) repeat-x top;
padding:30px 20px 0 20px;
margin-top:45px;
}
#login #input #first_area h3{
margin-bottom:20px;
}
#login #input #first_area ul{
text-align:center;
}
#login #input #first_area li{
display:inline;
}
#login #input #first_area div.btn_area{
text-align:center;
margin:40px 0;
}

/*ログイン終了***********************************************************/

/*新規会員登録開始*******************************************************/

#new_member h2{
margin-top:20px;
}
#new_member #input div.form_area div.terms{
margin:50px 0 30px 0;
text-align:center;
}
#new_member #input div.form_area div.terms h3{
text-align:left;
padding:5px 5px 5px 8px;
border-left:5px solid #5FA2EC;
margin-bottom:10px;
font-weight:bold;
background:#EFEFEF;
color:#333;
}
#new_member #input td p{
margin-top:5px;
}
#new_member #input div.form_area div.terms iframe{
border:1px solid #CCC;
margin:5px 0 30px 0;
display:block;
}

div.agree{
width:400px;
padding:10px 30px;
border:3px solid #FED8DD;
margin:0 auto;
background:#FFF4F5;
}
div.agree span.select{
padding-left:15px;
font-weight:bold;
}

#new_member #complete #main_area div.comment .caption{
margin-top:20px;
}

#new_member #complete #main_area div.att{
margin-top:20px;
border:1px solid red;
padding:15px;
}
#new_member #complete #main_area div.att dt{
margin-bottom:10px;
font-weight:bold;
}
#new_member #complete #main_area div.att dd p{
margin-bottom:10px;
}

/*新規会員登録終了*******************************************************/

/*メインメニュー開始*******************************************************/

#main_menu div.att, #main_area div.att {
	margin:8px 0 10px 0;
	color:red;
	background:#FFF;
}

/* ようこそ */
#main_menu div.for_member p.name{
	letter-spacing: -.005rem;
	float:left;
	font-weight:bold;
	width:365px;
}

/* お知らせ/グループサイト共通　********************************************************/
.info_area {
	background: #AAB1B5;
	align-items: center;
	margin: 30px 0 40px;
	display: flex;
	width: 100%;
}
.info_area dt {
	background: #AAB1B5;
	color: #fff;
	font-size: 13px;
	font-weight: bold;
	text-align: center;
	width: 17%;
}
.info_area dd {
	background: #F9F9F8;
	font-size: 12px;
	padding: 10px 15px;
	width: 83%;
}
.info_area li{
	list-style: none;
}
.info_area dd ul li {
	display: flex;
}
.info_area dd ul li + li {
	margin-top: 5px;
}
.info_area dd ul li span {
	display: inline-block;
	width: 60px;
	padding-right: 1.4rem;
}
.info_area dd ul li a {
	color: #3E3A39;
	font-weight: bold;
}
.info_area dd ul li a:hover {
	color: #FF9900;
}

/* ページ説明 */
#main_menu .description{
	margin:0;
	padding:10px 0 0 0;
	border:0;
	clear:both;
}
#main_menu .description p{
	float:none;
	width:auto;
}


/* メインメニュー */
#main_menu .menu {
	margin-top: 40px;
}
#main_menu .menu * {
	box-sizing: border-box;
}
#main_menu .menu a {
	color: #333;
	box-shadow: 0px 1px 8px rgb(0 0 0 / 25%);
	display: block;
}
#main_menu .menu a strong {
	display: block;
	font-weight: bold;
	line-height: 1;
}
#main_menu .menu a span {
	display: block;
	line-height: 1.6;
}

#main_menu .menu .address, #main_menu .menu .other {
	display: flex;
	align-content: stretch;
	flex-wrap: wrap;
	justify-content: space-between;
	width: 100%;
}
#main_menu .menu .address .address_list {
	background: #fff no-repeat left 62px top 21px url(../img/common/ico_addresslist.png);
	background-size: 118px 118px;
	border-radius: 5px;
	padding: 150px 20px 20px;
	width: 30.7%;
}
#main_menu .menu .address .address_list strong {
	font-size: 22px;
	text-align: center;
}
#main_menu .menu .address .address_list span {
	margin-top: 15px;
}
/* 良く使われる項目 */
#main_menu .menu .address .most_used {
	background: #dcf7e8;
	padding: 23px 20px 20px;
	width: 65%;
}
#main_menu .menu .address .most_used .most_used_title {
	font-size: 18px;
	font-weight: bold;
	margin-bottom: 10px;
	text-align: center;
}
#main_menu .menu .address .most_used a {
	background: #fff;
	box-shadow: 0 1px 4px 0 rgb(0 0 0 / 18%), 0 1px 0px 0 rgb(0 0 0 / 15%);
}
#main_menu .menu .address .most_used a:hover {
	box-shadow: 0 4px 4px 0 rgb(0 0 0 / 18%), 0 1px 0px 0 rgb(0 0 0 / 15%);
}
#main_menu .menu .address .most_used ul {
	display: flex;
	align-content: stretch;
	flex-wrap: wrap;
	justify-content: space-between;
	width: 100%;
}
#main_menu .menu .address .most_used ul li {
	margin-top: 7px;
	width: 49%;
}
#main_menu .menu .address .most_used ul li a {
	display: flex;
	align-items: center;
	border-radius: 3px;
	font-size: 14px;
	height: 78px;
	font-weight: bold;
	padding-left: 95px
}
#main_menu .menu .address .most_used ul li a.destedit {
	background: #fff no-repeat left 18px top 6px url(../img/common/ico_destedit.png);
	background-size: 65px 65px;
}
#main_menu .menu .address .most_used ul li a.desttemplate {
	background: #fff no-repeat left 8px top 5px url(../img/common/ico_desttemplate.png);
	background-size: 68px 68px;
}
#main_menu .menu .address .most_used ul li a.destgrouplist {
	background: #fff no-repeat left 15px top 4px url(../img/common/ico_destgrouplist.png);
	background-size: 68px 68px;
}
#main_menu .menu .address .most_used ul li a.destuploadexcel {
	background: #fff no-repeat left 8px top 3px url(../img/common/ico_destuploadexcel.png);
	background-size: 70px 70px;
}
#main_menu .menu .other {
	margin-top: 40px;
}
#main_menu .menu .other a {
	border-radius: 5px;
	padding: 24px 20px 20px 95px;
	width: 30.7%;
}
#main_menu .menu a:hover {
	box-shadow: 0 5px 11px 0 rgb(0 0 0 / 18%), 0 4px 15px 0 rgb(0 0 0 / 15%);
}
#main_menu .menu .other a strong {
	font-size: 19px;
}
#main_menu .menu .other a span {
	margin-top: 10px;
}
#main_menu .menu .other a.order {
	background: #fff no-repeat left 20px top 33px url(../img/common/ico_orderlist.png);
	background-size: 65px 65px;
}
#main_menu .menu .other a.sender {
	background: #fff no-repeat left 18px top 33px url(../img/common/ico_senderlist.png);
	background-size: 67px 67px;
}
#main_menu .menu .other a.info {
	background: #FFF no-repeat left 19px top 35px url(../img/common/ico_info.png);
	background-size: 65px 65px;
}


/* ClubOff */
#cluboff_area {
	margin-top: 70px;
}
#cluboff_area ul {
	width: 100%;
}
#cluboff_area ul li {
	width: 385px;
}
#cluboff_area ul li.left {
	float: left;
}
#cluboff_area ul li.right {
	float: right;
}
#cluboff_area ul li.right .common_text_btn {
	margin-top: 24px;
}
#cluboff_area ul li button {
	width: 385px;
	height: 95px;
	margin: 0 auto;
	padding: 0;
	background: none;
	border: none;
	cursor: pointer;
}
#cluboff_area ul li button:hover {
	filter:alpha(opacity=70);
	-ms-filter:"alpha(opacity=70)";
	-moz-opacity:0.7;
	opacity:0.7;
}

/* // ClubOff */

/* お困りの方へ */
#need_help {
	background: #fff;
	border: 3px solid #d7d7d7;
	box-sizing: border-box;
	margin-top: 70px;
	padding: 30px 135px 43px;
}
#need_help .need_help_title {
	font-size: 19px;
	font-weight: bold;
	line-height: 1;
	margin-bottom: 30px;
	text-align: center;
}
#need_help .need_text {
	margin-top: 20px;
	text-align: center;
}
#need_help .flex_column.two {
	margin-top: 30px;
}

/*メインメニュー終了*******************************************************/

/*会員情報管理開始*******************************************************/

/*一覧*/

#m_info h2{
margin-top:20px;
}

#m_info div.form_area h2{
border:none;
border-left:3px solid #66A03A;
color: #333;
font-weight:bold;
background-color:#C1EBB1;
margin:0;
padding:5px;
font-size:110%;
}
#m_info div.form_area table{
width:auto;
border-collapse:collapse;
}
#m_info #list div.form_area table th{
background:none;
padding:0 15px 5px 20px;
border:none;
border-right:3px solid #EFEFEF;
width:240px;
white-space:nowrap;
font-weight:normal;
background:none;
text-align:left;
background:url(../img/btn_history_thbg.gif) left top no-repeat;
}
#m_info #list div.form_area table td{
background:none;
padding:0 10px 5px 15px;
border:none;
border-spacing:5px;
text-align:left;
}
#m_info #main_area div.description{
border-color:#EFEFEF;
}
#m_info div.form_area div.id_no{
margin-top:15px;
}

#m_info #list div.base_info{
padding:0;
margin-bottom:10px;
}
#m_info #list div.form_area div.body{
padding:20px 20px 15px 20px;
border:3px solid #C1EBB1;
border-top:none;
margin:0;
}
#m_info #list div.form_area div.body table{
margin:0;
}
#m_info #list div.body th{
width:260px;
}
#m_info #list div.form_area div.base_info div.body{
}
#m_info #list div.form_area div.btn_area{
margin-top:20px;
}

/*登録・修正*/

#m_info_edit #input div.form_area div.mail p{
margin-bottom:10px;
}
#m_info_edit #input div.form_area div.pass p{
margin-bottom:10px;
}
#m_info div.form_area h3,
#m_info_edit div.form_area h3{
margin:0;
padding:5px 5px 5px 8px;
color:#333;
font-size:110%;
}
#m_info div.form_area table,
#m_info_edit div.form_area table{
width:100%;
padding:0;
margin:0;
}
#m_info div.form_area div.base_info div.body,
#m_info_edit div.form_area div.base_info div.body{
padding:20px 20px 0 20px;
border:3px solid #CCC;
border-top:none;
}
#m_info div.form_area div.pass div.body,
#m_info_edit div.form_area div.pass div.body{
padding:20px;
border:3px solid #CCC;
border-top:none;
}
#m_info div.form_area div.base_info table,
#m_info_edit div.form_area div.base_info table{
margin:0 0 20px 0;
width:100%;
}
#m_info div.form_area div.base_info h3,
#m_info div.form_area div.pass h3{
background:#D5E9FD;
border-left:3px solid #5FA2EC;
}
#m_info_edit div.form_area div.base_info h3,
#m_info_edit div.form_area div.pass h3{
background:#C1EBB1;
border-left:3px solid #66A03A;
}
#m_info #input div.form_area div.base_info h4,
#m_info_edit #input div.form_area div.base_info h4{
margin:10px 0 0 0;
}
#m_info div.pass,
#m_info_edit div.pass{
margin-top:30px;
padding-top:30px;
border-top:1px dotted #CCC;
}
#m_info div.anq,
#m_info_edit div.anq{
margin-top:0;
}

/*パスワード変更*/

#m_info_pass div.new table th{
background:#C1EBB1;
}
#m_info_pass div.old table th{
background:#EFEFEF;
}
#m_info_pass div.old table td{
}
#m_info_pass div.old{
padding-bottom:50px;
margin-bottom:15px;
background:url(../img/allow.gif) center bottom no-repeat;
}

/*会員情報管理終了*******************************************************/

/*住所録管理 開始 *******************************************************/


/* 住所録一覧　開始 -------------------- */

#address_list #main_area #guide_link{
margin:8px 0 15px 0;
}
#address_list #main_area div.printaddress{
margin:8px 0 15px 0;
padding:8px;
border:3px solid #EFEFEF;
text-align:center;
}
#address_list #main_area div.printaddress img{
vertical-align:middle;
}
#address_list #main_area div.printaddress ul{
display:inline;
padding-left:15px;
}
#address_list #main_area div.printaddress li{
display:inline;
padding-right:5px;
}
#address_list #main_area div.printaddress li a{
background:url(../img/ico_guidelink.gif) left top no-repeat;
padding:3px 10px 3px 20px;
}
#search_area{
background:url(../img/sarch_bg_top.jpg) no-repeat top;
width:810px;
margin:0 auto 10px auto;
padding-top:15px;
}

#search_area div.body{
background:url(../img/sarch_bg.jpg) repeat-y;
padding:0;
}

#search_area div.ttl{
width:95px;
padding:13px 0 0 25px;
float:left;
}

#search_area div.form{
padding:10px 25px 0 15px;
margin-left:110px;
border-left:dotted 1px #CCC;
}
#search_area div.form table{
width:100%;
}
#search_area div.form th{
width:84px;
text-align:left;
padding:8px 8px 8px 0;
vertical-align:top;
}
#search_area div.form td{
padding:8px;
vertical-align:middle;
}
#search_area div.form td label{
margin:0 5px 0 0;
}
#search_area div.form td input{
margin:0 5px 0 0; 
}
#search_area div.form div.base{
_height:1%;
}
#search_area div.form div.detail_box{
margin:5px 0 0 0;
}
#search_area div.form div.detail_box th,
#search_area div.form div.detail_box td{
border-top:1px dotted #CCC;
}

#search_area div.form div.detail_box tr.group th,
#search_area div.form div.detail_box tr.group td{
border:none;
border-top:1px dotted #CCC;
}
#search_area div.form div.detail_box tr.group td{
padding-right:0;
}
#search_area div.form tr.group li{
/* width:250px; */
width:auto;
text-indent:-17px;
padding-left:17px;
margin-right:8px;
float:left;
}
#search_area div.form tr.group li input{
width:15px;
}

#search_area div.form div.detail_box tr.kana label{
margin-right:10px;
}
#search_area div.form div.detail_box tr.term input{
/*padding-right:20px;
background:url(../img/ico_calendar.gif) right center no-repeat #FFF;*/
cursor:pointer;
}

#search_area div.add{
padding:5px 0;
_height:1%;
}
#search_area div.add a{
/* background:url(../img/link_header.jpg) left center no-repeat; */
background:no-repeat left top 2px url(../img/common/ico_btn_pc.png);
padding-left:18px;
text-decoration: underline;
}
#search_area tr.term td input{
margin:0 3px 0 0;
}
#search_area tr.term td label{
margin:0 5px;
}
#search_area div.btn_area{
background:url(../img/sarch_bg_bottom.jpg) no-repeat bottom;
padding:0 0 20px 0;
text-align:center;
}
#search_area div.btn_area img{
margin:0 5px 0 0;
}
#search_area div.btn_area div.btn{
width:220px;
margin:0 auto;
}
#search_area div.btn_area #condition_search{
float:right;
}


#liststatus_area{
border:3px solid #5FA2EC;
padding:5px 10px;
background:#176CCA;
margin-top:25px;
}
#liststatus_area div.status{
font-size:140%;
font-weight:bold;
vertical-align:middle;
line-height:35px;
margin-right:235px;
color:#FFF;
}
#liststatus_area div.status span.hit{
padding:3px 20px 3px 10px;
color:#FFF;
border-left:5px solid #FFFF99;
}
#filter,
#filter_bottom{
font-weight:bold;
background:#FFF;
border:3px solid #FF9900;
padding:8px;
}
#filter{
margin:0 12px 15px 12px;
}
#filter_bottom{
margin:15px 12px 0 12px;
}
#filter input,
#filter_bottom input{
vertical-align:-0.3em;
}
#filter span.label,
#filter_bottom span.label{
padding-right:5px;
}
#filter ul,
#filter li,
#filter_bottom ul,
#filter_bottom li{
display:inline;
}
#filter li,
#filter_bottom li{
display:inline;
white-space:nowrap;
padding-right:20px;
}
#liststatus_area div.dw{
width:226px;
float:right;
}
#liststatus_area div.dw img{
}
div.base_list{
border:3px solid #5FA2EC;
border-top:none;
padding:15px 0 5px 0;
margin-bottom:30px;
/*background:#E7F2FE;*/
}
#main_area div.base_list #error{
margin:0 15px 15px 15px;
}
#main_area div.base_list #status{
margin:0 15px 15px 15px;
}
div.base_list div.no_data{
margin:20px 10px 10px 10px;
}
div.base_list #addlist_area{
background:#FFF;
}

#tab_area{
background:url(../img/tab_bg.jpg) bottom repeat-x;
padding-left:10px;
margin-bottom:15px;
}

div.listpage_navi{
line-height:1.3;
}
div.listpage_navi span.current{
background:#FF6600;
color:#FFFFFF;
margin:0 3px;
padding:2px 5px;
border:1px solid #CCC;
}
div.listpage_navi a{
background:#FFF;
padding:2px 5px;
margin:0 3px;
border:1px solid #CCC;
color:#333;
}
div.listpage_navi a:hover{
background:#EFEFEF;
}
div.listpage_navi span.show{
padding-right:5px;
}

#list_navi_top{
	margin:0 10px;
	padding:5px 0 10px 0;
}
#list_navi_top div.number_navi{
float:left;
/*background:#B9DAFF;*/
padding:0 8px 0 18px;
}
#list_navi_top div.order_navi{
float:left;
background:#B9DAFF;
padding:6px 8px;
}
#list_navi_top div.listpage_navi{
	float:left;
	padding:2px 5px 2px 10px;
}
#list_navi_top div.select_all{
float:right;
}


#list_navi_bottom{
	margin:0 10px;
	padding:5px 0 15px 0;
}
#list_navi_bottom div.number_navi{
float:left;
padding:0 8px 0 18px;
}
#list_navi_bottom div.order_navi{
float:left;
background:#B9DAFF;
padding:6px 8px;
}
#list_navi_bottom div.listpage_navi{
float:left;
padding:2px 5px 2px 10px;
}
#list_navi_bottom div.select_all{
float:right;
}


#addlist_area{
padding:5px;
background:#E7F2FE;
/* margin:0 10px 8px 10px; */
margin: 20px 10px;
}
#addlist_area table{
border-collapse:collapse;
width:100%;
margin:0;
padding:0;
}
#addlist_area table th{
background:#D2E9FF;
padding:5px 8px;
border:1px solid #BBB;
font-weight:bold;
}
#addlist_area table td{
padding:5px 8px;
border:1px solid #BBB;
background:#FFF;
}
#addlist_area table tr.even td{
background:#F2F2F2;
}
#addlist_area table tr.change td{
background:#FFFFCC;
}

#addlist_area table td.no,
#addlist_area table th.no,
#addlist_area table tr.change td.no,
#addlist_area table tr.change th.no,
#addlist_area table tr.even td.no{
width:5px;
background:/*#E7F2FE*/#FFF;
border:none;
padding-top:7px;
padding-left:2px;
padding-right:4px;
color:#999;
font-size:75%;
text-align:right;
}
#addlist_area table td.id_no{
text-align:center;
}
#addlist_area table td.id_no img{
display:block;
margin:0 auto 0 auto;
width:16px;
}
#addlist_area table .address{
}
#addlist_area table .edit{
text-align:center;
width:80px;
vertical-align:middle;
}
#addlist_area table .edit img{
margin-bottom:5px;
}
#addlist_area table .select{
text-align:center;
vertical-align:middle;
}
#addlist_area table .name{
}
#addlist_area table .name div.c_name{
margin:3px 0;
}
#addlist_area table td.name table{
width:auto;
}
#addlist_area table td.name table td{
width:auto;
padding:0 8px 3px 0;
border:none;
background:none;
vertical-align:middle;
}

#addlist_area table td.name table td.first_name,
#addlist_area table td.name table td.family_name{
white-space:nowrap;
}

#select_navi{
background:url(../img/select_bg.jpg) repeat-x;
padding:10px;
}
#select_navi div.btn_area{
width:910px;
background:url(../img/addlist_bg_selectedit_top.gif) top center no-repeat;
padding-top:20px;
margin:0 auto;
}
#select_navi div.btn_area div.body{
background:url(../img/addlist_bg_selectedit_bottom.gif) bottom center no-repeat;
padding-bottom:10px;
}
#select_navi div.btn_area div.select_munber{
vertical-align:middle;
text-align:left;
line-height:30px;
width:220px;
padding-left:35px;
float:left;
background:url(../img/addlist_selectnumber_bg.gif) no-repeat right center;
}
#select_navi div.btn_area div.btn{
margin-left:270px;
}

#address_list #first div.no_data{
padding:15px;
border:3px solid #CCC;
margin-bottom:25px;
margin-top:10px;
}
#address_list div.max{
text-align:center;
margin-top:20px;
}

#regist_navi{
width:624px;
background:#EDE9DC;
padding:5px;
margin:10px auto;
text-align:center;
}

#data_upload_navi{
width:90%;
margin:30px auto;
text-align:center;
background:#EDE9DC;
padding:5px;
}
#data_upload_navi div.body{
background:url(../img/uploadlist_bg.jpg) repeat-x bottom;
border:1px solid #CCC;
padding:10px;
}
#data_upload_navi div.body ul {
display: flex;
flex-wrap: wrap;
width: 500px;
align-items: center;
align-content: center;
justify-content: center;
margin: auto;
}
#data_upload_navi li{
display:inline-block;
padding:0 20px;
border-left:1px dotted #CCC;
white-space:nowrap;
}
#data_upload_navi li a {
text-decoration: underline;
}
#data_upload_navi li.upload a{
padding:0 0 0 25px;
background:url(../img/upload_ico_up.gif) left center no-repeat;
}
#data_upload_navi li.download a{
padding:0 0 0 25px;
background:url(../img/upload_ico_dl.gif) left center no-repeat;
}
#data_upload_navi li.export a{
padding:0 0 0 25px;
background:url(../img/upload_ico_ex.gif) left center no-repeat;
}
#data_upload_navi li.del a{
padding:0 0 0 25px;
background:url(../img/upload_ico_del.gif) left center no-repeat;
}
#data_upload_navi li.export, #data_upload_navi li.del {
margin-top: 10px;
}

/* リキッドレイアウト調整 */
#address_list .liquid_wrapper {
	box-sizing: border-box;
	margin: auto;
	max-width: 800px;
}

/* 住所録一覧　終了 -------------------- */


/*住所登録・編集・削除の基本設定*/

#address #input div.form_area div.base_info h4,
#address_edit #input div.form_area div.base_info h4,
#add_choice_edit #input div.form_area div.base_info h4{
margin:40px 0 0 0;
}
#address #input div.form_area div.base_info div.company,
#address_edit #input div.form_area div.base_info div.company,
#address #input div.form_area div.base_info div.name,
#address_edit #input div.form_area div.base_info div.name,
#add_choice_edit #input div.form_area div.base_info div.name{
margin:0;
}
#address #input div.form_area div.base_info div.company h4,
#address #input div.form_area div.base_info div.name h4,
#address_edit #input div.form_area div.base_info div.company h4,
#address_edit #input div.form_area div.base_info div.name h4,
#add_choice_edit #input div.form_area div.base_info div.company h4,
#add_choice_edit #input div.form_area div.base_info div.name h4{
margin-top:0;
}
#address #input div.form_area div.base_info div.body,
#address_edit #input div.form_area div.base_info div.body,
#address_del #input div.form_area div.base_info div.body,
#add_choice_edit #input div.form_area div.base_info div.body{
padding:5px 20px 20px 20px;
}
#address #input div.form_area div#yomiganaField,
#address_edit #input div.form_area div#yomiganaField,
#add_choice_edit #input div.form_area div#yomiganaField{
width:80%;
margin:0 auto 40px auto;
padding:20px 0 0 0;
background:url(../img/addlist_group_bg.jpg) top center no-repeat;
}
#address #input div.form_area div.group,
#address_edit #input div.form_area div.group,
#add_choice_edit #input div.form_area div.group{
width:90%;
margin:0 auto;
background:url(../img/addlist_group_bg.jpg) top center no-repeat;
padding-top:25px;
}
#address #input div.form_area div.group h4,
#address_edit #input div.form_area div.group h4,
#add_choice_edit #input div.form_area div.group h4{
background-color:#F4F1E9;
border:2px solid #CCC;
border-bottom:none;
margin:0;
color:#333;
}
#address #input div.form_area div.group div.add,
#address_edit #input div.form_area div.group div.add,
#add_choice_edit #input div.form_area div.group div.add{
margin-bottom:5px;
}
#address #input div.group div.form,
#address_edit #input div.group div.form,
#add_choice_edit #input div.group div.form{
margin-top:15px;
padding-top:15px;
border-top:1px dotted #CCC;
clear:both;
text-align:center;
}
#address #input div.group div.form a,
#address_edit #input div.group div.form a,
#add_choice_edit #input div.group div.form a{
padding:0;
background:none;
}
#address #input div.group div.form div.error,
#address #input div.group div.form div.status,
#address_edit #input div.group div.form div.error,
#address_edit #input div.group div.form div.status,
#add_choice_editt #input div.group div.form div.error,
#add_choice_edit #input div.group div.form div.status{
margin-bottom:15px;
}
#address #input div.group ul,
#address_edit #input div.group ul,
#add_choice_edit #input div.group ul{
padding-bottom:5px;
border-top:1px dotted #CCC;
margin-top:10px;
padding-top:10px;
width:100%;
}
#address #input div.group ul li,
#address_edit #input div.group ul li,
#add_choice_edit #input div.group ul li{
float:left;
padding:0 6px 8px 6px;
width:200px;
}
#address #input div.group div.form input,
#address_edit #input div.group div.form input,
#add_choice_edit #input div.group div.form input{
margin:0 5px;
}
#address #input div.form_area div.group div.body,
#address_edit #input div.form_area div.group div.body,
#add_choice_edit #input div.form_area div.group div.body{
border:2px solid #CCC;
}
#address #confirm div.form_area div.group div.body,
#address_edit #confirm div.form_area div.group div.body,
#address_del div.form_area div.base_info div.group div.body,
#add_choice_edit #confirm div.form_area div.group div.body{
border:1px solid #CCC;
}
#address div.form_area div.add,
#address_edit div.form_area div.add,
#add_choice_edit div.form_area div.add{
margin-bottom:15px;
}
#address_edit div.form_area div.body,
#address_del div.form_area div.body,
#add_choice_edit div.form_area div.body{
padding:10px;
border:1px solid #EFEFEF;
}
#address div.form_area div.base_info h3,
#address div.form_area div.func h3,
#address_edit div.form_area div.base_info h3,
#address_edit div.form_area div.func h3,
#address_del div.form_area div.base_info h3,
#address_del div.form_area div.func h3,
#add_choice_edit div.form_area div.base_info h3,
#add_choice_edit div.form_area div.func h3{
background:#D5E9FD;
border-left:3px solid #4E8FDB;
margin-bottom:0;
font-size:110%;
color:#333;
}
#address div.form_area div.base_info h3,
#address_del div.form_area div.base_info h3{
margin:0;
}
#address div.form_area div.base_info h4,
#address_edit div.form_area div.base_info h4,
#address_del div.form_area div.base_info h4,
#add_choice_edit div.form_area div.base_info h4{
margin:15px 0 0 0;
padding:3px 8px;
font-weight:bold;
color:#FFF;
}
#address div.form_area div.base_info h5,
#address_edit div.form_area div.base_info h5,
#add_choice_edit div.form_area div.base_info h5,
#address_del div.form_area div.base_info h5{
background:url(../img/sender_bg_h5.gif) top left no-repeat #FFF;
margin:8px 0 0 0;
padding:3px 8px;
font-weight:bold;
}
#address div.form_area div.base_info div.body,
#address_edit div.form_area div.base_info div.body,
#address_del div.form_area div.base_info div.body,
#add_choice_edit div.form_area div.base_info div.body{
padding:5px 20px 20px 20px;
border:3px solid #CCC;
border-top:none;
}
#address #input div.base_info div.name p.att,
#address_edit #input div.base_info div.name p.att{
margin:5px 0 0 0;
padding:0;
color:#666;
border:none;
font-weight:normal;
}
#address #input div.base_info div.c_area div.name p.att,
#address_edit #input div.base_info div.c_area div.name p.att{
display:none;
}
#address #input div.printaddress,
#address_edit #input div.printaddress{
margin:20px 0 0 0;
padding:20px 15px 20px 75px;
border:5px solid #EFEFEF;
min_height:55px;
_height:55px;
background:url(../img/bg_printaddress.gif) 15px center no-repeat;
}
#address #input div.printaddress p,
#address_edit #input div.printaddress p{
margin:0;
}
#address #input div.printaddress p.link,
#address_edit #input div.printaddress p.link{
margin:5px 0 0 0;
}
#address #input div.printaddress p.link a,
#address_edit #input div.printaddress p.link a{
/* background:url(../img/link_header.jpg) left center no-repeat; */
background:no-repeat left top 2px url(../img/common/ico_btn_pc.png);
padding-left:18px;
text-decoration: underline;
}
#address div.form_area div.func div.body,
#address_edit div.form_area div.func div.body,
#address_del div.form_area div.func div.body,
#add_choice_edit div.form_area div.func div.body{
padding:20px;
border:3px solid #CCC;
border-top:none;
}
#address div.form_area div.base_info div.body p,
#address div.form_area div.func div.body p,
#address_edit div.form_area div.base_info div.body p,
#address_edit div.form_area div.func div.body p,
#add_choice_edit div.form_area div.base_info div.body p,
#add_choice_edit div.form_area div.func div.body p{
margin:15px 0 15px 0;
}
#address div.form_area #companyField00 table,
#address_edit div.form_area #companyField00 table,
#add_choice_edit div.form_area #companyField00 table{
margin:0 0 3px 0;
}
#address #confirm div.form_area div#yomiganaField table,
#address_edit #confirm div.form_area div#yomiganaField table,
#address_del div.form_area div#yomiganaField table,
#add_choice_edit #confirm div.form_area div#yomiganaField table,{
margin:10px 0 5px 0;
}
#address div.form_area div#yomiganaField p,
#address_edit div.form_area div#yomiganaField p,
#add_choice_edit div.form_area div#yomiganaField p{
margin:0 0 10px 0;
padding:0;
}
#address div.form_area div.name div.add,
#address_edit div.form_area div.name div.add,
#add_choice_edit div.form_area div.name div.add{
margin-bottom:0;
}
#address div.form_area div.base_info div.body td p,
#address div.form_area div.func div.body td p,
#address_edit div.form_area div.base_info div.body td p,
#address_edit div.form_area div.func div.body td p,
#address_del div.form_area div.func div.body td p,
#add_choice_edit div.form_area div.base_info div.body td p,
#add_choice_edit div.form_area div.func div.body td p,{
margin:0 0 15px 0;
}

#address div.form_area div.group h4,
#address_edit div.form_area div.group h4,
#add_choice_edit div.form_area div.group h4{
font-weight:bold;
color:#FFF;
padding:5px 8px;
}
#address div.form_area div.group div.body,
#address_edit div.form_area div.group div.body,
#add_choice_edit div.form_area div.group div.body{
padding:15px;
}
#address div.form_area div.group div.body p,
#address_edit div.form_area div.body p,
#add_choice_edit div.form_area div.body p{
margin-bottom:15px;
}
#address div.form_area div.base_info div.body div.old_chara td p,
#address_edit div.form_area div.base_info div.body div.old_chara td p{
margin:3px 0 0 0;
}

#address div.form_area div.func div.anniversary table,
#address div.form_area div.func div.anniversary th,
#address div.form_area div.func div.anniversary td,
#address_edit div.form_area div.func div.anniversary table,
#address_edit div.form_area div.func div.anniversary th,
#address_edit div.form_area div.func div.anniversary td,
#add_choice_edit div.form_area div.func div.anniversary table,
#add_choice_edit div.form_area div.func div.anniversary th,
#add_choice_edit div.form_area div.func div.anniversary td{
border-bottom:none;
}
#address div.form_area div.func div.anniversary table,
#address_edit div.form_area div.func div.anniversary table,
#add_choice_edit div.form_area div.func div.anniversary table{
margin:0;
}
#address div.form_area div.id_no,
#address_edit div.form_area div.id_no,
#add_choice_edit div.form_area div.id_no{
margin-top:25px;
}
#address div.form_area div.id_no th,
#address_edit div.form_area div.id_no th,
#address_del div.form_area div.id_no th,
#add_choice_edit div.form_area div.id_no th{
background:#EFEFEF;
padding:3px 8px;
font-weight:normal;
}
#address div.form_area div.id_no td,
#address_edit div.form_area div.id_no td,
#address_del div.form_area div.id_no td,
#add_choice_edit div.form_area div.id_no td{
background:#EFEFEF;
padding:3px 8px;
}

/*住所削除*/

#address_del div.base_info{
border:4px solid red;
border-bottom:none;
}
#address_del div.base_info h3{
margin-top:0;
}
#address_del div.comment{
background:url(../img/ico_att_text.gif) left top no-repeat;
min-height:40px;
_height:40px;
padding-top:10px;
padding-left:47px;
margin-left:12px;
margin-bottom:20px;
}
#address_del #main_area div.base_info div.group div.body{
padding-top:20px;
}
#address_del div.func{
border:4px solid red;
border-top:none;
border-bottom:none;
padding-top:30px;
}
#address_del div.func h3{
margin-top:0;
}
#address_del div.id_no{
margin-top:0;
padding-top:30px;
border:4px solid red;
border-top:none;
}
#address_del div.id_no table{
margin:0;
}

/*データアップロード*/

/* #upload div.comment a{
background:url(../img/link_header.jpg) left no-repeat;
padding-left:18px;
} */
#upload div.comment p.guide{
margin-top:5px;
}
#upload div.comment p.guide a{
background:url(../img/ico_guidelink.gif) left no-repeat;
margin-top:5px;
padding:3px 0;
padding-left:18px;
}
#upload div.comment p.link{
margin-top:5px;
margin-bottom:15px;
}
#upload div.att{
margin:15px 0;
border:3px solid red;
padding:15px;
}
#upload div.att h3{
font-size:110%;
font-weight:bold;
border-bottom:1px dotted #CCC;
padding-bottom:6px;
}
#upload div.att div.body{
margin-top:10px;
}
#upload div.att div.body p{
margin-top:5px;
}
#upload div.company h3,
#upload div.personal h3{
background:#D5E9FD;
margin-bottom:0;
font-size:110%;
color:#FFF;
}
#upload div.personal h3{
background-color:#FF6600;
border:none;
}
#upload div.company h3{
background-color:#292976;
border:none;
}
#upload div.company div.body,
#upload div.personal div.body{
padding:10px 20px 20px 20px;
border:3px solid #CCC;
border-top:none;
}
#upload div.company div.body p,
#upload div.personal div.body p{
padding-left:50px;
padding-top:20px;
margin-bottom:10px;
min-height:40px;
_height:40px;
}
#upload div.company div.body p{
background:url(../img/ico_select_company.jpg) left center no-repeat;
}
#upload div.personal div.body p{
background:url(../img/ico_select_personal.jpg) left center no-repeat;
}
#upload div.company div.body div.caption,
#upload div.personal div.body div.caption {
    margin: 15px auto 0 auto;
    width: 710px;
}
#upload div.company div.body div.btn_area,
#upload div.personal div.body div.btn_area{
margin:20px auto 0 auto;
}
#upload div.template{
margin:30px 0;
}
#upload div.template h3{
margin-bottom:0;
}
#upload div.template div.body{
padding:20px;
border:3px solid #F4F1E9;
border-top:none;
}
#upload div.template div.body p.link{
margin-top:10px;
}
#upload div.template div.body a{
/* background:url(../img/link_header.jpg) left no-repeat; */
background:no-repeat left top 2px url(../img/common/ico_btn_pc.png);
padding-left:18px;
text-decoration: underline;
}

/*テンプレートダウンロード*/

#address #download div.flow{
padding:20px;
margin:15px 0 30px 0;
border:5px solid #EFEFEF;
}
#address #download div.flow h2{
margin-bottom:15px
}
#address #download div.flow div.img{
margin:20px 0 20px 0;
}
#address #download div.flow p{
margin-top:10px;
}
#address #download div.flow div.link{
margin-top:15px;
padding-top:5px;
border-top:1px dotted #CCC;
}
#address #download div.flow div.link li{
margin-top:3px;
display:inline;
}
#address #download div.flow div.link p{
margin-bottom:10px;
}
#address #download div.template{
margin-top:40px;
}
#address #download div.template p.link{
margin-top:10px;
}
#address #download div.template p.link a{
padding:3px 10px 3px 20px;
background:url(../img/ico_guidelink.gif) left center no-repeat;
}
#address #download div.template h3{
margin-bottom:0;
}
#address #download div.template div.body{
padding:20px;
border:3px solid #F4F1E9;
border-top:none;
}
#address #download div.template div.btn{
margin:10px 0;
}

#download div.company h3,
#download div.personal h3{
background:#D5E9FD;
margin-bottom:0;
font-size:110%;
color:#FFF;
}
#download div.personal h3{
background-color:#FF6600;
border:none;
}
#download div.company h3{
background-color:#292976;
border:none;
}
#download div.company div.body,
#download div.personal div.body{
padding:10px 20px 20px 20px;
border:3px solid #CCC;
border-top:none;
}
#download div.company div.body p,
#download div.personal div.body p{
padding-left:50px;
padding-top:20px;
margin-bottom:10px;
min-height:40px;
_height:40px;
}
#download div.company div.body p{
background:url(../img/ico_select_company.jpg) left center no-repeat;
}
#download div.personal div.body p{
background:url(../img/ico_select_personal.jpg) left center no-repeat;
}
#download div.company div.body div.btn_area,
#download div.personal div.body div.btn_area{
margin:20px auto 0 auto;
}
#download div.printaddress{
margin:25px 0 0 0;
padding:15px 15px 15px 65px;
border:2px solid #EFEFEF;
min_height:55px;
_height:55px;
background:url(../img/bg_printaddress.gif) 10px center no-repeat;
}
#download div.printaddress p{
margin:0;
}
#download div.printaddress p.link{
margin:5px 0 0 0;
}
#download div.upload{
margin:30px 0 0 0;
text-align:center;
}
#download div.upload p{
margin-bottom:10px;
}


/*住所録一括削除*/

#add_list_del div.comment{
background:url(../img/ico_att_text.gif) left top no-repeat;
min-height:40px;
_height:40px;
padding-top:0px;
padding-left:47px;
margin-left:12px;
margin-bottom:20px;
}
#add_list_del div.base_info{
border:4px solid red;
}
#add_list_del div.base_info table{
margin:0;
}
#add_list_del div.base_info th{
width:200px;
background-color:#D5E9FD;
}


/*住所録登録内容チェック*/

#address_check div.duplication{
border:5px solid #FEE0F3;
padding:15px 20px;
margin-bottom:30px;
}
#address_check div.description div.original{
margin-top:10px;
padding-top:15px;
border-top:1px dotted #CCC;
}
#address_check div.description div.original table{
border-collapse:collapse;
}
#address_check div.description div.original th{
width:100px;
text-align:left;
vertical-align:top;
padding:0 15px 5px 20px;
border-right:3px solid #EFEFEF;
white-space:nowrap;
font-weight:normal;
background:url(../img/btn_history_thbg.gif) left top no-repeat;
}
#address_check div.description div.original td{
padding:0 10px 5px 15px;
text-align:left;
vertical-align:top;
}
#address_check div.duplication h3{
border-left:6px solid #CCC;
padding:0;
padding-left:9px;
background:#FFF;
margin-bottom:12px;
}
#address_check h2{
margin-top:0;
}
#address_check h3{
margin:0;
padding:10px;
}
#address_check div.body{
margin-bottom:10px;
border:3px solid #F4F1E9;
padding:15px;
}
#address_check div.form_area th,
#duplication_check div.form_area th{
width:auto;
}
#address_check div.form_area th.id_no,
#duplication_check div.form_area th.id_no{
width:30px;
}
#address_check div.duplication div.btn{
text-align:center;
width:80%;
margin:20px auto 0 auto;
padding:10px;
background:#EDE9DC;
}
#address_check div.error_input{
border:5px solid #FEE0F3;
padding:15px 20px;
margin-top:20px;
margin-bottom:30px;
}
#address_check div.error_input div.btn{
text-align:center;
width:80%;
margin:20px auto 0 auto;
padding:10px;
background:#EDE9DC;
}
#address_check div.error_input h4{
border-left:6px solid #CCC;
padding:0;
padding-left:9px;
background:#FFF;
margin-top:15px;
margin-bottom:12px;
color:#666;
}
#address_check div.error_input th{
width:180px;
background:#D2E9FF;
}

#address_check #addlist_area,
#duplication_check #addlist_area{
padding:0;
background:#FFF;
margin:10px 0 8px 0;
}
#duplication_check h2{
margin-top:20px;
}
#duplication_check div.duplication{
margin-top:30px;
}

#duplication_check div.comment{
margin-bottom:15px;
}
#duplication_check div.original{
	margin-top:30px;
	margin-bottom:15px;
	padding:15px;
	border:3px solid #D5E9FD;
}
#duplication_check div.original table{
border-collapse:collapse;
margin:0;
}
#duplication_check div.original th{
width:100px;
text-align:left;
vertical-align:top;
padding:0 15px 5px 5px;
border:none;
border-right:3px solid #EFEFEF;
white-space:nowrap;
font-weight:normal;
}
#duplication_check div.original td{
padding:0 10px 5px 15px;
text-align:left;
border:none;
vertical-align:top;
}
#duplication_check td.name{
background:#FCEBF2;
}
#duplication_check p#status{
margin-bottom:25px;
}
#duplication_check div.duplication div.btn{
text-align:center;
width:200px;
margin:20px auto 0 auto;
padding:10px;
background:#EDE9DC;
}


/*外部呼出しポップアップ*/

#container_liquid h2{
margin-top:0;
}
/* #add_choice #container_liquid #main_area #title,
#add_selected_list #container_liquid #main_area #title,
#history_addlist #container_liquid #main_area #title{
background:url(../img/title_addchoice_bg.jpg) repeat-x;
} */
#add_choice div.comment{
}
#add_choice #addlist_area{
margin:15px 0;
padding:0;
}
#pop #main_area div.listpage_navi{
text-align:center;
}
#add_choice #container_liquid #footer{
}
#add_choice #main_area #error{
margin-left:0;
margin-right:0;
}
#add_choice h2{
margin-top:30px;
}
#add_choice div.pnavi_area{
text-align:center;
margin:25px 0 0 0;
}
#add_choice #main_area div.listpage_navi{
padding-left:20px;
margin:0;
}
#add_choice #current_select_area{
width:80%;
margin:0 auto;
padding-bottom:30px;
background:url(../img/addlist_group_bg.jpg) center bottom no-repeat;
}
#add_choice #current_select_area p{
margin:20px 0 0 0;
background:#EFEFEF;
text-align:center;
padding:10px;
font-size:110%;
}
#add_choice div.select_area{
padding-bottom:30px;
background:url(../img/addlist_group_bg.jpg) center bottom no-repeat;
}
#add_choice div.total_select{
padding:10px;
background:#D9FACD;
font-weight:bold;
text-align:center;
font-size:120%;
margin-bottom:20px;
display:none;
}

#add_choice div.select_list{
margin-bottom:30px;
padding:5px 15px;
border:3px solid #CCC;
}
#add_choice div.select_list table{
border:none;
margin:0;
padding:0;
}
#add_choice div.select_list table th{
border:none;
width:120px;
vertical-align:middle;
padding-top:5px;
}
#add_choice div.select_list table td{
border:none;
padding-top:5px;
}
#add_choice div.select_list table tr.all th,
#add_choice div.select_list table tr.all td{
padding-top:5px;
padding-bottom:10px;
vertical-align:middle;
}
#add_choice div.select_list table tr.group th,
#add_choice div.select_list table tr.group td{
border-top:1px dotted #CCC;
padding-top:10px;
padding-bottom:5px;
}
#add_choice div.select_list table tr.history th,
#add_choice div.select_list table tr.history td{
border-top:1px dotted #CCC;
padding-top:5px;
padding-bottom:5px;
}
#add_choice div.select_list table tr.group th input,
#add_choice div.select_list table tr.group td input,
#add_choice div.select_list table tr.history th input,
#add_choice div.select_list table tr.history td input{
vertical-align:middle;
}
#add_choice div.select_list table tr.all td img,
#add_choice div.select_list table tr.group th img,
#add_choice div.select_list table tr.group td img,
#add_choice div.select_list table tr.history th img,
#add_choice div.select_list table tr.history td img{
vertical-align:middle;
}
#add_choice div.select_list table td.label{
width:120px;
}

#add_choice div.number_navi{
float:left;
padding:0 25px 0 18px;
}

/*********************************************/
#add_choice div.select_group{
margin-bottom:30px;
padding:15px;
border:3px solid #CCC;
}
#add_choice div.select_group span.label{
padding-right:5px;
vertical-align:middle;
}
#add_choice div.select_group select{
vertical-align:middle;
}
#add_choice div.select_group input{
vertical-align:-0.5em;
}
#add_choice div.select_group span.btn{
}
#add_choice div.select_group span.caption{
}
/*********************************************/

#add_choice #liststatus_area{
margin:20px 0 0 0;
font-size:100%;
padding:5px;
}
#add_choice #liststatus_area div.status{
margin-right:0;
}
#add_choice #liststatus_area div.status input{
vertical-align:-0.3em;
}
#add_choice #liststatus_area div.status select{
font-size:75%;
}
#add_choice #liststatus_area div.status span.caption{
color:#FFF;
font-weight:normal;
font-size:70%;
}
#add_choice div.base_list div.total_select{
margin-bottom:20px;
}
#add_choice div.total_select span.current_check{
font-size:120%;
padding:0 2px 0 5px;
color:#FF3300;
}
#add_choice div.check{
	padding:8px;
	border:2px solid #FF9900;
	margin-bottom:20px;
}
#add_choice div.check p{
display:inline;
padding-right:5px;
}
#add_choice div.check span.btn{
white-space:nowrap;
}
#add_choice div.check input{
vertical-align:middle;
}
#add_choice div.check span.count_in_group{
font-weight:bold;
font-size:150%;
padding:0 2px 0 5px;
color:#FF3300;
}
#add_choice div.base_list{
padding:15px;
}
#add_choice div.base_list #status{
margin:0 0 15px 0;
}

#add_choice div.select{
padding:10px;
border:3px solid #5FA2EC;
font-size:110%;
font-weight:bold;
}
#add_choice div.select_all{
text-align:right;
float:none;
margin:0;
}
#add_choice th.id_no{
width:5px;
}
#add_choice th.dtype{
width:60px;
}
#add_choice th.edit{
width:70px;
vertical-align:top;
}
#add_choice td.edit{
padding:3px 3px 0 3px;
}
#add_choice th.select{
width:30px;
}
#add_choice #addlist_area tr.check td{
background:#EFFDEA;
}
#add_choice #addlist_area tr.check td.no{
background:#FFF;
}
#add_choice #addlist_area tr.change td{
background:#FFFFCC;
}
#add_choice #addlist_area tr.change td.no{
background:#FFF;
}
#add_choice div.page_navi{
text-align:center;
padding:10px;
}
#add_choice div.btn_area{
}


#add_choice #js_alert{
padding:10px 12px;
background:#FFFFCC;
margin-bottom:15px;
font-size:120%;
color:#666;
}
#add_choice #js_alert p{
font-weight:bold;
font-size:110%;
}

#add_choice #complete div.form_area{
margin-bottom:60px;
}

/**/

#add_selected_list{
}
#add_selected_list div.listpage_navi{
margin-left:20px;
}
#add_selected_list div.base_list{
padding:0;
border:none;
}
#add_selected_list #addlist_area{
margin:10px 0;
}
#add_selected_list div.pnavi_area{
text-align:center;
margin-top:40px;
}



/*住所録管理 終了　******************************************************/

/*グループ管理 開始　****************************************************/

/*共通*/

#group div.form_area th,
#group_edit div.form_area th,
#group_del div.form_area th{
background-color:#D5E9FD;
}

/*一覧*/
#group #list table{
width:100%;
border-collapse:collapse;
}
#group #list table th{
padding:8px;
border:inherit;
white-space:normal;
/*width:180px;*/
border:1px solid #BBB;
text-align:left;
font-weight:bold;
background:#D5E9FD;
}
#group #list #main_area tr.change th,
#group #list #main_area tr.change td{
background:#FFFFCC;
}
#group #list #main_area table td{
background:#FFF;
padding:8px;
border:1px solid #BBB;
text-align:left;
}

#group #list table th.no,
#group #list table td.no{
width:5px;
padding-right:0px;
}

#group #list table th.group,
#group #list table td.group{
border-right:none;
width:160px;
}

#group #list table th.number,
#group #list table td.number{
}

#group #list table th.btn,
#group #list table td.btn{
}

#group #list #main_area table td.btn{
width:306px;
text-align:center;
}

#group #list #main_area table td.btn img.del{
margin-left:5px;
}

/*修正*/

#group_edit p.att{
margin-bottom:15px;
}
#group_edit div.old table th{
background:#EFEFEF;
color:#666;
}
#group_edit div.old table td{
color:#666;
}
#group_edit div.old{
padding-bottom:50px;
margin-bottom:15px;
background:url(../img/allow.gif) center bottom no-repeat;
}
#group_edit h3{
margin-top:0;
}

/*削除*/

#group_del div.comment{
background:url(../img/ico_att_text.gif) left top no-repeat;
min-height:40px;
_height:40px;
padding-top:10px;
padding-left:47px;
margin-left:12px;
margin-bottom:20px;
}
#group_del table{
border:4px solid red;
}
#group_del #main_area th,
#group_del #main_area td{
border-color:red;
}
#group_del #main_area p.att{
margin-bottom:15px;
}

/*グループ管理 終了　****************************************************/

/*差出人情報管理 開始　**************************************************/

/*差出人一覧*/

#sender #list h2{
border:none;
border-left:3px solid #66A03A;
color: #333;
font-weight:bold;
margin:0;
font-size:100%;
padding:5px;
background-color:#C1EBB1;
}
#sender #list table,
#sender_del table{
width:100%;
border-collapse:collapse;
}
#sender #list table th{
background:none;
padding:0 15px 5px 20px;
border:none;
border-right:3px solid #EFEFEF;
width:100px;
white-space:nowrap;
font-weight:normal;
background:none;
text-align:left;
background:url(../img/btn_history_thbg.gif) left top no-repeat;
}
#sender #list table td,
#sender_del table td{
background:none;
padding:0 10px 5px 15px;
border:none;
border-spacing:5px;
text-align:left;
vertical-align:top;
width:auto;
}

#sender #list div.sender_info table th,
#sender #list div.m_info table th,
#sender_del div.sender_info table th{
width:75px;
background-image:none;
border-right-width:3px;
}
#sender_del #main_area div.sender_info table th{
background-image:none;
}
#sender #list table tr.no1 th,
#sender #list div.m_info table th,
#sender_del #main_area table tr.no1 th{
background-image:url(../img/btn_history_thbg.gif);
}

#sender #list table td.th,
#sender_del table td.th{
width:50px;
}
#sender #list table td.no,
#sender_del table td.no{
width:65px;
}

#sender_del div.address,
#sender_del div.name{
margin-top:10px;
}

#sender #list div.description{
border-color:#EFEFEF;
}
#sender #list div.body{
padding:20px 20px 15px 20px;
border:3px solid #C1EBB1;
border-top:none;
margin:0 0 5px 0;
}
#sender #list #main_area h5,
#sender_edit #list #main_area h5{
background:none #EFEFEF;
margin:10px 0 8px 0;
padding:2px 5px;
color:#666;
}
#sender #list #main_area td th,
#sender_edit #list #main_area td th{
border-right:none;
}
#sender #list #main_area th.kana,
#sender_edit #list #main_area th.kana{
border-right:none;
background:none;
padding-left:0;
}
#sender #list div.m_info{
padding:0;
}
#sender #list div.m_info h2{
background-color:#CCC;
border-left-color:#333;
}
#sender #list div.m_info div.body{
padding:5px 20px 20px 20px;
border-color:#CCC;
}
#sender #list div.m_info div.btn_area{
margin:0 0 0 0;
width:auto;
background:none;
padding:5px 0 0 0;
text-align:right;
}
#sender #list div.m_info div.btn_area p{
margin-bottom:8px;
}

#sender #list div.sender_list{
margin-bottom:20px;
padding-bottom:20px;
border-bottom:1px dotted #CCC;
}
#sender #list div.sender_info h2 span.no{
color:#666;
padding:3px 10px 3px 5px;
font-size:90%;
font-weight:bold;
background:;
border-right:1px dotted #CCC;
}

/*差出人登録・修正*/

#sender #main_area div.base_info h3,
#sender_edit #main_area div.base_info h3{
background:#C1EBB1;
border-left:3px solid #66A03A;
font-size:110%;
margin-bottom:0;
color:#333;
}
#sender #main_area div.base_info h3,
#sender_edit #main_area div.base_info h3{
margin-top:0;
}
#sender #main_area div.base_info div.body,
#sender_edit #main_area div.base_info div.body{
padding:10px 20px 20px 20px;
border:3px solid #CCC;
border-top:none;
}

#sender #main_area div.index div.body,
#sender_edit #main_area div.index div.body{
padding:15px;
border:3px solid #CCC;
border-top:none;
}
#sender #main_area div.index,
#sender_edit #main_area div.index{
background:url(../img/addlist_group_bg.jpg) top center no-repeat;
padding-top:22px;
width:90%;
margin:0 auto;
}
#sender #main_area div.index h3,
#sender_edit #main_area div.index h3{
background-color:#66A03A;
font-weight:bold;
color:#FFF;
margin:0;
padding:5px 5px;
}
#sender #main_area div.index h3 span.must,
#sender_edit #main_area div.index h3 span.must{
color:#FFF;
padding:3px;
background:#E20A0A;
margin-left:5px;
margin-top:3px;
font-weight:bold;
font-size:90%;
line-height:1.0;
white-space:nowrap;
}
#sender #main_area div.index div.body p,
#sender_edit #main_area div.index div.body p{
margin-top:0;
padding-top:0;
}
#sender #main_area div.index div.body span.ex,
#sender_edit #main_area div.index div.body span.ex{
padding-left:5px;
}
#sender #main_area div.base_info div.index,
#sender_edit #main_area div.base_info div.index{
background:none;
padding-top:0;
width:100%;
margin:0;
}
#sender #main_area div.base_info div.index h3,
#sender_edit #main_area div.base_info div.index h3{
margin-top:15px;
background-color:#66A03A;
font-size:100%;
border:none;
}
#sender #main_area div.base_info div.index div.body,
#sender_edit #main_area div.base_info div.index div.body{
border-width:1px;
border-color:#BBB;
}

#sender #input #main_area div.company h4,
#sender_edit #input #main_area div.company h4{
margin:0;
}

#sender #input #main_area div.c_name,
#sender_edit #input #main_area div.c_name{
margin:0 0 15px 0;
}
#sender #confirm #main_area div.body,
#sender_edit #confirm #main_area div.body{
padding:20px;
}
#sender #confirm #main_area h4,
#sender_edit #confirm #main_area h4{
margin:0;
}
#sender #confirm #main_area div.company h4,
#sender_edit #confirm #main_area div.company h4{
margin:0 0 20px 0;
}
#sender #main_area div.company h4,
#sender_edit #main_area div.company h4,
#sender #main_area div.personal h4,
#sender_edit #main_area div.personal h4{
margin:0;
}

#sender #main_area h5,
#sender_edit #main_area h5{
background:url(../img/sender_bg_h5.gif) top left no-repeat #FFF;
margin:8px 0 0 0;
padding:3px 8px;
font-weight:bold;
}
#sender #main_area div.no3,
#sender_edit #main_area div.no3{
margin-top:15px;
padding-top:5px;
border-top:1px dotted #CCC;
}

#sender #main_area div.body p,
#sender_edit #main_area div.body p{
margin:10px 0 15px 0;
}

#sender div.company,
#sender div.personal,
#sender_edit div.company,
#sender_edit div.personal{
margin-bottom:15px;
}

#sender div.address,
#sender_edit div.address{
margin-top:15px;
}

#sender div.sender_info{
padding:0;
margin-bottom:10px;
}
#sender div.sender_info h2{
background-color:#D5E9FD;
vertical-align:middle;
}

#sender div.sender_info div.btn_area{
margin:0 0 0 0;
width:auto;
background:none;
padding:5px 0 0 0;
text-align:right;
}
#sender div.sender_info div.btn_area img{
margin:0 0 0 5px;
}
#sender #no1{
margin-top:10px;
}

#sender div.address td select,
#sender_edit div.address td select,
#sender div.mail td select,
#sender_edit div.mail td select{
margin-right:5px;
}

#sender #input div#blockt11_etcetcetc,
#sender #input div#blockt12_etcetcetc,
#sender #input div#blocke11_etcetcetc,
#sender #input div#blocke12_etcetcetc,
#sender #input div#blockt21_etcetcetc,
#sender #input div#blockt22_etcetcetc,
#sender #input div#blocke21_etcetcetc,
#sender #input div#blocke22_etcetcetc,
#sender_edit #input div#blockt11_etcetcetc,
#sender_edit #input div#blockt12_etcetcetc,
#sender_edit #input div#blocke11_etcetcetc,
#sender_edit #input div#blocke12_etcetcetc,
#sender_edit #input div#blockt21_etcetcetc,
#sender_edit #input div#blockt22_etcetcetc,
#sender_edit #input div#blocke21_etcetcetc,
#sender_edit #input div#blocke22_etcetcetc{
display:none;
}

/*差出人削除*/

#sender_del div.comment{
background:url(../img/ico_att_text.gif) left top no-repeat;
min-height:40px;
_height:40px;
padding-top:0;
padding-left:47px;
margin-left:12px;
margin-bottom:20px;
}
#sender_del #main_area div.sender_info{
border:4px solid red;
}
#sender_del #main_area h3{
background:#C1EBB1;
border-left:3px solid #66A03A;
color:#333;
margin:0;
}
#sender_del #main_area div.body{
padding:15px;
border:3px solid #C1EBB1;
border-top:none;
background:#FFF;
}
#sender_del #main_area div.body table{
margin:0;
}
#sender_del #main_area table th{
background:none;
padding:0 15px 5px 20px;
border:none;
border-right:3px solid #EFEFEF;
width:75px;
white-space:nowrap;
font-weight:normal;
background:none;
text-align:left;
background:url(../img/btn_history_thbg.gif) left top no-repeat;
}
#sender_del #main_area table td{
background:none;
padding:0 10px 5px 15px;
border:none;
border-spacing:5px;
text-align:left;
}


/*差出人情報管理 終了　**************************************************/

/*履歴管理 開始　********************************************************/

/*履歴一覧*/

#history #list table{
width:100%;
}
#history #list table th{
padding:8px;
border:inherit;
white-space:normal;
width:180px;
border:1px solid #BBB;
text-align:left;
font-weight:bold;
background:#D5E9FD;
vertical-align:middle;
}
#history #list table td{
border:1px solid #BBB;
padding:8px;
vertical-align:middle;
}
#history #list td.img{
width:150px;
text-align:center;
border-right:none;
border-left:none;
}
#history #list td.detail{
border-right:none;
border-left:none;
}
#history #list td.btn{
width:140px;
text-align:center;
border-left:none;
}

/*履歴詳細*/

#history #detail div.title{
padding:6px;
background:#F4F1E9;
margin-bottom:0;
border:2px solid #CCC;
}
#history #detail h3{
padding:0;
padding-left:6px;
border-left:3px solid #4E8FDB;
font-weight:bold;
margin:0;
font-size:100%;
border-bottom:none;
}
#history #detail div.body{
border:2px solid #CCC;
border-top:none;
padding:10px;
text-align:left;
}
#history #detail table{
width:100%;
}
#history #detail table th{
background:none;
padding:0 15px 0 20px;
border:none;
width:100px;
white-space:nowrap;
font-weight:normal;
background:none;
text-align:left;
background:url(../img/btn_history_thbg.gif) left top no-repeat;
vertical-align:top;
}
#history #detail table td{
background:none;
padding:0 10px 0 0;
border:none;
text-align:left;
}
#history #detail table.text{
margin:5px 0;
border-top:1px dotted #CCC;
}
#history #detail table.text th,
#history #detail table.text td{
border-bottom:1px dotted #CCC;
padding-top:5px;
padding-bottom:5px;
}
#history #detail table.text th{
background-position:0 5px;
vertical-align:top;
}
#history #detail div.order div.no{
background:#D5E9FD;
padding:8px 10px 5px 10px;
font-weight:bold;
}
#history #detail div.order div.body{
padding:10px 10px 0 10px;
border:2px solid #CCC;
border-top:none;
}
#history #detail div.open{
/* background:url(../img/link_header.jpg) left center no-repeat; */
background:no-repeat left top 2px url(../img/common/ico_btn_pc.png);
padding-left:18px;
text-decoration: underline;
}
#history #detail div.order div.slide{
margin-bottom:15px;
}
#history #detail div.order div.img{
text-align:center;
margin-bottom:20px;
}
#history div.order div.img p{
padding:0;
}
#history #detail div.order div.img img{
margin:0 5px 10px 5px;
vertical-align:middle;
}
#history #detail div.order td img{
vertical-align:middle;
}

#history #detail div.order h4{
margin:0;
padding:3px 6px;
background:#F4F1E9;
font-weight:bold;
color:#666666;
border:none;
}
#history #detail div.order div.body div.body{
padding:20px 35px 15px 35px;
border:5px solid #D5E9FD;
border-top:none;
background:#FFF;
margin-bottom:10px;
}
#history #detail div.order div.option div.body,
#history #detail div.order div.input div.body,
#history #detail div.order div.subtotal div.body{
border:none;
padding:8px 10px;
margin:0;
}
#history #detail div.order div.body div.input{
border:2px solid #CCC;
border-bottom:none;
}
#history #detail div.order div.body div.option{
border:2px solid #CCC;
border-bottom:none;
}
#history #detail div.order div.body div.subtotal{
border:2px solid #CCC;
}
#history #detail div.order div.body div.option tr.add_print th,
#history #detail div.order div.body div.option tr.add_print td{
vertical-align:middle;
}
#history #detail div.order div.subtotal table th{
background:none;
padding:0 0 5px 15px;
width:120px;
}
#history #detail div.order div.subtotal table tr.detail th,
#history #detail div.order div.subtotal table tr.detail td{
padding-bottom:5px;
vertical-align:top;
}
#history #detail div.order div.subtotal table tr.detail td.price{
text-align:right;
}
#history #detail div.order div.subtotal table tr.total th,
#history #detail div.order div.subtotal table tr.total td{
border-top:1px solid #CCC;
padding-top:5px;
}
#history #detail div.order div.subtotal table tr.total td{
text-align:right;
}
#history #detail div.order div.btn{
text-align:center;
margin:15px auto 0 auto;
padding:5px;
width:300px;
background:#EFEFEF;
}
#history #detail div.sender{
margin:15px 0 10px 0;
}
#history #detail div.sender li.name{
margin:0 0 10px 0;
}
#history #detail div.post{
margin:5px 0 10px 0;
}
#history #detail div.post li.name{
margin:0 0 10px 0;
}

#history #detail div.price table{
margin:0 auto;
}
#history #detail div.price table th{
background:none;
padding:0 15px 0 15px;
width:280px;
}
#history #detail div.price table tr.deli th,
#history #detail div.price table tr.deli td{
padding-bottom:5px;
}
#history #detail div.price table tr.total th,
#history #detail div.price table tr.total td{
border-top:1px solid #CCC;
padding-top:5px;
font-size:120%;
font-weight:bold;
}
#history #detail div.price table td{
text-align:right;
}

#history_addlist #pop div.listpage_navi{
text-align:left;
padding-left:20px;
}
#history_addlist #pop #addlist_area{
background:none;
}
#history_addlist #pop #addlist_area div.listpage_navi table{
margin:10px 0;
}
#history_addlist #pop #addlist_area th.no,
#history_addlist #pop #addlist_area td.no{
width:8px;
background:none;
border:none;
padding-top:7px;
padding-left:2px;
padding-right:5px;
color:#999;
font-size:75%;
text-align:right;
}
#history_addlist #pop #addlist_area td{
width:15px;
}
#history_addlist #pop #addlist_area .id_no{
width:20px;
}
#history_addlist #pop #addlist_area .name{
width:280px;
}
#history_addlist #pop #addlist_area .name table td{
width:auto;
}
#history_addlist #pop #addlist_area .name table td.family_name,
#history_addlist #pop #addlist_area .name table td.first_name{
white-space:nowrap;
}
#history_addlist #pop #addlist_area .address{
width:370px;
}

/*履歴管理 終了　********************************************************/

/*ログアウト 開始　******************************************************/

#logout #main_area h2{
margin-top:20px;
}

/*ログアウト 終了　******************************************************/

/*退会 開始　************************************************************/

#withdrawal #confirm div.comment{
background:url(../img/ico_att_text.gif) left top no-repeat;
min-height:40px;
_height:40px;
padding-top:10px;
padding-left:47px;
margin-left:12px;
margin-bottom:10px;
}
#withdrawal p.att{
border:4px solid red;
padding:10px;
margin:10px 0 25px 0;
font-size:110%;
}
#withdrawal div.att{
background:;
border-top:1px dotted #CCC;
border-bottom:1px dotted #CCC;
padding:15px;
}
#withdrawal div.att p.link{
margin-top:10px;
font-weight:normal;
}
#withdrawal #confirm div.btn_area{
background:#EFEFEF;
}


/*退会 終了　************************************************************/

/*個人情報保護方針 開始　************************************************/

#privacy #main div.body{
margin:0 20px;
font-size:100%;
line-height:1.6;
}
#privacy #main h2{
margin-top:15px;
}
#privacy #main dl{
margin-top:30px;
margin-left:15px;
}
#privacy #main dt{
font-weight:bold;
font-size:120%;
margin-bottom:10px;
}
#privacy #main dd{
margin-bottom:20px;
margin-left:1.8em;
}
#privacy #main dd ul{
margin-left:0;
margin:15px 0 0 0;
}
#privacy #main dd li{
padding-left:1.5em;
text-indent:-1.5em;
}
#privacy #main dd table{
margin:15px 0;
border-collapse:collapse;
width:720px;
}
#privacy #main dd th{
padding:8px;
text-align:left;
vertical-align:top;
border:1px solid #CCC;
width:120px;
background:#EFEFEF;
}
#privacy #main dd td{
padding:8px;
text-align:left;
vertical-align:top;
border:1px solid #CCC;
}
#privacy #main ul{
margin-left:10px;
}
#privacy #main div.day{
text-align:right;
}
#privacy #main h3{
margin-top:40px;
}
#privacy #main h4{
	margin-top: 30px;
    font-weight: bold;
    padding: 5px 8px;
    margin-bottom: 20px;
    font-size: 100%;
    background: #008131;
    color: #FFF;
}
#privacy #main div.privacy ul{
margin-top:15px;
margin-bottom:20px;
}
#privacy #main div.privacy p{
margin-bottom:10px;
}
#privacy #main div.use dd,
#privacy #main div.open dd{
margin-bottom:20px;
margin-left:0;
}

#privacy #main div.name{
text-align:right;
margin-top:20px;
}

/*個人情報保護方針 終了　************************************************/

/*利用規約 開始　********************************************************/

#terms h2,
#terms_regist h2 {
	font-weight: bold;
	margin-top:30px;
	font-size: 17px;
}
#terms div.body,
#terms_regist div.body {
	margin:15px 10px;
}
#terms div.body ul,
#terms_regist div.body ul {
	margin:15px 15px 15px 15px;
	padding-left:15px;
}
#terms div.body ol,
#terms_regist div.body ol {
	margin:15px 0;
}
#terms div.body li,
#terms_regist div.body li {
	list-style-type:disc;
	margin-bottom:5px;
}
#terms div.body ol,
#terms_regist div.body ol {
	margin-left:1em;
	padding-left:20px;
}
#terms div.body ol li,
#terms_regist div.body ol li {
	list-style-type:decimal;
}
#terms div.body ol > li ol,
#terms_regist div.body ol > li ol{
    margin: 5px 0 10px 1.5em;
}
#terms div.body ol > li ol li,
#terms_regist div.body ol > li ol li {
    list-style-type: none;
    counter-increment: cnt;
    padding-left: 0;
    text-indent: 0;
}
#terms div.body ol > li ol li:before,
#terms_regist div.body ol > li ol li:before {
    content: "（"counter(cnt)"）";
    display: inline-block;
    margin-left: -3.4em;
    width: 3.4em;
}
h3 + p:last-child {
    margin-bottom: 20px;
}
.rule24 p {
    text-align: right;
}

#terms div.body li ul li,
#terms_regist div.body li ul li {
	list-style-type:circle;
}
#terms div.body dl,
#terms_regist div.body dl  {
	margin:20px 0;
}
#terms div.body dt,
#terms_regist div.body dt {
margin:15px 0 10px 0;
	font-weight:bold;
}
#terms div.body dd,
#terms_regist div.body dd {
	margin-left:1.0em;
}
#terms div.rule04 dd dd,
#terms_regist div.rule04 dd dd {
	margin-left:0;
}
#terms_regist div.rule04 ul li {
	list-style:none;
}
#terms div.rule04 div.contact h3,
#terms_regist div.rule04 div.contact h3 {
	font-size: 13px;
	border-bottom: none;
	padding-bottom: 0;
	margin:15px 0 10px 0;
}
#terms div.rule04 div.contact table,
#terms_regist div.rule04 div.contact table {
	width:720px;
	border-collapse:collapse;
}
#terms div.rule04 div.contact table th {
	border:1px solid #CCC;
	background:#EFEFEF;
	padding:8px;
	vertical-align:top;
	text-align:left;
}
#terms_regist div.rule04 div.contact table th {
	border:1px solid #CCC;
	background:#BBB;
	padding:8px;
	vertical-align:top;
	text-align:left;
}
#terms div.rule04 div.contact table td,
#terms_regist div.rule04 div.contact table td {
	border:1px solid #CCC;
	padding:8px;
}
#terms div.rule04 dd ol li,
#terms_regist div.rule04 dd ol li {
	list-style-type:none;
}
#terms div.rule10 {
	margin-bottom:50px;
}
#terms_regist {
	padding:20px;
	font-size:80%;
	background:#EFEFEF;
}

/*利用規約 終了　********************************************************/

/*利用環境 開始　********************************************************/

#setting h4 {
	margin-top:0px;
	font-weight:bold;
	border-bottom:3px solid #CCC;
	padding:5px 8px;
	margin-bottom:25px;
	font-size:120%;
}
#setting .pechecker {
	background:#EDEDED;
	padding:15px 20px;
	height: 52px;
	width:760px;
	margin:25px auto 0 0;
}
#setting .pechecker a {
	width:180px;
	height:52px;
	float:left;
	margin-bottom:5px;
	background:url(/kankyo/img/btn_pechecker.gif) 0 0 no-repeat;
	display:block;
	overflow:hidden;
	text-indent:-9999px;
	text-decoration:none;
	border: 0;
}
#setting .pechecker a:hover {
	background-position:0 -52px;
}
#setting .pechecker p {
	width:540px;
	float:right;
	padding:0.5em 20px 0.5em 0;
}

/*利用環境 終了　********************************************************/

/*サイトについて 開始　**************************************************/

#site div.description {
	border: none;
	padding: 0;
	margin-bottom: 30px;
}
#site div.description .caption {
	margin: 15px 0 0 0;
}
#site dt {
}
#site dd ul li + li {
	margin-top: 15px;
}
#site div.site,
#site div.kh,
#site div.hs {
	padding: 25px 25px;
	border: 3px solid #d7d7d7;
	margin-bottom: 30px;
}
#site div.guide .link {
	margin-top: 10px;
}
#site div.company {
	margin:50px 0 45px 0;
}
#site div.company h2 {
	margin-bottom:20px;
}
#site div.company .ex_tel {
	padding-top:10px;
}
#site div.company .ex_tel span {
	background:#5FA2EC;
	color:#FFF;
	display: inline-block;
	font-weight:bold;
	margin-right:10px;
	padding:3px 5px;
}
#site div.company span.link {
	padding-left:8px;
}

#site div.company table {
	width:780px;
}
#site div.company th {
	text-align:left;
	padding-right:8px;
	padding-bottom:8px;
	vertical-align:top;
}
#site div.company td {
	padding-bottom:8px;
}
#site div.company td a {
	background:none;
	padding-left:0;
}
#site div.company div.contact {
	margin-top:10px;
	padding:15px;
	border:solid 3px #d7d7d7;
}


/*サイトについて 終了　**************************************************/

/*お問い合せ 開始　******************************************************/

#contact_pop #main_area{
padding:0 0 23px 0;
margin:0 10px;
}
#contact_pop div.form_area div.comment{
}
#contact_pop div.form_area th,
#contact_pop div.form_areaa td{
border:1px solid #BBB;
}
#contact_pop div.form_area th{
background-color:#D5E9FD;
}
#contact_pop div.form_area tr.must th{
background-color:#B4D8FC;
}
#contact_pop div.form_area td{
background:#FFF;
}
#contact_pop #container_liquid #footer{
}

#contact_pop textarea#cont{
width:350px;
height:80px;
}

#contact_pop #kjoho h3 {
text-align:left;
padding:5px 5px 5px 8px;
border-left:5px solid #5FA2EC;
margin-bottom:10px;
font-weight:bold;
background:#EFEFEF;
color:#333;
}
#contact_pop #kjoho div {
	border:#CCC solid 1px;
}
#contact_pop #kjoho iframe {
	width:100%;
	height:160px;
}
#contact_pop #consent {
	margin-top:20px;
	padding:10px;
	background:#EFEFEF;
	text-align:center;
}


/*お問い合せ 終了　******************************************************/

/**メンテナンス表記**/

#mente{
margin:10px 0 15px 0;
padding:5px;
border:2px solid red;
line-height:110%;
}
#mente p.oshirase{
margin-bottom:5px;
font-weight:bold;
}
#mente p{
margin:0;
}
#mente p.date{
margin-top:5px;
}




/*レイアウト調整用 開始　********************************************************/

.box_mb5{
    margin-bottom: 5px;
}
.box_mb10{
    margin-bottom: 10px;
}
.box_mb20{
    margin-bottom: 20px;
}
.box_mb30{
    margin-bottom: 30px;
}
.box_mb40{
    margin-bottom: 40px;
}
.box_mb50{
    margin-bottom: 50px;
}
.box_tar{
    text-align: right;
}
.box_tac{
    text-align: center;
}

/*レイアウト調整用 終了　********************************************************/

/* お問い合わせ注釈ボックス */
.kjoho_cautioun {
  margin: 20px auto;
  padding: 20px 36px;
  width: 88%;
  font-weight: bold;
  line-height: 1.75;
  background: #FFEEEE;
  color: #ff0000;
}
.kjoho_cautioun a {
  text-decoration: none;
  color: #ff0000;
}
.kjoho_cautioun a:hover {
  text-decoration: underline;
}