@charset "utf-8";


@font-face {
	font-family: 'latoblack';
	src: url('./font/webfontkit_lato/lato-black-webfont.eot');
	src: url('./font/webfontkit_lato/lato-black-webfont.eot?#iefix') format('embedded-opentype'),
		 url('./font/webfontkit_lato/lato-black-webfont.woff2') format('woff2'),
		 url('./font/webfontkit_lato/lato-black-webfont.woff') format('woff'),
		 url('./font/webfontkit_lato/lato-black-webfont.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'latobold';
	src: url('./font/webfontkit_lato/lato-bold-webfont.eot');
	src: url('./font/webfontkit_lato/lato-bold-webfont.eot?#iefix') format('embedded-opentype'),
		 url('./font/webfontkit_lato/lato-bold-webfont.woff2') format('woff2'),
		 url('./font/webfontkit_lato/lato-bold-webfont.woff') format('woff'),
		 url('./font/webfontkit_lato/lato-bold-webfont.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'latohairline';
	src: url('./font/webfontkit_lato/lato-hairline-webfont.eot');
	src: url('./font/webfontkit_lato/lato-hairline-webfont.eot?#iefix') format('embedded-opentype'),
		 url('./font/webfontkit_lato/lato-hairline-webfont.woff2') format('woff2'),
		 url('./font/webfontkit_lato/lato-hairline-webfont.woff') format('woff'),
		 url('./font/webfontkit_lato/lato-hairline-webfont.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'latolight';
	src: url('./font/webfontkit_lato/lato-light-webfont.eot');
	src: url('./font/webfontkit_lato/lato-light-webfont.eot?#iefix') format('embedded-opentype'),
		 url('./font/webfontkit_lato/lato-light-webfont.woff2') format('woff2'),
		 url('./font/webfontkit_lato/lato-light-webfont.woff') format('woff'),
		 url('./font/webfontkit_lato/lato-light-webfont.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'latoregular';
	src: url('./font/webfontkit_lato/lato-regular-webfont.eot');
	src: url('./font/webfontkit_lato/lato-regular-webfont.eot?#iefix') format('embedded-opentype'),
		 url('./font/webfontkit_lato/lato-regular-webfont.woff2') format('woff2'),
		 url('./font/webfontkit_lato/lato-regular-webfont.woff') format('woff'),
		 url('./font/webfontkit_lato/lato-regular-webfont.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'vollkornbold';
	src: url('./font/webfontkit_vollkorn/vollkorn-bold-webfont.eot');
	src: url('./font/webfontkit_vollkorn/vollkorn-bold-webfont.eot?#iefix') format('embedded-opentype'),
		 url('./font/webfontkit_vollkorn/vollkorn-bold-webfont.woff2') format('woff2'),
		 url('./font/webfontkit_vollkorn/vollkorn-bold-webfont.woff') format('woff'),
		 url('./font/webfontkit_vollkorn/vollkorn-bold-webfont.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'vollkornregular';
	src: url('./font/webfontkit_vollkorn/vollkorn-regular-webfont.eot');
	src: url('./font/webfontkit_vollkorn/vollkorn-regular-webfont.eot?#iefix') format('embedded-opentype'),
		 url('./font/webfontkit_vollkorn/vollkorn-regular-webfont.woff2') format('woff2'),
		 url('./font/webfontkit_vollkorn/vollkorn-regular-webfont.woff') format('woff'),
		 url('./font/webfontkit_vollkorn/vollkorn-regular-webfont.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'icomoon';
	src:  url('fonts/icomoon.eot?qb9t7i');
	src:  url('fonts/icomoon.eot?qb9t7i#iefix') format('embedded-opentype'),
	url('font/icomoon/icomoon.ttf?qb9t7i') format('truetype'),
	url('font/icomoon/icomoon.woff?qb9t7i') format('woff'),
	url('font/icomoon/icomoon.svg?qb9t7i#icomoon') format('svg');
	font-weight: normal;
	font-style: normal;
}

[class^="icon-"], [class*=" icon-"] {
	/* use !important to prevent issues with browser extensions that change fonts */
	font-family: 'icomoon' !important;
	speak: none;
	font-style: normal;
	font-size: 200%;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;

	/* Better Font Rendering =========== */
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

/* ******************* share_button ************************************** */


.icon-line:before {
	content: "\e96b";
}
.icon-google-plus:before {
	content: "\ea8b";
}
.icon-facebook:before {
	content: "\ea90";
}
.icon-twitter:before {
	content: "\ea96";
}

#share {
	display: block;
	margin: -10px 0 20px 0;
	font-weight:400;
}

#share ul{
	height:auto;
}

#share li{
	display: block;
	font-size: 90%;
	float: left;
	height: 60px;
	text-align: center;
	width: 30%;
	margin-right:0%;
	margin-left:0%;
	margin-top: 30px;
	margin-bottom: 60px;
	border-radius: 3px;
	list-style:none;
}

#share li:nth-child(2) {
	display: block;
	font-size: 90%;
	float: left;
	height: 60px;
	text-align: center;
	width: 30%;
	margin-right:4%;
	margin-left:4%;
	margin-top: 30px;
	margin-bottom: 60px;
	border-radius: 3px;
	list-style:none;
}

#share li:hover{
	margin-top: 32px;
	margin-bottom: 58px;
}

#share li.share-twitter{
	background: #55acee;
	box-shadow: 0 2px #2795e9;
}

#share li.share-twitter:hover{
	background: #83c3f3;
	box-shadow: 0 0 #ffffff;
}
#share li.share-facebook{
	background: #3b5998;
	box-shadow: 0 2px #2d4373;
}

#share li.share-facebook:hover{
	background: #4c70ba;
	box-shadow: 0 0 #ffffff;
}
#share li.share-google{
	background: #dd4b39;
	box-shadow: 0 2px #c23321;
}

#share li.share-google:hover{
	background: #e47365;
	box-shadow: 0 0 #ffffff;
}

#share li.share-line{
	background: #00b800;
	box-shadow: 0 2px #009d00;
}

#share li.share-line:hover{
	background: #2bd92b;
	box-shadow: 0 0 #ffffff;
}

#share li.share-line a img {
	margin: -8px auto 0 auto;
}

#share a{
	display:block;
	height: 60px;
	padding-top:18px;
	color:#ffffff;
	text-decoration:none;
}

#share a:hover{
	text-decoration:none;
	color:#ffffff;
}

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

	#share {
		display: block;
		width: 100%;
		margin: 50px 0 50px 0;
		background: #222;	
	}

	#share li:nth-child(1),
	#share li:nth-child(2) {
		padding-top:3px;
		width: 100%;
		margin-right:0;
		margin-left:0;
		margin-top: 0px;
		margin-bottom: 0;
		border-radius: 0px;
		height: 60px;
	}

	#share li:nth-child(3),
	#share li:nth-child(4){
		padding-top:15px;	
		width: 100%;
		margin-right:0;
		margin-left:0;
		margin-top: 0px;
		margin-bottom: 60px;
		border-radius: 0px;
		height: 60px;
	}

	#share li:nth-child(3) a {
		padding-top: 0px;
	}

	#share li.share-twitter,
	#share li.share-facebook,
	#share li.share-google,
	#share li.share-line{
		box-shadow: 0 0 #ffffff;
	}
	
	#share li.share-line a img {
		margin: -5px auto 0 auto;
		width: 40px;
		height: 40px;
	}

}
/* ******************* ecotank ******************* */


.ecotank_box {
	display: block;
	border: 1px solid #aaaaaa;
	border-radius: 12px;
	width: 90%;
	margin: 6% auto 6% auto;
	background-color: #ffffff;
	color: #000000;
}

.ecotank_color {
	margin: 0 20px 20px 20px;
	float: left;
}

.ecotank_c,
.ecotank_m,
.ecotank_y,
.ecotank_k {
	display: block;
	margin: -10px 0 0 0;
	width: 4px;
	height: 36px;
}
.ecotank_c {
	background-color: #00a0e9;
}

.ecotank_m {
	background-color: #e4007f;
}

.ecotank_y {
	background-color: #fff100;
}

.ecotank_k {
	background-color: #000000;
}

.ecotank_photo_hontai {
	width: 30%;
	float: right;
	margin: -130px 4% 0 0;
}

.ecotank_photo_a {
	width: 100%;
	margin: -20px auto 0 auto;
}

.ecotank_photo_b {
	width: 80%;
	margin: -60px 10% 20px 10%;
	padding: 30px 0 30px 0;
}

.ecotank_photo_c {
	width: 100%;
	margin: -20px auto -20px auto;
}

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

	.ecotank_photo_hontai {
		width: 70%;
		float: none;
		margin: 0 15% 10px 15%;
	}
	
	.ecotank_c,
	.ecotank_m,
	.ecotank_y,
	.ecotank_k {
		display: block;
		margin: -10px 0 0 0;
		width: 4px;
		height: 44px;
	}
}

.ecotank_seihinmei {
	margin: 30px 10px 0 0;
}

.ecotank_seihinmei_end {
	margin: 60px 20px 40px 20px;
	border-bottom: 1px dotted #aaaaaa;	
}

.ecotank_seihinmei_big {
	font-weight: 900;
	font-size: 200%;
}

.ecotank_seihinmei_mid {
	font-weight: 600;
	font-size: 115%;
}

.ecotank_text_big {
	width: 90%;
	font-size: 180%;
	font-weight: 600;
	text-align: center;
	line-height: 1.2em;
	border: 1px solid #000000;
	border-radius: 1.2em;
	background-color: #000000;
	color: #ffffff;
	margin: -10px auto 20px auto;
}

.ecotank_text_big_big {
	width: 90%;
	font-size: 300%;
	font-weight: 900;
	text-align: center;
	line-height: 1.2em;
	color: #000000;
	margin: -10px auto 20px auto;
}

h5.ecotank_h5 {
	font-family: "ヒラギノ明朝 Pro W6", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", serif;
	margin: 0.5em 0 0.2em 0;
	padding: 0.5em;
	color: #225566;
	font-size: 120%;
	font-weight: 500;
	border-left: 10px solid #00dd00;
	display: block;
}

.ecotank_bottle_box {
	display: block;
	margin: 20px auto 0 auto;
	width: 90%;
	text-align: center;
	color: #444444;
	line-height: 2.4em;
}

.ecotank_bottle_box2 {
	display: block;
	margin: 20px auto 0 auto;
	width: 90%;
	text-align: left;
	color: #444444;
	line-height: 2em;
}

.ecotank_bottle_box3 {
	display: block;
	margin: 20px auto 0 auto;
	width: 94%;
	text-align: left;
	color: #444444;
}

.ecotank_bottle_box p {
	margin: 0 auto 0 auto;
}


.ecotank_bottle_box p:last-child {
	margin: -10px auto 30px auto;
}

.ecotank_bottle_box_text {
	font-size: 120%;
}

.ecotank_bottle_box_text_big {
	font-size: 140%;
}

.ecotank_bottle_box_text_big2 {
	font-size: 160%;
	font-weight: 800;
}

.ecotank_bottle_box_text_center {
	font-size: 120%;
	font-weight: 800;
	text-align: center;
	margin: 5px auto 5px auto;
}

.ecotank_bottle_box_text_shiki {
	font-size: 120%;
	text-align: center;
	width: 96%;
	margin: 5px auto 5px auto;
	border: 2px solid #dd8833;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
	padding: 10px;
}

.ecotank_bottle_box_text_shiki2 {
	font-size: 120%;
	text-align: center;
	width: 96%;
	margin: 5px auto 5px auto;
	border: 2px solid #dd8833;
	background-color: #dd8833;
	color: #ffffff;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
	padding: 10px;
}

.ecotank_text_mini {
	font-size: 60%;
	font-weight: 200;
	color: #999999;
	line-height: #1.2em;
}

.ecotank_text_kome {
	font-size: 90%;
	font-weight: 100;
	color: #888888;
	line-height: 1.4em;
	margin: 15px 0 30px 0;
}


.ecotank_c_text {
	color: #00a0e9;
}

.ecotank_m_text {
	color: #e4007f;
}

.ecotank_y_text {
	color: #fff100;
}

.ecotank_k_text {
	color: #000000;
}

.ecotank_prbox_1column_text {
	width: 100%;
	margin: 10px auto 0 auto;
	font-size: 108%;
	text-align: justify;
	text-justify: distribute;
	color: #666666;
	border: 1px solid #ffffff;
	padding:0;
	line-height: 1.4em;
}


/* ******************* common ************************************** */

/*--Base------------------------------------------------------------*/

html,body {
	width: 100%;
	height: 100%;
	background-color: #333333;
	font-feature-settings: "liga" 0 ;
}

html {
	height: 100%;
	overflow-y: scroll;
}

/*--Reset-----------------------------------------------------------*/

* {
	margin: 0;
	padding: 0;
}

a {
	text-decoration: none;
}

img {
	border: none;
	vertical-align: middle;
}

ul,ol {
	list-style: none;
}

.float_clear {
	clear: both;
}

/*--Text------------------------------------------------------------*/

body {
	font-size: 88%;
	font-weight: 400;
	line-height: 1.5;
	font-family: "latoregular","メイリオ",Meiryo,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",sans-serif;
}

h1,h2,h3,h4,h5,h6,header {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
	line-height: 1.5em;
}

/*--Link------------------------------------------------------------*/

a,
a:link {
	color: #0099ff;
}

