@charset "UTF-8";

* {
	padding: 0;
	margin: 0;
}

body {
	font-family: 'メイリオ', 
		'Hiragino Kaku Gothic Pro',
		sans-serif;
	font-size: 0.8em;
	line-height: 1.5;
	color: #000000;
	background: #A4A4A4;
}

p {
	margin: 0;
	padding: 0;
}
ul {
	margin: 0;
	padding: 0;
}
li {
	margin: 0;
	padding: 0;
	list-style: none;
}
dt {
	font-weight: bold;
}
table {
    border-collapse: collapse;
	border: solid 1px #000;
}
th, td {
	border: solid 1px #000;
	line-height: 1.5;
}

th {
	background-color: #ccc;
}

td, embed, object {
	vertical-align: top;
}
fieldset, img {
	border: none;
}
em {
	font-style: normal;
	font-weight: bold;
}
hr {
	display: none;
}

a:link {
	color: #D2691E;
	text-decoration: underline;
}
a:visited {
	color: #D2691E;
	text-decoration: underline;
}
a:hover, a:focus, a:active {
	color: #FF8C00;
	text-decoration: underline;
}

#container 	{
		margin: auto;
}

#header-site {
	margin-bottom: 0px;
	border-top: 4px solid #556B2F;
	border-bottom: 4px solid #556B2F;
	text-align: left;
	background-color: #ffffff;
	overflow:hidden;
}

#header-site a {
	text-decoration: none;
	color: #000000;
}

.headertitle	{
	display: block;
	float: left;
      	padding: 5px;
}

.headertitle a {
	text-decoration: none;
	color: #000000;
}

.headersubtitle {
		font-size: 14px;
		text-align: left;
		}
.headersubtitle a {
	margin: 0;
		margin-top: 8px;
		font-size: 1em;
           }

#header-site p	{margin: 0;
		margin-top: 8px;
		font-size: 0.8em;
}

/* ### ナビ　######################## */

.gnav		{
		margin-left: auto;
		margin-right: auto;
	background-color: #fff;
	overflow: hidden;
}
.gnav ul	{
		margin: 0px;
		padding:0px;
		}

.gnav ul:after {
	content: "";
	display: block;
	clear: both;
}

.gnav li	{
		list-style-type: none;
		float: left;
  text-align: center;
}
.gnav li a	{
		display: block;
	color: #fff;
	text-decoration: none;
  	background-color: #555;
}
.gnav li a:hover {
  background: #A4A4A4;
}

.nav-ad {
	margin-top: 2px;
	text-align: center;
}

.searchbox {
	display: block;
	float: right;
}

/* ###　コンテンツ　#################### */

#main {
	padding: 5px;
	overflow: hidden;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

.articleFooter {
		font-size: 0.8em;
		margin-bottom: 5px;
		border-bottom: solid 1px #04629c;
		}
.bread {
	font-size: 12px;
	margin-bottom: 5px;
}

.post {
	padding: 5px;
	background-color: #ffffff;
	border: solid 1px #191970;
	text-align: left;
	margin-bottom: 10px;
}

.post h1 {
	color: #000000;
		font-size: 1.4em;
		margin: 0;
             padding-bottom: 5px;
		margin-bottom: 5px;
              border-bottom: solid 1px #191970;
}
.post p {
	font-size: 1.0 em;
	margin: 0;
}

.rate {
	border-bottom: solid 1px #191970;
}

.amazon	{
	display: block;
	float: left;
	font-size:0.9em;
	text-align: center;
	width: 300px;
}

.keyword	{
	display: block;
	float: right;
	font-size: 0.9em;
		border: solid 1px #191970;
		background-color: #f0f8ff;
		padding: 2px;
	width: 300px;
}

.critic {
	margin: 5px 0;
	border: solid 1px #000;
}

.critic h2 {
	color: #000000;
		font-size: 1.1em;
		margin: 0;
              padding: 2px;
		margin-bottom: 5px;
}
.critic-name{
	font-size: 0.9em;
	color: #000;
	text-align: left;
	background-color: #eee;
	margin: 0px 5px 5px;
}

.posttext {
	margin: 0;
	padding: 5px;
}

.posttext p	{
		font-size: 12px;
		margin: 0;
}

