@charset "UTF-8";
#Header {
	display:none;
}

/*トップメイン画像*/
#TopMain {
	width: 100%;
	position: relative;
	background-image: url(img/backimg.png);
	background-position: center top;
}
#TopMain #MImg  {
	background-image: url(img/topimg2.png);
	position: relative;
	margin-left: auto;
	margin-right: auto;
	background-position: center top;
	background-repeat: no-repeat;
	display: none;
}
/*お問い合わせ*/
#ContactAR {
	position: relative;
	margin-left: auto;
	margin-right: auto;
	padding-top: 15px;
	padding-left: 10px;
	padding-right: 10px;
}
#ContactAR h2 {
	text-align: center;
	position: relative;
	width: 85%;
	margin-left: auto;
	margin-right: auto;
}
#ContactAR #CBtnAR {
	position: relative;
	margin-left: auto;
	margin-right: auto;
}
#ContactAR #CBtnAR > * {
	position: relative;
	text-align: center;
	padding-bottom: 10px;
}
#ContactAR #TelInfo {
	position: relative;
	text-align: center;
	padding-bottom: 35px;
}
#ContactAR #TelInfo dt {
	font-size: 16px;
	padding-bottom: 10px;
}
#ContactAR #TelInfo dd {
}
#ContactAR #TelInfo span {
	font-size: 14px;
}
#ContactAR #MailInfo {
	text-align: center;
	position: relative;
	padding-bottom: 30px;
}
#ContactAR #MailInfo dt {
	font-size: 22px;
	padding-bottom: 10px;
}
#ContactAR #MailInfo dt a {
	color: #000000;
	font-weight: bold;
}
#ContactAR #MailInfo dt a:hover {
	color: #737373;
}
#ContactAR #MailInfo dd {
	font-size: 15px;
}
#ContactAR .CCcaution {
	margin-left: auto;
	margin-right: auto;
	font-size: 14px;
	position: relative;
	padding-right: 20px;
	padding-left: 20px;
}
#ContactAR .CCcaution p {
	position: relative;
	padding-bottom: 20px;
}

/*デザイン制作*/
#DesignAR{
	background-color: #F5DE3D;
	padding: 10px;
	position: relative;
}
#DesignAR h2 {
	line-height: 1em;
	padding-bottom: 30px;
	width: 90%;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	margin-top: 15px;
}
#DesignAR h2 img {
	width: 70%;
}
#DesignAR h2 span {
	display: block;
	font-size: 16px;
}
#DesignAR #StepAR {
	position: relative;
	margin-left: auto;
	margin-right: auto;
}
#DesignAR #StepAR > * {
	vertical-align: top;
	padding-bottom: 20px;
}
#DesignAR #StepAR dt {
	position: relative;
	text-align: center;
	padding-bottom: 15px;
}
#DesignAR #StepAR dd {
	font-size: 16px;
	line-height: 1.5em;
	position: relative;
}
#DeliveryAR {
	padding: 10px;
	position: relative;
}
#DeliveryAR h2 {
	text-align: center;
	position: relative;
	padding-bottom: 10px;
	width: 50%;
	margin-left: auto;
	margin-right: auto;
}
#DeliveryAR #DPeriod {
	margin-left: auto;
	margin-right: auto;
	position: relative;
	padding-bottom: 10px;
	width: auto;
}
#DeliveryAR #DPeriod dl {
	font-size: 18px;
	position: relative;
	padding-bottom: 20px;
}
#DeliveryAR #DPeriod dl > * {
}
#DeliveryAR #DPeriod dl dt {
	font-size: 15px;
	color: #FFFFFF;
	border-radius: 25px;
	background-color: #0086BA;
	text-indent: 20px;
	margin-bottom: 5px;
}
#DeliveryAR #DPeriod dl dt span {
	display: none;
}
#DPeriod dl dd {
}
#DeliveryAR #DPeriod dl:last-child {
	padding-bottom: 0px;
}
#DeliveryAR p {
	background-color: #E60012;
	text-align: left;
	color: #FFFFFF;
	font-size: 15px;
	-webkit-border-radius: 25px;
	-moz-border-radius: 25px;
	border-radius: 10px;
	margin-left: auto;
	padding: 15px;
	margin-right: auto;
}

/*選ばれる理由*/
#ReasonAR {
	background-color: #8CC32A;
	padding: 15px;
	position: relative;
}
#ReasonAR h2 {
	text-align: center;
	position: relative;
	margin-bottom: 15px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 15px;
}
#ReasonAR #RScont {
	position: relative;
	margin-left: auto;
	margin-right: auto;
}
#ReasonAR #RScont > * {
	background-color: #FFFFFF;
	border-right: 5px solid #8CC32A;
	border-left: 5px solid #8CC32A;
	padding: 10px;
	vertical-align: top;
	margin-bottom: 15px;
}
#ReasonAR #RScont dl dt {
	text-align: center;
	padding-bottom: 15px;
	height: auto;
}
#ReasonAR #RScont dl dd {
	font-size: 15px;
	line-height: 1.4em;
}
#ReasonAR #RScont dl dd span {
	display: block;
	font-size: 14px;
	position: relative;
	padding-top: 15px;
}
/*1000pxバナーエリア*/
#BnnAR {
	position: relative;
	margin-left: auto;
	margin-right: auto;
	padding-top: 20px;
	padding-bottom: 20px;
	padding-left: 15px;
	padding-right: 15px;
	display: none;
}
#BnnAR li {
	position: relative;
	padding-bottom: 15px;
}
/*SPバナーエリア*/
#BnnAR2 {
	position: relative;
	margin-left: auto;
	margin-right: auto;
	padding-top: 20px;
	padding-bottom: 20px;
	padding-left: 15px;
	padding-right: 15px;
}
#BnnAR2 li {
	position: relative;
	padding-bottom: 10px;
}
/*利用シーン*/
#USceanAR {
	position: relative;
	margin-left: auto;
	margin-right: auto;
}
#USceanAR h2 {
	text-align: center;
	position: relative;
	padding-bottom: 30px;
	width: 50%;
	margin-left: auto;
	margin-right: auto;
}
#USceanAR #Scean1 {
	margin-left: auto;
	margin-right: auto;
	position: relative;
}
#USceanAR #Scean1 > * {
	vertical-align: top;
	position: relative;
}
#USceanAR dl  {
	position: relative;
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 35px;
	margin-left: auto;
	margin-right: auto;
	width: 280px;
}
#USceanAR dl p img {
	width: 280px;
	height: auto;
}
#USceanAR dl dt  {
	font-size: 18px;
	padding: 10px;
	position: relative;
	text-align: center;
}
#USceanAR dl dd  {
	font-size: 15px;
	text-align: center;
}
#USceanAR #Scean2 {
	margin-left: auto;
	margin-right: auto;
}
#USceanAR #Scean2 > * {
	vertical-align: top;
}
/*制作ステップ*/
#CRStepR {
	background-color: #568FCC;
	padding: 10px;
	position: relative;
}
#CRStepR h2 {
	text-align: center;
	position: relative;
	padding-bottom: 20px;
	width: 65%;
	margin-left: auto;
	margin-right: auto;
}
#CRStepR .StepBX {
	margin-left: auto;
	margin-right: auto;
	position: relative;
	color: #FFFFFF;
	padding-bottom: 0px;
}
#CRStepR .StepBX h3 {
	position: relative;
	display: table;
	padding-bottom: 10px;
	font-weight: bold;
}
#CRStepR .StepBX h3 > * {
	display: table-cell;
	vertical-align: middle;
}
#CRStepR .StepBX h3 p {
	font-size: 20px;
	position: relative;
	padding-right: 15px;
}
#CRStepR .StepBX h3 p span {
	font-size: 14px;
	padding-right: 5px;
}
#CRStepR .StepBX h3 div {
	font-size: 20px;
}
#CRStepR .StepBX dl {
	padding: 15px;
	border: 1px solid #FFFFFF;
}
#CRStepR .StepBX dl > * {
	vertical-align: middle;
}
#CRStepR .StepBX dl dt {
	position: relative;
	text-align: center;
}
#CRStepR .StepBX dl dt img {
	width: 40%;
	padding-bottom: 15px;
}
#CRStepR .StepBX dl dd {
	font-size: 15px;
	line-height: 1.5em;
}
#CRStepR .StepBX .Link {
	font-size: 16px;
	text-align: center;
	position: relative;
	background-color: #FF7F00;
	margin-top: 15px;
	border-radius: 10px;
	line-height: 45px;
}
#CRStepR .StepBX .Link a {
	color: #FFFFFF;
	border-radius: 10px;
	display: block;
}
#CRStepR .StepBX .Link a:hover {
	color: #FBF9D0;
	border-radius: 10px;
	background-color: #FF9227;
}
#CRStepR .StepBX .Arrow {
	text-align: center;
	padding-top: 25px;
	position: relative;
}
/*お客様の声*/
#CSVoice {
	position: relative;
	background-color: #EDEDDE;
}
#CSVoice h2 {
	text-align: center;
	position: relative;
	top: 20px;
	width: 50%;
	margin-left: auto;
	margin-right: auto;
}
#CSVoice #CScontent {
	margin-right: auto;
	margin-left: auto;
	position: relative;
}
#CSVoice #CScontent #CSimg1 {
	position: relative;
	text-align: center;
}
#CSVoice #CScontent #CSimg2 {
	position: relative;
	text-align: center;
}
#CSVoice #CScontent #CSimg3 {
	position: relative;
	right: 0px;
	text-align: center;
}
#CSVoice #CScontent #CSimg4 {
	position: relative;
	text-align: center;
}
#CSVoice #CScontent #CSimg5 {
	position: relative;
	text-align: center;
}
#CSVoice #CScontent #CSimg6 {
	position: relative;
	right: 0px;
	text-align: center;
}
/*大量注文窓口*/
#BigLotAR {
	position: relative;
	background-image: url(img/ts7_backg.png);
	background-repeat: no-repeat;
	background-position: center top;
	padding: 15px;
	background-size: cover;
}
#BigLotAR h2 {
	text-align: center;
	position: relative;
	width: 60%;
	margin-left: auto;
	margin-right: auto;
	padding-top: 10px;
}
#BigLotAR p {
	font-size: 15px;
	line-height: 1.8em;
	margin-left: auto;
	margin-right: auto;
	position: relative;
	text-align: left;
}
#BigLotAR div {
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	position: relative;
	padding-top: 15px;
}
/*お知らせ＆Facebook*/
#SNS {
	margin-left: auto;
	margin-right: auto;
	position: relative;
	padding-bottom: 80px;
}
#SNS > * {
	vertical-align: top;
}
#SNS #InformationAR {
	padding-top: 10px;
	padding-right: 10px;
	padding-left: 10px;
	padding-bottom: 35px;
}
#SNS #InformationAR h3 {
	color: #F70004;
	font-size: 25px;
	position: relative;
	padding-bottom: 10px;
	font-weight: bold;
}
#SNS #InformationAR dl {
	position: relative;
	border-bottom: 1px dotted #999999;
	width: 100%;
	padding-bottom: 10px;
