@charset "utf-8";

/*

--------------------------------------------------------

Title:atcafe様向け基礎CSS

Contents:

1.ページ全体設定

2.コンテナボックス・・・全体を囲むdiv

3.ヘッダー

4.コンテンツボックス・・・メインとなるコンテンツを囲む

5.左側ボックス（コンテンツボックスに内包）

6.中央ボックス（コンテンツボックスに内包）

7.右側ボックス（コンテンツボックスに内包）

8.フッター



supplement:

全ページで使用する共通設定のCSSです。

各ページで調整がいる場合は、ページごとのCSSで調整。



Lastupdate:09/14/2008

producer:koizumi

Copyright(c)2008 OPENWEBSYSTEM co. All right reserved

--------------------------------------------------------

*/

/*=====1.ページ全体設定=====*/

body{
	background:url(../images/new/bg02.jpg) repeat-x;
	color:#666;
	font-size:12px;
	line-height:1.5;
	}
body#top{background:url(../images/new/bg.jpg) repeat-x;}

a{color:#069;outline:none;}

hr {display:none;}

@media only screen and (max-width: 930px) {

	body, body#top {
		background-image: none;
	}

}

/*=====endページ設定=====*/

/* image */
img.mousover:hover{
	opacity:0.6;
    filter: alpha(opacity=60);
    -moz-opacity: 0.6;
	}
input.mousover:hover{
	opacity:0.6;
    filter: alpha(opacity=60);
    -moz-opacity: 0.6;
	}

/*=====2.コンテナボックス=====*/

div#container{
	width:960px;
	margin:0 auto;
	padding:0;
	background:#FFF;
	}

@media only screen and (max-width: 930px) {

	div#container {
		width: auto;
		min-width: 310px;
		margin: 0 5px;
	}

	img {
		max-width: 100%;
		height: auto;
	}
}

/*=====endコンテナボックス=====*/


/*=====3.ヘッダー=====*/

/*一番上*/

h1{
	margin:0;
	line-height:1.3;
	height:23px;
	line-height:23px;
	}

div#header{
	height:109px;
	background:url(../images/new/header02.jpg) no-repeat left top;
	}
#top div#header{background:url(../images/new/header.jpg) no-repeat left top;}

/*ロゴ*/

div#header p#illust{
	float:left;
	width:127px;
	padding:0;
	}

div#header p#logo{
	padding:20px 0 16px 0;
	float:left;
	}

div#header p#description{
	width:330px;
	height:60px;
	font-size:10px;
	line-height:1.3;
	background:#F1F1ED;
	padding:5px;
	margin:12px 0 0 43px;
	color:#666;
	float:left;
	}

div#header p#header_toi{
	width:202px;
	float:right;
	text-indent:0;
	}
div#header p#header_toi a{
	display:block;
	margin:38px 0 0 13px;
	}

div#header h1 {
	padding:2px 0;
	color:#006633;
	font-size:7.5pt;
	font-weight:lighter;
	}