.postsection {
	margin-bottom: 20px;
}
.postsection h2 {
	font-size: 12px;
}

.recommend {
	font-size: 0.9em;
		background-color: #fff;
		padding: 2px;
	margin: 0;
}

.recommend h3 {
	color: #000000;
		font-size: 1em;
		margin: 0;
              padding: 2px;
		margin-bottom: 5px;
}

.postfooter  {
		line-height:1.5;
		margin-top:5px;
		font-size:0.9em;
             clear: both;
}
.post ul {
	list-style:none;
	padding: 0;
	margin: 0;
}

#intro {
	background-color: #ffffff;
	border: solid 1px #191970;
	padding-left: 10px;
	padding-right: 10px;
	text-align: left;
	margin-bottom: 10px;
}

#new {
	background-color: #ffffff;
	border: solid 1px #191970;
	padding-left: 10px;
	padding-right: 10px;
	text-align: left;
}
#new h2 {
	font-size: 1.2em;
	border-bottom: solid 1px #000000;
}

#content-side {
	background-color: #fff;
	border: solid 1px #4169E1;
	padding: 5px;
}

.sideamazon	{
	text-align: center;
}

.sidemenu ul {
	list-style: none;
}
.sidemenu li a {
	display: block;
	padding: 5px;
	font-size: 14px;
}
.sidemenu li a:hover {
	background-color: #eee;
}

.sidemenu h2 {
	margin-bottom: 10px;
	border-bottom: sotted 2px #ddd;
	color: #000;
	font-size: 14px;
}

/* ###　画面大　############################################# */
@media (min-width: 760px) {

#container {
}

.headertitle	{
       font-size: 24px;
}


.gnav		{
	clear: both;
	text-align:left;
	width: 100%;
	margin:auto;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

.gnav li	{
 	position: relative;
  width: 10%;
  float: left;
  margin: 0;
  padding: 0;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

.gnav li a	{
  display: block;
  margin: 0;
  padding: 5px 0;
  font-size: 14px;
  line-height: 1;
  text-decoration: none;	
-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

.nav-ad {
	display: none;
	text-align: center;
}

.main:after {
	content:"";
	display: block;
	clear: both;
}

#content-main {
	float: left;
	width: 70%;
	padding-right: 10px;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

.postad {
	display: block;
	text-align: center;
}
.postlist {
	overflow: auto;
	height: 400px;
}
.articlebox_1 {
}
.articlebox_2 {
}

#content-side {
	float: left;
	width: 30%;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

.ad {
	display: block;
}

.ad-mo {
	display: none;

}

}
/* ###　画面小　############################################# */
@media (max-width: 759px) {

#container {
			background-position: right 5px;
}

#container 	{
	width: 100%;
}

.headertitle	{
       font-size: 16px;
}

.gnav		{
		width: 100%;
	margin-left: auto;
	margin-right: auto;
}

.gnav li	{
	width: 20%;
	background-color: #fff;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

.gnav li a	{
		font-size: 10px;
		line-height: 20px;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

.nav-ad {
	display: block;
	text-align: center;
}

.articlebox {
}

.articlebox_1 {
}
.articlebox_2 {
}

.postad {
	display: none;
	text-align: center;
}

#content-side {
	margin-top: 10px;
}

.ad {
	display: none;

}

.ad-mo {
	display: block;
}

}

/* ###　画面調整　############################################# */
@media (min-width: 1100px) {

#container 	{
	width: 1100px;
	background-position: 55% 5px;
}

.headertitle	{
       font-size: 24px;
}

.header-site, #header-nav, .main, #footer {
	width: 1100px;
	margin-left: auto;
	margin-right: auto;
}

.postlist {
	overflow: auto;
	height: 400px;
}

}

/* ###　フッター　########################################## */

#footer {
       font-size: 0.9em;
       margin: 0px;
	border-top: solid 1px #4169E1;
	background-color: #eee;
	padding: 10px;
	text-align: left;
	clear: both;
	overflow: hidden;
}

#footer a:hover {
		color: #6495ED;
}

.footer-copyright {
	display: block;
	clear: both;
}
.footer-link {
	display: block;
	margin-bottom: 10px;
}