/* ===================================================================
CSS information
 file name  :  common.css
 style info :  基本構造（common.css）
=================================================================== */

/* ===================================================================
common
=================================================================== */

img, object, embed {
	max-width: 100%;
	height: auto;
}
img {
	-ms-interpolation-mode: bicubic;
}
a:hover img {
	opacity: 0.6;
}
body {
	background-color: #e8fffe;
}

#menu {
	display:none;
}
#wrapper {
	width:100%;
	font-size:100%;
	line-height: 1.8;
}
#top-image {
	width:100%;
	background: url('../images/top-image-bk.png') no-repeat center top;
	-webkit-background-size:cover;
	-o-background-size:cover;
	background-size:cover;
	text-align: center;
	overflow: hidden;
}
.top-mainimg {
	width: 100%;
	max-width: 1059px;
	height: auto;
	max-height: 368px;
	margin: 30px auto 0 auto;
}
#header {
	position: fixed;
 	/*top: -90px;*/
	top:0px;
	z-index: 9999;
	width:100%;
	height: 100px;
	background-color: #254892;
	box-shadow: 0px 0px 10px #333;
}
#header_inner {
	width:100%;
	height: 100px;
	margin: 0px auto;
	position: relative;
}
#header_inner h1 {
	position: absolute;
	width: 480px;
	top: 0px;
	right: 0px;
	text-align: right;
	color: #fff;
	font-size: 84%;
	padding: 2px 10px;
	background: url('../images/head-text-bk.png') no-repeat right top;
}
#header-bottom {
	width: 100%;
	max-width: 1080px;
	height: 13px;
	margin: 0 auto;
	background-color: #fff;
	border-radius: 0px 0px 30px 30px;
  box-shadow: 0px 10px 5px -2px rgba(0,0,0,0.3);
}
.logo {
	position: absolute;
	width: 333px;
	top: 25px;
	left: 30px;
}
.pc {
	display: block;
}
.phone {
	display: none;
}
.header_nav {
	height: 55px;
	width: 100%;
	max-width: 1062px;
	position: absolute;
	bottom: -13px;
	left: 0;
	right: 0;
	margin: 0 auto;
}
.header_nav li {
	float: left;
	width: 16%;
	margin-left: 0.5%;
}
.header_nav li a {
	display: block;
	width: 100%;
	height: 42px;
	padding-bottom: 3px;
	text-indent: -9999px;
}
.header_nav li.nav01 {
	background: url('../images/menu-sonix.png') no-repeat center 10px;
}
.header_nav li.nav02 {
	background: url('../images/menu-gai.png') no-repeat center 10px;
}
.header_nav li.nav03 {
	background: url('../images/menu-true.png') no-repeat center 10px;
}
.header_nav li.nav04 {
	background: url('../images/menu-stim.png') no-repeat center 10px;
}
.header_nav li.nav05 {
	background: url('../images/menu-products.png') no-repeat center 10px;
}
.header_nav li.nav06 {
	background: url('../images/menu-order.png') no-repeat center 10px;
}
.header_nav li.nav07 {
	background: url('../images/menu-ultra.png') no-repeat center 10px;
}

.header_nav li a:hover:after,
.header_nav .sel a:after {
/*		border-bottom: 7px solid #fe4a32; */
	margin-top: 20px;
    background-color: #fe4a32; /* 線色 */
    border-radius: 5px; /* 線幅の半分 */
    content: "";
    display: block;
    height: 7px; /* 線幅 */
}
			
.sublogo {
	position: absolute;
	width: 150px;
	top: 15px;
	right: 18px;
}	
.subnavi {
	position: absolute;
	bottom: 10px;
	right: 18px;
}

.subnavi li {
	float: right;
}
.subnavi li a {
	padding-left: 18px;
	margin-left: 23px;
	color: #fff;
	background: url('../images/mark-submenu.png') no-repeat left center;
}

.phone-menu-btn {
	display:none;
}
.header_search {
	width: 210px;
	height: 25px;
	position: absolute;
	top: 15px;
	right: 0px;
}
.h_search_style {
	width: 150px;
	height: 25px;
	float: left;
	padding-left: 10px;
	padding-right: 10px;
	border-style: none;
	line-height: 25px;
	color: #C3C3C3;
	font-size:84%;
	background: url(../images/common/search_box.png) no-repeat;
}
.h_submit_style {
	width: 40px;
	height: 25px;
	float: left;
	border-style: none;
	text-indent: -9999px;
	background: url(../images/common/search_btn.png) no-repeat;
}
.header_info {
	width: 70%;
	height: 36px;
	position: absolute;
	right: 15px;
	top: 3px;
}
.header_info li {
	float: right;
}
.header_tel {
	width:223px;
	height:36px;
	margin-right:20px;
}
.header_infobtn a {
	background: url(../images/common/header_contact.png) no-repeat 0px 0px;
	height: 0px;
	width: 210px;
	padding-top: 36px;
	overflow: hidden;
	float:left;
}
.header_infobtn a:hover {
	background: url(../images/common/header_contact.png) no-repeat 0px -36px;
}

.top-catch{
	margin-top: 100px;
}
.top-contact {
	width: 100%;
	max-width: 495px;
	height: auto;
	margin: 10px auto 30px auto;
}

#top-contents h1 {
	font-size: 170%;
	color: #008d85;
	line-height: 1.2;
	font-weight: bold;
	margin-bottom: 25px;
}
#top-contents h1:before {
    background-color: #008d85; /* 線色 */
    border-radius: 4px; /* 線幅の半分 */
    content: "";
    display: inline-block;
    height: 35px; /* 線の長さ */
    margin-right: 10px; /* 線右の余白 */
    vertical-align: middle;
    width: 8px; /* 線幅 */
}

#top-contents h2 {
	font-size: 140%;
	color: #333;
	line-height: 1.2;
	font-weight: bold;
	margin-bottom: 20px;
	line-height: 2.0;
	padding-left: 15px;
	background: url(../images/mark-circle-blue.png)  no-repeat left 13px;
	background-size: 10px auto;
}


#top-contents p {
	margin-bottom: 40px;
	line-height: 2.0;
	padding-left: 15px;
	font-size: 110%;
}

#top-contents-left01 {
	width: 35%;
	float: left;
	padding-bottom: 5px;
}

#top-contents-right01 {
	width: 60%;
	float: right;
	padding-bottom: 5px;
}

#top-contents-left02 {
	width: 55%;
	float: left;
	padding-bottom: 40px;
}

#top-contents-right02 {
	width: 40%;
	float: right;
	padding-bottom: 40px;
}
#top-contents-left03 {
	width: 50%;
	float: left;
	padding-bottom: 40px;
}

#top-contents-right03 {
	width: 50%;
	float: right;
	padding-bottom: 40px;
}

.cer-list{
	display: flex;
  justify-content: space-around;
	margin-bottom: 40px;
}
.cer-list li {
	width: 20%;
}

.catch01{
	font-size: 160%!important;
	font-weight: bold;
	padding-left: 50px!important;
	background: url(../images/ace-logo-s.png)  no-repeat left 3px;
	background-size: 50px auto;
	margin-bottom: 20px!important;
}
.catch01 strong {
	color:#fc0000;
}
.catch02{
	width: 70%;
	margin-left: 30px!important;
	font-size: 180%!important;
	height: 50px;
	color: #fcff00!important;
	font-weight: bold;
	text-align: center;
	background-color: #254892;
	border-radius: 30px;
	margin-bottom: 20px!important;
}
.catch03{
	font-size: 160%!important;
	font-weight: bold;
	padding-left: 50px!important;
}
.contact-txt{
	font-size: 180%!important;
	color: #fc0000;
	text-align: right!important;
	padding-top: 20px;
	padding-right: 30px;
}
.contact-txt span {
	text-decoration: underline;
}

#link-test {
	width: 600px;
	margin: 30px auto;
}

#link-test li a {
	display: block;
	width: 100px;
	height: 20px;
	padding-right: 10px;
	padding-bottom: 10px;
	margin-bottom: 20px;
}

#link-test li a:hover {
	background: url(../images/y2.png)  no-repeat right bottom;
	background-size: 80% 60%;
	text-decoration:none;
}
/* ===================================================================
common
=================================================================== */

