@charset "utf-8";
/*
Theme Name: PEER
Theme URI: http://www.peer.co.jp/
Description: PEER
Version: 1.0
Author: Seika
Author URI: http://www.seika-office.com/
*/

*{margin:0;padding:0;}

body{
font:14px/1.7 "メイリオ","Meiryo",arial,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
color:#252525;
background:#fff url(images/bg.png) repeat-x 50% 0;
}

#wrap{
width:100%;
background:#fff url(images/bg1.png) repeat-x 50% 0;
}

a{color:#777;}
a:hover{color:#919191;text-decoration:none;}
a:active, a:focus {outline:0;}

img{border:0;}
.clear{clear:both;}
p{padding-bottom:15px;
}

/*******************************
レイアウト
*******************************/
#header, #wrapper, .inner{
margin:0px auto;
width:940px;
}

#wrapper{padding:20px 0 30px;}

#main{
float:left;
width:620px;
}

#sidebar{
float:right;
width:300px;
}

#bottom{
clear:both;
}


/*******************************
/* ヘッダー
*******************************/
#header{
position:relative;
height:90px;
}

#header h2{
position:absolute;
top:32px;
}
#header p{
position:absolute;
top:50px;
}

#header h1{
font-size:11px;
font-weight:normal;
line-height:21px;
}

#header p{
right:0;
}
.menu{
margin-right:10px;
}
.menu li{
float:right;
width:auto;
display:block;
padding:0 10px 0 20px;
text-decoration:none;
background:url(images/bullet.png) no-repeat 0 50%;
}
.menu li a{
text-decoration:none;
font-size:12px;
}



/************************************
/* メインナビゲーション
************************************/
ul#mainnav{
margin:0 auto;
width:940px;
height:47px;
background:url(images/mainnav.png) no-repeat 0 0;
}

ul#mainnav li{float:left;list-style:none;width:188px;}

ul#mainnav a{
color:#000;
text-decoration:none;
display:block;
width:188px;
height:37px;
background:url(images/mainnav.png) no-repeat 0 0;
text-align:center;
padding-top:10px;
font-size:15px;
}

ul#mainnav a#menu{background-position:0 0;}
ul#mainnav a#menu1{background-position:-188px 0;}
ul#mainnav a#menu2{background-position:-376px 0;}
ul#mainnav a#menu3{background-position:-564px 0;}
ul#mainnav a#menu4{background-position:-752px 0;}

ul#mainnav a#menu:hover, ul#mainnav li.active a#menu{background-position:0 -47px;}
ul#mainnav a#menu1:hover, ul#mainnav li.active a#menu1{background-position:-188px -47px;}
ul#mainnav a#menu2:hover, ul#mainnav li.active a#menu2{background-position:-376px -47px;}
ul#mainnav a#menu3:hover, ul#mainnav li.active a#menu3{background-position:-564px -47px;}
ul#mainnav a#menu4:hover, ul#mainnav li.active a#menu4{background-position:-752px -47px;}



/*******************************
メイン画像
*******************************/
#mainImage{
margin:20px auto 20px;
text-align:center;
}


/*******************************
バナー
*******************************/
#banner{
text-align:center;
}


/*******************************
コンテンツ
*******************************/
#main p{margin-bottom:10px;}


#main  ul{margin:0 6px 25px;}

#main ul li{
list-style:none;
margin-bottom:10px;
padding-bottom:2px;
border-bottom:1px dotted #ccc;
}

#main ul li a{
display:block;
padding:0 5px 0 22px;
text-decoration:none;
background:url(images/bullet.png) no-repeat 0 50%;
}

#main ul li a:hover{
background-position:5px 50%;
}

.readon{clear:both;}

.readon a{
display:block;
padding-left:22px;
background:url(images/bullet.png) no-repeat 0 50%;
text-decoration:none;
}

.readon a:hover{
background-position:5px 50%;
}

#date{
text-align: right;
padding-bottom:10px;
font-weight:bold;
color:#858585;
font-family:Georgia, "Times New Roman", Times, serif;
}

#next {
text-align: center;
padding-top: 30px;
padding-bottom: 30px;
}

