/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
1.0 - Reset - Based on work by Eric Meyer
2.0 - Structural
	2.1 - Content
	2.2 - Header
	2.3 - Navigation
	2.4 - Footer
	2.5 - Sidebar
3.0 - Non-structural
	3.1 - Text
	3.2 - Headers
	3.3 - Lists
4.0 - Navigation
	4.1 - Pagination
5.0 - WordPress
	5.1 - Alignments
	5.2 - Comments
	5.3 - Gallery
	5.4 - Images
	5.5 - Posts
6.0 - BuddyPress
	6.1 - Activity
		6.1.1 - Activity Listing
		6.1.2 - Activity Comments
	6.2 - Admin Bar
	6.3 - Directories - Members, Groups, Blogs, Forums
	6.4 - Error / Success Messages
	6.5 - Forms
	6.6 - Ajax Loading
	6.7 - Topics and Tables - Forums and General
	6.8 - Headers, Lists and Tabs - Activity, Groups, Blogs, Forums
	6.9 - Private Messaging Threads
--------------------------------------------------------------*/

/*--------------------------------------------------------------
1.0 - Reset - Reset default browser CSS.
--------------------------------------------------------------*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend {
	margin:0;
	padding:0;
	border:0;
	outline:0;
	font-size:100%;
	vertical-align:baseline;
	background:transparent;
}
table, caption, tbody, tfoot, thead, tr, th, td {
	margin:0;
	padding:0;
	border:0;
	outline:0;
	font-size:100%;
	background:transparent;
}

body {
	background:#fff;
	line-height:1;
}

ol, ul {
	list-style:none;
}

blockquote, q {
	quotes:none;
}

blockquote:before, blockquote:after,
q:before, q:after {
	content:'';
	content:none;
}

:focus{
	outline:0;
}

ins {
	text-decoration:none;
}

del{
	text-decoration:line-through;
}

table {
	border-collapse:collapse;
	border-spacing:0;
}

a img {
	border:none;
}


/*--------------------------------------------------------------
2.0 - Structural
--------------------------------------------------------------*/
body {
	background:#fff;
	color:#333;
	font-family:Meiryo, "メイリオ", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", sans-serif;
	line-height:1.4;
	text-align:center;
}

#container {
	background:#fff;
	text-align:center;
}
#container .wrap {
	margin:0 auto;
	width:980px;
	text-align:left;
}
#container .clearfix:after {
	content:"";
	clear:both;
	height:0;
	display:block;
	visibility:hidden;
}
#container .clearfix {
	*zoom:1;
}
#container .clearfix {
	_zoom:1;
}
#container .hidden {
	display:none;
}



/*--------------------------------------------------------------
2.1 - Content
--------------------------------------------------------------*/
#content #page_contents #main,
#content #page_contents #detail {
	float:left;
	width:685px;
}
#content #page_contents #detail {
	margin:20px 0;
}
#content #page_contents #detail .h1_wrap {
	margin-bottom:20px;
	padding-bottom:5px;
	border-bottom:5px solid #e0cb92;
}
#content #page_contents #detail .h1_wrap h1 {
	display:inline;
	float:left;
	color:#512b07;
	font-size:28px;
	line-height:32px;
	letter-spacing:2px;
}
#content #page_contents #side {
	float:right;
	margin:20px 0;
	width:280px;
}


/*--------------------------------------------------------------
2.2 - Header
--------------------------------------------------------------*/
#header {
	width:980px;
}
#tool_bar {
	padding:15px 0 0 0;
	width:100%;
	height:30px;
}
#g_search {
	float:right;
	margin-left:20px;
}
#header_font {
	float:right;
	font-size:14px;
	line-height:24px;
}
#header_font .js_font {
	display:block;
	float:left;
	margin:3px 5px 0 0;
	font-size:14px;
	font-weight:bold;
	line-height:24px;
}
#header_font .sml,
#header_font .mid,
#header_font .lar {
	display:block;
	width:17px;
	height:17px;
	background-repeat:no-repeat;
	float:left;
	margin:5px 2px 0 0;
}
#header_font .sml {
	background-image:url(../../images/common/font_s.gif);
}
#header_font .mid {
	background-image:url(../../images/common/font_m.gif);
}
#header_font .lar {
	background-image:url(../../images/common/font_l.gif);
}

