@charset "shift_jis";

/* ------------------------------------------ */
/* ---------- page structure style ---------- */
/* ------------------------------------------ */

#container { width:960px; margin: 0 auto; text-align:left;}
#header    { width:100%; overflow:hidden; height:92px;}
#navi      { width:100%; overflow:hidden; text-align:center; }
#clumb     { padding-top:5px; font-size:85%; margin-bottom:10px; }

#contents  { width: 100%; margin-top:10px;}
#contents #wrapperL  { float: left; width:700px; }
#contents #wrapperLL { float: left; width:180px; }
#contents #wrapperLR { float: right; width: 509px;}

#contents #wrapperR { float: right; width: 250px;}

#footer { clear: both; padding: 20px 0px 3px; }

#footer ul#categorylink { border:solid 1px #7FD462; background:#E8FDE1; padding:2px 10px; overflow:hidden; margin-bottom:10px; font-size:84%; }
#footer ul#categorylink li { float:left; white-space: nowrap; padding:0px 5px; color:#666; letter-spacing:0px;  }
#footer ul#categorylink li#index { font-weight:bold; margin:0px;}
#footer ul#categorylink li.now { font-weight:bold; background:url(/images/bg_navimenu_footer.gif) repeat-x;}
#footer ul#categorylink li a,
#footer ul#categorylink li a:visited { color:#666; text-decoration:none;}
#footer ul#categorylink li a:hover { color:#666; text-decoration:underline; }

/* safari only \*/  
html[xmlns*=""] body:last-child #footer ul#categorylink li { padding:0px 3px; } 

#footer ul#policy li { display: inline; list-style-type: none; float:left;}
#footer ul#policy li a { margin-right: 15px; padding: 1px 3px 1px 12px;	color: #666; background: url(/images/arrow_gray_s.gif) left center no-repeat; text-decoration: none;}

#footer ul#policy li a,
#footer ul#policy li a:visited { color: #666; text-decoration: none;}
#footer ul#policy li a:hover,
#footer ul#policy li a:active { color: #666; text-decoration: underline;}

#footer ul#policy li#copyright { float: right; width:153px; height: 15px; text-indent: -9999px; background: url(/images/copyright.gif) no-repeat;}

#overDiv {
	position: absolute;
	visibility: hidden;
	z-index: 1000;
}

#overDiv table {
	border-right: 1px solid #999;
	border-bottom: 1px solid #999;
	font-size: 10px;
}

#overDiv th, td {
  vertical-align: top;
  padding: 1px;
  border: none;
  font-weight: normal;
}

#overDiv table table{
	border: none;
}

#overDiv table table th,
#overDiv table table td {
  padding: 2px 3px;
}

#overDiv table table td.cap {
	color: #fff;
	font-size: 12px;
	font-weight: bold;
}

#overDiv .cls {
	color: #fff;
	text-align: right;
	vertical-align: middle;
}

#overDiv .cls a,
#overDiv .cls a:link,
#overDiv .cls a:visited {
	color: #fff;
	text-decoration: none;
}

#overDiv .cls a:hover,
#overDiv .cls a:active {
	text-decoration: underline;
}

#overDiv .cnt {
	color: #333;
	padding: 3px;
}

#overDiv .cnt a,
#overDiv .cnt a:link,
#overDiv .cnt a:visited {
	color: #f60;
	font-weight: bold;
	text-decoration: none;
}

#overDiv .cnt a:hover,
#overDiv .cnt a:active {
	text-decoration: underline;
}

/* ------------------------- */
/* ----- header visual ----- */
/* ------------------------- */
#header h1 { float:left; width:200px; height:90px; text-indent:-99999px; background:url(/images/headlogo.gif) left top no-repeat; }
/*
#header h1 { float:left; width:210px; height:90px; text-indent:-99999px; background:url(/images/headlogo.png) left top no-repeat; margin-left:0px; margin-top:7px; }
*/
#header h1 a {width:200px; height:90px;  text-decoration: none; display: block;}

#header p#howto { float: right; padding:10px 0px; }

#header p#banner { width:480px; padding:16px 10px 0px; float:left; text-align:center;}
* html #header p#banner { width:470px; padding:16px 10px 0px; float:left; text-align:center;}
/*
#header p#banner { width:480px; padding:12px 10px 0px; float:left; text-align:center;}
* html #header p#banner { width:470px; padding:12px 10px 0px; float:left; text-align:center;}
* */

#header p#banner a { width:480px; height:70px; display:block; }




/* ----------------------------- */
/* ----- global navigation ----- */
/* ----------------------------- */

ul#navimenu { margin:0 auto; overflow:hidden; }
ul#navimenu li { float:left; white-space: nowrap; color:#666; border-right:dotted 1px #ccc; padding:2px 3px; letter-spacing:0px;}
ul#navimenu li.now { font-weight:bold; background:url(/images/bg_navimenu_header.gif) repeat-x; }
ul#navimenu li a,
ul#navimenu li a:visited { color:#666; text-decoration:none;}
ul#navimenu li a:hover { color:#666; text-decoration:underline; }

ul#navimenu li.now a,
ul#navimenu li.now a:visited { color:#fff; text-decoration:none;}
ul#navimenu li.now a:hover { color:#fff; text-decoration:underline; }

/* safari3 only \  
html[xmlns*=""] body:last-child ul#navimenu { font-size:85%; } */

/* safari4 対策 \*/  
body:first-of-type ul#navimenu { font-size:95%;} 

/* ------------------ */
/* ----- search ----- */
/* ------------------ */

#contents #search { display: inline-block; width:100%; overflow:hidden; text-align:center; margin-bottom:20px;}
	
#contents #search:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
/*Hides from IE-mac\*/
* html #contents #search { height: 1%; }
#contents #search { display: block; }
/*End hide from IE-mac*/

#contents #search input,
#contents #search select { vertical-align:middle; border:solid 1px #999; margin-right:3px; }

#contents #search p { margin:0 auto; text-align:center; }
#contents #search #searchFrm { margin:0 auto; }


#contents #search #searchTxt { width: 200px; padding: 2px 2px; background:#FFF4A6; color:#808080; }
#contents #search #searchSel { width: 150px; padding: 1px;}
#contents #search #searchBtn { border:none;}





/* --------------------------------- */
/* -----       left menu       ----- */
/* --------------------------------- */

#contents #wrapperL #category { margin-bottom:10px; }
#contents #wrapperL #category ul { background:url(/images/category_foot.gif) bottom no-repeat; padding-bottom:3px; }
#contents #wrapperL #category ul li { border-top: solid 1px #B8EC81; border-left: solid 1px #B8EC81; border-right: solid 1px #B8EC81; background:url(/images/category_bg.gif) repeat-x bottom; }
#contents #wrapperL #category ul li img { margin-right:6px; float:left; }
#contents #wrapperL #category ul li a { display:block; padding:4px 6px;} 
#contents #wrapperL #category ul li a,
#contents #wrapperL #category ul li a:visited { color:#333; text-decoration:none; }
#contents #wrapperL #category ul li a:hover { color:#FF6600; text-decoration:underline;}

