@charset "utf-8";

/* @group Layout */

body {
	background-repeat: repeat-x;
	}

div#container {
	width: 960px;
	margin: 0 auto 80px auto;
	background: repeat-y;
	}

/* @group GlobalHeader */

div#globalHeader {
	padding: 0 10px;
	background-repeat: repeat-x;
	}

body.regist div#globalHeader  {
	padding-bottom: 14px;
	}

div#globalHeader * {
	margin: 0;
	}

/* Nav */

div#globalHeader div#ghNav {
	margin-bottom: 12px;
	height: 18px;
	padding: 10px 10px 0 10px;
	}

div#globalHeader div#ghNav h1 {
	margin: 0;
	}

body.regist div#globalHeader div#ghNav ul.inline {
	display: none;
	}

div#globalHeader div#ghNav ul.inline {
	margin: -1.25em 0 0 0;
	text-align: right;
	}

div#globalHeader div#ghNav li a img {
	margin-left: 5px;
	vertical-align: text-top;
	}

	div#globalHeader div#ghNav p,
	div#globalHeader div#ghNav li a {
		font-size: 90%;
		line-height: 1.0;
		}

/* Logo */

div#globalHeader div#ghLogo {
	width: 250px;
	float: left;
	}

div#globalHeader div#ghLogo strong a {
	width: 250px;
	padding-top: 50px;
	}

/* Supported */

div#globalHeader div#ghSupported {
	width: 130px;
	float: left;
	}
div#globalHeader div#ghSupported p {
	width:130px;
}
div#globalHeader div#ghSupported p a {
	display:block;
	width:130px;
	height:50px;
	overflow:hidden;
	text-indent:-9999px;
	background:no-repeat;
}

/* Utility : Search & UserNav */

body.regist div#globalHeader div#ghUtility  {
	display: none;
	}

div#globalHeader div#ghUtility {
	margin-top: 14px;
	height: 36px;
	padding: 5px 10px 5px 10px;
	}

div#globalHeader div#ghUtility form {
	margin-top: -2px;
	}

div#globalHeader div#ghSearch {
	width: 590px;
	float: left;
	padding-top: 8px;
	}

div#globalHeader div#ghSearch select, 
div#globalHeader div#ghSearch input {
	margin: 0 !important;
	line-height: 1.0;
	}

div#globalHeader div#ghSearch select {
	margin-top: 3px;
	_overflow: auto;
	}

div#globalHeader div#ghSearch input.text {
	width: 150px;
	margin-right: 3px !important;
	margin-left: 2px !important;
	}

div#globalHeader div#ghSearch input.image {
	vertical-align: top;
	*vertical-align: middle;
	margin-right: 1px !important;
	}

div#globalHeader div#ghSearch ul {
	font-size: 90%;
	display: inline;
	margin-left: 10px !important;
	}

div#globalHeader div#ghSearch ul * {
	color: #fff !important;
	}

div#globalHeader div#ghUserNav {
	margin-top: 2px;
	float: right;
	padding: 0;
	line-height: 1.0;
	width: 310px;
	}

div#globalHeader div#ghUserNav img.photo {
	display: block;
	float: left;
	padding: 2px;
	background: url(../img/ghUserNav_mypage_pho_bg.gif);
	margin-right: 2px;
	width:29px;
	height:29px;
	}

div#globalHeader div#ghUserNav div.right {
	float: right;
	height: 33px;
	width: 5px;
	background: url(../img/ghUserNav_bg_right.gif) no-repeat right top;
	}

div#globalHeader div#ghUserNav div.body {
	float: right;
	background: url(../img/ghUserNav_bg.gif) no-repeat top left;
	height: 33px;
  width: 270px;
	}

div#globalHeader div#ghUserNav p {
	margin: 7px 132px 0 10px;
	width: 120px;
	overflow: hidden;
	font-size: 86%;
	}

div#globalHeader div#ghUserNav ul.horizontal {
	width: 122px;
	float: right;
	margin: 6px 0 0 0;
	}

div#globalHeader div#ghUserNav ul.horizontal li {
	margin-left: 2px;
	_margin-left: 1px;
	}



/* @end */

/* @group LeftNav */

