@charset "utf-8";

/*--------------------------------------------------
Theme Name: pgurasoe
Theme URI: http://www.pg-urasoe.com/
Description: パブリックうらそえのテーマ
Version: 1.0
Author: Akio Taira 【有限会社　ジュンク】
--------------------------------------------------*/

@import url(default.css);
@import url(common.css);

/*==================================================
## 全体
==================================================*/
body {
	background-color:#cbcb98;
}

strong {
	font-weight:bold;
}

.bold {
	font-weight:bold;
}
/*--------------------------------------------------
## post
--------------------------------------------------*/
.post:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	font-size: 0;
}

.post{ display: inline-block;}

/* \*/
* html .post { height: 1%;}
.post { display: block;}
/* */


h2.title {
	margin-top:10px;
	padding:0.7em 0 0.5em 10px;
	width:590px;
	height:56px;
	font-size:20px;
	font-weight:bold;
	background:url(images/bk/titlebar.jpg) no-repeat;
}

/*==================================================
## 全体
==================================================*/
#header {
	width:800px;
	height:85px;
	margin:0 auto;
	background:url(images/bk/header.gif) no-repeat;
}

#header h1 {
	text-align:left;
}

#main {
	margin-right:15px;
	background-color:#fff;
	float:right;
	display:inline;
	width:600px;
}

#sidebar {
	margin-left:4px;
	padding-top:30px;
	width:166px;
	background-color:#cbcb98;
	background-color:#ffc;
	background:#cbcb98 url(images/bk/sidebar.gif) no-repeat;
}

#container {
	padding: 0 0 10px;
	width:800px;
	margin:auto;
	background:#fff url(images/bk/container.gif) repeat-y;
}
#container:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	font-size: 0;
}

#container{ display: inline-block;}

/* \*/
* html #container { height: 1%;}
#container { display: block;}
/* */


#footer {
	margin:auto;
	margin-bottom:20px;
	padding-top:11px;
	width:800px;
	background: url(images/bk/footer_top.jpg) no-repeat;
	font-weight:bold;
}
#footer .inner {
	padding:0 0 20px;
	background: url(images/bk/footer_bottom.jpg) no-repeat bottom;
	
}



#footer table {
	margin-bottom:4px;
	width:780px;
}

#footer td {
	text-align:center;
	vertical-align:bottom;
	font-weight:bold;
}


.goBack {
	margin:20px 0;
	text-align:center;
}

.navigation {
	margin:20px 0;
	text-align:center;
}

.lineheight01 p {
 line-height:1.5;
}

/*--------------------------------------------------
## sidebar
--------------------------------------------------*/

#sidebar ul {
	margin:0 3px 16px;
	width:160px;
}

#sidebar li {
	width:160px;
	margin-bottom: 10px;
	font-size:14px;
}

#sidebar li a {
	height:24px;
	padding-left:24px;
	display:block;
	position:relative;
	color:#fff;
	font-weight:bold;
	text-decoration:none;
	line-height:24px;
	background: url(images/bk/menubtn.gif) no-repeat;
}

#sidebar li a:hover {
	color:orange;
}

/*==================================================
## pageIndex
==================================================*/
.pageIndexList {
	list-style-position:outside;
}

.pageIndexList li {
	width:580px;
	padding:10px;
	margin-bottom:30px;
	background: url(images/bk/pageIndex.jpg) no-repeat bottom;
	border:1px solid #ccc;
}

.pageIndexList li p {
	font-weight:bold;
	color:green;
}

.pageIndexList li p a {
	text-decoration:none;
}

.pageIndexList li a {
	color:green;
}

.pageIndexList li a:visited {
	color:green;
}

.pageIndexList li a:hover {
	color:red;
}


/*==================================================
## frontPage
==================================================*/
#frontPage #container {
	position:relative;
	background-image:none;
	width:800px;
}

#frontPage #main {
	float:none;
	margin:0;
	display:block;
	width:800px;
}

#fMainNavi {
	width:780px;
	margin-top:10px;
	margin-left:13px;
	background: url(images/bk/fMainNavi.gif) no-repeat bottom;
}

#fMainNavi li {
	float:left;
	display:inline;
	margin-right:10px;
	width:120px;
	height:49px;
	text-align:center;
	background-color:#06c;
}

#fMainNavi li a {
	color:#fff;
	font-size:14px;
}


#fFlash {
	text-align:center;
	padding-top:10px;
}

#fMainList {
	width:771px;
	margin:10px auto;
}

#fMainList li {
	float:left;
}

#fMainList li li {
	float:none;
}