#contents #wrapperL #newgym { border-top:solid 1px #B8EC81; border-bottom:solid 1px #B8EC81; background:url(/images/newgym_bg.gif) repeat-y center; padding:6px 8px 10px; margin-bottom:10px; }
#contents #wrapperL #newgym a,
#contents #wrapperL #newgym a:hover,
#contents #wrapperL #newgym a:visited { color:#459000; }
#contents #wrapperL #newgym dl { margin:10px 0px 0px; color:#666; }
#contents #wrapperL #newgym dl dt img { float:left; margin-right:5px; }
#contents #wrapperL #newgym dl dd { clear:both; padding-top:5px; line-height:1.2em; }

#contents #wrapperL #contentsmenu { margin-bottom:10px;}
#contents #wrapperL #contentsmenu ul { background:url(/images/contents_footer.gif) bottom no-repeat; padding-bottom: 3px;  }
#contents #wrapperL #contentsmenu ul li { border-left:solid 1px #ccc; border-right:solid 1px #ccc; border-bottom: dotted 1px #ccc; background:url(/images/arrow_gray_s.gif) left no-repeat;}
#contents #wrapperL #contentsmenu ul li#last {  border-bottom:none; }
#contents #wrapperL #contentsmenu ul li a { display:block; padding:5px 15px; }
#contents #wrapperL #contentsmenu ul li a,
#contents #wrapperL #contentsmenu ul li a:visited { color:#333; text-decoration:none; }
#contents #wrapperL #contentsmenu ul li a:hover { color:#FF6600;  text-decoration:underline;}

/* --------------------------------- */
/* ----- new and recommend gym ----- */
/* --------------------------------- */
#contents .newGym {
	margin: 0 0 5px;
}

#contents .newGym p {
	width: 181px;
	height: 70px;
	text-indent: -9999px;
	background-image: url(/images/btn_gym.gif);
	background-repeat: no-repeat;
}

#contents .newGym p a {
	display: block;
	width: 181px;
	height: 70px;
	text-decoration: none;
}

#contents .recGym {
	margin-bottom: 20px;
	border: 1px solid #f60;
	background-color: #ffc;
}

#contents .recGym p {
	width: 179px;
	height: 21px;
	text-indent: -9999px;
	background-image: url(/images/bn_rec_gym.gif);
	background-repeat: no-repeat;
}

#contents .recGym a,
#contents .recGym a:link,
#contents .recGym a:visited {
	color: #fff;
	text-decoration: none;
}

#contents .recGym a:hover,
#contents .recGym a:active {
	text-decoration: underline;
}

#contents .recGym dl {
	margin: 10px 10px 10px 7px;
	padding-left: 0;

}

#contents .recGym dt,
#contents .recGym dd {
	margin-left: 0;
	padding-left: 0;
}

#contents .recGym dt {
	display: block;
	padding: 1px 1px 1px 3px;
	color: #fff;
	font-size: 117%;
	font-weight: bold;
	background-color: #f60;
}

#contents .recGym dt a {
	display: block;
}

#contents .recGym dd {
	padding-top: 4px;
	color: #c60;
	line-height: 120%;
}

/* ------------------------------------------ */
/* ---------- rating and trackback ---------- */
/* ------------------------------------------ */
#contents .rateBox {
	clear: both;
	margin-bottom: 20px;
	font-size: 100%;
}

#contents .rateBox h3 {
	width: 140px;
	height: 18px;
	padding-bottom: 5px;
	text-indent: -9999px;
	background-repeat: no-repeat;	
}

#contents .rateBox h3.neta {
	background-image: url(/community/images/rate_ttl1.gif);
}

#contents .rateBox h3.quiz {
	background-image: url(/community/images/rate_ttl2.gif);
}

#contents .rateBox h3.topic {
	background-image: url(/community/images/topic_ttl.gif);
}

#contents .rateBox form {
	border: 2px solid #f60;
	padding: 20px;
}

#contents .rateBox table {
	width: 100%;
	border-top: 1px dotted #f60;
	border-collapse:collapse;
}

#contents .rateBox th {
	padding: 5px 3px 5px 5px;
	width: 152px;
	border: none;
	border-bottom: 1px dotted #f60;
	font-weight: bold;
	line-height: 140%;
	background-image: url(/images/col_light_orange.gif);
}

#contents .rateBox th span {
	font-weight: normal;
	font-size: 84%;
}

#contents .rateBox th.btnC {
	width: 100%;
	padding: 20px 0 0;
	border: none;
	background-image: none;
	text-indent: 0;
	text-align: center;
}

#contents .rateBox th.btnC .btnYes {
	cursor: pointer;
}

#contents .rateBox td {
	padding: 5px 0 5px 5px;
	width: 460px;
	border: none;
	border-bottom: 1px dotted #f60;
	line-height: 140%;
	font-size: 100%;
	text-align: justify;
	text-justify: inter-ideograph;
}

#contents .rateBox .rateLbl {
	padding: 0 20px 0 3px;
}

#contents .rateBox #ttlTxt {
	border: 1px solid #ccc;
	padding: 3px;
	width: 460px;
	font-size: 100%;
}

#contents .rateBox #cmtTxt {
	border: 1px solid #ccc;
	padding: 3px;
	width: 460px;
	height: 90px;
	font-size: 100%;
}

#contents .rateBox #msgTxt {
	border: 1px solid #ccc;
	padding: 3px;
	width: 460px;
	font-size: 100%;
}

#contents .rateBox #img1File,
#contents .rateBox #img2File {
/*	width: 300px;*/
	padding: 3px;
	border: 1px solid #ccc;
	background-color: #fff;
}

#contents .rateBox #ttlTxt:hover,
#contents .rateBox #cmtTxt:hover,
#contents .rateBox #msgTxt:hover,
#contents .rateBox #img1File:hover,
#contents .rateBox #img2File:hover,
#contents .rateBox #ttlTxt:focus,
#contents .rateBox #cmtTxt:focus,
#contents .rateBox #msgTxt:focus,
#contents .rateBox #img1File:focus,
#contents .rateBox #img2File:focus {
	border: 1px solid #f60;
}

#contents .rateBox .btnYes {
	padding: 2px 10px;
	color: #f60;
	font-weight: bold;
	border: 1px solid #f60;
	background-color: #fff;
	cursor: pointer;
}

#contents .tbUrlBox {
	clear: both;
	margin-bottom: 10px;
	border: 2px solid #f60;
	padding: 5px 10px;
}

#contents .tbUrlBox:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

#contents .tbUrlBox {
	display: inline-block;
}

/*Hides from IE-mac\*/
* html #contents .tbUrlBox { height: 1%; }
#contents .tbUrlBox { display: block; }
/*End hide from IE-mac*/

#contents .tbUrlBox h3 {
	float: left;
	width: 200px;
	height: 18px;
	text-indent: -9999px;
	background-image: url(/community/images/tb_ttl.gif);
	background-repeat: no-repeat;	
}

#contents .tbUrlBox p {
	float: right;
	width: 410px;
}

