@charset "utf-8";
@media screen and (max-width: 768px){

body {
	font-family: 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック','MS PGothic',sans-serif;

 	text-align: center;

/*
	background: url("../images/bgnoise.gif");
	margin: 0;
*/
}

/* ヘッダ部分 */
div#header {
	background: url("../images/jbheader_smart.jpg") no-repeat left top;
	width: 340px;
	height: 180px;
	background-size: cover;
	margin: 0 auto;
	
	line-height: 100%;
}

h1 {
/* 	height: 225px; */
 	text-align: left;
	font-size: 1.0em;
 	padding-top: 15px;
 	padding-left: 0px;
	padding-bottom: 120px;

}

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

#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; */
	width: 50%;
 	float: left;

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

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

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

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

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

/* 本文 */
div#rootContainer {
 	text-align: left;
/* 	width: 800px;
 	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.3em;
	border-left: solid 10px #88aa88;
 	text-align: left;
	
	padding-top: 10px;
/*	margin-top: 10px */
/* 	padding-left: 12px; */
 
}

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

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

p {
	text-align: left;
	line-height: 120%;
}

img {
	border: none;
}

/* 本文　ここまで */

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

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: auto;
 width: 85%;
 height: 300px;
 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;
}

form.hokkaido {
	text-align: center;
}

}