@media only screen and (max-width: 930px) {

	.android div#container > h1 {
		background-color: #ffffff;
	}

	div#container > h1 {
		display: none;
	}

	.frontpage div#container > h1 {
		display: block;
		width: auto;
		height: auto;
		padding: 0 0 20px 0;
		line-height: 1.2;
	}

	div#header, #top div#header {
		position: relative;
		height: auto;
		min-height: 108px;
		padding: 1px 0 0 0;
		background-image: url(../images/new/header02.jpg);
		background-position: 100% 0;
		background-repeat: no-repeat;
	}

	div#header p#description {
		display: none;
	}

	.frontpage div#header p#description {
		display: block;
		clear: both;
		float: none;
		width: auto;
		height: auto;
		margin: 120px 15px 10px 15px;
	}

	div#header p#header_toi {
		position: absolute;
		float: none;
		width: auto;
		height: auto;
		right: 0;
		top: 0;
		padding: 0;
	}

	div#header div#menu01 {
		clear: both;
		max-width: 715px;
		margin: 108px auto 10px auto;
	}

	.frontpage div#header div#menu01 {
		margin-top: 10px;
	}

	div#header div#menu01 h4 {
		box-sizing: border-box;
		-moz-box-sizing: border-box;
		width: 195px;
		height: 30px;
		border: solid 1px #c00;
		border-radius: 6px 6px 0 0;
		text-indent: -9999px;
		background-image:url(../images/new/menu_tit.jpg);
		background-repeat: no-repeat;
		background-position: -1px -1px;
	}

	div#header div#menu01 ul {
		list-style-type: none;
		width: auto;
		height: auto;
		margin: 0;
		padding: 0;
	}

	div#header div#menu01 ul:after {
		height: 0;
		visibility: hidden;
		content: ".";
		display: block;
		clear: both;
	}

	div#header div#menu01 ul li {
		float: left;
		width: 50%;
		max-width: 195px;
		height: 30px;
		margin: 0;
		padding: 0;
		overflow: hidden;
	}

	div#header div#menu01 ul li a {
		display: block;
		box-sizing: border-box;
		-moz-box-sizing: border-box;
		height: 30px;
		line-height: 30px;
		padding: 0 0 0 22px;
		color: #1B1B1B;
		text-decoration: none;
		background-image: url(../images/new/menu.jpg);
		background-repeat: no-repeat;
		background-position: 0 0;
	}

	div#header div#menu01 ul li a:hover,
	div#header div#menu01 ul li a:active {
		background-position: 0 -30px;
	}

}

@media only screen and (max-width: 600px) {

	div#header {
		margin-top: 100px;
	}

	.frontpage div#container > h1 {
		font-size: 14px;
	}

	div#header p#illust {
		margin-top: -100px;
	}

	div#header p#logo {
		margin-top: -100px;
		margin-left: 130px;
		padding: 30px 0 0 0;
	}

	.frontpage div#header p#description {
		font-size: 16px;
		margin-left: 0;
		margin-right: 0;
	}

	div#header div#menu01 {
		position: absolute;
		width: 100%;
		height: auto;
		left: 0;
		top: 79px;
		margin: 0;
		z-index: 99;
	}

	.frontpage div#header div#menu01 {
		margin: 0;
	}

	div#header div#menu01 ul {
		width: 195px;
		margin-right: auto;
		box-shadow: 1px 1px 3px #c00;
	}

	div#header div#menu01 ul li {
		float: none;
		width: 195px;
		margin: 0 auto 0 0;
	}

}

@media only screen and (max-width: 480px) {

	div#header div#menu01 {
		top: 30px;
	}

	div#header div#menu01 h4 {
		width: 35%;
		max-width: 1220px;
		height: 40px;
		border-radius: 6px;
		margin-bottom: 4px;
		background-size: 260px 40px;
		background-position: -35px -1px;
	}

	div#header div#menu01 ul {
		width: 260px;
	}

	div#header div#menu01 ul li {
		width: 260px;
		max-width: none;
		height: 40px;
	}

	div#header div#menu01 ul li a {
		width: 260px;
		height: 40px;
		line-height: 40px;
		font-size: 16px;
		background-size: 260px 80px;
	}

	div#header div#menu01 ul li a:hover,
	div#header div#menu01 ul li a:active {
		background-position: 0 -40px;
	}

}

@media only screen and (max-width: 380px) {

	div#header p#illust img {
		width: 100px;
		height: auto;
		padding-top: 15px;
	}

	div#header p#logo {
		margin-left: 100px;
	}

	div#header p#logo img {
		width: 200px;
	}

}


/*=====endヘッダー=====*/


/*=====4.コンテンツボックス=====*/

div#contents{
	padding:10px 15px 45px 15px;
	background:#FFF;
	}

div#contents{display:inline-block;}

html[xmlns] div#contents{display:block;}

* html div#contents{height:1%;}

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

