@charset "euc-jp";
/* CSS Document */

/* ===================================================================
	wide-content default
 =================================================================== */
#wrapper{
	width:880px;
	background:#fff;
	overflow:hidden;
	_zoom:1;	
}
#wrapper .inner{
	width:816px;
	margin:32px;
}
.section{
	margin-bottom:56px;	
}
h1{
	margin-bottom:32px;	
}
.linkList{
	text-align:left;	
}
.linkList li{
	background:url(../images/listIcon.png) no-repeat left top;
	padding-left:12px;	
}
.linkList ul{
	margin-top:4px;
	margin-bottom:4px;
}

#csv_make{
	border:2px solid #ccc;
    padding:16px;
	background:#eee;	
}
#csv_make .aboutCsv div{
	float:left;
	width:420px;
	padding-top:8px;
}
#csv_make .aboutCsv img{
	float:right;
	width:300px;	
}
.point{
	border:2px solid #d91818;
	padding:12px;
	position:relative;
	margin-top:32px;
	background:#fff;	
}
.point .pointIcon{
	position:absolute;
	left:-2px;
	top:-16px;	
}
.code{
	margin:8px 4px 4px 16px;
	font-weight:bold;	
}
h2{
	border-bottom: 1px dotted #999;
	border-top:3px solid #666;
    font-size: 15px;
	line-height:38px;
    width: 100%;
	margin-bottom:24px;
}

/* ===================================================================
	brand_csv_new
 =================================================================== */
/* tab */
#brand_csv_new .tabs{
	width:100%;
	overflow:hidden;
	_zoom:1;
	margin-top:24px;
}
#brand_csv_new .tabs li{
	float:left;
	width:196px;
	margin-left:6px;
	line-height:32px;
	text-align:center;
	background:#565656 url(../images/tab.png) no-repeat;
}
#brand_csv_new .tabs li:first-child{
	margin-left:6px;	
}
#brand_csv_new .tabs li a{
	display:block;
	width:196px;
	height:32px;
	color:#fff;
	text-decoration:none;
}
#brand_csv_new .tabs li a:hover{
	background:url(../images/selectedTab.png) no-repeat;
	color:#fff;
	text-decoration:none;
}
#brand_csv_new .tabs li img{
	vertical-align:middle;
	margin-right:4px;	
}
#brand_csv_new .tabs li.active{
	background:#999 url(../images/selectedTab.png) no-repeat;
}
#brand_csv_new .tabs li.active a{
	color:#fff;	
	font-weight:bold;	
}
#brand_csv_new .tab_container{
	border:1px solid #999;	
	border-top:3px solid #565656;
}
#brand_csv_new .tab_inner{
	margin:24px 32px 32px;
	width:752px;	
}
#brand_csv_new #csv_make .aboutCsv div{
	width:400px;
}
#brand_csv_new h2{
	border-top:3px solid #1259a7;
	border-bottom:1px dashed #1259a7;	
	line-height:32px;
	font-size:14px;	
}
#brand_csv_new h3{
	background:url(../images/h3icon.png) no-repeat left center;	
	line-height:32px;
	padding-left:20px;
	font-size:13px;
}
#brand_csv_new h4{
	margin-top:24px;
	background:#e9e9e9;
	border:1px solid #ccc;
	border-left:8px solid #ccc;
	padding:4px 8px;
}

#brand_csv_new #option thead th{
	background:#9D6876;
	color:#fff;
}
#brand_csv_new #option tbody th{
	background:#ffe3e3;	
}

#brand_csv_new #errorMsg{
	margin-top:16px;	
}
#brand_csv_new #errorMsg th,
#brand_csv_new #errorMsg td{
	border:1px solid #999;
	padding:4px;
	background:#eee;
}
#brand_csv_new #errorMsg th{
	background:#D4E0EB;	
	text-align:center;
}
#brand_csv_new #errorMsg .msg{
	background:#fff;	
}

/* ===================================================================
	csv_format
 =================================================================== */
#csv_format .dft1 {
	width:100%;	
}
#csv_format .dft1 thead th{
	background:#666;
	color:#fff;	
}
#csv_format .dft1 tbody th{
	background:#D4E0EB;
	text-align:center;
}
#csv_format h3{
	border-bottom: 1px dashed #1259A7;
    border-top: 3px solid #1259A7;
    font-size: 14px;
    line-height: 32px;
}
#csv_format #excelList div{
	border:3px solid #ccc;	
	padding:8px;
	margin-top:8px;
	background:#eee;
}
#csv_format #excelList .innerSection{
	margin:4px 0 4px 16px;
}
#csv_format #excelList tbody th{
	background:#427BEB;	
	color:#fff;
	font-size:14px;
}
#csv_format #excelList .sign{
	background:#D4E0EB;	
}
#csv_format #excelList .name{
	color:#1049A0;	
}
#csv_format .cellTitle{
	white-space:nowrap;	
}
#csv_format #excelList tbody th.optionBorder{
	background:#153677;	
}
#csv_format #excelList tbody th.optionBorder a{
	color:#fff;
	font-size:12px;
	font-weight:normal;
}	
 
/* ===================================================================
	google
 =================================================================== */
