@charset utf-8;
/*
Theme Name: ulelu-et-grid1
Theme URI: http://www.over-drive.me/
Version: 1.0
Description: 2 Column theme from Elegant Themes
Author: OverDrive
Author URI: http://www.over-drive.me
テーマメインスタイルシート
*/

/*------------------------------------------------*/
/*-----------------[RESET]------------------------*/
/*------------------------------------------------*/

/* http://meyerweb.com/eric/tools/css/reset/ */
/* v1.0 | 20080212 */

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, font, 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,
article, section, figure { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: /* ov modify baseline*/ top; background: transparent; }

body { line-height: 1.3; }
ol, ul { list-style: none; }
blockquote, q {	quotes: none; }

blockquote:before, blockquote:after,q:before, q:after { content: ''; content: none; }

/* remember to define focus styles! */
:focus { outline: 0; }

/* remember to highlight inserts somehow! */
ins { text-decoration: none; }
del { text-decoration: line-through; }

/* tables still need 'cellspacing="0"' in the markup */
table { border-collapse: collapse; border-spacing: 0; }

article, aside, footer, header, hgroup, nav, section { display: block; }

/*------------------------------------------------*/
/*-----------------[BASIC STYLES]-----------------*/
/*------------------------------------------------*/

html { -webkit-font-smoothing: antialiased; }
body {
	/*font-family: 'Open Sans', Arial, sans-serif;*/
	font-family: Helvetica, Arial, 'ヒラギノ角ゴ ProN W3','Hiragino Kaku Gothic ProN', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
	font-size: 14px;
	color: #464646;
	background-color: #fff;

	/* ov add */
	word-wrap:break-word;/*firefox*/
	word-break:break-all;/*IE*/
}