#main_img{
	width:960px;
	height:250px;
	background:url(../images/new/mainimg.jpg) no-repeat;
	}
#main_img p{
	width:173px;
	height:215px;
	padding:13px 0 0 787px;
	}

@media only screen and (max-width: 930px) {

	div#contents {
		padding: 10px;
	}

	#main_img {
		width: auto;
		height: auto;
		margin: 0;
		padding: 0;
		background-position: 50% 50%;
	}

	#main_img p {
		width: auto;
		height: auto;
		margin: 0;
		padding: 0;
	}

	#main_img p img {
		display: block;
		width: 40%;
		max-width: 173px;
		height: auto;
		margin: 0 0 0 auto;
		padding: 0;
	}

	#main_img p img.mousover:hover {
		opacity: 1.0;
	    filter: alpha(opacity=100);
	    -moz-opacity: 1.0;
		box-shadow: 0 0 5px #c00;
	}

}

@media only screen and (max-width: 600px) {

	div#contents {
		padding: 0;
	}

}

/*=====endコンテンツボックス=====*/



/*=====5.左側ボックス（コンテンツボックス）=====*/

div#leftwrap{
	float:left;
	width:195px;
	margin:0 0 45px 0;
	}

/*メニュー*/

div#leftwrap ul{list-style-type:none;}

div#leftwrap ul li{
	height:30px;
	background:url(../images/new/menu.jpg) no-repeat 0 -30px;
	line-height:30px;
	}

div#leftwrap ul li a{
	display:block;
	height:30px;
	padding:0 0 0 22px;
	background:url(../images/new/menu.jpg) no-repeat 0 0;
	color:#1B1B1B;
	text-decoration:none;
	}

div#leftwrap ul li a:hover{background:none;}
div#leftwrap ul li a:active{background:none;}


/*お気に入り*/

div#leftwrap input{
	width:195px;
	margin:10px 0;
	}

/*枠*/

div#leftwrap div{margin:0 0 20px 0;}

div#leftwrap div h4{
	height:30px;
	text-indent:-9999px;
	}

div#leftwrap div#menu01 h4{background:url(../images/new/menu_tit.jpg) no-repeat left top;}
div#leftwrap div#menu02 h4{background:url(../images/new/menu_tit.jpg) no-repeat left top;}
div#leftwrap div#mobile h4{background:url(../images/new/mobile.jpg) no-repeat left top;}
div#leftwrap div#company h4{background:url(../images/new/company.jpg) no-repeat left top;}

div#company div{
	border-right:solid 1px #880000;
	border-bottom:solid 1px #880000;
	border-left:solid 1px #880000;
	padding:5px;
	background:#EEE;
	color:#1B1B1B;
	}
div#leftwrap div#company div p{margin:0 0 5px 0;}

div#leftwrap p{
	margin:0 0 20px 0;
	line-height:1.5;
	color:#1B1B1B;
	}

@media only screen and (max-width: 930px) {

	.android div#leftwrap p {
		background-color: #ffffff;
	}

	div#leftwrap {
		float: none;
		width: 100%;
		max-width: 420px;
		margin: 20px auto;
		padding: 0;
	}

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

	div#leftwrap > p,
	div#leftwrap > a,
	div#leftwrap > div {
		display: block;
		box-sizing: border-box;
		-moz-box-sizing: border-box;
		width: 195px;
		height: auto;
		margin: 10px 0;
	}

	div#leftwrap > p,
	div#leftwrap > div {
		clear: right;
		float: right;
	}

	div#leftwrap > a,
	div#leftwrap > div#mobile,
	div#leftwrap > div#menu02 {
		clear: left;
		float: left;
	}

	div#leftwrap > a,
	div#leftwrap > div#mobile + p {
		text-align: center;
	}

	div#leftwrap > p.bt_border {
		clear: both;
		float: none;
		margin: 10px auto;
		text-align: left !important;
	}

	div#leftwrap > p.bt_border ~ p {
		clear: both;
		float: none;
		margin: 10px auto;
		text-align: center;
	}

}

