/*
===== 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 */



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;
color:#555555;
}

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;
}

.photobox p.credit{

	display: block;
		text-align: right;
	color: #888888;
	font-size: 9px;
	margin: 0px 20px 20px;
}

/* @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;
}

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,
div.snapindexlead 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;
}


div.footer-pageindex {
	clear: both;
}
div.footer-pageindex p {
	color: #999999;
	font-weight: bold;
	text-align: center;
}

div.footer-pageindex a {
	background: url(../../loopcommunity/snap/img/bg_locallink.png) no-repeat;
	display: inline-block;
	height: 34px;
	margin: auto 30px;
	font-size: 14px;
	background-position: 0 0;
	width:24px;
	padding-top: 3px;
}

div.footer-pageindex a:hover{
	background-position: 0 -43px;
}

div.footer-pageindex span {
	background: url(../../loopcommunity/snap/img/bg_locallink_in.png) no-repeat;
	background-position: 0 0px;
	display: inline-block;
	height: 34px;
	margin: auto 30px;
	color: #f1fdfd;
	font-size: 14px;
	width:24px;
	padding-top: 3px;
}

/* @group snapindex */

div.snapindex{
	width: 680px;
	margin: auto;
	margin-top: 24px;
	text-align: center;
}

div.snapindexlead{

	width: 680px;
	font-size: 14px;
	margin: auto;
	
}

div.snapindexlead p{
	margin-top: 4px;

}

div.snapindexlead p img{
	position: relative;

}

table.snapcal{
	width: 640px;
	margin: auto;
		
}

/* @group snapchange */

div.snapbox {
	margin: 0px auto 0px;
	clear: both;
}

div.snapimg {
	display: block;
	width: 240px;
	margin-right: 20px;
	float: left;

}

div.snaptext {
	float: right;
	width: 320px;
	display: block;
}

div.snaptext p {
	margin-bottom: 1em;
}

div.changesnap{
		margin: auto;
	width: 240px;
	height: 164px;
	overflow: hidden;
	margin-top: 16px;
	background-color: #000000;
}
div.snapimg img.snap {
	margin: -8px auto auto auto;
	border: none;
}

/* @end */

/* @group calendar */

table.snapcal th{
	width: 86px;	
	font-weight: bold;
	padding: 6px 12px;
	background: url(../../loopcommunity/snap/img/pt_right.png) no-repeat 66px 12px;
}
table.snapcal td{
	width: 44px;
	text-align: center;
	color: #cccccc;
	
}

table.snapcal td a{
	text-decoration: none;
	color: #3499cd;
	display: block;
	padding: 7px 4px;
	border: 1px solid #d2e9f1;
	margin: 3px;
	background: url(../../loopcommunity/snap/img/bg_snapcal.png) repeat-x 0 bottom;
}

table.snapcal td a:hover{
	color: #2896d4;
	background-color: #d2f2fc;
	background-image: none;
}

/* @end */

p.bt{
	position: relative;
	top: 20px;
}
p.bt a.gosnap{
	background: url(../../loopcommunity/snap/img/bt_gosnap.png) no-repeat;
	width: 168px;
	height: 32px;
	display: block;
	float: right;
}

p.bt a.gosnap:hover{
	background-position: 0 -56px;
	text-decoration: none;
}

/* @end */

/* @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 */





/* @group heading */


h1.lcm {
	background: url(../../loopcommunity/img/h1_lcm.png) 20px top;
}
h3{
	font-size: 14px;
	font-weight: bold;
	text-align: left;
	margin: 10px 12px;
	padding-left: 2px;
	border-bottom: 1px solid #c0dfee;
	color: #444444;
}

/* @end */

/* @group snavi */
div.right-unit{
width: 170px;
text-align:center;
	margin: 0px 4px 12px;
	text-align: center;
	border: 1px solid #dddddd;

	border-radius: 6px;        /* CSS3 */  
-webkit-border-radius: 6px;    /* Safari,Google Chrome用 */  
-moz-border-radius: 6px;   /* Firefox用 */  
}


/* @end */