#header_inner {
	width:100%;
	height:90px;
	background:url(../../images/common/header_back.png) bottom right no-repeat;
}
#header_inner .logo {
	display:block;
	float:left;
	margin:0 0 0 25px;
	padding:59px 0 0 70px;
	width:300px;
	height:30px;
	background:url(../../images/common/header_logo.png) 0 0 no-repeat;
	color:#f00;
	font-size:14px;
	font-weight:bold;
	font-family:Times New Roman, sans-serif;
	line-height:30px;
	text-decoration:none;
}
#header_inner .logo strong {
	font-size:21px;
}
#header_inner .social {
	float:left;
	margin:50px 0 0 20px;
	width:500px;
	height:40px;
	background:url(../../images/common/social.png) 0 0 no-repeat;
	behavior: expression(
		this.style.behavior || (
		this.style.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod=crop,src='"+this.currentStyle.getAttribute("backgroundImage").slice(5,-2)+"')",
		this.style.backgroundImage = "none",
		this.style.behavior = "none")
	);
}

#header_inner .social .mixi {
	float:left;
	margin:10px 0;
	width:120px;
	_width:110px;
}
#header_inner .social .twitter {
	float:left;
	margin:10px 0;
/*	width:100px;
	_width:90px;*/
	width:110px;
	_width:100px;
}
#header_inner .social .plusone {
	float:left;
	margin:10px 0;
	width:75px;
	_width:65px;
}
#header_inner .social .facebook {
	float:left;
	margin:10px 0 10px 10px;
	width:105px;
	_width:95px;
}




/*--------------------------------------------------------------
2.3 - Navigation
--------------------------------------------------------------*/
#gnavi {
	position:relative;
	padding:7px 0;
	width:100%;
	height:36px;
	background:#9cf;
	background:linear-gradient(top, #9cf 0%,#9cf 70%,#4c736e 85%,#9cf 100%);
	background:-moz-linear-gradient(top, #9cf 0%, #9cf 70%, #4c736e 85%, #9cf 100%);
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#9cf), color-stop(70%,#9cf), color-stop(85%,#4c736e), color-stop(100%,#9cf));
	background:-webkit-linear-gradient(top, #9cf 0%, #9cf 70%, #4c736e 85%, #9cf 100%);
	background:-o-linear-gradient(top, #9cf 0%, #9cf 70%, #4c736e 85%, #9cf 100%);
	background:-ms-linear-gradient(top, #9cf 0%, #9cf 70%, #4c736e 85%, #9cf 100%);
	-pie-background:linear-gradient(top, #9cf 0%, #9cf 70%, #4c736e 85%, #9cf 100%);
	behavior: url("/pie/PIE.htc");
}
#gnavi ul {
	height:34px;
	border-top:1px solid #e0ffff;
	border-bottom:1px solid #e0ffff;
	background:#69f;
}
#gnavi ul li {
	float:left;
	margin:5px 0;
	border-right:1px solid #e0ffff;
}
#gnavi ul li.end {
	border-right:none;
}
#gnavi ul li a {
	display:block;
	margin:-5px 0;
	height:34px;
	color:#fff;
	font-size:14px;
	font-weight:bold;
	line-height:34px;
	text-align:center;
	text-decoration:none;
}
#gnavi ul li a:hover {
	background:#4169e1;
}
#gnavi ul li a.w121 {
	width:121px;
}
#gnavi ul li a.w122 {
	width:122px;
}