#wrapper {
	width: 100%;
}

#contents-title {
	height: 150px;
	width: 100%;
	background: url(../images/category-ttl-bk.png)  no-repeat left bottom;
	background-size: 100% auto;
	margin-bottom: 35px;
	margin-top: 80px;
}

#contents-title h1 {
	padding-top: 60px;
	margin-left: 62px;
	font-size: 180%;
	color: #fff;
	text-shadow: 1px 1px 3px #000;
}

#contents {
	width: 100%;
	max-width: 1080px;
	margin: 0px auto;
	min-height: 400px;
}

#main {
	float: left;
	width: 67%;
	max-width: 780px;
	min-height: 400px;
	margin-bottom: 30px;
}

#support-category {
	margin-bottom: 15px;
}
#support-category li {
	float: left;
	padding: 8px 20px;
	background-color: #536591;
	margin-right: 10px;
	color: #fff;
	line-height: 1.0;
	font-size: 120%;
	border-radius: 10px;        /* CSS3草案 */  
    -webkit-border-radius: 10px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 10x;   /* Firefox用 */  
}
.support-subttl {
	margin-left: 5px;
	margin-bottom: 15px;
	padding-bottom: 8px;
	background: url(../images/line-dot.gif)  repeat-x left bottom;
}
.support-subttl span {
	padding-left: 10px;
	border-left: 6px solid #737373;
	line-height: 1.2;
}

#main h1 {
	font-size: 200%;
	font-weight: bold;
	line-height: 1.6;
	margin-bottom: 8px;
}
#main strong {
	color: #333;
}
#main h2 {
	font-size: 150%;
	font-weight: bold;
	margin-left: 15px;
	line-height: 1.6;
	margin-bottom: 8px;
}
#main h2.news {
	padding-bottom: 8px;
	margin-left: 0px;
	margin-bottom: 20px;
	color: #ff4507;
	background: url(../images/line-dot.png)  repeat-x left bottom;
}
#main h2.news:before {
    background-color: #ff4507; /* 線色 */
    border-radius: 5px; /* 線幅の半分 */
    content: "";
    display: inline-block;
    height: 20px; /* 線の長さ */
    margin-right: 10px; /* 線右の余白 */
    vertical-align: middle;
    width: 10px; /* 線幅 */
}
#main h3 {
	font-size: 135%;
	font-weight: bold;
	line-height: 1.4;
	margin-bottom: 20px;
	color: #ff4507;
	line-height: 1.4;
}
#main p {
	margin-left: 15px;
	margin-bottom: 35px;
	line-height: 1.6;
}
#main p img {
	padding: 10px;
}
	
/* ===================================================================
side
=================================================================== */

#aside {
	float: right;
	width: 30%;
	max-width: 280px;
}

#side-menu {
	margin-bottom: 30px;
}
#side-menu h3 {
	font-size: 130%;
	color: #333;
	line-height: 1.2;
	font-weight: normal;
	margin-bottom: 20px;
}
#side-menu h3:before {
    background-color: #333; /* 線色 */
    border-radius: 4px; /* 線幅の半分 */
    content: "";
    display: inline-block;
    height: 35px; /* 線の長さ */
    margin-right: 10px; /* 線右の余白 */
    vertical-align: middle;
    width: 8px; /* 線幅 */
}
#side-menu li {
	padding-bottom: 5px;
	margin-bottom: 15px;
}
#side-menu li a {
	display: block;
	padding: 12px 0px 12px 40px;
	line-height: 1.2;
	color: #fff;
	background: #ff3b21 url(../images/arrow-w.png)  no-repeat 10px center;
	border-radius: 30px;
	font-size: 120%;
}
#side-menu li a:hover {
	background-color: #ff9486;
	text-decoration:none;
}

#side-inquiry {
	border: 10px solid #b9cee1;
	text-align: center;
	line-height: 1.2;
	margin-bottom: 20px;
}
#side-inquiry h2 {
	padding: 5px;
	background-color: #919191;
	color: #fff;
	font-weight: bold;
	letter-spacing: 3px;
	margin-bottom: 12px;
}
#side-inquiry p img {
	margin-left: 10px;
}
#side-inquiry-btn a {
	display: block;
	margin: 10px 20px;
	padding: 10px 0px;
	color: #fff;
  	background: linear-gradient(#4187d8, #3774b8);
}
#side-inquiry-btn a:hover {
	text-decoration: none;
}

#aside iframe {
	margin-bottom: 10px;
}


#side-menu-news {
	margin-bottom: 30px;
}
#side-menu-news h3 {
	font-size: 130%;
	color: #333;
	line-height: 1.2;
	font-weight: normal;
	margin-bottom: 20px;
}
#side-menu-news h3:before {
    background-color: #333; /* 線色 */
    border-radius: 4px; /* 線幅の半分 */
    content: "";
    display: inline-block;
    height: 35px; /* 線の長さ */
    margin-right: 10px; /* 線右の余白 */
    vertical-align: middle;
    width: 8px; /* 線幅 */
}

.news-list-side {
	padding: 20px 20px 0px 20px;
	margin-bottom: 25px;
	border: 1px solid #e6e6e6;
	border-radius: 10px;
	background-color: #fff;
}

.news-list-side li {
	padding-left: 20px;
	padding-bottom: 15px;
	background: url(../images/arrow-blue.png) no-repeat left 5px;
	margin-bottom: 20px;
}

.news-list-side li a {
	color: #424242;
}

.news-list-side li a:link    { color: #424242; text-decoration: underline; }
.news-list-side li a:visited { color: #424242; text-decoration: underline; }
.news-list-side li a:hover   { color: #424242; text-decoration: none; }
.news-list-side li a:active  { color: #424242; text-decoration: none; }

/* ===================================================================
top
=================================================================== */


#slider {width:100%; height:100%; min-height:509px; overflow:hidden; position:relative;}
#slider h2 {
	position:absolute;
		width: 190px;
		height: 80px;
		top: 20px;
		left: 0;
		right: 0;
		margin: auto;
	z-index: 10;
}
.slide-wrap {width:2877px; height:509px; position:absolute; left:50%; margin-left:-1438px;}

/* コントローラー */
.bx-controls {
position:absolute;
width:959px;
z-index:100;
top:0;
left:50%;
margin-left:-479px;
}

.bx-controls-direction {
max-width:100%; min-width:959px;
top:0;
position:absolute;
}

.bx-controls-direction a {
position:absolute;
width:100%;
height:509px;
display:block;
background-color:rgba(255,255,255,0.7);
z-index:9999;
}

a.bx-prev {left:-959px; text-align:right;}
a.bx-next {right:-959px; text-align:left;}


#top-contents {
	max-width: 1080px;
	margin: 0px auto;
	padding-top: 20px;
}

#top-sonix-list {
}

#top-sonix-list li {
	float: left;
	margin-left: 10px;
}

#top-category-list {
	margin-bottom: 40px;
}
#top-category-list li {
	float: left;
	width: 344px;
	height: 167px;
	background: url(../images/top-category-bk.png) no-repeat left center;
	position: relative;
}
#top-category-list li.li01 {
	margin-right: 24px;
}

.top-category-left {
	width: 128px;
	margin-top: 10px;
	margin-left: 5px;
	float: left;
}

.top-category-right {
	width: 180px;
	margin-top: 20px;
	margin-right: 20px;
	float: right;
}

.top-category-right h3 {
	font-size: 110%;
	font-weight: bold;
}

.top-category-right h3.letter-space {
	letter-spacing: 0.5em;
}
.top-category-right p {
	font-size: 85%;
	line-height: 1.4;
}

.top-category-right .detail-btn {
	width: 82px;
	position: absolute;
	right: 20px;
	bottom: 8px;
}

#top-main {
	float: left;
	width: 70%;
	max-width: 760px;
	margin-bottom: 30px;
}

#top-news {
	width: 520px;
	margin-bottom: 30px;
}

#top-news h2 {
	margin-bottom: 30px;
}

#news-list {
	margin-left: 20px;
	margin-bottom: 35px;
}