a:visited {
	color: #0099ff;
}

a:hover,
a:active {
	color: #00ccff;
}

a:focus {
	outline: none;
}

/*--HTML5-----------------------------------------------------------*/

article,aside,details,footer,header,contents,main,menu,nav,section,summary,sidebar,navi {
	display: block;
	vertical-align: top;
}

/*--layout----------------------------------------------------------*/

#header p,
#contents p,
#footer p {
	padding: 10px;
}

.contents p {
	padding: 10px;
}

#contents {
	background-color: #ffffff;
	padding-top: 10px;
}

.contents {
	background-color: #ffffff;
	padding-top: 10px;
}

#main {
	width: 90%;
	margin: 0 auto 0 auto;
	background-color: #ffffff;
}

.copyright {
	font-family: "latoregular",sans-serif;
	font-weight: 400;
	text-align: right;
}

/* ******************* page-top ******************* */

#page-top {
	position: fixed;
	bottom: 0px;
	right: 10px;
	font-size: 110%;
	font-weight: 900;
}

#page-top a,
#page-top a:link,
#page-top a:visited {
	font-family: "latoregular",sans-serif;
	font-weight: 400;
	text-decoration: none;
	background: #0099ff;
	color: #ffffff;
	padding: 1em 1.3em 1em 1.3em;
	text-align: center;
	display: block;
	-moz-box-shadow: 2px 2px 6px #333333;
	-webkit-box-shadow: 2px 2px 6px #333333;
	-o-box-shadow: 2px 2px 6px #333333;
	box-shadow: 2px 2px 6px #333333;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
	border: 1px solid #ffffff;
	filter:alpha(opacity=90);
	-moz-opacity: 0.9;
	opacity: 0.9;
}

#page-top a:hover,
#page-top a:active{
	font-size: 200%;
	padding: 0.1em 0.4em 0.1em 0.4em;
	color: #ffffff;
	text-decoration: none;
	filter:alpha(opacity=100);
	-moz-opacity: 1;
	opacity: 1;
}

/* ******************* page-otoi ******************* */
/*
#page-otoi {
	position: fixed;
	bottom: 2%;
	left: 2%;
	font-size: 120%;
	font-weight: 900;
	line-height: 1.2em;
}
span.page-otoi_mini {
	font-size: 70%;
	font-weight: 100;
	line-height: 1.2em;
}

#page-otoi a,
#page-otoi a:link,
#page-otoi a:visited {
	font-family: "latoregular",sans-serif;
	font-weight: 600;
	text-decoration: none;
	background: #00aa00;
	color: #00ffff;
	padding: 0.4em 0.8em 0.4em 0.8em;
	text-align: center;
	display: block;
	-moz-box-shadow: 2px 2px 6px #333333;
	-webkit-box-shadow: 2px 2px 6px #333333;
	-o-box-shadow: 2px 2px 6px #333333;
	box-shadow: 2px 2px 6px #333333;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
	border: 1px solid #ffffff;
	filter:alpha(opacity=100);
	-moz-opacity: 1;
	opacity: 1;
}

#page-otoi a:hover,
#page-otoi a:active{
	font-size: 150%;
	font-weight: 900;
	padding: 0.1em 0.4em 0.1em 0.4em;
	color: #ffffff;
	text-decoration: none;
	filter:alpha(opacity=100);
	-moz-opacity: 1;
	opacity: 1;
	line-height: 1.5em;
}
*/

/* ******************* sidebar ******************* */

.linkbutton_hr {
	border: 1px solid #00ddff;
	margin: 0 1em 0 1em;
}

.linkbutton_side_back,
.linkbutton_side_back_hone,
.linkbutton_side_back_ax1,
.linkbutton_side_back_option,
.linkbutton_side_back_another,
.linkbutton_side_back_article,
.linkbutton_side_back_catalog {
	display:block;
	-moz-box-shadow: 2px 2px 6px #666666;
	-webkit-box-shadow: 2px 2px 6px #666666;
	-o-box-shadow: 2px 2px 6px #666666;
	box-shadow: 2px 2px 6px #666666;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
	background:#00ffff;
	font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;
	font-weight: 100;
	font-size: 110%;
	line-height: 1.3em;
	text-align: center;
	vertical-align: center;
	color: #ffffff;
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1e5799', endColorstr='#7db9e8',GradientType=0 ); /oyoi* IE6-9 */
}

