﻿@charset "utf-8";
/*
Theme Name: コミュニティサテライトオフィス
Theme URI: http://community-satellite.com/
Description: コミュニティサテライトオフィステーマ
Version: 1.0
Author: Daisuke live bCD
Author URI: http://bcd-inc.jp/
Tags: 
*/


/*
00:bCD Reset
----------------------------------------------------*/

html{
	margin:0;
	padding:0;
}
body{
	margin:0;
	padding:0;
	font-size:small;
	line-height:1.5;
	font-family: Helvetica, Arial, sans-serif, "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";	
}

h1,h2,h3,h4,h5,h6,div,p,form{
	margin:0;
	padding:0;
}



div{
	margin:0;
	padding:0;
	display: zoom: 100%;	/* IE for7.0 clearfix */
}

div:after{		/* clear fix */
    content: ".";   
    display: block;   
    visibility: hidden;   
    height: 0.1px;   
    font-size: 0.1em;   
    line-height: 0;   
    clear: both;   
}


	
table{
/*
	border-collapse: separate;
	border-collapse: collapse;

	border-spacing: 1px;
	*/
}

th,td{
	text-align:left;
	vertical-align:top;
}

img {
	border:none;
}

address{
	font-style:normal;
}



/*
01:customers Reset
----------------------------------------------------*/

body{
	background:url(images/bg.jpg) repeat-x #F93;
}

a{
	color:#36c;
}
a:visited{
	color:#039;
}
a:hover{
	color:#C06;
	text-decoration:none;
}

ol{
	
}
ol li{
}

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

ul,li{
	margin:0;
	padding:0;
}

ul li{
	list-style:none;
	background:url(images/li_sml.gif) no-repeat 0px 6px;
	padding-left:16px;

}

li.PDF{
	background:url(images/li_pdf.gif) no-repeat 0px 0px;
	height:22px;
	margin-bottom:4px;
	
}


a .imageframe{	/* wp image */

}

.imgalignleft{	/* wp img align */
}


h2{
	margin:0 0 20px 0;
}
h3,h4{

}

.alignleft {
	float: left;
}

.alignright {
	float: right;
}


/*
02:layout 
----------------------------------------------------*/
#page{
	width:830px;
	padding:0 20px;
	background:#FFF;
	background:#FFF url(images/foot_shadow.jpg) bottom center no-repeat;
	margin:0 auto;
}

#header{
	padding-bottom:40px;	
}
#headerimg{
	background: url(images/header.jpg) no-repeat 0 0;
	height:120px;
	padding:40px 0 0 100px;
}

.description{
	margin:0 0 0 10px;
	padding:0;
	color:#666;
}

h1{

	font-size:1px;
	line-height:1px;
}
h1 a{
	display:block;
	width:700px;
	height:80px;
	text-indent:-1000em;
	overflow:hidden;
}

#hansel{
	padding:0 10px;
}


#content{
	float:right;
	width:540px;
	padding-right:10px;


}

#sidebar{
	float:left;
	width:200px;
	padding:0 40px 0 10px;
	background: url(images/shadow01.jpg) right top no-repeat;
}

#footer{
	clear:both;
	padding-bottom:100px;

}
.footInner{
	background: url(images/dotborder1.gif) top repeat-x;
	padding-top:20px;
}



/*
02-01:layout sidebar 
----------------------------------------------------*/

#sidebar{
	margin-bottom:40px;
}

#sidebar h2{
	text-indent:-1000em;
	width:200px;
	height:24px;
	overflow:hidden;
	font-size:1px;
	line-height:1px;
	margin:0px 0 10px 0;
	border-bottom:3px solid #F93;
	padding-bottom:2px;
	background-repeat:no-repeat;
}

.sider{
	padding:0 0 20px 0;
}

#w_use{
	background-image:url(images/w_use.gif);
}
#w_fin{
	background-image:url(images/w_fin.gif);
}
#w_fin3{
	background-image:url(images/w_fin3.gif);
}
#w_now{
	background-image:url(images/w_now.gif);
}
#w_now2{
	background-image:url(images/w_now2.gif);
}
#w_about{
	background-image:url(images/w_about.gif);
}
#w_calendar{
	background-image:url(images/w_calendar.gif);
}
#sidebar ul{
	margin-bottom:20px;
}

#sidebar h2#w_kaijo{
	background:url(images/w_kaijo.gif) no-repeat;
	border:none;
	width:100px;
}

#Information{
	border:1px solid #000;
	padding:10px;
	line-height:14px;
	font-size:12px;
}


/*
02-01:layout post 
----------------------------------------------------*/

.post{
	background: url(images/box540bg.gif);
	margin-bottom:40px;
}

.intro{
	margin:0 20px 40px 25px;
}

.postHead{
	background: url(images/box540head.gif) no-repeat top;
	padding:20px;
}
.postFoot{
	background: url(images/box540foot.gif) no-repeat bottom;
	padding:0 40px 5px 20px;

	clear:both;
	
	text-align:right;
	color:#999;
}

.postBody{
	padding:0 20px;
}