/*--------------------------------------------------------------
2.4 - Footer
--------------------------------------------------------------*/
#footer {
	position:relative;
	padding-top:10px;
	height:200px;
	font-size:12px;
	border-top:1px solid #e5e5e5;
	background:#fff;
	background:linear-gradient(top, #fff 0%,#fff 50%,#eee 100%);
	background:-moz-linear-gradient(top, #fff 0%, #fff 50%, #eee 100%);
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#fff), color-stop(50%,#fff), color-stop(100%,#eee));
	background:-webkit-linear-gradient(top, #fff 0%, #fff 50%, #eee 100%);
	background:-o-linear-gradient(top, #fff 0%, #fff 50%, #eee 100%);
	background:-ms-linear-gradient(top, #fff 0%, #fff 50%, #eee 100%);
	-pie-background:linear-gradient(top, #fff 0%, #fff 50%, #eee 100%);
	behavior: url("/pie/PIE.htc");
}
#footer #footer_inner {
	position:relative;
	height:200px;
}
#footer #footer_inner a.footer_logo {
	display:block;
	position:absolute;
	top:0;
	left:0;
	width:222px;
	height:25px;
	background:url(../../images/common/footer_logo.png) 0 0 no-repeat;
}
#footer #footer_inner .footer_link {
	position:absolute;
	top:10px;
	left:250px;
	width:730px;
	height:16px;
}
#footer #footer_inner .footer_link ul {
	float:right;
}
#footer #footer_inner .footer_link ul li {
	float:left;
	padding:0 15px;
	height:16px;
	border-right:1px solid #7e98cb;
}
#footer #footer_inner .footer_link ul li.end {
	border-right:none;
}
#footer #footer_inner .footer_link ul li a {
	font-size:90%;
}
#footer #footer_inner .copyright {
	position:absolute;
	top:40px;
	left:250px;
	width:730px;
	height:16px;
	font-size:90%;
	text-align:right;
}