padding-top: 10px;
}
#SNS #InformationAR dl > * {
}
#SNS #InformationAR dl dt {
	font-size: 13px;
	position: relative;
	width: 80px;
}
#SNS #InformationAR dl dd {
	font-size: 15px;
	line-height: 1.2em;
	padding-right: 10px;
}
#SNS #InformationAR p {
	text-align: right;
	position: relative;
	padding-top: 10px;
	font-size: 14px;
}
#SNS #Facebook {
	text-align: center;
	width: 85%;
	margin-left: auto;
	margin-right: auto;
}
/*選ばれる理由*/
footer {
	background-color: #E60012;
	position: relative;
}
footer section {
	position: relative;
	margin-left: auto;
	margin-right: auto;
	border-bottom: 2px solid #FFFFFF;
	width: 95%;
}
footer section > * {
	vertical-align: bottom;
	position: relative;
	padding-bottom: 15px;
}
footer section #LogoAR {
	padding-top: 10px;
	padding-right: 10px;
	padding-left: 10px;
	position: relative;
}
footer section #FTCment {
	color: #FFFFFF;
	font-size: 16px;
	display: none;
}
footer section #FTCment span {
	display: block;
}
footer section #FTContact {
}
footer section #FTContact ul {
	padding-bottom: 5px;
}
footer section #FTContact #P1 {
	text-align: center;
	color: #FFFFFF;
	font-size: 16px;
}
footer section #FTContact #P1 span {
	display: block;
	background-color: #FFFFFF;
	color: #000000;
	border-radius: 25px;
	font-size: 14px;
	text-indent: 15px;
}
footer section #FTContact #P2 {
	font-size: 13px;
	text-align: left;
	color: #FFFFFF;
}
footer #Fmenu {
	color: #FFFFFF;
	margin-left: auto;
	margin-right: auto;
	padding-top: 20px;
	padding-bottom: 20px;
	width: 95%;
	display: none;
}
footer #Fmenu li {
	float: left;
	padding-left: 5px;
	padding-right: 5px;
	font-size: 14px;
}
footer #Fmenu li a {
	color: #FFFFFF;
}
footer #Fmenu li a:hover {
	color: #FFC2C3;
}
footer address {
	color: #FFFFFF;
	font-size: 12px;
	text-align: center;
	position: relative;
	padding-bottom: 30px;
}
.DcWrap {
	position: relative;
}
.DcWrap h2 {
	background-color: #4698C4;
	position: relative;
	height: 40px;
	font-size: 18px;
	color: #FFFFFF;
	text-align: center;
	line-height: 40px;
}
#Price {
}
#Price section {
	padding: 10px;
	position: relative;
	margin-left: auto;
	margin-right: auto;
}
#Price section h3 {
	font-size: 20px;
	position: relative;
	padding-bottom: 10px;
	text-align: center;
	font-weight: bold;
	width: 70%;
	margin-left: auto;
	margin-right: auto;
	padding-top: 10px;
}
#Price table.Typ1  {
	background-color: #959595;
	width: 100%;
}
#Price table.Typ1 tr td {
	padding: 10px;
	background-color: #FFFFFF;
	text-align: center;
	font-size: 15px;
	width: 60px;
}
#Price table.Typ1 tr td span {
	font-size: 15px;
}
#Price table.Typ1 tr td p {
	font-size: 14px;
	background-color: #DF6668;
	border-radius: 8px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	width: 90%;
	position: relative;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	line-height: 1.2em;
	padding: 7px;
}
#Price table.Typ1 tr td p a {
	color: #FFFFFF;
	border-radius: 8px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	display: block;
}
#Price table.Typ1 tr td p a:hover {
	background-color: #E78F91;
	border-radius: 8px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	position: relative;
}
#Price table.Typ1 tr:first-child td {
	font-size: 15px;
	font-weight: bold;
	color: #1E1E1E;
	background-color: #F0FEFE;
}
#Price table.Typ1 tr td:first-child {
	width: 60px;
	background-color: #F9F7ED;
	font-size: 15px;
	line-height: normal;
}

#Price table.Typ2  {
	background-color: #959595;
	width: 100%;
}
#Price table.Typ2 tr td {
	padding: 10px;
	background-color: #FFFFFF;
	text-align: center;
	font-size: 15px;
	width: 220px;
}
#Price table.Typ2 tr td span {
	font-size: 15px;
	margin-left: auto;
	margin-right: auto;
	position: relative;
}
#Price table.Typ2 tr td p {
	font-size: 16px;
	background-color: #DF6668;
	border-radius: 8px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	width: 90%;
	position: relative;
	margin-left: auto;
	margin-right: auto;
	line-height: 1.2em;
	padding:7px;
}
#Price table.Typ2 tr td p a {
	color: #FFFFFF;
	display: block;
	border-radius: 8px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
}
#Price table.Typ2 tr td p a:hover {
	background-color: #E78F91;
	border-radius: 8px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	position: relative;
}
#Price table.Typ2 tr td:nth-child(odd) {
	background-color: #F9F7ED;
}