div#leftNav {
	width: 200px;
	margin: 0 0 0 10px;
	_margin-left: 5px;
	padding-top: 10px;
	float: left;
	}

body.regist div#leftNav {
	display: none;
	}

/* Common */

div#leftNav div.section {
	margin: 0 0 10px 0;
	}

div#leftNav div.section ul {
	border-top: 1px solid #fff;
	margin: 0;
	}

div#leftNav div.section ul li {
	border-bottom: 1px solid #fff;
	}

div#leftNav div.section ul li ul li {
	border: none;
	}

div#leftNav div.section div.header {
	margin: 0 0 0 10px;
	height: 29px;
	padding: 10px 10px 0 10px;
	background-repeat: no-repeat;
	}

div#leftNav div.section div.header h2, 
div#leftNav div.section div.header p {
	margin: .35em 0 0 0;
	}

div#leftNav div.section div.body {
	background-image: url(../img/ln_body_bg.jpg);
	background-position: 10px top;
	background-repeat: repeat-y;
	}
	
div#leftNav div.section div.body div.more {
	margin: 0 18px 0 0;
	padding-top: 5px;
	}

div#leftNav div.section div.body div.more ul {
	float: right;
	border: none;
	}

div#leftNav div.section div.body div.more ul li {
	border: none;
	}

div#leftNav div.section div.footer {
	background-position: 10px bottom;
	background-repeat: no-repeat;
	height: 10px;
	}


/* Sign */

div#leftNav div#lnSign {
	margin: 0 0 10px 10px;
	width: 180px;
	}

div#leftNav div#lnSign p {
	margin-top: 0;
	}

div#leftNav div#lnSign ul,
div#leftNav div#lnSign ul li {
	border: none;	
	}

div#leftNav div#lnSign ul li a {
	background: url(../img/arrow.gif) no-repeat left center;
	padding-left: 14px;
	}

div#leftNav div#lnSign div#lnRegist, 
div#leftNav div#lnSign div#lnLogin {
	padding: 10px;	
	background-repeat: no-repeat;
	}

div#leftNav div#lnSign div#lnRegist {
	background-position: top left;
	border-bottom: 1px solid #fff;
	}

div#leftNav div#lnSign div#lnLogin {
	margin-top: 1px;
	background-color: #fff;
	background-position: bottom left;
	}

/* User */

div#leftNav div#lnUser {
	
	}

div#leftNav div#lnUser p.addFavotite {
	text-align: center;
	}

div#leftNav div#lnUser img.pho {
	display: block;
	padding: 10px 35px 2px 35px;
	background: url(../img/lnUser_pho_bg.gif) no-repeat bottom left;
	margin: 0 0 0 15px;
	}

div#leftNav div#lnUser div.profile,
div#leftNav div#lnUser div.service {
	margin: 0 0 0 15px;
	width: 170px;
	}

div#leftNav div#lnUser div.profile dl,
div#leftNav div#lnUser div.profile p.comment,
div#leftNav div#lnUser div.profile div.service {
	background: url(../img/ln_section_dotted.gif) left top no-repeat;
	margin: 0;
	padding: 3px 3px 0 3px;
	}

div#leftNav div#lnUser div.profile dl.birth {
	
	}

div#leftNav div#lnUser div.profile dl.area {
	
	}

div#leftNav div#lnUser div.profile dl.occupation {
	
	}

div#leftNav div#lnUser div.profile dl.site {
	
	}

div#leftNav div#lnUser div.profile dl.taste {
	
	}

div#leftNav div#lnUser div.service dl,
div#leftNav div#lnUser div.service dl * {
	margin-bottom: 0;
	}

div#leftNav div#lnUser div.service ul,
div#leftNav div#lnUser div.service ul li {
	border: none;
	margin: 0 2px 0 0;
	}

/* Active & Close User */

div#leftNav div#lnActive,
div#leftNav div#lnClose {
	
	}

div#leftNav div#lnActive ul.userList,
div#leftNav div#lnClose ul.userList {
	margin: 0 0 0 10px;
	width: 180px;
	}

div#leftNav div#lnActive ul.userList li,
div#leftNav div#lnClose ul.userList li {
	margin: 5px 0 0 0;
	padding: 0 5px 5px 5px;
	width: 170px;
	}

