@charset "utf-8";
/* =reset===================================== */
* {
	margin: 0px;
	padding: 0px;
}
a {
	text-decoration: none;
}
html, button, input, select, textarea {
	color: #000;
}

::-moz-selection {
 background: #b3d4fc;
 text-shadow: none;
}
::selection {
	background: #b3d4fc;
	text-shadow: none;
}
fieldset {
	border: 0px;
	margin: 0px;
	padding: 0px;
}
textarea {
	resize: vertical;
}
.browsehappy {
	margin: 0.2em 0px;
	background: #ccc;
	color: #000px;
	padding: 0.2em 0px;
}
ul, ol {
	margin-left: 0px;
	list-style-type: none;
	list-style-image: none;
}
/* ==蜈ｱ譛蛾Κ蛻?=========================================== */
hr{
	background-color: #000;
	height: 10px;
	width: 100%;
	margin: 0px;
}

a {
	color: #000000;
	text-decoration: none;
}
a:visited {
	color: #000000;
	text-decoration: none;
}
a:hover {
	color: #F6C000;
	text-decoration: underline;
}
a:active {
	color: #FFD851;
	text-decoration: none;
}
a img {
	background: none!important;
}
a:hover img {
	opacity: 0.7;
	filter: alpha(opacity=70);
	-ms-filter: "alpha( opacity=70 )";
	background: none!important;
}
/*-------*/
img {
	max-width: 100%;/*縺溘□縺ｮwidth縺?縺ｨ蜈ｨ驛ｨ螟ｧ縺阪￥縺ｪ縺｣縺ｦ縺励∪縺??ら判蜒上↓螟ｧ縺阪＆謖?ｮ壹＠縺ｪ縺?/
	height: auto;
	margin-right: auto;
	margin-left: auto;
}
.img_boader {
	border: 1px solid #EEE;
}
.img30pct {
	width: 31%;
	padding: 0px;
	margin-top: 0px;
	margin-right: 2%;
	margin-bottom: 0px;
	margin-left: 0px;
}
.img100pct {
	max-width: 100%;
	padding: 0px;
	margin-top: 0px;
	margin-right: 2%;
	margin-bottom: 0px;
	margin-left: 0px;
}

/*-------*/
.txt_s {
	font-size: 80%;
	line-height: 100%;
	color: #000;
}
.txt_bold {
	font-weight: bold;
}
.txt_bold_y {
	font-weight: bold;
	color: #97781C;
}
.txt_bold_b {
	font-size: 130%;
	font-weight: bold;
}
/*-------*/
.fl {
	float: left;
	margin-right: 10px;
}
.fr {
	float: right;
	margin-left: 10px;
}
/*-------*/
.more {
	font-size: 12px;
	color: #000!important;
	background: #f6c000;
	border-radius: 3px;
	font-weight: bold;
	display: block;
	width: 100px;
	text-align: center;
	padding: 5px;
	margin-top: 5px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	box-shadow: 0px 1px 3px rgba(000,000,000,0.3);
}
.more:hover {
	color: #000!important;
	background-color: #FFD851;
}
/* ------逕ｻ蜒上↑縺ｩ2縺､荳ｦ縺ｳ------*/
.part2 ul li {
	list-style-type: none;
	float: none;
	width: 100%;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 20px;
	margin-left: 0px;
	line-height: 1.6em;
}
.part2 img {
	max-width: 100%;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
}
 @media only screen and (min-width: 480px) {/*480px莉･荳?/
.part2 {
	padding: 0px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}
.part2 ul {
	margin: 0px;
	padding: 0px;
	overflow: hidden;
}
.part2 ul li {
	float: left;
	width: 49%;
	padding: 0%;
	display: block;
	margin: 0px;
}

.part2 img {
	width: 100%;
	margin-bottom: 0px;
}
.part2 .space_r {
	margin-right: 2%;
}
}
/*----------逕ｻ蜒上↑縺ｩ3縺､荳ｦ縺ｳ------ */
.part3 ul li {
	list-style-type: none;
	float: none;
	width: 100%;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 20px;
	margin-left: 0px;
	line-height: 1.6em;
}
.part3 img {
	max-width: 100%;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
}
 @media only screen and (min-width: 480px) {/*480px莉･荳?/
.part3 {
	padding: 0px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}
.part3 ul {
	padding: 0px;
	overflow: hidden;
	margin-top: 20px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
.part3 ul li {
	float: left;
	width: 32%;
	padding: 0%;
	display: block;
	margin: 0px;
}

.part3 img {
	width: 100%;
	margin-bottom: 0px;
	margin-right: auto;
	margin-left: auto;
	text-align: center;
}
.part3 .space_r {
	margin-right: 2%;
}
}
/*蝗ｲ縺ｿ*/
.kakomi1 {
	overflow: auto;
	clear: both;
	border-radius: 3px;
	padding: 20px;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 20px;
	margin-left: 0px;
	border: 1px solid #f6c000;
	display: block;
}
.kakomi2 {
	overflow: auto;
	clear: both;
	border-radius: 3px;
	padding: 20px;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 20px;
	margin-left: 0px;
	border: 1px dashed #f6c000;
	display: inline-block;
	width: auto;
}
.kakomi3 {
	clear: both;
	overflow: auto;/*逕ｻ蜒上′譫?縺九ｉ鬟帙?蜃ｺ縺輔↑縺?♀縺ｾ縺倥↑縺?/
	border-radius: 3px;
	border: 10px solid #f2edd0;
	padding: 20px;
}
section {
	display: block;
	clear: both;
	overflow: auto;
}
/*section縺ｮ荳九↓髫咎俣繧貞?繧後◆縺?→縺?/
.und_10 {
	clear: both;
	margin-bottom: 10px;
}
.und_20 {
	clear: both;
	margin-bottom: 20px;
}
.und_30 {
	clear: both;
	margin-bottom: 30px;
}
.und_40 {
	clear: both;
	margin-bottom: 40px;
}
.und_50 {
	clear: both;
	margin-bottom: 50px;
}
.und_60 {
	clear: both;
	margin-bottom: 60px;
}
.und_70 {
	clear: both;
	margin-bottom: 70px;
}
/* 繝??繝悶Ν------------------------------*/
table {
	border-collapse: collapse;
	border-spacing: 0;
	margin-top: 0px;
	margin-bottom: 10px;
	padding: 0px;
	margin-right: 0px;
	margin-left: 0px;
	width: 100%;
}
th {
	vertical-align: top;
	background-color: #f2edd0;
	color: #000;
	font-size: 100%;
	line-height: 160%;
	padding: 5px;
	border: 1px solid #f2edd0;
}
td {
	background-color: #FFF;
	vertical-align: top;
	font-size: 100%;
	line-height: 160%;
	padding: 5px;
	border: 1px solid #f2edd0;
}
/*.tblol繝??繝悶Ν縺ｮ繧ｹ繝槭?迚?/
.tblol th {
	width: 20%;
	text-align: left;
}
 @media only screen and (max-width:550px) {
table {
	margin-right: auto!important;
	margin-left: auto!important;
}
.tblol {
	margin: 0 -10px;
}
.tblol th, .tblol td {
	width: auto;
	display: block;
	border-top: none;
}
.tblol tr:first-child th {
	border-top: 1px solid #e5e5e5;
}
}
/*笆?笆?笆?笆?笆?笆?笆?笆?笆?笆?笆?笆?笆?笆?笆?笆?笆?笆?笆?笆?笆?笆?笆?笆?笆?笆?笆?笆?笆?笆?笆?笆?笆?*/
body {
	font-family: "繝｡繧､繝ｪ繧ｪ", Meiryo, "繝偵Λ繧ｮ繝手ｧ偵ざ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "?ｭ?ｳ ?ｰ繧ｴ繧ｷ繝?け", "MS P Gothic", sans-serif;
	font-size: 88%;/*14px=88%*/
	line-height: 1.5em;
	margin: 0px;
	padding: 0px;
	color: #000;
	background-color: #FFFFFF;
}
/* ===繝倥ャ繝?繝ｼ=================== */
#header-container {
	padding: 0px;
	display: block;
	overflow: hidden;
	margin: 0px;
	background-image: url(../img/header_bg.png);
	background-repeat: repeat-y;
	background-position: center top;
}
header {/*IE8縺ｧ蟇ｾ蠢懊＠縺ｪ縺??縺ｧ縺薙ｌ縺ｫ縺ｯ險ｭ螳壹＠縺ｪ縺?/
}
#site-id {
	max-width: 960px;
	max-height: 400px;
	padding: 0px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	clear: both;
	height: auto;
	width: auto;
}
#site-id h1 {
	margin: 0px;
	padding: 0px;
}
#site-id img {
	max-width: 100%;
}
/* ===蝠?刀繧ｹ繝ｩ繧､繝?================== */
	
#product-container {
	background-color: #1c1c1c;
	display: block;
	padding-top: 20px;
	padding-right: 0px;
	padding-bottom: 20px;
	padding-left: 0px;
}
#product {
	max-width: 960px;
	width: 94%;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 10px;
	margin-left: auto;
}
/* ===繧ｳ繝ｳ繝?Φ繝?================== */
	
#contents-container {
	max-width: 960px;
	width: 94%;
	margin-top: 25px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	background-color: #fff;
	clear: both;
}
#contents {
}
#contents h2 {
	font-size: 20px;
	line-height: 23px;
	color: #000;
	padding-left: 0px;
	margin-bottom: 10px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #000;
	padding-bottom: 7px;
	margin-top: 10px;
}
#contents h3 {
	font-size: 16px;
	color: #000;
	background-color: #f2edd0;
	padding: 5px;
	margin-bottom: 10px;
}
 @media only screen and (min-width: 960px) {/*960px莉･荳雁､ｧ縺阪＞蝣ｴ蜷?/
#contents h2 {
	font-size: 24px;
	line-height: 30px;
}
#contents h3 {
	font-size: 20px;
}
}
/*騾｣霈峨→譁ｰ蝠?刀*/

.rensai_new ul li {
	list-style-type: none;
	float: none;
	width: 100%;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
.rensai_new img {
	max-width: 100%;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
 @media only screen and (min-width: 480px) {/*480px莉･荳?/
.rensai_new {
	padding: 0px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}
.rensai_new ul {
	margin: 0px;
	padding: 0px;
	overflow: hidden;
}
.rensai_new ul li {
	float: left;
	width: 49%;
	padding: 0%;
	display: block;
	margin: 0px;
}
.rensai_new ul li ul li {
	width: 100%;
	margin-top: 10px;
	line-height: 0px;
}
.rensai_new img {
	margin-bottom: 0px;
}
.rensai_new .space_r {
	margin-right: 2%;
}
}
.rensai_t {
	font-size: 15px;
	color: #000!important;
	background: #f6c000;
	font-weight: bold;
	display: block;
	width: 50px;
	text-align: center;
	margin-top: 0px;
	margin-right: 10px;
	margin-bottom: 0px;
	margin-left: 0px;
	float: left;
	line-height: 15px;
	padding-top: 6px;
	padding-right: 3px;
	padding-bottom: 6px;
	padding-left: 3px;
}
.rensai {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #c9c5c4;
	clear: both;
	padding-top: 10px;
	padding-bottom: 10px;
	overflow: hidden;
	display: block;
}
.rensai img {
	margin-top: 0px;
	margin-right: 10px;
	margin-bottom: 0px;
	margin-left: 0px;
	float: left;
}
/*繝舌Φ繝翫う繧ｺ謗｢讀?/
.tanken ul li {
	list-style-type: none;
	float: none;
	width: 100%;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 20px;
	margin-left: 0px;
	line-height: 1.6em;
}
.tanken img {
	max-width: 100%;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
}
.tanken ul li {
	width: 263px;
	padding: 0%;
	display: block;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}
.tanken-frame{
	width:100%;
	max-width:900px;
	margin-left:auto;
	margin-right:auto;
}
 @media only screen and (min-width: 670px) {/*670px莉･荳 */
 .tanken ul li {
	float: left;
	width: 34.6%;
	padding: 0%;
	display: block;
	margin-top: 0px;
	margin-right: 7.7%;
	margin-bottom: 0px;
	margin-left: 7.7%;
}

}
 @media only screen and (min-width: 760px) {/*760px莉･荳?/

.tanken {
	padding: 0px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}
.tanken ul {
	padding: 0px;
	overflow: hidden;
	margin-top: 20px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
.tanken ul li {
	float: left;
	width: 27%;
	padding: 0%;
	display: block;
	margin-top: 0px;
	margin-right: 3%;
	margin-bottom: 0px;
	margin-left: 3%;
}
.tanken ul li ul li {
	width: 100%;
	margin-bottom: 18px;
}
.tanken img {
	margin-bottom: 0px;
	margin-right: auto;
	margin-left: auto;
	text-align: center;
}
.tanken .space_r {
	margin-right: 2%;
}
}
.tanken_t1 {
	font-size: 16px;
	color: #97781C;
}
.tanken_t2 {
	font-size: 15px;
	color: #FFF!important;
	font-weight: bold;
	display: block;
	width: 100px;
	text-align: center;
	margin-top: 0px;
	margin-right: 10px;
	margin-bottom: 20px;
	margin-left: 0px;
	line-height: 15px;
	padding-top: 6px;
	padding-right: 3px;
	padding-bottom: 6px;
	padding-left: 3px;
	background-color: #A91C28;
}
/* ===縺翫＠繧峨○邉ｻ=================== */

.info_c {
	border-radius: 3px;
	margin-top: 10px;
	margin-bottom: 20px;
	background-color: #FFF;
	padding-bottom: 10px;
}
.info_c a {
	color: #333!important;
}
.info_c a:hover {
	color: #f6c000!important;
}
.info_c dl {
	border-bottom-style: dashed;
	border-bottom-color: #f6c000;
	border-bottom-width: 1px;
	display: block;
	clear: both;
	overflow: hidden;
	padding-top: 10px;
	padding-bottom: 10px;
}
.info_c dt {
	margin: 0px;
	width: 100px;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	overflow: visible;
	display: block;
	float: left;
}
.info_c dt img {
	max-width: 80px;
	height: auto;
	clear: both;
}
.info_c dd {
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 100px;
	margin: 0px;
	padding-right: 0px;
	height: auto;
	display: block;
	overflow: visible;
}
.info_c dd:after {
	height: 0px;
	visibility: hidden;
	display: block;
	clear: both;
}
/* sns---------*/
.sns {
	border: 1px solid #D5AF71;
	padding-top: 8px;
	padding-left: 10px;
	padding-bottom: 2px;
	padding-right: 0px;
	text-align: center;
	border-radius: 3px;
	margin-top: 20px;
	margin-right: 0px;
	margin-bottom: 20px;
	margin-left: 0px;
}
iframe.twitter-share-button {
	width: 93px!important;
	padding: 0px;
	margin: 0px
}
/* ===pagetop=================== */
#page-top {
	z-index: 1000;
	position: fixed;
	bottom: 0px;
	right: 5px;
	font-size: 77%;
	line-height: 100%;
}
#page-top a {
	background: #666;
	filter: alpha(opacity=75);
	-moz-opacity: 0.75;
	-khtml-opacity: 0.75;
	opacity: 0.75;
	text-decoration: none;
	color: #fff;
	width: 70px;
	text-align: center;
	display: block;
	border-radius: 3px;
	padding-top: 15px;
	padding-right: 0;
	padding-bottom: 15px;
	padding-left: 0;
}
/* ===繝輔ャ繧ｿ繝ｼ=================== */

#footer-container {
	margin: 0px;
	padding: 0px;
	border-top-width: 20px;
	border-top-style: solid;
	border-top-color: #000;
}
.footer {
	max-width: 960px;
	width: 94%;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	font-size: 70%;
	text-align: center;
	background-color: white;
	padding-top: 10px;
	clear: both;
}
.footer ul.nav-footer {
	margin-bottom: 20px;
}
.footer ul.nav-footer li {
	float: left;
	margin-right: 8px;
}
.footer div.terms {
	margin-bottom: 10px;
}
.footer ul.nav-footer:after {
	content: "";
	display: block;
	clear: both;
}
span.rensai-title {
	font-size: 70%;
	font-weight: bold;
	display: block;
	margin-bottom: 5px;
}
/* ===============    ALL: IE Fixes   =============== */

.ie7 .title {
	padding-top: 20px;
}
/* ==========================================================================
   Helper classes
   ========================================================================== */



.ir {
	background-color: transparent;
	border: 0px;
	overflow: hidden;
 *text-indent: -9999px;
}
.ir:before {
	content: "";
	display: block;
	width: 0px;
	height: 150%;
}
.hidden {
	display: none !important;
	visibility: hidden;
}
.visuallyhidden {
	border: 0px;
	clip: rect(0 0 0 0);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0px;
	position: absolute;
	width: 1px;
}
.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus {
	clip: auto;
	height: auto;
	margin: 0px;
	overflow: visible;
	position: static;
	width: auto;
}
.invisible {
	visibility: hidden;
}
.clearfix:before, .clearfix:after {
	content: " ";
	display: table;
}
.clearfix:after {
	clear: both;
}
.clearfix {
 *zoom: 1;
}

/* ==========================================================================
   Print styles
   ========================================================================== */

@media print {
* {
	background: transparent !important;
	color: #000 !important;
	box-shadow: none !important;
	text-shadow: none !important;
}
a, a:visited {
	text-decoration: underline;
}
thead {
	display: table-header-group;
}
tr, img {
	page-break-inside: avoid;
}
 @page {
 margin: 0.5cm;
}
p, h2, h3 {
	orphans: 3;
	widows: 3;
}
h2, h3 {
	page-break-after: avoid;
}
}



 @media only screen and (min-width: 0px) {
.tanken-frame{
	height:900px;
	width:300px;
	margin-left:10%;
}
}

 @media only screen and (min-width: 640px) {
.tanken-frame{
	height:500px;
	width:610px;
	margin-left:7%;
}
}

 @media only screen and (min-width: 950px) {
.tanken-frame{
	height:350px;
	width:890px;
	margin-left:3%;
}
}

 @media only screen and (max-width: 480px) {
.nav-global{display:none;}
}