/* ------------------------------------------- */
/* ---------- comment and trackback ---------- */
/* ------------------------------------------- */
#contents .commentBox,
#contents .tbBox {
	clear: both;
}

#contents .commentBox .cmt,
#contents .tbBox .cmt {
	margin-bottom: 10px;
	padding-bottom: 10px;
	background-image: url(/images/dot_gray.gif);
	background-position: left bottom;
	background-repeat: repeat-x;
}

#contents .commentBox .cmtB,
#contents .tbBox .cmtB {
	margin-bottom: 20px;
}

#contents .commentBox h3.ttlLO,
#contents .tbBox h3.ttlLO {
	margin-bottom: 10px;
}

#contents .commentBox dl,
#contents .commentBox dt,
#contents .commentBox dd,
#contents .tbBox dl,
#contents .tbBox dt,
#contents .tbBox dd {
	margin-left: 0;
	padding-left: 0;
}

#contents .commentBox .rate {
	padding-bottom: 8px;
}

#contents .commentBox .rate:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

#contents .commentBox .rate {
	display: inline-block;
}

/*Hides from IE-mac\*/
* html #contents .commentBox .rate { height: 1%; }
#contents .commentBox .rate { display: block; }
/*End hide from IE-mac*/

#contents .commentBox .rate dt{ float: left; padding-right: 3px; color: #f60; }
#contents .commentBox .rate dd { float: left; padding-right: 7px;}

#contents .commentBox p{
	font-size: 100%;
}

#contents .commentBox .msg {
	clear: both;
	font-size: 100%;
}

#contents .commentBox .msg dt {
	padding-bottom: 5px;
	color: #f60;
	font-weight: bold;
}

#contents .tbBox dl {
	font-size: 100%;
}

#contents .tbBox dt {
	padding: 5px 0 0 16px;
	background-image: url(/images/circle_orange.gif);
	background-position: left center;
	background-repeat: no-repeat;
}

#contents .tbBox dt a {
	color: #333;
}


	

/* ----------------------- */
/* ----- conpane     ----- */
/* ----------------------- */

/* --- form login --- */
#contents #conpane_login { width: 100%; text-align: center; color:#572710; padding:20px 0px 6px; margin-bottom:10px; background:url(/images/conpane_head_bg.gif) repeat-x;}

#contents #conpane_login a.remainder { color: #572710; padding-left: 12px; background: url(/images/arrow_white2.gif) left center no-repeat;}

#contents #conpane_login p { padding:3px 0px 0px; text-align: center; clear:both;}

#contents p#sublink { padding:0px 0px 4px; }
#contents p#sublink span { float:right }

#contents #conpane_login dl { margin:0 auto; width:160px; overflow:hidden;}
#contents #conpane_login dl dt { float:left; width: 37px; }
#contents #conpane_login dl dt img { margin:5px 0px 0px; vertical-align:top; }
#contents #conpane_login dl dd { float:left; width: 110px; margin-bottom:1px;}

#contents #conpane_login #txtID,
#contents #conpane_login #txtPW { width: 110px; height: 15px; padding: 2px; border: 1px solid #F28400; background-color: #fff5; }

#contents #conpane_login #chkAuto  { vertical-align: middle; }
#contents #conpane_login #btnLogin { vertical-align: top; }
#contents #conpane_login #lblAuto  { margin: 0 0px 0 3px;}


/* --- form menu --- */

#contents #conpane {
	width: 250px;
	margin-bottom: 10px;
	padding: 0;
	text-align:left;
}

#contents #conpane #conpane_head{
	margin:0px;
	padding:0px 5px  5px;
	background:url(/images/conpane_head_bg.gif) repeat-x;
	}

#contents #conpane #conpane_head div.username{
	overflow:hidden;
	padding:5px;
	margin:0px;
	background-color:#FFFFFF;
	font-weight:bold;
	}
#contents #conpane #conpane_head div.username img{
	vertical-align: middle;
	margin-right:5px;
	width:60px;
	height:60px;
	float:left;

	}
	
#contents #conpane #conpane_head p.newmail{
	clear:both;
	background:#F27700;
	color:#FFFFFF;
	padding:5px;
	margin:4px 0px 0px;
	font-size:12px;	
	}
#contents #conpane #conpane_head p.newmail img{
	vertical-align: middle;
	margin-right:5px;
	}
	
#contents #conpane #conpane_head p.newmail a,
#contents #conpane #conpane_head p.newmail a:visited{ color:#FFF;}

#contents #conpane ul {	padding:5px 0px; width:100%; background:#FBBD77;}
#contents #conpane ul li { height:26px; margin:0px 5px; background:url(/images/conpane_menu_bg.gif) repeat-x bottom;}
#contents #conpane ul li a,
#contents #conpane ul li a:visited{	color:#572710;}

#contents #conpane #conpane_mypage a{
	background:url(/images/icon_mypage.gif) no-repeat left 2px;
	padding:3px 0px 3px 25px;
	}

#contents #conpane #conpane_newgym a{
	background:url(/images/icon_newgym.gif) no-repeat left 2px;
	padding:3px 0px 3px 25px;
	}
	
#contents #conpane #conpane_introduce a{
	background:url(/images/icon_introduce.gif) no-repeat left 2px;
	padding:3px 0px 3px 25px;
	}
	
#contents #conpane #conpane_logout a{
	background:url(/images/icon_logout.gif) no-repeat left 2px;
	padding:3px 0px 3px 25px;
	}
	
#contents #conpane #conpane_memreg a{
	background:url(/images/icon_memreg.gif) no-repeat left 2px;
	padding:3px 0px 3px 25px;
	}
	
#contents #conpane #conpane_netapost a{
	background:url(/images/icon_netapost.gif) no-repeat left 2px;
	padding:3px 0px 3px 25px;
	}
	
#contents #conpane #conpane_topicnew a{
	background:url(/images/icon_topicnew.gif) no-repeat left 2px;
	padding:3px 0px 3px 25px;
	}

#contents #conpane #conpane_quizpost a{
	background:url(/images/icon_quizpost.gif) no-repeat left 2px;
	padding:3px 0px 3px 25px;
	}
	
#contents #conpane #conpane_searchfriend a{
	background:url(/images/icon_searchfriend.gif) no-repeat left 2px;
	padding:3px 0px 3px 25px;
	}
	
#contents #conpane #conpane_messagenew a{
	background:url(/images/icon_messagenew.gif) no-repeat left 2px;
	padding:3px 0px 3px 25px;
	}
	
#contents #conpane #conpane_addfriend a{
	background:url(/images/icon_addfriend.gif) no-repeat left 2px;
	padding:3px 0px 3px 25px;
	}
	
#contents #conpane #conpane_addfavorite a{
	background:url(/images/icon_addfavorite.gif) no-repeat left 2px;
	padding:3px 0px 3px 25px;
	}
	
#contents #conpane #conpane_call a{
	background:url(/images/icon_call.gif) no-repeat left 2px;
	padding:3px 0px 3px 25px;
	}
	
