@charset "UTF-8";

/* ■ページ構造top page用 */

body {
 width: 100%;
 text-align:center;
}
#wrap {
 width: 1348px;
 max-width:100%;
 margin: 0 auto;
 text-align: left;
}
#header {
  margin: 0 auto;
  width: 1128px;
  max-width:100%;
}
#content {
  margin: 0 auto;
  width : 1128px;
  max-width:100%;
}
#article {
  width:1128px;
  max-width:100%;
}
#main {
  margin: 0 auto;
  width : 1128px;
  max-width:100%;
  overflow:hidden;
}
#news {
  margin: 0 auto;
  width : 480px;
  max-width:100%;
  overflow:hidden;
}

#newsWrap {
  width:480px;
  max-width:100%;
  margin: 0 auto;
  overflow:hidden;
}

/*2段組みstart*/
.info {
  width: 68%;
  float: left;
  margin:0
}
.nav {
  width: 28%;
  float: right;
  margin:0
}





/*2段組みend/*/
/*
.info {
  width: 650px;
  float: left;
  margin:0
}
.nav {
  width: 320px;
  float: right;
  margin:0
}
*/

#sponser {
  clear: both;
  width: 1128px;
  max-width:100%;
}
#footer {
  clear: both;
  width: 1128px;
  max-width:100%;
}
#navigation {
  width: 1128px;	
  max-width:100%;
  background-color:#FFFF99;
}

/* ■その他 */

body {
  line-height: 1.5;
}

span {
 color:black;
 font-size:medium;
 padding:0.3em;
}

#header {
  color: black;
  /* background: url(../bg/bg037.gif) ; */
  background-color:#CC6600;
}
#article {
  color: black;
  background: #ffff90; 
}
#main {
  text-align:left;
  color:black;
  background-color: #ffff90;
}
#news {
  text-align:left;
  color:black;
  background-color: #ffff90;
}
#newsWrap {
  text-align:left;
  color:black;
  background-color: #ffff90;
}


.info {
  color: black;
  background: #ffff90;
}
.nav {
  color: black;
  background: #ffff90;		
}
#sponser {
  background: url('../bg/bg018.gif')	
}

#footer {
  color: #fff;
  background: #CC6600;
}

/* ■リスト  */

#navigation ul {
  width: 100%;
  list-style: none;
  overflow: hidden;
  margin-left: 2%;
  padding-left: 0;
}

#navigation li {
  width: 30%;
  display:inline;
  color:#FFFFFF;
  background-color:#0099CC;
  float: left;
  border:1px solid teal;
  margin-top:2%;
  margin-right:2%;
}

#navigation li a {
  display:block;
  height: 50px; 
  line-height: 50px;
  font-weight: bold;
  font-size:large;
  text-align: center;
  text-decoration: none;
  color: #fff;
  padding:10px;
}
#navigation li a:hover {
  color:#FFFFFF;
  background-color:#00CCFF;
}

em {
  font-style: normal;
  font-weight: bold;
  color: #000;
  background: transparent;
}

/*画像*/

img {
  max-width:100%;
	}
	
iframe {
  max-width:100%;
	}

/*広告*/
.ga158 {
   width:158px;
   max-width:100%;
   margin-top:5px;
   margin-left:auto;
   margin-bottom:10px;
   margin-right:auto;
   text-align:center;
}

.ga300 {
   width:300px;
   max-width:100%;
   margin-top:5px;
   margin-left:auto;
   margin-bottom:10px;
   margin-right:auto;
   text-align:center;
}

.ga336 {
   width:336px;
   max-width:100%;
   margin-top:5px;
   margin-left:auto;
   margin-bottom:10px;
   margin-right:auto;
   text-align:center;
}

.ga468 {
   width:480px;
   max-width:100%;
   margin-top:5px;
   margin-left:auto;
   margin-bottom:10px;
   margin-right:auto;
   text-align:center;
}


.ga650 {
   width:650px;
   max-width:100%;
   margin-top:5px;
   margin-left:auto;
   margin-bottom:10px;
   margin-right:auto;
   text-align:center;
}

.ga720 {
   width:720px;
   max-width:100%;
   margin-top:5px;
   margin-left:auto;
   margin-bottom:10px;
   margin-right:auto;
   text-align:center;
}


.banner {
   width:100%;
   margin-top:5px;
   margin-left:auto;
   margin-bottom:10px;
   margin-right:auto;
   text-align:center;
}


/*囲い枠内*/

box {
  margin: 10px 0;
  float: left;
  width: 100%;
  background: #ffffa1 ;
}
.info {
  max-width: 70%;
  float: left;
}
.box p {
  margin: 0;
  padding: 10px;
}
.right {
  width: 30%;
  float: left;
} 


/* 画像中央文章左揃え */
.pastel {
 text-align:center;
 }
.pastel p {
 text-align:left; 
}


/* 改行 */
.clear {
 clear:both;
}

/* 取り消し線 */
.strike {
	text-decoration:line-through
}

/*リンク*/
a:link { color: blue; }
a:visited { color:#9933FF; }
a:hover { color: orange; }

.navigation { text-align: center }

/* ■ページ構造php更新埋め込みレイアウト用 */

/* clearfix */
.clearfix:after { content:"."; display:block; clear:both; height:0; visibility:hidden; }
.clearfix { display:inline-block; }

/* for macIE \*/
* html .clearfix { height:1%; }
.clearfix { display:block; }

ul#newsList{
	margin:0 0 15px;
	padding:0;
	font-family:"メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
ul#newsList li{
	color:#666;
	font-size:11px;
	margin:0;
	padding:5px 0;
	margin-bottom:3px;
	border-bottom:1px dotted #ccc;
	line-height:120%;
	list-style-type:none;
}
a{color:#36F;text-decoration:underline;}
a:hover{color:#039;text-decoration:none;}

.catName{
	display:inline-block;
	padding:3px 8px;
	border:1px solid #ccc;
	border-radius:6px;
	font-size:11px;
	line-height:100%;
	margin:0 2px;
}
.newMark{
	display:inline-block;
	border:1px solid #F00;
	padding:1px 4px;
	font-size:11px;
	line-height:100%;
	background:#F00;
	color:#fff;
	box-shadow:1px 1px 1px #999;
	border-radius:8px;
	font-style:italic;
}
.comment{
	display:block;
	padding:3px 0;
	float:left;
	overflow:hidden;
	width:60%;
}
.thumbNailWrap{
	display:block;
	width:75px;
	float:left;
	overflow:hidden;
}
.linkTag,.title{
	display:block;
	margin:3px 0;
}


/*■■■スマホ対策■■■*/

@media only screen and (max-width: 480px){
body{
 max-width : none;
 width : 100%;
 border : none;
 margin : 0px;
}
#main #newsWrap #news {
 display : block;
}
.info{
 float: none;
 width: 95%;
 margin-left: auto;
 margin-right: auto;
 margin-bottom: 4%;
}
.nav{
 float: none;
 width: 95%;
 margin-left: auto;
 margin-right: auto;
}
}

/*■■■タブレット対策■■■

@media only screen and (max-width: 768px){
body{
 width : 100%;
 border : none;
 margin : 0px;
}
#wrap #article #content #main #header #footer #navigation #sponser{
 width :768px
}
.info{
 float: left;
 width: 440px;
 margin:0;
}
.nav{
 float: right;
 width: 320px;
 margin:0;
}
}
*/