@charset "UTF-8";

* {
	margin: 0;
	padding: 0;

}

.grecaptcha-badge {
	visibility: hidden;
}

/*----------------------------------------------------------------------
common
----------------------------------------------------------------------*/
body {
	margin: 0;
	padding: 0;
	font-family: "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	border-top: 5px solid #444444;
	min-width: 1024px;
	font-size: 12px;
}

p {
	font-size: 12px;
	line-height: 28px;
}

h2 {
	line-height: 28px;
}

h3 {
	font-size: 18px;
	border-top: 3px solid #454545;
	border-bottom: 1px solid #454545;
	padding-top: 27px;
	padding-bottom: 27px;
}

.article h3.no_deco {
	border: none;
	padding: 0;
	margin: 0;
}

.article h4 {
	border-bottom: thin solid #ccc;
	padding-left: 15px;
	padding-bottom: 5px;
	margin-bottom: 30px;
	font-size: 16px;
	color: #333;
	background-image: url(/visual-wao/images/h4green.gif);
	background-repeat: no-repeat;
	background-position: left 0;
}

h4.no_deco {
	background: none;
	border: none;
	padding: 0;
	margin: 0;
}


h4.greenbox {
	padding: 12px 0px 10px 10px;
	background-color: #89C31F;
	color: #fff;
	margin-bottom: 20px;
	font-weight: normal;
	background-image: none;
}

h5 {
	font-size: 14px;
	color: #003F00;
	border-bottom: thin solid #888;
	margin-bottom: 20px;
	padding-bottom: 9px;
}

/*
h5{
	border-left:4px solid #89C71B;
	border-bottom:thin solid #ccc;
	padding-left:10px;
	padding-bottom:3px;
	font-size:16px;
}*/

h6 {
	font-weight: bold;
	font-size: 14px;
}

a {
	text-decoration: underline;
	color: #003300;
}

a:hover {
	color: #198C3F;
	text-decoration: none;
}

a img:hover {
	opacity: 0.7;
}

ul li {
	list-style: none;
}

img {
	border: none;
}

/*----------------------------------------------------------------------
common class
----------------------------------------------------------------------*/
.mt0 {
	margin-top: 0 !important;
}

.mt10 {
	margin-top: 10px;
}

.mt20 {
	margin-top: 20px;
}

.mt30 {
	margin-top: margin-top:30px;
}

.mt40 {
	margin-top: 40px;
}

.mb0 {
	margin-bottom: 0;
}

.mb10 {
	margin-bottom: 10px;
}

.mb20 {
	margin-bottom: 20px;
}

.mb30 {
	margin-bottom: 30px;
}

.mb40 {
	margin-bottom: 40px;
}

.red {
	color: #B00000;
	font-weight: bold;
}

.moreinfo {
	text-align: right;
}

.moreinfo a {
	/*	background-image:url(/visual-wao/images/triangle.jpg);
	background-repeat:no-repeat;
	background-position:0 center;
	padding-left:10px;
*/
}

.orangebutton {
	text-align: center;
	margin: 20px auto;
}

