@charset "utf-8";
/*************************************************************

	COMMON / ページ共通
	
**************************************************** COMMON */

html {
	overflow-y: scroll;
}
body {
	color:#362921;
	line-height:1.4;
	background-color:#DDD;
	font-size:13px;
}
body {
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro  W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", 'LucidaGrande', Verdana, Arial, sans-serif;
	font-family: 'ＭＳ Ｐゴシック',sans-serif¥9; /* IE8 */
	*font-family: 'ＭＳ Ｐゴシック',sans-serif; /* IE7 */
	_font-family: "ＭＳ Ｐゴシック", Helvetica,"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", meiryo, Osaka, sans-serif; /* IE6 */
}
body:not(:target) {
	font-family: 'メイリオ','ＭＳ Ｐゴシック',sans-serif¥9; /* IE9 */
}


/*************************************************************

	Z-index
	
**************************************************** Z-index */

#footer,
#contents #contentsTitle {
	z-index: 100;
}
#header{
	z-index: 101;
}


/*************************************************************

	Header / ヘッダー
	
**************************************************** Header */

#header {
	position:fixed;
	top:0;
	width: 100%;
}
#headerTop {
	width: 100%;
	background-color: #333;
	color: #FFF;
	display:block;
}
#headerTop #headerLogo {
	padding:10px;
	float:left;
	font-size:16px;
	font-weight:bold;
}
#headerTop #headerLogout {
	padding:13px 10px 10px 10px;
	float:right;
	font-size:12px;
}
#headerTop #headerLogout li{
	float:left;
}
#headerTop #headerLogout li.separator{
	padding: 0 5px;
}
#headerBottom {
	padding:0px 10px 0 10px;
	font-size:12px;
	line-height:1;
	background-color: #FFF;
	border-bottom:8px solid #DDD;
}
#headerBottom ul.floatl li{
	/*
	margin-right: 10px;
	*/
}
#headerBottom ul.floatr li{
	/*
	margin-left: 10px;
	*/
}
#headerBottom ul li{
	float:left;
	line-height:1;
	position:relative;
}
#headerBottom ul li a{
	display:block;
	text-decoration:none;
	line-height:1;
	padding:8px;
}
#headerBottom ul li a:hover{
  
}

#headerBottom a.current{
	color: #E69CA3;
}

ul.ui_menu li ul{
  display: none;
  position: absolute;
  top: 28px;
  left: 0px;
  padding: 5px;
  width: 200px;
  background: #333;
	margin:0;
}
ul.floatr.ui_menu li ul{
	left:auto;
	right:0;
}
ul.ui_menu li ul li {
  margin: 0;
  padding: 0;
  width: 200px;
  border: none;
	line-height:1;
}
ul.ui_menu li ul li a {
  display: block;
  padding: 3px;
	font-size:12px;
	color:#FFF;
}
ul.ui_menu li ul li a:hover {
  background: #666;
  color: #fff;
}



/*************************************************************

	Footer / フッター
	
**************************************************** Footter */

#footer {
	width:100%;
	background-color: #333;
	color: #FFF;
	position:fixed;
	bottom:0;
	text-align:center;
	font-size:10px;
	height:30px;
	line-height:1;
	border-top:8px solid #DDD;
}
#footer #copyright {	
	padding-top:10px;
	letter-spacing:1px;
}


/*************************************************************

	Sidebar / サイドバー
	
**************************************************** Sidebar */