#contents #conpane #conpane_gyms a{
	background:url(/images/icon_gyms.gif) no-repeat left 2px;
	padding:3px 0px 3px 25px;
	}
	
#contents #conpane #conpane_showcase a{
	background:url(/images/icon_showcase.gif) no-repeat left 2px;
	padding:3px 0px 3px 25px;
	}
	
#contents #conpane #conpane_diary a{
	background:url(/images/icon_diary.gif) no-repeat left 2px;
	padding:3px 0px 3px 25px;
	}
	
#contents #conpane #conpane_log a{
	background:url(/images/icon_log.gif) no-repeat left 2px;
	padding:3px 0px 3px 25px;
	}
	
#contents #conpane #conpane_favorites a{
	background:url(/images/icon_favorites.gif) no-repeat left 2px;
	padding:3px 0px 3px 25px;
	}
	
#contents #conpane #conpane_gymedit a{
	background:url(/images/icon_gymedit.gif) no-repeat left 2px;
	padding:3px 0px 3px 25px;
	}
	
#contents #conpane #conpane_netarank a{
	background:url(/images/icon_netapost.gif) no-repeat left 2px;
	padding:3px 0px 3px 25px;
	}

#contents #conpane #conpane_zukan a{
	background:url(/images/icon_book.png) no-repeat left 2px;
	padding:3px 0px 3px 25px;
	}

#contents #conpane #conpane_zukan_page a{
	background:url(/images/icon_page.png) no-repeat left 2px;
	padding:3px 0px 3px 25px;
	}

/* ----------------------- */
/* ----- Information ----- */
/* ----------------------- */

/* #contents #information { width: 100%; margin-bottom:10px; padding: 0;} */
#contents #information { width: 100%; margin-bottom:0px; padding: 0;}

#contents #information dl,
#contents #information dt,
#contents #information dd {
	margin-left: 0;
	padding-left: 0;
	text-align:left;
}

#contents #information dt {
	width: 250px;
	height: 17px;
	margin-bottom: 7px;
	text-indent: -9999px;
	background-image: url(/images/information.gif);
	background-repeat: no-repeat;
}

#contents #information dd {
	margin-bottom: 7px;
	padding-bottom: 7px;
	line-height: 140%;
	background-image: url(/images/dot_gray.gif);
	background-position: left bottom;
	background-repeat: repeat-x;
	list-style-type: none;
}

#contents #information dd.last {
	margin-bottom: 0;
	padding-bottom: 0;
	background-image: none;
}

/* ---------------- */
/* ----- Rank ----- */
/* ---------------- */
#contents #rank,
#contents #rankCat { width:250px; color: #600; padding-bottom: 3px; background: url(/images/rank_b.gif) left bottom no-repeat;
}

#contents #rank #rankWrap,
#contents #rankCat #rankWrap {
	background-image: url(/images/rank_m.gif);
	background-repeat: repeat-y;
}

#contents #rank a,
#contents #rank a:link,
#contents #rankCat a,
#contents #rankCat a:link {
	color: #600;
	text-decoration: none;
}

#contents #rank a:visited,
#contents #rankCat a:visited {
	color: #966;
	text-decoration: none;
}

#contents #rank a:hover,
#contents #rank a:active,
#contents #rankCat a:hover,
#contents #rankCat a:active {
	color: #600;
	text-decoration: underline;
}

#contents #rank .more a,
#contents #rank .more a:link,
#contents #rankCat .more a,
#contents #rankCat .more a:link {
	color: #a37921;
	text-decoration: underline;
}

#contents #rank .more a:visited,
#contents #rankCat .more a:visited {
	color: #c96;
	text-decoration: none;
}

#contents #rank .more a:hover,
#contents #rank .more a:active,
#contents #rankCat .more a:hover,
#contents #rankCat .more a:active {
	color: #a37921;
	text-decoration: underline;
}

#contents #rank dl,
#contents #rank dt,
#contents #rank dd,
#contents #rankCat dl,
#contents #rankCat dt,
#contents #rankCat dd {
	margin-left: 0;
	padding-left: 0;
}


#contents #rank ol li,
#contents #rankCat ol li { list-style:decimal; list-style-position:inside; display:list-item;}

#contents #rank dd.rank_total {
	background: url(/images/rank_total.gif)  no-repeat top left;
	float:left;
	width:125px; height:26px;
	margin:0px; padding:0px;
	}
#contents #rank dd.rank_personal {
	background: url(/images/rank_personal.gif) no-repeat top left;
	float:left;
	width:125px;height:26px;
	margin:0px; padding:0px;
	}

#contents #rank dd.rank_total a {
	display:block;
	width:125px; height:26px;
	background:url(/images/rank_total_now.gif) no-repeat top left;
	}
	
#contents #rank dd.rank_personal a {
	display:block;
	width:125px; height:26px;
	background:url(/images/rank_personal_now.gif) no-repeat top left;
	}
	
#contents #rank dd.rank_total span,
#contents #rank dd.rank_personal span{ text-indent:-999px;}


#contents #rank dt {
	width: 250px;
	height: 30px;
	text-indent: -9999px;
	background-image: url(/images/rank.gif);
	background-repeat: no-repeat;
}

#contents #rankCat dt {
	width: 250px;
	height: 50px;
	text-indent: -9999px;
	background-image: url(/images/rank2.gif);
	background-repeat: no-repeat;
}

#contents #rank dd,
#contents #rankCat dd {padding:5px 10px;}

#contents #rankCat dd.catName {
	padding: 5px 0 0 10px;
	color: #a37921;
	font-size: 117%;
	font-weight: bold;
	line-height: 100%;
}

#contents #rank dd ol li,
#contents #rankCat dd ol li {
	padding-right: 5px;
	padding-bottom: 2px;
	line-height: 140%;
	vertical-align: top;
}



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

#contents .submenubox {
	background:url(../mypage/images/bg_submenubg.gif) repeat-x bottom left;
	overflow:hidden;
}
		
#contents .submenubox ul{
	margin:0px;
	padding:0px;
	}
	
#contents .submenubox li{ float:left; width:127px; text-align:center; padding:6px 0 2px; font-weight:bold;
	background:url(../mypage/images/bg_submenu.gif) no-repeat bottom left;}	

#contents .submenubox li a,a:visited{ color:#666666; }

#contents .submenubox li.submenu_on { width:128px; background:url(../mypage/images/bg_submenu_on.gif) no-repeat bottom left;	}

#contents .submenubox li.submenu_on a{ color:#FD6600; }
#contents .submenubox li.submenu_on a:visited{ color:#FD6600; }

#contents .submenubody{
	clear:both;
	padding:30px 0px;
	border-left:solid 2px #FD6600;
	border-right:solid 2px #FD6600;
	}
#contents .submenubody2{
	clear:both;
	padding:20px 0px;
	margin-bottom:20px;
	border:solid 2px #FD6600;
    /*
	border-left:solid 2px #FD6600;
	border-right:solid 2px #FD6600;
	border-bottom:solid 2px #FD6600;
    */
	}