.orangebutton a {
	background-image: url(/visual-wao/images/orange_button.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	display: block;
	font-size: 14px;
	color: #fff;
	text-decoration: none;
	line-height: 38px;
}

.orangebutton a:hover {
	opacity: 0.7;
}

.greybutton {
	text-align: center;
	margin: 20px auto;
	background-color: #aaa;
	font-size: 14px;
	color: #fff;
	text-decoration: none;
	line-height: 38px;
	width: 370px;
}

.greenbutton {
	text-align: center;
	margin: 20px auto;
}

.greenbutton a {
	background-image: url(/visual-wao/images/green_button.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	display: block;
	font-size: 14px;
	color: #fff;
	text-decoration: none;
	line-height: 38px;
}

.greenbutton a:hover {
	opacity: 0.7;
}

div.minibuttons {
	margin: 20px auto 40px auto;
	overflow: hidden;
}

div.minibuttons ul {
	list-style: none;
	text-align: center;
	padding: 0;
	margin: 0;
}

div.minibuttons ul li {
	display: inline-block;
	padding: 0 15px;
	margin-bottom: 0;
	list-style-type: none;
}

div.minibuttons ul li.minigreenbutton a {
	background-image: url(/visual-wao/images/minigreen_button.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	display: block;
	font-size: 13px;
	color: #fff;
	text-decoration: none;
	line-height: 38px;
	width: 220px;
}

div.minibuttons ul li.miniorangebutton a {
	background-image: url(/visual-wao/images/miniorange_button.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	display: block;
	font-size: 13px;
	color: #fff;
	text-decoration: none;
	line-height: 38px;
	width: 220px;
}

div.minibuttons ul li.miniorangebutton a:hover,
div.minibuttons ul li.minigreenbutton a:hover {
	opacity: 0.8;
}

p.catch_copy {
	font-size: 18px;
	line-height: 28px;
}

a.seminarcat {
	font-size: 10px;
	text-decoration: none;
	padding: 3px 5px 5px 5px;
	width: 80px;
	display: inline-block;
	text-align: center;
	height: 12px;
}


a.status_close {
	color: #999;
	width: 74px;
	font-size: 11px;
}

a.status_open {
	color: #AB0002;
	width: 74px;
	font-weight: bold;
	font-size: 11px;
}

a.seminar_cat01 {
	background-color: #3EB2C9;
	color: #fff;
}

a.seminar_cat02 {
	color: #fff;
	background-color: #358AD0;
}

a.seminar_cat03 {
	color: #fff;
	background-color: #72359B;
}

a.seminar_cat04 {
	color: #fff;
	background-color: #7E4DD8;
}

a.seminar_cat05 {
	color: #fff;
	background-color: #24770C;
}

a.seminar_cat00 {
	color: #fff;
	background-color: #999999;
}

a.seminarcat:hover {
	opacity: 0.7;
}

a.rightlink {
	text-align: right;
	background-image: url(/visual-wao/images/triangle.jpg);
	background-repeat: no-repeat;
	background-position: 0;
	padding-left: 10px;
}

p.maincontentstitle {
	line-height: 34px !important;
	font-size: 18px;
	font-weight: bold;
	margin-bottom: 24px !important;
}

.wp-pagenavi {
	clear: both;
	display: block;
	text-align: center;
	margin: 10px auto;
}

/*----------------------------------------------------------------------
#head
----------------------------------------------------------------------*/

#head {
	background-color: #666666;
	min-width: 980px;
}

#headInfo {
	width: 980px;
	margin: 0 auto;
	overflow: hidden;
}

#headInfo h1 {
	font-size: 10px;
	color: #ddd;
	float: left;
	font-weight: 100;
	margin-top: 3px;
}

#headInfo ul {
	float: right;
	margin-top: 0px;
	padding-bottom: 3px;
}

#headInfo ul li {
	float: left;
	margin-left: 20px;
}

#headInfo ul li a {
	background-image: url(/visual-wao/images/triangle_w.png);
	background-repeat: no-repeat;
	background-position: 0 center;
	color: #fff;
	font-size: 10px;
	padding-left: 10px;
}

/*----------------------------------------------------------------------
#header
----------------------------------------------------------------------*/

#header {
	width: 980px;
	margin: 23px auto 0 auto;
	overflow: hidden;
}

#header #header_left {
	float: left;
	width: 300px;
}

#header #header_left #header_text {
	margin-left: 45px;
	font-size: 9px;
	margin-top: 1px;
}

#header #header_right {
	float: right;
}

#header #header_right ul {
	margin-top: 14px;
}

#header #header_right ul li {
	float: left;
	margin-left: 15px;
}

#header #header_right ul li#h_phone {
	font-size: 11px;
	font-weight: bold;
}

/*----------------------------------------------------------------------
#gnavi
----------------------------------------------------------------------*/
#gnavi-bg {
	background-image: url(/visual-wao/images/g-navi-bg.jpg);
	background-repeat: repeat-x;
	min-width: 980px;
	height: 50px;
	margin-top: 20px;
}

#gnavi {
	overflow: hidden;
	width: 980px;
	margin: 0 auto;
	background-image: url(/visual-wao/images/glo-line.jpg);
	background-repeat: no-repeat;
	background-position: right 0;
	z-index: 100;
	position: relative;
}