#sidebar{
	position:fixed;
	width:220px;
	background-color:#FFF;
	font-size:12px;
	overflow:auto;
	z-index:2;
	border-radius: 5px; 
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-o-border-radius: 5px;
	-ms-border-radius: 5px;
}
#sidebarInner {
	padding: 0 10px 30px 10px;
}
#sidebar #sidebarTitle{
	font-size: 16px;
	padding:18px 0 15px 0;
	color:#333;
	font-weight:bold;
	line-height:1;
	text-align:center;
}
#sidebarInner ul li{
	display:block;
}
#sidebarInner ul li.navi{
	border-bottom: 1px solid #DDD;
}
#sidebarInner ul li.navi.first{
	border-top: 1px solid #DDD;
}
#sidebarInner ul li.navi:first-child{
	border-top: 1px solid #DDD;
}
#sidebarInner ul li.navi a.title{
	display:block;
	text-decoration:none;
	padding:10px;;
	line-height:1;
	background-image: url(../images/common/icon_navi_open.png);
	background-position: right 15px;
	background-repeat:no-repeat;
}
#sidebarInner ul li.navi div.title{
	display:block;
	text-decoration:none;
	padding:10px;;
	line-height:1;
	color:#CCC;
}
#sidebarInner ul li.navi a.title:hover{
	color: #666;
	background-color: #EFEFEF;
}
#sidebarInner ul li.navi a.title.opened:hover{
	color: #666;
	background-color: transparent;
}
#sidebarInner ul li.navi a.title.opened{
	background-image: url(../images/common/icon_navi_close.png);
	background-position: right 15px;
	background-repeat:no-repeat;
}

#sidebarInner ul li.navi ul{
	display:none;
}
#sidebarInner ul li ul{
	padding-left:15px;
}
#sidebarInner ul li ul li{
	padding-bottom: 10px;
	padding-left: 13px;
	background-image: url(../images/common/icon_subnavi_list.png);
	background-position: left 3px;
	background-repeat:no-repeat;
	display:block;
	line-height:1;
}
#sidebarInner ul li ul li.last{
	padding-bottom: 10px;
}
#sidebarInner ul li ul li a{
	text-decoration:none;
	display:block;
	line-height:1;
}

#sidebarInner #sidebarTargetBrand {
	font-size:10px;
}
#sidebarInner #sidebarTargetBrand #brandName {
	font-size: 14px;
	font-weight:bold;
	background-color:#F5F4F0;
	background-color:#000;
	color:#FFF;
	padding: 7px 5px 5px 5px;
	text-align:center;
	line-height:1;
	/*
	border:1px solid #CCC;
	margin-bottom:10px;
	*/
}


/*************************************************************

	Box / ボックス
	
**************************************************** Box */

#container {
	width:100%;
	display:block;
	min-width:1150px;
}

#wrapper {
	display:block;
	padding: 0 8px;
}

/*************************************************************

	Contents / コンテンツ
	
**************************************************** Contents */

#contentsWrapper {
	float:right;
	width:100%;
	margin-left:-220px;
}
#contents {
	margin-left:228px;
	background-color:#FFF;
	font-size:12px;
}
#contentsInner {
	padding: 15px;
	overflow:auto;
}
#contents #contentsTitle {
	font-size: 16px;
	padding:8px;
	background-color: #333;
	color:#FFF;
	font-weight:bold;
	line-height:1;
	position:fixed;
	border-bottom:15px solid #FFF;
}
#contents #contentsTitle .titleNavi {
	float:right;
}
#contents #contentsTitle .titleNavi a{
	/*color:#E69CA3;*/
	color:#5BBDFF;
}
#contents #contentsTitle .titleNavi a:hover{
	color:#FFF;
}

/*************************************************************

	Index / インデックス
	
**************************************************** Index */

#indexContents {
	width: 350px;
	font-size:12px;
	border-radius: 5px; 
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-o-border-radius: 5px;
	-ms-border-radius: 5px;
	margin:150px auto 50px auto;
	background-color:#FFF;
}
#frmLogin {
	padding-top:30px;
	padding-bottom:15px;
}
#frmLogin table{
	margin: 0 auto;
}

/*************************************************************

	Logout / ログアウト
	
**************************************************** Logout */

#logoutContents {
	width: 400px;
	font-size:12px;
	border-radius: 5px; 
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-o-border-radius: 5px;
	-ms-border-radius: 5px;
	margin:150px auto 50px auto;
	background-color:#FFF;
}

