@charset "utf-8";
/* CSS Document */

body {
	background-color:#c9d1d3;
}

#big {
	background-color:#FFF;
	border-radius:10px;
	box-shadow:2px 2px 2px #999;
}
h1,h2,h3,h4,h5,h6,iframe ,pre{
	clear:both;
}
#top {
	padding-top:0px;
}
#top p {
	margin-top:0px;
	margin-bottom:0px;
}

h1 {
	border-left:10px solid #F60;
	padding-left:5px;
	margin-bottom:0px;
	color:#00a2d1;
	font-size:145%;
	/*background: -webkit-gradient(linear, left top, left bottom, from(#FFF), to(#EEE));
	border-bottom:1px dotted #F60;*/
}
.se {
	font-size:70%;
	margin-top:0px;
}
a:link {
  color: #278bc1;
  }
a:visited {
	color: #5FA5CB;
}
a img {
  border-color: #009AE2;
}

.date {
	font-size:90%;
	color:#666;
	text-align:center;
	border-top:1px dotted #ccc;
	clear:both;
}

.line {
	line-height:5px;
	border-bottom:1px dotted #CCC;
	text-align:center;
	font-size:80%;
	clear:both;
}
.small {
	font-size:80%;
}
.bigImage {
}
.whiteFont , .white_font {
	color:#fff;
	text-shadow: 1px 1px 1px #000;
}
.wavy {
	background:url(jpg/wavy.png) bottom repeat-x;
}
.wavyp {
	background:url(jpg/wavy2.png) bottom repeat-x;
}
.wavyg {
	background:url(jpg/wavy3.png) bottom repeat-x;
}
.orange {
	color:#F60;
}
.glay {
	color:#999;
}
.dai {
	font-size:130%;
	vertical-align: middle;
}

h2 {
	font-size:140%;
	color:#399;
	padding-left:5px;
	border-left-width: 5px;
	border-left-style: solid;
	border-left-color: #F90;
}
h3 {
	color:#F60;
	padding-left:5px;
	font-size:135%;
	border-left:5px solid #3C0;
}
h4 {
	color:#390;
	font-size:130%;
	border-left:5px solid #3C0;
	padding-left:5px;
}
h5 {
	font-size:120%;
	border-left-style: none;
	border-left-width: 5px;
	border-left-style: solid;
	border-left-color: #3C6;
}
h6 {
	font-size:120%;
}
li {
	list-style-image: url(jpg/arrow.gif);
}
li li{
	list-style-image: url(jpg/arrow01.png);
}
#foot {
	clear:both;
	border-top:1px dotted #999;
}

/* *******************************パソコン用 ***************************/
@media only screen and (min-width: 1024px) {
	#big {
		width:1100px;
	  background-color:#EBEEEF;
	}
	#top {
		border-bottom:1px dotted #999;
	}
	#main {
		width:850px;
		float:left;
		background-color:#fff;
	  box-shadow:1px 1px 1px #999;
		padding-left:5px;
	}
	h2 {
		margin-top:5px;
		margin-bottom:0px;
	}
  .bigImage , .img100par , .imgLeft {
		float:left;
		padding:3px;
		border:1px solid #278bc1;
		margin-right:5px;
		margin-bottom:15px;
  }
	#category {
	  width:240px;
	  float:right;
	  background-color:#EBEEEF;
	}
	#category h3 {
		background-color:#fff;
	  border-radius:10px;
	  border-left-style:none;
	  box-shadow:0px 1px 0px #999;
	}
	#category li {
		margin-left:-10px;
	}
	#category li li {
		margin-left:-20px;
	}
	#right {
		width:250px;
	  float:left;
	}
	#right li {
		margin-left:-10px;
	}
	.center{
		text-align:center;
	}
	#main div table {
		margin-left:auto;
		margin-right:auto;
	}

}
@media only screen and (max-width: 1023px) {
	body {
	padding:1px;
	margin:5px;
	}
	#big {
		margin:0px;
	}
	.bigImage , .img100par {
		width:98%;
		margin-top:15px;
		border:1px solid #278bc1;
		padding:3px;
	}
	.imgLeft {
		float:left;
		margin-right:10px;
	}
	#category li , #right li {
		margin-left:-15px;
	}
	.sns {
		text-align:center;
		margin:0px;
		padding:0px;
	}
	
}