#gnavi li {
	float: left;
	background-image: url(/visual-wao/images/glo-line.jpg);
	background-repeat: no-repeat;
	background-position: 0 0;
}

#gnavi li.g01 {
	width: 142px;
}

#gnavi li.g02 {
	width: 138px;
}

#gnavi li.g03 {
	width: 150px;
}

#gnavi li.g04 {
	width: 90px;
}

#gnavi li.g05 {
	width: 162px;
}

#gnavi li.g06 {
	width: 126px;
}

#gnavi li.g07 {
	width: 172px;
}

#gnavi li a {
	font-size: 12px;
	text-align: center;
	padding: 16px 20px;
	text-decoration: none;
	display: block;
	color: #333;
	text-shadow: 0.1px 0.1px 0.1px #999;
}

#gnavi li a:hover {
	font-weight: bold;
	font-size: 12px;
	background-image: url(/visual-wao/images/g-navi-bg-active.jpg);
	background-repeat: repeat-x;
}

.page-id-13 #gnavi li.g01 a,
.parent-pageid-13 #gnavi li.g01 a,
.page-id-31 #gnavi li.g02 a,
.page-id-33 #gnavi li.g03 a,
.parent-pageid-33 #gnavi li.g03 a,
.page-id-41 #gnavi li.g04 a,
.page-id-43 #gnavi li.g05 a,
.post-type-archive-case-solution #gnavi li.g05 a,
.post-type-archive-web-system-column #gnavi li.g05 a,
.post-type-archive-vb-migration-column #gnavi li.g05 a,
.single-case-solution #gnavi li.g05 a,
.single-web-system-column #gnavi li.g05 a,
.single-vb-migration-column #gnavi li.g05 a,
.page-id-53 #gnavi li.g06 a,
.page-id-45 #gnavi li.g07 a,
.parent-pageid-45 #gnavi li.g07 a {
	font-weight: bold;
	font-size: 12px;
	background-image: url(/visual-wao/images/g-navi-bg-active.jpg);
	background-repeat: repeat-x;
}

#gnavi li .sub {
	display: none;
	z-index: 100;
	margin-top: 3px;
}

#gnavi li .sub li {
	background-color: #f6f6f6;
	float: none;
}

#gnavi li .sub li a {
	background: none !important;
	padding: 8px 6px;
	font-size: 10px !important;
	text-align: left;
	border-bottom: thin solid #ddd;
	font-weight: normal !important;
}

#gnavi li .sub li a:hover {
	display: block;
	background: none;
	background-color: #DDE9C8 !important;
	font-weight: normal !important;
}

#gnaviscrollbg {
	background-image: url(/visual-wao/images/scrollgnavibg.jpg);
	background-repeat: repeat-x;
	position: fixed;
	top: -50px;
	z-index: 1000;
	width: 100%;
	min-width: 980px;
	height: 34px;
}

#gnaviscrollbg #gnaviscroll {
	width: 980px;
	margin: 6px auto 0 auto;
	overflow: hidden;
}

#gnaviscrollbg #gnaviscroll li {
	float: left;
	margin-left: 25px;
}

#gnaviscrollbg #gnaviscroll li:first-child {
	margin-left: 0;
}

#gnaviscrollbg #gnaviscroll li a {
	text-decoration: none;
	font-size: 11px;
	color: #000;
}

#gnaviscrollbg #gnaviscroll li a:hover {
	opacity: 0.7;
}

#gnaviscrollbg #gnaviscroll li.gnsinfo a {
	color: #7AAD1B;
	font-size: 12px;
	font-weight: bold;
}

#gnaviscrollbg #gnaviscroll li.gnskitdl a {
	color: #EA862C;
	font-size: 12px;
	font-weight: bold;
}

/*----------------------------------------------------------------------
#main
----------------------------------------------------------------------*/
#main {
	width: 980px;
	margin: 70px auto 0 auto;
	overflow: hidden;
}

#maincontents {
	float: left;
	width: 784px;
}

/*----------------------------------------------------------------------
.news
----------------------------------------------------------------------*/
.news {
	border: none;
	border-collapse: collapse;
	margin-top: 10px;
	width: 100%;
	margin-bottom: 46px;
}