@media only screen and (max-width: 600px) {

	div#leftwrap {
		font-size: 14px;
		text-align: center;
	}

	div#leftwrap > p,
	div#leftwrap > a,
	div#leftwrap > div {
		display: block;
		float: none !important;
		width: auto;
		max-width: 260px;
		margin: 10px auto !important;
		vertical-align: top;
		text-align: left;
	}

	div#leftwrap div h4 {
		height: 40px;
		background-size: cover !important;
	}

	div#leftwrap #mobile img,
	div#leftwrap img.mousover {
		width: 100%;
		height: auto;
	}

	div#leftwrap #okini {
		text-align: center;
	}

	div#leftwrap div#menu02 ul {
		width: 260px;
	}

	div#leftwrap div#menu02 ul li {
		width: 260px;
		max-width: none;
		height: 40px;
		background-image: none;
	}

	div#leftwrap div#menu02 ul li a {
		width: 260px;
		height: 40px;
		line-height: 40px;
		font-size: 16px;
		background-image: url(../images/new/menu.jpg);
		background-repeat: no-repeat;
		background-position: 0 0;
		background-size: 260px 80px;
	}

	div#leftwrap div#menu02 ul li a:hover,
	div#leftwrap div#menu02 ul li a:active {
		background-position: 0 -40px;
	}

	div#leftwrap #company {
		font-size: 14px;
	}

	.android div#leftwrap #company p {
		background-color: #EEE;
	}

	div#leftwrap > p.bt_border {
		font-size: 14px;
	}

	div#leftwrap > p.bt_border ~ p {
		font-size: 18px;
	}

	div#leftwrap > p.bt_border ~ p.bt_border {
		font-size: 14px;
	}

}

/*=====end左側ボックス（コンテンツボックス）=====*/


/*=====6.中央ボックス（コンテンツボックス）=====*/

/*=====end中央ボックス（コンテンツボックス）=====*/


/*=====7.右側ボックス（コンテンツボックス）=====*/

div#rightwrap{
	float:right;
	width:715px;
	}

/*段落*/

div#rightwrap p{margin:0 0 1em 0;}

div#rightwrap strong{
	color:#c00;
	font-weight:bold;
	}

div#rightwrap em{background:#FFF0D2;}



/*帯*/

div#rightwrap h3{
	height:40px;
	margin:10px 0 10px 0;
	padding:0 10px 2px 30px;
	background:url(../images/new/obi.jpg) no-repeat left top;
	color:#111;
	font-size:14px;
	font-weight:bold;
	line-height:42px;
	}
div#rightwrap h3.mb_0{margin-bottom:0;}

div#rightwrap h3 a{
	display:block;
	width:130px;
	height:30px;
	margin:-38px 0 0 auto;
	padding:0 20px 0 10px;
	background:url(../images/new/obibtn.gif) no-repeat left top;
	font-size:12px;
	text-decoration:none;
	line-height:30px;
	text-align:center;
	}

/*ボックス*/

div#rightwrap div.graybox{
	margin:0 0 10px 0;
	border:1px solid #dedede;
	background:#f3f3f3;
	}

div#rightwrap div.graybox h4{
	padding:3px 0 3px 10px;
	border-bottom:1px solid #ccc;
	background:#dedede;
	color:#333;
	line-height:1.5;
	font-weight:bold;
	}

div#rightwrap div.graybox dl{padding:10px 10px 0 10px;}

div#rightwrap div.graybox dl dt{font-weight:bold;}

div#rightwrap div.graybox dl dd{
	border-bottom:1px solid #dedede;
	margin:0 0 6px 0;
	padding:0 0 6px 0;
	}

div#rightwrap div.graybox p{margin:10px;}


/*リスト*/

div#rightwrap ul{
	list-style-type:none;
	margin:15px 0;
	}

div#rightwrap ul li{
	padding:2px 0 2px 22px;
	border-bottom:1px solid #dedede;
	background:url(../images/new/point.gif) no-repeat left 4px;
	}