#Price section p.SingleP {
	text-align: right;
	font-size: 14px;
}
#Price section ul.exp {
	position: relative;
}
#Price section ul.exp li {
	font-size: 15px;
	line-height: 1.5em;
}
#Information {
	margin-left: auto;
	margin-right: auto;
	position: relative;
	padding-bottom: 30px;
}
#Information dl {
	padding-right: 10px;
	padding-left: 10px;
	padding-bottom: 10px;
	position: relative;
	padding-top: 15px;
}
#Information dl dt {
	font-size: 20px;
	font-weight: bold;
	position: relative;
	padding-bottom: 20px;
	color: #FFFFFF;
}
#Information dl dd {
	font-size: 15px;
	line-height: 1.6em;
	color: #FFFFFF;
	position: relative;
	padding-bottom: 50px;
}
#Information dl .LinkB {
	background-color: #FC0000;
	line-height: 40px;
	text-align: center;
	font-size: 15px;
	width: 100%;
	position: absolute;
	bottom: 0px;
	left: 0px;
	color: #FFFFFF;
}
#Information dl .LinkB a {
	display: block;
	color: #FFFFFF;
	background-color: #FC0000;
}
#Information dl .LinkB a:hover {
	background-color: #FF3E3E;
}
#Information dl dd p {
	position: relative;
	background-image: url(img/mark_arrow.png);
	background-repeat: no-repeat;
	text-indent: 25px;
	margin-top: 10px;
	background-position: 10px 10px;
}
#Information dl dd p a {
	color: #FFFFFF;
}
#Information dl dd p a:hover {
	color: rgba(255,255,255,0.69);
}
#Information dl dd ul {
	padding-right: 15px;
	padding-left: 15px;
	position: relative;
	padding-top: 20px;
}
#Information dl dd ul li {
	position: relative;
	padding-bottom: 20px;
	font-size: 16px;
	line-height: 1.5em;
}
#Information dl dd ul li span {
	display: block;
	font-size: 18px;
	padding-bottom: 10px;
	color: #FDF7CA;
}
#Information dl dd ul li div {
	position: relative;
}
#Information dl dd div#Bank {
	background-color: #FFFFFF;
	padding-right: 15px;
	padding-left: 15px;
	position: relative;
	color: #000000;
	padding-top: 10px;
	padding-bottom: 10px;
	margin-top: 15px;
}
#Information dl dd div#Bank span {
	display: block;
	font-size: 14px;
	color: #202020;
}
.BGCyellow {
	background-color: #F69A00;
}
.BGCgreen {
	background-color: #169B16;
}
.BGClblue {
	background-color: #5A96CA;
}
.BGCmpink {
	background-color: #CC80A8;
}
.BGCpurple {
	background-color: #444291;
}
.BGCpurple2 {
	background-color: #8F4990;
}
.BGCred {
	background-color: #D8201E;
}
.BGCorange {
	background-color: #E47933;
}
.BGCgray {
	background-color: #838383;
}
.BGCcream {
	background-color: #F9F0E1;
}
#PrintAR {
	position: relative;
}
#PrintAR #PRange {
	position: relative;
	margin-left: auto;
	padding-top: 20px;
	padding-right: 10px;
	padding-left: 10px;
	margin-right: auto;
}
#PrintAR #PRange h3 {
	text-align: center;
	padding-bottom: 50px;
	width: 60%;
	margin-left: auto;
	margin-right: auto;
}
#PrintAR #PRange article {
	margin-left: auto;
	margin-right: auto;
	position: relative;
	padding-bottom: 50px;
}
#PrintAR #PRange article div.PrNam  {
	width: 100%;
	padding-bottom: 10px;
}
#PrintAR #PRange article div.PrNam > * {
	vertical-align: middle;
	position: relative;
	float: left;
}
#PrintAR #PRange article div.PrNam span {
	width: 50px;
}
#PrintAR #PRange article div.PrNam h4 {
	font-size: 20px;
	font-weight: bold;
	padding-top: 5px;
}
#PrintAR #PRange article div.PrNam p {
	text-align: center;
	display: block;
	padding-top: 10px;
	padding-bottom: 10px;
}
#PrintAR #Application {
	margin-left: auto;
	margin-right: auto;
	position: relative;
}
#PrintAR #Application p#cautionTitle  {
	background-color: #CF0002;
	color: #FFFFFF;
	font-size: 18px;
	line-height: 30px;
	text-align: center;
	position: relative;
	margin-bottom: 20px;
}
#PrintAR #Application p#cautionTitle span {
	font-size: 14px;
	padding-left: 15px;
}
#PrintAR #Application article#App  {
	position: relative;
	padding: 15px;
	border-radius: 0px;
	-moz-border-radius: 15px;
	-webkit-border-radius: 15px;
	margin-bottom: 30px;
	margin-left: auto;
	margin-right: auto;
}
#PrintAR #Application article h4  {
	font-weight: bold;
	position: relative;
	font-size: 20px;
	margin-bottom: 20px;
}
#PrintAR #Application article#App p {
	font-size: 16px;
	position: relative;
	padding-bottom: 15px;
	font-weight: bold;
}
#PrintAR #Application article#App p span {
	display: block;
	color: #F50004;
	padding-left: 15px;
}
#PrintAR #Application article#App dl {
	position: relative;
}
#PrintAR #Application article#App dl > * {
	position: relative;
	vertical-align: middle;
}
#PrintAR #Application article#App dl dt {
	font-size: 14px;
	padding-right: 25px;
}
#PrintAR #Application article#App dl dt span {
	background-color: #05369E;
	color: #FFFFFF;
	line-height: 30px;
	padding-left: 15px;
	border-radius: 25px;
	padding-right: 15px;
	font-size: 14px;
}
#PrintAR #Application article#App dl dd {
	font-weight: bold;
	padding-right: 15px;
}
#PrintAR #Application article#App dl dd ul li {
	font-size: 15px;
	position: relative;
	line-height: 1.6em;
}
#PrintAR #Application article#App2 {
	padding: 15px;
	border-radius: 15px;
	-moz-border-radius: 15px;
	-webkit-border-radius: 15px;
	margin-bottom: 30px;
	margin-left: auto;
	margin-right: auto;
}
#PrintAR #Application article#App2 dl {
	position: relative;
	padding-bottom: 20px;
}
#PrintAR #Application article#App2 dl:last-child {
	margin-bottom: 0px;
	padding-bottom: 0px;
}
#PrintAR #Application article#App2 dl dt {
	font-size: 15px;
	font-weight: bold;
	position: relative;
	border-radius: 25px;
	background-color: #BDE3E8;
	padding-left: 25px;
	color: #294D97;
	margin-bottom: 15px;
	padding-right: 25px;
	padding-top: 5px;
	padding-bottom: 5px;
}
#PrintAR #Application article#App2 dl dd {
	font-size: 15px;
	position: relative;
	line-height: 1.8em;
}
#PrintAR #Application article#App2 dl dd span {
	color: #F50004;
	font-weight: bold;
}
article#App3 {
	position: relative;
}
article#App3 h4 {
	text-align: center;
	font-size: 20px;
	position: relative;
}
article#App3 div {
	margin-left: auto;
	margin-right: auto;
	position: relative;
	width: 90%;
}
article#App3 div > * {
	padding: 10px;
	text-align: center;
}
article#App3 ul {
	position: relative;
	margin-left: auto;
	padding: 15px;
	margin-right: auto;
}
article#App3 ul li {
	font-size: 15px;
	line-height: 1.6em;
}
#PrintAR #DesignImg {
	position: relative;
	padding: 15px;
	background-color: #DCDDDD;
}
#PrintAR #DesignImg h3 {
	text-align: center;
	position: relative;
	padding-bottom: 20px;
	width: 60%;
	margin-left: auto;
	margin-right: auto;
}
#PrintAR #DesignImg dl {
	margin-left: auto;
	margin-right: auto;
	position: relative;
}
#PrintAR #DesignImg dl dt {
	display: table;
	font-size: 18px;
	font-weight: bold;
	padding-bottom: 10px;
	position: relative;
}
#PrintAR #DesignImg dl dt .Icn {
	padding-right: 10px;
}
#PrintAR #DesignImg dl dt > * {
	display: table-cell;
	vertical-align: middle;
}
#PrintAR #DesignImg dl dd {
	position: relative;
}
#PrintAR #DesignImg dl dd ul {
}
#PrintAR #DesignImg dl dd ul li {
	position: relative;
	width: 100%;
	padding-bottom: 5px;
}
#PrintAR #DesignImg dl dd ul li:last-child {
	padding-bottom: 0px;
}
#PrintAR #GalleryAR {
	padding-right: 10px;
	padding-left: 10px;
	padding-bottom: 10px;
	position: relative;
	padding-top: 20px;
}
#PrintAR #GalleryAR h3 {
	text-align: center;
	width: 60%;
	margin-left: auto;
	margin-right: auto;
}
#PrintAR #DsignAB {
	padding: 15px;
	position: relative;
}
#PrintAR #DsignAB h3 {
	text-align: center;
	width: 80%;
	margin-left: auto;
	margin-right: auto;
}
#PrintAR #DsignAB #Free {
	color: #DB388E;
	font-size: 20px;
	text-align: center;
	font-weight: bold;
	position: relative;
	padding-top: 15px;
	padding-bottom: 15px;
}
#PrintAR #DsignAB p#Comment  {
	font-size: 15px;
	line-height: 1.5em;
	margin-left: auto;
	margin-right: auto;
	position: relative;
	padding-bottom: 25px;
}
#PrintAR #DsignAB article#Step12 {
	position: relative;
	margin-left: auto;
	margin-right: auto;
}
#PrintAR #DsignAB article#Step12 > * {
	padding-bottom: 20px;
}
#PrintAR #DsignAB article#Step12 p {
	position: absolute;
	top: 70px;
	width: 50%;
	right: 0px;
}
#PrintAR #DsignAB article#Step12 dl {
	vertical-align: top;
}
#PrintAR #DsignAB article#Step12 div {
	display: none;
}
#PrintAR #DsignAB dl dt   {
	font-size: 18px;
	font-weight: bold;
	position: relative;
	padding-bottom: 10px;
}
#PrintAR #DsignAB article#Step12 dl dt span {
	font-size: 15px;
	padding-right: 15px;
}
#PrintAR #DsignAB article#Step12 div {
	vertical-align: middle;
	text-align: center;
}
#PrintAR #DsignAB .UnderARR {
	text-align: center;
	position: relative;
	padding-bottom: 15px;
}
#PrintAR #DsignAB .Step34 {
	margin-left: auto;
	margin-right: auto;
	position: relative;
}
#PrintAR #DsignAB article#Exam {
	position: relative;
	margin-left: auto;
	margin-right: auto;
	padding-top: 20px;
}
#PrintAR #DsignAB article#Exam > * {
	padding: 10px;
	position: relative;
	vertical-align: top;
}
#PrintAR #DsignAB article#Exam #Twl {
}
#PrintAR #DsignAB article#Exam #Twl p {
	position: relative;
	padding-bottom: 30px;
}
#OrderFlow {
	position: relative;
}
#OrderFlow #Flows {
	position: relative;
	margin-left: auto;
	margin-right: auto;
	padding: 15px;
}
#OrderFlow #Flows article {
	position: relative;
	width: 100%;
	padding-top: 20px;
	padding-bottom: 30px;
}
#OrderFlow #Flows article > * {
	vertical-align: top;
}
#OrderFlow #Flows article .StepcT {
	width: 50px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 10px;
}
#OrderFlow #Flows article .StepcT p {
	width: 50px;
	height: 50px;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	background-color: #88A2C0;
	text-align: center;
	line-height: 40px;
	color: #FFFFFF;
	font-size: 14px;
}
#OrderFlow #Flows article .StepcT p span {
	font-size: 20px;
}
#OrderFlow #Flows article dl {
	position: relative;
}
#OrderFlow #Flows article dl dt {
	font-size: 23px;
	font-weight: bold;
	position: relative;
	padding-bottom: 15px;
	text-align: center;
}
#OrderFlow #Flows article dl dd {
	font-size: 16px;
	line-height: 1.5em;
}
#OrderFlow #Flows article .ImgArea {
	padding-left: 20px;
	width: 300px;
	display: none;
}
#AboutTwl {
	position: relative;
	margin-left: auto;
	margin-right: auto;
	padding-top: 20px;
	padding-right: 10px;
	padding-left: 10px;
}
#AboutTwl dl {
	margin-top: 0px;
	position: relative;
	padding-bottom: 30px;
}
#AboutTwl dl dt {
	font-size: 23px;
	font-weight: bold;
	position: relative;
	padding-bottom: 20px;
}
#AboutTwl dl dd {
	font-size: 15px;
	line-height: 1.6em;
}
#AboutTwl dl dd span#Size  {
	display: block;
	position: relative;
	padding-top: 25px;
	padding-bottom: 25px;
}
#AboutTwl .ImgAR {
	text-align: center;
}
#AboutTwl .ImgAR2 {
	margin-left: auto;
	margin-right: auto;
	position: relative;
	padding-top: 25px;
}
#AboutTwl .ImgAR2 > * {
	text-align: center;
	padding-bottom: 10px;
}
#AboutTwl .BigCm {
	font-size: 20px;
	font-weight: bold;
	text-align: center;
	position: relative;
	padding-bottom: 25px;
}
#AboutTwl .TWcaution  {
	padding: 10;
	position: relative;
	color: #0013AF;
}
#AboutTwl .TWcaution li {
	position: relative;
	padding-bottom: 15px;
	font-size: 15px;
	line-height: 1.5em;
}
#Faq {
	position: relative;
}
#Faq #FAQArea {
	margin-left: auto;
	margin-right: auto;
	position: relative;
	padding-top: 20px;
	padding-left: 10px;
	padding-right: 10px;
}
#Faq #FAQArea dl {
	position: relative;
	border-bottom: 3px dotted #A9A8A8;
	margin-bottom: 15px;
}
#Faq #FAQArea dl dt {
	position: relative;
	display: table;
	padding-bottom: 15px;
}
#Faq #FAQArea dl dt > * {
	display: table-cell;
}
#Faq #FAQArea dl dt span {
	width: 35px;
	border-radius: 50px;
	-moz-border-radius: 50px;
	-webkit-border-radius: 50px;
	height: 35px;
	text-align: center;
	font-size: 18px;
	color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 35px;
}
#Faq #FAQArea dl dt p {
	font-size: 18px;
	font-weight: bold;
	padding-left: 10px;
}
#Faq #FAQArea dl dd {
	font-size: 15px;
	line-height: 1.6em;
	padding-left: 25px;
	padding-bottom: 15px;
}
#Faq #FAQArea dl dd ul {
	padding: 15px;
	position: relative;
}
#Faq #FAQArea dl dd ul li {
	position: relative;
	padding-bottom: 5px;
	color: #1F4FA1;
	font-size: 14px;
	line-height: normal;
}
#Faq #FAQArea article.Payment  {
	padding-bottom: 25px;
	position: relative;
	padding-left: 80px;
}
#Faq #FAQArea article.Payment span {
	display: block;
	font-size: 15px;
	font-weight: bold;
	position: relative;
	padding-bottom: 10px;
}
#Faq #FAQArea article.Payment div.BankAC  {
	position: relative;
	display: table;
}
#Faq #FAQArea article.Payment div.BankAC p {
	width: 400px;
	font-size: 15px;
}
#Faq #FAQArea article.Payment div.BankAC > * {
	display: table-cell;
	vertical-align: top;
}
#Biglot {
	position: relative;
}
#Biglot #SPHtop {
}
#Biglot #SPContactBT {
	background-color: #0C940C;
	width: 90%;
	height: 50px;
	margin-left: auto;
	margin-right: auto;
	font-size: 20px;
	color: #FFFFFF;
	text-align: center;
	line-height: 50px;
	position: relative;
	margin-top: 10px;
	margin-bottom: 10px;
}
#Biglot #SPContactBT a {
	display: block;
	color: #FFFFFF;
}
#Biglot #SPContactBT a:hover {
	background-color: #0FBF0F;
}
#Biglot #MainImg {
	height: 630px;
	position: relative;
	width: 100%;
	background-position: center top;
	background-repeat: no-repeat;
	background-color: #FFFFFF;
	display: none;
}
#Biglot #MainImg #MIcont {
	width: 230px;
	margin-left: auto;
	margin-right: auto;
	position: relative;
	background-color: #DF2A14;
	right: 0px;
	float: right;
	top: 0px;
	display: none;
}
#Biglot #MainImg #MIcont dl {
	margin: 15px;
	position: relative;
}
#Biglot #MainImg #MIcont dl dt {
	color: #FFFFFF;
	font-size: 17px;
	font-weight: bold;
	text-align: center;
	position: relative;
	padding-bottom: 10px;
}
#Biglot #MainImg #MIcont dl p {
	padding-bottom: 10px;
}
#Biglot #MainImg #MIcont dl dd {
	font-size: 15px;
	color: #FFFFFF;
}
#Biglot .BLIntro {
	margin-left: auto;
	margin-right: auto;
	position: relative;
}
#Biglot .BLIntro #PCTB {
	display: none;
}
#Biglot .BLIntro #Secret {
	background-color: #EF801E;
	padding: 15px;
	position: relative;
}
#Biglot .BLIntro #Secret h3 {
	font-size: 25px;
	color: #FFFFFF;
	font-weight: bold;
	text-align: center;
	line-height: 1.3em;
	position: relative;
	padding-bottom: 10px;
}
#Biglot .BLIntro #Secret p {
	font-size: 15px;
	line-height: 1.4em;
	color: #FFFFFF;
	position: relative;
	padding-bottom: 15px;
}
#Biglot .BLIntro #Secret dl {
	background-color: #FFFFFF;
	position: relative;
	padding: 10px;
	margin-bottom: 15px;
}
#Biglot .BLIntro #Secret dl dt {
	font-size: 20px;
	color: #EF801E;
	font-weight: bold;
	position: relative;
	padding-bottom: 10px;
	text-align: center;
}
#Biglot .BLIntro #Secret dl dd {
	font-size: 15px;
}
#Biglot .BLIntro #Secret dl dd span {
	background-color: #9DC92C;
	display: block;
	padding-top: 6px;
	padding-bottom: 6px;
	margin-top: 10px;
	padding-left: 10px;
	padding-right: 10px;
	color: #FFFFFF;
}
#Biglot #NaturalB {
	background-color: #FFFFFF;
	position: relative;
	background-image: url(img/biglot_img4.png);
	background-repeat: no-repeat;
	background-position: 80px 0px;
	width: 100%;
}
#Biglot #NaturalB #NBcont {
	margin-left: auto;
	margin-right: auto;
	position: relative;
	height: auto;
	padding-bottom: 50px;
}
#Biglot #NaturalB #NBcont h3 {
	position: relative;
	padding-top: 30px;
	width: 70%;
	margin-left: auto;
	margin-right: auto;
}
#Biglot #NaturalB #NBcont p {
	font-size: 16px;
	line-height: 1.5em;
	position: relative;
	padding-top: 15px;
	left: auto;
	padding-left: 10px;
	padding-right: 10px;
}
#NaturalB #NBcont ul {
	position: relative;
	padding-top: 40px;
	padding-left: 10px;
	padding-right: 10px;
}
#NaturalB #NBcont ul li {
	position: relative;
	padding-bottom: 15px;
	font-size: 15px;
	color: #002597;
}
#NaturalB #NBcont2 {
	margin-left: auto;
	margin-right: auto;
	position: relative;
	padding-bottom: 80px;
}
#NaturalB #NBcont2 h3 {
	width: 40%;
	margin-left: auto;
	margin-right: auto;
}
#NaturalB #NBcont2 table {
	background-color: #FFFFFF;
	margin-left: auto;
	margin-right: auto;
	position: relative;
	width: 90%;
}
#NaturalB #NBcont2 table tr th {
	padding: 10px;
	background-color: #BDD4D8;
	width: 150px;
	font-size: 18px;
}
#NaturalB #NBcont2 table tr td {
	padding: 10px;
	background-color: #F0F0F0;
	font-size: 20px;
	text-align: center;
}
#NaturalB #NBcont3 {
	margin-left: auto;
	margin-right: auto;
	position: relative;
	padding-bottom: 30px;
}
#NaturalB #NBcont3 h3 {
	position: relative;
	width: 85%;
	margin-left: auto;
	margin-right: auto;
}
#NaturalB #NBcont3 #Logo {
	position: relative;
	padding-bottom: 15px;
	text-align: center;
}
#NaturalB #NBcont3 p {
	font-size: 16px;
	line-height: 1.5em;
	position: relative;
	padding-right: 20px;
	padding-left: 20px;
	margin-bottom: 30px;
}
#NaturalB #NBcont3 p span {
	font-weight: bold;
}
#Transaction {
	position: relative;
}
#Transaction div#TransactionAR  {
	position: relative;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	padding-right: 10px;
}
#Transaction section {
	position: relative;
	width: 100%;
	margin-left: auto;
	margin-right: auto;
}
#Transaction section dl {
	position: relative;
	display: table;
	width: 100%;
}
#Transaction section dl:last-child {
	border-bottom-style: none;
}
#Transaction section dl > * {
	vertical-align: top;
}
#Transaction section dl dt {
	position: relative;
	font-size: 13px;
	background-color: #0071A6;
	border-radius: 25px;
	color: #FFFFFF;
	text-indent: 25px;
}
#Transaction section dl dd {
	padding-right: 15px;
	padding-left: 15px;
	position: relative;
	font-size: 14px;
	padding-top: 10px;
	padding-bottom: 10px;
}
#Transaction section dl dd span {
	display: block;
	font-size: 13px;
}
#Transaction section dl dd ul {
	padding: 10px;
	position: relative;
}
#Transaction section dl dd ul li {
	position: relative;
	padding-bottom: 7px;
	font-size: 14px;
}
#Privacy {
	position: relative;
}
#Privacy section {
	margin-left: auto;
	margin-right: auto;
	position: relative;
	padding: 10px;
}
#Privacy section p {
	font-size: 15px;
	line-height: 1.5em;
	position: relative;
	padding-bottom: 15px;
}
#Privacy section ol {
	padding-left: 30px;
	position: relative;
}
#Privacy section ol li {
	position: relative;
	padding-bottom: 10px;
}
#Privacy section ol li dl {
	position: relative;
}
#Privacy section ol li dl dt {
	font-size: 15px;
	font-weight: bold;
	position: relative;
	padding-bottom: 10px;
}
#Privacy section ol li dl dd {
	font-size: 14px;
	line-height: 1.5em;
	padding-bottom: 15px;
}
#Caution {
	position: relative;
}
#Caution section {
	position: relative;
	margin-left: auto;
	margin-right: auto;
}
#Caution section dl {
	position: relative;
	-moz-border-radius: 15px;
	padding: 15px;
	-webkit-border-radius: 15px;
	border-radius: 0px;
	border-bottom: 3px dotted #B5CDD4;
}
#Caution section dl dt {
	font-size: 20px;
	font-weight: bold;
	position: relative;
	margin-bottom: 15px;
}
#Caution section dl dd {
	font-size: 15px;
	line-height: 1.5em;
}
#Caution section dl dd ul {
	position: relative;
	padding-top: 15px;
}
#Caution section dl dd ul li {
	font-size: 14px;
	line-height: normal;
	padding-bottom: 10px;
	color: #0049B0;
}
#Caution section dl dd ul li:last-child {
	padding-bottom: 0px;
}
.LBoderRed {
	border-left: 5px solid #FF0004;
	padding-left: 15px;
}
.LBoderBlue {
	border-left: 5px solid #2120D1;
	padding-left: 15px;
}
.LBoderPink {
	border-left: 5px solid #D91D9C;
	padding-left: 15px;
}
.LBoderGreen {
	border-left: 5px solid #1D8B00;
	padding-left: 15px;
}
.LBoderOrange {
	border-left: 5px solid #FF8D2F;
	padding-left: 15px;
}
.LBoderPurple {
	border-left: 5px solid #B732FF;
	padding-left: 15px;
}
.LBoderLblue {
	border-left: 5px solid #3DBFFF;
	padding-left: 15px;
}
.LBoderLpink {
	border-left: 5px solid #FF95DA;
	padding-left: 15px;
}
.LBoderLGreen {
	border-left: 5px solid #00D5E3;
	padding-left: 15px;
}