.news tr td {
	padding: 28px 0px 26px 0px;
	vertical-align: top;
	border-bottom: thin solid #ddd;
}

.news tr td.newstitle {
	width: 575px;
	padding-top: 30px;
}

.news tr td.postdate {
	width: 60px;
}

.news tr td dl.newsinfo {
	margin-top: 10px;
}

.news tr td dl.newsinfo dt {
	float: left;
}

.news tr td dl.newsinfo dd {
	float: none;
	margin-left: 100px;
}

/*----------------------------------------------------------------------
.sidebanner
----------------------------------------------------------------------*/
.sidebanner {
	float: right;
	width: 150px;
}

.sidebanner .sidebannerbox {
	border: thin solid #ccc;
	padding: 7px 15px 12px;
}

.sidebanner .sidebannerbox .top_side_bold {
	font-size: 15px;
	color: #333;
	text-align: left;
	padding-top: 4px;
	padding-bottom: 4px;
	font-weight: bold;
}

.textwidget .sidebannerbox a img {
	display: block;
	margin: 0 auto;
}

.sidebanner .sidebannerbox .top_side_title {
	text-align: center;
	padding-bottom: 12px;
	padding-top: 4px;
	font-size: 13px;
	border-bottom: thin solid #CBCBCB;
}

.sidebanner .sidebannerbox .trophy {
	margin: 15px auto;
}

/*----------------------------------------------------------------------
#footer
----------------------------------------------------------------------*/
#footer {
	margin-top: 62px;
	border-top: 3px solid #CBCBCB;
	background-color: #ebebeb;
	min-width: 980px;
}

#footer2 {
	border-top: 3px solid #CBCBCB;
	background-color: #ebebeb;
	min-width: 980px;
}

#foot,
#foot2 {
	width: 980px;
	margin: 0 auto;
}

#foot .f_pagetop {
	text-align: right;
	margin-top: -40px;
}

#foot ul,
#foot2 ul {
	overflow: hidden;
	margin-top: 30px;
	padding-bottom: 30px;
	clear: both;
}

#foot2 ul {
	margin-right: -50px;
	width: 1020px;
}

#foot ul li,
#foot2 ul li {
	float: left;
	margin-right: 50px;
}

#foot ul li,
#foot2 ul li:first-child {
	margin-right: 90px;
}

#foot_sitemap {
	margin-top: 40px;
	overflow: hidden;
	padding-bottom: 20px;
}

#foot_sitemap .f_sitemapbox {
	float: left;
	margin-left: 30px;
	width: 300px;
}

#foot_sitemap .f_sitemapbox:first-child {
	margin-left: 0;
}

#foot_sitemap .f_sitemapbox .f_s_title {
	margin-bottom: 10px;
}

#foot_sitemap .f_sitemapbox .f_s_title a {
	color: #000;
	text-decoration: none;
	font-weight: bold;
}

#foot_sitemap .f_sitemapbox ul {
	margin-bottom: 15px;
	padding-bottom: 0;
	margin-left: 10px;
	margin-top: 0;
}

#foot_sitemap .f_sitemapbox ul li {
	float: none;
	margin-bottom: 10px;
	margin-right: 0;
}

#foot_sitemap .f_sitemapbox ul li a {
	color: #000;
	text-decoration: none;
}

#foot_sitemap .f_sitemapbox .f_s_title a:hover,
#foot_sitemap .f_sitemapbox ul li a:hover {
	color: #999;
}

#copyright {
	text-align: center;
	background-color: #656565;
	line-height: 60px;
	color: #fff;
}


/******************************************************************************************************
2nd
******************************************************************************************************/
#gnavi-bg {
	border-bottom: 3px solid #DDE9C8;
}

.home #gnavi-bg {
	border-bottom: none;
}

#gnavi li.active a {
	font-weight: bold;
	font-size: 12px;
	background-image: url(/visual-wao/images/g-navi-bg-active.jpg);
	background-repeat: repeat-x;
}

/*----------------------------------------------------------------------
#bread
----------------------------------------------------------------------*/
#bread {
	background-color: #F7F6F4;
	min-width: 980px;
	border-bottom: #CECDCB solid 1px;
	-moz-box-shadow: 0 1px 1px #ddd;
	-webkit-box-shadow: 0 1px 1px #ddd;
	box-shadow: 0 1px 1px #ddd;
	height: 112px;
	overflow: hidden;
}