/*--------------------------------------------------------------
2.5 - Sidebar
--------------------------------------------------------------*/
#side .magazine a {
	display:block;
	position:relative;
	padding:5px;
	border:1px solid #e0cb92;
	color:#f00;
	text-decoration:none;
	background:#fff;
	background:linear-gradient(left top, #fff 0%,#faf4e4 100%);
	background:-moz-linear-gradient(left top, #fff 0%, #faf4e4 100%);
	background:-webkit-gradient(linear, left top, right bottom, color-stop(0%,#fff), color-stop(100%,#faf4e4));
	background:-webkit-linear-gradient(left top, #fff 0%, #faf4e4 100%);
	background:-o-linear-gradient(left top, #fff 0%, #faf4e4 100%);
	background:-ms-linear-gradient(left top, #fff 0%, #faf4e4 100%);
	-pie-background:linear-gradient(left top, #fff 0%, #faf4e4 100%);
	behavior: url("/pie/PIE.htc");
}
#side .magazine a:hover {
	background:#faf4e4;
	background:linear-gradient(left top, #faf4e4 0%,#f3e8ca 100%);
	background:-moz-linear-gradient(left top, #faf4e4 0%, #f3e8ca 100%);
	background:-webkit-gradient(linear, left top, right bottom, color-stop(0%,#faf4e4), color-stop(100%,#f3e8ca));
	background:-webkit-linear-gradient(left top, #faf4e4 0%, #f3e8ca 100%);
	background:-o-linear-gradient(left top, #faf4e4 0%, #f3e8ca 100%);
	background:-ms-linear-gradient(left top, #faf4e4 0%, #f3e8ca 100%);
	-pie-background:linear-gradient(left top, #faf4e4 0%, #f3e8ca 100%);
}
#side .magazine a span {
	display:block;
	margin-bottom:5px;
	padding-left:85px;
	color:#512b07;
	font-size:26px;
	font-weight:bold;
	line-height:48px;
	background:url(../../images/common/mail.jpg) 0 0 no-repeat;
}
#side .magazine input.text {
	width:220px;
	height:18px;
}
#side .magazine input.submit {
}
#side .magazine .attn {
	color:#f00;
	font-size:80%;
}

#side a.side_banner {
	display:block;
	margin:20px 0;
	width:280px;
}

#side ul#side_menu {
	margin:20px 0;
}
#side ul#side_menu li {
	border-bottom:1px dotted #999;
}
#side ul#side_menu li a {
	display:block;
	padding:10px;
	text-decoration:none;
	background:#fff url(../../images/common/side_btn_back.png) 250px 30px no-repeat;
}
#side ul#side_menu li a:hover {
	background:#fffff0 url(../../images/common/side_btn_back.png) 250px 30px no-repeat;
}
#side ul#side_menu li a .desc {
	display:block;
	color:#69f;
}
#side ul#side_menu li a .title {
	display:block;
	color:#484c57;
	font-size:16px;
	font-weight:bold;
}

#side .h2_wrap {
	margin:20px 0 5px 0;
	border-bottom:5px solid #e0cb92;
}
#side .h2_wrap h2 {
	float:left;
	color:#512b07;
	font-size:16px;
	line-height:20px;
}
#side .h2_wrap h2.letter_space {
	letter-spacing:10px;
}
#side .h2_wrap a.to_list {
	display:block;
	position:relative;
	float:right;
	width:80px;
	height:16px;
	color:#3f3f3f;
	font-size:12px;
	font-weight:bold;
	line-height:16px;
	text-align:center;
	text-decoration:none;
	border:1px solid #d2d2d2;
	background:#fff;
	background:linear-gradient(left -70deg, #fff 0%,#dbdbdb 100%);
	background:-moz-linear-gradient(left -70deg, #fff 0%, #dbdbdb 100%);
	background:-webkit-gradient(linear, left top, right bottom, color-stop(0%,#fff), color-stop(100%,#dbdbdb));
	background:-webkit-linear-gradient(left -70deg, #fff 0%, #dbdbdb 100%);
	background:-o-linear-gradient(left -70deg, #fff 0%, #dbdbdb 100%);
	background:-ms-linear-gradient(left -70deg, #fff 0%, #dbdbdb 100%);
	-pie-background:linear-gradient(left -70deg, #fff 0%, #dbdbdb 100%);
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
	behavior: url("/pie/PIE.htc");
}
#side .h2_wrap a.to_list:hover {
	background:#dbdbdb;
	background:linear-gradient(left -70deg, #dbdbdb 0%,#fff 100%);
	background:-moz-linear-gradient(left -70deg, #dbdbdb 0%, #fff 100%);
	background:-webkit-gradient(linear, left top, right bottom, color-stop(0%,#dbdbdb), color-stop(100%,#fff));
	background:-webkit-linear-gradient(left -70deg, #dbdbdb 0%, #fff 100%);
	background:-o-linear-gradient(left -70deg, #dbdbdb 0%, #fff 100%);
	background:-ms-linear-gradient(left -70deg, #dbdbdb 0%, #fff 100%);
	-pie-background:linear-gradient(left -70deg, #dbdbdb 0%, #fff 100%);
}
#side .list_box {
	margin-top:5px;
	padding:10px;
	border:1px solid #e0cb92;
}
#side .list_box li {
	margin-bottom:10px;
}
#side .list_box li.end {
	margin-bottom:0;
}







/*--------------------------------------------------------------
3.0 - Non-structural
--------------------------------------------------------------*/
p {
	margin-bottom: 15px;
}

/*--------------------------------------------------------------
3.1 - Text
--------------------------------------------------------------*/

/*--------------------------------------------------------------
3.2 - Headers
--------------------------------------------------------------*/

/*--------------------------------------------------------------
3.3 - Lists
--------------------------------------------------------------*/


/*--------------------------------------------------------------
4.0 - Navigation
--------------------------------------------------------------*/