.LBoderYellow {
	border-left: 5px solid #FFE300;
	padding-left: 15px;
}
#ColorGuide {
	position: relative;
}
#ColorGuide #CGIntoro {
	position: relative;
	padding-top: 30px;
	background-color: #FFFFFF;
	padding-left: 10px;
	padding-right: 10px;
}
#ColorGuide #CGIntoro article {
	margin-left: auto;
	margin-right: auto;
	position: relative;
}
#ColorGuide #CGIntoro article > * {
	vertical-align: top;
}
#ColorGuide #CGIntoro article dl {
	position: relative;
	padding-right: 20px;
}
#ColorGuide #CGIntoro article dl dt {
	position: relative;
	padding-bottom: 15px;
}
#ColorGuide #CGIntoro article dl dd {
	font-size: 15px;
	line-height: 1.6em;
}
#ColorGuide #CGIntoro article div {
	text-align: center;
	padding-top: 10px;
}
#ColorGuide #CGSample {
	background-color: #FFFFFF;
}
#ColorGuide #CGSample div {
	margin-left: auto;
	margin-right: auto;
	position: relative;
}
#ColorGuide #CGSample div dl {
	width: 114px;
	border-top-color: #FFFFFF;
	border-top-style: solid;
	border-top-width: 10px;
	border-right: 2px solid #FFFFFF;
	border-left: 2px solid #FFFFFF;
	float: left;
	height: 95px;
}
#ColorGuide #CGSample div dl dt {
}
#ColorGuide #CGSample div dl dd {
	font-size: 13px;
	text-align: right;
	background-color: #D8D0C5;
	padding-right: 5px;
	height: 25px;
	line-height: 25px;
}
#ColorGuide #CGCaution {
	position: relative;
	padding-top: 35px;
	padding-bottom: 35px;
	padding-left: 30px;
	padding-right: 30px;
}
#ColorGuide #CGCaution dl {
	margin-left: auto;
	margin-right: auto;
	position: relative;
}
#ColorGuide #CGCaution dl dt {
	font-size: 14px;
	font-weight: bold;
	position: relative;
	margin-bottom: 20px;
}
#ColorGuide #CGCaution dl dd {
	position: relative;
}
#ColorGuide #CGCaution dl dd ul {
	position: relative;
}
#ColorGuide #CGCaution dl dd ul li {
	font-size: 14px;
	line-height: 1.6em;
	position: relative;
	padding-bottom: 10px;
}
#ColorGuide #CGCaution dl p  {
	font-size: 13px;
	font-style: italic;
	color: #5B5B5B;
	text-align: right;
	position: relative;
	padding-top: 25px;
}
#Fonts {
	position: relative;
}
#Fonts section {
	position: relative;
	padding-top: 20px;
}
#Fonts section h3 {
	font-size: 18px;
	margin-left: auto;
	margin-right: auto;
	position: relative;
	margin-bottom: 20px;
	font-weight: bold;
	padding-left: 10px;
}
#Fonts section div {
	margin-left: auto;
	margin-right: auto;
	position: relative;
}
#Fonts section div dl {
	position: relative;
	padding-bottom: 20px;
	padding-left: 15px;
	padding-right: 15px;
	border-bottom: 1px dotted #9D9D9D;
}
#Fonts section div dl > * {
	vertical-align: middle;
}
#Fonts section div dl dt {
	font-size: 16px;
	padding-bottom: 5px;
}
#Fonts section div dl dd {
	text-align: right;
}
#Contact {
	position: relative;
}
#Contact section {
	position: relative;
	margin-left: auto;
	margin-right: auto;
	padding-top: 20px;
	padding-bottom: 20px;
	padding-left: 10px;
	padding-right: 10px;
}
#Contact section #Info {
	font-size: 15px;
	position: relative;
	padding-bottom: 20px;
}
#Contact section #CompleteMS {
	text-align: center;
	font-size: 16px;
	position: relative;
	padding-top: 20px;
	font-weight: bold;
}
#Contact section #CompleteMS2 {
	font-size: 14px;
	padding-top: 25px;
	padding-bottom: 50px;
	text-align: left;
	line-height: 2em;
}
#Contact section #CompleteMS3 {
	text-align: center;
	position: relative;
	font-size: 14px;
}
#Contact section ul#LinkAR {
	position: relative;
	font-size: 14px;
}
#Contact section ul#LinkAR li {
	padding-bottom: 7px;
	background-image: url(img/mark_arrow2.png);
	background-repeat: no-repeat;
	position: relative;
	padding-left: 25px;
	background-position: 10px 6px;
	margin-bottom: 10px;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
}
#Contact section ul#LinkAR li a {
	display: block;
	color: #0029CC;
}
#Contact section p.Ctitle {
	-moz-border-radius: 20px;
	-webkit-border-radius: 20px;
	background-color: #4698C4;
	font-size: 14px;
	color: #FFFFFF;
	position: relative;
	margin-top: 10px;
	border-radius: 8px;
	padding: 5px;
	margin-bottom: 10px;
}
#Contact section dl {
	width: 100%;
}
#Contact section dl > * {
	position: relative;
	vertical-align: top;
}
#Contact section dl dt {
	font-size: 14px;
	font-weight: bold;
	position: relative;
	padding-bottom: 5px;
}
#Contact section dl dt p.Choice {
	font-size: 14px;
	line-height: 1.3em;
	font-weight: normal;
	color: #FF00BD;
	position: relative;
	padding-bottom: 7px;
	padding-top: 7px;
}
#Contact section dl dt p.CBtn {
	border-radius: 25px;
	-moz-border-radius: 25px;
	-webkit-border-radius: 25px;
	background-color: #00B5D0;
	text-align: center;
	font-size: 14px;
	font-weight: normal;
	height: 30px;
	line-height: 30px;
	color: #FFFFFF;
}
#Contact section dl dt p.CBtn a {
	display: block;
	border-radius: 25px;
	-moz-border-radius: 25px;
	-webkit-border-radius: 25px;
	color: #FFFFFF;
}
#Contact section dl dt p.CBtn a:hover {
	border-radius: 25px;
	-moz-border-radius: 25px;
	-webkit-border-radius: 25px;
	background-color: #14C4DE;
}
#Contact section dl dt span {
	color: #E00003;
	font-size: 12px;
}
#Contact section dl dd {
	position: relative;
	padding-bottom: 15px;
	font-size: 15px;
}
#Contact section dl dd .InputTYP1 {
	width: 95%;
	font-size: 15px;
	padding: 2px;
	height: 30px;
}
#Contact section dl dd .InputTYP2 {
	font-size: 15px;
	padding: 2px;
	height: 30px;
	border-style: none none dashed;
	border-bottom-width: 1px;
	background-color: #F9F4EC;
	width: 150px;
}
#Contact section dl dd .InputTYP3 {
	width: 200px;
	font-size: 15px;
	padding: 2px;
	height: 30px;
}
#Contact section dl dd .SelectTYP1 {
	height: 30px;
	font-size: 15px;
	border: 1px solid #C0C0C0;
}
#Contact section dl dd textarea {
	width: 95%;
	height: 150px;
	border: 1px solid #C2C2C2;
}
#Contact section dl dd span.block {
	font-size: 13px;
	line-height: 1.3em;
	position: relative;
	display: block;
	color: #005AA9;
	padding-top: 5px;
}
#Contact section dl dd .FileTemp {
	position: relative;
	padding-bottom: 7px;
}
#Contact section p#Send  {
	text-align: center;
	position: relative;
	padding-top: 20px;
}
#Contact section p#Send input {
	width: 300px;
	height: 40px;
	border-style: none;
	background-color: #00A1AE;
	color: #FFFFFF;
	font-size: 15px;
}
#Contact section p#Send input:hover {
	background-color: #00BBCA;
}
/*Tab & SP Menu*/
#mobile-bar {
	height: 60px;
	border-top: 5px solid #E60012;
	position: relative;
	z-index: 9999;
	width: 100%;
	background-color: #FFFFFF;
}
#mobile-bar div {
	display: table;
	height: 60px;
	position: relative;
	top: -55px;
	left: 80px;
}
#mobile-bar div > * {
	display: table-cell;
	vertical-align: middle;
	height: 60px;
}
#mobile-bar h1  {
	position: relative;
	margin-left: auto;
	margin-right: auto;
	font-size: 14px;
}
#mobile-bar h1 span {
	display: none;
}
#mobile-bar  p {
	font-size: 15px;
}
a#build-menu-button {
	display: block;
	text-align: center;
	text-decoration: none;
	margin-top: 0px;
	margin-right: 0;
	margin-left: 10px;
	width: 50px;
	text-align: center;
	font-size: 14px;
	color: #FFFFFF;
	background-repeat: no-repeat;
	padding-top: 5px;
}
.SideNav {
}
.SideNav li {
	border-bottom: 1px dotted #C3C3C3;
	height: 45px;
	font-size: 16px;
	line-height: 45px;
	text-indent: 15px;
}
.SideNav li a {
	display: block;
	color: #11B5DF;
}
.SideNav li a:hover  {
	background-color: #EAEAEA;
}
ul#SnavST   {
	position: relative;
}
ul#SnavST li   {
	font-size: 14px;
	line-height: 40px;
	text-indent: 15px;
	border-bottom: 1px dotted #A5A5A5;
}
ul#SnavST li a {
	display: block;
	color: #1300CB;
}
ul#SnavST li a:hover {
	background-color: #F1F9FF;
}

