/*---- CSS for Gnavi for Xoops ----*/

/*----maps----*/

#map {
	height:600px;
	border:solid 1px #6666FF;
}

#gn_map {
	width:100%;
	background:#999999;
}

#gn_map td {
	background:#FFFFFF;
}

#gn_mkhead {
	text-align:center;
	background:#000000;
	color:#FFFFFF;
	padding:3px;
	height:34px;
	margin:0;
}

#gn_mklist {
	background:#FFFFFF;
	font-size:10px;
	padding:0;
	margin:0;
	height:525px;
	width:150px;
	overflow:auto;
}

#gn_mklist ul,#gn_mklist div{
	padding:3px 0 3px 3px;
	margin:0;
}

#gn_latlng {}

/*----sortbox----*/

#gnn_sort {
	border:#a2e0ff solid 1px;
	background-image:url(../images/back1.gif);
	margin-bottom:8px;
}

#gnn_sort td {
	text-align:center;
	padding : 0 3px ;
	margin : 0 ;
	line-height:22px;
	height:22px;
	white-space: nowrap; 
}

#gnn_sort a {
	color:#41bfff;
}

#gnn_sort a:hover {
	color:#ff6600;
}

/*----navigations----*/

#gnn_edit {
	background:#ecc; 
	border-right:solid 1px #ccc; 
	border-bottom:solid 1px #ccc; 
	border-left:solid 10px #c66;
}

#gnn_map {
	background:#cec; 
	border-right:solid 1px #ccc; 
	border-bottom:solid 1px #ccc; 
	border-left:solid 10px #6c6;
}

#gnn_up {
	background:#cef;
	border-right:solid 1px #ccc;
	border-bottom:solid 1px #ccc;
	border-left:solid 10px #66f;
}

.gnn_cat {
	background:#ffc; 
	border-right:solid 1px #ccc; 
	border-bottom:solid 1px #ccc; 
	border-left:solid 10px #fc6;
}
.gnn_cat,#gnn_map,#gnn_up,#gnn_edit{
	float:left;
	white-space:nowrap;
	margin:0 8px 8px 0;
	padding:2px 5px; 
}

.gnn_cat a,#gnn_map a,#gnn_up a,#gnn_edit a {
	text-decoration:none;
	color:#333;
}

#gnn_cat a:hover,.gnn_cat a:hover,#gnn_map a:hover,#gnn_up a:hover,#gnn_edit a:hover{text-decoration:underline;color: #ff6600;}

.gnn_navi {
	padding:4px 20px;
	text-align:left;
	border-color:#666666;
	border-width:0 0 2px 0;
	border-style:solid;
	background:#F2F2F2;
}

.gnn_navi span {
	color:#990100;
	font-weight:bold;
}

/*----common----*/

#gn_breadcrumbs {}

#gnn_title {
	margin:3px 0 8px 0;
	font-size:120%;
	font-weight:bold;
	padding:0px 10px;
	border-color:#666;
	border-width:0px 20px 0px 0px;
	border-style:solid;
	background:#000;
	color:#fff;
	height:25px;
	line-height:25px;
}

#gnn_title span {
	font-size:80%;
	margin-left:15px;
	font-weight:normal;
}

#gnn_title a {
	color:#ff9900;
}

.gn_rsmall {
	margin:5px;
	text-align:right;
	font-size:12px;	
}

#gn_desc {
	text-align:left;
	margin:4px;
}

.gn_file {
	float:left;
	border:solid 1px #cccccc;
	padding:2px;
	text-align:center;
	margin:2px;
	_margin-left:1px;
	_margin-right:1px;
}

.gn_file img {
	margin:0px;
	border:none;
	padding:0px;
}

.gn_caption {
	font-size:12px;	
	background-color:#999999;
	margin-top:2px;
	color:white;
	padding:1px;
}

.gn_outer {
	border:solid 1px #cccccc;
	border-collapse: separate; 
	margin:4px 4px 4px 2px;
}
.gn_outer td{
	vertical-align:middle;
}
.gn_itemheader {
	font-size:120%;
	background-color:#bbbbbb;
	padding:0px 10px;
	height:25px;
	line-height:25px;
	color:#000000;
	font-weight: bold;
	text-align:left;
}
.gn_itemheader span {
	font-size:80%;
	margin-left:15px;
	font-weight:normal;
}
.gn_itemheader a {color:#2a35ca;}
.gn_itemheader span a {color:#d31a1a;}

.gn_head {
	padding:2px;
	text-align:center;
	background-color:#cccccc;
	width:30%;
}
.gn_head a {color:#2a35ca;}

.gn_odd {
	padding:2px 2px 2px 5px;
	text-align:left;
	background-color:#efefef;
	width:70%;
}


#gn_print {
	line-height:2.5em;
	padding:2px 10px;
	border:solid 1px #666;
	background-color:#eee;
}

 /* 爾鹿磁遮磁自磁�縞痔斜磁嫉磁質磁痔磁鹿 */

.bold {
  font-weight: bold;
}
        
.red {
  color: #FF0000;
}

.white {
  color:#FFFFFF;
}

.dilute-gray {
  color:#444444;
}

.font-14 {
  font-size: 14px;
}

.font-20 {
  font-size: 20px;
}

.inline-center {
  text-align: center;
}

.inline-left{
  text-align: left;
}

.inline-right{
  text-align: right;
}


 /* 爾鹿射灼篠斜痔斜磁嫉磁質磁痔磁鹿 */

#body-box {
  width: 100%;
  border: 1px solid #CCCCCC;
  margin-top:8px;
}

 /* 爾鹿磁借磁偲磁実治湿痔斜磁嫉磁質磁痔磁鹿 */

#catch1 {
  font-size: 16px;
}

#footer-menu {
  background-color: #FFFF7E;
  padding: 2px;
  font-size:12px;
}

#delivery-text {
  margin-right:10px;
}


 /* 爾鹿疾示舎写疾者軸ﾋ偉汐痔斜磁嫉磁質磁痔磁鹿 */
      
#contents-box {
  border-bottom: 1px dotted #FFCC33;
  padding-top:5px;
  margin-bottom: 20px;
}

#catch3 {
  font-size: 15px;
  line-height:1.5em;
  margin-top: 20px;
}

.price-box {
  width:100%;
  line-height:1.5em;
  margin:10px 0;
}

#catch7 {
  font-size: 20px;
  line-height:1.5em;
/*  margin: 40px 50px; */
}

#bottom-name {
  margin:0;
  line-height:1.5em;
}

.line-title {
  background-color: #FEFF74;
  padding: 5px;
/*  margin: 50px 50px 0; */
}

.item-explain {
  margin: 20px 0;
}
        
#item-cart {
  width: 100%;
  padding: 5px 20px 0;
  margin: 7px auto;
  background-color: #FCFAAE;
}

#item-cart img {
  margin:5px;
}

 /* 爾鹿疾示舎写磁嫉磁尺磁偲磁識痔斜磁嫉磁質磁痔磁鹿 */

#item-detail {
  border: 1px solid #F0E68C;
  width: 100%;
  margin: 10px auto;
}

#item-detail-in {
  padding: 5px 10px;
}

.spec {
  padding:0 10px;
}


.text-color-1 {
  color:#000000;
}

.text-color-2 {
  color:#000000;
}

.text-color-3 {
  color:#333333;
}