#bread #comb {
	width: 980px;
	margin: 0 auto;
}

#bread #comb h2 {
	font-size: 32px;
	margin-top: 43px;
	font-weight: normal;
	margin-left: 30px;
}

#bread #comb .topic-path ul {
	text-align: right;
	font-size: 9px;
	margin-top: 15px;
}

#bread #comb .topic-path ul li {
	display: inline-block;
}

#bread #comb .topic-path ul li.active {
	font-weight: bold;
}

#bread #comb .topic-path ul li:before {
	content: ' > ';
}

#bread #comb .topic-path ul li:first-child:before {
	content: ' ';
}

#bread #comb .topic-path a {
	text-decoration: none;
	margin-right: 0px;
}

/*----------------------------------------------------------------------
2nd #main
----------------------------------------------------------------------*/
#main {
	margin-top: 40px;
}

/*----------------------------------------------------------------------
#sidenavi
----------------------------------------------------------------------*/
#sidenavi {
	float: left;
	width: 200px;
	margin-right: 20px;
}

#sidenavi ul {
	margin-top: 10px;
	margin-bottom: 20px;
}

#sidenavi ul li {
	margin-bottom: 20px;
}

#sidenavi ul li a {
	background-image: url(/visual-wao/images/triangle.jpg);
	background-repeat: no-repeat;
	background-position: 0 center;
	padding-left: 10px;
	display: block;
}

#sidenavi ul li.current_page_item a {
	font-weight: bold;
	text-decoration: none;
}

#sidenavi ul li ul.children {
	margin-top: 15px;
	margin-left: 15px;
	font-size: 11px;
}

/*----------------------------------------------------------------------
#maincontents2nd #main
----------------------------------------------------------------------*/
#maincontents2nd {
	float: left;
	width: 564px;
	margin-right: 20px;
	overflow: hidden;
}

.page-template-page-noleftside-php #maincontents2nd,
.error404 #maincontents2nd,
.page-template-contact-php #maincontents2nd,
.archive #maincontents2nd,
.single-case-solution #maincontents2nd,
.single-vb-migration-column #maincontents2nd,
.single-web-system-column #maincontents2nd {
	width: 735px;
	margin-left: 30px;
}

.page-template-page-noleftside-php #maincontents2nd p.maincontentstitle,
.error404 #maincontents2nd p.maincontentstitle,
.page-template-contact-php #maincontents2nd p.maincontentstitle,
.archive #maincontents2nd p.maincontentstitle,
.single-case-solution #maincontents2nd p.maincontentstitle,
.single-vb-migration-column #maincontents2nd p.maincontentstitle,
.single-web-system-column #maincontents2nd p.maincontentstitle {
	font-size: 22px;
	line-height: 40px;
}


/*----------------------------------------------------------------------
#投稿内
----------------------------------------------------------------------*/

.article {
	clear: both;
	overflow: hidden;
}

.article strong {
	color: #B00000;
}

.article p {
	margin-bottom: 22px;
	line-height: 24px;
}

.article h3 {
	margin-top: 60px;
	margin-bottom: 40px;
}

.article h4 {
	margin-top: 45px;
}

.article h5 {
	margin-top: 20px;
	margin-bottom: 30px;
}

.article .greenbutton {
	margin: 40px auto;
}

.article ol {
	padding-left: 40px;
	margin-bottom: 20px;
}

.article ul {
	padding-left: 20px;
	margin-bottom: 40px;
}

.article ul li {
	margin-bottom: 8px;
	list-style-type: disc;
}

.article ul.kome {
	padding-left: 10px;
}

.article ul.kome li {
	margin-bottom: 6px;
	list-style-type: none;
	font-size: 10px;
	text-indent: -1em;
}

.article img.alignleft {
	float: left;
	margin: 10px 10px 10px 0px;
}

.article img.aligncenter {
	display: block;
	margin: 10px auto;
	clear: both;
}

.article img.alignright {
	float: right;
	margin: 10px 0px 10px 10px;
}