.linkbutton_side_back:link,
.linkbutton_side_back:visited,
.linkbutton_side_back:hover,
.linkbutton_side_back:active {
	border: 1px solid #0099dd;
	background: #0099dd; /* Old browsers */
	background: -moz-linear-gradient(top,  #0066bb 0%, #0099dd 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#66bbff), color-stop(100%,#1166ee)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #66bbff 0%,#1166ee 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #66bbff 0%,#1166ee 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #66bbff 0%,#1166ee 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #0066bb 0%,#0099dd 100%); /* W3C */
	background-repeat: no-repeat;
	background-position: left top;
}

.linkbutton_side_back_hone:link,
.linkbutton_side_back_hone:visited,
.linkbutton_side_back_hone:hover,
.linkbutton_side_back_hone:active {
	border: 1px solid #003388;
	background: #003388; /* Old browsers */
	background: -moz-linear-gradient(top,  #003388 0%, #003388 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#003388), color-stop(100%,#0066bb)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #003388 0%,#0066bb 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #003388 0%,#0066bb 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #003388 0%,#0066bb 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #003388 0%,#0066bb 100%); /* W3C */
	background-repeat: no-repeat;
	background-position: left top;
}

.linkbutton_side_back_ax1:link,
.linkbutton_side_back_ax1:visited,
.linkbutton_side_back_ax1:hover,
.linkbutton_side_back_ax1:active {
	border: 1px solid #006666;
	background: #006666; /* Old browsers */
	background: -moz-linear-gradient(top,  #006666 0%, #0099dd 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#006666), color-stop(100%,#009977)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #006666 0%,#009977 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #006666 0%,#009977 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #006666 0%,#009977 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #006666 0%,#009977 100%); /* W3C */
	background-repeat: no-repeat;
	background-position: left top;
}

.linkbutton_side_back_option:link,
.linkbutton_side_back_option:visited,
.linkbutton_side_back_option:hover,
.linkbutton_side_back_option:active {
	border: 1px solid #009933;
	background: #009933; /* Old browsers */
	background: -moz-linear-gradient(top,  #009933 0%, #99bb22 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#009933), color-stop(100%,#99bb22)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #009933 0%,#99bb22 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #009933 0%,#99bb22 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #009933 0%,#99bb22 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #009933 0%,#66bb22 100%); /* W3C */
	background-repeat: no-repeat;
	background-position: left top;
}

.linkbutton_side_back_catalog:link,
.linkbutton_side_back_catalog:visited,
.linkbutton_side_back_catalog:hover,
.linkbutton_side_back_catalog:active {
	border: 1px solid #ee8800;
	background: #ee8800; /* Old browsers */
	background: -moz-linear-gradient(top,  #ee8800 0%, #ffaa11 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(100%,#ffaa11)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #ee8800 0%,#ee8800 51%,#ffaa11 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #ee8800 0%,#ffaa11 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #ee8800 0%,#ffaa11 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #ee8800 0%,#ffaa11 100%); /* W3C */
	background-repeat: no-repeat;
	background-position: left top;
}

.linkbutton_side_back_article:link,
.linkbutton_side_back_article:visited,
.linkbutton_side_back_article:hover,
.linkbutton_side_back_article:active {
	border: 1px solid #ee8899;
	background: #ee8899; /* Old browsers */
	background: -moz-linear-gradient(top,  #ee5577 0%, #ee8899 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ee5577), color-stop(100%,#ee8899)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #ee5577 0%,#ee8899 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #ee5577 0%,#ee8899 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #ee5577 0%,#ee8899 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #ee5577 0%,#ee8899 100%); /* W3C */
	background-repeat: no-repeat;
	background-position: left top;
}

.linkbutton_side_back_another:link,
.linkbutton_side_back_another:visited,
.linkbutton_side_back_another:hover,
.linkbutton_side_back_another:active {
	border: 1px solid #aaaaaa;
	background: #aaaaaa; /* Old browsers */
	background: -moz-linear-gradient(top,  #555555 0%, #888888 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#555555), color-stop(100%,#888888)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #555555 0%,#888888 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #555555 0%,#888888 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #555555 0%,#888888 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #555555 0%,#888888 100%); /* W3C */
	background-repeat: no-repeat;
	background-position: left top;
}

a.linkbutton_side_back:link,
a.linkbutton_side_back:visited,
a.linkbutton_side_back_hone:link,
a.linkbutton_side_back_hone:visited,
a.linkbutton_side_back_ax1:link,
a.linkbutton_side_back_ax1:visited,
a.linkbutton_side_back_option:link,
a.linkbutton_side_back_option:visited,
a.linkbutton_side_back_another:link,
a.linkbutton_side_back_another:visited,
a.linkbutton_side_back_article:link,
a.linkbutton_side_back_article:visited,
a.linkbutton_side_back_catalog:link,
a.linkbutton_side_back_catalog:visited {
	color: #ffffff;
	filter:alpha(opacity=85);
	-moz-opacity: 0.85;
	opacity: 0.85;
	-webkit-opacity: 0.85;
	-o-opacity: 0.85;
	opacity: 0.85;
	box-shadow: 0px 0px 0px #ffffff;
	-moz-text-shadow: 2px 2px 2px #222222;
	-webkit-text-shadow: 2px 2px 2px #222222;
	-o-text-shadow: 2px 2px 2px #222222;
	text-shadow: 2px 2px 2px #222222;
}

a.linkbutton_side_back:hover,
a.linkbutton_side_back:active,
a.linkbutton_side_back_hone:hover,
a.linkbutton_side_back_hone:active,
a.linkbutton_side_back_ax1:hover,
a.linkbutton_side_back_ax1:active,
a.linkbutton_side_back_option:hover,
a.linkbutton_side_back_option:active,
a.linkbutton_side_back_another:hover,
a.linkbutton_side_back_another:active,
a.linkbutton_side_back_article:hover,
a.linkbutton_side_back_article:active,
a.linkbutton_side_back_catalog:hover,
a.linkbutton_side_back_catalog:active {
	color: #ffffff;
	filter:alpha(opacity=100);
	-moz-opacity: 1.0;
	opacity: 1.0;
	-webkit-opacity: 1.0;
	-o-opacity: 1.0;
	opacity: 1.0;
	-moz-box-shadow: 0px 0px 0px #ffffff;
	-webkit-box-shadow: 0px 0px 0px #ffffff;
	-o-box-shadow: 0px 0px 0px #ffffff;
	box-shadow: 0px 0px 0px #ffffff;
	-moz-text-shadow: 4px 4px 2px #112255;
	-webkit-text-shadow: 4px 4px 2px #112255;
	-o-text-shadow: 4px 4px 2px #112255;
	text-shadow: 4px 4px 2px #112255;
}

#sidebar {
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff", endColorstr="#00ffff"); /* Pour IE seulement et mode gradient a linear */
	background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#00ffff));
	background: -webkit-linear-gradient(#ffffff, #00ffff);
	background: -moz-linear-gradient(#ffffff, #00ffff);
	background: -o-linear-gradient(#ffffff, #00ffff);
	background: -ms-linear-gradient(#ffffff, #00ffff);
	background: linear-gradient(#ffffff, #00ffff);
}

/* ******************* pagetop ******************* */

.float_clear {
	clear: both;
}

.pagetop3 {
	position: fixed;
	bottom: -300px;
	right: 24px;
	margin: 0 auto;
	z-index: 200;
	visibility: hidden;
	-webkit-transition: bottom 0.4s linear;
	transition: bottom 0.4s linear;
}

.pagetop3.visible {
	bottom: 30px;
}

.pagetop3 a {
	display: table-cell;
	width: 6em;
	height: 6em;
	text-align: center;
	vertical-align: middle;
	color: #ffffff;
	font-size: 1.2em;
	line-height: 1;
	border-radius: 50%;
	background: #225566;
	behavior: url(PIE.htc); 
}

/* ******************* pr ******************* */

.prbox {
	width: 90%;
	margin: 4% auto 4% auto;
	padding: 0;
	display: block;
	text-align:justify;
	text-justify: inter-ideograph;
}

.prtext {
	margin: 0 -10px 0 -10px;
	font-size: 108%;
	color: #666666;
}

.prmini {
	font-size: 90%;
	color: #777777;
}

.prkome {
	margin: 0 -10px 0 -10px;
	font-size: 85%;
	color: #999999;
}

.mini {
	font-size: 75%;
}

/* ******************* news ******************* */

.news { 
	background-color: #ffffff;
	overflow: scroll;
	width: 100%;
	height: 220px;
	margin-top: 1em;
	padding: 5px;
	border: solid 1px #999999;
}

.newsbox { 
	padding: 0.5em 0.5em 1em 1em;
	border-bottom: 1px dotted #999999;
	color: #666666;
	font-size: 95%;
	word-break: break-all;
}

.ryouyouhi {
	height: 180px;
	font-size: 90%;
}

.ryouyouhi_title {
	font-size: 105%;
	font-weight: 900;
	margin-bottom: 5px;
	line-height: 1.5em;
}

.ryouyouhi_mini {
	font-size: 80%;
	font-weight: 100;
	margin-bottom: 5px;
}

.ryouyouhi_mini_2 {
	font-size: 80%;
	font-weight: 100;
	line-height: 0.8em;
}


.newstext {
	margin: -0.2em 0 0.3em 0; 
	line-height: 120%;
}

.newstext_2 {
	margin: -1.8em 0 0.3em 0; 
	color: #666666;
	line-height: 115%;
}

.newsmidashi {
	font-size: 120%;
	color: #ff9900;
	font-weight: 900;
	line-height: 2em;
}

.nichiji {
	font-size: 120%;
}

.tenji_komidashi {
	font-size: 120%;
	color: #666666;
	font-weight: 900;
	line-height: 1.5em;
	padding: 1em 0.5em 1em 1em;
	border-bottom: 1px dotted #999999;
}

.tenji_box {
	height: 375px;
	margin-bottom: 40px;
}

#tenjikailist .newsbox img {
	margin-top: 5px;
	width: 100%;
	height: auto;
}

.gda20131030 {
	margin-top: 5px;
	width: 100%;
	height: auto;
}

.newsbold {
	font-weight: 700;
}

.newstext a,
.newstext a:link,
.newstext a:visited,
.newstext_2 a,
.newstext_2 a:link,
.newstext_2 a:visited {
	color: #0099ff;
}

.newstext a:hover,
.newstext a:active,
.newstext_2 a:hover,
.newstext_2 a:active {
	color: #0033ff;
}



/* ******************* torikumi_box ******************* */

.torikumi_box {
	font-family: "ヒラギノ明朝 Pro W6", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", serif;
	font-size: 110%;
	width: 100%;
	margin: 30px 0 60px 0;
	display: table; 
}

.torikumi_box_left {
	position: relative;
	padding: 0.5em 1em 0.5em 1em;
	vertical-align: middle;
	text-align: center;
	background-color: #00aa00;
	color: #ffffff;
	border: 1px #00aa00 solid;
	-moz-box-shadow: 2px 2px 3px #666666;
	-webkit-box-shadow: 2px 2px 3px #666666;
	-o-box-shadow: 2px 2px 3px #666666;
	box-shadow: 2px 4px 3px #666666;
}

.torikumi_box_right {
	position: relative;
	padding: 0.5em 0.2em 0.5em 0.2em;
	vertical-align: middle;
	text-align: center;
	background-color: #ffffff;
	color: #00aa00;
	border: 1px #00aa00 solid;
	-moz-box-shadow: 2px 2px 3px #666666;
	-webkit-box-shadow: 2px 2px 3px #666666;
	-o-box-shadow: 2px 2px 3px #666666;
	box-shadow: 2px 4px 3px #666666;
}

.torikumi_box_left:hover,
.torikumi_box_right:hover {
	top: 2px;
	left: 2px;
	-moz-box-shadow: 0 0 0 #ffffff;
	-webkit-box-shadow: 0 0 0 #ffffff;
	-o-box-shadow: 0 0 0 #ffffff;
	box-shadow: 0 0 0 #ffffff;
}

.h_reader_version_text {
	font-size: 200%;
	font-weight: 800;
}

a.torikumi_box_link {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

a.torikumi_box_link:hover,
a.torikumi_box_link:active {
	background-color: #00ffff;
	-moz-box-opacity: 0.2;
	-webkit-box-opacity: 0.2;
	-o-box-opacity: 0.2;
	opacity: 0.2;
}

/* ******************* honespec ******************* */

.table_honespec {
	width:100%;
	border: 1px solid #00aa00;
	overflow: hidden;
	word-break: break-all;
	word-wrap: break-word;
	text-align:justify;
	text-justify: inter-ideograph;
}

.table_honespec th {
	padding: 30px 20px 30px 20px;
	border-top: solid 1px #ffffff;
	width: 30%;
	overflow: hidden;
	color: #ffffff;
	font-style: normal;
	font-weight: 600;
	font-size: 100%;
	text-align: left;
	word-break: break-all;
	word-wrap: break-word;
	vertical-align: top;
	background-color: #777777;
}

.table_honespec td {
	padding: 30px 20px 30px 20px;
	text-align: left;
	vertical-align: top;
	color: #777777;
	background-color: #ffffff;
	border-top: dotted 1px #777777;
	overflow: hidden;
	word-break: break-all;
	word-wrap: break-word;
	text-justify: distribute;
}

.table_honespec_kome_box {
	margin: 10px 0 50px 0;
}

.table_honespec_kome {
	font-size: 80%;
	color: #888888;
	padding-left:1em;
	text-indent:-1em;
	margin: -10px 0 -20px 0;
	text-justify: distribute;
}


@media (max-width: 600px){
	.table_honespec th {
		padding: 5px 20px 5px 10px;
		width:100%;
		display:block;
		margin: 0 auto;
		border:none;
	}
	.table_honespec td {
		padding: 5px 10px 30px 10px;
		display: list-item;
		width: 100%;
		border-top: none !important;
		text-justify: distribute;
	}
}

/* ******************* honeoption ******************* */

.voiceBox { 
	background-color: #fff0e1; 
	background-repeat: no-repeat; 
	background-position: 0 0; 
	width: auto; 
	margin: 0; 
	padding: 5px; 
	border: dotted 1px teal; 
}

.voiceABox { 
	background-repeat: no-repeat; 
	background-position: 0 0; 
	width: auto; 
	margin: 0 0 15px; 
	padding: 5px; 
	border-color: teal; 
	border-style: dotted; 
	border-width: 0 1px 1px; 
}

.op_voice_box { 
	background-color: #888888; 
	background-repeat: no-repeat; 
	background-position: 0 0; 
	width: 96%; 
	margin: 20px auto 0 auto; 
	padding: 1em;
	font-size: 110%;
	font-weight: 900;
	color: #ffffff;
	border: 1px solid #888888;
	-moz-border-radius: 6px 6px 0 0; 
	-webkit-border-radius: 6px 6px 0 0; 
	border-radius: 6px 6px 0 0; 
	behavior: url(./css/ie-css3.htc);
}

.op_voice_box2 { 
	background-repeat: no-repeat; 
	background-position: 0 0; 
	width: 96%; 
	margin: 0 auto 15px auto; 
	padding: 1em; 
	border: 1px solid #888888;
	color: #666666;
	border-width: 0 1px 1px;
	-moz-border-radius: 0 0 6px 6px; 
	-webkit-border-radius: 0 0 6px 6px; 
	border-radius: 0 0 6px 6px; 
	behavior: url(./css/ie-css3.htc);
}

.enquete_mini_banner_text {
	border-bottom: 1px dotted gray;
	margin: 0 0 15px; 
	padding-bottom: 15px;
}


.uv_okiwasure_title {
	width: 96%;
	letter-spacing: 0.2em;
	margin: 8px auto 8px auto;
	padding: 6px auto 4px;
	background-color: #00aa00;
	color: #ffffff;
	font-weight: 900;
	font-size: 18px;
	text-align: center;
	-moz-border-radius: 4px; 
	-webkit-border-radius: 4px; 
	border-radius: 4px; 
	behavior: url(./css/ie-css3.htc);
}

.uv_okiwasure_text {
	width:96%;
	margin: 0 auto 8px auto;
	color: #777777;
	font-size: 110%;
}

.uv_okiwasure_text_kome {
	font-size: 90%;
}

.uv_okiwasure_image {
	margin: 0 auto 16px auto;
}

.op_okiwasure_image {
	display: block;
	margin: 16px auto 16px auto;
	width: 80%;
}

.uv_koemoto {
	color: #00aa00;
	margin: 15px auto 5px; 
	font-family: "ヒラギノ明朝 Pro W6", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", serif;
	font-size: 14px;
	font-weight: 400;
	text-align: center;
}

.goyoubo_3 { 
	border: 1px solid #00aa00;
	background-color: #00aa00;
	color: #ffffff; 
	width: 90%; 
	margin: 0 auto 0 auto; 
	padding: 4px 10px 4px 10px;
	font-family: "ヒラギノ明朝 Pro W6", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", serif;
	font-size: 14px;
	text-align: center;
	-moz-border-radius: 4px 4px 0 0; 
	-webkit-border-radius: 4px 4px 0 0; 
	border-radius: 4px 4px 0 0; 
	behavior: url(./css/ie-css3.htc);  
}

.voicebox_3 { 
	background-color: #ffffff; 
	background-repeat: no-repeat; 
	background-position: 0 0; 
	width: 90%; 
	margin: 0 auto 20px auto; 
	padding: 10px; 
	border: 1px solid #00aa00;
	color: #666666;
	font-family: "ヒラギノ明朝 Pro W6", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", serif;
	font-size: 14px;
	line-height: 16px;
	letter-spacing: 1px;
	-moz-border-radius: 0 0 4px 4px; 
	-webkit-border-radius: 0 0 4px 4px; 
	border-radius: 0 0 4px 4px; 
	behavior: url(./css/ie-css3.htc);
}

.uv_okiwasure_link {
	margin: 10px 0 15px 15px;
	font-size: 110%;
}

.enquete_mini_banner {
	text-align: right;
	float: right;
	display: block;
	margin: -40px 10px 5px 0;
}

.uv_float_clear {
	clear: both;
	width: 500px;
	height:10px;
}

p.spaceline { 
	margin: 0 0 15px; 
	border-bottom: 1px dotted gray; 
	padding-bottom: 15px;
}

.imgleft2 { 
	margin: 0 5px 10px 20px; 
}

.uv_sankaku {
	width: 0;
	height: 0;
	border: 30px solid transparent;
	border-top: 30px solid #00aa00;
	margin: -20px auto;
}

.op_sankaku {
	width: 0;
	height: 0;
	border: 30px solid transparent;
	border-top: 30px solid #00aa00;
	margin: -30px auto;
}

.hyo_prbox {
	width: 90%;
	margin: 80px auto 60px auto;
	padding: 0;
	display: block;
	text-align:justify;
	text-justify: inter-ideograph;
}

.op_koemoto {
	color: #00aa00;
	margin: 5px auto 5px; 
	font-family: "ヒラギノ明朝 Pro W6", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", serif;
	font-size: 120%;
	font-weight: 400;
	text-align: center;
}

.op_goyoubo_3 { 
	border: 1px solid #00aa00;
	background-color: #00aa00;
	color: #ffffff; 
	width: 90%; 
	margin: 0 auto 0 auto; 
	padding: 4px 10px 4px 10px;
	font-family: "ヒラギノ明朝 Pro W6", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", serif;
	font-size: 120%;
	text-align: center;
	-moz-border-radius: 4px 4px 0 0; 
	-webkit-border-radius: 4px 4px 0 0; 
	border-radius: 4px 4px 0 0; 
	behavior: url(./css/ie-css3.htc);  
}

.op_voicebox_3 { 
	background-color: #ffffff; 
	background-repeat: no-repeat; 
	background-position: 0 0; 
	width: 90%; 
	margin: 0 auto 20px auto; 
	padding: 10px; 
	border: 1px solid #00aa00;
	color: #666666;
	font-size: 120%;
	line-height: 1.4em;
	letter-spacing: 1px;
	-moz-border-radius: 0 0 4px 4px; 
	-webkit-border-radius: 0 0 4px 4px; 
	border-radius: 0 0 4px 4px; 
	behavior: url(./css/ie-css3.htc);
}

.op_link_button {
	margin: 0 auto 20px auto;
	text-align: center;
	padding: 0.5em;
	background-color: #00aa00;
	color: #ffffff;
	font-size: 110%;
	border: 1px solid #00aa00;
	display: block;
	-moz-border-radius: 20px; 
	-webkit-border-radius: 20px; 
	border-radius: 20px; 
	behavior: url(https://www.towahitech.com/css/ie-css3.htc);
	width: 90%;
	display: block;
	position: relative;
	vertical-align: middle;
	-moz-box-shadow: 2px 2px 2px #777777;
	-webkit-box-shadow: 2px 2px 2px #777777;
	-o-box-shadow: 2px 2px 2px #777777;
	box-shadow: 2px 2px 2px #777777;
}

.op_link_catalog_button {
	margin: 0 auto 20px auto;
	text-align: center;
	padding: 0.5em;
	background-color: #0099ff;
	color: #ffffff;
	font-size: 110%;
	border: 1px solid #0099ff;
	display: block;
	-moz-border-radius: 20px; 
	-webkit-border-radius: 20px; 
	border-radius: 20px; 
	behavior: url(https://www.towahitech.com/css/ie-css3.htc);
	width: 90%;
	display: block;
	position: relative;
	vertical-align: middle;
	-moz-box-shadow: 2px 2px 2px #777777;
	-webkit-box-shadow: 2px 2px 2px #777777;
	-o-box-shadow: 2px 2px 2px #777777;
	box-shadow: 2px 2px 2px #777777;
}

.op_link_faq01_button {
	float: left;
	background-color: #00aa00;
	border: 1px solid #00aa00;
	color: #ffffff;
	width: 35%;
	margin: 20px 5% 20px 10%;
	text-align: center;
	padding: 1em;
	font-size: 110%;
	display: block;
	-moz-border-radius: 20px; 
	-webkit-border-radius: 20px; 
	border-radius: 20px; 
	behavior: url(https://www.towahitech.com/css/ie-css3.htc);
	display: block;
	position: relative;
	vertical-align: middle;
	-moz-box-shadow: 2px 2px 2px #777777;
	-webkit-box-shadow: 2px 2px 2px #777777;
	-o-box-shadow: 2px 2px 2px #777777;
	box-shadow: 2px 2px 2px #777777;
}

.op_link_faq01_2_button {
	background-color: #00aa00;
	border: 1px solid #00aa00;
	color: #ffffff;
	width: 80%;
	margin: 80px auto 20px auto;
	text-align: center;
	padding: 1em;
	font-size: 110%;
	display: block;
	-moz-border-radius: 20px; 
	-webkit-border-radius: 20px; 
	border-radius: 20px; 
	behavior: url(https://www.towahitech.com/css/ie-css3.htc);
	display: block;
	position: relative;
	vertical-align: middle;
	-moz-box-shadow: 2px 2px 2px #777777;
	-webkit-box-shadow: 2px 2px 2px #777777;
	-o-box-shadow: 2px 2px 2px #777777;
	box-shadow: 2px 2px 2px #777777;
}

.op_link_faq02_button {
	float: left;
	background-color: #0099ff;
	border: 1px solid #0099ff;
	color: #ffffff;
	width: 35%;
	margin: 20px 10% 20px 5%;
	text-align: center;
	padding: 1em;
	font-size: 110%;
	display: block;
	-moz-border-radius: 20px; 
	-webkit-border-radius: 20px; 
	border-radius: 20px; 
	behavior: url(https://www.towahitech.com/css/ie-css3.htc);
	display: block;
	position: relative;
	vertical-align: middle;
	-moz-box-shadow: 2px 2px 2px #777777;
	-webkit-box-shadow: 2px 2px 2px #777777;
	-o-box-shadow: 2px 2px 2px #777777;
	box-shadow: 2px 2px 2px #777777;
}

.op_link_faq02_2_button {
	background-color: #0099ff;
	border: 1px solid #0099ff;
	color: #ffffff;
	width: 80%;
	margin: 80px auto 20px auto;
	text-align: center;
	padding: 1em;
	font-size: 110%;
	display: block;
	-moz-border-radius: 20px; 
	-webkit-border-radius: 20px; 
	border-radius: 20px; 
	behavior: url(https://www.towahitech.com/css/ie-css3.htc);
	display: block;
	position: relative;
	vertical-align: middle;
	-moz-box-shadow: 2px 2px 2px #777777;
	-webkit-box-shadow: 2px 2px 2px #777777;
	-o-box-shadow: 2px 2px 2px #777777;
	box-shadow: 2px 2px 2px #777777;
}

.op_link_faq03_button {
	background-color: #777777;
	border: 1px solid #777777;
	color: #ffffff;
	width: 80%;
	margin: 40px auto 200px auto;
	text-align: center;
	padding: 1em;
	font-size: 110%;
	display: block;
	-moz-border-radius: 20px; 
	-webkit-border-radius: 20px; 
	border-radius: 20px; 
	behavior: url(https://www.towahitech.com/css/ie-css3.htc);
	display: block;
	position: relative;
	vertical-align: middle;
	-moz-box-shadow: 2px 2px 2px #777777;
	-webkit-box-shadow: 2px 2px 2px #777777;
	-o-box-shadow: 2px 2px 2px #777777;
	box-shadow: 2px 2px 2px #777777;
}

.op_link_faq_button_big {
	font-size: 250%;
	font-weight: 900;
	line-height: 2em;
}

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

.op_link_faq_button_big {
	font-size: 100%;
	font-weight: 600;
	line-height: 1.5em;
}

}

.op_link_button:hover,
.op_link_catalog_button:hover,
.op_link_faq01_button:hover,
.op_link_faq02_button:hover,
.op_link_faq01_2_button:hover,
.op_link_faq02_2_button:hover,
.op_link_faq03_button:hover {
	top: -2px;
	left: -2px;
	-moz-box-shadow: 0 0 0 #777777;
	-webkit-box-shadow: 0 0 0 #777777;
	-o-box-shadow: 0 0 0 #777777;
	box-shadow: 0 0 0 #777777;
}

.op_gda_photo {
	float: left;
	width: 35%;
	margin: 0 10px 0 0;
}

.op_gda_seal {
	float: left;
	width: 35%;
	margin: 0.5em 0.5em 0.5em 0;
	padding: 0.5em;
	text-align: center;
	line-height: 2.5em;
	font-size: 160%;
	font-weight: 900;
	background-color: #ffffff;
	color: #00aa00;
	border: 3px solid #00aa00;
	-moz-border-radius: 4px; 
	-webkit-border-radius: 4px; 
	border-radius: 4px; 
	behavior: url(./css/ie-css3.htc);
}

@media screen and (max-width: 600px) {
	.op_gda_photo {
		float: none;
		width: 90%;
		margin: 0 auto 0 auto;
	}
	
	.op_gda_seal {
		float: none;
		width: 90%;
		margin: 15px auto 5px auto;
		padding: 0;
		text-align: center;
		line-height: 2.5em;
		font-size: 160%;
		font-weight: 900;
		background-color: #ffffff;
		color: #00aa00;
		border: 3px solid #00aa00;
		-moz-border-radius: 4px; 
		-webkit-border-radius: 4px; 
		border-radius: 4px; 
		behavior: url(./css/ie-css3.htc);
	}
	
}

.op_gda_text {
	display: block;

}

/* *******************            **************************************************************************** */
/* ******************* 0 to 600px **************************************************************************** */
/* *******************            **************************************************************************** */

/*-----------*/

#wrapper {
	width: 100%;
}

#header {
	padding: 0;
}

#header header {
	margin: 0 auto 0;
	background-color: #003399;
}

#contents {
	margin: 0 auto;
}

.contents {
	margin: 0 auto;
}

#footer {
	border-top: 2px solid #666666;
	background-color: #225566;
	color: #ffffff;
	margin: 0 auto;
	height: 150%;
}

#header header,
#contents, {
	width: 100%;
}

.contents {
	width: 100%;
}

h1 {
	z-index:1; 
	color: #ffffff;
	font-family: "ヒラギノ明朝 Pro W6", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", serif;
	font-weight: 200;
	line-height: 1em;
	-moz-text-shadow: 2px 2px 4px #112255;
	-webkit-text-shadow: 2px 2px 4px #112255;
	-o-text-shadow: 2px 2px 4px #112255;
	text-shadow: 2px 2px 4px #112255;
	margin: 5em 1em 0 1.5em;
	font-size: 100%;
	float: left;
}

h1.h1_hone {
	margin: 7em 1em 2em 2em;
	font-size: 75%;
	float: left;
}

.h1_hone_big {
	font-size: 300%;
	font-family: "vollkornregular", serif;
}

h1.h1_title {
	margin: 4.5em 1em 0.5em 1.2em;
	font-size: 130%;
	width: 220px;
}

h2 {
	position: absolute;
	color: #ffffff;
	font-family: "latoblack",sans-serif;
	font-size: 165%;
	letter-spacing: 0.05em;
	line-height: 3em;
	margin: -0.5em auto 5em 1em;
}

h2 a,
h2 a:link,
h2 a:visited{
	color: #ffffff;
}

h2 a:hover,
h2 a:active {
	color: #00ffff;
}

@media only screen and (min-width: 960px) {

	h2 {
		position: absolute;
		color: #ffffff;
		font-family: "latoblack",sans-serif;
		font-size: 165%;
		letter-spacing: 0.05em;
		line-height: 3em;
		margin: 0.2em auto 5em 1em;
	}

}


#contents h3 {
	font-family: "latobold","メイリオ",Meiryo,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;
	font-size: 150%;
	font-weight: 700;
	letter-spacing: 0.15em;
	color: #225566;
	margin: 1.5em 0 0.5em 0;
	padding: 0.5em 0 0.5em 0.5em;
	border-bottom: 1px solid #225566;
	border-left: 10px solid #225566;
	display: block;
}

h3.h3_abo {
	font-family: "latobold","メイリオ",Meiryo,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;
	font-size: 160%;
	font-weight: 700;
	letter-spacing: 0.15em;
	color: #225566;
	margin: 100px 0 0.5em 0;
	padding: 0.5em 0 0.5em 0.5em;
	border-bottom: 1px solid #225566;
	border-left: 10px solid #225566;
	display: block;
}

h3.h3_hyo {
	font-family: "latobold","メイリオ",Meiryo,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;
	font-size: 160%;
	font-weight: 700;
	letter-spacing: 0.15em;
	color: #225566;
	margin: 6em 0 1em 0;
	padding: 0.5em 0 0.5em 0.5em;
	border-bottom: 1px solid #225566;
	border-left: 10px solid #225566;
	display: block;
}

#contents h3.h3_torikumi {
	font-family: "latobold","メイリオ",Meiryo,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;
	font-size: 160%;
	font-weight: 700;;
	color: #225566;
	margin: 1.5em 0 0.5em 0;
	padding: 0.5em 0 0.5em 0.5em;
	border-bottom: 1px solid #225566;
	border-left: 10px solid #225566;
	display: block;
}

#contents h3.h3_torikumi span.h3_torikumi_big{
	font-family: "ヒラギノ明朝 Pro W6", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", serif;
	font-size: 180%;
	color: #000066;
	display: block;
	margin: 55px 0 45px 0;
	letter-spacing: 0;
	line-height: 1.5em;
	-moz-text-shadow: 2px 2px 2px #888888;
	-webkit-text-shadow: 2px 2px 2px #888888;
	-o-text-shadow: 2px 2px 2px #888888;
	text-shadow: 2px 2px 2px #888888;
}

#contents h3.h3_policy {
	font-family: "ヒラギノ明朝 Pro W6", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", serif;
	font-size: 160%;
	font-weight: 700;;
	color: #225566;
	margin: 1.5em 0 2em 0;
	letter-spacing: 0;
	padding: 0 0 3em 0.5em;
	border-bottom: 1px solid #225566;
	border-left: 10px solid #225566;
	display: block;
}

#contents h3.h3_policy span.h3_policy_text {
	display: block;
	margin: 1em 0 0 0;
}

#contents h4.h4_policy {
	color: #ffffff;
	font-family: "latoblack",sans-serif;
}

.policy_table {
	display: block;
	width: 100%;
}

.policy_table_cell_left {
	display: block;
	width: 100%;
	padding: 2%;
	text-align: center;
	font-family: "latoblack",sans-serif;
	font-size: 150%;
	color: #ffffff;
}

.policy_table_cell_right {
	display: block;
	width: 100%;
	padding: 0;
	background-color: #ffffff;
	font-size: 100%;
	color: #666666;
}

.policy_midasi {
	font-size: 160%;
	border-bottom: 1px solid #ffffff;
}

.policy_ff0000 {
	background-color: #ff0000;
}

.policy_ff0000_text {
	color: #ff0000;
}

.policy_ff0000_line {
	border-bottom: 3px solid #ff0000;
}

.policy_00cc00 {
	background-color: #00cc00;
}

.policy_00cc00_text {
	color: #00cc00;
}

.policy_00cc00_line {
	border-bottom: 3px solid #00cc00;
}

.policy_00bbff {
	background-color: #00bbff;
}

.policy_00bbff_text {
	color: #00bbff;
}

.policy_00bbff_line {
	border-bottom: 3px solid #00bbff;
}

.policy_cc9999 {
	background-color: #cc9999;
}

.policy_cc9999_text {
	color: #cc9999;
}

.policy_cc9999_line {
	border-bottom: 3px solid #cc9999;
}

ul.policy_ul {
	margin: 0.5em 0 0.5em 0 ;
	font-size: 100%;
	color: #666666;
}	
ul.policy_ul li {
	margin-left: 2%;
	padding-left: 1em;
	text-indent: -1em;
}
span.h3_hyo_mini {
	font-size: 75%;
	letter-spacing: none;	
}

@media only screen and (min-width: 600px) {
	#contents h3.h3_policy span.h3_policy_text {
		display: block;
		margin: -4em 0 0 1em;
	}
	
	.policy_table {
		display: table;
		width: 100%;
	}

	.policy_table_cell_left {
		display: table-cell;
		width: 25%;
		padding: 2%;
		text-align: left;
		font-family: "latoblack",sans-serif;
		font-size: 150%;
		color: #ffffff;
	}

	.policy_table_cell_right {
		display: table-cell;
		width: 75%;
		padding: 0;
		background-color: #ffffff;
		font-size: 100%;
		color: #666666;
	}

}

h4 {
	font-family: "ヒラギノ明朝 Pro W6", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", serif;
	margin: 0.2em 0 0.2em 0;
	padding: 0.5em;
	color: #225566;
	font-size: 140%;
	font-weight: 400;
	border-left: 10px solid #00aa00;
	display: block;
}

h4.h4_abo {
	font-family: "ヒラギノ明朝 Pro W6", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", serif;
	margin: 0.2em 0 0.2em 0;
	padding: 0.5em;
	color: #0099ff;
	font-size: 150%;
	font-weight: 400;
	border-left: 10px solid #00aa00;
	display: block;
}

h4.h4_hyo_min {
	font-family: "latobold","メイリオ",Meiryo,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;
	margin: 0.2em 0 1em 0;
	padding: 0.5em;
	color: #225566;
	font-size: 110%;
	font-weight: 100;
	border-left: 10px solid #00aa00;
	display: block;
}

h4.h4_eco {
	font-family: "ヒラギノ明朝 Pro W6", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", serif;
	margin: 0.2em 0 0.2em 0;
	padding: 0.5em;
	color: #0099ff;
	font-size: 135%;
	font-weight: 400;
	border-left: 10px solid #00aa00;
	display: block;
}

h4.h4_torikumi {
	font-family: "ヒラギノ明朝 Pro W6", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", serif;
	margin: 2em auto 1.5em auto;
	padding: 0.2em;
	color: #000066;
	font-size: 160%;
	font-weight: 700;
	text-align: center;
	border-top: 3px solid #000066;
	border-bottom: 3px solid #000066;
	border-left: 0 solid #000066;
	width: 100%;
	display: block;
}

h5 {
	margin: 0.2em 0 0.2em 0;
	padding: 0.5em;
	color: #225566;
	font-size: 110%;
	font-weight: 500;
	border-left: 10px solid #00dd00;
	display: block;
}

h5.h5_torikumi {
	font-family: "ヒラギノ明朝 Pro W6", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", serif;
	margin: 1em 0 0.2em 0;
	padding: 0.5em;
	color: #0099ff;
	font-size: 140%;
	font-weight: 400;
	border-left: 10px solid #008844;
	display: block;
}

h5.h5_hyo {
	margin: 1em 0 0 0;
	padding: 0.5em;
	color: #225566;
	font-size: 110%;
	font-weight: 800;
	border-left: 10px solid #00dd00;
	display: block;
}

h5.h5_hyo_end {
	margin: 4em 0 0 0;
	text-align: center;
	padding: 1em 0.2em 1em 0.2em;
	color: #0099ff;
	font-size: 130%;
	font-weight: 800;
	border: 1px solid #0099ff;
	display: block;
	-moz-border-radius: 6px 6px 0 0; 
	-webkit-border-radius: 6px 6px 0 0; 
	border-radius: 6px 6px 0 0; 
	behavior: url(https://www.towahitech.com/css/ie-css3.htc); 
}

.hyo_end_otoiawase_box_t {
	margin: 0 0 8em 0;
	text-align: center;
	padding: 1em 0.2em 1em 0.2em;
	background-color: #0099ff;
	color: #ffffff;
	font-size: 130%;
	font-weight: 800;
	border: 1px solid #0099ff;
	display: block;
	-moz-border-radius: 0 0 6px 6px; 
	-webkit-border-radius: 0 0 6px 6px; 
	border-radius: 0 0 6px 6px; 
	behavior: url(https://www.towahitech.com/css/ie-css3.htc);
	width: 100%;
	display: block;
	position: relative;
	vertical-align: middle; 
}

.hyo_end_otoiawase_box_t:hover {
	top: 2px;
	left: 2px;
	-moz-box-shadow: -2px -2px 4px #000080;
	-webkit-box-shadow: -2px -2px 4px #000080;
	-o-box-shadow: -2px -2px 4px #000080;
	box-shadow: -2px -2px 4px #000080;
}

#sidebar {
	width: 100%;
	margin: 50px auto 0 auto;
	padding: 50px 6px 50px 6px;
	display: none;
}

.linkbutton_side_back,
.linkbutton_side_back_hone,
.linkbutton_side_back_ax1,
.linkbutton_side_back_option,
.linkbutton_side_back_another,
.linkbutton_side_back_article,
.linkbutton_side_back_catalog {
	margin-top: 20px;
	margin-left: auto;
	margin-right: auto;
	padding-top: 10px;
	height: 60px;
	width: 84%;
}

.torikumi_box_left {
	width: 100%;
	-moz-border-radius: 6px 6px 0 0; 
	-webkit-border-radius: 6px 6px 0 0; 
	border-radius: 6px 6px 0 0; 
	behavior: url(https://www.towahitech.com/css/ie-css3.htc); 
}

.torikumi_box_right {
	width: 100%;
	-moz-border-radius: 0 0 6px 6px; 
	-webkit-border-radius: 0 0 6px 6px; 
	border-radius: 0 0 6px 6px; 
	behavior: url(https://www.towahitech.com/css/ie-css3.htc); 
}

.otoiawase_box {
	float: right;
	width: 30%;
	text-align: center;
	display: table;
	margin: 1em 1em -10em auto;
}

.otoiawase_box_t {
	font-family: "メイリオ",Meiryo,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;
	font-size: 100%;
	font-weight: 600;
	margin: 0;
	padding: 0.1em 0.3em 0.1em 0.3em;
	-moz-border-radius: 6px 6px 0 0; 
	-webkit-border-radius: 6px 6px 0 0; 
	border-radius: 6px 6px 0 0; 
	border: 1px solid #ffffff;
	background-color: #003399;
	color: #ffffff;
	width: 100%;
	display: block;
	position: relative;
	vertical-align: middle;
}

.otoiawase_box_f {
	font-family: "メイリオ",Meiryo,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;
	font-size: 100%;
	font-weight: 600;
	margin: 0;
	padding: 0.1em 0.3em 0.1em 0.3em;
	-moz-border-radius: 0 0 6px 6px;
	-webkit-border-radius: 0 0 6px 6px;
	border-radius: 0 0 6px 6px;
	border: 1px solid #ffffff;
	background-color: #ffffff;
	color: #003399;
	width: 100%;
	display: block;
	position: relative;
	vertical-align: middle;
}

.otoiawase_box_t:hover,
.otoiawase_box_f:hover {
	top: -2px;
	left: -2px;
	-moz-box-shadow: 2px 2px 4px #000080;
	-webkit-box-shadow: 2px 2px 4px #000080;
	-o-box-shadow: 2px 2px 4px #000080;
	box-shadow: 2px 2px 4px #000080;
}

a.otoiawase_box_link {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

a.otoiawase_box_link:hover,
a.otoiawase_box_link:active {
	background-color: #003399;
	-moz-box-opacity: 0.2;
	-webkit-box-opacity: 0.2;
	-o-box-opacity: 0.2;
	opacity: 0.2;
}

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

	.otoiawase_box {
		display: none;
	}
}

.prbox_2column_box {
	width: 100%;
	margin-bottom: 60px;
}

.prbox_2column {	
	display: block;
	width: 100%;
	vertical-align: top;
	padding: 0;
	margin: 10px auto 0;
	text-align:justify;
	text-justify: distribute-all-lines; 
}

.prbox_2column_togo {	
	display: block;
	width: 100%;
	vertical-align: top;
	padding: 0;
	margin: 10px 0 -10px 0;
	text-align:justify;
	text-justify: distribute-all-lines; 
}

.prbox_2column_text {
	width: 100%;
	margin: -10px 0 0 0;
	font-size: 108%;
	text-align: justify;
	text-justify: distribute;
	color: #666666;
	border: 1px solid #ffffff;
	padding:0;
}

.prbox_1column_text {
	width: 100%;
	margin: 10px auto 0 auto;
	font-size: 108%;
	text-align: justify;
	text-justify: distribute;
	color: #666666;
	border: 1px solid #ffffff;
	padding:0;
}

img.prbox_2column_img {
	display: block;	
	width: 96%;
	margin: 0 auto 0 auto;
}	

.op_image_photo {
	position: relative;
	display: block;	
}

.op_image_photo_text_right {
	position: absolute;
	width: 50%;
	padding: 0 0.2em 0 0.2em;
	top: 1%;
	left:50%;
	font-family: "ヒラギノ明朝 Pro W6", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", serif;
	font-size: 80%;
	letter-spacing: none;
	color: #ffffff;
}

.op_image_photo_text_left {
	position: absolute;
	width: 50%;
	padding: 0 0.2em 0 0.2em;
	top: 1%;
	left:0%;
	font-family: "ヒラギノ明朝 Pro W6", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", serif;
	font-size: 80%;
	letter-spacing: none;
	color: #ffffff;
}

@media only screen and (min-width: 480px) {

	.op_image_photo_text_right {
		padding: 0 0.8em 0 0.8em;
		top: 15%;
		font-size: 120%;
		letter-spacing: none;
	}

	.op_image_photo_text_left {
		padding: 0 0.8em 0 0.8em;
		top: 15%;
		font-size: 120%;
		letter-spacing: none;
	}

}

@media only screen and (min-width: 779px) {

	
	.op_image_photo_text_right {
		padding: 0 1em 0 1em;
		top: 25%;
		font-size: 180%;
		letter-spacing: -0.1em;
	}

	.op_image_photo_text_left {
		padding: 0 1em 0 1em;
		top: 25%;
		font-size: 180%;
		letter-spacing: -0.1em;
	}
}


/* *******************              **************************************************************************** */
/* ******************* 480 to 779px **************************************************************************** */
/* *******************              **************************************************************************** */

@media only screen and (min-width: 600px) {
	
	h1 {
		font-size: 130%;
		margin: 5em auto 2em 1.2em;
		float: left;
	}
	
	h1.h1_hone {
		font-size: 130%;
		margin: 6em auto 1em 1.2em;
		float: left;
		line-height: 0.6em;
	}
	
	.h1_hone_big {
		font-size: 500%;
		margin-left: 5px;
	}
	
	h1.h1_title {
		margin: 4em auto 1em 1.2em;
		width: 100%;
		font-size: 160%;
	}
	
	#sidebar {
		text-align: center;
		display: none;
		width: 100%;
		margin: 50px auto 0 auto;
		padding: 50px 0 50px 0;
	}
	
	.linkbutton_side_back,
	.linkbutton_side_back_hone,
	.linkbutton_side_back_ax1,
	.linkbutton_side_back_option,
	.linkbutton_side_back_another,
	.linkbutton_side_back_article,
	.linkbutton_side_back_catalog {
		display: inline-block;
		vertical-align: middle;
		width: 37%;
		margin: 0 15px 30px 15px;
		height: 60px;
	}
	
	.torikumi_box_left {
		width: 35%;
		-moz-border-radius: 6px 0 0 6px; 
		-webkit-border-radius: 6px 0 0 6px; 
		border-radius: 6px 0 0 6px; 
		behavior: url(https://www.towahitech.com/css/ie-css3.htc); 
		display:table-cell; 
	}

	.torikumi_box_right {
		width: 65%;
		-moz-border-radius: 0 6px 6px 0; 
		-webkit-border-radius: 0 6px 6px 0; 
		border-radius: 0 6px 6px 0; 
		behavior: url(https://www.towahitech.com/css/ie-css3.htc); 
		display: table-cell; 
	}
	
	.prbox_2column_box {
		width: 100%;
		margin-bottom: 20px;
	}

	.prbox_2column {	
		display:inline-block;
		width:49%;
		margin: 10px auto 10px;
	}
	
	.prbox_2column_togo {	
		display: block;
		width: 100%;
		margin: 10px 0 -10px 0;
		font-size: 108%;
		text-align: justify;
		text-justify: distribute;
		color: #666666;
		border: 1px solid #ffffff;
		padding:0;
	}

	.prbox_2column_text {
		margin: -10px 0 0 0;
		text-align:justify;
		text-justify: distribute-all-lines;
		width: 100%;
		border: 1px solid #ffffff;
		padding:0;
	}

}

/* *******************              **************************************************************************** */
/* *******************  769px over  **************************************************************************** */
/* *******************              **************************************************************************** */


@media only screen and (min-width: 960px) {

	#header {
		min-width: 960px;
	}

	#contents {
		min-width: 960px;
		display: table;
		margin-top: 0;
	}

	.contents {
		min-width: 960px;
		display: table;
		margin-top: 0;
	}

	#main {
		display: table-cell;
		width: 700px;
		padding-left: 0;
		background-color: #ffffff;
	}
	
	#sidebar {
		display: table-cell;
		width: 260px;
		vertical-align: top;
		margin: 0;
		padding: 20px 0 30px 0;
	}

	#footer {
		max-width: 960px;
	}

	#header header,
	#contents,
	#footer footer {
		width: 960px;
	}
	
	.contents {
		width: 960px;
	}
	
	.linkbutton_side_back,
	.linkbutton_side_back_option,
	.linkbutton_side_back_another,
	.linkbutton_side_back_article,
	.linkbutton_side_back_catalog {
		height: auto;
		width: 90%;
		margin: 10px 5% 10px 5%;
		padding: 15px auto 15px auto;
		height: 60px;
	}
	
	.linkbutton_side_back_hone,
	.linkbutton_side_back_ax1 {
		height: auto;
		width: 90%;
		margin: 10px 5% 10px 5%;
		padding: 15px auto 15px auto;
		height: 100px;
	}
	
	a.linkbutton_side_back:hover,
	a.linkbutton_side_back:active,
	a.linkbutton_side_back_hone:hover,
	a.linkbutton_side_back_hone:active,
	a.linkbutton_side_back_ax1:hover,
	a.linkbutton_side_back_ax1:active,
	a.linkbutton_side_back_option:hover,
	a.linkbutton_side_back_option:active,
	a.linkbutton_side_back_another:hover,
	a.linkbutton_side_back_another:active,
	a.linkbutton_side_back_article:hover,
	a.linkbutton_side_back_article:active,
	a.linkbutton_side_back_catalog:hover,
	a.linkbutton_side_back_catalog:active {
		height: 120px;
	}
	
	.header_img {
		margin-top: 6em;
	}

	
	h1 {
		position: absolute;
		color: #ffffff;
		font-size: 175%;
		font-weight: 200;
		letter-spacing: 0.05em;
		margin: 18em auto auto 0.7em;
	}
	
	h1.h1_hone {
		position: absolute;
		color: #ffffff;
		font-size: 175%;
		font-weight: 200;
		letter-spacing: 0.05em;
		margin: 20em auto auto 0.9em;
	}
	
	h1.h1_title {
		font-size: 200%;
		margin: 4.25em auto auto 1em;
		width: 100%;
	}
	
	#tenjikailist .newsbox img {
		width: 80%;
	}
}

/*--navi----------------------------------------------------------*/

*, *:after, *:before {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.navi_mini_text {
	font-size: 80%;
	color: #aaaaaa;
}


.animenu__toggle {
	display: none;
	cursor: pointer;
	background-color: #225566;
	border: 0;
	padding: 10px;
	height: 40px;
	width: 40px;
	vertical-align:bottom;
}

.animenu__toggle:hover {
	background-color: #0186ba;
}

.animenu__toggle__bar {
	display: block;
	width: 20px;
	height: 2px;
	background-color: #ffffff;
	-webkit-transition: 0.15s cubic-bezier(0.75, -0.55, 0.25, 1.55);
	transition: 0.15s cubic-bezier(0.75, -0.55, 0.25, 1.55);
}

.animenu__toggle__bar + .animenu__toggle__bar {
	margin-top: 4px;
}

.animenu__toggle--active .animenu__toggle__bar {
	margin: 0;
	position: absolute;
}

.animenu__toggle--active .animenu__toggle__bar:nth-child(1) {
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
}

.animenu__toggle--active .animenu__toggle__bar:nth-child(2) {
	opacity: 0;
}

.animenu__toggle--active .animenu__toggle__bar:nth-child(3) {
	-webkit-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	transform: rotate(-45deg);
}

.animenu {
	display: block;
}

.animenu ul {
	padding: 0;
	list-style: none;
	font: 0px "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;
}

.animenu li, .animenu a {
	display: inline-block;
	font-size: 15px;
}

.animenu a {
	color: #dddddd;
	text-decoration: none;
}

.animenu__nav {
	background-color: #225566;
}

.animenu__nav2 {
	background-color: #ee6688;
}

.animenu__nav > li {
	position: relative;
	border-right: 1px solid #444444;
	margin-top: 2px;
}

.animenu__nav > li > a {
	padding: 15px 25px 15px 25px;
}

.animenu__nav > li > a:first-child:nth-last-child(2):before {
	content: "";
	position: absolute;
	border: 4px solid transparent;
	border-bottom: 0;
	border-top-color: currentColor;
	top: 50%;
	margin-top: -2px;
	right: 10px;
}

.animenu__nav > li:hover > ul {
	opacity: 1;
	visibility: visible;
	margin: 0;
}

.animenu__nav > li:hover > a {
	color: #ffffff;
}

.animenu__nav__child {
	min-width: 100%;
	position: absolute;
	top: 100%;
	left: 0;
	z-index: 1;
	opacity: 0;
	visibility: hidden;
	margin: 20px 0 0 0;
	background-color: #373737;
	-webkit-transition: margin .15s, opacity .15s;
	transition: margin .15s, opacity .15s;
}

.animenu__nav__child > li {
	width: 100%;
	background-color: #373737;
	border-bottom: 1px solid #222222;

}

.animenu__nav__child > li:first-child > a:after {
	content: '';
	position: absolute;
	height: 0;
	width: 0;
	left: 1em;
	top: -6px;
	border: 6px solid transparent;
	border-top: 0;
	border-bottom-color: inherit;
}

.animenu__nav__child > li:last-child {
	border: 0;
}

.animenu__nav__child a {
	padding: 10px;
	width: 100%;
	border-color: #373737;
	font-size: 90%;
}

.animenu__nav__child a:hover {
	background-color: #0186ba;
	border-color: #0186ba;
	color: #ffffff;
}

/* ******************* 779px under ******************* */

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

	.animenu__toggle {
		display: none;
	}
	
	.animenu__nav,
	.animenu__nav__child {
		display: none;
	}

	.animenu__nav {
		margin: 10px 0;
	}
	.animenu__nav > li {
 		width: 100%;
		border-right: 0;
		border-bottom: 1px solid #222222;
	}
	.animenu__nav > li:last-child {
		border: 0;
	}
	.animenu__nav > li:first-child > a:after {
		content: '';
		position: absolute;
		height: 0;
		width: 0;
		left: 1em;
		top: -6px;
		border: 6px solid transparent;
		border-top: 0;
		border-bottom-color: inherit;
	}
	.animenu__nav > li > a {
		width: 100%;
		padding: 10px;
		border-color: #225566;
		position: relative;
	}
	.animenu__nav a:hover {
		background-color: #0186ba;
		border-color: #0186ba;
		color: #ffffff;
	}

	.animenu__nav__child {
		position: static;
		background-color: #373737;
		margin: 0;
		-webkit-transition: none;
		transition: none;
		visibility: visible;
		opacity: 1;
	}
	.animenu__nav__child > li:first-child > a:after {
		content: none;
	}
	.animenu__nav__child a {
		padding-left: 20px;
		width: 100%;
	}
}
/*--
.animenu__nav--open {
	display: block !important;
}

.animenu__nav--open .animenu__nav__child {
	display: block;
}

--*/







#slider_box {
	z-index: 0;
	top: 0;
	display: block;
	height: 150px;
	position:relative;
}

