@charset "utf-8";
/*
Theme Name: oem-soap
Theme URI: http://oem-soap.com/
Description: oem-soap
Version: 0.8
Author: Yoshitomi Takamitsu
*/

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

	For basic
	
--------------------------------------------- */

/* Reset */

html,body,div,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,p,blockquote,fieldset,input { margin: 0; padding: 0; }
h1,h2,h3,h4,h5,h6,pre,code,address,caption,cite,code,em,strong,th { font-size: 100%; font-weight: normal; font-style: normal; }
h1,h2,h3,h4,h5,h6 { line-height: 0; }
ul,ol { list-style: none; }
fieldset,img { border: none; }
caption,th { text-align: left; }
table { border-collapse: collapse; border-spacing: 0; }
abbr,acronym { border: 0; font-variant: normal; }
sup { vertical-align: text-top; }
sub { vertical-align: text-bottom; }
input,textarea,select{ font-family: inherit; font-size: inherit; font-weight: inherit; }
legend{ margin: 0; padding: 0; color: #000; }

/* Text */

body {
	color: #000;
	text-align: center;
	line-height: 140%;
	font-size: 100%;
	font-weight: normal;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif;
	background-color:#fff;
}

a { text-decoration: none; border: none; }
a:link { color: #26aff5; }
a:visited { color: #26aff5; }
a:active { color: #26aff5; }
a:hover { color: #26aff5; text-decoration: underline; }

strong, b { font-weight:bold; }
em, i { font-style:italic; }
dl { margin: 0 }
dt { margin: 0 }
dd { margin: 0 }

ul { margin: 0; list-style: disc outside; margin-left: 2em; }
ol { margin: 0; list-style: decimal; margin-left: 2.2em; }
ul.square { margin: 0 0 0 2em; list-style: square outside; }
ul.circle { margin: 0 0 0 2em; list-style: circle outside; }
ul ul.circle,
ul ul.square { margin: 0.3em 0 0; margin: 0 0 0.4em; }


/* Others */

.clear { clear: both; }

hr {
  height: 0;
  margin: 0;
  border: none;
  border-top: 1px solid #000;
}

.none { display: none; }
.hidden { visibility: hidden; }
.indent { text-indent: -9999px; }

.txtC01 { color: #F00; }
.txtC02 { color: #00F; }
.txtC03 { color: #FF0; }
.txtC04 { color: #26aff5; }
.txtC05 { color: #666; }
.txtC06 { color: #000; }

.fontS01 { font-size: 200%; }
.fontS02 { font-size: 160%; }
.fontS03 { font-size: 130%; }
.fontS04 { font-size: 110%; }

.fontF01 { font-family: Verdana, Geneva, sans-serif; }

.strong { font-weight: bold; }

.floatL { float: left; }
.floatR { float: right; }

.mrgTop30 { margin-top: 30px; }
.mrgRight10 { margin-right: 10px; }
.mrgLeft10 { margin-left: 10px; }
.mrgBottom30 { margin-bottom: 30px; }

.del { text-decoration: line-through; }


/* Clearfix */

.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.clearfix { display: inline-block; }

/* Hides from IE-mac \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* End hide from IE-mac */


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

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


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

body {
	color: #000;
	text-align: center;
	line-height: 150%;
	font-size: 15px;
	font-weight: normal;
	font-family: "Verdana, Arial, ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif;
	background: transparent url(images/bodyBg.jpg) repeat 0 0;
}

#container {
	margin: 0 auto;
	padding: 0;
	width: 100%;
	position: relative;
}

#header {
	margin: 0 auto;
	padding: 0;
	width: 900px;
	height: 150px;
	text-align: left;
	position: relative;
}

#contents {
	margin: 0 auto;
	padding: 0;
}

#footer {
	margin: 0;
	padding: 0;
	background: transparent url(images/footerBg.jpg) repeat-x 0 0;
	clear: both;
}


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

#header h1 a {
	margin: 0;
	padding: 0;
	line-height: 0;
	width: 251px;
	height: 147px;
	background: transparent url(images/logo.jpg) no-repeat 0 0;
	text-indent: -9999px;
	display: block;
	overflow: hidden;
	float: left;
}

#header .tagline {
	margin: 0;
	padding: 0;
	text-align: right;
	width: 500px;
	display: block;
	position: absolute;
	top: 0;
	right: 0;
}

#header .taglinePrint { display: none; }

@media print {
	#header .tagline { display: none; }
	
	#header .taglinePrint {
	margin: 0;
	padding: 0;
	text-align: right;
	width: 500px;
	display: inherit;
	position: absolute;
	top: 0;
	right: 0;
}

}


/* contents ------------------------------ */

.wrap-cntBox {
	margin: 0 auto;
	padding: 0;
	width: 900px;
	text-align: left;
}

.wrap-cntBox h2 {
	margin: 0;
	padding: 0;
	line-height: 0;
	width: 900px;
	height: 174px;
	text-indent: -9999px;
}

.wrap-cntBox h2.index-hdr01 { background: transparent url(images/index-hdr01.jpg) no-repeat 0 0; }
.wrap-cntBox h2.index-hdr02 { background: transparent url(images/index-hdr02.jpg) no-repeat 0 0; }
.wrap-cntBox h2.index-hdr03 { background: transparent url(images/index-hdr03.jpg) no-repeat 0 0; }
.wrap-cntBox h2.index-hdr04 { background: transparent url(images/index-hdr04.jpg) no-repeat 0 0; }
.wrap-cntBox h2.index-hdr05 { background: transparent url(images/index-hdr05.jpg) no-repeat 0 0; }
.wrap-cntBox h2.index-hdr06 { background: transparent url(images/index-hdr06.jpg) no-repeat 0 0; }

.wrap-cntBox h2.about-hdr01 { background: transparent url(images/about-hdr01.jpg) no-repeat 0 0; }
.wrap-cntBox h2.about-hdr02 { background: transparent url(images/about-hdr02.jpg) no-repeat 0 0; }
.wrap-cntBox h2.about-hdr03 { background: transparent url(images/about-hdr03.jpg) no-repeat 0 0; }

.wrap-cntBox h2.faq-hdr01 { background: transparent url(images/faq-hdr01.jpg) no-repeat 0 0; }
.wrap-cntBox h2.faq-hdr02 { background: transparent url(images/faq-hdr02.jpg) no-repeat 0 0; }

.wrap-cntBox h2.reference-hdr01 { background: transparent url(images/reference-hdr01.jpg) no-repeat 0 0; }

.wrap-cntBox h2.contact-hdr01 { background: transparent url(images/contact-hdr01.jpg) no-repeat 0 0; }

.wrap-cntBox h2.thx-hdr01 { background: transparent url(images/thx-hdr01.jpg) no-repeat 0 0; }

@media print {
	.wrap-cntBox h2.index-hdr02,
	.wrap-cntBox h2.index-hdr03,
	.wrap-cntBox h2.index-hdr04,
	.wrap-cntBox h2.index-hdr06,
	.wrap-cntBox h2.about-hdr02,
	.wrap-cntBox h2.about-hdr03,
	.wrap-cntBox .printCp { page-break-before: always; }
}

.wrap-cntBox .pagetop {
	padding-right: 20px;
	position: relative;
	z-index: 1;
}

.wrap-cntBox .pagetop a {
	width: 97px;
	height: 25px;
	display: block;
	background: transparent url(images/pagetop.jpg) no-repeat 0 0;
	text-indent: -9999px;
	overflow: hidden;
	float: right;
}

.cntBox {
	margin: 0;
	padding: 15px 20px;
	background-color: #FFF;
	position: relative;
	z-index: 2;
	-moz-box-shadow: 0 1px 10px rgba(0, 0, 0, 0.4), 0 0 10px rgba(0, 0, 0, 0.1) inset;
	-webkit-box-shadow: 0 1px 10px rgba(0, 0, 0, 0.4), 0 0 10px rgba(0, 0, 0, 0.1) inset;
	box-shadow: 0 1px 10px rgba(0, 0, 0, 0.4), 0 0 10px rgba(0, 0, 0, 0.1) inset;
}

.cntBox h3 {
	margin: 0 0 36px;
	padding: 0;
	line-height: 0;
	clear: both;
}

.cntBox h4 {
	margin: 0 0 36px;
	padding-left: 0.5em;
	line-height: 100%;
	font-size: 110%;
	font-weight: bold;
	border-left: 4px solid #999;
	text-shadow: 0 1px 5px #333;
}

.cntBox p {
	margin: 0 0 36px;
	padding: 0;
}

.cntBox dl {
	margin: 0 0 36px;
	padding: 0;
}

.cntBox dt {
	margin: 0 0 2em;
	padding: 0;
	font-weight: bold;
}

.cntBox dd {
	margin: 0 0 2em;
	padding: 0 0 0 2em;
}

.cntBox ul,
.cntBox ol {
	margin-bottom: 36px;
	padding: 0;
}

.cntBox li {
	margin: 0 0 2em;
	padding: 0;
}

.cntBox ul.list01 li,
.cntBox ol.list01 li {
	margin: 0;
	padding: 0;
}

.cntBox ul.list02,
.cntBox ol.list02 {
	margin-bottom: 0;
}

.cntBox ul.list02 li,
.cntBox ol.list02 li {
	margin: 0;
	padding: 0;
}

.cntBox ul ul,
.cntBox ul ol,
.cntBox ol ul {
	margin-top: 1em;
	margin-bottom: 1em;
	padding: 0;
}

.cntBox ul ul li,
.cntBox ul ol li,
.cntBox ol ul li {
	margin-bottom: 0.2em;
	padding: 0;
}

.faq dt {
	clear: both;
}

.faq dt:before {
	content: "Q.";
}

.faq dd:before {
	content: "A.";
	font-weight: bold;
}

.cntBox .cntBox-inner-left {
	float: left;
}

.cntBox .cntBox-inner-right {
	float: right;
}

.cntBox .width560 { width: 560px; }
.cntBox .width270 { width: 270px; }

.cntBox .contact-tel {
	color: #d4234d;
	font-size: 200%;
	text-shadow: 0 1px 5px #333;
}

.cntBox .contact-mail {
	font-size: 200%;
	text-shadow: 0 1px 5px #999;
}

.next-cntBox {
	margin: 36px auto 0;
	padding: 0;
	width: 900px;
}

.next-cntBox a {
	margin: 0 auto;
	padding: 0;
	width: 240px;
	height: 85px;
	display: block;
	text-indent: -9999px;
	overflow: hidden;
}

.next-cntBox a.next01 { background: transparent url(images/next01.jpg) no-repeat 0 0; }
.next-cntBox a:hover.next01 { background: transparent url(images/next01.jpg) no-repeat -240px 0; }
.next-cntBox a.next02 { background: transparent url(images/next02.jpg) no-repeat 0 0; }
.next-cntBox a:hover.next02 { background: transparent url(images/next02.jpg) no-repeat -240px 0; }
.next-cntBox a.next03 { background: transparent url(images/next03.jpg) no-repeat 0 0; }
.next-cntBox a:hover.next03 { background: transparent url(images/next03.jpg) no-repeat -240px 0; }
.next-cntBox a.next04 { background: transparent url(images/next04.jpg) no-repeat 0 0; }
.next-cntBox a:hover.next04 { background: transparent url(images/next04.jpg) no-repeat -240px 0; }

.vcard {
	padding: 3em;
	border: 1px solid #999;
	font-size: 84%;
}

.vcard .org {
	font-size: 120%;
	font-weight: bold;
}

.twtr-widget {
	margin-top: 36px;
}

.twtr-widget h3 {
	clear: none;
}

.twtr-widget h4 {
	text-shadow: none;
	border: none;
}

.guide {
	padding: 1em;
	border: 1px solid #999;
}

.fNavi {
	margin: 100px auto 20px;
	width: 900px;
	color: #999;
	text-align: left;
	font-size: 84%;
}

.comparison {
	margin: 0 auto;
	color: #000;
	border-collapse: collapse;
}

.comparison th {
	padding: 7px 0;
	width: 170px;
	text-align: center;
	border: #ccc 1px solid;
	font-weight: bold;
	-moz-box-shadow: 0 0 20px rgba(0, 0, 0, 0.1) inset;
	-webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.1) inset;
	box-shadow: 0 0 20px rgba(0, 0, 0, 0.1) inset;
}

.comparison td {
	padding: 7px 14px;
	text-align: center;
	border: #ccc 1px solid;
}

.share h4 { margin: 36px 0; }
.share ul { margin: 0; }
.share ul li { margin: 0 10px; float: left; list-style: none; }


/* footer ------------------------------ */

#footer .bnr {
	margin: 0;
	padding: 40px 0;
}

#footer .copyright {
	margin: 0;
	padding: 0 0 40px;
	color: #FFF;
	font-size: 85%;
	font-family: Verdana, Geneva, sans-serif;
	text-align: center;
	clear: both;
}


/* gNavi ------------------------------ */

#gNavi {
	margin-top: 110px;
	width: 482px;
	height: 40px;
	background: transparent url(images/gNaviBg.gif) no-repeat 0 0;
	float: right;
}