.article table {
	border-collapse: collapse;
	width: 100%;
	font-size: 12px;
	margin: 60px auto 40px auto;
}

.article table ul {
	margin-bottom: 0;
	padding-left: 15px;
}

.article table ul li:last-child {
	margin-bottom: 0;
}

.article table col.highlight {
	background-color: #DDE9C8;
}

.article table tbody tr th {
	text-align: left;
	background-color: #DDF7AE;
	font-weight: normal;
	padding: 12px 5px 12px 30px;
	border: thin solid #ccc;
	width: 124px;
}

.article table tr td {
	border: thin solid #ccc;
	padding: 12px 30px;
}

.article table.tnoborder {
	margin: 60px 0;
}

.article table.tnoborder tbody tr th {
	width: 50px;
}

.article table.tnoborder tr th,
.article table.tnoborder tr td {
	background: none;
	padding-top: 3px;
	padding-bottom: 3px;
	padding-right: 20px;
	padding-left: 0;
	margin: 0;
	font-size: 12px;
	font-weight: normal;
	border: none;
	vertical-align: top;
}

.article p.impact_title {
	border-bottom: 0;
	background-image: url(/visual-wao/images/h4greenblog.gif);
	background-repeat: no-repeat;
	background-position: 0;
	padding-left: 20px;
	padding-bottom: 0;
	margin-left: 6px;
	margin-top: 54px;
	margin-bottom: 19px;
	font-weight: bold;
	font-size: 16px;
}

.article .boldtitle {
	font-size: 16px;
	display: block;
	margin-top: 57px;
	margin-bottom: 50px;
	font-weight: bold;
}


.article #qanda dt:before {
	content: "Q：";
}

.article dl {
	margin-bottom: 40px;
	line-height: 24px;
	margin-left: 4em;
}

.article #qanda dt {
	font-weight: bolder;
	text-indent: -2em;
}

.article #qanda dd:before {
	content: "A：";
}

.article #qanda dd {
	text-indent: -1.85em;
}


.backlink {
	line-height: 35px;
	border-bottom: 1px solid #ccc;
	font-size: 11px;
}

.backlink a {
	text-decoration: none;
}

p.subtitle {
	margin-top: 40px;
	font-weight: bold;
	font-size: 13px;
}

.article .lightgreenbox {
	padding: 30px 25px 1px;
	background-color: #DDF7AE;
	margin-top: 40px;
}

.article .lightgreenbox h3 {
	margin: 0 0 20px 0;
	padding: 0 0 10px 0;
	border-width: 0 0 1px 0;
}

.article .u_ln {
	text-decoration: underline;
}

/*----------------------------------------------------------------------
.relate
----------------------------------------------------------------------*/

.related {
	clear: both;
	margin: 50px auto 0 auto;
}

.related .relatedtitle {
	border-top: 3px solid #333;
	font-size: 16px;
	padding-top: 36px;
	margin-bottom: 35px;
	font-weight: bold;
	text-align: center;
}