#news-list dt {
	float: left;
	width: 100px;
	padding-left: 20px;
	background: url(../images/arrow-blue.png) no-repeat left 5px;
	font-size: 90%;
	color: #666;
	clear: both;
}
#news-list dd {
	padding-left: 120px;
	padding-bottom: 15px;
	background: url(../images/line-dot.gif) repeat-x left bottom;
	margin-bottom: 20px;
}

#news-list dd a {
	color: #424242;
}

#news-list dd a:link    { color: #424242; text-decoration: underline; }
#news-list dd a:visited { color: #424242; text-decoration: underline; }
#news-list dd a:hover   { color: #424242; text-decoration: none; }
#news-list dd a:active  { color: #424242; text-decoration: none; }

#top-banner {
	width: 100%;
	padding-bottom: 40px;
}
#top-banner li {
	float: left;
	margin-right: 23px;
}
#top-banner li.last {
	float: left;
	margin-right: 0;
}





.phone_main {
	display:none;
}

.disblock {
	display: block;
}

.disnon {
	display: none;
}

/* OFF */
#nav ul li ul {
        display: none;
}

/* ON */
#nav ul li:hover ul {
        display: block;
        position: absolute;
        z-index: 100;
}

/* ===================================================================
common
=================================================================== */
#totop {
	width: 100%;
	margin: 0px auto;
	height: 27px;
}
#totop p {
	line-height: 0;
	text-align: right;
}

#footer {
	background-color: #254892;
	width: 100%;
	padding: 15px 0px 10px 0px;
}
#footer_inner {
	max-width: 1160px;
	padding: 0px 0px 10px 0px;
	margin: 0px auto;
	color: #fff;
}
.footer_nav {
	width: auto;
	margin: 0px 0px 10px 0px;
	padding: 0px 0px 0px 5px;
	font-size: 85%;
}

.footer_nav li {
	display: inline;
	margin: 0px 15px 0px 0px;
	color: #fff;
	background: url(../images/arrow-foot.png) no-repeat left center;
}

.footer_nav li a {
	color: #fff;
}

#footer_inner h3 {
	padding-top: 10px;
	color: #fff;
	font-size: 150%;
}

#footer_inner .pugbanner {
	float: right;
	margin-right: 300px;
}

#footer_inner small {
	font-size: 80%;
	color: #8a8a8a;
}

address {
	padding-top: 10px;
}

#footer-bottom {
	width: 100%;
	padding: 8px 0px;
	background-color: #254892;
}
.copyright {
	width: 100%;
	margin: 0px auto;
	font-size: 80%;
	color: #8a8a8a;
	text-align: right;
	color: #fff;
}
.arr {
	background: url(../images/common/arr.png) no-repeat left center;
	padding-left:18px;
}

.subttl-h3-1 {
	padding: 0px 0px 10px 0px;
	margin-bottom: 20px;
	background: url(../images/dot3-line.png) repeat-x left bottom;
	font-size: 130%;
	line-height: 1.2;
	color: #0f76a1;
}

.subttl-h3-1 span {
	padding: 0px 0px 0px 14px;
	border-left: 10px solid #47b5e3;
}

#contents .subttl-h3 {
	width: 935px;
	height: 41px;
	padding: 12px 0px 0px 25px;
	background: url(../images/contents-ttl-bk.png) no-repeat left center;
	margin-bottom:  20px;
	font-size: 130%;
}

#contents .subttl-h4-1 {
	padding: 3px 0px 3px 17px;
	background: url(../images/arrow-dot-blue.png) no-repeat left center;
	margin: 0px 10px 15px 10px;
	font-size: 130%;
}

#content_left p {
	line-height: 1.8;
	margin: 0px 10px 15px 10px;
}

.left55 {
	float: left;
	width: 55%;
}

.left40 {
	float: left;
	width: 40%;
}


.right45 {
	float: right;
	width: 40%;
}

.right55 {
	float: right;
	width: 55%;
}

.left35 {
	float: left;
	width: 35%;
}

.right60 {
	float: right;
	width: 60%;
}

.right65 {
	float: right;
	width: 65%;
}

.left23 {
	float: left;
	width: 23%;
}

.left30 {
	float: left;
	width: 30%;
}


.right75 {
	float: right;
	width: 75%;
}

.left48 {
	float: left;
	width: 48%;
}
.right48 {
	float: right;
	width: 48%;
}


.frame01 {
	width: 90%;
	padding: 5%;
	background-color: #f7f7f7;
	border-top: 4px solid #ff4507;
	border-bottom: 2px solid #cecccc;
}

.frame01 h4 {
	font-size: 130%;
	color: #ff4507;
	line-height: 1.2;
	font-weight: bold;
	margin-bottom: 16px;
}
.frame01 h4:before {
    background-color: #ff4507; /* 線色 */
    border-radius: 5px; /* 線幅の半分 */
    content: "";
    display: inline-block;
    height: 20px; /* 線の長さ */
    margin-right: 10px; /* 線右の余白 */
    vertical-align: middle;
    width: 10px; /* 線幅 */
}

.frame01-all {
	padding: 5% 10px;
	background-color: #f7f7f7;
	border-top: 4px solid #ff4507;
	border-bottom: 2px solid #cecccc;
}
.frame01-all h3 {
	margin-left: 20px;
}

.frame01-all h4 {
	font-size: 130%;
	color: #ff4507;
	line-height: 1.2;
	font-weight: bold;
	margin-bottom: 16px;
}
.frame01-all h4:before {
    background-color: #ff4507; /* 線色 */
    border-radius: 5px; /* 線幅の半分 */
    content: "";
    display: inline-block;
    height: 20px; /* 線の長さ */
    margin-right: 10px; /* 線右の余白 */
    vertical-align: middle;
    width: 10px; /* 線幅 */
}

.frame02 {
	padding: 20px 30px;
	margin-bottom: 25px;
	border: 1px solid #e6e6e6;
	border-radius: 10px;
	background-color: #fff;
}

.frame02 p {
	margin-left: 0px !important;
	margin-bottom: 0px !important;
}

.frame03 {
	padding: 20px 30px;
	margin-bottom: 35px;
	border: 3px solid #ff4507;
	border-radius: 10px;
	background-color: #f6f6f6;
}

.frame03 h3 {
	font-size: 130%;
	color: #333 !important;
	line-height: 1.2;
	font-weight: bold;
	margin-bottom: 16px;
}
.frame03 h3:before {
    background-color: #ff4507; /* 線色 */
    border-radius: 5px; /* 線幅の半分 */
    content: "";
    display: inline-block;
    height: 20px; /* 線の長さ */
    margin-right: 10px; /* 線右の余白 */
    vertical-align: middle;
    width: 10px; /* 線幅 */
}
.frame03 h4 {
	padding: 5px 20px;
	background-color: #e3e3e3;
	font-size: 120%;
	font-weight: bold;
	margin-bottom: 20px;
}
.frame03 p {
	margin-left: 0px !important;
	margin-bottom: 20px !important;
}

#specarea {
	padding-left: 10px;
}

#specarea h5 {
	font-size: 120%;
	padding: 8px 25px;
	color: #333 !important;
	line-height: 1.2;
	background-color: #e3e3e3;
	}
	
.special li {
	color: #ff4507;
	list-style: disc;
	font-size: 110%;
	margin-left: 15px;
}
/* ===================================================================
news
=================================================================== */

.newslist {
	margin: 0px auto 40px auto;
}
.newslist dl {
	width: 100%;
	float: left;
	padding: 13px 0px;
}
.newslist .back-gray {
	background-color: #f6f6f6;
}
.newslist dt {
	width: 120px;
	float: left;
	line-height: 1.6;
	color: #ed3351;
	padding-left: 16px;
}
.newslist dd {
	line-height: 1.6;
	float: left;
}
.newslist .news-info {
	padding-left: 76px;
	background: url(../images/news-icon-info.png) no-repeat left top;
}
.newslist .news-ent {
	padding-left: 76px;
	background: url(../images/news-icon-ent.png) no-repeat left top;
}

.newslist .news-event {
	padding-left: 76px;
	background: url(../images/news-icon-event.png) no-repeat left top;
}

.newslist .news-blog {
	padding-left: 76px;
	background: url(../images/news-icon-blog.png) no-repeat left top;
}