/*数字リスト*/

div#rightwrap ol{
	list-style-type:upper-roman;
	padding:10px 10px 10px 40px;
	border:1px solid #fc0;
	background:#FFF0D2;
	}

div#rightwrap ol li{
	margin:0 0 5px 0;
	color:#333;
	}

div#rightwrap ol li strong{color:#333;}

@media only screen and (max-width: 930px) {

	div#rightwrap {
		float: none;
		width: 100%;
		max-width: 715px;
		margin: 0 auto;
		padding: 0;
	}

	div#lesson_price p.lp_tit {
		box-sizing: border-box;
		-moz-box-sizing: border-box;
		border: solid 1px #aaa;
		border-radius: 8px 8px 0 0;
		background-position: -1px -1px;
	}

	div#rightwrap h3 {
		box-sizing: border-box;
		-moz-box-sizing: border-box;
		height: auto;
		min-height: 40px;
		line-height: 16px;
		margin: 10px 0 5px 0;
		border: solid 1px #aaa;
		border-radius: 6px;
		padding-top: 12px;
		padding-bottom: 0;
		background-position: -1px -1px;
	}

	div#rightwrap h3.mb_0 {
		margin: 10px 0 2px 0;
	}

	div#rightwrap h3 a {
		margin-top: -25px;
	}

}

@media only screen and (max-width: 600px) {

	div#rightwrap {
//		font-size: 17px;
	}

	.android div#rightwrap p {
		background-color: #ffffff;
	}

	div#rightwrap h3 {
		padding: 12px 10px;
	//	font-size: 16px;
		line-height: 18px;
		background-position: -30px -2px;
		background-size: 715px 110%;
	}

	div#rightwrap h3 a {
		width: auto;
		margin: 5px 0 0 0;
		padding: 0;
		//font-size: 16px;
		text-align: right;
		background-image: none;
	}

	div#rightwrap h3 a:hover {
		text-decoration: underline;
	}

	div#rightwrap h3 a:after {
		display: inline-block;
		content: "";
		width: 18px;
		height: 18px;
		margin: 5px;
		border: solid 1px #c00;
		border-radius: 6px;
		background-image: url(../images/new/obibtn.gif);
		background-repeat: no-repeat;
		background-position: -139px -6px;
		vertical-align: middle;
	}

	div#rightwrap ul{
		margin: 15px 10px;
	}

}

/*=====end右側ボックス=====*/



/*=====8.フッター=====*/

div#footer{
	clear:both;
	padding:25px 0 0 0;
	background:url(../images/new/border.jpg)  no-repeat left top;
	}

div#footer p{
	padding:10px;
	background:#f3f3f3;
	}

div#footer address{
	margin:0 -15px;
	padding:10px 0 20px 0;
	text-align:center;
	background:none;
	}

@media only screen and (max-width: 930px) {

	div#footer {
		background-position: 50% 0;
	}

	div#footer address {
		margin: 0 15px;
	}

}

@media only screen and (max-width: 600px) {

	div#footer {
		font-size: 14px;
	}

	div#footer address {
		font-size: 11px;
	}

}

/*=====endフッター=====*/



/*=====サブページ用=====*/

/*タイトル下ナビゲーション*/

#submenu{
	display:inline-block;
	width:695px;
	_width:715px;
	margin:0 0 15px 0;
	padding:10px;
	background:#f6f6f6;
	}

html[xmlns]#submenu{display:block;}

* html#submenu{height:1%;}

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

div#rightwrap div#submenu p#crumbs{
	float:left;
	width:70%;
	margin:0;
	padding:0;
	font-size:10px;
	}

div#rightwrap div#submenu p#free a{
	display:block;
	float:right;
	width:14em;
	margin:0;
	padding:0;
	background:url(../images/new/free.gif) no-repeat left center;
	text-align:right;
	font-size:10px;
	}
