@charset "UTF-8";

/*-------------------------------------
	Reset
-------------------------------------*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
	outline: 0;
}
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

* {
	box-sizing:border-box;
}


/*-------------------------------------
	Base Style
-------------------------------------*/
body {
	color:#000000;
	font-family:-apple-system, 'Helvetica Neue', 'Hiragino Kaku Gothic ProN', 'メイリオ', meiryo, sans-serif;
	background:#ffffff;
}

a:link { color:#e85298; text-decoration:none; }
a:visited { color:#c83278; }
a:active { color:#ff0000; }
a:hover { text-decoration:underline; }




/*-------------------------------------
	Common Style
-------------------------------------*/
p { margin:1em 0; }

.clear { clear:both; }

.clearfix:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
}
* html .clearfix { zoom: 1;}
*:first-child+html .clearfix { zoom: 1;}

html, body {
	height:100%;
}

.inner {
	width:1000px;
	margin:0 auto;
}

.float-left  { float:left; }
.float-right { float:right; }

.list-type-decimal {
	list-style-type:decimal;
	list-style:decimal;
	padding:0 5px;
}

.align-left   { align:left; }
.align-center { align:center; }
.align-right  { align:right; }

.font-size-50  { font-size: 50%; }
.font-size-60  { font-size: 60%; }
.font-size-70  { font-size: 70%; }
.font-size-80  { font-size: 80%; }
.font-size-90  { font-size: 90%; }
.font-size-100 { font-size: 100%; }
.font-size-110 { font-size: 110%; }
.font-size-120 { font-size: 120%; }
.font-size-130 { font-size: 130%; }
.font-size-140 { font-size: 140%; }
.font-size-150 { font-size: 150%; }
.font-size-160 { font-size: 160%; }
.font-size-170 { font-size: 170%; }
.font-size-180 { font-size: 180%; }
.font-size-190 { font-size: 190%; }
.font-size-200 { font-size: 200%; }

.font-small  { font-size:80%; }
.font-normal { font-size:100%; }
.font-big    { font-size:120%; }

.font-weight-bold   { font-weight:bold; }
.font-weight-normal { font-weight:normal; }

.font-underline { text-decoration:underline; }
.font-strike    { text-decoration:line-through; }

.align-left   { text-align:left !important; }
.align-center { text-align:center !important; }
.align-right  { text-align:right !important; }

.color-red { color:#e85298; }
.color-blue { color:#00b4de; }
.color-yellow { color:#ffe100; }
.color-orange { color:#ff8200; }

.h-style-1 {
	margin:0 0 10px;
	font-size:150%;
	font-family: 'Raleway', sans-serif;
	font-weight:normal;
	text-align:left;
}

.h-style-2 {
	margin:10px 0;
	font-size:130%;
	text-align:center;
}

.h-style-3 {
	margin:20px 0;
	padding:13px;
	color:#333333;
	font-size:120%;
	font-family: 'Raleway', sans-serif;
	text-align:center;
}

.h-style-4 {
	position:relative;
	margin:10px 0 20px;
	color:#444444;
	font-size:200%;
	font-family: 'Raleway', sans-serif;
	font-weight:normal;
	line-height:36px;
	text-align:center;
	background:#ffffff;
}
.h-style-4:after, .h-style-4:before {
	display:block;
	position:absolute;
	top:18px;
	content: " ";
	width:25%;
	border-top:1px solid #444444;
}
.h-style-4:before { left:0; }
.h-style-4:after { right:0; }

.h-style-4-2 {
	position:relative;
	margin:10px 0 20px;
	color:#444444;
	font-size:200%;
	font-family: 'Raleway', sans-serif;
	font-weight:normal;
	line-height:36px;
	text-align:center;
	background:#ffffff;
}
.h-style-4-2:after, .h-style-4-2:before {
	display:block;
	position:absolute;
	top:18px;
	content: " ";
	width:15%;
	border-top:1px solid #444444;
}
.h-style-4-2:before { left:0; }
.h-style-4-2:after { right:0; }

.h-style-5 {
	margin:0 0 20px;
	font-size:240%;
	font-family: 'Raleway', sans-serif;
	text-align:center;
}

.h-style-6 {
	margin:0 0 20px;
	font-size:180%;
	font-family: 'Raleway', sans-serif;
	text-align:center;
}

.h-style-7 {
	margin:0 0 20px;
	font-size:140%;
	font-family: 'Raleway', sans-serif;
	text-align:center;
}


/*	Memo
	yellow	#ffe100
	red		#e85298
	blue	#00b4de
*/

.table-normal-style {
	width:90%;
	margin:0 auto;
	border:1px solid #cccccc;
}
.table-normal-style th, .table-normal-style td {
	padding:3px 15px;
	border:1px solid #cccccc;
}
.table-normal-style th {
	color:#ffffff;
	background:#00b4de;
}

/*-------------------------------------
	Header
-------------------------------------*/
header {
	position:relative;
	height:85px;
}

header:after {
	display:block;
	position:absolute;
	top:85px;
	left:0;
	width:100%;
	height:2px;
	background:url('../image/header-line.gif') center center repeat-x;
	z-index:999;
	content: " ";
}

#global-nav {
	height:30px;
	line-height:30px;
	background:#333333;
}

#global-nav div {
	position:relative;
	width:1000px;
	margin:0 auto;
	font-size:80%;
}

#global-nav div ul li {
	float:right;
}

#global-nav div ul li a {
	color:#ffffff;
}

#header-inner {
	width:1000px;
	height:55px;
	margin:0 auto;
	overflow:hidden;
}

header h1 {
	float:left;
}

header nav ul {
	width:750px;
	height:55px;
	font-size:90%;
	border-radius:0 0 5px 5px;
	float:right;
}

header nav ul li {
	height:55px;
	text-align:center;
	overflow:hidden;
	float:left;
	transition:background 200ms;
}

header nav ul li a {
	display:block;
	width:150px;
	height:39px;
	line-height:39px;
	margin:8px 0;
	color:#333333 !important;
	text-decoration:none !important;
	border-right:1px solid #cccccc;
}

header nav ul li:last-child a {
	border-right:none;
}

header nav ul li:hover a {
	color:#ffffff !important;
}

header nav ul li:hover {
	/* background:#149d8a; */
	background:#00b4de;
}

header nav ul li.line {
	width:7px;
	background:url('../image/line.gif') center center no-repeat;
}


/*-------------------------------------
	Footer
-------------------------------------*/
footer {
	margin:50px 0 0;
	background:#e6e6e6;
	overflow:hidden;
}

footer #footer-container {
	margin:30px auto;
}

