@charset "utf-8";
/*==============================================================================*/
/* DEFINE TAGS
/*------------------------------------------------------------------------------*/

* {
	margin:0px;
	padding:0px;
}
html {
	overflow:scroll;
}
html,body {
	font-family:"メイリオ", "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	margin:0;
	padding:0;
	font-size:0.90em;
	color:#444;
	line-height:1.7em;
}
body {
	background-image: url(images/stripe_bg.png);
	background-repeat: repeat;
}

p,div,span,ul,li,dl,form {
	margin:0px;
	padding:0px;
	border:none;
}
ul, li {
	list-style:none outside;
}
h1,h2,h3,h4,h5,h6,img,input {
	margin:0px;
	padding:0px;
}
.clear {
	clear:both;
	height:0;
	font-size:1px;
	line-height:0;
}

table {
	border-collapse:collapse;
}
td, th {
	border:1px solid #FF9326;
	padding:3px 5px;
	vertical-align:top;
}
img {
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}

a:visited {
}

address{
	font-style:normal;
}

/*==============================================================================*/
/* COMMON LAYOUT
/*------------------------------------------------------------------------------*/
#wrap {
	width:800px;
	height:auto;
	margin:10px auto;
	border:solid 1px #CCC;
	background-color: #FFFFFF;
}
#header {
	width:800px;
	height:125px;
	background-image: url(images/header.jpg);
	background-repeat: no-repeat;
	position: relative;
}
#header h1 a {
	text-decoration: none;
	text-indent: -9999px;
	display: block;
	height: 70px;
	width: 400px;
	position: absolute;
	left: 20px;
	top: 20px;
	overflow: hidden;
}

#header p {
	text-indent:-9999px;
	overflow:hidden;
}

#side_bg {
	width:800px;
	height:auto;
	background:url(images/side_bg.png) repeat-y;
}
#left_column {
	width:170px;
	height:auto;
	padding-left:15px;
	float:left;
}
#left_column ul {
	margin-bottom:2em;
	margin-top:15px;
}
#left_column li {
	margin:5px 0;
}
#left_column li a {
	display:block;
	width:163px;
	height:35px;
	line-height:35px;
	text-indent:-9999px;
	overflow:hidden;
}
#left_column li a.li01 {
	background-image: url(images/libg01.gif);
	background-repeat: no-repeat;
}
#left_column li a.li02 {
	background-image: url(images/libg02.gif);
	background-repeat: no-repeat;
}
#left_column li a.li03 {
	background-image: url(images/libg03.gif);
	background-repeat: no-repeat;
}
#left_column li a.li04 {
	background-image: url(images/libg04.gif);
	background-repeat: no-repeat;
}
#left_column li a.li05 {
	background-image: url(images/libg05.gif);
	background-repeat: no-repeat;
}

#right_colmun {
	width:590px;
	height:auto;
	padding-right:15px;
	padding-top:10px;
	float:right;
}
#right_colmun h1 {
	width:536px;
	height:176px;
	margin-top:15px;
	margin-bottom:30px;
	background:url(images/top_img.png) no-repeat;
	text-indent:-9999px;
	overflow:hidden;
}
#pagetop {
	text-align: right;
	padding-right: 51px;
}


#footer {
	width:800px;
	background-image: url(images/footer.gif);
	background-repeat: no-repeat;
	background-position: center top;
	padding-top: 25px;
	padding-bottom: 10px;
	text-align: center;
	color: #FFFFFF;
}

/*////////////////////////////////////////////////*/
#right_colmun h2 {
	width:522px;
	font-size:16px;
	font-weight:bold;
	margin-bottom:1em;
	border-bottom:dashed 1px #FF7F00;
	padding-bottom: 5px;
	padding-left: 5px;
}
#right_colmun h2.oshirase {
	margin-bottom: 0px;
}

#right_colmun h2.seitai {
	margin:30px 0px 0px 0px;
	text-indent:-9000px;
	background:url(images/h2_seitai.gif) no-repeat 0px 50px;
	padding-top:60px;
	width:520px;
	height:65px;
	border:none;
	border-top:dashed 1px #FF7F00;
}