#gNavi ul {
	margin: 0;
	padding: 0;
}

#gNavi li {
	text-indent: -9999px;
	float: left;
	display: inline;
}

#gNavi li.naviTop a {
	margin: 0;
	padding: 0;
	width: 109px;
	height: 40px;
	display: block;
	text-decoration: none;
	border: none;
	overflow: hidden;
}

#gNavi li.navi101 a {
	margin: 0;
	padding: 0;
	width: 123px;
	height: 40px;
	display: block;
	text-decoration: none;
	border: none;
	overflow: hidden;
}

#gNavi li.navi102 a {
	margin: 0;
	padding: 0;
	width: 67px;
	height: 40px;
	display: block;
	text-decoration: none;
	border: none;
	overflow: hidden;
}

#gNavi li.navi103 a {
	margin: 0;
	padding: 0;
	width: 76px;
	height: 40px;
	display: block;
	text-decoration: none;
	border: none;
	overflow: hidden;
}

#gNavi li.navi104 a {
	margin: 0;
	padding: 0;
	width: 106px;
	height: 40px;
	display: block;
	text-decoration: none;
	border: none;
	overflow: hidden;
}

#gNavi li.naviTop a.naviSelected,
#gNavi li.naviTop a:active,
#gNavi li.naviTop a:hover { background: transparent url(images/gNaviBg.gif) no-repeat 0 -40px; }