div#rightwrap h3 span{ font-size:10px;}
div#rightwrap h3.toph3{margin-top:0;}

/*枠の拡張*/


div#rightwrap div.onebox ul li.chu{
	list-style-type:none;
	margin:10px 0 0 -1.2em;
	}

div#rightwrap div.onebox p img{margin:0 0 10px 0;}

div#rightwrap div.img2 p img{margin:10px 10px 10px 0;}


.bt_border{
	border-bottom:solid 1px #880000;
	padding-bottom:10px;
	}
	

/*====karekomi====*/	
	/*=====写真のボタン=====*/

	div#rightwrap ul#photos{
		height:240px;
		margin:15px 0 20px 0;
		background:url(../images/top/photos.jpg) no-repeat left top;
	}

	div#rightwrap ul#photos li{
		float:left;
		width:232px;
		margin:0;
		padding:0;
		border:none;
		background:none;
	}

	div#rightwrap ul#photos li a{
		display:block;
		width:232px;
		height:240px;
		padding:13px 13px 0 13px;
		color:#666;
		text-decoration:none;
		line-height:160%;
		}
	div#rightwrap ul#photos li a img{margin:0 0 10px 0;}
	div#rightwrap ul#photos li a strong{
		color:#f90;
		font-weight:bold;
	}
	div#rightwrap ul#photos li.photo_left01{}
	div#rightwrap ul#photos li.photo_left02{margin-left:10px;}
	div#rightwrap ul#photos li.photo_left03{margin-left:9px;}
	div#rightwrap ul#photos li span{
		text-decoration:underline;
		color:#014CB4;
		}
	
	img.freelesson:hover{
		opacity:0.6;
	}

@media only screen and (max-width: 930px) {

	#submenu {
		display: block;
		width: auto;
	}

	div#rightwrap ul#photos {
		list-style-type: none;
		height: auto;
		margin: 20px 0;
		padding: 0;
		background-image: none;
	}

	div#rightwrap ul#photos:after {
		height: 0;
		visibility: hidden;
		content: ".";
		display: block;
		clear: both;
	}

	div#rightwrap ul#photos li {
		width: 231px;
		height: 240px;
		padding: 0;
		background-image: url(../images/top/photos.jpg);
		background-repeat: no-repeat;
	}

	div#rightwrap ul#photos li.photo_left01,
	div#rightwrap ul#photos li.photo_left02,
	div#rightwrap ul#photos li.photo_left03 {
		margin: 5px;
	}

	div#rightwrap ul#photos li a {
		display: block;
		width: auto;
		height: auto;
		padding: 13px 13px 0 13px;
	}

	div#rightwrap div#kk_addblock ~ img,
	div#rightwrap div#kk_addblock ~ p > img {
		border-radius: 8px;
		margin: 0 8px;
	}

	div#rightwrap div#kk_addblock ~ img[src*="line001.gif"],
	div#rightwrap div#kk_addblock ~ p > img[src*="line001.gif"] {
		display: block;
		width: 100%;
		height: auto;
		margin: 15px auto;
		border-radius: 0;
		padding: 0;
	}

}

@media only screen and (max-width: 600px) {

	div#rightwrap div#submenu p#crumbs {
		width: auto;
		font-size: 16px;
	}

	.android div#rightwrap div#submenu p#crumbs {
		background-color: #f6f6f6;
	}

	div#rightwrap div#submenu p#free a {
		font-size: 16px;
	}

	div#rightwrap ul#photos li {
		float: none;
		height: auto;
		background-image: none;
	}

	div#rightwrap ul#photos li.photo_left01,
	div#rightwrap ul#photos li.photo_left02,
	div#rightwrap ul#photos li.photo_left03 {
		margin: 10px auto;
	}

	div#rightwrap ul#photos li a {
		display: block;
		box-sizing: border-box;
		-moz-box-sizing: border-box;
		width: 231px;
		height: auto;
		min-height: 300px;
		padding: 0 0 13px 0;
		background-image: url(../images/top/photos.jpg);
		background-repeat: no-repeat;
		background-position: 0 100%;
	}

	div#rightwrap ul#photos{
		display:none;
	}
	div#rightwrap #about{
		display:none;
	}
	div#rightwrap ul#photos li a img {
		display: block;
		width: 100%;
		height: auto;
		margin: 0 auto;
		box-shadow: 0 2px 3px #999;
	}

	div#rightwrap ul#photos li a:hover img {
		box-shadow: 0 2px 3px #c00;
	}

	div#rightwrap ul#photos li a img.mousover:hover{
		opacity: 1.0;
	    filter: alpha(opacity=100);
	    -moz-opacity: 1.0;
	}

	div#rightwrap ul#photos li a font,
	div#rightwrap ul#photos li a span {
		display: block;
		padding: 0 13px;
	}

}