div#leftNav div#lnActive ul.userList li a,
div#leftNav div#lnClose ul.userList li a {
	width: 170px;
	}

div#leftNav div#lnActive ul.userList li a img,
div#leftNav div#lnClose ul.userList li a img {
	vertical-align: middle;
	padding: 2px;
	background: url(../img/ln_pho_bg.gif);
	margin-right: 5px;
	}

/* Shelf & MyNote */

div#leftNav div#lnShelf {
	
	}

div#leftNav div#lnMyNote {
	
	}

div#leftNav div#lnShelf div.header,
div#leftNav div#lnMyNote div.header {
	padding-left: 45px;
	}

div#leftNav div#lnShelf div.header a,
div#leftNav div#lnShelf div.header a img {
	display: block;
	}

div#leftNav div#lnShelf div.header a {
	float: right;
	margin-top: -15px;
	margin-right: 5px;
	_margin-right: 2px;
	}

div#leftNav div#lnShelf ul,
div#leftNav div#lnMyNote ul {
	border: none;
	width: 200px;
	}

div#leftNav div#lnShelf ul li,
div#leftNav div#lnMyNote ul li {
	width: 200px;
	border: none;
	margin-bottom: 1px;
	}

div#leftNav div#lnShelf ul li a.menu,
div#leftNav div#lnMyNote ul li a.menu {
	padding: 5px 3px;
	line-height: 1.1;
	border-top: 1px solid #fff;

	padding-left: 6px;


	/*background-color: transparent;
	padding-left: 26px;
	background-image: url(../img/minus.gif);
	background-repeat :no-repeat;
	background-position: 8px center;*/
	}

div#leftNav div#lnShelf ul li a.menu img,
div#leftNav div#lnMyNote ul li a.menu img {
	margin-right: 5px;
	*vertical-align:top;
	}

div#leftNav div#lnShelf ul li a.menu img.minus,
div#leftNav div#lnMyNote ul li a.menu img.minus {
	display: none;
	}

div#leftNav div#lnShelf ul li.open a img.minus,
div#leftNav div#lnMyNote ul li.open a img.minus {
	display: inline !important
	}

div#leftNav div#lnShelf ul li.open a img.plus,
div#leftNav div#lnMyNote ul li.open a img.plus {
	display: none !important;
	}

div#leftNav div#lnShelf ul li.open a.menu,
div#leftNav div#lnMyNote ul li.open a.menu {
	/*padding-left: 26px;

	background-color: transparent;
	background-image: url(../img/minus.gif) !important;
	background-repeat :no-repeat;
	background-position: 8px center;*/
	}

div#leftNav div#lnShelf ul li.close a.menu,
div#leftNav div#lnMyNote ul li.close a.menu {
	/*background-image: url(../img/plus.gif);*/

	/*background-color: transparent;
	padding-left: 26px;
	background-image: url(../img/plus.gif);
	background-repeat :no-repeat;
	background-position: 8px center;*/
	}


/*div#leftNav div#lnShelf ul li.open a.menu,
div#leftNav div#lnMyNote ul li.open a.menu,
div#leftNav div#lnShelf ul li.close a.menu,
div#leftNav div#lnMyNote ul li.close a.menu {
	_background-image: none;
	}

div#leftNav div#lnShelf ul li.open,
div#leftNav div#lnMyNote ul li.open {
	background-color: transparent;
	background-image: url(../img/minus.gif) !important;
	background-repeat :no-repeat;
	background-position: 15px 6px;
	}

div#leftNav div#lnShelf ul li,
div#leftNav div#lnMyNote ul li,
div#leftNav div#lnShelf ul li.close,
div#leftNav div#lnMyNote ul li.close {
	background-color: transparent;
	background-image: url(../img/plus.gif) !important;
	background-repeat :no-repeat;
	background-position: 15px 6px;
	}*/








div#leftNav div#lnShelf ul li.open ul,
div#leftNav div#lnMyNote ul li.open ul {
	display: block;
	}

div#leftNav div#lnShelf ul li.close ul,
div#leftNav div#lnMyNote ul li.close ul {
	display: none;
	}