/*************************************************************

	Sitemap / サイトマップ
	
**************************************************** Sitemap */

#sitemapTitle {
	background-color: #333333;
	color: #FFFFFF;
	font-size: 16px;
	font-weight: bold;
	line-height: 1;
	padding: 8px;
	margin-bottom:10px;
	float:left;
}

#sitemapWrapper {
	clear:both;
}

#sitemapWrapper .sitemapBox{
	font-size:12px;
	float:left;
	margin-right:10px;
	margin-bottom:10px;
	border-radius: 5px; 
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-o-border-radius: 5px;
	-ms-border-radius: 5px;
	background-color:#FFF;
	padding: 10px;
}
#sitemapWrapper .sitemapBox dl dt{
	padding-top:10px;
	font-weight:bold;
	line-height:1.2;
}
#sitemapWrapper .sitemapBox dl dd{
	line-height:1.2;
	padding-top:3px;
}
#sitemapWrapper .sitemapBox dl dt.first{
	padding-top:0;
}
#sitemapWrapper .sitemapSiteTitle {
	font-size: 14px;
	font-weight: bold;
	line-height: 1;
	padding: 5px;
	margin-bottom:8px;
	text-align:center;
	background-color:#CCC;
}

/*************************************************************

	Common / 共通クラス
	
**************************************************** Common */

/* text, select */
input.text {
	border: 1px solid #999;
	font-size: 13px;
	padding: 3px;
	border-radius: 3px; 
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	-o-border-radius: 3px;
	-ms-border-radius: 3px;
}
select.text {
	border: 1px solid #999;
	font-size: 13px;
}
textarea {
	border: 1px solid #999;
	font-size: 13px;
	padding: 3px;
	border-radius: 3px; 
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	-o-border-radius: 3px;
	-ms-border-radius: 3px;
}
.radio {
	height: 1.1em;
	margin: 0;
	padding: 0;
	vertical-align: middle;
	width: 1.1em;
}
.radioLabel {
	height: 1.1em;
	margin: 0;
	margin-right:8px;
	padding: 0;
	vertical-align: middle;
	width: 1.1em;
}


/* 奇数行の色 */
.rowOdd {
	background-color: #FFF;
}

/* 偶数行の色 */
.rowEven {
	background-color: #F5F4F0;
}

/* 更新ボタン設定領域 */
.editBtnArea {
	/*
	background-color: #E9E4E0;
	border: 1px solid #937B64;
	padding:5px 10px;
	width:400px;
	margin: 0 auto;
	*/
	background-color: #F5F4F0;
	border: 1px solid #CCC;
	padding:5px 10px;
	text-align:center;
}

/* 更新ボタン設定領域(SideFixed) */
.editBtnAreaFix {
	position: fixed;
	top: 125px;
	right: 23px;
	margin: 0px;
	padding: 10px;
	z-index: 100;
	border: 1px solid #CCC;
	background-color: #EEE;
	text-align: center;
}

/* 検索フォーム領域 */
.tableSearchArea {
	background-color: #F5F4F0;
	border: 1px solid #CCC;
	padding:10px 10px;
	border-radius: 5px; 
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-o-border-radius: 5px;
	-ms-border-radius: 5px;
}
.tableSearchArea{
	clear:both;
}
.tableSearch{
}
.tableSearch table{
	width:auto;
	border-collapse:collapse;
}
.tableSearch td{
	border:none;
	padding: 0;
}
.tableSearch th{
	border:none;
	padding: 0;
}

#tableSearchKeyword {
	position:relative;
	z-index:3;
}
#tableSearchColumn {
	position:absolute;
	top: 28px;
	left: 0px;
	border: 1px solid #937B64;
	background-color: #E9E4E0;
	padding:5px;
	line-height: 1;
	display:none;
}
#tableSearchColumn li input{
	padding:0;
	margin:0;
	background-color:transparent;
}