#slider {
	width: 100%;
	height: 150px;
	position:absolute;
	bottom: 0;
}

#slider div {
	margin: 0;
	padding: 0;
}

#slider div img {
	width: 120％;
}

@media only screen and (min-width: 480px) {
	#slider_box {
		height: 280px;
	}

	#slider {
		width: 100%;
		height: 280px;
	}
	
	#slider div img {
		width: 100%;
	}
}

@media only screen and (min-width: 779px) {

	#slider_box {
		top: 64px;
		margin-bottom: 64px;
		height: 500px;
	}

	#slider {
		width: 100%;
		height: 480px;
	}

	#slider div img {
		width: 100%;
		height: 480px;
		
	}
}

.jquery-slider {
	overflow: hidden;
	position: relative;
}

.jquery-slider-element {
	overflow: hidden;
	display: none;
	position: absolute;
	left: 0;
	top: 0;
}

/*-- .jquery-slider-pages {
	overflow: visible;
	position: absolute;
	left: 10px;
	bottom: 12px;
	height: 25px;
	right: 12px;
}

.jquery-slider-page {
	overflow: hidden;
	position: relative;
	display: block;
	float: right;
	width: 16px;
	height: 16px;
	padding: 0;
	margin: 0;
	cursor: pointer;
	opacity: 0.5;
	margin: 5px;
	background: #ffffff;
	-moz-border-radius: 8px; 
	-webkit-border-radius: 8px; 
	border-radius: 20px; 
	behavior: url(../css/ie-css3.htc);
	border: 1px solid #ffffff;
}

.jquery-slider-page:hover {
	opacity: 1;
	-webkit-transform: scale(1.2);
	-moz-transform: scale(1.2);
	transform: scale(1.2);
} --*/