a { text-decoration: none; color: #fff; }
a:hover { text-decoration: underline; }

body.single #main a, body.page #main a { color: #6ab3b2; }
body.single #info-area, body.page #info-area { color: #fff; }
body.single #main h1, body.single #main h2, body.single #main h3, body.single #main h4, body.single #main h5, body.single #main h6, body.page #main h1, body.page #main h2, body.page #main h3, body.page #main h4, body.page #main h5, body.page #main h6, body.error404 #main h1, body.error404 #main h2, body.error404 #main h3, body.error404 #main h4, body.error404 #main h5, body.error404 #main h6  { color: #494b4b; }

.clear { clear: both; }
.ui-tabs-hide { display: none; }
br.clear { margin: 0px; padding: 0px; }

h1, h2, h3, h4, h5, h6 { padding-bottom: 5px; /*color: #fff;*/ line-height: 1em; font-weight: normal; letter-spacing: -1px; }
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { color: inherit; }
h2, h3, h4 { font-weight: bold; }
h1 { font-size: 30px; }
h2 { font-size: 24px; }
h3 { font-size: 22px;margin:1em 0 5px 0; }
h4 { font-size: 18px;margin:1em 0 5px 0; }
h5 { font-size: 16px; }
h6 { font-size: 14px; }
p { padding-bottom: 10px; /*line-height: 24px;*/ }
strong { font-weight: bold; color: #1c1c1c; }
cite, em, i { font-style: italic; }
pre, code { font-family: Courier New, monospace; margin-bottom: 10px; }
ins { text-decoration: none; }
sup, sub { height: 0; line-height: 1; position: relative; vertical-align: baseline; }
sup { bottom: 0.8em; }
sub { top: 0.3em; }
dl { margin: 0 0 1.5em 0; }
dl dt { font-weight: bold; }
dd  { margin-left: 1.5em;}
blockquote  { margin: 1.5em; padding: 1em; color: #666666; background: #e6e6e6; font-style: italic; border: 1px solid #dcdcdc; }
	blockquote p { padding-bottom: 0px; }

input[type=text],input.text, input.title, textarea, select { background-color:#fff; border:1px solid #bbb; padding: 2px; color: #4e4e4e; }
input[type=text]:focus, input.text:focus, input.title:focus, textarea:focus, select:focus { border-color:#2D3940; color: #3e3e3e; }
input[type=text], input.text, input.title, textarea, select { margin:0 0 0.5em 0; }
textarea { padding: 4px; }

img#about-image { float: left; margin: 3px 8px 8px 0px; }

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

/*------------------------------------------------*/
/*---------------[MAIN LAYOUT INFO]---------------*/
/*------------------------------------------------*/

img { max-width: 100%; height: auto; -ms-interpolation-mode: bicubic; }

#info-bg {
/*	position: absolute; 2013.11.21 ov */
	position: fixed;
	height:100%; /* 2013.11.21 ov add */
	top: 0;
	bottom: 0;
	z-index: 3;
	-webkit-box-shadow: inset 0 0 73px rgba(0, 0, 0, 0.15), 4px 0 4px rgba(0,0,0,0.08);
	-moz-box-shadow: inset 0 0 73px rgba(0, 0, 0, 0.15), 4px 0 4px rgba(0,0,0,0.08);
	box-shadow: inset 0 0 73px rgba(0, 0, 0, 0.15), 4px 0 4px rgba(0,0,0,0.08);
}
#info-bg, #main-wrap:before { background: #6AB3B2; }
#main-wrap:before { content: ''; top: 0; left: 0; position: absolute; height: 100%; }
/* ov 1204 modify start
#info-area, #info-bg, #main-wrap:before { width: 280px; border-right: 1px solid #50a09f; }
*/
#info-area, #info-bg, #main-wrap:before { width: 280px; }
#info-bg { border-right: 1px solid #50a09f; }
/* ov modify end */

#info-area { float: left; position: relative; padding-top: 64px; z-index: 4; margin-left:1px; /* ov 1204 */ }
.home #info-area { margin-left:0; } /* ov 1204 */

	#logo-area { text-align: center; margin-bottom: 42px; }

		/* ov add */
		h1#logo { font-size:40px; }
		p#slogan { line-height:1.6; font-size: 10px; text-transform: uppercase; padding-bottom: 6px; margin-left: 0px; margin-top: 0px; margin-bottom:0px;}
	
.entry-image .readmore { -moz-border-radius: 100%; -webkit-border-radius: 100%; border-radius: 100%; -moz-box-shadow: 0 0 4px rgba(0,0,0,0.1); -webkit-box-shadow: 0 0 4px rgba(0,0,0,0.1); box-shadow: 0 0 4px rgba(0,0,0,0.1); width: 42px; height: 42px; background: #fff; text-indent: -9999px; position: relative; display: /* ov inline-block*/ none; overflow: hidden; /*ov add */ /*margin-top:12px;*/ }
	.entry-image .readmore span { position: absolute; top: 9px; left: 9px; background: url(images/zoom.png) no-repeat; width: 23px; height: 24px; display: block; }

@-webkit-keyframes bounceIn {
	0% {
		-webkit-transform: scale(1);
	}
	
	50% {
		opacity: 1;
		-webkit-transform: scale(1.1);
	}
	
	100% {
		-webkit-transform: scale(1);
	}
}

@-moz-keyframes bounceIn {
	0% {
		-moz-transform: scale(1);
	}
	
	50% {
		opacity: 1;
		-moz-transform: scale(1.1);
	}
	
	100% {
		-moz-transform: scale(1);
	}
}

@-o-keyframes bounceIn {
	0% {
		-o-transform: scale(1);
	}
	
	50% {
		opacity: 1;
		-o-transform: scale(1.1);
	}
	
	100% {
		-o-transform: scale(1);
	}
}

@keyframes bounceIn {
	0% {
		transform: scale(1);
	}
	
	50% {
		opacity: 1;
		transform: scale(1.1);
	}
	
	100% {
		transform: scale(1);
	}
}

@-webkit-keyframes bounceIn_custom {
	0% {
		opacity:0;
		-webkit-transform: scale(1);
	}
	
	50% {
		opacity: 1;
		-webkit-transform: scale(1.1);
	}
	
	100% {
		-webkit-transform: scale(1);
	}
}

@-moz-keyframes bounceIn_custom {
	0% {
		opacity:0;
		-moz-transform: scale(1);
	}
	
	50% {
		opacity: 1;
		-moz-transform: scale(1.1);
	}
	
	100% {
		-moz-transform: scale(1);
	}
}

@-o-keyframes bounceIn_custom {
	0% {
		opacity:0;
		-o-transform: scale(1);
	}
	
	50% {
		opacity: 1;
		-o-transform: scale(1.1);
	}
	
	100% {
		-o-transform: scale(1);
	}
}

@keyframes bounceIn_custom {
	0% {
		opacity:0;
		transform: scale(1);
	}
	
	50% {
		opacity: 1;
		transform: scale(1.1);
	}
	
	100% {
		transform: scale(1);
	}
}

/* ov 2013.11.21 */
/*#main-wrap { min-height: 100%; height: auto; position: relative; }*/
#main-wrap { min-height: 100%; height: auto; position: relative; text-align:center; }
.home #main-wrap { min-height: 100%; height: auto; position: relative; text-align:left; }
  #ct { margin:0 auto; width:961px; text-align:left; position:relative; }
  .home #ct { width:auto; }
/* end ov 2013.11.21 */

	#main { margin-left: 282px; /* ov 1204 281px; */ height: 100%;  position: relative; z-index: 2; text-align:left; }
	.home #main { margin-left: 281px; } /* ov 1204 */
	
		#wrapper { float: left; /*width: 100%; 11.14 comment out  */ }
		.home #wrapper { float:none; } /* 11.14 add */
/*			.entry-image { float: left; width: 25%; position: relative; color: #fff; }*/
			.inline-wp, .inline-wp1 { letter-spacing: -.40em; vertical-align:top; width:100%;}
			.entry-image { color:#fff; display:block; position:relative; overflow:hidden; letter-spacing: normal; max-height:304px; box-sizing:border-box; /* 1222 add ov */ }
			.inline-wp .entry-image,
			.inline-wp1 .entry-image {
				width: 33.3%; /*25% ov 2013.11.27 */
				display:inline-block;
  				*display:inline;
  				zoom:1;
				max-height:304px;
			}
				/* ov modify .entry-image img { display: block; }*/
				.entry-image img { display: block; width:100%; }

/* ov add */
				.entry-image .wrap {
					position:relative;
					overflow:hidden;
				}
				.entry-image .no-thumb{
					text-align:center;
					height:100%;
				}
								
				.entry-image .no-thumb h2,
				.entry-image .no-thumb .meta-info{ color:#5c5c5c; }
				.entry-image .no-thumb .title{ padding: 45px 7px 8px; -webkit-box-shadow: inset 0 -1px 0 rgba(255, 255, 255, 0.3); -moz-box-shadow: inset 0 -1px 0 rgba(255, 255, 255, 0.3); box-shadow: inset 0 -1px 0 rgba(255, 255, 255, 0.3); }
				.entry-image .no-thumb .description { color:#5c5c5c; padding: 11px 40px; }

/* ov add end */
				.image-info, #top-menu .link_bg, #info-bg, #info-area { -webkit-transform: translate3d(0,0,0); }

				.image-info { color: background: #ff9600; background: rgba( 255,150,0,0.95 ); position: absolute; top: 0; left: 0; width: 100%; height: 100%; -moz-box-shadow: inset 0 0 0 1px rgba(255,182,78,1), 0 0 20px rgba(0,0,0,0.6); -webkit-box-shadow: inset 0 0 0 1px rgba(255,182,78,1), 0 0 20px rgba(0,0,0,0.6); box-shadow: inset 0 0 0 1px rgba(255,182,78,1), 0 0 20px rgba(0,0,0,0.6); text-shadow: 1px 1px 0 rgba(0,0,0,0.1); text-align: center; z-index: 10; -webkit-transform: scale(0); -moz-transform: scale(0); -o-transform: scale(0); -ms-transform: scale(0); transform: scale(0); }
					.image-info .title { padding: 45px 7px 8px; -webkit-box-shadow: inset 0 -1px 0 rgba(255, 255, 255, 0.3); -moz-box-shadow: inset 0 -1px 0 rgba(255, 255, 255, 0.3); box-shadow: inset 0 -1px 0 rgba(255, 255, 255, 0.3); }
					.image-info .description { padding: 11px 40px; }
					.image-info a:hover { color: #f5f5f5; color: rgba(255,255,255,0.9); text-decoration: none; }

/* ov add 20160207 */
				.entry-image .no-thumb .description a { color:#5c5c5c; }
				.image-info2 { color: background: #ff9600; background: rgba( 255,150,0,0.80 ); position: absolute; bottom: 0; left: 0; width: 100%; height: 26%; text-shadow: 1px 1px 0 rgba(0,0,0,0.1); text-align: center; z-index: 10; -webkit-transform: scale(1); -moz-transform: scale(1); -o-transform: scale(1); -ms-transform: scale(1); transform: scale(1); }
					.image-info2 .title { padding: 12px 7px 8px 8px; }
					.image-info2 .title h2 { font-size:1.43em; letter-spacing:normal;}
					.image-info2 a:hover { color: #f5f5f5; color: rgba(255,255,255,0.9); text-decoration: none; }
/* ov add 20160207 end */

				.gridhover .img {
					-webkit-animation: bounceIn 0.4s ease-in-out;
					-moz-animation: bounceIn 0.4s ease-in-out;
					-ms-animation: bounceIn 0.4s ease-in-out;
					-o-animation: bounceIn 0.4s ease-in-out;
					animation: bounceIn 0.4s ease-in-out;
					-webkit-transform: scale(1);
					-moz-transform: scale(1);
					-o-transform: scale(1);
					-ms-transform: scale(1); 
					transform: scale(1);
				}
				.gridhover .image-info { 
					-webkit-animation: bounceIn_custom 0.4s ease-in-out; 
					-moz-animation: bounceIn_custom 0.4s ease-in-out; 
					-o-animation: bounceIn_custom 0.4s ease-in-out; 
					-ms-animation: bounceIn_custom 0.4s ease-in-out; 
					animation: bounceIn_custom 0.4s ease-in-out; 
					-webkit-transform: scale(1); 
					-moz-transform: scale(1); 
					-o-transform: scale(1);
					-ms-transform: scale(1);
					transform: scale(1);
				}

			#main-content { width: 619px; /*620px ov 1204 */ margin-left: 60px; padding-bottom: 60px; }
	
.entry-content { position: relative; padding-top: 60px; }
	.main-title { color: #4a4b4b; background: #fff; padding: 43px 60px 0; position: absolute; top: -130px; left: -60px; }
	
	.et-no-big-image .main-title { padding-left: 0 !important; padding-right: 0 !important; padding-top: 0; position: relative !important; top: 0 !important; left: 0 !important; margin-bottom: 20px; }
	
		.main-title h1, h1#comments, h3#reply-title { font-size: 48px; font-weight: 900; letter-spacing: -2px; /*border-bottom:1px solid #dfdbdf;*/ }
		.main-title-m h1, h1#comments, h3#reply-title { font-size: 34px; font-weight: 700; letter-spacing: -2px; }
		.main-title p { font-size: 18px; }
		body.single #main .meta-info a, body.page #main .meta-info a { color: #4a4b4b; }
		body.single #main .meta-info a:hover, body.page #main .meta-info a:hover { color: #111; text-decoration: none; }
		
	.post-thumbnail { position: relative; margin-bottom: 52px;}
		.post-thumbnail img { display: block; /*ov add*/ width:100%; height:auto !important;}
		.post-thumbnail:before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; -moz-box-shadow: inset 0 0 7px rgba(0,0,0,0.35); -webkit-box-shadow: inset 0 0 7px rgba(0,0,0,0.35); box-shadow: inset 0 0 7px rgba(0,0,0,0.35); }
		
	.entry-content ul, .comment-content ul { list-style-type: disc; padding: 0 0 23px 16px; /*line-height: 26px;*/ }
	.entry-content ol, .comment-content ol { list-style-type: decimal; list-style-position: inside; padding: 0 0 23px 16px; line-height: 26px; }
		.entry-content ul li ul, .entry-content ul li ol, .comment-content ul li ul, .comment-content ul li ol { padding: 2px 0px 2px 20px; }
		.entry-content ol li ul, .entry-content ol li ol, .comment-content ol li ul, .comment-content ol li ol  { padding: 2px 0px 2px 35px; }
		
	#main-footer { border-top: 1px solid #f3f3f3; padding: 45px 0 35px 60px; color: #494b4b; }
		#copyright a { font-weight: 900; color: #494b4b !important; }
		#copyright a:hover { color: #111 !important; text-decoration: none; }
		
	#big_thumbnail { -webkit-background-size: cover; -moz-background-size: cover; background-size: cover; height: 320px; background-repeat: no-repeat; }
	
	.entry-image:hover { z-index: 11; }
	
	.image-link { display: block; width: 100%; height: 100%; position: absolute; top: 0; left: 0; text-indent: -9999px; }
	
	body.page .main-title, body.archive .main-title{ padding-bottom: 20px; top: -116px; }

/* ov modify
	#infscr-loading { position: fixed; top: 45%; left: 45%; background: #fff; padding: 20px; z-index: 1000; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; }
*/
	#infscr-loading { position: fixed; top: 45%; left: 45%; background: #fff; padding: 20px; z-index: 1000; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; letter-spacing: normal; }
	
	/* ov 0703 add */
	#sp-widget {
		display:none; 
	}
		#sp-widget .widget {
			border-bottom:none !important;
			padding: 0px 0px 29px 0px !important;
		}

	/* ov 2016.12.27 add */
	body.single #main .meta-info { padding-bottom: 24px; }
	body.page-id-13165 .main-title{ display:none; } /* blog page post id class fxied */

/*------------------------------------------------*/
/*---------------[DROPDOWN MENU]------------------*/ 
/*------------------------------------------------*/

#top-menu { border-top: 1px solid #5ea5a4; }
	#top-menu a, #mobile-nav { display: block; text-align: center; padding: 12px 5px; border-bottom: 1px solid #5ea5a4; position: relative; }
		#top-menu .link_bg { position: absolute; top: 0; left: 0; width: 100%; height: 100%; -moz-transform: scale(0,1); -webkit-transform: scale(0,1); transform: scale(0,1);  -moz-transition: all 0.13s ease-in-out; -webkit-transition: all 0.13s ease-in-out; transition: all 0.13s ease-in-out; }
		#top-menu .link_text { z-index: 2; position: relative; }
			.link_text span, #mobile-nav span { padding-left: 10px; }
	#top-menu a:hover { text-decoration: none; color: #f5f5f5; color: rgba(255,255,255,0.9); }
		#top-menu a:hover .link_bg { background: #fff; -moz-transform: scale(1,1); -webkit-transform: scale(1,1); transform: scale(1,1); }
			#top-menu ul ul a:hover .link_bg { background: #f8f8f8; }
	.current-menu-item > a, .et_active_dropdown > li a, #top-menu .et_clicked, #mobile-nav  { background: #fff; }
	#top-menu .current-menu-item > a:hover, #top-menu .current-menu-item > a:hover .link_bg { background: #fff; }
	
	#top-menu a:hover .link_text, .current-menu-item > a, #top-menu .current-menu-item > a:hover, #top-menu .current-menu-item > a:hover .link_bg, .et_active_dropdown > li a, #top-menu .et_clicked, #mobile-nav { color: #6ab3b2; }
	
	#top-menu > ul ul { display: none; }
	
	#top-menu .et_active_dropdown > li a, #top-menu .et_clicked { border-bottom: 1px solid #efefef; }
	
	#mobile-nav { display: none; border-bottom: none; cursor: pointer; }
	
/*------------------------------------------------*/
/*-------------------[COMMENTS]-------------------*/
/*------------------------------------------------*/

#comment-wrap { margin-top: 95px; }
	.comment-body { position: relative; padding-left: 82px; margin: 0 0 30px; }
		.comment_avatar { position: absolute; top: 2px; left: 0; }
			.comment_avatar img { display: block; }
			.comment_avatar:before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; -moz-box-shadow: inset 0 0 7px rgba(0,0,0,0.5); -webkit-box-shadow: inset 0 0 7px rgba(0,0,0,0.5); box-shadow: inset 0 0 7px rgba(0,0,0,0.5); }
			.comment_postinfo { font-size: 18px; margin-bottom: 10px; }
			span.fn, body.single #main span.fn a, body.page #main span.fn a { text-decoration: none; color: #555e58; font-weight: 800; letter-spacing: -1px; }
			body.single #main span.fn a:hover, body.page #main span.fn a:hover { color: #111; }
			.comment_date { color: #c5c5c5; font-weight: 300; margin-left: 3px; }
		body.single #main .comment-reply-link, body.page #main .comment-reply-link, #commentform #submit { float: right; text-decoration: none; background: rgb(249,249,249); /* Old browsers */ background: -moz-linear-gradient(top,  rgba(249,249,249,1) 0%, rgba(246,246,246,1) 100%, rgba(242,242,242,1) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(249,249,249,1)), color-stop(100%,rgba(246,246,246,1)), color-stop(100%,rgba(242,242,242,1))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top,  rgba(249,249,249,1) 0%,rgba(246,246,246,1) 100%,rgba(242,242,242,1) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top,  rgba(249,249,249,1) 0%,rgba(246,246,246,1) 100%,rgba(242,242,242,1) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top,  rgba(249,249,249,1) 0%,rgba(246,246,246,1) 100%,rgba(242,242,242,1) 100%); /* IE10+ */ background: linear-gradient(to bottom,  rgba(249,249,249,1) 0%,rgba(246,246,246,1) 100%,rgba(242,242,242,1) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9f9f9', endColorstr='#f2f2f2',GradientType=0 ); /* IE6-9 */ border: 1px solid #e0dddd; border-radius: 5px 5px 5px 5px; -webkit-box-shadow: 1px 1px 0 #fcfcfc inset, 0 1px 2px rgba(0,0,0,0.1); -moz-box-shadow: 1px 1px 0 #fcfcfc inset, 0 1px 2px rgba(0,0,0,0.1); box-shadow: 1px 1px 0 #fcfcfc inset, 0 1px 2px rgba(0,0,0,0.1); color: #464646; display: inline-block; padding: 10px 16px; text-shadow: 1px 1px 0 #ffffff; font-size: 14px; }
		body.single #main .comment-reply-link:hover, body.page #main .comment-reply-link:hover { text-decoration: none; color: #111; }
		
	h1#comments { margin-bottom: 50px; }
	
	#respond { margin-top: 60px; }
	
	.comment ul { margin-left: 82px; }
	
	#reply-title  { margin-bottom: 10px; }
	
	#commentform input[type="text"] { width: 40%; }
	#commentform textarea { width: 89%; }
	#commentform textarea, #commentform input[type="text"] { border: 1px solid #e0dddd; padding: 20px; color: #555e58; font-size: 14px; background: #fff; -moz-box-shadow: inset 0 0 7px rgba(0,0,0,0.1); -webkit-box-shadow: inset 0 0 7px rgba(0,0,0,0.1); box-shadow: inset 0 0 7px rgba(0,0,0,0.1); }

	#reply-title small { display: block; font-size: 13px; padding-top: 5px; font-weight: normal; letter-spacing: 0; }
	
	.form-submit { text-align: right; }
		.form-submit input { font-size: 14px; float: none; }
		
	.comment #respond, #trackbacks { margin-bottom: 30px; }
	
	#commentform #submit { float: none; }
	.form-submit { text-align: right; }
	
/*------------------------------------------------*/
/*--------------------[SIDEBAR]-------------------*/
/*------------------------------------------------*/

#sidebar { color: #fff; }
	.widget { padding: 35px 35px 29px; position: relative; border-bottom: 1px solid #5ea5a4; /*line-height: 22px;*/ }
		.widgettitle { font-weight: 900; font-size: /*14px*/ 18px; padding-bottom: 7px; }
		.widget li { background: url(images/widget_bullet.png) no-repeat left center; padding: 5px 0 5px 11px; }
		.widget li:hover { background-image: url(images/widget_bullet_hover.png); }
			.widget li ul { margin-left: 11px; }
			.widget a:hover { color: #f5f5f5; color: rgba(255,255,255,0.9); text-decoration: none; }

/*------------------------------------------------*/
/*------------[CAPTIONS AND ALIGNMENTS]-----------*/
/*------------------------------------------------*/

div.post .new-post .aligncenter, .aligncenter { display: block; margin-left: auto; margin-right: auto; }
.wp-caption { border: 1px solid #ddd; text-align: center; background-color: #f3f3f3; padding-top: 4px; margin-bottom: 10px; max-width: 96%; padding: 8px; }
.wp-caption.alignleft { margin: 0px 10px 10px 0px; }
.wp-caption.alignright { margin: 0px 0px 10px 10px; }
.wp-caption img { margin: 0; padding: 0; border: 0 none; }
.wp-caption p.wp-caption-text { font-size: 11px; line-height: 17px; padding: 0 4px 5px; margin: 0; }
.alignright { float: right; }
.alignleft { float: left }
img.alignleft { display:inline; float:left; margin-right:15px; }
img.alignright { display:inline; float:right; margin-left:15px; }


/*------------------------------------------------*/
/*-----------------[WP CALENDAR]-----------------*/
/*------------------------------------------------*/
#wp-calendar { empty-cells: show; margin: 10px auto 0; /*width: 240px; ov s*/	}
	#wp-calendar a { display: block; text-decoration: none; font-weight: bold; }
		#wp-calendar a:hover { text-decoration: underline; }
	#wp-calendar caption {	text-decoration: none; font: bold 13px Arial, Sans-Serif; }
	#wp-calendar td {	padding: 3px 5px; /*color: #9f9f9f; */}
		#wp-calendar td#today { color: #ffffff; }
	#wp-calendar th {	font-style: normal;	text-transform: capitalize;	padding: 3px 5px; }
		#wp-calendar #prev a, #wp-calendar #next a { font-size: 9pt; }
		#wp-calendar #next a { padding-right: 10px; text-align: right; }
		#wp-calendar #prev a { padding-left: 10px; text-align: left; }
		
		/* ov */
		table#wp-calendar {border:none !important; }
/*------------------------------------------------*/
/*-------------------[PAGE NAVI]------------------*/
/*------------------------------------------------*/

.page-nav { margin: 20px 0 40px; }

.pagination { display: none; }
body.page .pagination { display: block; }

.et_embedded_videos { display: none !important; }

.et_pt_blogentry a.readmore { color: #282828 !important; }
.et_pt_blogentry a.readmore:hover { color: #111 !important; text-decoration: none; }

.et_portfolio_small .et_pt_portfolio_item:nth-child(3n+1) { clear: both; }

#ie8 img { width: auto; }

@media screen and (max-width: 1570px) { 
	.entry-image { width: 33.2%; } /* 2013.11.19 modify */

	.image-info { font-size: 13px; }
		.image-info .title { padding: 13px 7px 0; }
			.image-info h2 { font-size: 20px; }
		.image-info .description { padding: 11px 8px 0; }
}

@media screen and (min-width: 1024px) { 
	.entry-image { width: 33.2%; } /* 2013.11.19 33.3 modify */
	#top-menu { display: block !important; }
}

@media screen and (min-width: 768px) and (max-width: 1279px) {
	.entry-image { width: 33.2%; } /* 2013.11.19 33.3 modify */
	
	.image-info .title { padding: 18px 7px 0; }
}

@media screen and (min-width: 1150px) and (max-width: 1279px) {
	.entry-image { width: 33.2%; } /* 2013.11.19 33.3 modify */
	
	.image-info { font-size: 14px; }
		.image-info h2 { font-size: 22px; }
		.image-info .title { padding: 34px 7px 0; }
}

@media screen and (max-width: 960px) {
	.entry-image { width: 33.2%; } /* 2013.11.19 33.3 modify */

	#et-search, p#et-search-title, p#et-search-title span { background: none !important; }
	#et-search { width: auto !important; height: auto !important; }
		#et-search-inner { padding: 0 !important; }
			#et-search-right { float: none !important; clear: both; text-align: left !important; }
				#et_search_submit { background: #BBB8B8 !important; color: #111 !important; }
			p#et-search-title { margin-bottom: 2px !important; }
				p#et-search-title span { padding: 0 !important; text-shadow: none !important; }
	#et-searchinput { width: auto !important; }
	p#et_choose_posts, p#et_choose_pages, p#et_choose_date, p#et_choose_cat { float: none !important; }
	#et-search-left { float: none !important; width: 100% !important; }
/*
	#main-content {
		margin-left: 20px;
		margin-right:10px;
	}
*/
}

@media screen and (max-width: 1599px) { 
	/* 20160207 ov add */
	.entry-image .no-thumb .title { padding: 15px 7px 4px 8px; }
		.entry-image .no-thumb .title h2{ font-size:1em; }
		.entry-image .no-thumb .title .meta-info{ padding-bottom: 0; }
	.entry-image .no-thumb .description { padding: 4px 12px; font-size:0.8em; }
	.image-info2 { height:30%; }
	.image-info2 .title { padding: 8px 7px 0px 4px; }
		.image-info2 .title h2 { font-size:0.9em; padding-bottom:2px;}
		.image-info2 .title .meta-info{ padding-bottom:0; font-size:0.7em; }
	/* 20160207 ov add end */
}
/* 2013.11.27 add ov ipad */
@media screen and (max-width: 1024px) { 
	.entry-image { width: 33.2% !important; max-height:136px !important; overflow:hidden; }
}

@media screen and (max-width: 1023px) {
	.entry-image { width: 33.2%; max-height:188px !important; overflow:hidden; } /* 2013.11.14 33.3% */
	#info-bg, #sidebar, #main-wrap:before { display: none; }
	#info-area { float: none; width: 100%; border-right: none; background: #6AB3B2; -webkit-box-shadow: 0 4px 4px rgba(0,0,0,0.08); -moz-box-shadow: 0 4px 4px rgba(0,0,0,0.08); box-shadow: 0 4px 4px rgba(0,0,0,0.08); margin-left:0; /* ov 1204 */ }
	#main { margin: 0 !important; /* ov 1206 */}
	
	#top-menu { display: none; }
		#top-menu .link_bg { -moz-transition: all 0.4s ease-in-out; -webkit-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; }
		
	#mobile-nav { display: block; }
	
	#logo-area { margin-bottom: 0; padding-bottom: 55px; }
	
	/* ov 0703 add */
	#sp-widget { display:block; width: 620px; margin-left: 60px; }
	.home #sp-widget { margin: 30px 18px; width:auto;}
		#sp-widget iframe { width:100% !important; }

	.widget_search input[type="text"] { width:60%; }
}

@media screen and (min-width: 930px) and (max-width: 1023px) {
	.entry-image { width: 33.2%; } /* 33.3% 2013.11.14 */

	.image-info { font-size: 14px; }
		.image-info h2 { font-size: 22px; }
		.image-info .title { padding: 34px 7px 0; }
}

@media screen and (min-width: 768px) and (max-width: 960px) {
	#ct { width:auto; } /* 2013.11.21 add ov */
	#main-content { width: 648px; }
	#big_thumbnail  { height: 276px; }
	#sp-widget { display:block; width: 648px; margin-left: 60px; }
}

/* 2013.11.27 add ov ipad */
@media screen and (max-width: 768px) {
	.entry-image { max-height:140px !important; overflow:hidden;}
}

@media screen and (max-width: 767px) {
	#ct { width:auto; } /* 2013.11.21 add ov */
	.entry-image { width: 50% !important; max-height:211px !important; overflow:hidden; }
	.comment ul { margin-left: 0; }
	.main-title, body.page .main-title { padding-left: 0 !important; padding-right: 0 !important; padding-top: 0; position: relative; top: 0; left: 0; margin-bottom: 20px; }
		.main-title h1, h1#comments, h3#reply-title { font-size: 32px; }

	/*#main { text-align:center; }*/
	#main-content { width: 460px; margin:0 auto; padding-left:10px;padding-right:10px; text-align:left; }
	/*#main-content { width: 460px; }*/
	
	#big_thumbnail  { height: 180px; }
	
	.image-info .title { padding: 18px 7px 0; }
	
	.sitemap-col { float: none !important; width: 100% !important; }
	
	.et_portfolio_small .et_pt_portfolio_item:nth-child(3n+1) { clear: none; }
	.et_portfolio_small .et_pt_portfolio_item:nth-child(2n+1) { clear: both; }

	/* ov add */
	#BackToTop { display:none !important; }
	.sns-btn {display:none !important; }
	iframe.gmap { width:100% !important; }
	.form-contact dt { float:none !important; }
	.form-contact dd { margin-left:0 !important; }

	#main-footer {
		width:460px;
		margin:0 auto;
		text-align:left;
		padding-left:10px !important;
		padding-right:10px !important;
		/*padding-left:40px !important;*/
	}

	#sp-widget { text-align:center; width:auto; margin-left:0; }
		#sp-widget .widget { margin: 0 auto; text-align:left; width:460px; padding-left:10px;padding-right:10px; }
			.home #sp-widget .widget { margin: 30px 18px; width:auto;}
}

@media screen and (min-width: 650px) and (max-width: 767px) {
	#ct { width:auto; } /* 2013.11.21 add ov */
/*	.image-info { font-size: 14px; }
		.image-info h2 { font-size: 26px; }
		.image-info .title { padding: 53px 7px 0; }*/

	.form-contact dt { float:none !important; }
	.form-contact dd { margin-left:0 !important; }
}

/* 2013.11.27 add ov iphone */
@media screen and (max-width: 480px) {
	.entry-image { max-height:130px !important; overflow:hidden;} /* 2013.11.27 ov max-height overflow add */
}

@media screen and (max-width: 479px) {
	#ct { width:auto; } /* 2013.11.21 add ov */
	.entry-image { width: 100% !important; max-height:none !important; overflow:auto;} /* 2013.11.27 ov max-height overflow add */
	
	.main-title h1, h1#comments, h3#reply-title { font-size: 24px; }
	
	#main { text-align:center; }
	#main-content { width: /*239px*/ 300px; /*margin-left: 40px;*/ margin:0 auto; padding-left:10px;padding-right:10px; text-align:left; }
	#big_thumbnail  { height: 137px; }
	
	.image-info .title { padding: 31px 7px 0; }

	/* ov add */
	#BackToTop { display:none !important; }
	.sns-btn {display:none !important; }
	iframe.gmap { width:100% !important; }
	
	#main-footer {
		width:300px;
		margin:0 auto;
		text-align:left;
		padding-left:10px !important;
		padding-right:10px !important;
		/*padding-left:40px !important;*/
	}
	
	.form-contact dt { float:none !important; }
	.form-contact dd { margin-left:0 !important; }
	
	/* woocommerce */
	.woocommerce div.product div.images,
	.woocommerce-page div.product div.images,
	.woocommerce #content div.product div.images,
	.woocommerce-page #content div.product div.images {
		float: none !important;
		width: auto !important;
	}
	.woocommerce div.product div.summary,
	.woocommerce-page div.product div.summary,
	.woocommerce #content div.product div.summary,
	.woocommerce-page #content div.product div.summary {
		float: none !important;
		width: auto !important;
	}
	
	.woocommerce div.product .woocommerce-tabs ul.tabs li,
	.woocommerce-page div.product .woocommerce-tabs ul.tabs li,
	.woocommerce #content div.product .woocommerce-tabs ul.tabs li,
	.woocommerce-page #content div.product .woocommerce-tabs ul.tabs li {
		padding-left:12px !important;
		padding-right:12px !important;
		font-size:12px !important;
	}
	
	#sp-widget .widget { width:300px; }
		.home #sp-widget .widget { margin: 30px 18px; width:auto;}

}

@media screen and (min-width: 400px) and (max-width: 479px) {
	#ct { width:auto; } /* 2013.11.21 add ov */
/*	.image-info { font-size: 17px; }
		.image-info h2 { font-size: 32px; }
		.image-info .title { padding: 80px 7px 0; }*/

	#main-content { width:400px; }
	/* ov add */
	#BackToTop { display:none !important; }
	.sns-btn {display:none !important; }
	iframe.gmap { width:100% !important; }
	#main-footer {
		/*padding-left:40px !important;*/
		width:400px;
	}
	.form-contact dt { float:none !important; }
	.form-contact dd { margin-left:0 !important; }

	#sp-widget .widget { width:400px; }
			.home #sp-widget .widget { margin: 30px 18px; width:auto;}

}


/*------------------------------------------ [ov add] -----*/
.pickup-posts .entry-image { width:99.6% !important; } /* 2013.11.22 */

/* widget */
.widget .title {  padding-bottom:2px; }
.widget .title a{ text-decoration:underline; }
.widget .title a:hover{ text-decoration:none; }
/* topics tweet widgets */
.new-tweet li,
.topics li {
}

#footer-widgets .tweet { width:240px; } 
/* sidebar topics */
.new-tweet,
.topics {
	overflow:auto;
}

.new-tweet li h4,
.topics li h4 {
	padding: 0 0 2px 0 !important;
/*	margin-top:4px;
	margin-bottom:4px;*/
}

.new-tweet a{
	background:none;
	padding:0;
}
.tweet-icon{
	margin:4px 0px 2px 0px;
}
.tweet-icon img{
	width:16px;
	height:16px;
	margin-right:3px;
}

.topics .title {
	font-size:14px;
}
	.topics .title a {
/*		text-decoration:none;*/
	}
	.topics .title a:hover {
		/*text-decoration:underline;*/
	}

.topics .post-meta {
	border:none;
	margin-bottom:0;
	padding-bottom:0.2em;
}
	.topics .post-meta .date,
	.topics .post-meta .hour {
		font-style:italic;
	}

	.topics .post-meta .category-name {
		padding-left:8px;
		font-weight:700;
	}

.topics .featured-thumbnail {
	float:left;
/*	margin:0px 10px 4px 0;*/
	margin:0px 10px 0px 0;
}
	.topics .featured-thumbnail img {
		float:left;
		width:90px;
	}

.topics .readmore {
    margin-top:8px;
	float:right;
}
	.topics .readmore a {
	}

.topics-footer {
	padding-top:/*12px*/ 8px;
	text-align:left;
}

/* widget-links */
.widget-links {
/*	margin-bottom:25px;*/
	padding: 0 5px 20px 30px
}
	.widget-links .widget-links-title {
		display:none;
	}

	.widget-links .blogroll li {
		background:none;
		padding-left:0;
		margin-bottom:8px;
	}
		.widget-links .blogroll li:last-child {
			margin-bottom:0 !important;
		}
		
	.widget-links .blogroll li img {
		width:100%;
	}
	
/* widget_search */
.widget_search label { display:none; }
.widget_search input[type="submit"] {
	position:relative;
	display:inline-block;
	padding:0 8px;
	line-height:26px;
	font-weight:bold;
	text-decoration:none;
	font-size:12px;
 
	color:#555 /* #767676*/;
	text-shadow: 0 /*{d-bhover-shadow-x}*/ 1px /*{d-bhover-shadow-y}*/ 1px /*{d-bhover-shadow-radius}*/ 	#fff /*{d-bhover-shadow-color}*/;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#f1f1f1), to(#c9c9c9 /*{d-bhover-background-end}*/)); /* Saf4+, Chrome */
	background-image: -webkit-linear-gradient(top, #f1f1f1 /*{d-bhover-background-start}*/, #c9c9c9 /*{d-bhover-background-end}*/); /* Chrome 10+, Saf5.1+ */
	background-image:    -moz-linear-gradient(top, #f1f1f1 /*{d-bhover-background-start}*/, #c9c9c9 /*{d-bhover-background-end}*/); /* FF3.6 */
	background-image:     -ms-linear-gradient(top, #f1f1f1 /*{d-bhover-background-start}*/, #c9c9c9 /*{d-bhover-background-end}*/); /* IE10 */
	background-image:      -o-linear-gradient(top, #f1f1f1 /*{d-bhover-background-start}*/, #c9c9c9 /*{d-bhover-background-end}*/); /* Opera 11.10+ */
	background-image:         linear-gradient(top, #f1f1f1 /*{d-bhover-background-start}*/, #c9c9c9 /*{d-bhover-background-end}*/);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#f1f1f1", endColorstr="#c9c9c9"); /* IE6,7用 */
	-ms-filter: "progid:DXImageTransform.Microsoft.Gradient(StartColorStr=#f1f1f1, EndColorStr=#c9c9c9)"; /* IE8,9用 */

	border:none;
	height:26px;
	cursor:pointer;
	border-radius: 8px 8px 8px 8px !important;
}

.widget_search input[type="submit"]:hover{
		background-image: -webkit-gradient(linear, left top, left bottom, from(#c9c9c9), to(#f1f1f1 /*{d-bhover-background-end}*/)); /* Saf4+, Chrome */
		background-image: -webkit-linear-gradient(top, #c9c9c9 /*{d-bhover-background-start}*/, #f1f1f1 /*{d-bhover-background-end}*/); /* Chrome 10+, Saf5.1+ */
		background-image:    -moz-linear-gradient(top, #c9c9c9 /*{d-bhover-background-start}*/, #f1f1f1 /*{d-bhover-background-end}*/); /* FF3.6 */
		background-image:     -ms-linear-gradient(top, #c9c9c9 /*{d-bhover-background-start}*/, #f1f1f1 /*{d-bhover-background-end}*/); /* IE10 */
		background-image:      -o-linear-gradient(top, #c9c9c9 /*{d-bhover-background-start}*/, #f1f1f1 /*{d-bhover-background-end}*/); /* Opera 11.10+ */
		background-image:         linear-gradient(top, #c9c9c9 /*{d-bhover-background-start}*/, #f1f1f1 /*{d-bhover-background-end}*/);
		filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#c9c9c9", endColorstr="#f1f1f1"); /* IE6,7用 */
		-ms-filter: "progid:DXImageTransform.Microsoft.Gradient(StartColorStr=#c9c9c9, EndColorStr=#f1f1f1)"; /* IE8,9用 */
	}

.widget h2 span,
.widget h3 span,
.widget h4 span,
.widget h5 span,
.widget h6 span,
.footer-widget h2 span,
.footer-widget h3 span,
.footer-widget h4 span,
.footer-widget h5 span,
.footer-widget h6 span {
		font-size:10px;
		vertical-align:top;
		padding:0px 6px 0px 12px;
		line-height:16px;
		font-weight:normal;
	}

/* Tags */
.tags-cloud a, .tagcloud a {
	display:inline-block;
	background:#656464;
	padding:5px 8px;
	border-radius:3px;
	text-decoration:none;
	color:#fff;
	margin:0 3px 4px 0;
	font-size:11px !important;
	line-height:1.5em;
	vertical-align:top;
	text-transform:uppercase;
	font-size:10px;
	text-shadow:none !important;
	}
.tags-cloud a:hover, .tagcloud a:hover {
	background:#fbc04e;
	}

.rss-list img { width:90px; max-width:50% !important; } 

/* Clear Floated Elements
----------------------------------------------------------------------------------------------------*/

.clear {
  clear: both;
  display: block;
  overflow: hidden;
  visibility: hidden;
  width: 0;
  height: 0;
}


.clearfix:before,
.clearfix:after {
  content: '\0020';
  display: block;
  overflow: hidden;
  visibility: hidden;
  width: 0;
  height: 0;
}

.clearfix:after {
  clear: both;
}

.clearfix {
  zoom: 1;
}

.blank{font-size:0;overflow:hidden;width:100%;height:0px;display:block;}
.mgt-ss{ margin-top:6px;}
.mgt-s{ margin-top:10px;}
.mgt-m{ margin-top:20px;}
.mgt-l{ margin-top:30px;}
.mgt-ll{ margin-top:40px;}
.mgb-s{ margin-bottom:10px;}
.mgb-m{ margin-bottom:20px;}
.mgb-l{ margin-bottom:30px;}
.mgb-ll{ margin-bottom:40px;}
.mgtb-s{ margin-top:10px; margin-bottom:10px;}
.mgtb-m{ margin-top:20px; margin-bottom:20px;}
.mgtb-l{ margin-top:30px; margin-bottom:30px;}
.mgtb-ll{ margin-top:40px; margin-bottom:40px;}

.mgt-6{ margin-top:6px; }
.mgt-8{ margin-top:8px; }

.mgl-s { margin-left:10px; }
.mgl-m { margin-left:20px; }
.mgl-l { margin-left:30px; }
.mgl-ll { margin-left:40px; }

.mgr-s { margin-right:10px; }
.mgr-m { margin-right:20px; }
.mgr-l { margin-right:30px; }
.mgr-ll { margin-right:40px; }

.blank6{font-size:0;overflow:hidden;width:100%;height:6px;display:block;}
.blank8{font-size:0;overflow:hidden;width:100%;height:8px;display:block;}
.blank10{font-size:0;overflow:hidden;width:100%;height:10px;display:block;}

.em-text{
	ime-mode:active;
}
.normal-text{
	ime-mode:disabled;
}

/* table */
table {
	border: 1px solid #eee;
	border-collapse: collapse;
	width:100%;
}

th {
	background: #f5f5f5;  
    border-bottom: #e3e3e3 1px dotted;  
    text-align: left;
    padding: 10px;  
    font-weight: bold;  
/*	font-size:16px;*/
/*	font-weight:700;*/
	vertical-align:top;
	color:#555;
	text-shadow: 1px 1px 1px #fff;
}

td {  
    border-bottom: #e3e3e3 1px dotted;  
    text-align: left;  
    padding: 5px;  
	vertical-align:middle;
}
.aligncenter th,
.aligncenter td {
	text-align:center;
	vertical-align:middle;
}

hr {
	height:1px;
	color:#eee;
	background:#eee;
	border:none;
	overflow:hidden;
	font-size:0;
	line-height:0;
	margin:30px 0;
} 

.hr {
	height:1px;
	background:#eee;
	overflow:hidden;
	font-size:0;
	line-height:0;
	margin:30px 10px;
	}

/* contact us */
.form-contact{
}

.form-contact dt{
    float: left;
    font-size: 16px;
	font-weight:bold;
	line-height: 1.6em;
}
.form-contact dd{
    font-size: 14px;
    line-height: 1.6em;
    margin-bottom: 24px;
    margin-left: 200px;
}
.form-contact span { font-size:12px; }

.form-contact input[type="text"], 
.form-contact input[type="email"], 
.form-contact textarea {
	border: 1px solid #CCCCCC !important;
    color: #111111 !important;
    padding: 8px !important;
    width: 94% !important;
	margin:0.5em 0;
	border-radius: 8px 8px 8px 8px !important;
}
.form-contact input[type="submit"], .form-contact input[type="button"], .form-contact input[type="reset"] {
	position:relative;
	display:inline-block;
	padding:0 19px;
	line-height:31px;
	font-weight:bold;
	text-decoration:none;
	font-size:12px;
 
	color:#555 /* #767676*/;
	text-shadow: 0 /*{d-bhover-shadow-x}*/ 1px /*{d-bhover-shadow-y}*/ 1px /*{d-bhover-shadow-radius}*/ 	#fff /*{d-bhover-shadow-color}*/;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#f1f1f1), to(#c9c9c9 /*{d-bhover-background-end}*/)); /* Saf4+, Chrome */
	background-image: -webkit-linear-gradient(top, #f1f1f1 /*{d-bhover-background-start}*/, #c9c9c9 /*{d-bhover-background-end}*/); /* Chrome 10+, Saf5.1+ */
	background-image:    -moz-linear-gradient(top, #f1f1f1 /*{d-bhover-background-start}*/, #c9c9c9 /*{d-bhover-background-end}*/); /* FF3.6 */
	background-image:     -ms-linear-gradient(top, #f1f1f1 /*{d-bhover-background-start}*/, #c9c9c9 /*{d-bhover-background-end}*/); /* IE10 */
	background-image:      -o-linear-gradient(top, #f1f1f1 /*{d-bhover-background-start}*/, #c9c9c9 /*{d-bhover-background-end}*/); /* Opera 11.10+ */
	background-image:         linear-gradient(top, #f1f1f1 /*{d-bhover-background-start}*/, #c9c9c9 /*{d-bhover-background-end}*/);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#f1f1f1", endColorstr="#c9c9c9"); /* IE6,7用 */
	-ms-filter: "progid:DXImageTransform.Microsoft.Gradient(StartColorStr=#f1f1f1, EndColorStr=#c9c9c9)"; /* IE8,9用 */

	border:none;
	height:35px;
	cursor:pointer;
	border-radius: 8px 8px 8px 8px !important;
}

.form-contact input[type="submit"]:hover, .form-contact input[type="button"]:hover, .form-contact input[type="reset"]:hover {
		background-image: -webkit-gradient(linear, left top, left bottom, from(#c9c9c9), to(#f1f1f1 /*{d-bhover-background-end}*/)); /* Saf4+, Chrome */
		background-image: -webkit-linear-gradient(top, #c9c9c9 /*{d-bhover-background-start}*/, #f1f1f1 /*{d-bhover-background-end}*/); /* Chrome 10+, Saf5.1+ */
		background-image:    -moz-linear-gradient(top, #c9c9c9 /*{d-bhover-background-start}*/, #f1f1f1 /*{d-bhover-background-end}*/); /* FF3.6 */
		background-image:     -ms-linear-gradient(top, #c9c9c9 /*{d-bhover-background-start}*/, #f1f1f1 /*{d-bhover-background-end}*/); /* IE10 */
		background-image:      -o-linear-gradient(top, #c9c9c9 /*{d-bhover-background-start}*/, #f1f1f1 /*{d-bhover-background-end}*/); /* Opera 11.10+ */
		background-image:         linear-gradient(top, #c9c9c9 /*{d-bhover-background-start}*/, #f1f1f1 /*{d-bhover-background-end}*/);
		filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#c9c9c9", endColorstr="#f1f1f1"); /* IE6,7用 */
		-ms-filter: "progid:DXImageTransform.Microsoft.Gradient(StartColorStr=#c9c9c9, EndColorStr=#f1f1f1)"; /* IE8,9用 */
	}

.contact-policy{
	height:160px;
	overflow:auto;
	padding:6px;
	border:1px solid #dddddd;
	background:#f5f5f5;
}

.contact-policy h5{
    font-size: 1em;
    margin:0px 0px 8px 0px;
    padding-bottom:0;
}

.contact-policy ul {
	margin-bottom:12px !important;
	padding-bottom:0 !important;
}
.contact-policy li{
	list-style: inside disc !important;
	background:none !important;
	margin-bottom:6px;
	padding:0;
}

/* privacy policy */
.privacy dt { margin:12px 0; }
.privacy dd {
	margin-left:10px;
}

.square-box{
	font-size:16px;
	padding:12px;
	font-weight:normal;
	line-height:1.6em;
	border:1px solid #e3e3e3;
	background:#f5f5f5;
	color:#555 !important;
	text-shadow: 1px 1px 1px #fff !important;
}

.tel {
/*	background:url(images/telicon.png) no-repeat 0 center;
	padding:0 0 0 40px;*/
	margin:0px 0;
	font-size:26px;
	line-height:30px;
	color:#2b2b2b;
	font-family: Arial, Helvetica, sans-serif;
	font-weight:700;
}

.gmap {
/*
	padding:4px;
	background:#fff;
	border-right:1px solid #e3e3e3;
	border-bottom:1px solid #e3e3e3;
*/
}

a.link-button {
	display: inline-block;
	background: #E2E2E2;
	color: #494B4B;
	text-shadow: 1px 1px 0 white;
	border: 1px solid #9D9D9D;
	padding: 6px 12px;
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px; 
	border-radius: 15px;
	-webkit-box-shadow: inset 0px 1px 0px #f5f5f5;
	-moz-box-shadow: inset 0px 1px 0px #f5f5f5; 
	box-shadow: inset 0px 1px 0px #f5f5f5;
	background: -moz-linear-gradient(top,  #e8e8e8 0%, #d1d1d1 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e8e8e8), color-stop(100%,#d1d1d1)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #e8e8e8 0%,#d1d1d1 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #e8e8e8 0%,#d1d1d1 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #e8e8e8 0%,#d1d1d1 100%); /* IE10+ */
	background: linear-gradient(top,  #e8e8e8 0%,#d1d1d1 100%); /* W3C */
}

a.link-button:hover { color: #6AB3B2; text-decoration: none; }

/*-------------------------- [toggle-list faq page] ----*/

#toggle-list dt {
	font-size:14px;
	cursor:pointer;
	display:block;
	float:none;
	background: url(images/question.gif) no-repeat 0 0;
	padding-left:28px;
}
#toggle-list dd {
	display:block;
	float:none;
	background: url(images/answer.gif) no-repeat 28px 0;
	padding-left:60px;
}

#toggle-list .active {
	color:#01BABA;
}


	#toggle-list dt:after,
	#toggle-list dd:after{
  		content: '\0020';
  		display: block;
  		overflow: hidden;
  		visibility: hidden;
  		width: 0;
  		height: 0;
		clear:both;
	}

	a.faq-title {
		display:block;
		background:url(images/marker.gif) 0 1px no-repeat;
		padding:0px 0px 12px 24px;
	}

a.square-btn{
	display:block;
	margin-bottom:18px;
	padding:12px 4px;
	text-align:center;
	text-decoration:none;
	border: 1px solid 		#aaa;
	background: 			#eeeeee;
	font-weight: bold;
	color: 					#222;
	cursor: pointer;
	text-shadow: 0 1px 1px #fff;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#fdfdfd), to(#eee));
	background-image: -webkit-linear-gradient(top, #eee, #fdfdfd);
	background-image:    -moz-linear-gradient(top, #eee, #fdfdfd);
	background-image:     -ms-linear-gradient(top, #eee, #fdfdfd);
	background-image:      -o-linear-gradient(top, #eee, #fdfdfd);
	background-image:         linear-gradient(top, #eee, #fdfdfd);
}

a.square-btn:hover {
	text-decoration:none;
	border: 1px solid 		#aaa;
	background: 			#eeeeee;
	font-weight: bold;
	color: 					#222;
	cursor: pointer;
	text-shadow: 0 1px 1px 	#fff;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#fdfdfd), to(#eee));
	background-image: -webkit-linear-gradient(top, #fdfdfd, #eee);
	background-image:    -moz-linear-gradient(top, #fdfdfd, #eee);
	background-image:     -ms-linear-gradient(top, #fdfdfd, #eee);
	background-image:      -o-linear-gradient(top, #fdfdfd, #eee);
	background-image:         linear-gradient(top, #fdfdfd, #eee);
}

/*-------------------------- [Page top Ancher] ----*/
#BackToTop {
    color: #fff !important;
    border: 1px solid #3c3c3c !important;
	bottom:40px !important;
	right:10px !important;

	background-color: #5EA5A4 !important;
    background-image: -moz-linear-gradient(#5EA5A4, #79cecd)  !important;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#5EA5A4), to(#79cecd)) !important;
    background-image: -webkit-linear-gradient(#5EA5A4, #79cecd) !important;
    background-image: -o-linear-gradient(#5EA5A4, #79cecd) !important;
    background-image: -ms-linear-gradient(#5EA5A4, #79cecd) !important;
    background-image: linear-gradient(#5EA5A4, #79cecd) !important;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#5EA5A4", endColorstr="#79cecd") !important; /* IE6,7用 */
	-ms-filter: "progid:DXImageTransform.Microsoft.Gradient(StartColorStr=#5EA5A4, EndColorStr=#79cecd)" !important; /* IE8,9用 */
}

#BackToTop span
{
    border: 1px dashed #e8e8e8 !important;

	background-color: #79cecd !important;
    background-image: -moz-linear-gradient(#79cecd, #5EA5A4)  !important;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#79cecd), to(#5EA5A4)) !important;
    background-image: -webkit-linear-gradient(#79cecd, #5EA5A4) !important;
    background-image: -o-linear-gradient(#79cecd, #5EA5A4) !important;
    background-image: -ms-linear-gradient(#79cecd, #5EA5A4) !important;
    background-image: linear-gradient(#79cecd, #5EA5A4) !important;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#79cecd", endColorstr="#5EA5A4") !important; /* IE6,7用 */
	-ms-filter: "progid:DXImageTransform.Microsoft.Gradient(StartColorStr=#79cecd, EndColorStr=#5EA5A4)" !important; /* IE8,9用 */
}
.wauto { width:auto !important; }

.rightarrow {
	background:url(images/marker.gif) no-repeat 0 center;
	padding: 0 0 0 28px;
}

.h_grad_grey {margin: 0 !important; }

/* crayon override */
.crayon-table .crayon-nums { min-width:34px; }
/*
dd.crayon-nums, dd.crayon-code { float:left; margin-left:0 !important; width:auto !important; }
*/
dd.crayon-nums, dd.crayon-code { margin-left:0 !important; }
.crayon-syntax .crayon-pre, .crayon-syntax pre{ white-space:pre-wrap !important; }

/*--------------------------------------------------------------- [et overwrite] ----*/
.et-shadow .et-box-content { padding: 27px 30px 30px 30px !important; }
.et-box-content { padding-top: 27px !important; padding-bottom:30px !important; min-height:10px !important; }
#services h3 { background:none; padding: 0 0 18px/* ov 5px*/ 48px;}
li div, li p { /*line-height: 21px !important;*/ }
/*.et-box-content h4 { color:#09F;}*/
.et_slide_video .featured_description, .et_text_slide {
	color:#808080;
}
.et-learn-more .learn-more-content { padding: 20px 20px 20px 20px !important; }
/*.et-learn-more > .learn-more-content { visibility: hidden; }*/
.et-tabs-container { margin-top:0 !important; /*line-height:1.6;*/ }
.et-tabs-container .et-tabs-content { margin:14px 10px 16px 10px !important; }
.et-tabs-container .et-tabs-control li a {
	font-size: 12px !important;
	padding: 12px 14px !important;
}
.et-tabs-container .et-tabs-control li {border-bottom: 1px solid #e7e7e7; border-right: 1px solid #e7e7e7;}

.tab-pnlink ul.et_shortcodes_mobile_nav{
	display:block !important;
	border-bottom: none !important;
	border-top: none !important;
	background: none !important;
}

.tab-pnlink ul.et_shortcodes_mobile_nav li {
	float: none !important;
	text-align:center;
	line-height: 26px;
	width:auto !important;
	border-left: none !important;
	-moz-box-shadow: none !important;
	-webkit-box-shadow: none !important;
	box-shadow: none !important;
}

.tab-pnlink ul.et_shortcodes_mobile_nav li a {
	display:inline-block;
	*display:inline;
	zoom:1;
}


.tab-pnlink ul.et_shortcodes_mobile_nav .et_sc_nav_next:before {
    background: none !important;
}

/* color set for menu cat*/
.robot_cat {background:#00a1ff;}
.robot_options { background:#ff9900; }
.servo_motor_b3m { background:#ff6634; }
.servo_motor_krs { background:#cdcc00; }
.servo_parts { background:#648fff; }
.frame_bracket { background:#cc99fe; }
.borad_sensor_soft { background:#33cc67; }
.network_equip { background:#343399; }
.faq_submenu1 { background:#8ca0b4; }
.faq_submenu2 { background:#566474; }

/* 12.16 ov add */
.nav_fb .link_text{
	background: url(images/fbicon16.png) 0 0 no-repeat;
	padding-left: 20px;
	min-height:16px;
	display:inline-block;
}
/*20171005 KO add*/
.nav_en .link_text{
	background: url(images/english.png) 0 0 no-repeat;
	padding-left: 30px;
	min-height:16px;
	display:inline-block;
}
.nav_dummy{

	pointer-events: none;
}
/*
.frame_bracket a, .network_equip a { color:#fff !important; }
*/

/* top menu submenu common */
.top_menu_color a { background: none !important; color:#fff !important;}

/*英語表記のスペックのCSS追加  20181012add*/
.product_cat-products{
	word-break: break-word;
	word-break: keep-all;	
}