#gNavi li.navi101 a.naviSelected,
#gNavi li.navi101 a:active,
#gNavi li.navi101 a:hover { background: transparent url(images/gNaviBg.gif) no-repeat -109px -40px; }

#gNavi li.navi102 a.naviSelected,
#gNavi li.navi102 a:active,
#gNavi li.navi102 a:hover { background: transparent url(images/gNaviBg.gif) no-repeat -232px -40px; }

#gNavi li.navi103 a.naviSelected,
#gNavi li.navi103 a:active,
#gNavi li.navi103 a:hover { background: transparent url(images/gNaviBg.gif) no-repeat -299px -40px; }

#gNavi li.navi104 a.naviSelected,
#gNavi li.navi104 a:active,
#gNavi li.navi104 a:hover { background: transparent url(images/gNaviBg.gif) no-repeat -375px -40px; }


/* Button CSS3 ------------------------------ */

#linear { margin-bottom: 36px; }

a.btn {
	width: 250px;
	padding: 10px 25px 10px 25px;
	font-family: Arial;
	font-size: 16px;
	text-decoration: none;
	color: #FFF;
	text-shadow: -1px -1px 2px #618900;
	background: -moz-linear-gradient(#98ba00, #a6c200 35%, #618900);
	background: -webkit-gradient(linear,left top,left bottom,color-stop(0, #98ba00),color-stop(.35, #a6c200),color-stop(1, #618900));
	background-color: #98ba00;
	border: 1px solid #618926;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-box-shadow: 0 1px 5px #000;
	-webkit-box-shadow: 0 1px 5px #000;
}

a.btn:hover {
	width: 250px;
	padding: 10px 25px 10px 25px;
	font-family: Arial;
	font-size: 16px;
	text-decoration: none;
	color: #FFF;
	text-shadow: -1px -1px 2px #6189ff;
	background: -moz-linear-gradient(#98baff, #a6c2ff 35%, #6189ff);
	background: -webkit-gradient(linear,left top,left bottom,color-stop(0, #98baff),color-stop(.35, #a6c2ff),color-stop(1, #6189ff));
	background-color: #98baff;
	border: 1px solid #618926;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-box-shadow: 0 1px 5px #000;
	-webkit-box-shadow: 0 1px 5px #000;
}


/* print only ------------------------------ */

.print-only { display: none; }

@media print {
	.print-only { display: inherit; }
}