@charset "utf-8";

/* @group reset */
* {
	margin: 0;
	padding: 0;
}
html {
	background-color: #ffffff;
	color: #333;
	font-family: "Hiragino Kaku Gothic Pro","Yu Gothic","Meiryo",sans-serif;	
}
a {
	text-decoration: underline;
}
a:hover {
	text-decoration: none;
}
ul, ol {
	list-style: none;
}
img {
	vertical-align: middle;
	border: 0;
}
address, em {
	font-style: normal;
}
em {
	font-weight: bold;
}
/* クリア */
.clear {
	clear: both;
}

/* @end */

/* @group header */
header h1 {
	text-align: center;
}
header nav ul {
	overflow: hidden;
}
header nav li {
	float: left;
}
header nav .translation-navi {
	width: 240px;
	margin-bottom: 5px;
	margin-left: auto;
	margin-right: auto;
	font-size: 80%;
}
header nav .translation-navi li {
	padding-left: 20px;
	display: inline-block;
	zoom:1;
}
header nav .header-contact {
	margin-bottom: 5px;
	width: 320px;
	margin-left: auto;
	margin-right: auto;
}
header nav .header-navi {
	margin-bottom: 5px;
	width: 320px;
	margin-left: auto;
	margin-right: auto;
}

#global-navi {
	overflow: hidden;
	background-color: #E4E3C7;
	text-align: center; 
}
#global-navi li {
	background-image: url(../images/navi/global_navi_bg.png);
	background-repeat: repeat-x;
	display: inline;
	float: left;
	max-width: 160px;
	overflow: visible;
	width: 160px;
}
#global-navi ul.encn li {
	max-width: 159px !important;
	width: 159px !important;
}
#global-navi ul.encn li:first-child {
	border-left: 1px solid #993333;
}
#global-navi ul.encn li:nth-child(3) {
	border-left: 1px solid #993333;
}
#global-navi ul.encn li a {
	border-right: 1px solid #993333;
	display: block;
	overflow: hidden;
	position: relative;
	color: #333;
	margin: 0px;
	padding: 14px 10px 12px;
	line-height: 110%;
	letter-spacing: 0px;
	text-align: center;
	text-decoration: none;
}
#global-navi ul.encn li a:hover {
	text-decoration: underline;
}
/* @end */

/* @group footer */
footer {
	clear: both;
	background-color: #cccc99;
}
footer h2 {
	background-color: #999;
	color: #ededed;
	font-size: 14px;
	padding: 3px 5px;
	margin-bottom: 5px;
}
footer a {
	color: #fff;
}
footer a:hover {
	text-decoration: underline;
}
footer #return {
	background-color: #fff;
	padding: 5px;
	text-align: center;
}
footer ul {
	background-color: #999966;
	color: #fff;
	font-size: 14px;
	list-style: disc;
	margin: 0 5px 2px;
	padding-bottom: 1em;
	padding-top: 5px;
}
footer ul li {
	margin-left: 2.0em;
}
footer address {
	font-size: 12px;
	margin: 0 5px 5px;
}
footer address em {
	font-size: 14px;
	font-weight: bold;
}
footer p {
	color: #666633;
	font-size: 12px;
	text-align: right;
	padding: 0 5px 5px;
}
/* @end */

/* @group footerlink */
div#footerlink {
	clear: both;
	text-align: center;
}
div#footerlink a {
	color: #fff;
}
div#footerlink a:hover {
	text-decoration: underline;
}
div#footerlink ul {
	color: #fff;
	font-size: 14px;
	list-style: none;
	padding-top: 5px;
}
div#footerlink ul li {
	margin: 0 5px 5px;
}
/* @end */


/* @group contents */
#contents {
	background-color: #fff;
}
#top-stage {
	position: relative;
	overflow: hidden;
}
.top-image {
	max-width: 100%;
}

section#news {
	margin: 5px 5px 30px;
}
section#news h2 {
	border-bottom: 1px solid #999;
	font-size: 16px;
	height: 50px;
	background-image: url(../images/common/h2.jpg);
	background-repeat: repeat-x;
}
section#news h2 img {
	float: left;
	margin-top: 17px;
	margin-left: 20px;
}
section#news dl {
	border: #e3e3e3 1px solid;
	font-size: 14px;
}
section#news dl dt {
	color: #999;
	padding-left: 15px;
}
section#news dl dt:nth-child(4n-1) {
	background-color: #EEEEDB;
}
section#news dl dd {
	padding-left: 30px;
}
section#news dl dd:nth-child(4n) {
	background-color: #EEEEDB;
}


section#topics {
	margin: 5px 5px 30px;
}
section#topics h2 {
	clear: both;
	font-size: 16px;
	height: 40px;
	background-image: url(../images/common/h2.jpg);
	background-repeat: repeat-x;
	padding-top: 13px;
	padding-left: 20px;
}