ul#SnavST2   {
	position: relative;
}
ul#SnavST2 li   {
	font-size: 14px;
	line-height: 40px;
	text-indent: 15px;
	border-bottom: 1px dotted #A5A5A5;
}
ul#SnavST2 li a {
	display: block;
	color: #1300CB;
}
ul#SnavST2 li a:hover {
	background-color: #F1F9FF;
}
/*Gallery*/
#navi li{
	width: 100px;
	height: 100px;
	float: left;
	background: none;
	padding: 0px 10px 0px 0px;
	margin-top: 0;
	margin-right: 0;
	margin-left: 0;
}
#navi li a{
	display:block;
}
#navi li a:link    {}
#navi li a:visited {}
#navi li a:hover   {opacity:0.8;}
#navi li a:active  {opacity:0.8;}
/* IE用 ↓*/
#navi li a:hover img {filter:alpha(opacity=80);}

#photo{
	margin-right: 0;
	margin-left: 0;
	margin-bottom: 0;
}
#photo img{
	position: absolute;
	width: 100%;
	height: auto;
}

/* mod_gallery(複数設置の場合)
-----------------------------------------*/
.mod_gallery{
	margin-top: 20px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 20px;
}
.mod_gallery > * {
}
.mod_gallery_navi {
}
.mod_gallery_navi .Gtitle {
	display: table;
	font-size: 20px;
	font-weight: bold;
	position: relative;
	padding-bottom: 10px;
}
.mod_gallery_navi .Gtitle > * {
	display: table-cell;
	vertical-align: middle;
}
.mod_gallery_navi .Gtitle .Icn2 {
	margin-right: 0px;
	padding-right: 15px;
}
.mod_gallery_navi ul {
}
/* .mod_gallery_navi */
.mod_gallery_navi li{
	width: 20%;
	background: none;
	padding-top: 0;
	margin-top: 0;
	margin-right: 0;
	margin-left: 0;
	width: 23%;
	float: left;
	padding-right: 5px;
	height: 70px;
}
.mod_gallery_navi li a{
	display:block;
}
.mod_gallery_navi li a:link    {}
.mod_gallery_navi li a:visited {}
.mod_gallery_navi li a:hover   {opacity:0.8;}
.mod_gallery_navili a:active  {opacity:0.8;}
/* IE用 ↓*/
.mod_gallery_navi li a:hover img {filter:alpha(opacity=80);}

