@charset "UTF-8";
/* @override 
	http://www.○○○.com/wp-content/themes/pancierge/style.css
*/
/*  
Theme Name: pancierge.com
Theme URI: http://www.pancierge.com/
Description: WordPress theme
Version: 1.0
Author: b2b
Author URI: http://www.be-to.co.jp/
*/

/* Reset
------------------------------------------------------------*/
html, body{
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  background-color: #E7E7E7;
  font-family: "Helvetica Neue", Arial, Helvetica, Geneva, "Hiragino Kaku Gothic Pro", "MS PGothic", sans-serif;
}
h1,h2,h3,h4,h5,h6,p{
  margin: 0 0 0 3px;
  padding: 0 0 5px;
}
a{ 
  outline:none;
  color: #98C93C;
  text-decoration: none;
}
a:hover{
  color: #999;
  text-decoration: underline;
}
ol, ul {list-style: none;}
blockquote, q {quotes: none;}
:focus {outline: 0;}
ins {text-decoration: none;}
del {text-decoration: line-through;}
table {border-collapse: collapse;border-spacing: 0;}
caption {width: 100%;}

/*2カラム右
------------------------------------------------------------*/
#main{
  width: 100%; 
}
#side{
  margin: 0;
  padding: 0;
  width: 240px;
  margin-left:-240px;
  float: right;
}
#mainwrap{
  margin: 5px 0 0;
  padding: 0;
  width: 560px;
  margin-right: 240px;
  float: left;
}
#sidebar2{
  width: 100%;
  background-color: #666;
}

/* スペース領域 
------------------------------------------------------------*/
#container{
  width: 806px;
  margin-right:auto;
  margin-left:auto;
}
#main{
  float: left;
  text-align:left;
  overflow: hidden;
}
#mainwrap{
  overflow: hidden;
}
#side{
  overflow: hidden;
}
#sidebar1{
  overflow: hidden;
}
.sidebar{
  padding-bottom: 15px;
  overflow: hidden;
}

#wrap{
  clear:both;
  width: 100%;
  overflow: hidden;
  padding: 25px 0 0;
  margin: 0;
  background: url(images/wrap_bg.png) repeat-y #fff;
}
#pagewrap{
  clear: both;
  float: left;
  overflow: hidden;
  width: 560px;
}

.navigation .alignleft{
  float:left;
  padding:10px;
}
.navigation .alignright{
  float:right;
  padding:10px;
}

/* header
------------------------------------------------------------*/
#header{
  width:806px;
  height:231px;
  background: url(images/header_bg.png) no-repeat;
  position:relative;
}

#header .header_ttl a{
  color:#888;
  font-size: 170%;
  height:181px;
  display:block;
}
#header .header_ttl{
  top:50px;
  left: 8px;
  width:282px;
  height:181px;
  background: url(images/title_bg.png) no-repeat;
  text-indent:-9999px;
  position:absolute;
}
#header .header_ttl a:hover{
  height:181px;
  text-decoration:none;
  display:block;
}
/* header_navi
------------------------------------------------------------*/
#header_navi{
  margin: 0;
  padding: 10px 0 0;
  width: 806px;
  height:6px;
  clear: both;
  background: url(images/wrap_bg.png) repeat-y #fff;
}

#header_navi ul#page_navi {
  padding: 0;
  margin: 0 17px;
  width: 772px;
  height:26px;
  list-style-type: none;
  background: url(images/menu_bg.png) no-repeat;
  position:relative;
}
#header_navi ul#page_navi li{
  padding: 0;
  margin: 0;
  height:25px;
  display:inline;
  position:absolute;
}
#header_navi ul#page_navi li a{
  display:block;
  height:25px;
  text-decoration:none;
  text-indent:-9999px;
}

