@charset "UTF-8";

* {
}

body {
	font-family:'メイリオ','Meiryo','Hiragino Kaku Gothic Pro','ヒラギノ角ゴ Pro W3','Osaka','ＭＳ Ｐゴシック',sans-serif;
	margin:0;
	padding:0;
	font-size:85%;
	background-image:url(/image/bg.gif);
	color:#666666;
}

h1, h2, h3, h4, h5, h6 {
	font-size:100%;
	font-weight:normal;
	margin:0;
	padding:0;
}

a {
	text-decoration:none;
	color:chocolate;
}

div#wrapper{
	width:960px;
	margin:0 auto;
}
div#top {
	background:transparent url(/image/top_960.gif) no-repeat scroll left bottom;
	height:20px;
/*
	width:960px;
*/
	display:block;
	overflow:hidden;
	text-indent:-9999px;
}
div#top h1, h1 {
	font-size:65%;
	font-weight:normal;
	position:absolute;
	left:50%;
	top:14px;
	margin-left:-454px;
}

div#main {
	background:url(/image/middle_960.gif) repeat-y;
	padding:0 10px;
}

#contentHeader {
	height:50px;
}
#contentHeader .logo {
	float:left;
	width:220px;
	margin-top:10px;
	padding-left:10px;
}
#contentHeader .logo a {
}
#contentHeader .logo a strong {
	display:block;
	background:transparent url(/image/logo_201011.gif) no-repeat scroll left top;
	width:220px;
	height:30px;
	text-indent:-9999px;
	cursor:pointer;
}

#contentHeader .mylink {
	float:right;
	text-align:right;
	padding:8px 0;
}
#contentHeader .mylink ul li {
	float:right;
}
#contentHeader .mylink img.icon {
	vertical-align:middle;
}
#contentHeader .mylink .nickname {
	font-weight:bold;
}
#contentHeader .mylink ul li.loginuser,
#contentHeader .mylink ul li.logout,
#contentHeader .mylink ul li.login {
	padding:0 8px 0 20px;
	display:block;
	background-repeat:no-repeat;
	height:20px;
}
#contentHeader .mylink ul li.loginuser {
	background-image:url(/image/icon/user.gif);
}
#contentHeader .mylink ul li.logout {
	background-image:url(/image/icon/door_out.gif);
}
#contentHeader .mylink ul li.login {
	background-image:url(/image/icon/door_in.gif);
}

#contentMenu {
	background:#ffffff url(/image/topnavi_bg.gif) repeat-x scroll 0 0;
	height:30px;
	padding:0;
	margin:0 8px 4px 8px;
	clear:both;
}
#contentMenu ul {
	list-style-type:none;
	padding:0;
	margin:0;
	display:block;
	*zoom:1;
}
#contentMenu ul:after {
	content:".";
	height:0;
	line-height:0;
	display:block;
	clear:both;
	visibility:hidden;
}
#contentMenu ul li.first {
	background:transparent url(/image/topnavi_left.gif) no-repeat scroll 0 0;
	width:10px;
}
#contentMenu ul li {
	height:30px;
	display:block;
	float:left;
}
#contentMenu ul li.separator {
	background:transparent url(/image/topnavi_last.gif) no-repeat scroll 0 0;
	width:10px;
}
#contentMenu ul li.last {
	background:transparent url(/image/topnavi_right.gif) no-repeat scroll 0 0;
	float:right;
	width:10px;
}
#contentMenu ul li a {
	height:30px;
	width:100px;
	display:block;
	text-indent:-9999px;
	background-color:transparent;
	background-image:url(/image/topnavi.gif);
	background-repeat:no-repeat;
	background-scroll:scroll
}
#contentMenu ul li a.top {
	background-position:0 0;
}
#contentMenu ul li a.kids {
	background-position:-100px 0;
}
#contentMenu ul li a.audition {
	background-position:-200px 0;
}
#contentMenu ul li a.forum {
	background-position:-300px 0;
}
#contentMenu ul li a.mypage {
	background-position:-400px 0;
}
#contentMenu ul li a.help {
	background-position:-500px 0;
}

#content {
	padding:0 16px 8px 16px;
	margin:0 auto;
}

#copyright {
	font-size:80%;
	text-align:right;
	padding:0 8px 0 0;
	clear:both;
}
div#bottom {
	background:transparent url(/image/bottom_960.gif) no-repeat scroll left top;
	height:20px;
	display:block;
/*
	width:820px;
	overflow:hidden;
*/
}

img {
	border:none;
}

/*
ul {
	list-style-type:none;
	margin:0;
	padding:0;
}
ul li {
	float:left;
}
*/

table,tr, td, div, span, form {
	margin:0;
	padding:0;
}

.place_holder,
.ph {
	margin:0;
	padding:0;
	clear:both;
	height:0;
	width:0;
	line-height:0;
}

ul.login {
	text-align:right;
	float:left;
}

h4 {
	background:#ffe7d0 url(/image/icon/asterisk_orange.gif) no-repeat scroll 8px center;
	padding:4px 0 2px 28px;
	font-size:110%;
	color:#666666;
	font-weight:bold;
	display:block;
	margin:0 0 5px 0;

	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	box-shadow:0px 0px 2px #666;
	-moz-box-shadow:0px 0px 2px #666;
	-webkit-box-shadow:0px 0px 2px #666;
}

.subtitle {
	margin:0 0 4px 0;
	border:1px solid #ff9F5b;
	padding:1px;
	background:transparent url(/image/icon/asterisk_orange.gif) no-repeat scroll 4px center;
}
.subtitle span {
	background:#ffe7d0 url(/image/icon/asterisk_orange.gif) no-repeat scroll 4px center;
	padding:4px 0 2px 24px;
	font-size:110%;
	color:#666666;
	font-weight:bold;
	display:block;
}