.size-medium, .alignleft {
	margin-right: 20px;
}
.alignright {
	margin-left: 20px;
}


/* ===================================================================
SONIX
=================================================================== */

#sonix01 {
	padding-top: 10px;
	background-size: 40% auto;
	background: url(../images/sonix-mainimg.png) no-repeat right top;
}

#sonix01 h1 {
	margin-bottom: 20px;
}

#sonix01 h2 {
	margin-bottom: 20px;
}

#sonix01 iframe {
	padding-left: 5px;
	margin-bottom: 25px;
}

#sonix01 ul.point {
	width: 62%;
	display: table;
	border-collapse: separate;  /* セルの間隔を空ける */
	border-spacing: 15px 0;  /* 左右 上下で記述 */
	margin-bottom: 20px;
}

#sonix01 ul.point li {
	display: table-cell;
	width: 15%;
	min-height: 65px;
	text-align: center;
	vertical-align:middle;
	padding: 10px 3px;
	color: #fff;
	background-color: #008add;
	border-radius: 10px;
	font-size: 110%;
	line-height: 1.4;
}

#sonix01 ul.apeal li {
	font-size: 110%;
	margin-bottom: 10px;
}

#sonix-subttl {
	padding-top: 18px;
	padding-left: 210px;
	background: url(../images/sonix-logo-s.png) no-repeat left top;
	margin-bottom: 23px;
}

#sonix-subttl h2 {
	padding: 8px 0px 5px 15px;
	color: #ff3b21;
	background-color: #f9f9f9;
	border-top: 1px solid #d6d6d6;
	border-right: 1px solid #d6d6d6;
	border-bottom: 1px solid #d6d6d6;
	border-radius: 0px 30px 30px 0px;
}

.table-box2 {
	width: 105%;
	display: table;
	border-collapse: separate;  /* セルの間隔を空ける */
	border-spacing: 15px 0;  /* 左右 上下で記述 */
	margin-bottom: 20px;
	margin-left: -2%;
}

.table-box2 li {
	display: table-cell;
	width: 50%;
	min-height: 65px;
	vertical-align:top;
	background-color: #fcfcfc;
	border: 1px solid #d6d6d6;
	border-radius: 10px;
}

.table-box2 li h3 {
	padding: 8px;
	text-align: center;
	color: #fff !important;
	background-color: #0072b7;
	border-radius: 10px 10px 0px 0px;
	font-weight: normal !important;
}

.table-box2 li p {
	padding: 0px 10px 0px 10px;
}

.voice-box {
	padding-top: 20px;
	padding-left: 190px;
	min-height: 210px;
}

.voice-box h3 {
	color: #333 !important;
	background: url(../images/line-dot.png) repeat-x left bottom;
}
.voice-box p {
	margin-left: 0px !important;
}
.voice01 {
	background: url(../images/sonix-voiceimg01.png) no-repeat left top;
}
.voice02 {
	background: url(../images/sonix-voiceimg02.png) no-repeat left top;
}
.voice03 {
	background: url(../images/sonix-voiceimg03.png) no-repeat left top;
}


/* ===================================================================
GAIT
=================================================================== */

#gait01 {
	padding-left: 10px;
	background-size: 40% auto;
	background: url(../images/gait-mainimg.png) no-repeat right 40px;
}

#gait01 h1 {
	margin-bottom: 20px;
}

#gait01 h2 {
	margin-bottom: 20px;
}

.gait-point250 {
	width: 50%;
	border-left: 1px solid #cecece;
	border-right: 1px solid #cecece;
	border-top: 1px solid #cecece;
	margin-bottom: 30px;
}

.gait-point250 h3 {
	padding: 6px 5%;
	color: #fff !important;
	background-color: #ff3b21;
	margin-bottom: 0px !important;
}

.gait-point250 li {
	padding: 4px 5%;
	border-bottom: 1px solid  #cecece;
	background-color: #fff;
}
.gait-point250 li h4 {
	color: #333 !important;
	padding-left: none;
	font-size: 130%;
	font-weight: bold;
	margin-bottom: 0px;
}
.gait-point250 li p {
	margin-left: 0px !important;
	margin-bottom: 5px !important;
}
#gait-subttl {
	padding-top: 18px;
	padding-left: 210px;
	background: url(../images/gait-logo-s.png) no-repeat 20px top;
	margin-bottom: 23px;
}

#gait-subttl h2 {
	padding: 8px 0px 5px 15px;
	color: #ff3b21;
	background-color: #f9f9f9;
	border-top: 1px solid #d6d6d6;
	border-right: 1px solid #d6d6d6;
	border-bottom: 1px solid #d6d6d6;
	border-radius: 0px 30px 30px 0px;
	margin-bottom: 30px;
}
	
.gait-point250-2 {
	border-left: 1px solid #cecece;
	border-right: 1px solid #cecece;
	border-top: 1px solid #cecece;
	margin-bottom: 30px;
}

.gait-point250-2 h3 {
	padding: 6px 5%;
	color: #fff !important;
	background-color: #ff3b21;
	margin-bottom: 0px !important;
}

.gait-point250-2 li {
	padding: 4px 5%;
	border-bottom: 1px solid  #cecece;
	background-color: #fff;
}
.gait-point250-2 li h4 {
	color: #333 !important;
	background-color: none !important;
	padding-left: none;
	font-size: 130%;
	font-weight: bold;
	margin-bottom: 0px;
}
.gait-point250-2 li p {
	margin-left: 0px !important;
	margin-bottom: 5px !important;
}

#gait03 {
	padding-left: 10px;
}

#gait03 h4 {
	font-size: 150%;
	color: #333 !important;
	line-height: 1.2;
	margin-bottom: 16px;
	padding-bottom: 10px;
	background: url(../images/line-dot.png) repeat-x left bottom;
	}
	
#gait03 h4:before {
    background-color: #ff4507; /* 線色 */
    border-radius: 5px; /* 線幅の半分 */
    content: "";
    display: inline-block;
    height: 20px; /* 線の長さ */
    margin-right: 10px; /* 線右の余白 */
    vertical-align: middle;
    width: 10px; /* 線幅 */
}

/* ===================================================================
TRUEFEET
=================================================================== */

#true01 {
	background-size: 40% auto;
	background: url(../images/true01-mainimg.png) no-repeat right 50px;
}
#true01-txtarea {
	width: 50%;
}
#true01-txtarea h1 {
	margin-bottom: 20px;
}

#true01-txtarea h2 {
	color: #ff3b21 !important;
	font-size: 150%;
	margin-bottom: 10px;
	margin-left: 0px !important;
}
#true01-txtarea p {
	font-size: 115%;
	margin-left: 0px !important;
}

#true01 ul.point01 {
	margin: 0 auto;
	display: table;
	border-collapse: separate;  /* セルの間隔を空ける */
	border-spacing: 10px 0;  /* 左右 上下で記述 */
	margin-bottom: 40px;
}

#true01 ul.point01 li {
	width: 33%;
	display: table-cell;
	min-height: 65px;
	vertical-align:top;
	padding: 10px 15px;
	background-color: #fff;
	border-radius: 10px;
	font-size: 110%;
	line-height: 1.4;
	border: 1px solid #e6e6e6;
}
#true01 ul.point01 li h4 {
	font-size: 110% !important;
}
#true01 ul.point01 li p {
	margin-left: 0px !important;
	margin-bottom: 10px !important;
}

#true01 ul.point02 {
	margin: 0 auto;
	display: table;
	border-collapse: separate;  /* セルの間隔を空ける */
	border-spacing: 10px 0;  /* 左右 上下で記述 */
	margin-bottom: 10px;
}