.postTitle{
	background: url(images/li_big.gif) no-repeat 0 2px;
	color:#000;
	font-size:16px;
	line-height:22px;
	padding:0 0 0 24px;
	margin:0 0 5px 0;
}

.promoter{
	color:#555;
	font-size:12px;
	padding-left:24px;
	font-weight:normal;
}

.postTitle a{
	color:#000;
}
.postTitle a:visited{
	color:#333;
}

.reportTitle{
	background: url(images/li_report.gif) no-repeat 0 1px;
	color:#000;
	font-size:16px;
	padding-left:24px;
	border-bottom:1px solid #ccc;
}

.kouzaTable{
	width:500px;
}

.kouzaTable th,
.kouzaTable td{
	padding:2px 5px;
}


.kouzaTable th{
	background:#F93;
	border-bottom:1px solid #DD852C;
	width:60px;
}
.kouzaTable td{
	border-bottom:1px solid #ccc;
}

.btnOrder,
.btnReport{
	width:167px;
	height:31px;
	display:block;
	text-indent:-1000em;
	overflow:hidden;

	float:right;
	margin:20px 0 10px 0;
}

.btnOrder:hover,
.btnReport:hover{
	background-position:0 -31px ;
}

.btnOrder{
	background-image: url(images/btn_01.jpg);
}

.btnReport{
	background-image: url(images/btn_02.jpg);
}


/*
02-01:layout page 
----------------------------------------------------*/
.pageContent{
	padding-right:20px;
}
.pageTitle{
	background: url(images/li_pageh2.gif) no-repeat 0 0;
	color:#000;
	font-size:20px;
	padding:3px 0 0 40px;
	height:38px;

}


.pageContent h3{
	font-size:14px;
	border-bottom:1px solid #999;
	margin:40px 0 10px 0;
}


.pageContent h4{
	font-size:14px;
	color:#C50;
	margin:20px 0 10px 0;
}




/*
04-01:mailform 
----------------------------------------------------*/

#mailform{
	background: url(images/orderbody.jpg) repeat-y;	
}


.orderTable{
	border-collapse: collapse;
	border-spacing: 1px;
	width:460px;
	margin-bottom:20px;
}

.orderTable td,
.orderTable th{
	border-bottom:1px solid #ccc;
}

.orderTable th{
	width:100px;
}

.input1{
	width:240px;
	border:1px solid #CCC;

}
.bikou{
	width:340px;
	border:1px solid #CCC;
}

.jsvalidation{
	color:#e00;
}

.need{
	font-size:10px;
	color:#c00;
	font-weight:normal;
}


.orderHead{	/*h3*/
	background: url(images/orderhead.jpg) no-repeat top;
	height:60px;
	text-indent:-1000em;
	overflow:hidden;
	margin-bottom:20px;
}
.orderBody{
	padding:0 40px;
}
.orderFoot{
	padding:0 40px 40px 40px;
	background: url(images/orderfoot.jpg) no-repeat bottom;
	text-align:center;
}




/**/
#error{
	border:1px solid #900;
	background:#FFF6F6;
	padding:20px;
	margin:0 20px 20px 20px;
}



/*
05:calendar
----------------------------------------------------*/

#eventCalendar{
}

#eventCalendar thead th{
	background:#DDD;
}

.ec3_eventday{
	background:#F5F5F5;
}
.ec3_postday{
	color:#000;
}
#wp-calendar{

}
#wp-calendar table td a{
	text-decoration:none;
	}


#wp-calendar table td.ec3_eventday:hover{
	background:#Fec;
	}

#wp-calendar table #today {
	border:1px solid #f06;
	background:#FEE;
}

#wp-calendar caption{
	background: #222 url(images/cld_head.gif) no-repeat top;
	color:#F93;
	line-height:150%;
	padding:0;
	border-left:2px solid #fff;
	border-right:2px solid #fff;
	
}


/*
09:Indivi
----------------------------------------------------*/


.attention {
	border:1px solid #e00;
	padding:10px;

}

.attachment{
	margin:0 20px 10px 0;
}


#topImage{
	margin-bottom:20px;
}

#acList{
	margin-bottom:40px;
	height:100px;
}

#acList a{
	display:block;
	float:left;
	width:150px;
	height:16px;
	line-height:16px;
	padding:10px 5px;
	text-align:center;
	background:#eee;
	margin:5px;
	background: #eee url(images/acbtn.gif) no-repeat;
}
#acList a:hover{
	background-position:0 -36px;
}

#map{	/* google map */
	width:490px;
	height:490px;
	
	border:5px solid #000;
	
	margin-bottom:30px;

}

#macmap{
	display:none;
	border:5px solid #000;
	
	margin-bottom:30px;
}
/* これ以降Mac IE 5のみに適用される \*//*/

#map{
	display:none;
}

#macmap{
	display:block;
	}
p { color:#FF0000; }
/* これ以降Mac IE 5以外にも適用される */

/* Safari */
html[xmlns*=""] body:last-child #map { display:none; }
html[xmlns*=""] body:last-child #macmap { display:block; }