.jquery-slider-control {
	overflow: hidden;
	position: absolute;
	text-align: center;
	width: 18px;
	height: 18px;
	padding: 0;
	margin: 0;
	cursor: pointer;
}

.jquery-slider-control-prev {
	background-image: url("../images/m_btn_next_a.png");
	opacity: 0.4;
	width: 40px;
	height: 40px;
	right: 20px;
	bottom: 20px;
}

.jquery-slider-control-prev:hover {
	background-image: url("../images/m_btn_next_b.png");
	opacity: 1;
}

.jquery-slider-control-next {
	background-image: url("../images/m_btn_prev_a.png");
	opacity: 0.4;
	width: 40px;
	height: 40px;
	right: 60px;
	bottom: 20px;
}

.jquery-slider-control-next:hover {
	background-image: url("../images/m_btn_prev_b.png");
	opacity: 1;
}


/* ******************* faq ************************************** */
	
.freetel {
	font-weight: 900;
	color : #0088ff;
}

.faq_border_top {
	clear: both;
	width: 100%;
	border-top: 1px dotted #006699;
	margin-top: 20px;
	padding: 0;
}

.faq_border_top_bottom {
	width: 100%;
	border-top: 1px dotted #006699;
	border-bottom: 1px dotted #006699;
	margin-top: 20px;
	padding-bottom: 18px;
}