h4 div,
.subtitle div {
	background:transparent url(/image/title_bg.gif) repeat-x scroll 0 0;
}

h4.kids,
.subtitle.kids, 
.subtitle.kids span {
	background-image:url(/image/icon/user.gif);
}
h4.sibling,
.subtitle.sibling,
.subtitle.sibling span {
	background-image:url(/image/icon/group.gif);
}
h4.friends,
.subtitle.friends,
.subtitle.friends span {
	background-image:url(/image/icon/group.gif);
}
h4.audition,
.subtitle.audition,
.subtitle.audition span {
	background-image:url(/image/icon/page_white_paste.gif);
}
h4.community,
.subtitle.community,
.subtitle.community span {
	background-image:url(/image/icon/comments.gif);
}
h4.forum,
.subtitle.forum,
.subtitle.forum span {
	background-image:url(/image/icon/comments.gif);
}
h4.message,
.subtitle.message,
.subtitle.message span {
	background-image:url(/image/icon/email.gif);
}
h4.point,
.subtitle.point,
.subtitle.point span {
	background-image:url(/image/icon/coins.gif);
}
h4.setting,
.subtitle.setting,
.subtitle.setting span {
	background-image:url(/image/icon/wrench.gif);
}
h4.news,
.subtitle.news,
.subtitle.news span {
	background-image:url(/image/icon/newspaper.gif);
}
h4.favorite,
.subtitle.favorite,
.subtitle.favorite span {
	background-image:url(/image/icon/star.gif);
}
h4.photo,
.subtitle.photo,
.subtitle.photo span {
	background-image:url(/image/icon/camera.gif);
}
h4.movie,
.subtitle.movie,
.subtitle.movie span {
	background-image:url(/image/icon/television.gif);
}
h4.sales,
.subtitle.sales,
.subtitle.sales span {
	background-image:url(/image/icon/calculator.gif);
}
h4.user,
.subtitle.user,
.subtitle.user span {
	background-image:url(/image/icon/user_red.gif);
}
h4.help,
.subtitle.help,
.subtitle.help span {
	background-image:url(/image/icon/help.gif);
}
h4.client,
.subtitle.client,
.subtitle.client span {
	background-image:url(/image/icon/building.gif);
}

.columnLeft {
	float:left;
	width:220px;
	margin-bottom:8px;
}
.columnRight {
	float:left;
/*
	width:540px;
*/
	width:680px;
	margin-bottom:8px;
}

#top_message {
	padding:8px 8px 8px 24px;
	margin:0 0 8px 0;
}
.information {
	border:1px solid #0000ff;
	background:#eff5f9 url(/image/icon/information.gif) no-repeat scroll 4px center;
}
.message-box,
.messagebox {
	padding:4px 4px 4px 20px;
	margin:0 0 4px 0;
	border:1px solid #0000ff;
	background:#eff5f9 url(/image/icon/information.gif) no-repeat scroll 4px center;
}
.warning {
	border:1px solid #ff0000;
	background:#ffffd5 url(/image/icon/exclamation.gif) no-repeat scroll 4px center;
}


a {
	outline-width:0;
}

.rss {
	font-size:80%;
	padding-bottom:4px;
	padding-left:8px;
}
.rss a {
	padding-left:12px;
	background:transparent url(/image/icon/bullet_feed.gif) no-repeat scroll -2px center;
}

.breadcrumb {}
.breadcrumb ul {
	margin:0 0 4px 16px;
	*zoom:1;
	list-style-type:none;
	padding:0;
}
.breadcrumb ul:after {
	content:".";
	width:0;
	height:0;
	line-height:0;
	visibility:hidden;
	clear:both;
	display:block;
}
.breadcrumb ul li {
	float:left;
	font-size:90%;
	margin-right:8px;
}
.breadcrumb ul li.node {
	background:transparent url(/image/gt.gif) no-repeat scroll left center;
	padding-left:8px;
}


#footer_link {
	clear:both;
	margin:0 12px;
	background:transparent url(/image/footer_bg_lt.gif) no-repeat scroll left top;
}
#footer_link ul {
	margin:0 0 4px 16px;
	list-style-type:none;
	padding:0;
}
#footer_link ul:after {
	content:".";
	visibility:hidden;
	clear:both;
	height:0;
	line-height:0;
}
#footer_link ul li.groupitem {
	font-size:80%;
	font-weight:bold;
	float:left;
	margin-right:8px;
	width:200px;
}
#footer_link ul li ol {
	list-style:none;
	padding:0;
	margin:0 0 0 8px;
}
#footer_link ul li ol li {
	float:none;
	font-weight:normal;
	margin-bottom:2px;
}

#footer_link div.header {
	display:block;
	padding-top:8px;
	background:transparent url(/image/footer_bg_rt.gif) no-repeat scroll right top;
}

#footer_link div.footer {
	clear:both;
	height:4px;
	background:transparent url(/image/footer_bg_lb.gif) no-repeat scroll left bottom;
}
#footer_link div.footer span {
	height:4px;
	display:block;
	font-size:1px;
	text-indent:-9999px;
	background:transparent url(/image/footer_bg_rb.gif) no-repeat scroll right bottom;
}

.related_link {
	text-align:center;
	margin-bottom:4px;
}
.related_link a {
	margin:0 4px 0;
	font-size:80%;
}

.social-buttons {
}
.social-buttons ul {
	*zoom:1;
	list-style-type:none;
	margin:0;
	padding:0;
}
.social-buttons ul:after {
	content:".";
	clear:both;
	display:block;
	visibility:hidden;
	width:0;
	height:0;
}
.social-buttons ul li {
	float:left;
	margin:0 5px 0 0;
}