@charset "utf-8";

body{
  padding: 70px 0 0 0;  
	font-family: Osaka,Sans-Serif;
	color:#212121;
	font-size:94%;
  line-height: 1.6em;
}
* html body{
	overflow: hidden;
}

a{outline:none;}

a:link{
	color:#887272;
	font-style:normal;
	text-decoration:underline;
}
a:visited{
	color:#533e3e;
	text-decoration:underline;
}
a:hover{
	color:#533e3e;
	font-style:normal;
	text-decoration:underline;
}
a:active{
	text-decoration:underline;
}

img.space{margin-bottom:10px;}

.cr{clear:both;}

/* ----------------------------------------------------------------------------------
	header
---------------------------------------------------------------------------------- */
#header {
	position: fixed !important;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 3;
	width: 100%;
	height: 72px;
	background-color: #e6e6e6;
}
#headerInner{background-color:#b3dd4d;}

* html #contentsArea{
	height: 100%;
	overflow: auto;
}

.key {
	font-size:0.9em;
	text-align:left;
	width:940px;
	margin:0 auto;
}

/* ----------------------------------------------------------------------------------
	navi
---------------------------------------------------------------------------------- */
#naviBg {
	background-attachment: scroll;
	background-clip: border-box;
	background-color: transparent;
	background-image: url("../images/common/navi_bg.gif");
	background-origin: padding-box;
	background-position: 0 0;
	background-repeat: repeat-x;
	background-size: auto auto;
	clear: both;
	line-height:0;
}
#navi{
	width:940px;
	height:50px;
	list-style-type:none;
	margin:0 auto;
}
#navi li{
	overflow:hidden;
	float:left;
}

#mainBg{
	background-image:url("../images/common/main_bg.gif");
	background-repeat:repeat-x;
	clear: both;
	width:100%;
	height:381px;
}
#mainBgHt{
	background-image:url("../images/common/main_bg.gif");
	background-repeat:repeat-x;
	clear: both;
	width:100%;
	height:116px;
}
#mainBg #mainImg{
	width:940px;
	height:380px;
	overflow:hidden;
	margin:0 auto;
}
#mainBgHt #mainImg{
	width:970px;
	margin:0 auto;
}

/* ----------------------------------------------------------------------------------
	main
---------------------------------------------------------------------------------- */
#contentsWrap{
	border-top:1px solid #efd20f;
	background:#a7f641 url("../images/bg_content.gif") repeat;
}

#contentsWrap:after {
	content: "";
	display: block;
	clear: both;
	height: 1px;
	overflow: hidden;
	height: 0.1px;
}

/*\*/
* html #contentsWrap {
  height: 1em;
}

#contentsWrap {
	display: block;
}
/**/

.wrapper{
	width:940px;
	margin:auto;
	clear:both;
	color:#666666;
}

#contents{
	width:940px;
	margin:0 auto;
	padding-top:10px;
	background-color:#ffffff;
	overflow: hidden;
}

#contentsInner{
	width:670px;
	background-color:#ffffff;
	float:right;
	margin-right:20px;
	_margin-right:10px; /* ie6 */
}

/* ----------------------------------------------------------------------------------
	main detail
---------------------------------------------------------------------------------- */
#breadcrumb{
	width:670px;
	margin:5px 0 10px;
}
#breadcrumb2{
	width:670px;
	margin:5px 0 10px 15px;
}
.pageTop {
	text-align:right;
	clear:both;
}
.title{margin-bottom:5px;}

.pointBg{
	background-color:#fffded;
	border:1px solid #fccc13;
	width:665px;
	padding:10px 0 0;
	margin-bottom:30px;
	overflow: hidden;
}
.pointInner{margin:0 auto;clear:both;}
p.point{
	color:#806a41;
	font-size:14px;
	line-height: 1.4em;
	margin:5px 0 20px 5px;
	width:460px;
	float:left;
}
img.point{margin:0px 8px 15px 10px;padding-bottom:10px;float:left;}

/* plan */
.topPlan ul{
	width: 670px;
	margin-left: auto;
	margin-right: auto;
	padding-bottom:20px;
}
.topPlan a:link{
	color:#533e3e;
}
.topPlan a:hover{
	color:#533e3e;
}
.topPlan ul li p{
	position:relative;
	top:44px;
	left:14px;
	/left:0px;
	font-size:12px;
}
.topPlan ul li p.p2{
	position:relative;
	top:127px;
	left:14px;
	font-size:12px;
}