#right_colmun h3 {
	font-size:14px;
	color:#666666;
	font-weight: bold;
	margin-bottom: 10px;
	padding-left: 20px;
	padding-top: 4px;
	background-color: #F58C2E;
	background-image: url(images/h3_bg.gif);
	background-repeat: no-repeat;
	height: 26px;
	width: 507px;
}
#right_colmun h3.service_01 {
	background-image: url(images/service_01.gif);
	background-repeat: no-repeat;
	text-indent: -9999px;
	padding: 0px;
	height: 80px;
	width: 525px;
	margin-bottom: 0px;
}
#right_colmun h3.service_02 {
	background-image: url(images/service_02.gif);
	background-repeat: no-repeat;
	text-indent: -9999px;
	padding: 0px;
	height: 80px;
	width: 525px;
	margin-bottom: 0px;
}
#right_colmun h3.service_03 {
	background-image: url(images/service_03.gif);
	background-repeat: no-repeat;
	text-indent: -9999px;
	padding: 0px;
	height: 80px;
	width: 525px;
	margin-bottom: 0px;
}
#right_colmun h3.service_04 {
	background-image: url(images/service_04.gif);
	background-repeat: no-repeat;
	text-indent: -9999px;
	padding: 0px;
	height: 80px;
	width: 525px;
	margin-bottom: 0px;
}
#right_colmun h3.service_05 {
	background-image: url(images/service_05.gif);
	background-repeat: no-repeat;
	text-indent: -9999px;
	padding: 0px;
	height: 80px;
	width: 525px;
	margin-bottom: 0px;
}
#right_colmun h3.service_06 {
	background-image: url(images/service_06.gif);
	background-repeat: no-repeat;
	text-indent: -9999px;
	padding: 0px;
	height: 80px;
	width: 525px;
	margin-bottom: 0px;
}
#right_colmun h3.service_07 {
	background-image: url(images/service_07.gif);
	background-repeat: no-repeat;
	text-indent: -9999px;
	padding: 0px;
	height: 80px;
	width: 525px;
	margin-bottom: 0px;
}
#right_colmun h3.seitai {
	font-size:12px;
	color:#666666;
	font-weight: bold;
	border-left:#1F8785 solid 17px;
	padding:3px 10px;
	background-color:#88D9BC;
	background-image: none;
	width:auto;
	height:auto;
}

#right_colmun h4 {
	color: #2689C4;
	font-size: 12px;
	font-weight: bold;
	padding-top: 1px;
	padding-bottom: 1px;
	padding-left: 7px;
	border-bottom-width: 2px;
	border-left-width: 6px;
	border-bottom-style: dotted;
	border-left-style: solid;
	border-bottom-color: #B3D5F1;
	border-left-color: #B3D5F1;
	margin-bottom: 7px;
	margin-left: 7px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #B3D5F1;
}
#right_colmun h4.volunteer {
	background-image: url(images/volunteer.gif);
	background-repeat: no-repeat;
	text-indent: -9999px;
	padding: 0px;
	height: 17px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
}



#right_colmun  .box01 {
	width:587px;
	height:auto;
	margin-top: 5px;
	margin-right: auto;
	margin-bottom: 28px;
	margin-left: auto;
}
#right_colmun  .box01 .top { width:587px; height:16px;background:url(images/box01top.png) no-repeat;}
#right_colmun  .box01 .bg {
	width:527px;
	height:auto;
	background:url(images/box01bg.png) repeat-y;
	padding-top: 20px;
	padding-right: 30px;
	padding-bottom: 20px;
	padding-left: 30px;
}
#right_colmun  .box01 .bottom {width:587px; height:16px;background:url(images/box01bottom.png) no-repeat;}


#map{
	border:#999999 1px solid;
}
#map_area  {
	float: left;
	margin-right: 15px;
	margin-left: 5px;
	border: 5px solid #FEE2B0;
}


/*////////////////////////////////////////////////*/
#right_colmun .info {
	width: 520px;
	margin: 0px;
}
#right_colmun .info td,
#right_colmun .info th {
	margin: 0px;
	padding-top: 15px;
	padding-right: 0px;
	padding-bottom: 15px;
	padding-left: 10px;
	border: 1px solid #E5B76C;
}
#right_colmun .info th {
	text-align: left;
	background-color: #FFF9F0;
	font-weight: bold;
	color: #CC6633;
}

#left_column .c_title {
	background-image: url(images/campaign.gif);
	background-repeat: no-repeat;
	text-indent: -9999px;
	height: 24px;
	width: 167px;
	margin-top: 30px;
}
#left_column .campaign {
	width: 170px;
	margin-bottom: 30px;
	padding-bottom: 15px;
	border-bottom-width: 2px;
	border-bottom-style: dotted;
	border-bottom-color: #FF7F00;
}
#left_column .blog a {
	text-decoration: none;
	background-image: url(images/blog_01.gif);
	background-repeat: no-repeat;
	text-indent: -9999px;
	display: block;
	height: 80px;
	width: 167px;
	overflow: hidden;
}
#left_column .blog a:hover {
	text-decoration: none;
	background-image: url(images/blog_02.gif);
	background-repeat: no-repeat;
	text-indent: -9999px;
	display: block;
	height: 80px;
	width: 167px;
	overflow: hidden;
}
#left_column .banner {
	text-align: center;
	margin-bottom: 15px;
}