section#topics h3 {
	clear: both;
	font-size: 14px;
	font-weight: bold;
	margin-top: 15px;
	margin-left: 10px;
	margin-right: 10px;
	padding: 5px 10px 5px 15px;
	border-left: 5px solid #A7D6A2;
	background-color: #EAF5E9;
}
section#topics #topics-body p {
	clear:both;
	font-size: 14px;
	margin: 10px;
	padding: 0;
	line-height: 1.8;
}
section#topics img {
	float: none;
	margin-left: 10px;
	margin-right: 10px;
	margin-bottom: 10px;
}


section#bestproducts {
	margin: 5px 5px 30px;
}
section#bestproducts h2 {
	clear: both;
	font-size: 16px;
	height: 40px;
	background-image: url(../images/common/h2.jpg);
	background-repeat: repeat-x;
	padding-top: 13px;
	padding-left: 20px;
}

section#bestproducts h3 {
	clear: both;
	font-size: 14px;
	font-weight: bold;
	margin-top: 15px;
	margin-left: 10px;
	margin-right: 10px;
	padding: 5px 10px 5px 15px;
	border-left: 5px solid #A7D6A2;
	background-color: #EAF5E9;
}
section#bestproducts #bestproducts-body p {
	clear:both;
	font-size: 14px;
	margin: 10px;
	padding: 0;
	line-height: 1.8;
}
section#bestproducts img {
	float: left;
	margin-left: 10px;
	margin-right: 10px;
	margin-bottom: 10px;
}









#main-content {
	margin: 0 5px 15px;
}
#main-content h2 {
	clear: both;
	min-height: 50px;
	margin-top: 5px;
}
#main-content h2.en {
	background: -moz-linear-gradient(top, #E4E3C7, #FFFEFD);
	background: -webkit-gradient(linear, left top, left bottom, from(#E4E3C7), to(#FFFEFD));
	background: -webkit-linear-gradient(top, #E4E3C7, #FFFEFD));
	background: linear-gradient(to bottom, #E4E3C7, #FFFEFD);
	border-top: 1px solid #C9C898;
	border-bottom: 4px solid #C9C898;
	padding-left: 10px;
	padding-top: 12px;
	padding-bottom: 5px;
}
#main-content h2 img {
	float: left;
	margin-top: 17px;
	margin-bottom: 17px;
}

#main-content .post_time {
	text-align: right;
}

#main-content a {
	text-decoration: underline;
}
#main-content a:hover {
	text-decoration: none;
}
#main-content .entry {
	margin-left: 10px;
	background-color: #fcfcfc;
	padding: 5px;
}
#main-content .entry h2 {
	clear: both;
	background: -moz-linear-gradient(top, #E4E3C7, #FFFEFD);
	background: -webkit-gradient(linear, left top, left bottom, from(#E4E3C7), to(#FFFEFD));
	background: -webkit-linear-gradient(top, #E4E3C7, #FFFEFD));
	background: linear-gradient(to bottom, #E4E3C7, #FFFEFD);
	border-top: 1px solid #C9C898;
	border-bottom: 4px solid #C9C898;
	padding-left: 10px;
	padding-top: 10px;
	padding-bottom: 2px;
}
#main-content .entry h3 {
	clear: both;
	background: -moz-linear-gradient(top, #E4E3C7, #FFFEFD);
	background: -webkit-gradient(linear, left top, left bottom, from(#E4E3C7), to(#FFFEFD));
	background: -webkit-linear-gradient(top, #E4E3C7, #FFFEFD));
	background: linear-gradient(to bottom, #E4E3C7, #FFFEFD);
	border-top: 1px solid #C9C898;
	border-bottom: 4px solid #C9C898;
	padding-left: 10px;
	padding-top: 7px;
	padding-bottom: 5px;
}
#main-content .entry h4 {
	clear: both;
	margin-top: 16px;
	margin-right: 10px;
	padding: 5px 10px 5px 15px;
	border-top: 1px solid #A7D6A2;
	border-left: 5px solid #A7D6A2;
	border-bottom: 1px solid #A7D6A2;
	background-color: #EAF5E9;
}
#main-content .entry h5 {
	clear: both;
	margin-top: 15px;
	margin-right: 10px;
	padding: 5px 10px 5px 15px;
	border-left: 5px solid #A7D6A2;
	background-color: #EAF5E9;
}
#main-content .entry p {
	margin: 0.2em 0 1em;
	line-height: 1.5;
}
#main-content .entry ul {
	margin-top: 5px;
	list-style: disc;
}
#main-content .entry ol {
	margin-top: 5px;
	list-style: decimal;
}
#main-content .entry ul li, #main-content .entry ol li {
	margin-left: 2em;
	margin-bottom: 5px;
}
#main-content .entry img.alignleft {
	float: left;
}
#main-content .entry img.alignright {
	float: right;
}
#main-content .entry img.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
}
#main-content .entry p.postdate {
	border-top: 1px solid #999;
	text-align: right;
	font-size: 12px;
	color: #666;
	margin-bottom: 25px;
	padding-top: 5px;
}