#true01 ul.point02 li {
	width: 50%;
	display: table-cell;
	min-height: 65px;
	vertical-align:top;
	padding: 20px 15px 10px 15px;
	background-color: #fff;
	border-radius: 10px;
	font-size: 110%;
	line-height: 1.4;
	border: 1px solid #e6e6e6;
}
#true01 ul.point02 li h4 {
	font-size: 110% !important;
}
#true01 ul.point02 li p {
	margin-left: 0px !important;
	margin-bottom: 10px !important;
	min-height: 70px;
	padding-left: 80px;
}
#true01 ul.point02 li p.true-soes {
	background: url(../images/true01-icon01.png) no-repeat left top;
}
#true01 ul.point02 li p.true-labo {
	background: url(../images/true01-icon02.png) no-repeat left top;
}
#true01 ul.point02 li p.true-sports {
	background: url(../images/true01-icon03.png) no-repeat left top;
}
#true01 ul.point02 li p.true-medical {
	background: url(../images/true01-icon04.png) no-repeat left top;
}

.true-illust {
	text-align: center;
	padding: 0 20px 20px 20px;
}
.true-catch {
	font-size: 220% !important;
	text-align: center;
}

#true-subttl {
	padding-top: 18px;
	padding-left: 240px;
	background: url(../images/true-logo-s.png) no-repeat 20px top;
	margin-bottom: 23px;
}

#true-subttl h2 {
	padding: 8px 0px 5px 15px;
	color: #ff3b21;
	background-color: #f9f9f9;
	border-top: 1px solid #d6d6d6;
	border-right: 1px solid #d6d6d6;
	border-bottom: 1px solid #d6d6d6;
	border-radius: 0px 30px 30px 0px;
	margin-bottom: 30px;
}

.true02-imgarea {
	text-align: center;
	background-color: #fff;
	border: 1px solid #d4d4d4;
	padding: 8px;
}
.true02-imgarea h3 {
	background-color: #ff3b21;
	font-weight: normal !important;
	padding: 5px 0;
	color: #fff !important;
	padding-left: 0px !important;
	font-size: 110% !important;
	margin-bottom: 5px !important;
}
.true02-imgarea h3:before {
    margin-right: 0; /* 線右の余白 */
    width: 0; /* 線幅 */
}
.true02-imgarea p {
	margin-left: 0px !important;
	margin-bottom: 5px !important;
}
.true02-imgarea p strong {
	color: #333 !important;
}

/* ===================================================================
StimUp
=================================================================== */

#stim01 {
	background-size: 40% auto;
	background: url(../images/stim01-mainimg.png) no-repeat right top;
}
#stim01-txtarea {
	width: 48%;
}
#stim01-txtarea h1 {
	margin-bottom: 20px;
}

#stim01-txtarea h2 {
	color: #ff3b21 !important;
	font-size: 170%;
	margin-bottom: 10px;
	margin-left: 0px !important;
}
#stim01-txtarea p {
	font-size: 115%;
	margin-left: 0px !important;
}


#stim01 ul.point02 {
	margin: 0 auto;
	display: table;
	border-collapse: separate;  /* セルの間隔を空ける */
	border-spacing: 20px 0;  /* 左右 上下で記述 */
	margin-bottom: 30px;
}

#stim01 ul.point02 li {
	width: 50%;
	display: table-cell;
	min-height: 65px;
	vertical-align:top;
	padding: 20px 15px 10px 15px;
	background-color: #fff;
	border-radius: 10px;
	font-size: 110%;
	line-height: 1.4;
	border: 1px solid #e6e6e6;
}
#stim01 ul.point02 li h4 {
	font-size: 110% !important;
}
#stim01 ul.point02 li p {
	margin-left: 0px !important;
	margin-bottom: 10px !important;
}
#stim01 .frame02 {
	margin: 0 20px;
}
#stim01 .frame02 h4 {
	margin-bottom: 20px;
}
.h4-comment {
	font-size: 75%;
	color: #333;
	font-weight: normal;
	margin-left: 20px;
}

#stim-subttl {
	padding-top: 18px;
	padding-left: 200px;
	background: url(../images/stim-logo-s.png) no-repeat 20px top;
	padding-bottom: 23px;
}

#stim-subttl h2 {
	padding: 8px 0px 5px 15px;
	color: #ff3b21;
	background-color: #f9f9f9;
	border-top: 1px solid #d6d6d6;
	border-right: 1px solid #d6d6d6;
	border-bottom: 1px solid #d6d6d6;
	border-radius: 0px 30px 30px 0px;
	margin-bottom: 30px;
}
#stim-place li {
	width: 30%;
	float: left;
	margin: 10px;
}



.support-text p {
	padding-left: 30px;
}

.contents-left {
	width: 48%;
	float: left;
}

.contents-right {
	width: 48%;
	float: right;
}

/* ===================================================================
ULTRA SHIELD
=================================================================== */

#ultra01 {
	width: 100%;
	background: url(../images/ultra-bk.png) no-repeat right 30px;
	background-size: 100% auto;
}
#ultra-ttlarea {
	width: 55%;
	padding-left: 2%;
}
#ultra-ttlarea h1 {
	font-size: 130%;
}
#ultra-ttlarea h2 {
	padding-top: 20px;
}
#ultra-ttlarea h3 {
	width: 90%;
	padding-left: 5%;
}
#ultra-ttlarea2 {
	width: 40%;
	padding-right: 2%;
	float: right;
}
#ultra02 h2 {
	width: 30%;
}
#ultra02 h3 {
	font-size: 150%;
	padding-bottom: 8px;
	padding-left: 10px;
	margin-bottom: 5px;
	color: #0165ac;
	border-bottom: 4px solid #0165ac;
}
.ultra02-text {
	margin-right: 22%;
	font-size: 120%;
	padding-left: 20px;
}
.ultra02-img {
	width: 20%;
	float: right;
}

.ultra02-text p {
	padding-bottom: 20px;
	margin-bottom: 3px !important;
	
}
ul.ultra-list li {
	padding-left:25px;
	background: url(../images/mark-mist.png) no-repeat left 2px;
	background-size: 20px auto;
	margin-bottom: 20px;
}

#ultra01  ul.point01 {
	margin: 0 auto;
	display: table;
	border-collapse: separate;  /* セルの間隔を空ける */
	border-spacing: 10px 0;  /* 左右 上下で記述 */
	margin-bottom: 40px;
}

#ultra01 ul.point01 li {
	width: 33%;
	display: table-cell;
	min-height: 65px;
	vertical-align:top;
	padding: 10px 15px;
	background-color: #fff;
	border-radius: 10px;
	line-height: 1.4;
	border: 1px solid #e6e6e6;
}
#ultra01 ul.point01 li h4 {
	font-size: 110% !important;
}
#ultra01 ul.point01 li p {
	margin-left: 0px !important;
	margin-bottom: 10px !important;
}

.frame01-ultra {
	padding: 5% 10px;
	background-color: #f7f7f7;
	border-bottom: 2px solid #cecccc;
	margin-bottom: 60px;
}

.frame01-ultra h3 {
	font-size: 190% !important;
	padding-bottom: 8px;
	padding-left: 20px;
	padding-right: 20px;
	margin-bottom: 5px;
	color: #0165ac !important;
	border-bottom: 4px solid #0165ac;
}

.frame01-ultra p {
	font-size: 120% !important;
}

#ultra01 ul.number01 {
	padding-left: 20px;
}
#ultra01 ul.number01 li {
	font-size: 120%;
	background-size: 20px auto;
	padding-left: 30px;
	font-weight: bold;
	margin-bottom:15px;
}
.n01 {
	background: url(../images/mark-bs01.png) no-repeat left 3px;
}
.n02 {
	background: url(../images/mark-bs02.png) no-repeat left 3px;
}
.n03 {
	background: url(../images/mark-bs03.png) no-repeat left 3px;
}
.n04 {
	background: url(../images/mark-bs04.png) no-repeat left 3px;
}
.n05 {
	background: url(../images/mark-bs05.png) no-repeat left 3px;
}
.ultra03-img {
	width: 28%;
	float: right;
	margin-right: 2%;
}

.ultra03-text {
	width: 70%;
	
}

.ultra03 .ultra-list {
	font-size: 115%;
	padding-left: 20px;
	padding-right: 15px;
}

#ultra-subttl {
	padding-top: 18px;
	padding-left: 240px;
	background: url(../images/ultra02-ttl.png) no-repeat 20px top;
	background-size: 30% auto;
	margin-bottom: 23px;
}

