@charset "utf-8";

/* =======
CommonElements
======= */
body {
	font-family: Arial,Helvetica,sans-serif;
	color: #000;
	font-size: 14px; 
	text-align: center;
	background-color: #e60;
}

a:link { text-decoration:none; color: #00f;}
a:visited { text-decoration:none; color: #00f;}
a:active { text-decoration:none; color: #f00;}
a:hover { text-decoration:none; color: #69f;}

.navigator {
	color: #fd9; 
	text-shadow: 3px 3px 5px #000; 
	text-align: left; 
	line-height: 1em; 
	padding: 0 0 0 24px; 
	top: 0; 
	left: 0; 
	background-color: #e60;
}

img.title {
	float: left; 
	width: 200px; 
	height: 35px; 
	margin: 7px 0 0; 
}

.menu {
	padding: 0; 
	height: 48px; 
	max-width: 920px; 
	margin: 0 auto; 
	text-align: left; 
}
.menu a, .menu a:link, .menu a, .menu a:visited {
	color: #feb;
	text-decoration: none;
}
.menu a.on, .menu a.on:link, .menu a.on, .menu a.on:visited {
	color: #fff;
}
.menu a:hover {
	color: #fff;
	text-decoration: none;
}

.menu ul{
	text-align: left; 
	font-size: 18px; 
	line-height: 22px; 
	margin: 0; 
	padding: 0; 
}
.menu ul li{
	display: block; 
	float: left; 
	margin: 0; 
	padding: 16px 2em 12px 0; 
	list-style: none; 
}
.menu ul li.lang{
	padding: 16px 0.5em 12px 0.5em; 
}

#container {
	width: 100%;
	text-align: center; 
	background: #fff; 
}
.paper {
	color: #000; 
	font-size: 16px; 
	max-width: 900px; 
/*		min-width: 440px; */
	margin: 0 auto; 
	padding: 30px 20px; 
	text-align: left; 
	line-height: 1.5em; 
}
#footer {
	color: #feb; 
	padding: 20px 0 30px; 
	line-height: 1.75em; 
}
#footer a {
	color: #feb; 
}
#footer a:hover {
	color: #fff; 
	text-decoration: underline; 
}

h1 {
	color: #230; 
	font-size: 2em; 
	font-weight: normal; 
	text-shadow: 3px 3px 3px #ccc; 
	border-bottom: dashed 1px #e60; 
	padding: 0 0 6px 0; 
	margin-bottom: 26px; 
}
h2 {
	border-bottom: solid 2px #f90; 
	font-size: 2.5em; 
	line-height: 1.25em; 
	font-weight: bold; 
	text-align: left; 
font-family: "Times New Roman", "游明朝", YuMincho, "Hiragino Mincho ProN", Meiryo, serif; 
}
h2.centering {
	color: #000; 
	font-size: 1.5em; 
	text-align: center; 
	text-shadow: 2px 2px 3px #ccc; 
}
h3 {
	border: solid 2px #f90; 
	background-color: #fc0; 
	color: #ff0; 
	font-size: 1.25em; 
	font-weight: bold; 
	line-height: 1.75em; 
	text-align: center; 
	margin: 1em 0; 
}
h4 {
	font-weight: bold; 
	font-size: 1.5em; 
	line-height: 2em; 
}
h5 {
	font-weight: bold; 
	font-size: 1.5em; 
	line-height: 1.25em; 
	border-left: solid 20px #f90; 
	padding-left: .5em; 
}

.blogs {
	color: #000; 
	font-size: 16px; 
	line-height: 2em; 
	max-width: 900px; 
/*		min-width: 440px; */
	margin: 0 auto; 
	padding: 30px 20px; 
	text-align: left; 
}
li.rss-item {
	margin: 1em 0 1em; 
	border-bottom: solid 1px #e60; 
	padding: 1em 0 2.5em; 
	margin: 1em 0 1em; 
}
span.rss-date {
	color: #999; 
	font-size: .75em; 
	padding: 0 0 2em 1em; 
	line-height: 1em; 
}
a.rss-item {
	color: #000; 
	font-size: 1.5em; 
	line-height: 1em; 
	font-weight: bold; 
	margin: 2em 0 0; 
font-family: "Times New Roman", "游明朝", YuMincho, "Hiragino Mincho ProN", Meiryo, serif; 
/*	border-bottom: solid 1px #9c6; */
}

.center {
	clear: both; 
	color: #666; 
	line-height: 1.5em; 
	font-size: 16px; 
	font-weight: bold; 
	text-align: center; 
	margin-bottom: .5em; 
}
.center img {
	width: 60%; 
	max-width: 600px; 
	height: atuto; 
	border: solid 2px; 
	border-color: #c30 #f93 #f93 #c30; 
}
.center img.big {
	width: 85%; 
	max-width: 850px; 
	height:atuto; 
}

.center a, .center a:link, .center a, .center a:visited {
	color: #06f;
	text-decoration: none;
}
.center a:hover {
	color: #f0c;
	text-decoration: none;
}
a.button, a.button:link, a.button, a.button:visited {
	color: #ee9;
	text-decoration: none; 
	font-size: 20px; 
	line-height: 4em; 
	background: #c00; 
	padding: .75em 3em; 
	box-shadow: 3px 3px 5px rgba(0,0,0,0.4); 
}
a.button:hover {
	color: #fe0;
	text-decoration: none;
	background: #390; 
}
.cart {
	clear: both; 
	font-weight: bold; 
	text-align: center; 
	margin: 0 auto; 
	padding: 0; 
}
.clear { clear: both; height: 0; }
.one { clear: both; height: 1em; }
.two { clear: both; height: 2em; }
.three { clear: both; height: 3em; }


table {
	border: solid 1px #e60; 
	border-collapse: collapse; 
/*		min-width: 440px; */
}
td {
	 text-align: left; 
	border: solid 1px #e60; 
	border-collapse: collapse; 
	line-height: 1.5em; 
	padding: 6px; 
	vertical-align: top; 
}

table.centering td {
	 text-align: center; 
}

table.innertable {
	border-width: 0; 
	width: 100%; 
}
table.innertable td {
	border-width: 0; 
	text-align: left; 
	line-height: 1em; 
}




/* =======

	スマホ用

======= */


@media screen and (max-width: 800px) {

.navigator {
	position: relative; 
	z-index: 106; 
	color: #fd9; 
	text-shadow: 3px 3px 5px #000; 
	text-align: left; 
	padding: 0 0 0 12px; 
}

.width{
	margin: 0 auto; 
/*		min-width: 440px; */
	padding-left: 0; 
}
.menu {
	border-top: solid 0px #0cc; 
	border-bottom: solid 0px #350; 
}

.menu {
	margin: 0 auto;
/*		min-width: 440px; */
	padding: 0; 
	height: 48px; 
	border-top: solid 1px #c30; 
}
.menu ul{
	text-align: left; 
	font-size: 20px; 
	line-height: 16px; 
	width: 100%; 
	margin-left: 0; 
	border-width: 0; 
}
.menu ul li{
	width: 100%; 
	padding: 20px 0 18px 0; 
	border-top: solid 1px #c30; 
	border-right: 0; 
}
.menu ul li.lang{
	padding: 20px 0 18px 0; 
}
.menu img {
	float: left; 
	width: 200px; 
	height: 35px; 
	margin: 12px 0 12px; 
}
.paper {
	color: #000; 
	font-size: 18px; 
/*		min-width: 440px; */
	min-height: 320px; 
	margin: 0 auto; 
	padding: 20px 20px 30px; 
	text-align: left; 
}

.center img {
	width: 100%; 
}


  }