/*************************************/
/*******　キャンペーン情報更新画面  **/
/*************************************/

#cam_edit{
	width:1000px;
	display:block;
	padding:0px;
	min-height:1em;
	margin-top: 10px;
	margin-right: auto;
	margin-bottom: 10px;
	margin-left: auto;
	text-align: left;
	background-color: #FFFFFF;
}
#cam_edit h1 {
	background-color: #339EC4;
	background-image: url(images/edit_title.gif);
	background-repeat: no-repeat;
	display: block;
	height: 50px;
	width: 1000px;
	background-position: center center;
	text-indent: -9999px;
	margin-bottom: 20px;
	margin-top: 0px;
}

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

#cam_edit #edit_form{
	width:418px;
	float:left;
	display:block;
	margin-left: 10px;
	text-align: center;
	background-color: #F6F6F3;
	border: 1px solid #666666;
}
#cam_edit #edit_form .cam_title {
	background-color: #CCFFFF;
	text-align: left;
	width: 408px;
	padding-left: 10px;
	font-size: 0.9em;
	color: #3366CC;
	padding-top: 5px;
	padding-bottom: 5px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #666666;
	font-weight: bold;
}
#cam_edit #edit_form textarea {
	height: 300px;
	width: 400px;
	margin-top: 10px;
	margin-bottom: 10px;
}


#cam_edit #preview{
	width:438px;
	float:right;
	display:block;
	margin-right: 10px;
	padding-bottom: 20px;
	border: 1px solid #0099CC;
	background:url(images/left_back.gif);
}
#cam_edit .pre_title {
	background-color: #CCFFFF;
	text-align: left;
	width: 428px;
	padding-left: 10px;
	font-size: 0.9em;
	color: #3366CC;
	padding-top: 5px;
	padding-bottom: 5px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #3366cc;
	margin-bottom: 20px;
	font-weight: bold;
}
#cam_edit .base {
	background-color: #339EC4;
	width: 1000px;
	height: 30px;
	margin-top: 50px;
	color: #FFFFFF;
	text-align: center;
}
#cam_edit .yajirushi {
	float: left;
	width: 105px;
	text-align: center;
	margin-top: 150px;
}

.clear {
	clear: both;
	font-size: 1px;
	line-height: 0px;
	height: 0px;
}

/*************************************/
/*******　お知らせ情報更新画面  **/
/*************************************/

#news_edit{
	width:1000px;
	display:block;
	padding:0px;
	min-height:1em;
	margin-top: 10px;
	margin-right: auto;
	margin-bottom: 10px;
	margin-left: auto;
	text-align:center;
}
#news_edit h1 {
	background-color: #339EC4;
	background-image: url(images/edit_title02.gif);
	background-repeat: no-repeat;
	display: block;
	height: 50px;
	width: 1000px;
	background-position: center center;
	text-indent: -9999px;
	margin-bottom: 20px;
	margin-top: 0px;
}

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

#news_edit #edit_form{
	width:418px;
	/*float:left;*/
	display:block;
	margin:10px auto;
	text-align: center;
	background-color: #F6F6F3;
	border: 1px solid #666666;
}
#news_edit #edit_form .news_title {
	background-color: #CCFFFF;
	text-align: left;
	width: 408px;
	_width: 418px;
	padding-left: 10px;
	font-size: 0.9em;
	color: #3366CC;
	padding-top: 5px;
	padding-bottom: 5px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #666666;
	font-weight: bold;
}
#news_edit #edit_form textarea {
	height: 300px;
	width: 400px;
	margin-top: 10px;
	margin-bottom: 10px;
}


#news_edit #preview{
	width:620px;
	/*float:right;*/
	display:block;
	margin:10px auto;
	padding-bottom: 20px;
	border: 1px solid #0099CC;
	text-align:left;
}
#news_edit .pre_title {
	background-color: #CCFFFF;
	text-align: left;
	width: 610px;
	_width: 620px;
	padding-left: 10px;
	font-size: 0.9em;
	color: #3366CC;
	padding-top: 5px;
	padding-bottom: 5px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #3366cc;
	margin-bottom: 20px;
	font-weight: bold;
}
#news_edit .base {
	background-color: #339EC4;
	width: 1000px;
	height: 30px;
	margin-top: 50px;
	color: #FFFFFF;
	text-align: center;
}
#news_edit .yajirushi {
	/*float: left;*/
	/*width: 105px;*/
	text-align: center;
	margin-top: 30px;
}