#contents .submenubody p,
#contents .submenubody2 p{
	margin-left:20px;
	}


#contents .submenubody table{
	width:95%;
	margin:0 auto;
	text-align:left;
	}
#contents .submenubody table td img{
	margin-top:5px;
	}
	
#contents .submenubody table td.td_comment_icon{
	width:30px;
}

#contents .submenubody table td.td_comment{
	background: url(../mypage/images/img_coment.gif) no-repeat top left;
	width:14px;
}

#contents .submenubody table td.td_comment2{
	border-bottom:solid 3px #cccccc;
	border-right:solid 3px #cccccc;
	border-top:solid 3px #cccccc;
	background:#eeeeee;
	padding:10px;}

#contents .submenubody table td.td_comment2 h3{
	margin:5px;
	font-size:1em;
	color:#FD6600;
	}
#contents .submenubody table td.td_comment2 p{
	margin:5px;
	}

#contents p.txt_data{
	float:right;
	}

#contents p.dotline{
	margin:10px 0px;
	text-align:center;
	}
	
#contents .aitembox {
	margin-left:20px;
	overflow:hidden;
	width:93%;
	}

#contents .aitembox .item_img{
	float:left;
	border-left:solid 5px #FD6600;
	width:15%;
	}
#contents .aitembox .item_img img{
	border:solid 1px #cccccc;
	}

#contents .aitembox .item_txt{
	float:right;
	text-align:left;
	width:83%;
	}

#contents .aitembox h3{
	border-bottom:solid 2px #FD6600;
	padding:0px 0px 5px;
	font-size:1em;
	}
#contents .aitembox h3 span{
	font-weight:normal;
	padding-left:10px;
	}
#contents .aitembox p{
	margin:5px 0px;
	}
	
	
#contents .netalinkmbox {
	margin-left:20px;
	overflow:hidden;
	width:93%;
	}

#contents .netalinkmbox .item_img{
	float:left;
	border-left:solid 5px #FD6600;
	width:15%;
	}
#contents .netalinkmbox .item_img img{
	border:solid 1px #cccccc;
	}

#contents .netalinkmbox .item_txt{
	float:right;
	text-align:left;
	width:83%;
	}

#contents .netalinkmbox h3{
	border-bottom:solid 2px #FD6600;
	padding:0px 0px 5px;
	font-size:1em;
	}
#contents .netalinkmbox h3 span{
	font-weight:normal;
	padding-left:10px;
	}
#contents .netalinkmbox p{
	margin:5px 0px;
	}


#contents .trackbackbox {
	margin-left:25px;
	overflow:hidden;
	border-left:solid 5px #FD6600;
	width:95%;
	}

#contents .trackbackbox h3{
	padding:0px 0px 5px 10px;
	font-size:1em;
	}
#contents .trackbackbox h3 span{
	font-weight:normal;
	padding-left:10px;
	}
#contents .trackbackbox p{
	margin:5px 10px;
	}

/* ----- もっと見る ----- */
#contents #rank .more:after,
#contents #rankCat .more:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

#contents #rank .more,
#contents #rankCat .more {
	display: inline-block;
}

/*Hides from IE-mac\*/
* html #contents #rank .more { height: 1%; }
* html #contents #rankCat .more { height: 1%; }
#contents #rank .more { display: block; }
#contents #rankCat .more { display: block; }
/*End hide from IE-mac*/

#contents #rank .more p,
#contents #rankCat .more p {
	float: right;
	padding: 5px 10px 3px 0;
}

#contents #rank .more p a,
#contents #rankCat .more p a {
	padding-left: 13px;
	background-image: url(/images/arrow_gold.gif);
	background-position: left center;
	background-repeat: no-repeat;
}

/* --------------------- */
/* ----- gymStatus ----- */
/* --------------------- */
#contents #gymStatus { margin-bottom:10px; width: 250px; background-color: #FFFAEF;}
#contents #gymStatusWrap { padding: 0px 8px 5px; border-left: 2px solid #7FD462; border-bottom: 2px solid #7FD462; border-right: 2px solid #7FD462;}

#contents #gymStatus p { height: 21px; padding:10px 0px 5px 10px; color:#266511; background: url(/community/images/gym_status.gif) left top no-repeat ;}

#contents #gymStatus dl { width:100%; overflow:hidden; padding-bottom: 10px;}
#contents #gymStatus dl dt { float: left; width: 55%; }
#contents #gymStatus dl dd { float: right; width: 40%;}

#contents #gymStatus li { text-align:right; }
#contents #gymStatus li a,
#contents #gymStatus li a:visited { color:#68AC50; text-decoration:none; }
#contents #gymStatus li a:hover,
#contents #gymStatus li a:active  { text-decoration: underline;}


/* -------------------- */
/* ----- netaLink ----- */
/* -------------------- */
#contents .netaLink { width: 248px; margin: 0px 0px 10px; border: 1px solid #7FD462; background: url(/images/bg_column.gif) repeat-x scroll 0 0;}

#contents .netaLink h3 { padding: 5px 5px 10px; color: #360; }
#contents .netaLink h3 img { margin-right:5px;}

#contents .netaLink ul { padding:5px; }
#contents .netaLink li { line-height:1.3em; padding-bottom:5px; }
#contents .netaLink li a { display: block; margin-bottom: 1px; padding-left: 12px; background: url(/images/arrow_lighgreen_s.gif) left 2px no-repeat;}

#contents .netaLink li a,
#contents .netaLink li a:link,
#contents .netaLink li a:visited { color: #360; text-decoration: none;}

#contents .netaLink li a:hover,
#contents .netaLink li a:active { text-decoration: underline;}


/* -------------------- */
/* ----- osusumeLink ----- */
/* -------------------- */
#contents .osusumeLink { width: 248px; margin: 0px 0px 10px; border: 1px solid #7FD462; background: url(/images/bg_column.gif) repeat-x scroll 0 0;}

#contents .osusumeLink h3 { padding-bottom:5px; color: #360; }
#contents .osusumeLink h3 img { margin-right:5px;}

#contents .osusumeLink ul   { padding:5px; }
#contents .osusumeLink li   { line-height:1.3em; padding-bottom:5px; padding-top:5px; background:url(/images/dot_gray.gif) repeat-x bottom; height:70px;  }
#contents .osusumeLink li a { display: block; margin-bottom: 1px; text-align:center;}
#contents .osusumeLink li a,
#contents .osusumeLink li a:link,
#contents .osusumeLink li a:visited{ color: #360; text-decoration: none;}
#contents .osusumeLink li a:hover,
#contents .osusumeLink li a:active { text-decoration: underline;}

#contents .osusumeLink li img{ margin:5px ;}
#contents .osusumeLink li p  { text-align:left;}
#contents .osusumeLink li p a{ text-align:left; padding-left: 12px; background: url(/images/arrow_lighgreen_s.gif) left 2px no-repeat;}
#contents .osusumeLink li p span { margin:0px 0px 0px 12px; display:block; }

#contents .osusumeLink .more { text-align:right; margin:0 5px 7px;}