.faq_title {
	clear: both;
	background-color: #00aa00;
	font-family: "latobold","ＭＳ Ｐゴシック",Meiryo,sans-serif;
	font-size: 120%;
	line-height: 1.6em;
	font-weight: 900;
	letter-spacing: 0.5em;
	color: #ffffff;
	text-align:center;
	width: 90%;
	margin: 4em auto 0 auto; 
	padding: 0.2em;
	-moz-border-radius: 4px; 
	-webkit-border-radius: 4px; 
	border-radius: 4px; 
	behavior: url(//www.towahitech.com/css/ie-css3.htc); 
}

#ato div.faq_title {
	clear: both;
	background-color: #0099ff;
	font-family: "latobold","ＭＳ Ｐゴシック",Meiryo,sans-serif;
	font-size: 120%;
	line-height: 1.6em;
	font-weight: 900;
	letter-spacing: 0.5em;
	color: #ffffff;
	text-align:center;
	width: 90%;
	margin: 4em auto 0 auto; 
	padding: 0.2em;
	-moz-border-radius: 4px; 
	-webkit-border-radius: 4px; 
	border-radius: 4px; 
	behavior: url(//www.towahitech.com/css/ie-css3.htc); 
}

.faq_q {
	display:block;
	float: left;
	width: 22%;
	background-color: #00aa00;
	letter-spacing: 0;
	text-decoration: none;
	font-family: Arial, sans-serif;
	font-size: 100%;
	line-height: 1.6em;
	font-weight: 600;
	color: #ffffff;
	margin: 18px 0 0 0;
	padding: 0;
	text-align:center;
	-moz-border-radius: 4px; 
	-webkit-border-radius: 4px; 
	border-radius: 4px; 
	behavior: url(//www.towahitech.com/css/ie-css3.htc); 
}

#ato div.faq_q {
	display:block;
	float: left;
	width: 22%;
	background-color: #0099ff;
	letter-spacing: 0;
	text-decoration: none;
	font-family: Arial, sans-serif;
	font-size: 100%;
	line-height: 1.6em;
	font-weight: 600;
	color: #ffffff;
	margin: 18px 0 0 0;
	padding: 0;
	text-align:center;
	-moz-border-radius: 4px; 
	-webkit-border-radius: 4px; 
	border-radius: 4px; 
	behavior: url(//www.towahitech.com/css/ie-css3.htc); 
}

.faq_a {
	display:block;
	float: left;
	width: 22%;
	background-color: #cc9999;
	letter-spacing: 0;
	text-decoration: none;
	font-family: Arial, sans-serif;
	font-size: 100%;
	line-height: 1.6em;
	font-weight: 600; 
	color: #ffffff;
	margin: 9px 0 0 0;
	padding: 0;
	text-align:center;
	-moz-border-radius: 4px; 
	-webkit-border-radius: 4px; 
	border-radius: 4px; 
	behavior: url(//www.towahitech.com/css/ie-css3.htc); 
}

.q00 {
	display:block;
	float: right;
	width: 75%;
	font-size: 100%;
	line-height: 1.6em;
	font-weight: 900; 
	color: #00aa00;
	margin: 18px 0 0 0;
}

#ato div.q00 {
	display:block;
	float: right;
	width: 75%;
	font-size: 100%;
	line-height: 1.2em;
	font-weight: 900; 
	color: #0099ff;
	margin: 18px 0 0 0;
}

.a00 {
	display:block;
	float: right;
	width: 75%;
	font-size: 100%;
	line-height: 1.6em;
	font-weight: 400; 
	color: #666666;
	text-justify: distribute;
	margin: 8px 0 18px 0;
}

.a00 a {
	font-weight: 900;
	color: #ee9900;
}

.a00 ul {
	margin-top: 0;
}

.a00_2 {
	font-size: 11px;
	line-height: 20px;
	font-weight: 400; 
	color: #666666;
	text-justify: distribute;
	margin: 5px 0 0 1em;
	text-indent: -1em;
}

.to_honefaq {
	width: 80%;
	font-size: 100%;
	line-height: 3em;
	font-weight: 200;
	color: #009999;
	text-align: center;
	border: 1px solid #009999;
	margin: 50px auto 80px auto;
	padding: 15px;
	background-color: #ffffff;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px; 
	border-radius: 6px; 
	behavior: url(//www.towahitech.com/css/ie-css3.htc); 
}

.to_honefaq a{
	color: #0066ff;
}

.to_honefaq a:hover {
	color: #0033ff;
}

.keyword {
	font-size: 120%;
	line-height: 2em;
	font-weight: 400; 
	color: #666666;
	text-justify: distribute;
	margin: 30px auto 30px auto;
}

#screenshot{
	position: absolute;
	border: 1px solid #ffffff;
	background: #666666;
	padding: 5px;
	display: none;
	color: #ffffff;
	text-align: center;
}

.faq_prkome {
	display:block;
	margin: 5px 0 0 0;
	font-size: 75%;
	line-height: 1.2em;
	padding-left:1em;
	text-indent:-1em;
}

/* ******************* usersvoice_h_reader_x ************************************** */

.uv_voicebox_1 { 
	width: auto; 
	margin: 0 0 15px 0; 
	padding: 0 0 5px 0; 
	border-top: 2px solid #00aa00;
	color: #444444;
}

.uv_voicebox_koe { 
	display:block;
	background-color: #ffffff; 
	background-repeat: no-repeat; 
	background-position: 0 0; 
	width: auto; 
	margin: 0 0 20px 0; 
	padding: 0 10px 10px 10px; 
	border: 1px solid #00aa00;
	font-size: 110%;
	line-height: 1.6em;
	letter-spacing: 1px;
	color: #00aa00;
	-moz-border-radius: 4px; 
	-webkit-border-radius: 4px; 
	border-radius: 4px; 
	behavior: url(./css/ie-css3.htc);
}

.uv_koe {
	display:block;
	color: white;
	background-color: #00aa00;
	margin-top: -10px;
	margin-bottom: -15px; 
	padding: 4px 10px 4px 10px;
	font-family: "メイリオ",Meiryo,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;
	font-size: 90%;
	text-align: center;
	width: 120px;
	-moz-border-radius: 0 0 4px 4px; 
	-webkit-border-radius: 0 0 4px 4px; 
	border-radius: 0 0 4px 4px; 
	behavior: url(./css/ie-css3.htc);  
}

.uv_voicebox_goyoubo { 
	display:block;
	background-color: #ffffff; 
	background-repeat: no-repeat; 
	background-position: 0 0; 
	width: auto; 
	margin: 40px 0 0 0; 
	padding: 0 10px 10px 10px; 
	border: 1px solid #0099ff;
	font-size: 110%;
	line-height: 1.6em;
	letter-spacing: 1px;
	color: #0099ff;
	-moz-border-radius: 4px; 
	-webkit-border-radius: 4px; 
	border-radius: 4px; 
	behavior: url(./css/ie-css3.htc);
}

.uv_goyoubo {
	display:block;
	color: white;
	background-color: #0099ff;
	margin-top: 0;
	margin-bottom: -15px; 
	padding: 4px 10px 4px 10px;
	font-family: "メイリオ",Meiryo,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;
	font-size: 90%;
	text-align: center;
	width: 120px;
	-moz-border-radius: 0 0 4px 4px; 
	-webkit-border-radius: 0 0 4px 4px; 
	border-radius: 0 0 4px 4px; 
	behavior: url(./css/ie-css3.htc);  
}

.uv_voicebox_kaizen { 
	display:block;
	background-color: #0099ff; 
	background-repeat: no-repeat; 
	background-position: 0 0; 
	width: auto; 
	margin: 0 0 60px 0; 
	padding: 0 10px 10px 10px; 
	border: 1px solid #0099ff;
	font-size: 110%;
	line-height: 1.6em;
	letter-spacing: 1px;
	color: #ffffff;
	-moz-border-radius: 4px; 
	-webkit-border-radius: 4px; 
	border-radius: 4px; 
	behavior: url(./css/ie-css3.htc);
}

.uv_kaizen {
	display:block;
	color: #0099ff;
	background-color: #ffffff;
	margin-top: 0;
	margin-bottom: -15px; 
	padding: 4px 10px 4px 10px;
	font-family: "メイリオ",Meiryo,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;
	font-size: 90%;
	text-align: center;
	width: 120px;
	-moz-border-radius: 0 0 4px 4px; 
	-webkit-border-radius: 0 0 4px 4px; 
	border-radius: 0 0 4px 4px; 
	behavior: url(./css/ie-css3.htc);  
}

.uv_sankaku {
	width: 0;
	height: 0;
	border: 20px solid transparent;
	border-top: 20px solid #0099ff;
	margin: 0 auto -15px auto;
}

.uv_q_kazari { 
	display:block;
	color: #ffffff; 
	background-color: #00aa00;
	border: 1px solid #00aa00;
	margin-top: 60px;
	margin-right: 10px;
	margin-bottom: 0;
	font-family: "ヒラギノ明朝 Pro W6", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", serif;
	font-size: 180%;
	line-height: 1em;
	text-align: center;
	width: 200px;
	-moz-border-radius: 4px 4px 0 0; 
	-webkit-border-radius: 4px 4px 0 0; 
	border-radius: 4px 4px 0 0; 
	behavior: url(./css/ie-css3.htc);  
}

.uv_text_title {
	font-family: "ヒラギノ明朝 Pro W6", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", serif;
	font-size: 150%;
	color: #444444;
	margin: 15px 0 15px 0; 
}

.uv_left {
	width: 100%;
	float: none;
	margin: 15px 0 5px 0;
}

.uv_right {
	width: 100%;
	float: none;
	margin: 15px 0 5px 0;
}




.uv_maru20 {
	background-color: #00aa00; 
	width: 20px;
	height: 20px;
	-moz-border-radius: 10px; 
	-webkit-border-radius: 10px; 
	border-radius: 10px; 
	behavior: url(./css/ie-css3.htc);
	margin: -20px auto 30px;
}

.uv_maru60 {
	background-color: #00aa00; 
	width: 60px;
	height: 60px;
	-moz-border-radius: 30px; 
	-webkit-border-radius: 30px; 
	border-radius: 30px; 
	behavior: url(./css/ie-css3.htc);
	margin: -20px auto -30px;  
}

.uv_kairyo_box {
	background-color: #00aa00; 
	background-repeat: no-repeat; 
	background-position: 0 0; 
	width: auto; 
	margin: 0 0 20px 0; 
	padding: 10px; 
	border: 1px solid #00aa00;
	-moz-border-radius: 4px; 
	-webkit-border-radius: 4px; 
	border-radius: 4px; 
	behavior: url(./css/ie-css3.htc);  
}

.uv_kairyo_box hr {
	border:none;
	border-top: dashed 1px #ffffff;
	height: 1px;
	color: #ffffff;
	width: 100%;
	margin: 30px 0;
}

.uv_kairyo_title_a {
	font-family: "ヒラギノ明朝 Pro W6", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", serif;
	font-size: 200%;
	font-weight: bold; 
	line-height: 1em;
	color: #ffffff;
	text-align: center;
	margin: 30px auto 0;
	border-bottom: 1px solid #ffffff;
	width: auto;
}

.uv_kairyo_title_b {
	color: #00aa00;
	background-color: #ffffff;
	font-family: "メイリオ",Meiryo,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;
	font-size: 140%;
	line-height: 1.2em;
	text-align: center;
}

.uv_kairyo_title_c {
	font-family: "ヒラギノ明朝 Pro W6", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", serif;
	font-size: 15px;
	color: #ffffff;
	text-align: center;
	margin: 0 auto 20px; 
}

.uv_kairyo_title_d {
	color: #ffffff;
	border: 1px solid #ffffff;
	font-family: "メイリオ",Meiryo,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;
	font-size: 140%;
	line-height: 1.2em;
	text-align: center;
}

.uv_kairyo_text01 {
	font-family: "メイリオ",Meiryo,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;
	font-size: 110%;
	color: #ffffff;
	margin: -10px -10px -10px -10px;
}

.uv_kairyo_text02 {
	font-family: "メイリオ",Meiryo,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;
	font-size: 110%;
	color: #ffffff;
	margin: 0 -10px -10px -10px;
}

.uv_img_taiou {
	display:block;
	width: 80%;
	margin: 0 auto 40px auto;
}

.uv_text_end {
	font-family: "メイリオ",Meiryo,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;
	font-size: 160%;
	font-weight: 700;
	color: #00aa00;
	margin: 40px 0 40px 0;
}

@media only screen and (min-width: 480px) {

.uv_left {
	width: 48%;
	float: left;
	margin: 15px 0 5px 0;
}

.uv_right {
	width: 48%;
	float: right;
	margin: 15px 0 5px 0;
}

.uv_kairyo_text01 {
	font-family: "メイリオ",Meiryo,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;
	font-size: 110%;
	color: #ffffff;
	margin: -10px -10px -10px -30px;
}

.uv_img_taiou {
	display:block;
	width: 80%;
	margin: 0 auto 40px auto;
}

}

/*--kaigen-----------------------------------------------------------*/
div.kaigen_box {
	margin: 30px auto 0 auto;
	width: 92%;
	display: block;
	text-align: center;
}

div.kaigen_box_left {
	display: block;
	padding: 0;
	margin: 0;
	width: 100%;
	border: 1px solid #0099ff;
	background: #0099ff;
	color:#ffffff;
	font-weight: bold;
	font-size: 140%;
	text-align: center;
	vertical-align: middle;
}

div.kaigen_box_right {
	display: block;
	padding: 0;	
	margin: 0;
	width: 100%;
	border: 1px solid #0099ff;
	background: #ffffff;
	color:#111111;
	font-weight: 200;
	font-size: 120%;
	text-align: left;
	vertical-align: top;
}

.kaigen_box_right ul.kaigen_list {
	margin: -10px 10px -10px 10px;
}


.kaigen_box_right ul.kaigen_list li p.kaigen_komidashi {
	font-size: 110%;
	width :100%;
	border-bottom: 1px dotted #111111;
	margin-bottom: -3px;
	margin-top: -3px;
}


p.kaigen_box_right_t {
	margin: 0 0 -10px 0;

}

div.kaigen_box_right ul li {
	border-top: 0px dotted #0099ff;
	margin: 0 auto 10px auto;
	padding-top: 10px;
	line-height: 1.2em;
	text-align: center;
}

.kaigen_mini {
	font-size: 70%;
}


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

	div.kaigen_box {
		margin: 30px auto 0 auto;
		width: 80%;
		display: block;
		text-align: center;
	}

	div.kaigen_box_left {
		display: block;
		padding: 5px;
		margin: 0;
		width: 100%;
		color:#ffffff;
		font-weight: bold;
		font-size: 100%;
		text-align: center;
		vertical-align: middle;
	}

	div.kaigen_box_right {
		display: block;
		padding: 5px;
		margin: 0;
		width: 100%;
		color:#111111;
		font-weight: 200;
		font-size: 80%;
		text-align: left;
		vertical-align: top;
	}



}





	/* ------------------------------------------------ drawer menu */

@media only screen and (max-width: 960px) {
	
	div.drawer_set {
		display: block;
	}
	.drawer_contents {
		display: table;
		width: 100%;
		height: 100vh;
		padding: 0;
		margin: 0;
		background: #fff;
		box-shadow: 0 0 50px 0 rgba(0,0,0,.8);
		-webkit-transition-property: all;
		transition-property: all;
		-webkit-transition-delay: .3s;
		transition-delay: .3s;
		-webkit-transition-duration: .5s;
		transition-duration: .5s;
	}

	.drawer_contents__inner {
		display: table-cell;
		vertical-align: middle;
	}

	.drawer-menu {
		box-sizing: border-box;
		position: fixed;
		top: 0;
		right: 0;
		width: 300px;
		height: 100%;
		padding: 120px 0;
		background: #222;
		-webkit-transition-property: all;
		transition-property: all;
		-webkit-transition-duration: .5s;
		transition-duration: .5s;
		-webkit-transition-delay: 0s;
		transition-delay: 0s;
		-webkit-transform-origin: right center;
		-ms-transform-origin: right center;
		transform-origin: right center;
		-webkit-transform: perspective(500px) rotateY(-90deg);
		transform: perspective(500px) rotateY(-90deg);
		opacity: 0;
	}

	.drawer-menu li {
		text-align: center;
	}

	label.drawer-menu_midashi {
		text-align: center;
		display: block;
		margin-top:20px;
		height: 25px;
		line-height: 25px;
		font-size: 100％;
		color: #0099ff;
		border-bottom: 1px solid #0099ff;
		-webkit-transition: all .8s;
		transition: all .8s;
	}

	.drawer-menu li a {
		display: block;
		margin: 0;
		height: 15px;
		line-height: 15px;
		font-size: 85％;
		color: #fff;
		-webkit-transition: all .8s;
		transition: all .8s;
	}

	.drawer-menu li a:hover {
		color: #1a1e24;
		background: #fff;
	}

	/* ------------------------------------------------ checkbox */

	.check {
		display: none;
	}

	/* ------------------------------------------------ menu button */
	
	
	.menu-btn_box {
		position: fixed;
		display: block;
		top: 30px;
		right: 30px;
		display: block;
		width: 60px;
		height: 70px;
		background: #003399;
		padding: 10px 5px 5px 5px;
		border: 2px solid #ffffff;
		z-index: 3;
	}
		
	.menu-btn {
		position: fixed;
		display: block;
		top: 40px;
		right: 40px;
		width: 40px;
		height: 40px;
		font-size: 10px;
		text-align: center;
		cursor: pointer;
		z-index: 3;
	}

	.bar {
		position: absolute;
		top: 0;
		left: 0;
		display: block;
		width: 40px;
		height: 2px;
		background: #fff;
		-webkit-transition: all .5s;
		transition: all .5s;
		-webkit-transform-origin: left top;
		-ms-transform-origin: left top;
		transform-origin: left top;
	}

	.bar.middle {
		top: 15px;
		opacity: 1;
	}

	.bar.bottom {
		top: 30px;
		-webkit-transform-origin: left bottom;
		-ms-transform-origin: left bottom;
		transform-origin: left bottom;
	}

	.menu-btn__text {
		position: absolute;
		bottom: -15px;
		left: 0;
		right: 0;
		margin: auto;
		color: #fff;
		-webkit-transition: all .5s;
		transition: all .5s;
		display: block;
		visibility: visible;
		opacity: 1;
		z-index: 3;
	}

	.menu-btn:hover .bar {
		background: #ffff99;
	}

	.menu-btn:hover .menu-btn__text {
		color:  #ffff99;
	}

	.close-menu {
		position: fixed;
		top: 0;
		right: 300px;
		width: 100%;
		height: 100vh;
		background: rgba(0,0,0,0);
		-webkit-transition-property: all;
		transition-property: all;
		-webkit-transition-duration: .3s;
		transition-duration: .3s;
		-webkit-transition-delay: 0s;
		transition-delay: 0s;
		visibility: hidden;
		opacity: 0;
	}

	/* ------------------------------------------------ checked */

	.check:checked ~ .drawer-menu {
		-webkit-transition-delay: .3s;
		transition-delay: .3s;
		-webkit-transform: none;
		-ms-transform: none;
		transform: none;
		opacity: 0.9;
		z-index: 2;
	}

	.check:checked ~ .drawer_contents {
		-webkit-transition-delay: 0s;
		transition-delay: 0s;
		-webkit-transform: translateX(-300px);
		-ms-transform: translateX(-300px);
		transform: translateX(-300px);
	}

	.check:checked ~ .menu-btn .menu-btn__text {
		visibility: hidden;
		opacity: 0;
	}

	.check:checked ~ .menu-btn .bar.top {
		width: 56px;
		-webkit-transform: rotate(45deg);
		-ms-transform: rotate(45deg);
		transform: rotate(45deg);
	}

	.check:checked ~ .menu-btn .bar.middle {
		opacity: 0;
	}

	.check:checked ~ .menu-btn .bar.bottom {
		width: 56px;
		top: 40px;
		-webkit-transform: rotate(-45deg);
		-ms-transform: rotate(-45deg);
		transform: rotate(-45deg);
	}

	.check:checked ~ .close-menu {
		-webkit-transition-duration: 1s;
		transition-duration: 1s;
		-webkit-transition-delay: .3s;
		transition-delay: .3s;
		background: rgba(0,0,0,.5);
		visibility: visible;
		opacity: 1;
		z-index: 3;
	}
}

@media only screen and (min-width: 960px) {

	div..menu-btn_box,
	nav.drawer-menu,
	nav.drawer-menu li,
	nav.drawer-menu li a,
	nav.drawer-menu li a:hover,
	input.check,
	label.menu-btn,
	span.bar,
	span.bar.middle,
	span.bar.bottom,
	span.menu-btn__text,
	label.menu-btn:hover .bar,
	label.menu-btn:hover .menu-btn__text,
	input.close-menu,
	input.check:checked ~ nav.drawer-menu,
	input.check:checked ~ label.menu-btn .menu-btn__text,
	input.check:checked ~ label.menu-btn .bar.top,
	input.check:checked ~ label.menu-btn .bar.middle,
	input.check:checked ~ label.menu-btn .bar.bottom,
	input.check:checked ~ label.close-menu,
	div.drawer_set {
		display: none;
	}
	.close-menu,
	div.menu-btn_box,
	div.drawer_set,
	div.drawer_set input,
	div.drawer_set label,
	div.drawer_set label span,
	div.drawer_set nav,
	div.drawer_set nav ul,
	div.drawer_setnav ul li {
			display: none;
	}

}

.hidden_box input {
	display: none;
}

.hidden_box .hidden_show {
	height: 0;
	padding: 0;
	overflow: hidden;
	opacity: 0;
	transition: 0.8s;
}

.hidden_box input:checked ~ .hidden_show {
	padding: 10px 0;
	height: auto;
	opacity: 1;
}





	/* ------------------------------------------------ otoi-btn */
	
#otoi-btn {
	position: fixed;
	bottom: 20px;
	left: 10px;
	font-family: "latoregular","メイリオ",Meiryo,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",sans-serif;
	z-index: 3;
}	
	