/***** listTable *****/

.listTable table{
	width: 100%;
	border-collapse:collapse;
	table-layout:fixed;
}
.listTable tr:hover{
	/*background-color: #E8E3DF;*/
	background-color: #E1F3FF;
}
.listTable th.id{
	/*
	text-align:center;
	*/
}
.listTable td.id,
.listTable td.view {
	text-align:center;
}
.listTable th.edit,
.listTable td.edit {
	text-align:center;
}
.listTable th {
	font-size: 12px;
	word-wrap: break-word;
	background-color: #E9E4E0;
	border: 1px solid #CCC;
	padding: 0.5em;
	text-align:left;
}
.listTable td {
	word-wrap: break-word;
	border: 1px solid #CCC;
	padding: 0.5em;
}

.listTable th.sort .relative{
	position:relative;
}
.listTable th.sort  .relative ul{
	position:absolute;
	top: 1px;
	*top:-1px;
	right: 0px;
	line-height:0;
	font-size:0px;
}
.listTable th.sort .relative ul li.asc {
	height:10px;
}
.listTable th.sort .relative ul li.asc a{
	display:block;
	width: 8px;
	height:7px;
	background-image: url(../images/common/icon_sort_asc_off.png);
	background-repeat:no-repeat;
	background-position:center top;
}
.listTable th.sort .relative ul li.asc a.selected,
.listTable th.sort .relative ul li.asc a:hover{
	background-image: url(../images/common/icon_sort_asc_on.png);
}

.listTable th.sort .relative ul li.desc a{
	display:block;
	width: 8px;
	height:7px;
	background-image: url(../images/common/icon_sort_desc_off.png);
	background-repeat:no-repeat;
	background-position:center top;
}
.listTable th.sort .relative ul li.desc a.selected,
.listTable th.sort .relative ul li.desc a:hover{
	background-image: url(../images/common/icon_sort_desc_on.png);
}

/***** editCaution *****/

.editCaution {
	font-size: 14px;
	padding-bottom:8px;
}

/***** editTable *****/

.editTable table{
	width: 100%;
	border-collapse:collapse;
	/*
	table-layout:fixed;
	*/
}
.editTable th {
	word-wrap: break-word;
	background-color: #FFF;
	border: 1px solid #CCC;
	padding: 10px;
	text-align:left;
	vertical-align:top;
	font-weight:bold;
	min-width:180px;
}
.editTable th.required {
	background-image: url(../images/common/icon_required.png);
	background-position: 168px 0.5em;
	background-repeat:no-repeat;
}
.editTable thead th {
	background-color: #F5F4F0;
	font-weight:bold;
	font-size:14px;
	padding: 10px;
}
.editTable td {
	word-wrap: break-word;
	border: 1px solid #CCC;
	padding: 10px;
	vertical-align:top;
}

.editTable .postMailaddress th {
	min-width:0;
	vertical-align:middle;
}
.editTable .postMailaddress td {
	vertical-align:middle;
	text-align:center;
}
.editTable .postMailaddress td.left {
	text-align:left;
}
.editTable .postMailaddress td .input100p{
	width:98%;
}
.editTable .postMailaddress td .select{
	border: 1px solid #999;
	font-size: 13px;
	width:100%;
}
.editTable .postMailaddress #mailaddressBasicRow {
	display:none;
}


/***** editDataTable *****/

#editDataTitle {
	background-color: #F5F4F0;
	font-weight:bold;
	vertical-align: middle;
	border: 1px solid #CCC;
	padding: 5px 10px;
	clear: both;
	display: block;
}
#editDataTitle span {
	float: right;
}

#editDataTable table{
	width: 100%;
	border-collapse:collapse;
	/*
	table-layout:fixed;
	*/
}
#editDataTable th {
	word-wrap: break-word;
	background-color: #F5F4F0;
	border: 1px solid #CCC;
	padding: 5px 10px;
	text-align:left;
	vertical-align:top;
	font-weight:bold;
	min-width:100px;
}
#editDataTable td {
	word-wrap: break-word;
	border: 1px solid #CCC;
	padding: 6px 10px;
}

