/*--------------------------------------------------------------------------------------------------
  Global
--------------------------------------------------------------------------------------------------*/
* {
    margin: 0px;
    padding: 0px;
}

/*--------------------------------------------------------------------------------------------------
  Layout
  #content は可変レイアウト、#sidebar は固定レイアウト(300画素)。
  サイドに広告バナーなどのサイズを変えたくないものがある場合を想定。
  #content と #sidebar の間：#wrapper width 960 - #content width 630 - #sidebar width 300 = 30px
  一般的に上下のマージンは任意設定が可能
--------------------------------------------------------------------------------------------------*/
body {	
	background: url('../img/fabric_plaid.png') repeat top left;
}
#wrapper {
	width: 960px;
	margin: 0px auto;
	background: #fff;
}
#header {
	position: relative;
	width: 940px;
	height: 140px;
	margin: 0 10px;	
}
#headerLeft {
	position: absolute;
	float: left;
	width: 188px;
	height: 99px;
	left: 0px;
	top: 0px;
}
#slogan {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 188px;
	height: 26px;
}
#logo {
	position: absolute;
	left: 0px;
	top: 26px;
	width: 188px; 
	height: 50px;
}
#headerRight {
	float: right;
	width: 745px;
	height: 99px;
	left: 193px;
	top: 0px;
}
#externalMenu {
	width: 376px;
	height: 50px;
	left: 195px;
	top: 0px;
}
#externalMenu li {
	float: left;
}
#socialBookmark {
	position: absolute;
	left: 584px;
	top: 0px;
	width: 140px;
	height: 50px;
	margin-right: 6px;
}
#socialBookmark ul {
	margin: 13px 0 0 0;
}
#socialBookmark li {
	float: left;
}
#search {
	position: absolute;
	right: 0px;
	top: 0px;
	height: 50px;
	width: 207px;
}
#subMenu {
	position: absolute;
	left: 195px;
	top: 50px;
	width: 533px;
	/*margin-right: 10px;*/
	height: 50px;
}
#subMenu li {
	float: left;
}
#bbsSelect {
	position: absolute;
	right: 0px;
	top: 50px;
	width: 200px;
	height: 50px;
}
#spMenu1 {
	display: none;
}
/*----------------------------------------------------------------*/
ul#mainMenu {
	position: absolute;
	left: 0px;
	top: 99px;
	width: 940px;
	height: 40px;
	clear: both;
}
ul#mainMenu li {
	float: left;
}

/*----------------------------------------------------------------*/
#top {
	width: 940px;
	margin: 15px 10px 0 10px;
}
#bannerP1S1 {
	width: 300px;
	height: 250px;
}
#top #bannerP1S1 {
	float: right;
}
#bannerP1 {
	display: block;
}
#bannerS1 {
	display: none;
}
#slider {
	width: 620px;
	float: left;
	height: 370px;
	position: relative;
	overflow: hidden;
}
#slider a.text-block {
	position: absolute;
	left: 0;
	bottom: 0;
}

/*----------------------------------------------------------------*/
#content {
	width: 940px;
	margin: 10px 10px 20px;
}
#main {
	width: 620px;
	float: left;
}

#main .section {
	margin-bottom: 20px;
}
#main .section.top {
	margin-top: 0px;
}
#bannerP4 {
	text-align: center;
	background: #eee;
}
#bannerS4 {
	display: none;
}
#breadcrumbs {
}

/*
#socialBookmarkPost.section {
	margin: 15px 0px 15px 310px;
	width: 310px;
}
*/

#postTitle.section {
	margin-top: 15px;
}

#postContent {
}

#postTags {
}
#postList {
}

/*
#likeButton.section {
	margin: 15px 0px 15px 310px;
	width: 310px;
}
*/

#backnumbers {
}

#relatedPosts {
}

#comments{
}

/*------------- 以下、top -------------*/
#news {
}
#bannerP2 {
	text-align: center;
	vertical-align: middle;
}
#phrase {
}
#bannerS2 {
	display: none;
}
#recent {
}
#event {
}
/*----------------------------------------------------------------*/

#side {
	width: 300px;
	float: right;
}

#side .section {
	margin-bottom: 10px;
}
#side .section.top {
	margin-top: 0px;
}
#pickup {
}
#bannerP3S3 .googleAds {
	width: 300px;
	height: 250px;
	margin: 0 0 10px 0;
}
#bannerP3 {
	display: block;
	margin-top: -120px;
}
#bannerS3 {
	display: none;
}
#popular{
}

#bannerP5S5 {
	width: 300px;
	height: 250px;
}
#bannerP5 {
	display: block;
	height: 250px;
}
#bannerS5 {
	display: none;
}

#bannerP6S6 .googleAds {
	width: 300px;
	height: 250px;
	margin: 0 0 10px 0;
}
#bannerP6 {
	display: block;
}
#bannerS6 {
	display: none;
}

#recentPostsCat {
}

#recentCommentsCat {
}

/*----------------------------------------------------------------*/
#footer {
	width: 940px;
	margin: 0 10px 0;
}
#spBacktoTop {
	display: none;
}
#spMenu2 {
	display: none;
}
#spSubMenu {
	display: none;
}
#subMenu2 .break {
	display: none;
}
#copyright {
	clear: both;
	text-align: center;
/*	position: relative;
	overflow: hidden;	*/
}
#copyrightLogo {
/*	float: left;
	position: relative;
	left: 254px;
	padding: 0 0 22px 0;	*/
}
#copyrightText {
	padding: 0 0 22px 0;
}

/*----------------------------------------------------------------*/

.forSPonly {
	display: block;
}

.forSPonly {
	display: none;
}