#ultra-subttl h2 {
	padding: 8px 0px 5px 15px;
	color: #ff3b21;
	background-color: #f9f9f9;
	border-top: 1px solid #d6d6d6;
	border-right: 1px solid #d6d6d6;
	border-bottom: 1px solid #d6d6d6;
	border-radius: 0px 30px 30px 0px;
	margin-bottom: 30px;
}

.ultra-sheel {
	width: 40%;
	margin: 0 auto;
}

/* ===================================================================
voice
=================================================================== */
#voice-category {
	width: auto;
	margin: 0px 10px;
}
#voice-category li {
	width: 20%;
	margin: 2px;
	text-align: center;
  	cursor: pointer;
	padding: 1% 2%;
    display: table-cell;
    vertical-align: middle;
	-webkit-border-top-left-radius: 10px;  
    -webkit-border-top-right-radius: 10px;  
    -moz-border-radius-topleft: 10px;  
    -moz-border-radius-topright: 10px;
	border-radius: 10px 10px 0px 0px;
}

#voice-category .tab {
	background-color: #fff;
	border: 1px solid #dcdcdc;
	/* background: -webkit-gradient(linear, left top, left bottom, from(#fff),to(#F8F8F8)); */
}

#voice-category li hover,
#voice-category .sel {
	background-color: #f9f9f9;
	border: none;
}

.voice-com {
	margin-left: 30px;
}

.voice-com h5 {
	background: url(../images/case-mark-good.png) no-repeat left center;
	padding-left: 75px;
	height: 60px;
	display: table-cell;
	vertical-align:middle;
	font-weight: normal;
	margin-bottom: 10px;
}

.voice-text {
	position: relative;
	background: #f1f6f9;
	padding: 10px 13px;
	margin-top: 10px;
	margin-bottom: 30px;
	margin-right: 20px;
	border-radius: 15px;
}

.voice-text:after {
	content: "";
	position: absolute;
	top: -10px;
	left: 20px;
	height: 0;
	width: 0;
	border-width: 0px 10px 10px 10px;
	border-style: solid;
	border-color: transparent transparent #f1f6f9;
}

.disnon {
	display: none;
}


.supporter-left {
	float: left;
	width: 38%;
}

.supporter-right {
	float: right;
	width: 60%;
	margin-right: 10px;
}

/* ===================================================================
profile
=================================================================== */
.profile-subttl {
	padding: 3px;
	background-color: #f9f9f9;
	margin: 0px 10px;
	margin-bottom: 30px;
	margin-top: 20px;
}
.profile-subttl h5 {
	padding: 3px 0px 3px 10px;
	line-height: 1.2;
	border-left: 8px solid #3570b7;
}
.profile-rinen {
	width: 60%;
	margin: 0px auto;
}
.table-normal {
	margin: 0px 0px 0px 30px;
	padding: 0px;
	border-right: solid 1px #999999;
	border-bottom: solid 1px #999999;
}

.table-normal td{
	margin: 0px;
	padding: 15px 8px;
	border-left: solid 1px #999999;
	border-top: solid 1px #999999;
	text-align: left;
}

.table-normal th{
	width: 25%;
	margin: 0px;
	padding: 15px 8px;
	border-left: solid 1px #999999;
	border-top: solid 1px #999999;
	background-color:#bdd3d7;
	text-align: left;
	font-weight: normal;
	vertical-align: top;
}
.table-normal a {
	color: #3A6EE7;
}

.table-full {
	width: 100%;
	margin: 0px 0px 20px 0px;
	padding: 0px;
	border-right: solid 1px #dddddd;
	border-bottom: solid 1px #dddddd;
}

.table-full td{
	margin: 0px;
	padding: 5px 8px;
	border-left: solid 1px #dddddd;
	border-top: solid 1px #dddddd;
}

.table-full th{
	margin: 0px;
	padding: 5px 8px;
	border-left: solid 1px #dddddd;
	border-top: solid 1px #dddddd;
	background-color:#ffa624;
	font-weight: normal;
	vertical-align: middle;
	color: #fff;
}

.subcontents-banner-about {
	width: 800px;
	margin: 0px auto;
}

.subcontents-banner-about li {
	margin-bottom: 20px;
}

.subcontents-banner-about li p {
	font-size: 85%;
}

/* ===================================================================
common
=================================================================== */
.subcontents-inner {
	padding: 0px 10px;
	margin-bottom: 30px;
}

.subcontents-inner p {
	margin-bottom: 10px;
}

.subcontents-left645 {
	width: 645px;
	float: left;
}

.subcontents-right256 {
	width: 256px;
	float: right;
}

.subcontents-banner-btn {
	width: 695px;
	margin: 0px auto;
}

.subcontents-banner-btn li h3 {
	font-size: 120%;
	font-weight: bold;
}

.subcontents-banner-btn li {
	margin-bottom: 20px;
}

.subcontents-banner-btn li p {
	font-size: 85%;
}

.white-text-b {
	padding: 8px 15px;
	background-color: #ff6000;
	color: #fff;
	font-size: 110%;
}

.frame-shadow {
	border: 1px solid #d3d3d3;
	box-shadow: 0px 0px 10px #d3d3d3;
}

/* ===================================================================
products
=================================================================== */

.products01-photo {
	float: left;
	width: 370px;
	text-align: center;
}
.products01-text {
	float: right;
	width: 390px;
	margin-right: 20px;
}
.products-risence {
	padding: 2px 5px;
	background-color: #FF0000;
	color: #fff;
}
.products01-name dt {
	float: left;
	width: 80px;
	padding: 5px 5px;
	line-height: 1em;
	background-color: #3570b7;
	color: #fff;
	text-align: center;
	border-radius: 30px;        /* CSS3草案 */  
}
.products01-name dd {
	padding-left: 100px;
	font-size: 120%;
	margin-bottom: 10px;
}
.products01-description {
	padding: 10px 0px 0px 0px;
	background-color: #e7eee3;
	margin-bottom: 20px;
}
.products-price {
	height: 35px;
	text-align: right;
}
.products-price img{
	 vertical-align:middle;
	 margin-bottom:5px;
	 
}
.kouri {
	font-size: 80%;
	margin-right: 10px;
}
.products02-btn {
	margin-left: 20px;
}
.products02-btn li {
	float: left;
	margin-left: 40px;
}
.products02-frame01 {
	min-height: 100px;
	position: relative;
	background: #e7eee3;
	padding: 30px;
	margin: 25px 30px 30px 30px;
	border-radius: 30px;
}

.products02-frame01:after {
	content: "";
	position: absolute;
	top: -25px;
	left: 100px;
	height: 0;
	width: 0;
	border-width: 0px 25px 25px 25px;
	border-style: solid;
	border-color: transparent transparent #e7eee3;
}
.products02-frame02 {
	min-height: 100px;
	position: relative;
	background: #e7eee3;
	padding: 30px;
	margin: 25px 30px 30px 30px;
	border-radius: 30px;
}

.products02-frame02:after {
	content: "";
	position: absolute;
	top: -25px;
	left: 330px;
	height: 0;
	width: 0;
	border-width: 0px 25px 25px 25px;
	border-style: solid;
	border-color: transparent transparent #e7eee3;
}
.products02-frame03 {
	min-height: 100px;
	position: relative;
	background: #e7eee3;
	padding: 30px;
	margin: 25px 30px 30px 30px;
	border-radius: 30px;
}

.products02-frame03:after {
	content: "";
	position: absolute;
	top: -25px;
	left: 550px;
	height: 0;
	width: 0;
	border-width: 0px 25px 25px 25px;
	border-style: solid;
	border-color: transparent transparent #e7eee3;
}
.products02-inner {
	background-color: #fff;
	padding: 10px 18px;
}
.products02-inner h5 {
	margin-left: 10px;
}
.products02-inner ul {
	margin-left: 50px;
	margin-bottom: 30px;
}
.products02-inner li {
	margin-bottom: 8px;
	list-style: disc;
}
.products02-inner h6 {
	margin-left: 20px;
	background-color: #0064af;
	color: #fff;
	border-radius: 30px;
	padding-left: 20px;
	margin-bottom: 10px;
}

.products03-spec {
	margin-left: 50px;
	margin-bottom: 50px;
	font-size: 130%;
	color: #183b90;
}