#editDataTable .tdImage {
	padding: 10px;
	text-align: center;
	border-top: none;
}

#editDataTable .tdImage .imageBox {
	background-color: #E6E6E6;
	border: 1px solid #CCCCCC;
	width: 120px;
	height: 120px;
	display: table-cell; 
	text-align: center;
	vertical-align: middle;
	
}
#editDataTable .tdImage .imageBox img {
	max-width: 118px;
	max-height: 118px;
	display: inline-block;
}

#editDataTable .tdData{
	border-top: none;
	padding: 10px;
	word-break: break-all;
}

#editNextPrevLink {
	float: right;
	padding-right: 5px;
}
#editNextPrevLink a {
	text-decoration: none;
}


/***** mediaTable *****/

.mediaTable table{
	width: 100%;
	*width: auto; // IE7
	border-collapse:collapse;
	table-layout:fixed;
}
.mediaTable th {
	word-wrap: break-word;
	background-color: #FFF;
	border: 1px solid #CCC;
	padding: 10px;
	text-align:left;
	vertical-align:top;
	font-weight:bold;
}
.mediaTable th.required {
	background-image: url(../images/common/icon_required.png);
	background-position: 168px 0.5em;
	background-repeat:no-repeat;
}
.mediaTable thead th {
	background-color: #F5F4F0;
	font-weight:bold;
	font-size:14px;
	padding: 10px;
}
.mediaTable td {
	word-wrap: break-word;
	border: 1px solid #CCC;
	padding: 10px;
	vertical-align:top;
}

/***** icon *****/
.icon_edit,
.icon_view {
	/*
	padding-left:5px;
	padding-right:5px;
	*/
	line-height:0;
	font-size:0;
}
.icon_view_title {
	float:left;
	max-width:90%;
}
.icon_view_a {
	float:right;
}

/***** tab menu ****/
.tab_menu {
	display: block;
	padding-left: 20px;
}

.tab_menu li {
	float: left;
	width: 120px;
	text-align: center;
	cursor: pointer;
	border: 1px solid #CCC;
	padding: 6px;
	color: #000;
	background-color: white;
	
}

.tab_menu li.tab_top {
	border-bottom: 0px;
	border-top-left-radius: 8px;
	border-top-right-radius: 8px;
	-webkit-border-top-left-radius: 8px;
	-webkit-border-top-right-radius: 8px;
	-moz-border-radius-topleft: 8px;
	-moz-border-radius-topright: 8px;
}

.tab_menu li.tab_bottom {
	border-top: 0px;
	border-bottom-left-radius: 8px;
	border-bottom-right-radius: 8px;
	-webkit-border-bottom-left-radius: 8px;
	-webkit-border-bottom-right-radius: 8px;
	-moz-border-radius-bottomleft: 8px;
	-moz-border-radius-bottomright: 8px;
}

.tab_menu .active {
	font-weight: bold;
	background: #efefff; /* Old browsers */
	background: -moz-linear-gradient(top,  #efefff 0%, #d0d0ff 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#efefff), color-stop(100%,#d0d0ff)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #efefff 0%,#d0d0ff 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #efefff 0%,#d0d0ff 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #efefff 0%,#d0d0ff 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #efefff 0%,#d0d0ff 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#efefff', endColorstr='#d0d0ff',GradientType=0 ); /* IE6-9 */
}


#dialogInnerTab .preview_tab {
	width: 100%;
	height: 100%;
	border: 1px solid #999;
	background-color: #EAEAEA;
}

#dialogInnerTab .preview_body {
	height: 100%;
	margin: 0 auto;
}

#dialogInnerTab .preview_body iframe {
	width: 100%;
	height: 100%;
}