/*
===== communty =====

*/

/* @group photobox */
div.photobox{
	background-image: url(../../loopcommunity/img/bg_photoboxline.gif);
}
	
div.noline{
		background-image: none;
	}

			/*---img-margin----*/	
			
div.photobox img{
	border: 3px solid #d8ecf7;
}

div.photobox img.noborder{
	border: none;
}


div.photobox p strong{
color: #574329;
}

/* @end */


div.footer-pageindex p{
letter-spacing: 2px;
color: #999999;
font-weight: bold;
text-align: center;
margin-bottom: 20px;

}
p.backbt{
	text-align: right;
	padding-top: 48px;
	margin-right: 0px;
}


/* @group voice */

h2.voice{
	text-align: left;
	font-size: 16px;
	color: #333333;
	margin: 0px auto 10px 0px;
	background-image: url(../../loopcommunity/customers_voice/img/ico_customer.gif);

	background-repeat: no-repeat;
	padding-left: 42px;
	padding-top: 4px;
	line-height: 30px;

float:left;
}

span.number{
	font-size:16px;
	color: #0099CC;
	margin-right: 3px;
}

div.clead{
	width: 540px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 6px;
	margin-bottom: 0px;
}
.clead p{
	margin-left: 30px;
	margin-right: 30px;
	margin-top: 0px;
	margin-bottom: 15px;
	text-align:left;
	
}

table.ctmdata{
	width: 540px;
	border-top: 1px solid #cce8f6;
	border-bottom: 1px solid #e2f8fc;
	border-left: 1px solid #cce8f6;
	border-right:  1px solid #e2f8fc;	
		background-image: url(../../loopcommunity/img/bg_downbox.png);
	background-repeat: no-repeat;
clear:both;
}
table.ctmdata td{
	padding: 4px;

}
table.ctmdata th{
	vertical-align: top;
		width: 114px;
			padding: 4px;
}

p.cdata{
margin: 0px;

}
.cdata strong{
margin-right: 1em;
}

img.leadline{
	margin-bottom: 12px;
}

p.ttl_loopcmt{
	font-weight: bold;
	color: #0099FF;
	background-image: url(../../loopcommunity/customers_voice/img/pt_loopcmt.gif);
	background-repeat: no-repeat;
	background-position: 0px 2px;
	padding-left: 20px;
	padding-top: 0px;
	margin: 0px;
}

p.loopcmt{
	color: #2C647E;
}


div.itemcheck{
	border-top: 1px solid #cce8f6;
	border-bottom: 1px solid #e2f8fc;
	border-left: 1px solid #cce8f6;
	border-right:  1px solid #e2f8fc;
	
	margin-left: auto;
	margin-right: auto;
	margin-top: 16px;
	width: 96%;
	text-align: center;
	background-image: url(../../loopcommunity/img/bg_downbox.png);
	background-repeat: no-repeat;
}

div.itemcheck ul
{
margin:10px auto;
text-align: left;
width: 88%;
}

div.itemcheck p{
	margin: 6px auto 10px;
	line-height: 20px;
	padding: 0px;
	
}
div.itemcheck ul li{
margin:0px auto 4px;
text-align: left;
list-style: none;
line-height: 1.4;

}
div.itemcheck li a{
	font-weight: bold;
	background: url(../../loopcommunity/img/bt_dtl.jpg) no-repeat right top;
	display: block;
	height: 20px;
	min-height: 20px;
	padding-top: 3px;
}

div.itemcheck p a{
	font-weight: bold;
	background: url(../../loopcommunity/img/bt_dtl.jpg) no-repeat right top;
	display: block;
	height: 22px;
}


div.itemcheck li a:hover,
div.itemcheck p a:hover{
		background: url(../../loopcommunity/img/bt_dtl.jpg) no-repeat;
	background-color: #eef7ff;
	background-position: right 1px;
}

div.itemcheck img{
	border: none;
}
p.buyloopitem{
	text-indent: -9999px;
	background: url(../../loopcommunity/customers_voice/img/item_01.gif) no-repeat;
	width: 92%;
	height: 30px;
	text-align: left;
		border-bottom: 1px solid #cce8f6;
		margin: 0px auto;
}

a.buy{
margin-top: 7px;
display: block;
background-image: none;
}




/* voice-footer */

div.cfooter{
clear: both;
}
p.toku{
	margin-left: 40px;
	margin-right: 40px;
	margin-top: 20px;
		margin-bottom: 10px;
	font-size: 12px;
	color: #003444;
	line-height: 18px;
	text-align: left;
}

#copy p{
	text-align:left;
}

/* @group snavimenu */

ul#snavi,
ul.backnumber{
list-style: none;
margin-top: 10px;
margin-bottom: 10px;
width: 176px;
margin-left: 0px;
text-align: left;
		font-size: 10px;
	color: #444444;
}

ul#snavi img{

}

p.snavi
{
	font-size: 10px;
	color: #444444;
	text-align: left;
	margin: 14px 20px 14px 20px;
}
	
ul#snavi li
{
		font-size: 10px;
	color: #444444;
	text-align: left;
	margin-left: 10px;
	line-height: 20px;
	
}

ul#snavi li a
{
	text-decoration: none;
	padding-left: 14px;
	color: #444444;
			font-size: 10px;
	
}

	ul#snavi li a:hover
{
	background-image: url(../img/base/pt_snavi.gif);
	background-repeat: no-repeat;
	background-position: 0 0;
	color: #0099CC;
}