footer #footer-container ul {
	width:300px;
	margin-right:20px;
	padding-left:10px;
	border-left:2px solid #e85298;
	overflow:hidden;
	float:left;
}

footer #footer-container ul:nth-child(3n+1) { border-left:2px solid #00b4de; }
footer #footer-container ul:nth-child(3n+3) { border-left:2px solid #ffe100; }

footer #footer-container ul a {
	color:#333333;
}

footer #footer-container ul h3 {
	margin:0 0 13px;
	font-size:100%;
	font-weight:bold;
	line-height:1.3;
}

footer #footer-container ul li {
	margin:10px 0;
	font-size:90%;
}

footer #footer-copy {
	padding:8px 0;
	color:#777777;
	font-size:80%;
	text-align:center;
	background:#f5f5f5;
}


/*-------------------------------------
	Main
-------------------------------------*/
#main {
	min-height:100%;
	clear:both;
}

h2.page-category {
	margin:20px 0;
	padding:13px;
	color:#333333;
	font-size:120%;
	font-family: 'Raleway', sans-serif;
	text-align:center;
}

h2.page-category span {
	margin-left:0.3em;
	padding:0 0.5em;
	color:#e5e5e5;
	background:#888888;
	border-radius:1px;
}

#sidebar {
	width:240px;
	margin:30px 0;
	padding:2px;
	background:url('../image/top-products-bg-repeat.png') 0 0 repeat;
	float:left;
}