.products03-spec li {
	min-height: 40px;
	margin-bottom: 10px;
}
.products03-spec li img {
	vertical-align: middle;
	margin-right: 10px;
}
.products03-scene h6 {
	margin: 0px 40px;
	background-color: #0064af;
	color: #fff;
	border-radius: 30px;
	padding-left: 20px;
	margin-bottom: 10px;
}
.products03-scene ul {
	margin-left: 80px;
}
.products03-scene li {
	margin-bottom: 8px;
	list-style: disc;
}
.sample-table {
	margin: 0px auto;
	border: 1px solid #cccccc;
}
.sample-table td {
	padding: 3px;
	border: 1px solid #cccccc;
}
.faq dt.nowOpen:after {
	content: "";
}

.faq {
	margin: 20px 30px;
}

.faq dt {
	/zoom: 1;
	margin-top: 20px;
	margin-bottom: 10px;
	padding: 5px 25px;
	background: #eee;
	-moz-border-radius: 5px;
	border-radius: 5px;
	color: #000;
}

.faq dt.switchOn {
	margin-top: 0;
}

.faq dt.nowOpen,
.faq dt.switchOn:hover {
	background: #477ef2;
	color: #fff;
}


.faq dd {
	padding: 10px 25px;
	background: url(../img/mark-a.gif) no-repeat 5px 10px;
	margin-bottom: 20px;
}

.faq dd strong {
	color: #900;
}
.faq dd a {
	color: #3F61FF;
}

.tekigou-frame {
	background: #EDEDED;
	padding: 20px 20px 10px 0px;
	margin: 25px 20px 30px 30px;
	border-radius: 30px;
}
.tekigou-list h5 {
	margin: 0px 20px 0px 30px;
	background-color: #0064af;
	color: #fff;
	border-radius: 30px;
	padding-left: 20px;
	margin-bottom: 10px;
}
.tekigou-left {
	float: left;
	width: 45%;
	margin-left: 30px;
}
.tekigou-au {
	background-color: #ff6600;
	color: #fff;
	padding-left: 20px;
	margin-bottom: 10px;
}
.tekigou-sb {
	background-color: #999933;
	color: #fff;
	padding-left: 20px;
	margin-bottom: 10px;
}
.tekigou-docomo {
	background-color: #6699ff;
	color: #fff;
	padding-left: 20px;
	margin-bottom: 10px;
}

.tekigou-comment {
	font-size: 85%;
	line-height: 1.2;
}

.tekigou-comment strong {
	font-weight: normal;
	text-decoration:underline;
}

/* -------------------------------------------------- */
/* shop */
/* -------------------------------------------------- */

#underconst {
	margin: 0px 0px 0px 30px;
	padding: 150px 0px 200px 0px;
	font-style: normal;
	text-align: center;
	background: url(../images/under_image.jpg) no-repeat center center;
}
/* -------------------------------------------------- */
/* contact */
/* -------------------------------------------------- */

.form-btn-box {
	width: 300px;
	float: left;
	font-size: 120%;
	letter-spacing: 0.1em;
	line-height: 1.8;
	margin-left: 10%;
	text-align: center;
	margin-top: 50px;
}

.contact-message {
	width: 620px;
	font-size: 120%;
	letter-spacing: 0.1em;
	line-height: 1.8;
	margin: 0px auto 50px auto;
}
.contact-form {
	width: 660px;
	padding-bottom: 80px;
	margin: 0px auto;
	background: url(../images/line-rough-double.png) repeat-x left top;
}
.contact-form-table {
	margin: 0px auto 30px auto;
	width: 90%;
}
.contact-form-table th {
	width: 30%;
	padding: 18px 0px;
	letter-spacing: 0.2em;
	background: url(../images/line-dot.png) repeat-x left bottom;
	vertical-align:top;
	text-align: left;
	font-weight: normal;
}
.contact-form-table .form-necessary {
	padding-right: 40px;
	background: url(../images/mark-necessary.png) no-repeat right center;
}
.contact-form-table td {
	width: 70%;
	padding: 18px 0px ;
	background: url(../images/line-dot.png) repeat-x left bottom;
	vertical-align:top;
	text-align: left;
}

.name input, .company input, .section input, .zip input, .address input, .tel input, .fax input, .e-mail01 input, .e-mail02 input, .kana input {
	width: 98%;
	padding: 4px;
	border: 1px solid #d9d9d9;
}

.contact-form-table .wpcf7-textarea {
	font-size: 100%;
	width: 98%;
	line-height: 1.6;
	border: 1px solid #d9d9d9;
}
.contact-form-table textarea {
	font-size: 100%;
	width: 98%;
	line-height: 1.6;
	border: 1px solid #d9d9d9;
}
.wpcf7-form-control.wpcf7-submit{
	float: left;
   	display: block;
   	width: 123px;
   	height: 39px;
   	border: none;
   	text-indent: -9999px;
   	background: url(../images/common/form-btn-send.png) no-repeat;
	margin-left: 25%;
}
.form-reset{
	float: left;
   	display: block;
   	width: 123px;
   	height: 39px;
	color: #707070;
   	-webkit-box-shadow: inset 0 1px 3px #F1F1F1, inset 0 -15px #DFDFDF, 1px 1px 2px #E7E7E7;  
    -moz-box-shadow: inset 0 1px 3px #F1F1F1, inset 0 -15px #DFDFDF, 1px 1px 2px #E7E7E7;
	margin-left: 40px;
}
.mw_wp_form {
	padding-bottom: 100px;
}
.submit input {
	float: left;
   	display: block;
   	width: 123px;
   	height: 39px;
	color: #3570b7;
   	-webkit-box-shadow: inset 0 1px 3px #F1F1F1, inset 0 -15px #DFDFDF, 1px 1px 2px #E7E7E7;  
    -moz-box-shadow: inset 0 1px 3px #F1F1F1, inset 0 -15px #DFDFDF, 1px 1px 2px #E7E7E7;
	margin-left: 25%;
}
.submit2 input {
	float: left;
   	display: block;
   	width: 123px;
   	height: 39px;
   	border: none;
   	text-indent: -9999px;
   	background: url(../images/form-btn-send.png) no-repeat;
	margin-left: 25%;
}

/* =========================================
　company
=========================================== */

/* ------------------ */
/* profile */
/* ------------------ */
#message-photo {
	float: right;
	margin-bottom: 20px;
}
.company_profile {
	margin: 0px auto 20px auto;
	width: 100%;
	padding: 0px;
	border-right: solid 1px #dddddd;
	border-bottom: solid 1px #dddddd;
	font-size: 85%;
}

.company_profile td{
	margin: 0px;
	padding: 15px 8px;
	border-left: solid 1px #dddddd;
	border-top: solid 1px #dddddd;
}

.company_profile th{
	margin: 0px;
	padding: 15px 8px;
	border-left: solid 1px #dddddd;
	border-top: solid 1px #dddddd;
	background-color:#edf5fb;
	font-weight: normal;
	vertical-align: middle;
	text-align: left;
}

.company_profile th span {
	padding-left: 8px;
	border-left: solid 2px #73c8e8;
}

span.color-blue{
	color:#00508c;
}

/* =========================================
　result
=========================================== */

.result {
	margin: 0px 5% 20px 5%;
	width: 90%;
	padding: 0px;
	border-right: solid 1px #dddddd;
	border-bottom: solid 1px #dddddd;
}

.result td{
	margin: 0px;
	padding: 15px;
	border-left: solid 1px #dddddd;
	border-top: solid 1px #dddddd;
	text-align: right;
}

.result th{
	margin: 0px;
	padding: 15px;
	border-left: solid 1px #dddddd;
	border-top: solid 1px #dddddd;
	background-color:#edf5fb;
	font-weight: normal;
	vertical-align: middle;
	text-align: left;
}