.topPlan a.plan1{
	width: 218px;
	height: 215px;
	background: url(../images/plan1.gif) no-repeat;
	float: left;
	font-size: 14px;
	line-height: 20px;
	margin-bottom:20px;
	text-decoration:none;
}
.topPlan a.plan2{
	width: 218px;
	height: 215px;
	background: url(../images/plan2.gif) no-repeat;
	margin-left: 7px;
	float: left;
	font-size: 14px;
	line-height: 20px;
	margin-bottom:20px;
	text-decoration:none;
}
.topPlan a.plan3{
	width: 218px;
	height: 215px;
	background: url(../images/plan3.gif) no-repeat;
	margin-left: 7px;
	float: left;
	font-size: 14px;
	line-height: 20px;
	margin-bottom:20px;
	text-decoration:none;
}

/* kinou */
.kinouPc{
	background: url(../images/kinou_pc.gif) no-repeat;
	width:331px;
	height:105px;
	float:left;
	margin-bottom:5px;
}
.kinouMoba{
	background: url(../images/kinou_mobail.gif) no-repeat;
	width:331px;
	height:105px;
	float:left;
	margin:0 0 5px 5px;
}
.kinouCal{
	background: url(../images/kinou_calendar.gif) no-repeat;
	width:331px;
	height:105px;
	float:left;
	margin-bottom:20px;
}
.kinouHp{
	background: url(../images/kinou_hp.gif) no-repeat;
	width:331px;
	height:105px;
	float:left;
	margin:0 0 5px 5px;
}
.kinouPc p{
	position:relative;
	top:45px;
	left:120px;
}
.kinouMoba p{
	position:relative;
	top:45px;
	left:90px;
}
.kinouCal p{
	position:relative;
	top:45px;
	left:120px;
}
.kinouHp p{
	position:relative;
	top:45px;
	left:90px;
}
.instance p.space{
	margin:0 0 14px;
	padding:0 8px 10px 0;
	border-bottom:1px dashed #72c505;
}
.instanceInner{
	float:right;
	width:490px;
}
.name{
	float:left;
	width:140px;
	padding-left:10px;
	font-size:14px;

}
.name img{
	border:5px solid #d5d5d5;
}

table.common{
	border-spacing:4px;
	border-collapse:separate;
	margin:0 auto;
}
table.common th{
	margin:2px 0px;
	background-color:#f9fdf1;
	border-bottom:1px solid #e1e6d7;
	border-right:1px solid #e1e6d7;
	padding:5px 10px;
	font-weight:normal;
}
table.common td{
	padding:5px 10px;
	margin:2px 0px;
	background-color:#ffffff;
	border-bottom:1px solid #e1e6d7;
	border-right:1px solid #e1e6d7;
}

table.common2{
	border: 2px #d9d9d9 solid;
	border-collapse: separate;
	border-spacing: 0;
	margin:5px auto 30px auto;
}