img.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto;
}
img.alignright {
    padding: 4px;
    margin: 0 0 2px 7px;
    display: inline;
}
img.alignleft {
    padding: 4px;
    margin: 0 7px 2px 0;
    display: inline;
}
.alignright {
    float: right;
}
.alignleft {
    float: left;
}

.box_img_border{
   border: 1px solid #cccccc;
   padding: 1px;
  margin: 1px;
}

ul.pagenav{
width:620px;
padding:20px 0 50px;
}

ul.pagenav li{
list-style: none;
float: left;
}

ul.pagenav li a{
padding:0 0 0 20px;
text-decoration:none;
background:url(images/bullet2.png) no-repeat 0 50%;
}

ul.pagenav li.next{
float: right;
}

ul.pagenav li.next a{
padding:0 22px 0 0;
background:url(images/bullet.png) no-repeat 100% 50%;
}


/*************
/* 見出し background:url(images/heading.png) repeat-x 0 100%;
*************/
#main h2,#main h3,#sidebar h3,#bottom h3{
font-weight:normal;
margin:20px 0 10px 0;
padding:5px 0;
color:#000;
}

#main h2,#main h3,#sidebar h3,#bottom h3{
border-bottom:3px solid #de1511
}

#main h2{
padding-left:35px;
background:url(images/heading2.png) no-repeat 0 50%;
}

h4 {
    background: none repeat scroll 0 0 #de1511;
    border-radius: 10px 10px 10px 10px;
    color: #FFFFFF;
    font-size: 14px;
    height: 25px;
    margin-bottom: 10px;
    margin-left: 0;
    margin-top: 10px;
    padding-left: 10px;
    padding-top: 5px;
    width: 98%;
}

h5 {
    border-left: 5px solid #de1511;
    clear: both;
    font-size: 15px;
    font-weight: normal;
    height: 100%;
    margin: 10px 0 5px 2px;
    padding: 3px 5px;
    text-align: left;
    text-shadow: 0 1px 0 #D9D9D9;
}

#sidebar h5 {
    border-left: 5px solid #de1511;
    clear: both;
    font-size: 12px;
    font-weight: normal;
    height: 100%;
    margin: 10px 0 5px 2px;
    padding: 3px 5px;
    text-align: left;
    text-shadow: 0 1px 0 #D9D9D9;
}
/*************
/* サイドバー
*************/
#sidebar ul{margin:0 6px 25px;}

#sidebar ul li{
list-style:none;
margin-bottom:10px;
padding-bottom:2px;
border-bottom:1px dotted #ccc;
}

#sidebar ul li a{
display:block;
padding:0 5px 0 22px;
text-decoration:none;
background:url(images/bullet.png) no-repeat 0 50%;
}

#sidebar ul li a:hover{
background-position:5px 50%;
}


/*******************************
/* ボトム
*******************************/
.boxContainer{
overflow:hidden;
background:url(images/boxBt.png) 0 100% repeat-x;
color:#333;
}

.boxContainer p{margin-bottom:10px;}

* html .boxContainer{height:1%;}

#bottom .box{
float:left;
width:270px;
margin-right:20px;
padding:18px 15px 15px;
background:url(images/boxTop.png) 0 0 repeat-x;
}

#bottom .last{margin-right:0;}

#bottom .box img{
float:left;
padding:0 10px 0 0;
}


/*******************************
/* フッター
*******************************/
#footer{
clear:both;
padding-bottom:10px;
text-align:center;
background:url(images/heading.png) repeat-x 0 50px;
}

.inner{
position:relative;
}

#footer ul{
padding:25px 0 10px;
text-align:center;}

#footer ul li{
display:inline;
padding:0 5px;
}

#footer ul li a{
text-decoration:none;
}

#footer p{
position:absolute;
right:0;
top:15px;
}

address{
font-style:normal;
font-size:12px;
}

/*******************************
/* 追加
*******************************/
.breadcrumbs{
margin-bottom:20px;
}

.wpcf7-submit{
width:100px;
}
.kakomu{
    border: 1px dotted #666666;
    font-size: 12px;
    margin: 0 0 20px;
    min-height: 1px;
    padding: 10px 20px;
}