.wp-pagenavi {
	margin-left: 10px;
}

/*画像レスポンシブ対応*/
img.size-thumnail, img.size-medium, img.size-large, img.size-full {
	max-width: 100%;
	width: auto;
	height: auto;
}
video {
	max-width: 100%;
	width: auto;
	height: auto;
}

/* @end */

/* @group aside */
aside {
	clear: both;
	background-color: #fff;
	margin: 5px;
}
aside h2 {
	clear:both;
	border-bottom: 1px solid #999;
	font-size: 16px;
	height: 40px;
	background-image: url(../images/common/h2.jpg);
	background-repeat: repeat-x;
	padding-top: 13px;
	padding-left: 20px;
}

aside h2 img {
	float: left;
	margin-top: 17px;
	margin-left: 20px;
}
aside h3 {
	clear:both;
	font-size: 14px;
	margin-top: 15px;
	margin-left: 10px;
	margin-right: 10px;
	padding: 5px 10px 5px 15px;
	border-left: 5px solid #A7D6A2;
	background-color: #EAF5E9;
}

aside div#uresuji-body p {
	font-size: 13px;
	margin: 5px;
	padding: 0;
}
aside div#uresuji-body img {
	float: left;
	margin-left: 5px;
	margin-right: 5px;
}


aside div#news h2 {
	clear:both;
	border-bottom: 1px solid #999;
	font-size: 16px;
	height: 50px;
	background-image: url(../images/common/h2.jpg);
	background-repeat: repeat-x;
	margin-top: 20px;
}
aside div#news h2 img {
	float: left;
	margin-top: 17px;
	margin-left: 20px;
}
aside ul {
	font-size: 12px;
	list-style: disc;
	padding: 5px;
	margin-bottom: 15px;
}
aside ul li {
	margin-left: 1.5em;
	margin-bottom: 5px;
}

/* @end */

/* ---------------------- 800px ---------------------- */
@media screen and (min-width : 800px) {
header {
	position: relative;	
}
header h1 {
	text-align: left;
	width: 366px;
	padding: 15px 5px;
}
header nav .translation-navi {
	margin-bottom: 5px;
	position: absolute;
	top: 3px;
	left: 455px;
}
header nav .header-contact {
	margin-bottom: 5px;
	width: 320px;
	position: absolute;
	top: 27px;
	left: 380px;
}
header nav .header-navi {
	margin-bottom: 5px;
	width: 320px;
	position: absolute;
	top: 60px;
	left: 380px;
}
#global-navi ul.encn li:nth-child(3) {
	border-left: none;
}

footer #return {
	text-align: right;
}
div#footerlink {
	overflow: hidden;
	text-align: center;
}
div#footerlink ul {
	width: 32%;
	margin: 10px 5px;
	float: left;
}
section#topics img {
	float: left;
}
}
/* -------------------- 800px end -------------------- */

/* ---------------------- 960px ---------------------- */
@media screen and (min-width : 960px) {
html {
	background-color: #ffffff;
	background-image: url(../images/common/bg-header.jpg);
	background-size: contain;
	background-repeat: no-repeat;
	border-top: 5px solid #993333;
	border-bottom: 5px solid #993333;
}
div#wrapper {
	width: 960px;
	margin: 0 auto;
}
header h1 {
	text-align: left;
	width: 366px;
	padding: 15px 5px 15px 5px;
}
header nav .translation-navi {
	margin-bottom: 5px;
	position: absolute;
	top: 3px;
	left: 720px;
}
header nav .encn {
	top: 30px !important;
}
header nav .header-contact {
	margin-bottom: 5px;
	position: absolute;
	top: 27px;
	left: 640px;
}
header nav .header-navi {
	margin-bottom: 5px;
	width: 320px;
	position: absolute;
	top: 60px;
	left: 640px;
}
#global-navi ul.encn li {
	max-width: 200px !important;
	width: 200px !important;
}
div#contents {
	overflow: hidden;
}
div#main {
	width: 620px;
	float: left;
}
aside {
	clear: inherit;
	width: 310px;
	float: right;
}
footer {
	overflow: hidden;
}
footer ul {
	width: 310px;
	margin: 5px 5px 10px;
	float: left;
	height: 6em;
}
section#topics img {
	float: left;
}



}
/* -------------------- 960px end -------------------- */




/* お問い合わせ */
table.contact {
	border-collapse: collapse;
}
th.t_top {
	border-top: #be1309 4px solid;
}
table.contact th {
	border-bottom: #e3e3e3 1px dotted;
	text-align: left;
	background: #f7f7f7;
	padding: 10px;
	font-weight: normal;
}
td.t_top {
	border-top: #b3b3b3 4px solid;
}
table.contact td {
	border-bottom: #e3e3e3 1px dotted;
	text-align: left;
	padding: 10px;
}
#main-content .alert {
	color: #f00;
}


.googlemap {
	position:relative;
	width:100%;
	height:0;
	padding-top:75%;
}
.googlemap iframe {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
}