ul.backnumber{
	margin-left: 20px;
	font-size: 10px;
	color: #444444;
	margin-top: -6px;

}

ul.backnumber li{
	margin-bottom: 8px;
}

.backnumber li a{
	background: url(../../img/base/pt_right.png) no-repeat left top;
	padding-left: 20px;
	display: block;
	height: 18px;
	line-height: 18px;
	font-size: 10px;
		color: #444444;
}
.backnumber li a:hover{
	background-position: left -22px;
		color: #0099CC;}

/* @end */




/*===== 10th =====*/

.challenge{
width:300px;
margin: auto;
padding-top:12px;
	float: right;
	text-align: right;

}

/* @end */

/* @group Staffroom */





	div.lead{
	background-image: url(../../loopcommunity/img/bg_lead.gif);
}

p.lead{
	margin-right: 10px;
		margin-left: 10px;
}

p.item{
	line-height: 14px;
	margin-top: 0px;
}

p.itemname{
	font-weight: bold;
	color: #0099FF;
	background-image: url(../../loopcommunity/staffs_room/img/bg_photocaption.jpg);
	background-repeat: no-repeat;
	background-position: left;
	padding-left: 20px;
	padding-top:8px;
	width: 220px;
	_width: 240px;
	margin: 0px ;

}




/* @end */

/* @group snap */

div.snaplead{

	margin-top: 0px;
	margin-bottom: 30px;
	margin-left: auto;
	margin-right: auto;
	width: 520px;
	text-align:left;
}
div.snaplead p{
	color: #257A8E;
	margin-top: 15px;
		margin-left: 0px;
			margin-right: 0px;
			line-height:1.8;
}

div.snap {
	margin: 0 auto 30px 0px;
	width: 576px;
}

div.snapphoto { 

 background-image: url(../../loopcommunity/snap/img/bg_snap.jpg);
 background-repeat: no-repeat;
 padding-top: 15px;
 height: 305px;
 width: 334px;
 float: left; 
 margin-bottom: 10px;
 margin-left: 4px;
 
}

div.snapphotos { 

 background-image: url(../../loopcommunity/snap/img/bg_snaps.jpg);
 background-repeat: no-repeat;
 padding-top: 15px;
 height: 244px;
 width: 334px;
 float: left; 
 margin-bottom: 10px;
 margin-left: 4px;
 
}



.snapphoto img{
	border: 2px solid #ffffff;
}

div.data{ 
 float: right;

 width: 232px;
 display: inline;
 position: relative;
 margin-top: 10px;
 	text-align:left;


}

.data p{
margin-left: 30px;
margin-top: 4px;
	margin-bottom: 12px;
			line-height:1.4;

}

.data p a{
	background: url(../../loopcommunity/img/ico_datalink.gif) no-repeat right;
	padding-right: 18px;
}
.data p a.nobg{
	background-image: none;
		padding-right: 0px;
}

.mtxt{
font-size: 12px;
}

p.snapname{
	font-size: 11pt;
	font-weight: bold;
	letter-spacing:1px;
}

p.snapdata{
font-size: 12px;
font-weight: bold;

}

p.comment{
	margin-bottom: 20px;
	margin-left: 30px;
		margin-right: 30px;
		text-align:left;
		line-height:1.6;
}

/* @end */

/* @group FAQ/Link */


table.faq{
	margin-bottom: 25px;
}

table.faq td{
	text-align: left;
	font-size: 12px;
	color: #333333;
	line-height: 18px;


}

hr{
	height: 1px;
	border-bottom: 1px solid #CDDBDC;
	margin-top: 10px;
	margin-bottom: 10px;
}	

dl.Q{
	background-color: #F0F9FF;
	font-weight: bold;
	padding-left: 30px;
	padding-top: 14px;
	background-image: url(../../loopcommunity/img/bg_Q.jpg);
	background-repeat: no-repeat;
	height: 44px;
}

dd{
margin-top: 5px;
padding-top: 15px;
margin-bottom: 35px;
	padding-left: 50px;
	background-image: url(../../loopcommunity/img/bg_A.jpg);
	background-repeat: no-repeat;
}

dt.A{
	font-weight: bold;
	font-size: 14px;
	color: #0099CC;

}


/* @group LInk */
/*===== 7:LInk =====*/

table.link{
	margin-bottom: 20px;
}
	
table.link td{
	padding-top: 10px;
	padding-bottom: 10px;
	border-bottom: 1px solid #CDDBDC;
}


/* @end */


/* @end */

/* @group INDEX */
div.indexpanel {
	margin: 0 auto 30px 2px;
	width: 576px;
	background-image: url(../../loopcommunity/img/bg_indexlead.gif);
	background-repeat: repeat-y;
	background-position: center;
	float: left;
	height: auto;

}

div.indexleft { 

 width: 274px;
 float: left; 
  margin-left:14px;
 _margin-left:7px;
 
 margin-top: 10px;


}

div.indexright{ 
 float: right;

 width: 274px;
 display: inline;
 position: relative;
 margin-right: -2px;
_margin-right: 0px;
 margin-top: 10px;

}

iframe#Z{

	width: 178px;
	margin-left: 0px;
}

#mainboxright td{
	vertical-align: top;
}


/* @end */