.catetitle {
    border: 2px solid #e5c9b6;
    color: #595959;
    font-size: 12px;
    font-weight: bold;
    line-height: 30px;
    margin-top: 5px;
    padding: 1px 10px 0;
}
.bg-g{
background:#fff;
}

div.pagenavi {
    width: 99%;
    margin: 2em 0;
    padding: .8em 3px;
    border-top: 1px solid #ccc;
}
 
.wp-pagenavi {
    clear: both;
}
 
.wp-pagenavi a, .wp-pagenavi span {
    text-decoration: none;
    background-color: #ffffff;
    border: 1px solid #c6a58b;
    padding: 3px 5px;
    margin: 2px;
}
 
.wp-pagenavi a:hover, .wp-pagenavi span.current {
    background-color: #FFF;
    border-color: #CCC;
}
 
.wp-pagenavi span.current {
    color: #AAA;
}

table {
    border-collapse: collapse;
    border-left: 1px solid #B3B3B3;
    border-top: 1px solid #B3B3B3;
    margin: 15px auto 20px;
    text-align: left;
    width: 100%;
}
table th {
    background-color: #EEEEEE;
    border-bottom: 1px solid #B3B3B3;
    border-right: 1px solid #B3B3B3;
    color: #595959;
    font-weight: normal;
    padding: 8px;
    width: 200px;
    text-align:left;
}
table td {
    border-bottom: 1px solid #B3B3B3;
    border-right: 1px solid #B3B3B3;
    padding: 8px;
}



img.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto;
    border: 1px solid #b3b3b3;
    padding: 5px;
box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.1); 
}

img.alignleft{
    border: 1px solid #b3b3b3;
    display: inline;
    float: left;
    margin: 0 10px 2px 0;
    padding: 4px;
    box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.1);
}

img.alignright {
    border: 1px solid #b3b3b3;
    display: inline;
    float: right;
    margin: 0 10px 2px 0;
    padding: 4px;
    box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.1);
}

.p-right{
float:right;
}

.point-s{
font-size:12px;
}

/* フォーム
------------------------------------------------------------*/
input[type="text"], input[type="email"], textarea{
vertical-align:middle;
width:80%;
line-height:30px;
height: 35px !important;
padding:1px 5px;
border:1px solid #d4d4d7;
border-radius:3px;
-webkit-border-radius:3px;
-moz-border-radius:3px;
font-size:100%;
color:#555;
background:#fcfcfc;
}

textarea{
height:auto;
line-height:1.5;
}

input[type="submit"], input[type="reset"], input[type="button"]{
padding:3px 10px;
background: #9a234f;
background: -moz-linear-gradient(top, #cc5478 0%, #9a234f 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#cc5478), color-stop(100%,#9a234f));
background: -webkit-linear-gradient(top, #cc5478 0%,#9a234f 100%);
background: -o-linear-gradient(top, #cc5478 0%,#9a234f 100%);
background: -ms-linear-gradient(top, #cc5478 0%,#9a234f 100%);
background: linear-gradient(to bottom, #cc5478 0%,#9a234f 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cc5478', endColorstr='#9a234f',GradientType=0 );
border:0;
border-radius:3px;
-webkit-border-radius:3px;
-moz-border-radius:3px;
line-height:1.5;
font-size:100%;
color:#fff;
}

input[type="submit"]:hover,input[type="reset"]:hover,input[type="button"]:hover{
cursor:pointer;
background: #9a234f;
background: -moz-linear-gradient(top, #9a234f 0%, #cc5478 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#9a234f), color-stop(100%,#cc5478));
background: -webkit-linear-gradient(top, #9a234f 0%,#cc5478 100%);
background: -o-linear-gradient(top, #9a234f 0%,#cc5478 100%);
background: -ms-linear-gradient(top, #9a234f 0%,#cc5478 100%);
background: linear-gradient(to bottom, #9a234f 0%,#cc5478 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9a234f', endColorstr='#cc5478',GradientType=0 );
}

*:first-child+html input[type="submit"]{padding:3px;}