/* mod_gallery_photo */
.mod_gallery_photo{
	margin: 20px 0 0 0;
	width: 90%;
}
.mod_gallery_photo img{
	position: absolute;
	width: 95%;
	height: auto;
	max-width: 700px;
}

/* clearfix：float解除＆親要素に高さを算出させる
-----------------------------------------*/
.ex_clearfix:after {
  content: ".";  /* 新しい要素を作る */
  display: block;  /* ブロックレベル要素に */
  clear: both;
  height: 0;
  visibility: hidden;
}
.ex_clearfix {
  min-height: 1px;
}
* html .ex_clearfix {
  height: 1px;
  /*\*//*/
  height: auto;
  overflow: hidden;
  /**/
}

/*投稿記事一覧*/
#NewsContAR {
	width: 100%;
	position: relative;
	margin-left: auto;
	margin-right: auto;
}
#NewsContAR dl {
	padding: 10px;
margin:auto;
	position: relative;
}
#NewsContAR dl dt {
	font-size: 16px;
	position: relative;
	margin-left: auto;
	margin-right: auto;
	background-color: #EFEFEF;
	padding-top: 5px;
	padding-right: 15px;
	padding-bottom: 5px;
	margin-bottom: 15px;
	padding-left: 15px;
}
#NewsContAR dl dt span {
	font-size: 13px;
	padding-right: 25px;
}
#NewsContAR dl dd {
	position: relative;
	display: table;
