*{
	margin:0;
	padding:0;
}
body{
	font-size:90%;
	background:#fff;
	color:#000;
	border-top:5px solid #333;
}

dl dt{
	color:#38639d;
}

p{
	text-indent:10px;
	margin:7px 0;
}
p,li,dt,dd,th,td{
	line-height:1.5em;
	letter-spacing:1px;
}

h2{
	font-size:110%;
	margin:0 0 10px;
}

em{
	font-weight:bold;
	font-style:normal;
}
h3,h4{
	margin:20px 0 10px;
	font-size:100%;
	padding:8px 0px;
	background:#f0f0f0 url(../img/h3span.gif) no-repeat center left;
	text-indent:30px;
}

H5	{	
	font-size:	120%;
	font-weight:	700;
	font-style:	normal;
	text-decoration:	none;
	word-spacing:	normal;
	letter-spacing:	normal;
	text-transform:	none;
	border-left:10px solid #669999;
border-right:2px solid #669999;
border-bottom:2px solid #669999;
padding:8px 0 8px 10px;
background-color:#ededed;
	
	}	

strong{
	font-weight:normal;
	padding:2px;
	color:#cc0000;
	text-decoration:underline;
}
a{
	color:#255998;
}
img {
	border-width:0;
}

.a:hover img{
   filter:alpha(opacity=70); /*←IE用*/
   -moz-opacity:0.80; /*←Mozilla用*/
}

#side li li{
	margin-left:15px !important;
}

#side li li li{
	font-size:100% !important;
	margin-left:15px !important;
}
#side li li li li{
	font-size:100% !important;
	margin-left:15px !important;
}

#cont,#footer{
	margin:0 auto;
	padding:0 10px;
	width:900px;
}


#cont{
	clear:left;
}
.main{
	border-right:1px dashed #ccc;
	padding:10px;
	float:left;
	width:600px;
}

.main ul li,.main ol li,.main dl dd{
	margin-left:25px;
}
.main dl dd ul li{
	margin-left:10px;
}

.main ul{
	list-style-type:square;
}

.license{
	border-right:1px dashed #ccc;
	padding:0px 10px;
	float:left;
	width:540px;
}
.license2{
	padding:10px;
	float:right;
	width:300px;
}
.license3{
	padding:10px 20px;
	float:left;
	width:800px;
}

li.thisarea{
	list-style-type:none;
	background:#fbfbfb;
	border:solid 1px #ccc;
	padding:5px 10px;
	margin-left:0 !important;
}
/*-------------------
	サイドバー
-------------------*/
#cont #side{
	width:245px;
	float:left;
	padding:10px;
}

#cont #side p{
	text-indent:0;
}
#cont #side li{
	margin:5px 0 5px 25px;
	font-size:90%;
}

#cont #side li a{
	text-decoration:none;
	padding:3px 5px;
	color:#17649e;
}

#cont #side li a:hover{
	background:#baeef6;
}


#cont #side ul.pdfs{
	list-style-image:url(../img/pdficon_small.gif);
}

#cont #side li a.this{
	color:#fff;
	background:#2f74da;
}

#cont #side li a.thisparent{
	background:#f0f0f0;
}

#cont #side #subscription a{
	text-indent:-9999px;
	background:url(../img/contact.jpg) no-repeat top left;
	width:208px;
	height:69px;
	display:block;
}

#cont #side #subscription a:hover{
	background:url(../img/contact.jpg) no-repeat bottom left;
	width:208px;
	height:69px;
	display:block;
}

#cont #side:after {
  content : "";
  display : block;
  height : 0;
  clear : both;
}


/*-------------------
	ヘッダー
-------------------*/
#header #home{
	width:870px;
	margin:5px auto;
}

#header #home h1{
	width:870px;
	background:url(../img/lucole_logo.png) no-repeat top left;
	text-indent:-9999px;
}