#fixedSidebar{

	position:fixed;
	border:solid 1px #ccc;
	width:210px;        
	display:none;       
	top:0;
	bottom:0;
	color:black;
	
} 
#fixedSidebar *{
	font-family:'メイリオ',meiryo;
	line-height:150%;
}
#fixedSidebar .head{
	border-bottom:solid 1px #ccc;
	background:white;
	width:210px;   
	padding:12px 0px 8px;
	position:fixed;
	top:0;  
	height:49px;
}
#fixedSidebar .body{
	padding:10px;  
	background:#eee;
	position:fixed;
	top:70px;
	bottom:0;      
	width:190px;
	padding:10px;
}            
#fixedSidebar em{
	background:yellow;
}
#fixedSidebar li{
	list-style:none;
}                 
#fixedSidebar button{
border:1px solid #91b41a; -webkit-border-radius: 3px; -moz-border-radius: 3px;border-radius: 3px;font-size:12px;font-family:arial, helvetica, sans-serif; padding: 10px 10px 10px 10px; text-decoration:none; display:inline-block;font-weight:bold; color: black;
 background-color: #b6e026; background-image: -webkit-gradient(linear, left top, left bottom, from(#b6e026), to(#abdc28));
 background-image: -webkit-linear-gradient(top, #b6e026, #abdc28);
 background-image: -moz-linear-gradient(top, #b6e026, #abdc28);
 background-image: -ms-linear-gradient(top, #b6e026, #abdc28);
 background-image: -o-linear-gradient(top, #b6e026, #abdc28);
 background-image: linear-gradient(to bottom, #b6e026, #abdc28);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#b6e026, endColorstr=#abdc28);
}

#fixedSidebar button:hover{
 border:1px solid #718c14;
 background-color: #95b91a; background-image: -webkit-gradient(linear, left top, left bottom, from(#95b91a), to(#8bb41d));
 background-image: -webkit-linear-gradient(top, #95b91a, #8bb41d);
 background-image: -moz-linear-gradient(top, #95b91a, #8bb41d);
 background-image: -ms-linear-gradient(top, #95b91a, #8bb41d);
 background-image: -o-linear-gradient(top, #95b91a, #8bb41d);
 background-image: linear-gradient(to bottom, #95b91a, #8bb41d);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#95b91a, endColorstr=#8bb41d);
}
#fixedSidebar button{

	border:solid 1px #ccc;
	padding:10px 20px;   
	font-size:16px;
	width:190px;	
	margin-bottom:10px;
	margin-top:20px;
}                
#fixedSidebar #tel{
	width:148px;
	height:20px;
	padding:5px 20px;
	text-align:center;
	font-size:16px;
	font-weight:bold;
	background:yellow;
	margin-top:5px;
}                
#fixedSidebar hr{
	margin-bottom: 10px;
	display: block;
	margin-top: 10px;
	border-color:#ccc;
}
#fixedSidebar h3{
}

#fixedAreaList{
}	            
#fixedAreaList span{
 padding:0px 5px 0px 0px; 
 font-size:11px;
}    
#fixedSidebar button{
	cursor:pointer;
}