#sidebar ul {
	font-size:90%;
	background:#ffffff;
	overflow:hidden;
}

#sidebar ul li {
	color:#333333;
	border-bottom:1px dotted #999999;
}

#sidebar ul li:last-child {
	border-bottom:none;
}

#sidebar ul li a {
	display:block;
	padding:18px 10px;
	color:#333333;
}


/*-------------------------------------
	TopPage
-------------------------------------*/
#top-image {
	position:relative;
	padding:20px 0;
	text-align:center;
	background:#f8f8f8;
}

#top-image img {
	box-shadow:2px 2px 3px rgba(0, 0, 0, 0.4);
}

#top-products {
	margin:30px auto 60px;
}

h2.top-heading {
	margin:0 0 20px;
	font-size:240%;
	font-family: 'Raleway', sans-serif;
	text-align:center;
}

#top-products a {
	display:block;
	width:320px;
	height:300px;
	margin-right:20px;
	padding:2px;
	background:url('../image/top-products-bg.png') 0 0 repeat-x;
	overflow:hidden;
	float:left;
	perspective: 1000;
}

#top-products a:hover {
	text-decoration:none;
}

#top-products a:last-child {
	margin-right:0;
}

#top-products a div.top-products-icon {
	height:200px;
	text-align:center;
	background:#eeeeee;
}

#top-products a div.top-products-icon img {
	margin:25px 0;
	transition: 0.6s;
	transform-style: preserve-3d;
}

#top-products a:hover div.top-products-icon img {
	transform: rotateY(360deg);
}

#top-products a div.top-products-text {
	height:96px;
	color:#444444;
	background:#ffffff;
	overflow:hidden;
}

#top-products a div.top-products-text h3 {
	margin:10px 0;
	font-size:130%;
	text-align:center;
}

#top-products a div.top-products-text p {
	margin:8px 13px;
	font-size:90%;
	line-height:1.5;
}

#top-topics {
	width:660px;
	float:left;
}

#top-topics ul.topics-list {
	padding:10px 15px;
	line-height:1.5;
	background:#ffffff;
	border:6px solid #eeeeee;
	border-radius:5px;
}

#top-topics ul.topics-list li {
	padding:9px 15px 9px;
	color:#555555;
	border-bottom:1px dashed #dddddd;
}

#top-topics ul.topics-list li .topics-date {
	color:#00b4de;
}

#top-topics ul.topics-list li .topics-title {
	display:block;
	width:490px;
	color:#555555;
	float:right;
}

#top-topics ul.topics-list li a {
	padding:0 0.3em 0 0;
	color:#555555;
	text-decoration:underline;
	transition: 0.5s;
}

#top-topics ul.topics-list li a:hover {
	padding:0 0 0 0.3em;
	color:#e85298;
}

#top-contact {
	width:320px;
	float:right;
}

#top-contact-list {
	padding:10px 10px;
	text-align:left;
	line-height:1.5;
	background:#ffffff;
	border:6px solid #eeeeee;
	border-radius:5px;
}

#top-contact-list h3 {
	font-size:120%;
}

#top-contact-list div {
	margin:0 0 7px;
}

#top-contact-list div:last-child {
	margin:0;
}

#top-contact-list div span {
	margin:0 10px 0 0;
	font-family: 'Raleway', sans-serif;
	float:left;
}

#top-contact-list div p { margin:0; }

#daito-group-logo-wrapper {
	position:absolute;
	top:50%;
	left:50%;
	width:1000px;
	height:300px;
	margin:-150px 0 0 -500px;
}

#daito-group-logo {
	position:absolute;
	top:15px;
	left:913px;
	width:60px;
	height:60px;
	background-image:url('../image/daito-group-logo.png');
	background-repeat:no-repeat;
	background-position:0 0;
	z-index:999;
}


/*-------------------------------------
	Products
-------------------------------------*/
#prod-container {
	margin:30px auto 0;
}