#header #home h1 a{
	width:124px;
	height:57px;
	display:block;
}

#header #home p {
	text-align:right;
	margin:-1px 0 0;
	font-family:"ＭＳ Ｐゴシック";	
}

#header #home p a{
	text-decoration:none;
	background:#35af1f;
	padding:3px 10px;
	color:#fff;
	margin-left:5px;
}

#header #home p a:hover{
	background:#5cde45;
}

#header #headmenu{
	background:url(../img/headmenu.jpg) repeat-x top left;
	height:49px;
}

#headmenu ul{
	width:870px;
	margin:0 auto;
}

#headmenu ul li{
	list-style-type:none;
	margin:0;
	padding:0;
	display:inline;
	white-space:nowrap;
	zoom:1;
	vertical-align:top;
}
#headmenu ul li a{
	height:49px;
	display:block;
	background:url(../img/header_menu_back.png) repeat-x top left;
	color:#fff;
	text-decoration:none;
	text-align:center;
	font-family:'メイリオ';
	font-size:110%;
	line-height:38px;
	padding:0 20px;
	display:inline-block;
	margin-left:-2px;
}

#headmenu ul li a:hover,#headmenu ul li a#this{
	background:url(../img/header_menu_back.png) repeat-x bottom left;
	color:#000;
}

#home #banner{
	position:absolute;
	margin:-28px 0 0 300px;
	white-space:nowrap;
}

#home #banner span{
	color:#cc0000;
	display:block;
	line-height:30px;
}

#home #banner span{
	color:#4b4628;
	text-align:right;
	display:block;
}

#home #banner span img{
}

#home #banner span a{
	text-decoration:underline;
}

/*-------------------
	トップ
-------------------*/
.summary{
	width:280px;
	float:left;
	margin-right:5px;
	padding:5px;
}
.summary h2{
	text-indent:-9999px;
	width:280px;
	height:49px;
}

.summary .img{
	text-align:center;
}
#home1 h2{
	background:url(../img/home1h2.jpg) no-repeat top left;
}

#home2 h2{
	background:url(../img/home2h2.jpg) no-repeat top left;
}

#home3 h2{
	background:url(../img/home3h2.jpg) no-repeat top left;
}
.summary h3{
	text-indent:0;
	padding-left:30px;
	color:#000;
	font-size:110%;
	font-family:"ＭＳ Ｐゴシック";
	line-height:130%;
}
.summary p,.summary li{
	color:#122638;
	padding:0 10px;
}
.summary ul li{
	text-decoration:underline;
	line-height:150%;
	margin-left:20px;
	font-size:90%;
}
.summary .jumpCont{
	margin-left:3px;
}
.summary .jumpCont a{
	background:#37a91a;
	color:#fff;
	padding:3px;
	text-decoration:none;
	font-size:80%;
}

.summary .jumpCont a:hover{
	background:#55df33;
}
.clear {clear: both;}
/*-------------------
	フッター
-------------------*/
#footer{
	clear:both;
	text-align:right;
	padding:10px 0;
	border-top:1px solid #ccc;
	margin-top:20px;
}
#footer #copy a{
	font-family:Georgia,"Times New Roman",Times,serif;
	color:#000;
	text-decoration:none;
	font-size:100%;
	font-style:italic;
}

#footer #copy a:hover{
	color:#1c5bb9;
}

#footer #company{
	margin-left:40px;
}

#footer #company a{
	text-decoration:none;
}
.ex{
	font-size:90%;
	color:#334c7f;
	margin:0 3px;
}


.imgArea{
	margin:20px 0;
}

.imgArea p{
	margin:0 10px 10px;
	text-indent:0;
}

.imgArea dt{
	color:#31455f;
	font-weight:bold;
	font-family:"メイリオ";
	margin-left:10px;
}

.imgArea dd{
	font-size:90%;
}

.imgArea dl dl dt{
	margin-left:0;
	color:#000;
}