table.common2 th{
	padding: 7px 10px;
	background: #f8f8f8;
	border-right:1px solid #ddd;
	border-bottom:1px solid #ddd;
	white-space: nowrap;
}
table.common2 td{
	border-width: 0 0 1px 1px;
	text-align: center;
	border-right:1px solid #ddd;
	border-bottom:1px solid #ddd;
}
table.common2 th.left{
	color:#00a8ff;
	text-align:center;
	font-weight:bold;
}
table.common2 th.center{
	color:#fc4e9c;
	text-align:center;
	font-weight:bold;
}
table.common2 th.right{
	color:#fa9f1d;
	text-align:center;
	font-weight:bold;
}
table.common2 col.other{background:#f8f8f8;}
table.common2 col.each{background:#e6fafd;}
table.common2 col.hp{background:#fff6fa;}
table.common2 col.mhp{background:#fef8e9;}

table.common2 td.bgColor{
	background:#fffbc0;
	color:#636363;
	font-weight:bold;
	text-align:left;
	padding:8px;
}
table.common2a td{
	text-align:left;
	padding:6px;
}

.boxWrap{
	width:640px;
	margin:20px auto 30px;
	border:1px solid #98d646;
	padding:10px 10px 50px;
	overflow: hidden;
}

/* function */
.column1{
    width:670px;
    background: url(../images/plan_1_bottom.gif) no-repeat bottom;
    padding-bottom:10px;
    margin-bottom:10px;
}  
.column1 .inner{
    background: url(../images/plan_1_top.gif) no-repeat;
    padding-top:141px;
}  
.column1 .inner .center{
    background: url(../images/plan_1_center.gif) repeat-y;
    padding:10px 18px 0;
}
.column2{
    width:670px;
    background: url(../images/plan_2_bottom.gif) no-repeat bottom;
    padding-bottom:10px;
    margin-bottom:10px; 
}  
.column2 .inner{
    background: url(../images/plan_2_top.gif) no-repeat;
    padding-top:141px;
}
.column2 .inner div{
    background: url(../images/plan_2_center.gif) repeat-y;
    padding:10px 18px 0;
}
.column3{
    width:670px;
    background: url(../images/plan_3_bottom.gif) no-repeat bottom;
    padding-bottom:10px;
    margin-bottom:20px; 
}
.column3 .inner{
    background: url(../images/plan_3_top.gif) no-repeat;
    padding-top:141px;
}
.column3 .inner div{
    background: url(../images/plan_3_center.gif) repeat-y;
    padding:10px 18px 0;
}

.innerBox{
	border-top:1px solid #8ec5fd;
	padding-top:5px;
	margin-top:5px;
}

.center p.emphasis{
	color:#fc5c5c;
}
b.plan{
	color:#2e90ec;
}

/* demo */
iframe{border:0;}

p.explain{margin:0 5px 10px;}

.demoBox{
	width:670px;
	margin:0 auto 40px auto;
	overflow:auto;
	min-height:1px;
}
.demo1Box{
	width:310px;
	float:left;
}
.demo1{
	float:left;
	width:280px;
	background:#e2f8fe;
	border:2px solid #4cb5f2; 
	padding:5px 0;
	margin:2px 0;
	text-align:center;
	border-radius:10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
}
.demoShop{
	width:280px;
	height:490px;
	overflow:hidden;
}

.demo2Box{
	float:left;
	margin:0 auto;
	width:350px;
}
.demo2{
	width:255px;
	font-weight:bold;
	display:block;
	margin:0 auto;
}

.demo2Bg{
	width:255px;
	height:502px;
	background:#faf7f2 url(../images/demo_bg_mb.jpg) no-repeat;
	position:relative;
}
.demoCus{
	width:220px;
	height:340px;
	overflow:hidden;
	position:relative;
	top:70px;
	left:18px;
}

.demo3Box{width:660px;}
.demo3{
	clear:both;
	width:660px;
	background:#fffcf7;
	border:2px solid #fdc348; 
	padding:10px 0;
	margin:8px auto 30px auto;
	text-align:center;
	border-radius:10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
}
.demo3Hp{
	width:620px;
	height:212px;
	margin:0 auto;
	background:#faf7f2 url(../images/demo_hp.jpg) no-repeat bottom;
}

.demoHp{
	width:220px;
	height:80px;
	/height:100px;	
	overflow:hidden;
	position:relative;
	top:28px;
	/top:20px;
	left:0px;
}
#waiting_number{
/*	background:url(../images/bg_wait.png) no-repeat;*/
	width:298px;
	height:144px;
	position:relative;
	top:70px;
	left:320px;
	/left:150px;
}
demoQrBox{
	width:660px;
	
}
.demoQr{
	width:660px;
	background:#fcf7f9;
	border:2px solid #fdb4d3; 
	padding:10px 0;
	margin:8px auto 30px auto;
	text-align:center;
	border-radius:10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	overflow: hidden;
}
.demoQr .left{
	float:left;
	width:430px;
	margin:14px 5px 5px;
	font-weight:bold;
}
.demoQr .right{
	float:left;
	width:123px;
	margin:5px;
}
.demoQr .right img{border:2px solid #fec0d5;}

.demoScriptBox{
	width:640px;
}

.demoScript{
	width:640px;
	box-sizing: content-box;
	background:#eff7ff;
	border:2px solid #40a6e0; 
	margin:10px auto 40px;
	padding:10px;
	text-align:left;
	border-radius:10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
}
.demoScriptInnr{
	width: 100%;
	text-align: center;
	margin:10px 0;
}
.demoNote{
	width: 640px;
	text-align: left;
	margin:0 auto;
}
.demoNote .note{
	background:#fff url(../images/bg_line.gif) repeat bottom left;
	font-size: 12px;
	line-height: 20px;
	padding: 0 15px;
	border:1px solid #e9e9e9;
}
.demoNote pre{
	line-height:20px;
}
.demoNote p{
	font-weight:bold;
	margin:20px 0 0 20px;
	color:#fff;
}

a.setLink{
	font-weight:bold;
	color:#f93780;
}
.viewSet{
	width:670px;
  overflow: hidden;
	background-color:#fffee6;
	margin:10px auto;
	padding-bottom:10px;
}
.viewSet p{
	margin:10px 0 5px 14px;
	color:#6f5a4e;
}
.viewSet .setBox{
	float:left;
	width:223px;
	margin:10px 0 0 0;
}
.viewSet .setBox p{
	width:190px;
	text-align:left;
	margin:0 auto;
	padding:0 5px;
	color:#6f5a4e;
	min-height:110px;
}
.viewSet .setBox2{
	width:270px;
	color:#6f5a4e;
	float:left;
	padding:0 10px;
}
.viewSet .setBox3{
	width:330px;
	color:#6f5a4e;
	float:left;
	padding:0 10px;
}
.viewSet img{
	display:block;
	margin:auto;
	border:4px solid #c2ea88;
}

/* company */
.map{width:435px;margin:10px 0 15px 20px;}

.mailContact{
	width:240px;
	margin-top:5px;
	float:left;
}

.tellContact{
	margin-top:2px;
	float:left;
}

/* law */
.boxWrap p.article{
	line-height:1em;
	margin-left:15px;
	margin-top:10px;
}

/* faq */
p.faq{
	margin:5px 0 5px 10px;
	padding-left:10px;
	font-weight:bold;
	font-size:1.2em;
	border-left:5px solid #0f86ff;
}
.faqs{margin-bottom:30px;	margin-left:10px;}
.faqs dt{
	background:#fdfbd4 url(../images/q.gif) 0 4px no-repeat;
	padding:8px 0 6px 34px;
	position:relative;
	border-bottom:1px dotted #dac899;
}

.faqs dd{
	background:url(../images/a.gif) 0 5px no-repeat;
	padding:8px 0 8px 34px;
	position:relative;
	color:#333;
	width:600px;
}


/* shopeye */
.subTi{margin:10px 0 15px 20px;}

.explainBox{
	width:630px;
	margin:0 0 40px 20px;
	padding:10px;
	background:#f9f8f4;
	overflow: hidden;
}
.explainLeft{
	width:360px;
	float:left;
}
.explainLeft ul{
	margin:10px 0 10px;
	font-weight:bold;
	font-size:14px;
	color:#fb4462;
}
.explainLeft ul li{margin-bottom:2px;}

.explainRight{
	width:250px;
	margin-left:10px;
	float:left;
}
.explainRight img{border:4px solid #ebe8d6;}

/* flow */
.flowBox{
	width:640px;
	margin:10px 0 50px;
}
.flowBox .detail{
	margin:10px 0 20px 10px;
/*	padding-right:20px;*/
	_padding-right:10px; /* ie6 */
}
.flowBox .detail p{margin-bottom:10px;}

.flowBox .detail span.bRed{font-weight:bold;color:#ff0000;}

.flowBox .detail .center{
	width:610px;
	display:block;
	margin:0 auto;
}
.flowBox .detail .center img{
	margin:0 auto;
	display:block;
}

/* ----------------------------------------------------------------------------------
	side
---------------------------------------------------------------------------------- */

#sideArea {
	margin:0;
	width:240px;
	float:left;
	padding-bottom:10px;
	clear:left;
	display: inline;
	overflow:hidden;
	background-color:#ffffff;
}
#sideInner_hp {
	margin-bottom: 0;
	margin-left: auto;
	margin-right: auto;
	margin-top: 0;
	text-align: center;
	width: 232px;
}
#sideInner_hp img{margin-bottom:5px;}

#sideContact{
	background-image:url(../images/contact_bg.gif);
	background-repeat:no-repeat;
	width:220px;
	height:128px;
	margin:0 auto 5px;
}
.sideContactBtn{
	margin-top:34px;
}

/* お知らせ */
#sideInfo{
	background-image:url(../images/info_bg.gif);
	background-repeat:no-repeat;
	width:220px;
	height:228px;
	margin:0 auto 5px;
}

.infoBox{
	margin:0 auto;
	position:relative;
	top:45px;
	left:0px;
	width: 190px;
	height: 160px;
	padding: 0.5em;
	overflow: auto;
	font-size:12px;
	text-align:left;
	line-height:17px;
	letter-spacing: 0.1em;
}
.infoBox dt{
	background-color:#fdfac5;
	color:#5e4d4e;
	margin-top:1em;
	padding-left:0.5em;
	font-weight:bold;
}
.infoBox dd{
	margin-top: 0.5em;
	padding-left: 0.5em;    
}

/** yoyakul banner **/
a.yoyakulBnr{
	width:220px;
	height:0;
	overflow:hidden;
	display:block;
	padding-top:83px;
	margin-left:6px;
	/margin-left:1px; /* ie6,7 */
	background:url(../images/yoyakul_bnr.jpg) no-repeat 0 0;
}
a:hover.yoyakulBnr{
	background:url(../images/yoyakul_bnr_on.jpg) no-repeat 0 0;
}

p.yoyakulBnrSen{
	width:216px;
	padding-top:2px;
	margin:10px auto 0 auto;
	color:#ffffff;
	background-color:#eb60a1;
	font-weight:bold;
}

/* ----------------------------------------------------------------------------------
	footer HP
---------------------------------------------------------------------------------- */
#footer {
	border-top:1px solid #EFD20F;
	clear:both;
	width:100%;
	background-color:#fdf166;
}

#footer a{text-decoration:none;}
#footer a:hover{text-decoration:none;}

#footerContainer_hp{
	margin:0 auto;
	width:940px;
	padding:10px 0 10px 0;
	text-align:left;
	overflow: hidden;
}
#footerContainer_hp ul.smBox {
	float:left;
	width:196px;
	height:140px;
	border-right:1px solid #e3d432;
	margin-left:15px;
}
#footerContainer_hp ul li {
	line-height:23px;
	font-size:14px;
	font-weight:bold;
	text-decoration:none;
	color:#F90;
}
#footerContainer_hp ul.in li{
	font-weight:normal;
	background:url(../images/list_2.gif) no-repeat left center;
	padding-left:14px;
	margin-left:2px;
	border-bottom:none;
	margin-bottom:0;
}
#footerContainer_hp ul.in li a{
	text-decoration:none;
	color:#7a704c;
}
#footerContainer_hp ul.in li a:hover{
	text-decoration:underline;
}