.result th span {
	padding-left: 8px;
	border-left: solid 2px #73c8e8;
}
/* =========================================
　campaign
=========================================== */
.campaign-frame {
	margin: 10px 30px;
	border: 1px solid #d3d3d3;
	box-shadow: 0px 0px 10px #d3d3d3;
	border-radius: 10px;
	background-color: #F4F4F4;
	padding: 30px;
}
.campaign-btn a {
	display: block;
	text-align: center;
	color: #fff;
	background-color: #FF7E00;
	padding: 2px 5px;
	width: 50%;
	margin: 0px auto;
}
.campaign-btn2 a {
	display: block;
	text-align: center;
	color: #fff;
	background-color: #FF0004;
	padding: 2px 5px;
	width: 50%;
	margin: 0px auto;
}
/* =========================================
　sitemap
=========================================== */

.sitemap01 {
	float: left;
	width: 240px;
}

.sitemap01 p {
	padding: 0px 0px 0px 20px;
	font-size: 85%;
   	background: url(../img/mark-arrow-orange.gif) no-repeat left center;
}

.sitemap02 {
	float: right;
	width: 440px;
}

.sitemap02 li {
	padding: 0px 0px 10px 0px;
	margin: 0px 0px 10px 0px;
	font-size: 85%;
   	background: url(../img/line-dot.gif) repeat-x left bottom;
}

.sitemap02 li span {
	padding: 0px 0px 0px 20px;
   	background: url(../img/mark-arrow-orange.gif) no-repeat left center;
}

.sitemap01 a, .sitemap02 a {
	color: #555555;
}
.text-red {
	color: #FF0004;
}
/* ===================================================================
buy
=================================================================== */
.shop-no {
	font-size: 120%;
}
/* ===================================================================
attention
=================================================================== */
.atention-list {
	list-style-type: decimal;
	list-style-position: inside;
}

.atention-list li {
	padding-bottom: 10px;
	border-bottom: 1px dotted #999999;
	margin-bottom: 10px;
}

.ng-list {
	padding-left: 20px;
	list-style-type: disc;
	list-style-position: outside;
}

.ng-list li {
	margin-bottom: 10px;
}
/* ===================================================================
faq
=================================================================== */
.faq h4 {
	margin-bottom: 10px;
	color: #ff7b00;
	padding: 8px 0px 3px 32px;
	font-size: 130%;
	background: url(../images/mark-faq.png) no-repeat left center;
	border-bottom: 1px solid #ffcd9f;
}
.faq p {
	margin: 0px 0px 30px 0px;
	padding: 0px 0px 0px 35px;
}
.faq p a {
	text-decoration: underline;
}

/* ===================================================================
shop
=================================================================== */


/* 検索ボックス*/
.searchshop{
	width:940px;
	height: 145px;
	margin: 0px auto 20px auto;
	padding-top: 20px;
	background-color: #ffefd7;
}

.searchshop-block {
	float: left;
	display: block;
	width:280px;
	height: 80px;
	padding-left: 30px;
  overflow: hidden; /* 伸ばした分を隠す */
}

.searchshop-block h4 {
	font-size: 120%;
}

.searchshop form.keyword{
	height:60px;
}

.searchshop form.keyword .style_1{
	margin:3px 10px 0px 0px;
	width:278px;
	height:29px;
	vertical-align:11px;
	font-size:14px;
	border: 1px solid #cccccc;
}

.searchshop form.keyword .style_2{
	padding:4px 0 0 0;
	behavior: url("/csshover3.htc");
}

.searchshop form.keyword .style_2:hover{
	padding:4px 0 0 0;
	filter:alpha(opacity=0);
	opacity:0.0;
}


/* セレクトボックス*/
.searchshop select{
	width:270px;
    height: 37px;
    -webkit-appearance:none;
    -moz-appearance:none;
    appearance:none;
    text-indent: .01px; /*Firefox用*/
    text-overflow: ""; /*Firefox用*/
	border:none;
	margin:0 0 0 4px;
	background:url(../images/shop-select-bk.png) no-repeat;
	padding:1px 0 0 20px;
	font-size:14px;
}

/* セレクトボックス*/
.searchshop *+html select{
	width:273px !important;
    height: 37px !important;
	border:none;
	margin:0 0 0 4px;
	background:url(../images/shop-select-bk.png) no-repeat  !important;
}

.searchshop-block > select {
  width: 110%; /* IEで矢印を消すためにUI分を伸ばす */
}

/*Firefox▼*/
/*@-moz-document url-prefix() {
.searchshop select {
	padding:15px 0 0 20px !important;
}
*/

.area-pdf-list {
	margin: 0px auto 20px auto;
}

.area-pdf-list h4 {
	font-size: 130%;
	margin: 0px auto 20px auto;
	padding: 10px 20px 5px 20px;
	background-color: #eee;
	border-bottom: 3px solid #F88A35;
}

.area-pdf-list ul {
	margin: 0px 0px 0px 10px;
}
.area-pdf-list li {
	float: left;
	margin: 0px 10px 10px 0px;
}

/* ================================================================================
	#page-nav
================================================================================ */
.page-nav {
	font-size: 80%;
	text-align: left;
	margin-bottom: 20px;
}
.page-nav li {
	display: inline;
	list-style: none outside none;
	margin-right: 5px;
}
.page-nav li a {
	border: 1px solid rgb(230,230,230);
	color: rgb(102,102,102);
	text-decoration: none;
	border-radius: 3px;
}

.page-nav li a:hover {
	border: 1px solid rgb(230,230,230);
}
.page-nav li a:active {
	box-shadow: 0 0 3px rgba(0,0,0,0.2) inset;
	top:1px;
}

.page-nav li.current span {
	border: 1px solid rgb(186,166,132);
	color: #fff;
	font-weight: bold;
	border-radius: 3px;
	background-color: #ffa624;
}
.page-nav li.first span,
.page-nav li.previous span,
.page-nav li.next span,
.page-nav li.last span {
	background: rgb(248,248,248);
	border: 1px solid rgb(230,230,230);
	color: rgb(180,180,180);
	text-decoration: none;
	border-radius: 3px;
}

.page-nav li.page_nums span {
	background: rgb(102,102,102);
	border: 1px solid rgb(51,51,51);
	color: rgb(255,255,255);
}
.page-nav li a,
.page-nav li.current span,
.page-nav li.first span,
.page-nav li.previous span,
.page-nav li.next span,
.page-nav li.last span,
.page-nav li.page_nums span {
	padding: 0.25em 0.8em;
	display: inline-block;
	position:relative;
}

/* ================================================================================
	#jump
================================================================================ */

#jumptext {
	width: 700px;
	padding: 20px;
	margin: 30px auto;
	line-height: 2.5;
	font-size: 130%;
	border: 4px solid #ffa624;
}

#jumptext p a {
	text-decoration: underline;
}
 /* ================================================================================
	#ready
================================================================================ */

#readytext {
	width: 700px;
	padding: 60px;
	margin: 30px auto;
	line-height: 2.5;
	font-size: 130%;
	border: 4px solid #ffa624;
}


/* pagetop */

.pagetop {
  text-align: right;
  margin: 0 auto;
}

.pagetop a {
  display: inline-block;
  color: #fff;
  font-size: 1.2em;
  padding: 6px 2em 4px;
  border-radius: 4px 4px 0 0;
}

/* pagetop pattern2 */

.pagetop2 {
  position: fixed;
  bottom: 24px;
  right: 24px;
  margin: 0 auto;
  z-index: 200;
}

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

/* pagetop pattern3 */

.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: #fff;
  font-size: 1.2em;
  line-height: 1;
  border-radius: 50%;
  behavior: url(PIE.htc);  
}

/* 2019.9　追加 */

#top-contents-left2019 {
	width: 600px;
	min-height: 320px;
	float: left;
	padding-bottom: 40px;
}

#top-contents-left2019 h1 {
	margin-left: 10px;
	margin-bottom: 10px;
}
#top-contents-left2019 h2 {
	margin-left: 10px;
	margin-bottom: 10px;
	font-size: 120%;
}
#top-contents-right2019 {
	width: 370px;
	float: right;
	padding-bottom: 40px;
}

.top-detail-btn2019 {
	text-align: right;
	margin-top: 20px;
}
#top-news2019 {
	width: 700px;
	margin-bottom: 30px;
}

#top-news2019 h2 {
	margin-bottom: 30px;
}
#top-banner2019 {
	width: 350px;
	margin-bottom: 30px;
}
#top-banner2019 li {
	margin-bottom: 20px;
}