.imgArea dl dl dd{
	margin-left:15px;
}
.imgArea table{
	border-collapse:collapse;
	margin:5px 10px;
}
.imgArea table th,.imgArea table td{
	border:1px solid #333;
	padding:3px 5px;
	font-size:90%;
}
.imgArea table th{
	background:#f0faff;
	font-weight:normal;
	white-space:nowrap;
	text-align:left;
}

.imgArea table td{
	background:#fff;
}


#no1 h3{
	background:url(../img/no1.gif) no-repeat bottom left;
}

#no2 h3{
	background:url(../img/no2.gif) no-repeat bottom left;
}
#no3 h3{
	background:url(../img/no3.gif) no-repeat bottom left;
}
#no4 h3{
	background:url(../img/no4.gif) no-repeat bottom left;
}
#no5 h3{
	background:url(../img/no5.gif) no-repeat bottom left;
}
#no6 h3{
	background:url(../img/no6.gif) no-repeat bottom left;
}
#no7 h3{
	background:url(../img/no7.gif) no-repeat bottom left;
}

.imp{
	border-left:4px solid #1D6194;
	background:url(../img/h3.gif) repeat top left;
	padding:10px 20px;
	margin:10px;
}


p#next{
	text-align:right;
}

p#next a{
	padding:4px 7px;
	background:#35af1f;
	color:#fff;
	text-decoration:none;
	font-size:90%;
}

p#next a:hover{
	background:#5cde45;
}

html>body #jump{
	position:fixed;
	right:10px;
	bottom:0px;
}

#jump a{
	font-family:Georgia,"Times New Roman",Times,serif;
	background:#f0811b;
	color:#fff;
	font-size:80%;
	text-decoration:none;
	padding:4px 7px;
}

* html body #jump{
	position:absolute;
	right:10px;
	margin-bottom:0px;
	height:100%;
}

/*-------------------
	マーケティング
-------------------*/
#marketing h3{
	text-indent:-9999px;
	height:35px;
	margin:0 0 10px;
}


/*-------------------
	利用料金
-------------------*/
#price table{
	border-collapse:collapse;
	width:100%;
}
#price table caption{
	padding:10px 20px;
	background:#333;
	color:#fff;
	font-size:100%;
	margin-top:10px;
	text-align:left;
	font-weight:normal;
	font-family:Tahoma;
	letter-spacing:1px;
}
#price table th ,#price table td{
	padding:10px 20px;
	border:1px solid #ccc;
	letter-spacing:1px;
	
}

#price table th {
	font-weight:normal;
	background:url(../img/whitegray.gif) repeat top left;
}
#price table td {
	text-align:right;
	font-family:Tahoma;
}

#price table th.lth {
	text-align:left;
}

/*-------------------
	加盟店紹介
-------------------*/
#cates{
	float:left;
	width:180px;
	padding:0 10px;
}
#cates ul li{
	margin-left:20px;
}

#store{
	float:left;
	width:672px;
	margin-left:10px;
	border-left:1px solid #ccc;
}

.stores{
	margin:0 0 10px 10px;
	background:#fff;
	clear:both;
	width:672px;
}


div.stores:after {
	 content : "";
	 display : block;
	 height : 0;
	 clear : both;
}

.thumb{
	width:120px;
	height:180px;
	float:left;
	margin-right:8px;
	border:1px solid #ccc;
}

.stores .detail{
	float:left;
	width:500px;
}

.stores .detail .base{
	float:left;
	width:370px;
}

.stores .detail .qr{
	float:left;
	width:120px;
	text-align:right;
}
		
.stores .detail .base label{
	float:left;
	clear:left;
	padding:3px;
	width:40px;
	display:block;
	font-size:90%;
	text-align:center;
	color:#fff;
	margin:3px 0;
}

.stores .detail .base label.url{
	background:#219ed4;
}