#footerBottom{
	clear:both;
	width:100%;
	background-color:#b3dd4d;
}
#footerBottomInner{
	width:940px;
	margin:0 auto;
	padding:10px 0 5px;
}

/* ----------------------------------------------------------------------------------
	footer form
---------------------------------------------------------------------------------- */
#footer {
	border-top:1px solid #EFD20F;
	clear:both;
	width:100%;
	background-color:#fdf166;
}

#footer a{text-decoration:none;}
#footer a:hover{text-decoration:none;}

#footerContainer{
	margin:0 auto;
	width:940px;
	padding:10px 0 10px 0;
	text-align:left;
	overflow: hidden;
}
#footerContainer ul.smBox {
	float:left;
	width:196px;
	height:140px;
	border-right:1px solid #e3d432;
	margin-left:15px;
}
#footerContainer ul li {
	line-height:23px;
	font-size:14px;
	font-weight:bold;
	text-decoration:none;
	color:#F90;
}
#footerContainer ul.in li{
	font-weight:normal;
	background:url(../images/list_2.gif) no-repeat left center;
	padding-left:14px;
	margin-left:2px;
	border-bottom:none;
	margin-bottom:0;
}
#footerContainer ul.in li a{
	text-decoration:none;
	color:#7a704c;
}
#footerContainer ul.in li a:hover{
	text-decoration:underline;
}


#footerBottom{
	clear:both;
	width:100%;
	background-color:#b3dd4d;
}
#footerBottomInner{
	width:940px;
	margin:0 auto;
	padding:10px 0 5px;
}
p.copy{
	text-align:center;
}


#footerContainer{display:none;}
#sideInner{display:none;}