.clear {
	clear: both;
	font-size: 1px;
	line-height: 0px;
	height: 0px;
}


/*************************************/
/*******　情報更新画面メニュー  **/
/*************************************/

#edit_menu {
	text-align: center;
	margin-bottom: 30px;
}
#edit_menu ul {
	width: 621px;
	margin-right: auto;
	margin-left: auto;
	padding-left: 15px;
}
#edit_menu li {
	display: block;
	float: left;
	height: 35px;
	width: 192px;
	margin-right: 15px;
}
#edit_menu a {
	text-decoration: none;
	text-indent: -9999px;
	display: block;
	height: 35px;
	width: 192px;
	overflow: hidden;
}

#edit_menu .bt01 a {
	background-image: url(images/bt01_a.gif);
	background-repeat: no-repeat;
}
#edit_menu .bt01 a:hover {
	background-image: url(images/bt01_b.gif);
	background-repeat: no-repeat;
}

#edit_menu .bt02 a {
	background-image: url(images/bt02_a.gif);
	background-repeat: no-repeat;
}
#edit_menu .bt02 a:hover {
	background-image: url(images/bt02_b.gif);
	background-repeat: no-repeat;
}

#edit_menu .bt03 a {
	background-image: url(images/bt03_a.gif);
	background-repeat: no-repeat;
}
#edit_menu .bt03 a:hover {
	background-image: url(images/bt03_b.gif);
	background-repeat: no-repeat;
}

/*************************************/
/******編集画面の共通認証フォーム  ***/
/*************************************/

form#edit_auth{
	text-align:center;
}


/*************************************/
/******はぴねす鍼灸整骨院様用CSS   ***/
/*************************************/
.text_orange {
	color: #FF7F00;
	font-weight: bold;
}
.text_red {
	color: #CC0000;
}
.text_blue {
	font-weight: bold;
	color: #2689C4;
}
.image_right {
	float: right;
	margin-bottom: 10px;
	margin-left: 10px;
	border: 5px solid #FEE2B0;
}
.image_left {
	float: left;
	margin-bottom: 10px;
	margin-right: 20px;
	border: 5px solid #FEE2B0;
}



.price_table {
	margin-top: 10px;
	margin-bottom: 10px;
}
.price_table th,
.price_table td {
	padding: 5px;
	border: 1px solid #E5B76C;
	vertical-align: middle;
}
.price_table th {
	font-weight: bold;
	color: #CC6633;
	background-color: #FFF9F0;
}
.text_in {
	padding-right: 15px;
	padding-left: 15px;
	margin-bottom: 20px;
}
.flowbox {
	margin-top: 10px;
	border: 3px solid #B3D5F1;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 0px;
	padding-left: 10px;
	background-color: #F8FCFE;
}
.flowbox ul {
	padding-left: 20px;
	font-weight: bold;
	margin-top: 10px;
	color: #666666;
}

.flowbox  li {
	list-style-type: decimal;
	margin-bottom: 10px;
}
#footer a:link,#footer a:visited,#footer a:active {
	color: #FFFFFF;
}
#footer a:hover {
	color: #FFCC99;
	text-decoration: none;
}
.text_in dl {
	margin-top: 10px;
	font-size: 0.8em;
	line-height: 1.3em;
}
.text_in dt {
	float: left;
}
.text_in dd {
	margin-left: 15px;
	margin-bottom: 5px;
}
a.linkbox {
	color: #0066CC;
	text-decoration: none;
	border: 1px solid #CCCCCC;
	padding-top: 7px;
	padding-right: 10px;
	padding-bottom: 7px;
	padding-left: 10px;
	background-color: #F7FBFF;
}
a:hover.linkbox {
	color: #FFFFFF;
	text-decoration: none;
	border: 1px solid #CCCCCC;
	background-color: #5FA8E0;
}
.hour {
	width: 527px;
	margin-top: 15px;
}
.hour th {
	color: #CC6633;
	background-color: #FFF9F0;
	font-weight: bold;
}
.hour th, .hour td {
	border: 1px solid #E5B76C;
	padding: 5px;
	text-align: center;
}
.top_text {
	margin-left:210px;
	width:300px;
}
.top_text li {
	list-style: disc;
	margin-left:15px;
}
.topimage{
	float: left;
	margin-left: 5px;
	line-height:1.2em;
	color:#666024;
}
.topimage img{
	margin:0px auto 2px auto;
	border: 5px solid #FEE2B0;
}