table-layout:fixed;

}
#NewsContAR dl dd > * {
	display: table-cell;
	vertical-align: top;
	position: relative;
}
#NewsContAR dl dd #Image {

}
#NewsContAR dl dd #ContentNW {
	position: relative;
	padding-left: 15px;
	font-size: 15px;
	line-height: 1.6em;
text-align: left;
width:75%;
}
#NewsContAR dl dd #ContentNW a{
font-size:13px;
color:#999;
}
#Pager{
text-align:center;
padding-top:50px;
padding-bottom:50px;
}
#Pager a{
padding:5px;
}
.current{
padding:5px;
background-color:#CCC;
border-radius:8px;
-moz-border-radius:8px;
-webkit-border-radius:8px;
}

/*投稿記事詳細*/
#entry_body{
margin:auto;
position:relative;
}
.pankuzu{
padding-top:30px;
width:100%;
position:relative;
margin:auto;
font-size:13px;
}
#breadcrumb{
display:table;
}
#breadcrumb > *{
display:table-cell;
}
#breadcrumb span{
padding:8px;
}
#entry_body #single_title2{
display:block;
font-size:20px;
padding:15px 0px 5px 0px;
}
#entry_body .meta_box{
font-size:13px;
color:#666;
padding-bottom:15px;
}
#entry_body footer{
display:none;
}
#entry_body section{
padding-bottom:15px;
}
#cat_tag{
text-align:right;
font-size:13px;
padding-top:20px;
}
#relations{
position:relative;
padding:10px;
margin-top:10px;
}
#relations h3{
font-size:14px;
color:#999;
padding-bottom:10px;
}
#relations ul{
position:relative;
}
#relations ul > *{
width:100%;
font-size:15px;
color:#999;
padding-bottom:15px;
}
#page_pn dl{
position:relative;
display:table;
width:100%;
padding-top:7px;
}
#page_pn dl > *{
display:table-cell;
}
#page_pn dl dt{
width:100px;
}
#page_pn dl dd{
text-align:left;
}
#entry_body #WP80{
width:90%;
position:relative;
margin:auto;
padding-bottom:30px;
}
/*カテゴリ一覧*/
.home_area{
position:relative;
width:90%;
margin:auto;
padding-top:15px;
}
.home_area section{
width:100%;
display:table;
}
.home_area section > *{
display:table-cell;
vertical-align:top;
}
.home_area section .thumb_box{
width:120px;
padding-right:10px;
}
.home_area section .entry_box .date-time{
font-size:14px;
padding-top:10px;
text-align:right
}
.home_area section .entry_box .date-time a{
color:#999;
}

/*トップテンプレートダウンロード*/
#TPApp3 {
	position: relative;
padding-top:35px;
padding-bottom:25px;
}
#TPApp3 h4 {
	text-align: center;
	font-size: 20px;
	position: relative;
padding-bottom: 25px;
}
#TPApp3 div {
	margin-left: auto;
	margin-right: auto;
	position: relative;
	width: 90%;
}
#TPApp3 div > * {
	padding: 10px;
	text-align: center;
}
#TPApp3 ul {
	position: relative;
	margin-left: auto;
	padding: 15px;
	margin-right: auto;
}
#TPApp3 ul li {
	font-size: 15px;
	line-height: 1.6em;
}

/*トップ　フォント見本＆カラー見本*/
#TPFontColor {
	position: relative;
	margin-bottom: 30px;
}
#TPFontColor h4 {
	text-align: center;
	font-size: 20px;
	position: relative;
	padding-bottom: 25px;
}
#TPFontColor #TPFC {
	margin-left: auto;
	margin-right: auto;
	position: relative;
	padding-bottom: 25px;
}
#TPFontColor #TPFC > * {
	text-align: center;
width:80%;
position:relative;
margin:auto;
padding-bottom:10px;
}
#TPFontColor #TPFC > * p{
font-size:19px;
text-align:center;
line-height:45px;
border-radius:25px;
-moz-border-radius:25px;
-webkit-border-radius:25px;
border:3px solid #FF7373;
margin:10px;
}
#TPFontColor #TPFC > * p a{
display:block;
color:#333;
border-radius:25px;
-moz-border-radius:25px;
-webkit-border-radius:25px;
}
#TPFontColor #TPFC > * p a:hover{
background-color:#FFCFBF;
border-radius:25px;
-moz-border-radius:25px;
-webkit-border-radius:25px;
}
#NoArticle{
text-align:center;
font-size:14px;
color:#999;
padding:25px;
}
#SNS #InformationAR h3 span{
font-size:13px;
padding-top:10px;
color:#666;
font-weight: normal;
display:block;
}
/*2017年10月追加*/

#TPBtns {
	margin-left: auto;
	margin-right: auto;
	position: relative;
	padding-top: 25px;
	padding-right: 10px;
	padding-left: 10px;
}
#TPBtns > * {
	position: relative;
	padding: 5px;
	vertical-align: top;
}
#TPBtns > * img {
	width: 100%;
	height: auto;
}
#TPNcont1 {
	position: relative;
	padding-top: 10px;
	padding-right: 10px;
	padding-left: 10px;
}
#TPNcont1 h2 {
	position: relative;
	padding-bottom: 15px;
}
#TPNcont1 h2 span {
	display: block;
	position: relative;
	padding-bottom: 25px;
}
#TPNcont1 #CArea {
	background-repeat: no-repeat;
}
#TPNcont1 #CArea #Tx1 {
	font-size: 16px;
	position: relative;
	line-height: 1.6em;
	padding-bottom: 35px;
}
#TPNcont1 #CArea #Tx2 {
	position: relative;
	font-size: 16px;
	line-height: 1.5em;
	padding-bottom: 35px;
}
#TPNcont1 #CArea h3 {
	font-size: 25px;
	font-weight: 700;
	position: relative;
	padding-bottom: 25px;
}
#TPNcont2 {
	margin-left: auto;
	margin-right: auto;
	position: relative;
	padding-top: 30px;
	padding-bottom: 30px;
	padding-left: 10px;
	padding-right: 10px;
}
#TPNcont2 h2 {
	font-size: 20px;
	text-align: left;
	font-weight: 700;
	padding-bottom: 30px;
	position: relative;
	line-height: 1.2em;
}
#TPNcont2 article {
	margin-left: auto;
	margin-right: auto;
	position: relative;
	padding-bottom: 30px;
}
#TPNcont2 article h3 {
	text-align: center;
	font-size: 18px;
	font-weight: 700;
	position: relative;
	padding-bottom: 15px;
}
#TPNcont2 article h3 span {
	display: block;
	background-color: #DA0003;
	color: #FFE500;
	font-size: 17px;
	width: 280px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 10px;
	line-height: 30px;
}
#TPNcont2 article div {
	text-align: center;
	position: relative;
	padding-bottom: 10px;
}
#TPNcont2 article p {
	font-size: 15px;
	line-height: 1.3em;
	position: relative;
	text-align: left;
}
#TPNcont3 {
	background-color: #F5DE3D;
	position: relative;
	padding-top: 30px;
	padding-bottom: 20px;
}
#TPNcont3 h2 {
	font-size: 20px;
	font-weight: 900;
	text-align: center;
	position: relative;
	padding-bottom: 30px;
}
#TPNcont3 article {
	margin-left: auto;
	margin-right: auto;
	position: relative;
	padding-bottom: 50px;
	padding-left: 20px;
	padding-right: 20px;
}
#TPNcont3 article h3 {
	text-align: center;
	font-size: 20px;
	font-weight: 800;
	position: relative;
}
#TPNcont3 article h3 span {
	text-align: center;
	display: block;
}
#TPNcont3 #Step1 {
	position: relative;
	margin-left: auto;
	margin-right: auto;
}
#TPNcont3 #Step1 dt {
	vertical-align: middle;
	text-align: center;
}
#TPNcont3 #Step1 dd {
	vertical-align: middle;
	font-size: 15px;
	font-weight: 600;
	line-height: 1.6em;
}
.TableHD3 {
	position: relative;
	display: table;
}
.TableHD3 > * {
	display: table-cell;
	position: relative;
}
.VerticalMiddle {
	vertical-align: middle;
}
.VerticalTop {
	vertical-align: top;
}
#TPNcont3 #Step2 {
	margin-left: auto;
	margin-right: auto;
	position: relative;
}
#TPNcont3 #Step2 h3 {
	text-align: center;
	line-height: 1.5em;
	position: relative;
	padding-bottom: 30px;
}
#TPNcont3 .Calam1 {
	padding-bottom: 100px;
}
#TPNcont3 .Calam2 {
	width: 246px;
	text-align: center;
	display: none;
}
#TPNcont3 .Calam1 #Catch1 {
	position: relative;
	padding-bottom: 5px;
}
#TPNcont3 .Calam1 #Catch1 p {
	padding-right: 15px;
	position: relative;
	padding-bottom: 7px;
}
#TPNcont3 .Calam1 #Catch1 #Icon {
	width: 165px;
}
#TPNcont3 .Calam1 #Catch2 {
	padding-bottom: 25px;
	position: relative;
	text-align: center;
}
#TPNcont3 .Calam1 #Catch2 #Icon {
	text-align: center;
	padding-bottom: 5px;
}
#TPNcont3 .Calam1 .Text {
	font-size: 15px;
	font-weight: 500;
	line-height: 1.3em;
	position: relative;
	padding-bottom: 25px;
}
#TPNcont3 .Calam1 #BtnAR {
	position: relative;
}
#TPNcont3 .Calam1 #BtnAR li {
	position: relative;
	padding-bottom: 7px;
	text-align: center;
}
#TPNcont3 .Calam1 #Link {
	color: #113E97;
	font-size: 15px;
	text-align: center;
	font-weight: 500;
	padding-top: 20px;
	padding-bottom: 20px;
}
#TPNcont3 .Calam1 #Link a {
	color: #113E97;
}
#TPNcont3 .Calam1 #Link2 {
	background-color: #FFFFFF;
	border-radius: 8px;
	width: 100%;
	font-size: 20px;
	text-align: center;
	height: 45px;
	line-height: 45px;
	font-weight: 500;
}
#TPNcont3 .Calam1 #Link2 a {
	display: block;
	text-decoration: none;
	color: #000000;
}
#TPNcont3 .Calam2 #OR {
	text-align: center;
	padding-bottom: 35px;
}
#TPNcont3 .Calam2 #ColorC {
	width: 165px;
	margin-left: auto;
	margin-right: auto;
	position: relative;
	padding-bottom: 30px;
}
#TPNcont3 .Calam2 #ColorC span {
	font-size: 12px;
	display: block;
}
#TPNcont3 .Calam2 ul#Chu  {
	width: 180px;
	margin-left: auto;
	margin-right: auto;
	position: relative;
	padding-bottom: 25px;
}
#TPNcont3 .Calam2 ul#Chu li {
	font-size: 14px;
	line-height: 1.5em;
	text-align: left;
	position: relative;
	padding-bottom: 15px;
}
#TPNcont3 .Step345 {
	position: relative;
	padding-top: 10px;
	margin-left: auto;
	margin-right: auto;
	font-weight: 500;
	font-size: 15px;
	line-height: 1.3em;
}
#TPNcont4 {
	position: relative;
	background-image: url(img/tpn_img27.png);
	background-repeat: no-repeat;
	background-position: right top;
}
#TPNcont4 #ContAR {
	margin-left: auto;
	margin-right: auto;
	padding: 10px;
	position: relative;
}
#TPNcont4 #ContAR h2 {
	position: relative;
	padding-top: 10px;
}
#TPNcont4 #ContAR h3 {
	font-size: 18px;
	font-weight: bold;
	position: relative;
	padding-bottom: 35px;