#prod-container h3 {
	margin:30px 0 10px;
	font-size:130%;
	font-family: 'Raleway', sans-serif;
	font-weight:normal;
	text-align:left;
}

#prod-container .prod-desc {
	margin:10px 0;
	font-size:80%;
	text-align:right;
	line-height:1.4;
}

.prod-table {
	width:100%;
	margin:10px 0 10px;
	font-size:80%;
	line-height:1.4;
	border-collapse:collapse;
	border:1px solid #cccccc;
}

.prod-table th, .prod-table td {
	padding:7px 5px;
	text-align:center;
	vertical-align:middle;
	border:1px solid #cccccc;
}

.prod-table th {
	color:#ffffff;
	background:#00b4de;
	border:1px solid #0094ae;
}

#prod-container h2 {
	position:relative;
	margin:50px 0 0;
	color:#444444;
	font-size:200%;
	font-family: 'Raleway', sans-serif;
	font-weight:normal;
	line-height:36px;
	text-align:center;
	background:#ffffff;
}
#prod-container h2:after,
#prod-container h2:before {
	display:block;
	position:absolute;
	top:18px;
	content: " ";
	width:25%;
	border-top:1px solid #444444;
}
#prod-container h2:before { left:0; }
#prod-container h2:after { right:0; }

a[href$=".pdf"] {
	margin-right:0.3em;
	padding-right:18px;
	background:url('../image/icon-pdf.gif') right center no-repeat;
}
.icon-pdf {
	margin-right:0.3em;
	padding-right:18px;
	background:url('../image/icon-pdf.gif') right center no-repeat;
}

#prod-nav {
	width:950px;
	margin:50px auto;
}

#prod-nav ul {
	width:25%;
	font-size:90%;
	float:left;
}

#prod-nav ul li {
	margin:5px 0;
	line-height:1.3;
}



/*-------------------------------------
	Corporate
-------------------------------------*/
#corp-container {
	width:750px;
	margin:30px 0 0 10px;
	float:right;
}

.corp-box {
	margin:0 0 50px;
	padding:0 20px;
	font-size:100%;
	line-height:1.6;
}

#corp-table {
	margin:0 0 50px;
	font-size:95%;
	line-height:1.4;
	border-collapse:collapse;
	border-top:1px solid #dddddd;
}

#corp-table th, #corp-table td {
	padding:10px 15px;
	text-align:left;
	vertical-align:middle;
	background:#ffffff;
	border-bottom:1px solid #dddddd;
}

#corp-table th {
	width:200px;
	color:#000000;
	text-align:center;
	background:#eeeeee;
}

#corp-access {
	background:#ffffff;
	overflow:hidden
}

#corp-access h3 {
	margin:0 5px 5px;
	font-size:120%;
}

#corp-access h3 span {
	font-size:70%;
}

#corp-access iframe{
	margin:0 0 20px;
}

#corp-message {
	margin:0 0 50px;
	padding:0 20px;
	font-size:100%;
	line-height:1.6;
}

#corp-message img {
	width:200px;
	float:left;
}

#corp-message div {
	width:500px;
	float:right;
}

#corp-message div p {
	margin:0 0 1em;
}

#corp-message div .sign {
	margin:2em 0 0;
	font-weight:bold;
	text-align:right;
}



/*-------------------------------------
	Contact
-------------------------------------*/
#cont-container {
	width:750px;
	margin:30px 0 0 10px;
	overflow:hidden;
	float:right;
}

.cont-table {
	width:100%;
	margin:0 0 20px;
	font-size:95%;
	line-height:1.4;
	border-collapse:collapse;
	border-top:1px solid #dddddd;
}

.cont-table th, .cont-table td {
	padding:10px 15px;
	text-align:left;
	vertical-align:middle;
	background:#ffffff;
	border-bottom:1px solid #dddddd;
}

.cont-table th {
	width:200px;
	color:#000000;
	text-align:center;
	background:#eeeeee;
}



/*-------------------------------------
	Topics
-------------------------------------*/
.topics-box {
	margin:40px auto 0;
}