/* -------------------- */
/* ----- quizLink ----- */
/* -------------------- */
#contents .quizLink { width: 250px; margin: 0px 0px 10px; border: 1px solid #7FD462; background: url(/images/bg_column.gif) repeat-x scroll 0 0;}

#contents .quizLink h3 { padding: 5px 5px 10px; color: #360; }
#contents .quizLink h3 img { margin-right:5px;}

#contents .quizLink ul { padding:5px; }
#contents .quizLink li { line-height:1.3em; padding-bottom:5px; }
#contents .quizLink li a { display: block; margin-bottom: 1px; padding-left: 12px; background: url(/images/arrow_lighgreen_s.gif) left 2px no-repeat;}

#contents .quizLink li a,
#contents .quizLink li a:link,
#contents .quizLink li a:visited { color: #360; text-decoration: none;}

#contents .quizLink li a:hover,
#contents .quizLink li a:active { text-decoration: underline;}

/* -------------------- */
/* ----- bookmark ----- */
/* -------------------- */
#contents .bookmark { width: 248px; margin-bottom:10px;	border: 1px solid #7FD462;}

#contents .bookmark h3 {
	width: 179;
	height: 19px;
	text-indent: -9999px;
	background-image: url(/images/bookmark.gif);
	background-position: left top;
	background-repeat: no-repeat;
}

#contents .bookmark ul,
#contents .bookmark li {
	margin: 0;
	padding: 0;
	list-style-type: none;
}

#contents .bookmark ul {
	padding: 10px 0 10px 12px;
}

#contents .bookmark ul:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

#contents .bookmark ul {
	display: inline-block;
}

/*Hides from IE-mac\*/
* html #contents .bookmark ul { height: 1%; }
#contents .bookmark ul { display: block; }
/*End hide from IE-mac*/

#contents .bookmark li {
	float: left;
	height: 16px;
	padding-right: 11px;
	text-indent: -9999px;
	background-position: left top;
	background-repeat: no-repeat;
}

#contents .bookmark ul #bmYahoo {
	width: 16px;
	background-image:url(/images/icon_yahoo.gif);
}

#contents .bookmark ul #bmHatena {
	width: 16px;
	background-image:url(/images/icon_hatena.gif);
}

#contents .bookmark ul #bmBuzzurl {
	width: 17px;
	background-image:url(/images/icon_buzzurl.gif);
}

#contents .bookmark ul #bmLivedoor {
	width: 16px;
	background-image:url(/images/icon_livedoor.gif);
}

#contents .bookmark ul #bmChoix {
	width: 16px;
	background-image:url(/images/icon_choix.gif);
}

#contents .bookmark ul #bmIza {
	width: 16px;
	background-image:url(/images/icon_iza.gif);
}

#contents .bookmark li a {
	display: block;
	height: 16px;
}

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

#contents .txtmore { text-align:right; }
#contents .txtmore a {background:url(/images/arrow_green_s.gif) left top no-repeat; padding-left:13px;}
/* ----- box ----- */
#contents .lightOrange {
	/*
	border: 1px solid #f60;
	background-image: url(/images/col_light_orange.gif);
	background-repeat: repeat;
	*/
}

/* ----- title ----- */
/*#contents .ttlLG {
	margin-bottom: 20px;
	padding: 1px 0 0 10px;
	color: #030;
	font-size: 150%;
	font-weight: bold;
	background-color: #8fc31f;
	background-image: url(/images/ttl_pattern_g.gif);
	background-position: right center;
	background-repeat: no-repeat;
}*/



#contents .ttlLG,
#contents .ttlLG2,
#contents .ttlLRG { font-size:137%; font-weight:bold; height:34px; margin-bottom:3px; padding:8px 0 0 22px;	background: url(/images/ttl_pattern_g.gif) right top no-repeat; }
#contents .ttlLRGR { font-size:137%; font-weight:bold; height:34px; margin-bottom:3px; padding:8px 0 0 22px;	background: url(/images/ttl_pattern_gray.gif) right top no-repeat; }

#contents .ttlLG span,
#contents .ttlLG2 span { float:right; padding-right:10px; font-size: 78%; font-weight:normal;}

#contents .ttlLG span a,
#contents .ttlLG2 span a { padding-left: 16px; background: url(/images/arrow_green_back.gif) left center no-repeat;}

#contents .ttlLG span a,
#contents .ttlLG2 span a,
#contents .ttlLG span a:link,
#contents .ttlLG2 span a:link,
#contents .ttlLG span a:visited,
#contents .ttlLG2 span a:visited {
	color: #030;
	text-decoration: none;
}

#contents .ttlLG span a:hover,
#contents .ttlLG2 span a:hover,
#contents .ttlLG span a:active,
#contents .ttlLG2 span a:active {
	text-decoration: underline;
}


#contents .ttlLO { font-size:137%; font-weight:bold; height:34px; margin-bottom:3px; padding:8px 0 0 22px;	background: url(/images/ttl_pattern_o.gif) right top no-repeat;}
/*
#contents .ttlLO {
	margin-bottom: 20px;
	padding: 1px 0 0 10px;
	color: #fff;
	font-size: 117%;
	font-weight: bold;
	background-color: #f60;
	background-image: url(/images/ttl_pattern_o.gif);
	background-position: right center;
	background-repeat: no-repeat;
}

/* ----- form and confirm ----- */
#contents .lightOrange .confirm {
	/*
	padding: 0 15px;
	*/
}

#contents .lightOrange .confirm h3 {
	margin: 10px 0 5px;
	color: #f60;
	font-size: 117%;
}

#contents .lightOrange .confirm p.msg {
	padding: 5px 5px 5px 10px;
	margin-bottom: 15px;
	font-size: 100%;
	font-weight: bold;
	background-image: url(/images/col_light_orange.gif);
}

#contents .lightOrange .confirm form {
	border: 3px solid #f60;
	padding: 20px;
}

#contents .lightOrange .confirm .del_data {
	margin-bottom: 15px;
	padding-bottom: 10px;
	border-bottom: 1px dotted #f60;
	font-size: 100%;
}

#contents .lightOrange .confirm .del_data2 {
	padding-bottom: 10px;
	border-bottom: 1px dotted #f60;
	font-size: 100%;
}

#contents .lightOrange .confirm .del_data label,
#contents .lightOrange .confirm .del_data2 label {
	padding-left: 5px;
}

#contents .lightOrange .confirm .maxTxt {
	width: 480px;
	padding: 3px;
	border: 1px solid #ccc;
	background-color: #fff;
}


#contents .lightOrange .confirm .helpTxt {
	width: 440px;
	padding: 3px;
	border: 1px solid #ccc;
	background-color: #fff;
}

#contents .lightOrange .confirm .ulFile {
/*	width: 300px;*/
	padding: 3px;
	border: 1px solid #ccc;
	background-color: #fff;
}

#contents .lightOrange .confirm textarea {
	width: 465px;
	padding: 3px;
	border: 1px solid #ccc;
	background-color: #fff;
}

