﻿@charset "utf-8";
@media screen and (min-width: 769px){

body {
	background: url("../images/bgnoise.gif");
	font-family: 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック','MS PGothic',sans-serif;
 	text-align: center;
	margin: 0;
}

/* ヘッダ部分 */
div#header {
	background: url("../images/jbheader.jpg") no-repeat center;
	width: 800px;
  	height: 225px;
 	margin: 0 auto;
}

h1 {
/* 	height: 225px; */
	height: 165px;
 	text-align: left;
	font-size: 1.2em;
 	padding-top: 60px;
 	padding-left: 350px;

}

#menu {
    font-size: 1.2em;
 	font-weight: bold;
    width: 100%;
    line-height:normal;
 	margin-bottom: 60px;
 
}

#menu ul{
      margin:0;
      padding:0 0 0 0;
}

#menu li{
      list-style:none outside;
 	text-align: center;
      display:block;
      margin:0;
      padding:0;
}

#menu a {
	text-decoration: none;
}


#menu span {
 	text-align: center;
 	width: 137px;
 	float: left;

	background: url("../images/button_plain.gif") no-repeat left center;
 	display: block;
 	padding: 10px 0px 10px 0px;
}

#menu span.selected {
 	background: url("../images/button_selected.gif") no-repeat left center;
}

#menu span.nothing {
 	background: url("../images/button_plain.gif") no-repeat left center;
}

#menu a:hover span {
 	background: url("../images/button_hover.gif") no-repeat left center;
}

/* ヘッダ部分 ここまで */

/* 本文 */
div#rootContainer {
 	width: 800px;
 	text-align: left;
 	margin-top: 0;
 	margin-left: auto;
 	margin-right: auto;
}

div#mainContainer {
	padding: 0;
	width: 550px;
 	float: left;
}

div#changeView {
 	background-color:orange;
 	text-align: center;
 	position: relative;
 	z-index: 20;
 
}

div.article {
	margin-top: 0px;
 	margin-bottom: 30px;
 
	position:relative;
 	z-index: 1;
}

.pcOnly {
	/* display: none; */
}

.spOnly {
	display: none;
}

h2 {
	font-size: 1.5em;
	border-left: solid 20px #88aa88;
 	text-align: left;
 	padding-left: 12px;
 
}

h3 {
	font-size: 1.4em;
	font-weight: bold;
 
}

h4 {
    font-size: 1.1em;
    text-decoration: underline;
}

p {
	text-align: left;
	margin-right: auto;
	margin-left: auto;
	
	padding-left: 5px;
    padding-right: 5px;
}

img {
	border: none;
}

/* 本文　ここまで */

/* サイド画面 */
div#sideContainer {
	width: 230px;
 	float: right;
}

div#links {
    width: 225px;
    border-width:3px;
    border-style:double;
    border-color:#99b4d1;
}

/* RSS表示部分 */
iframe#blog_rss {
 font-family: 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック','MS PGothic',sans-serif;
 margin: 5px;
 width: 218px;
 height: 400px;
 border-width:1px;
 border-style:solid;
 border-color:#c2e9b4;
 
}

/* サイド画面　ここまで */


a {
	text-decoration: none;
}

a:hover {
    text-decoration: underline;
    color:#000080;
}

address {
	clear: left;
	text-align: center;
	font-size: 0.75em;
}

p.link {
	text-align: center;
	clear: left;
}



p.comment_on_top {
	text-align: center;
	font-size: 0.7em;
}

span.ad {
	font-size: 1.4em;
	font-weight: bold;
}

span.puzzleName {
	font-size: 1.5em;
}

form.hokkaido {
	text-align: center;
}

}