.stores .detail .base label.email{
	background:#dc9318;
}

.stores .detail .base label.kamei{
	background:#987b54;
}

.stores .detail .base label.cate{
	background:#86c217;
}

.stores .detail .base label.area{
	background:#b42b3c;
}

.stores .detail .base p{
	float:left;
	width:310px;
	padding:0;
	margin:3px 0;
}

.stores .detail p.note{
	clear:left;
	padding:5px;
	text-indent:0;
	font-size:80%;
}
.stores .stores_header{
	background:url(../img/stores_header1.png) no-repeat top left;
	width:672px;
	height:53px;
}

.stores .stores_header div{
	line-height:53px;
	margin:0 !important;
	padding:6px 0 0 20px;
	font-size:140%;
	font-family:"メイリオ";
}
.stores_cont{
	background:url(../img/stores_cont1.png) repeat-y top left;
	width:632px;
	margin:0 !important;
	padding:10px 20px;
	margin-top:-6px;
}

div.stores_cont:after {
	 content : "";
	 display : block;
	 height : 0;
	 clear : both;
}

.stores .stores_bottom{
	clear:both;
	width:672px;
	height:16px;
	background:url(../img/stores_bottom1.png) no-repeat top left;
}

/*------------------- 
	機能紹介
-------------------*/
.functions {
	padding:0;
	background:url(../img/whitegray.gif) repeat top left;
	border:1px solid #ccc;
	margin-bottom:20px;
}

.functions h3{
	margin:0;
	color:#fff;
	background:#333 url(../img/h3spanblack.gif) no-repeat center left;
	border-bottom:2px solid #549de7;
}
.functions img{
	border:2px solid #549de7;
}

.functions .fex{
	color:#000;
	background:#f2faff;
	padding:5px 20px;
	border-top:1px solid #0181d6;
}


.functions h4{
	margin:20px 0 0;
	background:#f0f0f0 url(../img/h3span.gif) no-repeat center left;
	padding:5px 10px;
	border-bottom:1px solid #ccc;
	font-size:100%;
	text-indent:20px;
}

.functions .fex p{
	text-indent:0;
}

/*-------------------
	お問合せ
-------------------*/
#contact fieldset{
	border-width:0;
}
#contact fieldset .req{
	color:#ff0000;
}
#contact fieldset label{
	display:block;
	margin-top:10px;
}

#contact fieldset input{
	font-size:160%;
	padding:1px;
}

#contact fieldset .submit *{
	display:inline;
	font-size:100%;
}
#contact fieldset .submit{
	text-align:center;
}

#contact fieldset #btnConfirm{
	font-size:100%;
}

#contact .err{
	color:#fff;
	background:#ff0000;
	padding:5px;
	display:block;
}

#contact .btn{
	border:3px double #5b85db;
	background:url(../img/btn.jpg) repeat-x top left;
	padding:3px;
}

#contact dl dt{
	color:#000;
	font-weight:bold;
}
/*-------------------
	運営会社
-------------------*/
#company{
	width:800px;
	margin:0 auto;
	font-size:90%;
	font-family:Tahoma;
}
#company #info{
	width:750px;
	margin:0 auto;
}

#company dl{
	width:350px;
	float:left;
}
#company dl dt{
	color:#000;
	font-weight:bold;
}

#company dl dd{
	margin-left:15px;
	margin-bottom:10px;
}

#company dl dd p{
	margin:0 0 5px;
	text-indent:10px;
}

#company li{
	margin-left:25px;
}

#vup_contact{
	background:#FCDB58;
	text-align:center;
	padding:10px;
}

#vup_contact a{
	background:url(../img/v2/vup_contact.png) no-repeat top left;
	display:block;
	width:328px;
	height:63px;
	margin:0 auto;
	text-indent:-9999px;
}


#vup_contact a:hover{
	background:url(../img/v2/vup_contact.png) no-repeat bottom left;
}