.topics-box ul.topics-list {
	padding:10px 20px;
	line-height:1.5;
	background:#ffffff;
	border:6px solid #eeeeee;
	border-radius:5px;
}

.topics-box ul.topics-list li {
	padding:8px 15px 10px;
	color:#555555;
	border-bottom:1px dashed #dddddd;
}

.topics-box ul.topics-list li {
	padding:8px 15px 10px;
	color:#555555;
	border-bottom:1px dashed #dddddd;
}

.topics-box ul.topics-list li .topics-date {
	color:#00b4de;
}

.topics-box ul.topics-list li .topics-title {
	display:block;
	width:810px;
	color:#555555;
	float:right;
}

.topics-box ul.topics-list li a {
	padding:0 0.3em 0 0;
	color:#555555;
	text-decoration:underline;
	transition: 0.5s;
}

.topics-box ul.topics-list li a:hover {
	padding:0 0 0 0.3em;
	color:#e85298;
}

#pagination {
	display:block;
	padding:10px 15px 0;
	font-size:90%;
	text-align:center;
}

#pagination a {
	margin:0 1em;
}


/*-------------------------------------
	MailForm
-------------------------------------*/
#mail-container {
	width:700px;
	margin:40px auto;
}

.mail-message {
	font-size:90%;
}

#mail-table-input {

}

#mail-table-check {
	display:none;
}

#mail-container table {
	width:100%;
	margin:20px 0 40px;
	border-top:1px solid #cccccc;
}

#mail-container table tr {
	border-bottom:1px solid #cccccc;
}

#mail-container table th,
#mail-container table td {
	padding:13px 20px;
	text-align:left;
	vertical-align:middle;
	background:#ffffff;
}

#mail-container table th {
	width:220px;
	background:#eeeeee;
}

#mail-container table td input,
#mail-container table td textarea {
	width:100%;
	margin:5px 0;
	padding:5px 12px;
	border:1px solid #00b4de;
	border-radius:3px;
	transition: 0.3s;
}

#mail-container table td textarea {
	height:256px;
}

#mail-container table td input:focus {
	padding:10px 12px;
	border:1px solid #ffe100;
}

#mail-container table td textarea:focus {
	border:1px solid #ffe100;
}

#mail-container .req {
	margin:0 0.5em;
	color:red;
}

#mail-container table th p,
#mail-container table td p,
#mail-container table td span {
	margin:0.3em;
	font-size:85%;
	line-height:1.4;
}

#mail-container table td p.caution {
}

#mail-container table td.mail-error input,
#mail-container table td.mail-error textarea {
	border:1px solid #e85298 !important;
}

#mail-container table td span {
	display:none;
	color:#e85298;
}

#mail-container table td.mail-error span {
	display:block;
}

.mail-button {
	margin:10px 0;
	text-align:center;
}

.mail-button a {
	margin:0 10px;
	padding:3px 20px;
	color:#ffffff;
	line-height:1.4;
	border-radius:3px;
}

.mail-button a#mail-next,
.mail-button a#mail-submit {
	background:#00b4de;
}

.mail-button a#mail-prev {
	background:#777777;
}

.mail-success {
	min-height:900px;
	margin:70px 0;
	text-align:center;
}

.mail-success p {

}


/*-------------------------------------
	ReturnTop
-------------------------------------*/
#return-top {
	display:none;
	position:fixed;
	bottom:30px;
	right:20px;
	cursor:pointer;
}



/*-------------------------------------
	FloatNavigation
-------------------------------------*/
#float-nav {
	display:none;
	position:fixed;
	top:50%;
	right:0;
	width:50px;
	margin-top:0;
	margin-left:-50px;
}

#float-nav a {
	display:block;
	width:8px;
	height:8px;
	margin:20px auto;
	padding:0;
	background:#aaaaaa;
	border-radius:4px;
}

#float-nav a.active {
	background:#00b4de;
}