#fTopicsWrapper {
	width:371px;
	height:264px;
	font-size:90%;
	background: url(images/bk/fTopics.jpg) no-repeat bottom left;
}

#fTopicsWrapper .title {
	width:353px;
	height:35px;
	position:relative;
	background: url(images/bk/fTopicsTitle.gif) no-repeat;
}

#fTopicsWrapper .title img {
	position:absolute;
	top:10px;
	right:7px;
}

#fTopics {
	padding:10px 0 10px;
	width:353px;
	height:209px;
	list-style-type:none;
	list-style-position:outside;
	font-size:80%;
	overflow:auto;
}

#fTopics li {
	margin:0 10px 10px;
	padding:0;
}

/*==================================================
## トピックス
==================================================*/
#topics li {
	margin-bottom: 1em;
	padding-bottom: 20px;
	border-bottom: 1px dashed black;
}

/*==================================================
## コース
==================================================*/
#courseHyou {
	background-color:#fff;
	border-collapse:separate;
	border-spacing:3px;
	border:1px solid #cc9;
}
#courseHyou td {
	padding:0 4px;
	background-color:#cc9;
}

#courseList {
	width:580px;
	padding:20px 0 20px 10px;
	background-color:#fff;
	list-style-position:outside;
}

#courseList li {
	float:left;
	display:inline;
	margin:0 10px 10px 0;
	padding:0;
	width:180px;
	font-size:16px;
	background: #fff url(images/box-bottom.gif) no-repeat bottom;
}

#courseList li p {
	padding:5px;
	margin-bottom:30px;
	height:10em;
	background: transparent url(images/box-top.gif) no-repeat top;
}

.course {
	float:left;
	padding-bottom: 30px;
	margin:10px;
	display:inline;
	width: 225px;
	background: #fff url(images/box-bottom.gif) no-repeat bottom;
}

.course .inner {
	padding-top:5px;
	background: transparent url(images/box-top.gif) no-repeat top;
}

.course .inner p {
	margin:0 5px;
}
.course .inner h3 {
	padding-left:5px;
	font-weight:bold;
	background-color:#393;
	color:#fff;
}

/*==================================================
## price
==================================================*/
.price table {
	margin-bottom:30px;
	border:1px solid black;
	background-color:#ccc;
	border-collapse:separate;
	border-spacing:4px;
	font-size:90%;
}

.price td {
	padding:2px;
	background-color:#ffc;
	text-align:center;
}

.price td.tar {
	padding:4px;
	text-align:right;
	background-color:#fff;
}

.price dd {
	margin-left:1em;
}

.price blockquote {
	margin-left:1em;
}

.price table.price_heijitu {
	padding-bottom:0;
}

.price table.price_syukusai {
	border-top:none;
}

.price table.price_syukusai td {
	background-color:#ffc;
}


/*==================================================
## フォーム
==================================================*/
.wpcf7 p {
	margin-bottom:1em;
}

.wpcf7 .your-name input {
	width:200px;
}

.wpcf7 .your-party input ,
.wpcf7 .your-mon input ,
.wpcf7 .your-day input {
	width:60px;
}

#wpcf7-f1-p39-o1 ,
#wpcf7-f2-p40-o1 {
	width:520px;
	margin:auto;
	padding-top:18px;
	background:url(images/bk/form01_top.gif) no-repeat left top;
}

#wpcf7-f2-p40-o1 form {
	margin-bottom:20px;
	padding:5px 20px 20px;
	background:url(images/bk/form01_bottom.gif) no-repeat left bottom;
}

#wpcf7-f1-p39-o1 form {
	margin-bottom:20px;
	padding:5px 20px 20px;
	background:url(images/bk/form01_bottom.gif) no-repeat left bottom;
}

/*==================================================
## photoList
==================================================*/
.photoList {
	margin:20px auto;
	width:480px;
	background-color:#eee;
}
.photoList:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	font-size: 0;
}

.photoList{ display: inline-block;}

/* \*/
* html .photoList { height: 1%;}
.photoList { display: block;}
/* */

.photoList li {
	float:left;
	display:inline;
	margin:5px;
	width:150px;
}

/*==================================================
## photoGallery
==================================================*/
.photoGallery {
	margin:0 auto;
	background-color:#f96;
	border-collapse:separate;
	border-spacing:3px;
}

.photoGallery td {
	padding:10px;
	font-weight:bold;
	background-color:#ffc;
}

.photoGallery img {
	margin-bottom:4px;
}


/*--------------------------------------------------
## ETC
--------------------------------------------------*/
.large {
  font-size:130%;
}