@charset "utf-8";


/* -------------------------------------------------------------------
 基本設定
------------------------------------------------------------------- */
/* ブラウザ設定リセット------------------------------- */
body, h1, h2, h3, h4, h5, h6, p, address,ul, ol, li, dl, dt, dd,table, caption, th, td, img, form {
margin:0;
padding:0;
border:none;
font-style:normal;
font-weight:normal;
font-size:100%;
text-align:left;
list-style-type:none;
}
img {
border:none;
}
textarea {
font-size:100%;
}
/* 配置クラス ------------------------------- */
.aline-right {
display:block;
text-align:right;
}
.aline-center {
display:block;
text-align:center;
}
.aline-left {
display:block;
text-align:l eft;
}
.float-left {
display:block;
float:left;
}
.float-right {
display:block;
float:right;
}
/* クリアーボス */
.clearfix:after {
content:".";/* 新しい要素を作る */
display:block;/* ブロックレベル要素に */
clear:both;
height:0;
visibility:hidden;
}

.clearfix {
min-height:1px;
}

* html .clearfix {
height:1px;
/*\*//*/
height:auto;
overflow:hidden;
/**/
}
/* -------------------------------------------------------------------
フォント
------------------------------------------------------------------- */
body {
font-family:"Gergia", "ヒラギノ明朝 Pro W3", "ＭＳ　Ｐ 明朝", serif;
font-weight:normal;
font-size:12px;
line-height:150%;
text-decoration:none;
color:#333333;
}

h1,h2,h3,h4,h5,h6 {
font-size:100%;
font-weight:normal;
}

h2 {
font-size:15px;
text-decoration:bold;
}
h3 {
font-size:14px;
text-decoration:bold;
line-height:150%;
}
h4 {
font-size:13px;
text-decoration:bold;
line-height:150%;
}
p {
font-size:12px;
text-decoration:none;
line-height:150%;
}
.text-b {
font-weight:bold;
}
.text-i {
font-style:italic;
}