div#leftNav div#lnShelf ul li a,
div#leftNav div#lnMyNote ul li a {
	background: #fff;
	margin: 0 0 0 10px;
	_margin-left: 5px;
	width: 151px;
	}

div#leftNav div#lnShelf ul li li a,
div#leftNav div#lnMyNote ul li li a {
	padding-left: 32px !important;
	background: url(../img/arrow.gif) no-repeat 22px center !important;
	width: 148px;
	border: none;
	}

div#leftNav div#lnShelf ul li.selected ,
div#leftNav div#lnMyNote ul li.selected {
	background-repeat: repeat-x !important;
	background-position: 22px top !important;
	}


/* @end */

/* @group Title */

div#title {
	width: 740px;
	float: right;
	margin: 0 10px 0 0;
	}

body.regist div#title {
	width: 940px;
	*margin: 0 10px 0 10px;
	}

div#title h2 {
	margin: 10px;
	line-height: 1.0;
	}

/* @end */

/* @group Content */

div#content {
	width: 700px;
	float: right;
	margin: 0 10px 0 0;
	padding: 20px;
	}

body.regist div#content {
	*float: none;
	background: url(../img/bg_content_width.gif) repeat-y center top;
	width: 690px;

	padding-left: 125px;
	padding-right: 125px;
	margin: 0 10px 0 0;
	margin: 0 10px;
	}

/* @end */

/* @group Footer */

div#globalFooter {
	clear: both;
	background-repeat: repeat-y;
	}

div#globalFooter div.top {
	height: 1px;
	}

div#globalFooter div.bottom {
	height: 20px;
	}

/* ToPageTop */

div#globalFooter div#gfToPageTop {
	text-align: right;
	margin-right: 30px;
	}

div#globalFooter div#gfToPageTop a {
	padding-left: 14px;
	background: url(../img/gfToPageTop_arrow.gif) no-repeat;
	}

/* InfoNav & GeneralNav */

body.regist div#globalFooter div#gfInfoNav,
body.regist div#globalFooter div#gfGeneralNav {
	display: none;
	}

div#globalFooter div#gfInfoNav {
	text-align: center;
	margin: 5px 30px;
	}

div#globalFooter div#gfGeneralNav {
	text-align: center;
	margin: 5px 30px;
	}

div#globalFooter div#gfInfoNav div.top,
div#globalFooter div#gfInfoNav div.bottom,
div#globalFooter div#gfGeneralNav div.top,
div#globalFooter div#gfGeneralNav div.bottom {
	height: 5px;
	}

div#globalFooter div#gfInfoNav ul,
div#globalFooter div#gfGeneralNav ul {
	margin: 2px 0;
	}

div#globalFooter div#gfInfoNav ul li ,
div#globalFooter div#gfGeneralNav ul li {
	padding: 0 0 0 10px;
	background: url(../img/gf_nav_split.gif) no-repeat;
	margin: 0 10px 0 0;
	}

div#globalFooter div#gfInfoNav ul li.first-child ,
div#globalFooter div#gfGeneralNav ul li.first-child {
	padding-left: 0;
	background: none;
	}

div#globalFooter div#gfInfoNav ul li a,
div#globalFooter div#gfGeneralNav ul li a {
	line-height: 1.0;
	}

/* Copyright */


div#globalFooter div#gfCopyrights {
	margin: 0 20px;
	text-align: center;
	}

body.regist div#globalFooter div#gfCopyrights p.first-child {
	display: none;
	}

/* Company */

div#globalFooter div#gfCompany {
	text-align: center;
	margin: 0 20px;
	}

/* @end */

/* @end */

/* @group Add */

ul.tal {
	margin: 0;
	}

ul.horizontal li a span,
ul.horizontal li img {
	display:inline;
	float:none;
	}

ol {
	list-style-type: decimal !important;
	}

ul.inline {
	margin-left: 0;
	}

/* @end */

/* @group Component */

/* @group Column */

/* C2 : 342px */

div.c2 {
	}

div.c2 div.c2-1,
div.c2 div.c2-2 {
	float: left;
	/*width: 342px;*/
	}

div.c2 div.c2-1 {
	margin-left: 0 !important;
	}


/* Elements with Column */

div#content h3 {
	
	}

div#content h3 {
	
	}

/* @end */

.last-child {
	margin-bottom: 0 !important;
	}