.relatexbox {
	border-radius: 4px;
	border: thin solid #999;
	padding: 31px;
	overflow: hidden;
	width: 498px;
	margin: 0 auto;
	background: #ffffff;
	/* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmOWY5ZjkiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top, #ffffff 0%, #f9f9f9 100%);
	/* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(100%, #f9f9f9));
	/* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #ffffff 0%, #f9f9f9 100%);
	/* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #ffffff 0%, #f9f9f9 100%);
	/* Opera 11.10+ */
	background: -ms-linear-gradient(top, #ffffff 0%, #f9f9f9 100%);
	/* IE10+ */
	background: linear-gradient(to bottom, #ffffff 0%, #f9f9f9 100%);
	/* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f9f9f9', GradientType=0);
	/* IE6-8 */
}

.relatexbox ul {
	width: 236px;
	float: left;
	margin-left: 25px;
}

.relatexbox ul h4 {
	margin-bottom: 26px;
}

.relatexbox ul:first-child {
	margin-left: 0;
}

.relatexbox ul li {
	margin-bottom: 10px;
	margin-left: 7px;
}

.relatexbox ul li a {
	display: block;
}


/*----------------------------------------------------------------------
.contact
----------------------------------------------------------------------*/
.contact {
	background-color: #F7F7F7;
	padding: 15px;
	clear: both;
	margin: 35px auto 0px auto;
	overflow: hidden;
	width: 564px;
}

.contact .topphone li {
	float: left;
	margin-left: 35px;
}

.contact .topphone li:first-child {
	margin-left: 0;
}

.contact .topphone li p {
	display: inline-block;
	margin-left: 8px;
	font-weight: bold;
	font-size: 14px;
}

.contact .topphone li p span {
	background-color: #333;
	padding: 5px;
	text-align: center;
	color: #fff;
	font-size: 12px;
	font-weight: normal;
}

.contact .topphone li p.small {
	font-size: 11px;
	text-align: right;
	display: block;
	font-weight: normal;
}

.contact .buttons li {
	float: left;
	margin-left: 12px;
}

.contact .buttons li:first-child {
	margin-left: 0;
}



/*----------------------------------------------------------------------
.sidebanner
----------------------------------------------------------------------*/
.sidebannerbox {
	margin-bottom: 20px;
}

.sidebannerbox p {
	font-size: 11px;
	line-height: 18px;
	margin-top: 5px;
}

.sidebanner .gray {
	background-color: #eee;
}

.sidebannerbox .sidecategory {
	background-color: #E67D32;
	text-align: center;
	width: auto;
	font-size: 9px;
	display: inline-block;
	padding: 3px 5px;
	margin: 5px 0;
}

.sidebannerbox .sidecategory a {
	color: #fff;
	text-decoration: none;
}

.sidebannerbox .moreinfo {
	text-align: right;
	display: block;
	color: #000;
	font-size: 9px;
	margin-top: 3px;
}

.sidebannerbox p.moreinfo {
	margin-top: 12px;
}

.sidebannerbox .moreinfo:hover {
	color: #999;
}

.sidebannerbox .moreinfo img {
	margin-left: 3px;
}

.sidebannerbox .sidebannerinbox {
	clear: both;
	border-bottom: solid thin #CBCBCB;
	padding-bottom: 10px;
	padding-top: 10px;
}

.sidebannerbox .sidebannerinbox .seminartitle {
	font-size: 10px;
	margin-bottom: 5px;
	font-weight: bold;
	line-height: 15px;
}

.sidebannerbox .sidebannerinbox .seminartitle a {
	text-decoration: none;
}

.sidebannerbox .sidebannerinbox .seminarcat {
	display: inline-block;
	margin: 5px auto;
	text-align: center;
	font-size: 10px;
	width: 50px;
}

.sidebannerbox .sidebannerinbox .status_open {
	width: 50px;
	padding-left: 0;
	padding-right: 0;
}

.sidebannerbox .sideinfo dl dt {
	float: left;
	font-size: 10px;
}

.sidebannerbox .sideinfo dl dt:after {
	content: ' : ';
}

.sidebannerbox .sideinfo dl dd {
	float: none;
	margin-left: 20px;
	font-size: 10px;
}

.sidebanner .jisseki {
	padding-bottom: 20px;
}

/*----------------------------------------------------------------------
問い合わせフォーム
----------------------------------------------------------------------*/
.readonly {
	background-color: #eee;
	color: #555;
}

.wpcf7 table {
	border-collapse: collapse;
	width: 100%;
}

.wpcf7 table tr td {
	padding: 10px 15px;
	border-top: thin solid #ccc;

}

.wpcf7 table tr th {
	padding: 8px 15px;
	background-color: #eee;
	border-top: thin solid #ccc;
	text-align: left;
	font-size: 14px;
}

.wpcf7 table tr td input[type="text"],
.wpcf7 table tr td select,
.wpcf7 table tr td input[type="tel"],
.wpcf7 table tr td input[type="email"] {
	height: 20px;
	border: thin solid #ccc;
	padding: 5px;
	box-sizing: content-box;
}

.wpcf7 table tr td textarea {
	border: thin solid #ccc;
	padding: 5px;
}

.wpcf7 table tr td label {
	display: block;
	margin-bottom: 10px;
}

.wpcf7 .contactpolicy {
	width: 700px;
	margin: 20px auto;
	height: 150px;
	overflow-y: scroll;
	border: thin solid #ccc;
	padding: 5px;
}

.wpcf7 .contactpolicy p {
	line-height: 14px;
}

.wpcf7 .captcha {
	margin: 20px auto;
	width: 100%;
	padding: 10px 0;
	background-color: #ddd;
}

.wpcf7 .captcha p {
	text-align: center;
}

.wpcf7 .captcha img {
	padding: 10px;
	background-color: #fff;
	border: thin solid #ccc;
	text-align: center;
	width: auto;
}

.wpcf7 .captcha input[type="text"] {
	height: 25px;
	border: thin solid #ccc;
}

.wpcf7c-conf {
	background-color: #fff;
	border: thin solid #fff;
}

.wpcf7 .contactbutton #confirmation {
	background-image: url(/visual-wao/images/confirm.jpg);
	background-repeat: no-repeat;
	width: 190px;
	height: 56px;
	border: none;
}

.wpcf7 .contactbutton {
	text-align: center;
	margin: 10px auto;
}

.wpcf7 .contactbutton2 {
	text-align: center;
}

.wpcf7 .contactbutton2 #backtoedit {
	background-image: url(/visual-wao/images/edit.jpg);
	background-repeat: no-repeat;
	width: 160px;
	height: 56px;
	border: none;
	margin: 0px 10px;

}