.text-c1 {
color:#8A7249;
}
.text-c2 {
color:#F4007A;
}
/* 基本テキストリンク -------------------- */
a:link {
color:#36AAD3;
text-decoration:none;
}
a:visited {
color:#36AAD3;
text-decoration:none;
}
a:hover {
color:#2783A3;
text-decoration:none;
}
a:active {
color:#36AAD3;
text-decoration:none;
}
/* テキストリンク2 -------------------- */
.link2 a:link {
color:#333333;
text-decoration:none;
}
.link2 a:visited {
color:#333333;
text-decoration:none;
}
.link2 a:hover {
color:#000000;
text-decoration:underline;
}
.link2 a:active {
color:#333333;
text-decoration:none;
}
/* -------------------------------------------------------------------
レイアウト枠
------------------------------------------------------------------- */
#wrap {
width:auto;
margin:0 auto;
text-align:center;
}
/* -------------------------------------------------------------------
ヘッダー
------------------------------------------------------------------- */
#hd-bg {
width:100%;
}
#hd {
width:980px;
height:42px;
margin:0 auto;
padding:20px 0 20px 0;
}
#hd h1 a {
width:200px;
height:42px;
display:block;
background:url(../img/hd-logo.jpg) no-repeat 0px 0px;
text-indent:-99999px;
overflow:hidden;
}
/* フォーム -------------------- */
.form-box {
width:200px;
}
.form-wideth01 {
width:120px;
margin:12px 8px 0 0;
}
/* submitボタン -------------------- */
.form-btnbox a, .form-btnbox button {
width:60px;
height:18px;
margin:12px 0 0 0;
display:block;
cursor:pointer;
}
.form-btnbox button {
width:60px;
height:18px;
margin:12px 0 0 0;
overflow:visible;
}
button.form-img-btn, .form-btnbox a.form-img-btn {
width:60px;
height:18px;
margin:12px 0 0 0;
display:block;
background:url(../img/btn-ss01.jpg) no-repeat 0px 0px;
text-indent:-99999px;
overflow:hidden;
border:none;
}
.form-btnbox a.form-img-btn:hover, button.form-img-btn:hover {
background:url(../img/btn-ss01.jpg) no-repeat 0px -18px;
border:none;
}
/* 検索結果改ページ -------------------- */
.navigation {
width:735px;
padding:0 0 0 0;
}
/* -------------------------------------------------------------------
フッター
------------------------------------------------------------------- */
#ft-bg {
width:100%;
height:80px;
background:#EEEEEE;
}
#ft {
width:980px;
padding:10px 0 15px 0;
margin:0 auto;
}
#ft p {
padding:0 0 15px 0;
}
#ft li {
float:left;
}
/* -------------------------------------------------------------------
コンテンツ
------------------------------------------------------------------- */
.ct-area-bg {
width:100%;
background:#FFFFFF;
}
.ct-area {
width:980px;
margin:0 auto;
}
#ct1 {
width:760px;
padding:15px 0 15px 0;
text-align:left;
float:left;
}
#ct2 {
width:200px;
padding:15px 0 15px 0;
text-align:left;
float:right;
}
#ct1-box {
width:730px;
padding:0 15px 0 15px;
}
#ct1-title {
width:730px;
padding:0 0 2px 0;
border-bottom:1px #999999 dotted;
}
#ct1-post {
width:710px;
padding:15px 10px 15px 10px;
}
#ct1-footer {
width:730px;
padding:10px 0 0 0;
border-top:1px #999999 dotted;
}
/* -------------------------------------------------------------------
 メニュー
------------------------------------------------------------------- */
.navi-box {
}
.navi-box ul {
}
.navi-box li {
padding:8px 0 8px 0;
border-bottom:1px #999999 dotted;
}
.navi-box li a {
font-size:14px;
text-decoration:bold;
}
/* -------------------------------------------------------------------
ライン
------------------------------------------------------------------- */
.line-hdft {
width:100%;
height:5px;
background:url(../img/line-hdft.jpg) repeat-x ;
}
.line-a {
width:760px;
height:25px;
background-image:url(../img/line-a.png);
background-repeat:no-repeat;
behavior: expression(IEPNGFIX.fix(this));
}
.line-b {
width:760px;
height:25px;
background-image:url(../img/line-b.jpg);
background-repeat:no-repeat;
}
.line-c {
width:760px;
height:25px;
background-image:url(../img/line-c.jpg);
background-repeat:no-repeat;
}
.line-d1 {
width:200px;
height:25px;
background-image:url(../img/line-d1.png);
background-repeat:no-repeat;
behavior:expression(IEPNGFIX.fix(this));
border-bottom:1px #999999 dotted;
}
.line-d2 {
width:200px;
height:25px;
background-image:url(../img/line-d2.png);
background-repeat:no-repeat;
behavior:expression(IEPNGFIX.fix(this));
margin-bottom:25px;
}
.line-e {
width:100%;
height:5px;
background:url(../img/line-e.jpg) repeat-x ;
}
/* -------------------------------------------------------------------
タイトルバー
------------------------------------------------------------------- */
#title-bg {
width:100%;
background:url(../img/title-bg.jpg) repeat-x ;
}
#title01 h2 {
width:980px;
height:38px;
margin:0 auto;
background:url(../img/title01.png) no-repeat 0px 0px;
behavior:expression(IEPNGFIX.fix(this));
text-indent:-99999px;
overflow:hidden;
}
#title02 h2 {
width:980px;
height:11px;
margin:10px 0 15px 0;
background:url(../img/title02.png) no-repeat 0px 0px;
behavior:expression(IEPNGFIX.fix(this));
text-indent:-99999px;
overflow:hidden;
}
/* -------------------------------------------------------------------
バックナンバー
------------------------------------------------------------------- */
#backnumber-box {
width:965px;
padding:0 0 0 15px;
}
#backnumber-box ul {
}
#backnumber-box li {
float:left;
padding:0 20px 15px 0;
}
#backnumber-box img {
width:60px;
height:85px;
}
#backnumber-box li a:hover img {
filter:alpha(opacity=70);
opacity:0.7;
}
/* -------------------------------------------------------------------
TOPページコンテンツ
------------------------------------------------------------------- */
/* ニュース -------------------- */
#top-news-bg {
width:100%;
background:#EEEEEE;
}
#top-news {
width:980px;
margin:0 auto;
}
#ct1-post-news {
width:710px;
padding:15px 10px 15px 10px;
}
#ct1-post-news-img {
float:left;
display:block;
}
#ct1-post-news-txt {
width:485px;
float:right;
display:block;
}
/* -------------------------------------------------------------------
TOPページコンテンツ　記事一覧
------------------------------------------------------------------- */
/* トップページ */
#ct1-2 {
width:760px;
padding:15px 0 15px 0;
text-align:left;
float:left;
}
#ct2-2 {
width:200px;
padding:15px 0 15px 0;
text-align:left;
float:right;
}
/* 一覧ページ */
#ct1-3 {
width:760px;
padding:15px 0 15px 0;
text-align:left;
float:left;
}
/* 一覧ページタイトル */
#page-title {
width:730px;
padding:0 0 2px 0;
margin:0 0 5px 15px;
border-bottom:1px #999999 dotted;
}
/* 改ページリスト */
#page-list {
width:720px;
padding:0 0 0 28px;
}
#page-list ul {
text-align:center;
}
/* wordpress　archive.phpの改ページで自動的に出力 */
.page-numbers {
display:inline; 
padding:0 15px 0 0;
}
/* -------------------------------------------------------------------
TOPページコンテンツ　記事一覧　配置2列の場合
------------------------------------------------------------------- */
#info-thum2-box {
width:760px;
}
#info-thum2-box li.odd {
width:366px;
min-height:200px;
padding:0 0 0 25px;
margin:0 0 10px 0;
float:left;
background-image:url(../img/line-f1.jpg);
background-repeat:no-repeat;
background-position:left bottom;
position:relative;
}
#info-thum2-box li {
width:369px;
min-height:200px;
margin:0 0 10px 0;
float:left;
background-image:url(../img/line-f2.jpg);
background-repeat:no-repeat;
background-position:left bottom;
position:relative;
}
#info-thum2 {
width:342px;
}
/* 画像サイズ */
.info-thum2-img a {
width:330px;
display:block;
text-align:center;
padding:5px;
margin:0 0 10px 0;
background:#F3F3F3;
border:1px #CCCCCC solid;
}
.info-thum2-img a:hover {
border:1px #333333 solid;
}
/* 文字設定 */
.info-thum2 h3 {
width:338px;
padding:0 0 15px 0;
}
.info-thum2-read {
width:338px;
padding:0 0 70px 0;
}
.info-thum2-plus {
width:342px;
position:absolute;
bottom:28px;
}
.info-thum2-plus .text-small {
font-size:11px;
}
/* -------------------------------------------------------------------
TOPページコンテンツ　記事一覧　配置4列の場合
------------------------------------------------------------------- */
#info-thum4-box {
width:760px;
background-image:url(../img/line-g.jpg);
background-repeat:no-repeat;
background-position:left bottom;
}
#info-thum4-box li {
width:158px;
min-height:200px;
padding:0 0 0 25px;
float:left;
position:relative;
}
#info-thum4 {
width:158px;
}
/* 画像サイズ */
.info-thum4-img img {
width:146px;
height:auto;
}
.info-thum4-img a {
width:146px;
display:block;
text-align:center;
padding:5px;
margin:0 0 10px 0;
background:#F3F3F3;
border:1px #CCCCCC solid;
}
.info-thum4-img a:hover {
border:1px #333333 solid;
}
/* 文字設定 */
.info-thum4 h3 {
width:158px;
padding:0 0 70px 0;
}
.info-thum4-plus {
width:158px;
position:absolute;
bottom:28px;
}
.info-thum4-plus .text-small {
font-size:11px;
}
/* -------------------------------------------------------------------
TOPページバナー
------------------------------------------------------------------- */
.banner-box {
width:180px;
display:block;
padding:0 0 0 10px;
}
.banner-box ul li {
margin:0 0 15px 0;
}
/* -------------------------------------------------------------------
一覧ページ　記事一覧　配置2列の場合
------------------------------------------------------------------- */
.info-thum2-2-box {
width:342px;
margin:0 0 15px 0;
background-image:url(../img/line-h.jpg);
background-repeat:no-repeat;
background-position:left bottom;
position:relative;
}
/* 画像サイズ */
.info-thum2-2-img img {
width:146px;
height:auto;
}
.info-thum2-2-img a {
width:146px;
display:block;
text-align:center;
padding:5px;
background:#F3F3F3;
border:1px #CCCCCC solid;
}
.info-thum2-2-img a:hover {
border:1px #333333 solid;
}
/* 文字設定 */
.info-thum2-2-titlebox {
width:169px;
display:block;
}
.info-thum2-2-title {
font-size:14px;
padding:0 0 15px 0;
}
.info-thum2-2-plus {
width:169px;
position:absolute;
bottom:3px;
right:3px;
}
.info-thum2-2-plus .text-small {
font-size:11px;
}
.info-thum2-2-read {
width:338px;
padding:0 0 40px 0;
}
/* -------------------------------------------------------------------
パンクズナビ
------------------------------------------------------------------- */
#pankuzu-bg {
width:100%;
background:url(../img/pankuzu-bg.jpg) repeat-x ;
}
#pankuzu p {
width:980px;
height:28px;
margin:0 auto;
font-size:10px;
line-height:28px;
color:#FFFFFF;
}
#pankuzu p a {
color:#FFFFFF;
}
#pankuzu p a {
color:#FFFFFF;
}
#pankuzu p a:hover {
color:#FFFFFF;
text-decoration:underline;
}
/* -------------------------------------------------------------------
記事詳細
------------------------------------------------------------------- */
#ct1-4 {
width:760px;
padding:15px 0 15px 0;
text-align:left;
float:left;
}
#ct1-4-footer {
width:730px;
padding:5px 0 40px 0;
margin:5px 0 0 15px;
border-top:1px #999999 dotted;
}
#page-title2 {
width:730px;
padding:0 0 2px 0;
margin:0 0 5px 15px;
border-bottom:1px #999999 dotted;
}
#ct1-post-doc {
width:710px;
padding:0 25px 0 25px;
}
.doc-line1 {
width:710px;
margin:0 0 15px 0;
border-bottom:1px #DFDFDF dotted;
float:left;
}
.doc-img1 {
padding:0 20px 15px 0;
float:left;
}
.doc-img2 {
padding:0 0 15px 0;
float:right;
}
.doc-img3 {
width:710px;
padding:0 0 15px 0;
float:left;
}
.doc-txt1 {
width:485px;
padding:0 0 15px 0;
float:right;
}
.doc-txt2 {
width:485px;
padding:0 0 15px 0;
float:left;
}
.doc-txt3 {
width:710px;
padding:0 0 15px 0;
float:left;
}
.doc-box1 {
width:710px;
padding:15px 0 15px 0;
margin:0 0 15px 0;
background-color:#F0F0F0;
float:left;
}
.doc-box1-img {
width:200px;
margin:0 15px 0 15px;
border:5px #FFFFFF solid;
}
.doc-box1-text {
width:440px;
padding:0 15px 0 15px;
}
/* リンク設定 */
#ct1-post-doc a {
padding:3px;
}
#ct1-post-doc a:hover {
padding:3px;
background:#FFFF33;
}
/* -------------------------------------------------------------------
サイトマップページ
------------------------------------------------------------------- */
.ddsg-wrapper h2 {
display:block;
text-indent:-99999px;
overflow:hidden;
}
.ddsg-wrapper ul {
padding:0 0 15px 0;
border-bottom:1px #999999 dotted;
}
.ddsg-wrapper li {
padding:0 0 15px 0;
font-size:13px;
}
.ddsg-wrapper p {
font-size:10px;
}
/* -------------------------------------------------------------------
Contactページ用
------------------------------------------------------------------- */
/* テーブルパーツ */
.table1{
background-color:;
}
.CELL_1_L{
width:130px;
padding:10px;
background-color:;
text-align:right;
}
.CELL_2{
width:430px;
padding:10px;
background-color:;
text-align:left;
}
/* フォームの長さ設定 */
.form-text01{
width:430px;
}
/* サブミットボタンカスタマイズ */
.submit_btn input,
.submit_btn_cart02 input{
background: url(../img/submitbutton-bg_out.jpg) repeat-x 50% 50%;
border:1px solid #BCBCBC;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
padding: 7px 25px;
color: #FFFFFF;
font-size: 1.2em;
font-weight: bold;
text-align: center;
}
.submit_btn input:hover,
.submit_btn_cart02 input:hover {
background: url(../img/submitbutton-bg_on.jpg) repeat-x 50% 50%;
border:1px solid #BCBCBC;
color: #FFFFFF;
cursor: pointer;
}

.wpcf7-response-output{
text-align:center;
}