line-height:1.4em;
}
#TPNcont4 #ContAR h3 span {
    background-color: #EBC455;
    padding-left: 10px;
    padding-right: 10px;
}
#TPNcont4 #ContAR .Text1 {
	font-size: 15px;
	line-height: 1.4em;
	position: relative;
	padding-bottom: 45px;
}
#USceanAR2 {
	position: relative;
	margin-left: auto;
	margin-right: auto;
	padding-top: 30px;
	padding-left: 10px;
	padding-right: 10px;
}
#USceanAR2 h2 {
	font-size: 18px;
	font-weight: 800;
	color: #48A2DB;
	text-align: left;
	padding-bottom: 10px;
	line-height: 1.4em;
}
#USceanAR2 .Useful {
}
#USceanAR2 .Useful p {
	padding: 10px;
	position: relative;
	text-align: center;
}
.Padding50 {
	padding-top: 20px;
}
.PaddingR20 {
	padding-right: 20px;
}
.IntroBX {
	margin-left: auto;
	margin-right: auto;
	position: relative;
	padding-top: 20px;
	padding-bottom: 30px;
}
.HowToMake {
	margin-left: auto;
	margin-right: auto;
	position: relative;
	padding-bottom: 20px;
padding-right:10px;
	padding-left:10px;
}
.HowToMake h4 {
	font-size: 20px;
	font-weight: 800;
	text-align: left;
	padding-bottom: 25px;
	color: #1285C9;
}
.HowToMake h4 span {
	font-size: 18px;
	padding-right: 5px;
}
.HowToMake .Comment {
	margin-left: auto;
	margin-right: auto;
	position: relative;
	padding-bottom: 30px;
	text-align: left;
	font-size: 15px;
	line-height: 1.3em;
	font-weight: 600;
}
.HowToMake .Hozon {
	margin-left: auto;
	margin-right: auto;
	position: relative;
	padding: 15px;
	background-color: #FFFFFF;
}
.HowToMake .Hozon > * {
	padding-left: 2%;
	padding-right: 2%;
	padding-bottom: 15px;
	padding-top: 15px;
}
.HowToMake .Hozon #Illustrator {
	border-bottom: 1px solid #6E6E6E;
}
.HowToMake .Hozon h5 {
	font-size: 20px;
	text-align: center;
	font-weight: 700;
	position: relative;
	padding-bottom: 15px;
}
.HowToMake .Hozon ul {
	position: relative;
}
.HowToMake .Hozon ul li {
	position: relative;
	display: inline-block;
	margin: 0 32px 0 0;
	padding-top: 10px;
	padding-right: 0px;
	padding-left: 10px;
	padding-bottom: 7px;
	font-size: 15px;
	font-weight: 600;
	line-height: 1.3em;
	color: #553C3D;
}
 
.HowToMake .Hozon ul li input {
    position: absolute;
    top: 0;
    opacity: 0;
    width: 100%;  
    height: 100%;
}
 
.HowToMake .Hozon ul li  input[type="checkbox"] + label {
    display: block;
    background-image: url(images/bg_checkbox_off.png);
    background-size: 24px;
    background-position: left center;
    background-repeat: no-repeat;
    padding: 4px 0 0 28px;
}
 
.HowToMake .Hozon ul li  input[type="checkbox"]:checked + label {
    background-image: url(images/bg_checkbox_on.png);
}
#TPvoice {
	position: relative;
	padding-top: 60px;
}
#TPvoice h2 {
	font-size: 45px;
	text-align: center;
	font-weight: 700;
	padding-bottom: 40px;
	color: #F07F00;
}
/*Slide*/
.swiper-container {
	width: 100%;
	background: #ffe448;
	position: relative;
	height: 450px;
}

    .swiper-slide {
        font-size: 15px;
        color:#000;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        padding: 20px 20px;
    }
    .parallax-bg {
        position: absolute;
        left: 0;
        top: 0;
        width: 130%;
        height: 100%;
        -webkit-background-size: cover;
        background-size: cover;
        background-position: center;
    }
    .swiper-slide .title {
        font-size: 20px;
        font-weight: 600;
		padding-bottom:15px;
		line-height:1.5em;
		padding-top:10px;
    }
.swiper-slide .title a {
	color:#000;
}
    .swiper-slide .subtitle {
        font-size: 21px;
    }
    .swiper-slide .text {
        font-size: 15px;
        line-height: 1.6em;
    }
	.swiper-slide .Photo {
	display: block;
	height: 250px;
	width: 90%;
	overflow-y: hidden;
	overflow-x: hidden;
	border: 10px solid #FFFFFF;
	margin-right: auto;
	margin-left: auto;
	position: relative;
    }
	.swiper-slide .Photo img {
	width: 100%;
    }
	.swiper-slide .Context {
	height: auto;
	padding-right: 20px;
    }
/*wordpressのみ記述*/
#forpc{
display:none;
}
/*20180405追加*/
.BgRed {
    background: linear-gradient(transparent 50%, #F18D8F 50%);
    padding-left: 5px;
    padding-right: 5px;
    font-weight: 500;
}
.BgOran {
    background: linear-gradient(transparent 50%, #FFE900 50%);
    padding-left: 5px;
    padding-right: 5px;
    font-weight: 500;
}
#TPexample {
    width: 95%;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    padding-top: 35px;
    padding-bottom: 35px;
}
#TPexample h5 {
    text-align: center;
    font-size: 30px;
    font-weight: 600;
    position: relative;
    padding-bottom: 50px;
    line-height: 1.4em;
}
#TPexample h5 span {
    display: block;
    text-align: center;
    color: #656565;
    font-size: 18px;
    font-weight: 400;
}
#TPexample dl {
    position: relative;
    padding-bottom: 50px;
}
#TPexample dl dt {
    font-size: 18px;
    text-align: center;
    position: relative;
    padding-bottom: 15px;
}
#TPexample dl dd {
    text-align: center;
    position: relative;
    padding-top: 10px;
    font-size: 18px;
}
#TPexample dl dd span {
    font-size: 25px;
    font-weight: 600;
}
#TempDownload {
	position: relative;
	padding-top: 10px;
	width:90%;
	margin:auto;
	padding-bottom:30px;
}
#TempDownload li {
	padding: 5px;
	position: relative;
}