div.swfNote {
	padding: 1em 10px;
	}

div.more ul li {
	display: block;
	}

div.more ul li a,
ul.arrow li a {
	padding-left: 14px;
	background: url(../img/arrow.gif) no-repeat left center;
	text-align: right;
	}

ul.caption li {
	text-indent: 0;
	margin-left: .5em;
	}
	
form ul.inline li {
	margin-right: .5em;
	}

form ul.inline li label {
	white-space: nowrap;
	}

.hidden {
	display: none;
	}
	
/* @end */

/* @group Contents */

div#content h3 {
	margin-bottom: 0;
	padding: 8px 10px 0 10px;
	height: 22px;
	*height: 30px;
	vertical-align: middle;
	}

div#content div.section {
	margin: 0 0 15px 0;
	}

div#shelf {
	
	}

div#shelf ul li {
	margin-right: 1em;
	}

/*div#users {
	
	}

div#phrase {
	
	}

div#users ul li, 
div#phrase ul li {
	margin-bottom: 10px;
	}

div#users ul li div.pho, 
div#phrase ul li div.pho {
	float: left;
	width: 90px;
	}

div#users ul li div.pho a img, 
div#phrase ul li div.pho a img {
	display: block;
	padding: 5px;
	background: url(../img/c_userList_pho_l_bg.gif) no-repeat top left;
	}

div#users ul li div.comment, 
div#phrase ul li div.comment {
	float: left;
	width: 576px;
	padding: 15px 0 0 24px;
	background: url(../img/c_userList_commentl_bg_top.gif) no-repeat top left;
	}

div#users ul li div.comment div.body, 
div#phrase ul li div.comment div.body {
	float: left;
	width: 555px;
	padding: 0 10px;
	}

div#users ul li div.comment img.spacer, 
div#phrase ul li div.comment  img.spacer {
	height: 60px;
	width: 1px;
	float: left;
	}

div#users ul li div.comment div.bottom, 
div#phrase ul li div.comment div.bottom {
	clear: left;
	background: url(../img/c_userList_commentl_bg_bottom.gif) no-repeat left top;
	height: 5px;
	width: 576px;
	}

div#users ul li div.comment p.name, 
div#phrase ul li div.comment p.name {
	float: left;
	}

div#users ul li div.comment p.rate, 
div#phrase ul li div.comment p.rate {
	float: left;
	margin-left: 10px;
	}

div#users ul li div.comment p.rate img, 
div#phrase ul li div.comment p.rate img {
	vertical-align: middle;
	margin-right: 3px;
	}

div#users ul li div.comment p.txt, 
div#phrase ul li div.comment p.txt {
	clear: left;
	}*/

span.count {
	padding-left :5px;
	vertical-align: text-top;
	position: relative;
	top: .15em;
	}

	span.count {
		color: #333 !important;
		font-size: 80%;
		font-weight: normal !important;
		}

body.iframe {
	margin: 0;
	padding: 0;	
	}

body.iframe textarea {
	margin: 0;
	padding: 10px 0 10px 10px;
	width: 660px;
	height: 178px;
	border: none;
	font-size: 80%;
	}

/*  style="border:none; width:200px;" */
 
 
/* @end */

/* @group Dev */

dl._notes {
	}

dl._notes dt {
	background: #f66;
	color: #fff;
	padding: 2px 5px;
	display: table-cell;
	}

dl._notes dd {
	padding: 10px 5px 5px 5px;
	border: 1px solid #f66;
	background: #ffecec;
	}

.red {
/*
	border: 2px solid #0f0 !important;
	background: #f00 !important;
*/
	}

li.open {
/* 	border: 2px solid #00f !important; */
	}

li.close {
/* 	border: 2px solid #ccc !important; */
	}




ul#lnShelfMenu,
ul#lnMyNoteMenu, {
	position: relative; /* required for bounding */
}

ul#lnShelfMenu a.menu,
ul#lnMyNoteMenu a.menu {
	position: relative; /* required for effect */
	z-index: 10;		/* required for effect */
	cursor: pointer;
}


ul#lnShelfMenu ul,
ul#lnMyNoteMenu ul {
	overflow: hidden;	/* required for effect */

}



/* @end */