#contents .lightOrange .confirm select {
	padding: 3px 1px 3px 3px;
	border: 1px solid #ccc;
	background-color: #fff;
}

#contents .lightOrange .confirm .maxTxt:hover,
#contents .lightOrange .confirm .helpTxt:hover,
#contents .lightOrange .confirm .ulFile:hover,
#contents .lightOrange .confirm textarea:hover,
#contents .lightOrange .confirm select:hover,
#contents .lightOrange .confirm .maxTxt:focus,
#contents .lightOrange .confirm .helpTxt:focus,
#contents .lightOrange .confirm .ulFile:focus,
#contents .lightOrange .confirm textarea:focus,
#contents .lightOrange .confirm select:focus {
	border: 1px solid #f60;
}

#contents .lightOrange .confirm select option {
	padding-right: 20px;
}

#contents .lightOrange .confirm .lbl {
	padding: 0 20px 0 3px;
	vertical-align: top;
}

#contents .lightOrange .confirm .lbl img {
	padding: 0 0 0 10px;
	vertical-align: top;
}

#contents .lightOrange .confirm table.input {
	width: 100%;
	font-size: 100%;
	border-top: 1px dotted #f60;
}

#contents .lightOrange .confirm table.confirm {
	width: 100%;
	margin: 10px 0;
	border-top: 1px dotted #f60;
	font-size: 100%;
}

#contents .lightOrange .confirm table.input th {
	/*
	width: 140px;
	padding: 0 5px 10px;
	border: none;
	font-weight: bold;
	*/

	padding: 5px 3px 5px 5px;
	width: 142px;
	border: none;
	border-bottom: 1px dotted #f60;
	line-height: 140%;
	font-weight: bold;
	background-image: url(/images/col_light_orange.gif);
}

#contents .lightOrange .confirm table.input th span {
	font-weight: normal;
	font-size: 84%;
}

#contents .lightOrange .confirm table.confirm th {
	/*
	width: 140px;
	padding: 15px 5px 0;
	border: none;
	font-weight: bold;
	*/
	padding: 5px 3px 5px 5px;
	width: 142px;
	border: none;
	border-bottom: 1px dotted #f60;
	line-height: 140%;
	font-weight: bold;
	background-image: url(/images/col_light_orange.gif);
}

#contents .lightOrange .confirm table.input td {
	padding: 5px 0 5px 5px;
	border: none;
	border-bottom: 1px dotted #f60;
	line-height: 140%;
	font-size: 100%;
	text-align: justify;
	text-justify: inter-ideograph;
}


#contents .lightOrange .confirm table.confirm td {
	/*
	padding: 15px 5px 0;
	border: none;
	*/
	padding: 5px 0 5px 5px;
	border: none;
	border-bottom: 1px dotted #f60;
	line-height: normal;
	font-size: 100%;
	text-align: justify;
	text-justify: inter-ideograph;
}

#contents .lightOrange .confirm table.input tr.noBorder th,
#contents .lightOrange .confirm table.confirm tr.noBorder th,
#contents .lightOrange .confirm table.input tr.noBorder td,
#contents .lightOrange .confirm table.confirm tr.noBorder td {
	border: none;
}

#contents .lightOrange .confirm table.input td .caution {
	font-size: 84%;
	color: #f60;
}

#contents .lightOrange .confirm .subMaster {
	font-weight: bold;
}

#contents .lightOrange .confirm .subMaster input {
	margin-left: 10px;
	padding: 2px 5px;
	border: 1px solid #f60;
	background-color: #fff;
}

#contents .lightOrange .confirm .buttons {
	margin-top: 15px;
	/*padding: 20px 0;*/
	/*border-top: 1px dotted #f60;*/
	text-align: center;
}

#contents .lightOrange .confirm .buttons2 {
	padding: 20px 0 0;
	text-align: center;
}

#contents .lightOrange .confirm .buttonsL {
	padding: 10px 0 20px 140px;
}

#contents .lightOrange .confirm .btnYes {
	margin: 0 15px;
	padding: 2px 10px;
	border: 1px solid #f60;
	color: #f60;
	font-size: 100%;
	font-weight: bold;
	background-color: #fff;
	cursor: pointer;
}

#contents .lightOrange .confirm .btnNo {
	margin: 0 15px;
	padding: 2px 10px;
	border: 1px solid #999;
	background-color: #fff;
	cursor: pointer;
}

/* ----- 中央 ----- */
#contents .confirmC {
	width: 100%;
	text-align: center;
	margin: 0 auto;
	padding:50px 0px;
}

#contents .confirmC fieldset {
	text-align: center;
}

#contents .confirmC p {
	text-align: center;
}

#contents .confirmC .buttons {
	padding-top: 10px;
}

#contents .confirmC .buttons li { padding:20px 0px;}
#contents .confirmC .buttons a  { border:solid 1px #ccc; padding:15px 20px 15px 35px; background: url(/images/bg_finishbt.gif) left center no-repeat; line-height:1.4em;}

#contents .confirmC .buttons a,
#contents .confirmC .buttons a:link,
#contents .confirmC .buttons a:visited { color: #f60; text-decoration: none;}
#contents .confirmC .buttons a,
#contents .confirmC .buttons a:hover,
#contents .confirmC .buttons a:active  { text-decoration: underline;}


#contents .confirmC .btnYes {
	margin: 0 15px;
	padding: 2px 10px;
	border: 1px solid #f60;
	font-size: 100%;
	color: #f60;
	font-weight: bold;
	background-color: #ffefe5;
	cursor: pointer;
}

#contents .confirmC .btnNo {
	margin: 0 15px;
	padding: 2px 10px;
	border: 1px solid #999;
	font-size: 100%;
	background-color: #eee;
	cursor: pointer;
}


/* ----- 表示順・ページ切り替え ----- */

#contents dl.sortBox { width:100%; overflow: hidden; margin-bottom:10px; }
#contents dl.sortBox dt { float:left; }
#contents dl.sortBox dt img { margin-right:5px; }

#contents dl.sortBox dd { float: right; padding:3px; }

#contents dl.sortBox dd a { padding:0px 5px 0px 0px; margin-right:5px; border-right:solid 1px #ccc; }
#contents dl.sortBox dd a.prev { border:none; padding-right:10px; }
#contents dl.sortBox dd a.next { border:none; padding-left:5px; }
#contents dl.sortBox dd a.last { border:none;}
#contents dl.sortBox dd span { font-weight:bold; padding:0px 5px 0px 0px; margin-right:5px; border-right:solid 1px #ccc;}


/* ----- banner ----- */
.banner {
	clear: both;
	margin-bottom:10px;
	line-height:0px;
}

.banner li {
	margin-bottom:7px;
}

.banner li.regist {
	margin-bottom: 2px;
	width: 180px;
	height: 34px;
	text-indent: -9999px;
	background-image: url(/images/btn_gym_regist.gif);
	background-repeat: no-repeat;
}

.banner li.msg {
	margin-bottom: 2px;
	width: 180px;
	height: 34px;
	text-indent: -9999px;
	background-image: url(/images/btn_message.gif);
	background-repeat: no-repeat;
}