.wpcf7 .contactbutton2 #sendbutton {
	background-image: url(/visual-wao/images/submit.jpg);
	background-repeat: no-repeat;
	width: 376px;
	height: 56px;
	border: none;
	margin: 0px 10px;

}

.wpcf7 .contactbutton #confirmation:hover,
.wpcf7 .contactbutton2 #backtoedit:hover,
.wpcf7 .contactbutton2 #sendbutton:hover {
	opacity: 0.7;
	cursor: pointer;
}

/*----------------------------------------------------------------------
アーカイブ
----------------------------------------------------------------------*/
table.archive tr td.newstitle {
	width: 650px;
}

table.archive tr td {
	vertical-align: middle;
}

table.archive tr td span.category a {
	padding: 3px;
	border: thin solid #ccc;
	display: block;
	text-align: center;
	background-color: #eee;
	font-size: 11px;
}

/*アーカイブ　ボックスリスト*/
.boxlists {
	width: 594px;
	margin-right: -25px;
	overflow: hidden;
}

.boxlists ul {
	padding: 0;
}

.boxlists ul li {
	float: left;
	margin-right: 23px;
	border: thin solid #ccc;
	width: 268px;
	height: 155px;
	margin-bottom: 30px;
	list-style-type: none;
}

.boxlists ul li .boxlist .boxlisttitle {
	background-color: #F0FBDD;
	padding: 10px;
	font-size: 14px;
	border-bottom: thin solid #ccc;
	margin-bottom: 5px;
}

.boxlists ul li .boxlist p {
	padding: 10px;
	word-break: break-all;
	margin-bottom: 0px;
}

.boxlists ul li .boxlist p.moreinfo {
	padding-top: 0;
}


/*----------------------------------------------------------------------
ワンコラムレイアウト　セミナーアーカイブ シングルアーカイブ
----------------------------------------------------------------------*/
.post-type-archive-seminar #main,
.tax-seminar_cat #main {
	margin-top: 28px;
}

.post-type-archive-seminar #maincontents2nd,
.single-seminar #maincontents2nd,
.tax-seminar_cat #maincontents2nd,
.page-id-333 #maincontents2nd {
	width: 920px;
	margin-left: auto;
	margin-right: auto;
	float: none;
}

.post-type-archive-seminar #maincontents2nd .news,
.tax-seminar_cat #maincontents2nd .news {
	margin-top: 0px;
}

.post-type-archive-seminar #maincontents2nd .news tr td.newstitle,
.tax-seminar_cat #maincontents2nd .news tr td.newstitle,
.page-id-333 #maincontents2nd .news tr td.newstitle {
	width: 736px;
}

.post-type-archive-seminar #maincontents2nd .others .news tr td.newstitle,
.tax-seminar_cat #maincontents2nd .others .news tr td.newstitle,
.page-id-333 #maincontents2nd .others .news tr td.newstitle {
	width: 560px;
}