#header_navi ul#page_navi li#topPage {
  top:0;left:0;width:80px;
}
#header_navi ul#page_navi li#about {
  top:0;left:80px;width:138px;
}
#header_navi ul#page_navi li#schedule {
  top:0;left:218px;width:138px;
}
#header_navi ul#page_navi li#text {
  top:0;left:356px;width:138px;
}
#header_navi ul#page_navi li#faq {
  top:0;left:494px;width:139px;
}
#header_navi ul#page_navi li#contact {
  top:0;left:633px;width:139px;
}
#header_navi ul#page_navi li#topPage a:hover{
  background: url(images/menu_bg.png) 0 -26px;
}
#header_navi ul#page_navi li#about_s, li#about a:hover{
  background: url(images/menu_bg.png) -80px -26px;
}
#header_navi ul#page_navi li#schedule a:hover{
  background: url(images/menu_bg.png) -218px -26px;
}
#header_navi ul#page_navi li#text a:hover{
  background: url(images/menu_bg.png) -356px -26px;
}
#header_navi ul#page_navi li#faq a:hover{
  background: url(images/menu_bg.png) -494px -26px;
}
#header_navi ul#page_navi li#contact a:hover{
  background: url(images/menu_bg.png) -633px -26px;
}

/* Footer
------------------------------------------------------------*/
#footer{
  clear:both;
  background: url(images/footer_bg.png) no-repeat;
  height:95px;
  width: 100%;
}
#footer .copyright {
  color: #333;
  text-align:center;
  margin: 0;
  padding: 40px 0 0;
  width:100%;
  font: bold 12px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
}

/* Content
------------------------------------------------------------*/
.pagename {
  margin: 0 15px 10px 25px;
  padding: 0 0 0 10px;
  font-weight: bold;
  font-size:14px;
  line-height: 1.5;
  border-left: solid 6px #99CC33;
  color:#412616;
  background-color:#FFFFCC;
}
.content {
  margin: 0 15px;
  padding: 0 0 0 10px;
  clear: both;
  line-height: 2;
}
.content .title{
  margin: 0 0 10px 0;
  padding: 0 0 0 10px;
  font-size:14px;
  font-weight: bold;
  line-height: 1.5;
  border-left: solid 6px #663300;
  color:#412616;
  background-color:#FFFFCC;
}
.content .title a{
  margin: 0;
  padding: 0;
  color:#412616;
  background-color:#FFFFCC;
}
.content .title a:hover{
  margin: 0;
  padding: 0;
  background-color:#FFFFCC;
} 
.content p{
  margin: 0 20px 0;
  padding:0;
  font-size: 12px;
}
.content p a{
  margin: 0 10px 0;
  padding:0;
  font-size: 12px;
  color:#98C93C;
}
.content page{
  font-size: medium;
  padding: 0 15px;
}
.content page table{
  padding: 0 15px;
  font-size:12px;
}
.content a{
  color: #666;
} 
.content a:hover{
  color: #99CC33;
} 
.content a.more-link {
  display: block;
  margin: 10px 0 0;
  padding: 5px 7px;
  background-color: #f6f6f6;
  border-right: 5px solid #3774bb;
  text-align: right;
  font-size: 90%;
  line-height: 120%;
} 
.content table{
  margin: 0 0 0 17px;
  padding: 0;
  font-size:12px;
}
.content ul{
  list-style-position: outside;
  padding: 0 0 15px 25px;
  list-style-type: disc;
  line-height: 140%;
}
.content ol{
  list-style-position: outside;
  margin: 0;
  padding: 0 0 15px 25px;
  list-style-type: decimal;
  line-height: 140%;
}
.content ul ul,.content ol ol,.content ul ol,.content ol ul{
  padding-left: 3%;
}
.content hr{
  margin: 0 0 0 17px;
  padding: 0;
}
.content blockquote {
  margin: 0 0 15px;
  background-color: #e1f5f9;
  border: 1px solid #b2d3e0;
  clear: both;
  padding: 10px 2% 0;
}
.content blockquote p{
  margin: 0;
  padding: 0px 0px .8em;
}
.content blockquote ol,.content blockquote ul{
  margin: 0;
  padding: 0px 0px .8em 25px;
}
.content .postmetadata {
  margin: 10px 15px;
  color: #555;
  clear: both;
  padding: 0;
  font-size: 80%;
  line-height: 1.8;
  text-align:right;
}
.content img.alignleft{
  float:left;
  padding:0 10px 10px 0;
}
.content img.alignright{
  float:right;
  padding:0 0 10px 10px;
}
#pagewrap .relation ul {
  padding: 15px 0 15px 40px;
}
.sub {
  font-size: 10px;
  margin: 5px 10px 5px 20px;
}