/*-------------------------------------
	LanguageSelect
-------------------------------------*/
#lang-list {
	display:none;
	position:absolute;
	top:30px;
	right:2px;
	width:160px;
	color:#000000;
	font-size:12px;
	font-family: 'Raleway', sans-serif;
	font-weight:normal;
	background:#ffffff;
	border:1px solid #cccccc;
	border-radius:5px;
	box-shadow:0 0 3px rgba(0, 0, 0, 0.1);
	z-index:2147483646;
	overflow:hidden;
}

#lang-list li {
	border-bottom:1px dotted #dddddd;
	float:none !important;
}

#lang-list li:last-child {
	border-bottom:none;
}

#lang-list h4 {
	padding:4px 14px;
	color:#ffffff;
	text-align:center;
	background:#00b4de;
}

#lang-list li a {
	display:block;
	padding:7px 14px;
}

#lang-list li a {
	color:#000000 !important;
}

#glass-overlay, #glay-overlay {
	display:none;
	position:fixed;
	top:0;
	left:0;
	height:100%;
	width:100%;
	z-index:2147483645;
	background-color:rgba(0,0,0,0);
	opacity:1;
	-webkit-touch-callout:none;
	-webkit-user-select:none;
	-khtml-user-select:none;
	-moz-user-select:none;
	-ms-user-select:none;
	user-select:none;
	-webkit-tap-highlight-color:rgba(0,0,0,0)
}

#glay-overlay {
	background-color:rgba(0, 0, 0, 0.3);
	opacity:0;
}



/*-------------------------------------
	TopicsIframe
-------------------------------------*/
.ti-header {
	height:55px;
	margin:0 0 2em;
	text-align:center;
	background:#ffffff;
}

.ti-header a {
	display:block;
	width:250px;
	height:55px;
	margin:0 auto;
}

.ti-header:after {
	display:block;
	position:absolute;
	top:55px;
	left:0;
	width:100%;
	height:2px;
	background:url('../image/header-line.gif') center center repeat-x;
	content: " ";
}

.ti-main {
	max-width:700px;
	min-height:700px;
	margin:0 auto;
	padding:20px;
	line-height:1.5;
}

.ti-title {
	color:#125ab7;
	font-size:160%;
}

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

.ti-close {
	width:120px;
	margin:20px 0;
}

.ti-footer-copy {
	margin:50px auto 0;
	padding:10px;
	font-size:80%;
	text-align:center;
	background:#e6e6e6;
	overflow:hidden;
}

#topics-light-box {
	position:fixed;
	top:50%;
	left:50%;
	margin:-300px 0 0 -300px;
	background:#ffffff;
	border-radius:5px;
	box-shadow:1px 1px 3px rgba(0, 0, 0, 0.3);
	overflow:hidden;
}


.topics-table {
	width:100%;
	margin:10px 0 10px;
	font-size:100%;
	line-height:1.4;
	border-collapse:collapse;
	border:1px solid #cccccc;
}

.topics-table th, .topics-table td {
	padding:7px 5px;
	text-align:center;
	vertical-align:middle;
	border:1px solid #cccccc;
}

/*-------------------------------------
	TopicsStyle
-------------------------------------*/
.ti-body h3 {
	margin:1em 0 -0.5em;
	font-size:160%;
	font-weight:bold;
}

.ti-body b { font-weight:bold; }

.ti-body blockquote {
	margin:1em 1em;
	padding:1em;
	background:#eeeeee;
}

.ti-body .indent {
	padding-left:2em;
}

.ti-body img.left  { float:left; }
.ti-body img.right { float:right; }
.ti-body img.center { display:block; margin:0 auto; }

.ti-body .float-left { float:left; margin-right:10px; }
.ti-body .float-right { float:right; margin-left:10px; }




.recruit-box {
	width:50%;
	float:left;
	overflow:hidden;
}

.recruit-table {
	width:98%;
	font-size:90%;
	line-height:1.6;
}

.recruit-table th,
.recruit-table td {
	padding:5px 15px;
	text-align:left;
}

.recruit-table th {
	width:100px;
	text-align:center;
	white-space:nowrap;
}

.recruit-table td {
	text-align:left;
}

.recruit-table td p {
	margin:0.5em 0;
}