#googleSearch #ctgyList{
	margin-top:16px;
	width:100%;	
}
#googleSearch #ctgyList td table{
	margin-bottom:8px;	
}
#googleSearch #ctgyList table{
	width:218px;
}
#googleSearch #ctgyList table th{
	background:#f0f0f0;
	border-top:4px solid #dadada;
	text-align:center;
}
#googleSearch img{
	vertical-align:middle;	
}
#googleSearch .btnArea{
	text-align:center;	
}
#googleSearch .search{
	border-top:1px dashed #999;
	margin-top:24px;
	padding-top:16px;
}
#googleSearch .searchBox{
	text-align:left;	
}
#googleSearch .searchBox input#category_result1{
	width:100%;	
}
#googleSearch .searchBox img{
	margin-left:6px;
	margin-top:-2px;	
}
#googleSearch .searchBox input{
	border:1px solid #888;	
	padding:3px 4px;
}
#googleSearch .search table{
	border-collapse: collapse;
	width:100%;
	border:1px solid #999;
}
#googleSearch .search table thead th{
	background:#444;
	color:#fff;	
	font-size:12px;
	padding:4px 6px;
}
#googleSearch .search table th,
#googleSearch .search table td{
	padding:1spx;
	vertical-align:middle;
}
#googleSearch .search table th input{
	margin:0;
}
#googleSearch .search table tbody th{
	border-right:1px solid #999;
	background:#eee;	
}
#googleSearch .search table td{
	background:#eee;	
}
#googleSearch .search table input{
	width:690px;	
	border:1px solid #bbb;
	padding:2px 4px;
}
#googleSearch .search .btnArea{
	margin-top:16px;	
}
#googleSearch #ctgyList table td{
	padding:0;	
}
#googleSearch #ctgyList table td.line{
	font-size:1px;	
}
#googleSearch .redText{
	color:#ff0000;	
}
.select_g {
	border:1px solid #7F9DB9;
	height:124px;	
	width:198px;	
}
p.alert{
	background:#f00;
	color:#fff;
	padding:0.5em 1em;
	margin-bottom:16px;
}
#googleSearch .tableCategory{
	height:180px;
	width:100%;
	overflow-y:scroll;
	margin-bottom:10px;	
}

/* ===================================================================
	category_design
 =================================================================== */
/* tab */
#category_design .tab_inner{
	overflow:hidden;
	_zoom:1;	
}
#category_design .tabs{
	width:100%;
	overflow:hidden;
	_zoom:1;
	margin:24px auto 48px;
}
#category_design .tabs li{
	float:left;
	width:261px;
	height:100px;
	margin-right:16px;
}
#category_design .tabs li a{
	display:block;
	width:261px;
	height:100px;	
	text-indent:-9999em;
}
#category_design .tabs li#extention1 a{
	background:url(../images/categoryType1_tab.png) no-repeat;
}
#category_design .tabs li#extention1 a:hover,#category_design .tabs li#extention1.active a{
	background:url(../images/categoryType1_tab_on.png) no-repeat;
}
#category_design .tabs li#extention2 a{
	background:url(../images/categoryType2_tab.png) no-repeat;
}
#category_design .tabs li#extention2 a:hover,#category_design .tabs li#extention2.active a{
	background:url(../images/categoryType2_tab_on.png) no-repeat;
}
#category_design .tabs li#extention3 a{
	background:url(../images/categoryType3_tab.png) no-repeat;
}
#category_design .tabs li#extention3 a:hover,#category_design .tabs li#extention3.active a{
	background:url(../images/categoryType3_tab_on.png) no-repeat;
}
#category_design .tabs li#extention3{
	margin:0;	
}

#category_design .preview{
	position:relative;	
}
#category_design .preview .switch{
	position:absolute;
	top:-32px;
	right:0;

}
#category_design h2{
	margin-bottom:8px;	
}
#category_design h4{
    font-size:18px;
	font-family:Arial, Helvetica, sans-serif;
}
#category_design .html{
	color:#cc0000;
}
#category_design .css{
	color:#1049A0;
}

#category_design a:hover img{
	filter: alpha(opacity=70);
  -moz-opacity:0.70;
  opacity:0.70;
}
#category_design .link{
	padding:0 4px;
	background:#FF9	
}

/* ===================================================================
	editor_info
 =================================================================== */
#editor_info h1{
	margin-bottom:32px;	
}
#editor_info #step li{
	margin-bottom:24px;	
}
#editor_info #step p{
	margin-left:60px;	
}
#editor_info #step h2{
	margin-bottom:8px;	
}
#editor_info .complete{
	background:#dbe9f2;
	padding:8px;
}
#editor_info em{
	color:#333;
	font-weight:bold;
}


/* ===================================================================
	modify_option
 =================================================================== */
 
#modify_option .cellTitle{
	white-space:nowrap;	
}


/* ===================================================================
	category_csv
 =================================================================== */

#category_csv .parent_category table{
	float:left;
	width:400px;	
}
#category_csv .parent_category table th{
	padding:4px 6px;
}
#category_csv .parent_category table td{
	text-align:left;
	padding:4px 6px;	
}
#category_csv .parent_category img{
	float:left;
	margin-right:32px;	
}


/* ===================================================================
	mulit_image
 =================================================================== */
#mulit_image .explanation {
    background:#eee;
    padding:15px;
    margin-top:16px;
}
#mulit_image .explanation h3 {
    padding:0;
    margin:0;
    font-size:14px;
}
#mulit_image .explanation p {
    padding:0;
    margin:8px 0 0 0;
}
#mulit_image .cellTitle{
	white-space:nowrap;	
}