.a-btn{
	background:#fecc5f;
	background:-webkit-gradient(linear,left top,left bottom,color-stop(#feda71,0),color-stop(#febb4a,1));
	background:-webkit-linear-gradient(top, #feda71 0%, #febb4a 100%);
	background:-moz-linear-gradient(top, #feda71 0%, #febb4a 100%);
	background:-o-linear-gradient(top, #feda71 0%, #febb4a 100%);
	background:linear-gradient(top, #feda71 0%, #febb4a 100%);
	filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#feda71', endColorstr='#febb4a',GradientType=0 );
	border:1px solid #f5b74e;
	border-color:#f5b74e #e5a73e #d6982f;
	-webkit-box-shadow:0 1px 1px #d3d3d3, inset 0 1px 0 #fee395;
	-moz-box-shadow:0 1px 1px #d3d3d3, inset 0 1px 0 #fee395;
	box-shadow:0 1px 1px #d3d3d3, inset 0 1px 0 #fee395;
	padding:0px 80px 0px 10px;
	height:55px;
	display:inline-block;
	position:relative;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	border-radius:4px;
	float:left;
	margin:10px;
	overflow:hidden;
	-webkit-transition:all 0.3s linear;
	-moz-transition:all 0.3s linear;
	-o-transition:all 0.3s linear;
	transition:all 0.3s linear;
}
.a-btn-text{
	line-height: 55px;
	display:block;
	font-size:14px;
	font-weight: 600;
	white-space:nowrap;
	color:#996633;
	text-shadow:0 1px 0 #fedd9b;
	-webkit-transition:all 0.3s linear;
	-moz-transition:all 0.3s linear;
	-o-transition:all 0.3s linear;
	transition:all 0.3s linear;
}
.a-btn-slide-text{
	position:absolute;
	top:35px;
	left:0px;
	width:auto;
	right:52px;
	height:0px;
	background:#fff;
	color:#996633;
	font-size:11px;
	overflow:hidden;
	line-height:30px;
	text-align: center;
	-webkit-box-shadow:-1px 0px 1px rgba(255,255,255,0.4), 1px 1px 1px rgba(0,0,0,0.5) inset;
	-moz-box-shadow:-1px 0px 1px rgba(255,255,255,0.4), 1px 1px 1px rgba(0,0,0,0.5) inset;
	box-shadow:-1px 0px 1px rgba(255,255,255,0.4), 1px 1px 1px rgba(0,0,0,0.5) inset;
	-webkit-transition:height 0.3s linear;
	-moz-transition:height 0.3s linear;
	-o-transition:height 0.3s linear;
	transition:height 0.3s linear;
}
.a-btn-icon-right{
	position:absolute;
	right:0px;
	top:0px;
	height:100%;
	width:52px;
	border-left:1px solid #f5b74e;
	-webkit-box-shadow:1px 0px 1px rgba(255,255,255,0.4) inset;
	-moz-box-shadow:1px 0px 1px rgba(255,255,255,0.4) inset;
	box-shadow:1px 0px 1px rgba(255,255,255,0.4) inset;
}
.a-btn-icon-right span{
	width:38px;
	height:38px;
	opacity:0.7;
	position:absolute;
	left:50%;
	top:50%;
	margin:-20px 0px 0px -20px;
	background:transparent url(../images/arrow_right.png) no-repeat 50% 55%;
	-webkit-transition:all 0.3s linear;
	-moz-transition:all 0.3s linear;
	-o-transition:all 0.3s linear;
	transition:all 0.3s linear;
}
.a-btn:hover{
	height:245px;
	-webkit-box-shadow:0px 1px 1px rgba(255,255,255,0.8) inset, 1px 1px 5px rgba(0,0,0,0.4);
	-moz-box-shadow:0px 1px 1px rgba(255,255,255,0.8) inset, 1px 1px 5px rgba(0,0,0,0.4);
	box-shadow:0px 1px 1px rgba(255,255,255,0.8) inset, 1px 1px 5px rgba(0,0,0,0.4);
}
.a-btn:hover .a-btn-text{
	text-shadow:0px 1px 1px rgba(0,0,0,0.2);
	color:#fff;
}
.a-btn:hover .a-btn-slide-text{
	height:200px;
}
.a-btn:hover .a-btn-icon-right span{
	opacity:1;
	-webkit-transform:rotate(-45deg);
	-moz-transform:rotate(-45deg);
	-ms-transform:rotate(-45deg);
	-o-transform:rotate(-45deg);
	transform:rotate(-45deg);
}
.a-btn:active{
	position:relative;
	top:1px;
	background:#fec354;
	background:-webkit-gradient(linear,left top,left bottom,color-stop(#fec354,0),color-stop(#fecd61,1));
	background:-webkit-linear-gradient(top, #fec354 0%, #fecd61 100%);
	background:-moz-linear-gradient(top, #fec354 0%, #fecd61 100%);
	background:-o-linear-gradient(top, #fec354 0%, #fecd61 100%);
	background:linear-gradient(top, #fec354 0%, #fecd61 100%);
	filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#fec354', endColorstr='#fecd61',GradientType=0 );
	border-color:#d29a3a #cc9436 #c89133;
	text-shadow:0 1px 0 #fee1a0;
	-webkit-box-shadow:0 1px 1px #d4d4d4, inset 0 1px 0 #fed17e;
	-moz-box-shadow:0 1px 1px #d4d4d4, inset 0 1px 0 #fed17e;
	box-shadow:0 1px 1px #d4d4d4, inset 0 1px 0 #fed17e;
}

a.otoi-btn_tel {
	font-size: 120%;
	font-weight: 900;
	line-height: 30px;
	display: block;
	border: 1px solid #0099ff;
	background: #ffffff;
	color: #0099ff;
	text-decoration:none;
	-webkit-border-radius:15px;
	-moz-border-radius:15px;
	border-radius:15px;
	margin: 5px;
}

a.otoi-btn_btn {
	font-size: 105%;
	font-weight: 400;
	line-height: 30px;
	display: block;
	border: 1px solid #0099ff;
	background: #0099ff;
	color: #ffffff;
	text-decoration:none;
	-webkit-border-radius:15px;
	-moz-border-radius:15px;
	border-radius:15px;
	margin: 5px;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
}

a.otoi-btn_btn:hover,
a.otoi-btn_btn:after {
	transform: scale(1);
	box-shadow: 0 5px 20px rgba(0, 0, 0, 0.8), 0 0 6px rgba(0, 0, 0, 0.3);
}
.otoi-btn_mini {
	font-size: 80%;
	font-weight: 100;
}


.fnav {
	display: -ms-flexbox;
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
	-ms-flex-pack: justify;
	-webkit-box-pack: justify;
	-webkit-justify-content: censpace-betweenter;
	justify-content: space-between;
	margin: 0 50px 30px 50px;
	padding: 40px 0;
}

.fnav > ul {
	width: 33%;
	margin-bottom: 0;
	font-size: 12px;
}
.fnav > ul li {
	text-align: left;
	padding-left:1em;
	text-indent:-1em;
	
}

.copyright {
	padding: 20px 0;
	color: #ffffff;
	font-size: 11px;
	text-align: center;
	border-top: 1px solid #ffffff;
}



.fnav_a,
.fnav_a:link,
.fnav_a:visited {
	color: #ffffff;
}

.fnav_a:hover,
.fnav_a:active {
	color: #0099ff;
}

.fnav ul li.fnav_bold {
	font-weight: bold;
}

.fnav ul li span.fnav_mark {
	display: inline;
}

@media screen and (max-width: 600px) {
	footer {
		margin-top: 40px;
	}

	.fnav {
		display: block;
		margin: 0;
	}
	.fnav > ul {
		width: 100%;
		font-size: 15px;
	}
	.fnav > ul li {
		text-align: center;
		line-height: 2.5em;
	}
	.fnav ul li span.fnav_mark {
		display: none;
	}


}


/*--adjustment
-----------------------------------------------------------*/

.bottom5 {
	margin-bottom: 5px;
}
.bottom10 {
	margin-bottom: 10px;
}

.bottom20 {
	margin-bottom: 20px;
}

.bottom40 {
	margin-bottom: 40px;
}

.bottom-5 {
	margin-bottom: -5px;
}
.
bottom-10 {
	margin-bottom: -10px;
}

.bottom-20 {
	margin-bottom: -20px;
}

.bottom-40 {
	margin-bottom: -40px;
}

.top5 {
	margin-top: 5px;
}

.top10 {
	margin-top: 10px;
}

.top20 {
	margin-top: 20px;
}

.top30 {
	margin-top: 30px;
}

.top40 {
	margin-top: 40px;
}

.top-5 {
	margin-top: -5px;
}

.top-10 {
	margin-top: -10px;
}

.top-20 {
	margin-top: -20px;
}

.top-40 {
	margin-top: -40px;
}

.left5 {
	margin-left: 5px;
}

.left10 {
	margin-left: 10px;
}

.left20 {
	margin-left: 20px;
}

.left40 {
	margin-left: 40px;
}

.left-5 {
	margin-left: -5px;
}

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

.left-20 {
	margin-left: -20px;
}

.left-40 {
	margin-left: -40px;
}

.right5 {
	margin-right: 5px;
}

.right10 {
	margin-right: 10px;
}

.right20 {
	margin-right: 20px;
}

.right40 {
	margin-right: 40px;
}

.right-5 {
	margin-right: -5px;
}

.right-10 {
	margin-right: -10px;
}

.right-20 {
	margin-right: -20px;
}

.right-40 {
	margin-right: -40px;
} 

.att {
	padding-left: 1em;
	text-indent: -1em;
}

/*
memo
濃紺
#110088
青
#0066ff
#0099ff
#00ffff
青灰
#225566
#e7e7e7
黄緑
#00aa00
#00cc00
#cceeaa
緑
#009944
#00ddccee6688
ピンク
#ff99aa
#ee6688
*/