.banner li.neta {
	margin-bottom: 2px;
	width: 180px;
	height: 34px;
	text-indent: -9999px;
	background-image: url(/images/btn_post.gif);
	background-repeat: no-repeat;
}

.banner li.quiz {
	margin-bottom: 2px;
	width: 180px;
	height: 34px;
	text-indent: -9999px;
	background-image: url(/images/btn_quiz.gif);
	background-repeat: no-repeat;
}

.banner li.topic {
	margin-bottom: 2px;
	width: 180px;
	height: 34px;
	text-indent: -9999px;
	background-image: url(/images/btn_topic.gif);
	background-repeat: no-repeat;
}

.banner li.regist a,
.banner li.msg a,
.banner li.neta a,
.banner li.quiz a,
.banner li.topic a {
	margin: 0;
	padding: 0;
	width: 180px;
	height: 34px;
	display: block;
	text-decoration: none;
}


.library { margin-bottom:10px; }

.library p {
	width: 180px;
	height: 80px;
	text-indent: -9999px;
	background-image: url(/images/btn_library.gif);
	background-repeat: no-repeat;
}

.library p a {
	display: block;
	width: 180px;
	height: 90px;
	text-decoration: none;
}

.store  { width:177px; border:solid 2px #2E9E30; text-align:center; }
.store p{ background:#2E9E30;}

.diffuse {
	margin: 5px 0 15px;
}

.diffuse p {
	width: 180px;
	height: 65px;
	text-indent: -9999px;
	background-image: url(/images/btn_diffuse.gif);
	background-repeat: no-repeat;
}

.diffuse p a {
	display: block;
	width: 180px;
	height: 65px;
	text-decoration: none;
}

.callLink {
	width: 180px;
	height: 30px;
	margin-top: 5px;
}

.callLink a {
	display: block;
	height: 30px;
	text-indent: -9999px;
	background-image: url(/images/btn_call.gif);
	background-repeat: no-repeat;
	text-decoration: none;
}

/* ----- tool tip ----- */
form .helpTxt {
	float: left;
}

.tooltip {
	display: block;
	float: right;
	text-indent: -9999px;
	width: 20px;
	height: 20px;
	margin-top: 1px;
	cursor: pointer;
	background-image: url(/images/help_o.gif);
	background-position: right center;
	background-repeat: no-repeat;
}

/* ----- page up ----- */
.pageup {
	clear: both;
	margin-top: 20px;
}

.pageup:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.pageup {
	display: inline-block;
}

/*Hides from IE-mac\*/
* html .pageup { height: 1%; }
.pageup { display: block; }
/*End hide from IE-mac*/

.pageup p { float: right; text-align:right; }

.pageup p a { padding-left: 13px; background: url(/images/arrow_up.gif) left center no-repeat; }

.pageup p a,
.pageup p a:link,
.pageup p a:visited { color: #f60; text-decoration: none;}

.pageup p a:hover,
.pageup p a:active { color: #f60; text-decoration: underline;}

/* ----- right column text link ----- */

.extraLink {
	width: 181px;
	margin-top: 5px;
	color: #666;
}

.extraLink a {
	display: block;
	padding-left: 12px;
	color: #666;
	background-image: url(/images/arrow_gray_s.gif);
	background-position: left top;
	background-repeat: no-repeat;
}

.extraLink a,
.extraLink a:link,
.extraLink a:visited {
	color: #666;
	text-decoration: none;
}

.extraLink a:hover,
.extraLink a:active {
	color: #333;
	text-decoration: underline;
}

/* ----- close button ----- */
.closeBtn {
	margin: 30px 0 0;
}

.closeBtn p {
	margin: 0 auto;
	width: 60px;
	height: 26px;
	text-align: center;
	text-indent: -9999px;
	background-image: url(/images/btn_close.gif);
	background-repeat: no-repeat;
}

.closeBtn p a {
	display: block;
	width: 60px;
	height: 26px;
}

/* ----- new icon ----- */
.new {
	vertical-align: middle;
}

/* ----- font size ----- */
.txt18 {
	font-size: 150%;
}

.txt16 {
	font-size: 133%;
}

.txt14 {
	font-size: 117%;
}

.txt12 {
	font-size: 100%;
}

.txt10 {
	font-size: 84%;
}

.more {
	font-size: 100%;
}

/* ----- text align ----- */
.txtR {
	text-align: right;
}

.txtC {
	text-align: center;
}

/* ----- decoration ----- */
.dotGreen {
	padding-bottom: 2px;
	background-image: url(/images/dot_green.gif);
	background-position: left bottom;
	background-repeat: repeat-x;
}

.dotOrange {
	padding-bottom: 2px;
	background-image: url(/images/dot_orange.gif);
	background-position: left bottom;
	background-repeat: repeat-x;
}

/* ----- display ----- */
.hidden {
	display: none;
}

/* ----- clearfix ----- */
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.clearfix {
	display: inline-block;
}

.alert {
	color: red;
	font-weight: bold;
	margin: 0px;
}

.required {
	color: red;
	font-weight: bold;
}

/*Hides from IE-mac\*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/*End hide from IE-mac*/

.mixi-check-button img { margin-bottom:2px; }

.imgfilter a:hover img
{
    opacity:0.6;
    filter: alpha(opacity=60);
    -ms-filter: "alpha( opacity=60 )";
    background: #fff;
}

ul#loginabout {
    margin-bottom:22px;
}

.loginaboutlist a:visited { color: #45870c; text-decoration: none;}
.loginaboutlist a:hover   { color: #45870c; text-decoration: underline;}
.loginaboutlist a:active  { color: #45870c; text-decoration: none;}
.loginaboutlist a:link    { color: #45870c;}

/* --- form login --- */
#popup_login {margin:0 0 0 0; padding:0 0 0 0;}

#popup_login #loginbox { width: 250px; text-align: center; color:#572710; padding:20px 0px 6px; margin-bottom:0px; background:url(/images/conpane_head_bg.gif) repeat-x;}
#popup_login #loginbox a.remainder { color: #572710; padding-left: 12px; background: url(/images/arrow_white2.gif) left center no-repeat;}
#popup_login #loginbox p { padding:3px 0px 0px; text-align: center; clear:both;}
p#sublink { padding:0px 0px 4px; }
p#sublink span { float:right }
#popup_login #loginbox dl { margin:0 auto; width:160px; overflow:hidden;}
#popup_login #loginbox dl dt { float:left; width: 37px; }
#popup_login #loginbox dl dt img { margin:5px 0px 0px; vertical-align:top; }
#popup_login #loginbox dl dd { float:left; width: 110px; margin-bottom:1px;}
#popup_login #loginbox #txtID,
#popup_login #loginbox #txtPW { width: 110px; height: 15px; padding: 2px; border: 1px solid #F28400; background-color: #fff5; }
#popup_login #loginbox #chkAuto  { vertical-align: middle; }
#popup_login #loginbox #btnLogin { vertical-align: top; }
#popup_login #loginbox #lblAuto  { margin: 0 0px 0 3px;}