/* comments
------------------------------------------------------------*/
#comments-area {
  padding: 15px;
  font-size: 90%;
  line-height: 170%;
  clear: both;
}
#comments-area small{
  font-size: 85%;
}
#comments-area ol.commentlist {
  list-style-type: none;
  padding-left: 5%;
}
#comments-area input#author,
#comments-area input#email,
#comments-area input#url {
  border: 1px solid #666;
  padding: 3px;width: 50%;
}
#comments-area textarea#comment {
  border: 1px solid #666;
  width: 92%;
  padding: 3px;
}
#comments-area form#commentform {
  padding: 0 0 0 5%;
}
#comments-area p.nocomments {
  display: none;
}

/* Sidebar
------------------------------------------------------------*/
.sidebar {
  margin:0;
  padding:0;
  font-size: 13px;
  line-height: 1.4em;
}
.sidebar ul{
  list-style-type: none;
  margin: 0;
  overflow: hidden;
  background-color: #fff;
  padding: 7px 1%;
}
.sidebar ul li{
  background-color: #fff;
  padding: 0.2em 0 0.2em 10px;
}
.sidebar #ad{
  margin:0 0 10px 1px;
  padding:0;
  width:218px;
}
.sidebar #ad img{
  width:218px;
  display:block;
}
.sidebar #ad a img{
  display:block;
  text-decoration:none;
  border:none;
  visibility:visible;
}
.sidebar p{
  line-height:150%;
  padding: 7px 3%;
}
.sidebar .widget{
  overflow: hidden;
  margin: 5px 20px 5px 4px;
}
.sidebar p.module_title {
  margin: 0 5px 5px 0;
  padding: 0;
  clear: both;
  color:#333;
  background-color: #98C93C;
  font-size: 13px;
  line-height: 1.8;
  font-weight: bold;
  text-align:center;
  width:100%;
}
.sidebar a {
  color: #412616;
}
.sidebar a:hover {
  color: #99CC33;
  text-decoration: underline;
}
.sidebar #acv{
  margin:15px 0;
  padding:0;
}
/* textwidget
------------------------------------------------------------*/
.sidebar .textwidget p {
  background-color: #fff;
}

/*検索 search*/
.sidebar #searchform input#s {
  font-size:12px;
  width:60%;
  margin: 8px auto;
}
.sidebar #searchform label.hidden {
  font-weight: bold;
}
label.screen-reader-text{
  visibility:hidden;
}
#searchsubmit{
  width:3em;
  margin: 8px 0 0 80px;
}
/*カレンダー Calendar*/
.sidebar #wp-calendar {
  color: #412616;
  background-color: #fff;
  line-height: 100%;
  font-size: 95%;
  width:100%;
  margin:0 15px -20px 0;
  padding: 0 15% 0 0;
  position:relative;
  top:-30px;
}
.sidebar #wp-calendar a{
  color: #98C93C;
}
.sidebar #calendar p.module_title {
  background-color: #fff;
}
.sidebar #wp-calendar thead {
  background-color: #eee;
}
.sidebar #wp-calendar caption {
  color: #000;
  font-weight: bold;
  line-height:1.6;
  background-color: #98C93C;
  padding: 3px 0;
  width:100%;
}
.sidebar #wp-calendar th{
  text-align: center;
  padding: 3px 0;
}
.sidebar #wp-calendar td{
  text-align: center;
  padding: 3px 0;
}
.sidebar #archives {
  margin:0 auto;
}
/*タグクラウド
------------------------------------------------------------*/
.sidebar #tag_cloud {
  line-height: 1.2;
}

/* Others 
------------------------------------------------------------*/
#main .edit{
  padding: 0;
  float: right;
  width: 49px;
  height: 15px;
  margin: 0;
}
#main .edit a{
  position: absolute;
  top: -30px;
  right: 0;
  background-color: #07f;
  color: #fff;
  padding: 2px 10px;
}


