@charset "utf-8";

/*-------------- ここから消去・編集不可 ---------------------------------------------

License: GNU General Public License
License URI: license.txt
Theme URI: http://templx.com/
Theme Name: template-W184s
Author: TEMPLX
Author URI: http://templx.com/
Description: HTML5,CSS3「ダイナミック サービング(Dynamic Serving)」wordpressテンプレート(テーマ)｜TEMPLX

 『こちらのテンプレートは編集、再販、譲渡を許可していますが
  購入後でも著作権は TEMPLX にあります。
  上記、著作権者やURL等の変更、消去を禁止します。』

--------------- 消去・編集不可ここまで --------------------------------------------- */


/*** Css初期化 ***/
html, body, div, h1, h2, h3, h4, h5, h6, p, span, header, footer, nav, aside,
small, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp,
strong, sub, sup, var, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td, article, dialog, blockquote, figure,
menu, section, time, mark, object, audio, video {
margin:0;
padding:0;
border:0;
font-weight:inherit;
font-style:inherit;
font-size:100%;
font-family:inherit;
vertical-align:baseline;
word-break:break-all;
}

section, header, footer, aside,
article, menu, nav, details,
figcaption, figure {
display:block;
}

body { 
line-height:1.5;
font-family:"メイリオ",Meiryo,Verdana,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック",sans-serif;
font-size:90%;
text-align:center;
color:#303030;
background:#f6f6f6;
}

html {
}

h1, h2, h3, h4, h5, h6, em {
font-weight:normal;
}

.clear {
clear:both;
}

img {
border:none;
}

ul,li {
list-style:none;
}

a {
outline:none;
color:#303030;
text-decoration:none;
}

a:hover, a:active {
color:#4a776d;
}


/*【全体の幅】 --------------- */

#wrapper {
width:100%;
margin:0 auto;
text-align:center;
}

.wrapper-loading {
width:100%;
height:100%;
background:#f6f6f6;
position:fixed;
top:0;
left:0;
}

.wrapper-loading img {
margin:0 auto;
padding-top:300px;
}

/* -------------------------------------------------------------- */


/*【自由記入欄の設定】 --------------- */

.free-content-img {
width:auto;
text-align:center;
position:absolute;
bottom:30px;
left:0;
right:0;
}

.free-content-img-in {
width:918px;
height:auto;
margin:0 auto;
}

.free-content-img-in1 {
width:270px;
height:auto;
float:right;
}

.free-content {
width:100%;
margin-bottom:40px;
float:left;
}

.free-content-out {
width:100%;
height:auto;
margin:0 auto;
}

.free-content h2 {
width:100%;
height:62px;
margin-bottom:10px;
padding-top:18px;
text-align:left;
background:url(images/content-title1.jpg) no-repeat;
font-weight:bold;
color:#fff;
}

.free-content h2 span {
margin-left:10px;
}

.free-content-in p {
padding:0 15px;
}

.free-area {
width:100%;
float:left;
}

/* -------------------------------------------------------------- */


/* 【メイン画像の設定】 --------------- */

/***スライダー***/
.main-img-body {
width:100%;
margin-bottom:40px;
position:relative;
float:left;
}

.main-img-out {
width:100%;
height:700px;
text-align:center;
float:left;
}

.main-img {
width:100%;
height:auto;
margin:0 auto;
text-align:left;
position:relative;
overflow:hidden;
}

.main-img-in {
width:100%;
height:700px;
text-align:left;
position:relative;
overflow:hidden;
}

.main-img ul {
float:left;
display:inline;
overflow:hidden;
}

.main-img ul li {
float:left;
display:inline;
overflow:hidden;
}

.slideimg {
position:absolute;
top:0;
left:0;
}

.slideimg-in {
position:absolute;
top:0;
left:0;
overflow:hidden;
}

.nextslide,
.prevslide {
background:#fff;
overflow:hidden;
position:absolute;
top:0;
}

.prevslide p {
width:60px;
height:120px;
float:right;
cursor:pointer;
position:relative;
left:0;
top:42.5%;
}

.nextslide p {
width:60px;
height:120px;
float:left;
cursor:pointer;
position:relative;
right:0;
top:42.5%;
}

.wideimg-but {
width:100%;
text-align:center;
position:absolute;
left:0;
bottom:10px;
z-index:900;
}

.wideimg-but p {
width:15px;
height:15px;
margin:0 3px;
display:inline-block;
cursor:pointer;
overflow:hidden;
}

*:first-child+html .wideimg-but p {
zoom:1;
display:inline;
}

.wideimg-but p.slidebut {
filter:alpha(opacity=80)!important;
-moz-opacity:0.8!important;
opacity:0.8!important;
}

/***カスタムヘッダー***/
#main-img-h {
width:100%;
height:700px;
margin-bottom:40px;
text-align:center;
float:left;
overflow:hidden;
}

#main-img-inside {
width:100%;
float:left;
position:relative;
}

#headerh-img {
width:100%;
position:relative;
overflow-x:hidden;
}

#headerh-img img.custom-img {
margin-left:-1000px;
float:left;
position:relative;
left:50%;
}

/* -------------------------------------------------------------- */


/*【ヘッダーの設定】 --------------- */

header {
width:100%;
height:auto;
background:#4d8e7e;
text-align:center;
color:#fff;
float:left;
}

#header-in {
width:918px;
height:110px;
margin:0 auto;
}

header h1 {
width:100%;
height:auto;
padding:2px 0;
text-align:left;
float:left;
}

header h2 {
width:200px;
height:80px;
text-align:left;
float:left;
}

#top-space {
width:200px;
height:80px;
text-align:right;
float:right;
}

/* -------------------------------------------------------------- */


/*【ヘッダーメニューCSSスプライトの設定】 --------------- */

nav.main-menu {
width:918px;
height:auto;
margin:0 auto;
}

nav.main-menu ul {
width:100%;
padding-bottom:5px;
text-align:right;
float:left;
}

nav.main-menu li {
margin-left:10px;
text-align:center;
display:inline;
}

nav.main-menu span {
padding-top:10px;
font-size:110%;
}

.main-menu a {
padding-left:1px;
color:#fff;
display:inline-block;
vertical-align:middle;
}

li.menu-home a,
li.main-menu2p a,
li.main-menu3p a,
li.main-menu4p a,
li.main-menu5p a,
li.main-menu6p a {
font-weight:bold;
}

.main-menu a:hover {
color:#c5dfd9;
}

/* -------------------------------------------------------------- */


/* 【ウィジェット共通の設定】 --------------- */

aside.widget {
width:300px;
margin-bottom:20px;
float:left;
}

.widget-body {
width:100%;
padding:20px 0;
float:left;
}

/* -------------------------------------------------------------- */


/* 【ウィジェットの設定】 --------------- */

#widget-area {
width:300px;
text-align:center;
float:left;
}

#widget-area h2 {
width:100%;
height:57px;
margin-bottom:10px;
padding-top:23px;
text-align:left;
background:url(images/content-title3.jpg) no-repeat;
font-weight:bold;
color:#fff;
}

#widget-area h2 span {
margin-left:10px;
}

#widget-area ul {
width:100%;
text-align:center;
padding-bottom:15px;
}

#widget-area ul li {
width:95%;
text-align:left;
margin:0 auto;
padding:8px 0;
border-bottom:1px #b6b6b6 dotted;
}

#widget-area ul li a {
padding:2px 0 2px 8%;
background:url(images/icon.png) no-repeat 0 50%;
display:block;
}

#widget-area ul li a:hover {
background:url(images/icon.png) no-repeat 3px 50%;
}

#widget-area select.postform {
width:100%;
margin:10px 0 15px;
}

#widget-area li.recentcomments a {
display:inline!important;
}

#widget-area li.recentcomments a.url {
background:none!important;
}

/***投稿数を表示する場合
#widget-area li.cat-item a {
display:inline!important;
}
*/

#widget-area ul.children {
margin:0!important;
padding:0!important;
}

#widget-area ul.children li {
margin:0!important;
padding:0!important;
border-bottom:none!important;
}

.tagcloud, .textwidget {
padding:10px 5px;
}

.tagcloud a {
margin:0 3px;
font-size:100%!important;
}

/* -------------------------------------------------------------- */


/* 【検索の設定】 --------------- */

#search {
width:100%;
height:30px;
margin:0 auto;
padding-top:10px;
border-top:0;
}

#searchform {
width:220px;
height:18px;
background:#fff;
border:3px solid #afd3cb;
float:left;
display:block;
position:relative;
top:0;
left:4px;
}

#s {
width:97%;
height:14px;
border:1px solid #fff;
position:absolute;
top:0;
left:1px;
}

#searchsubmit {  
position:absolute;
right:-38px;
top:-1px; 
}

/* -------------------------------------------------------------- */


/* 【カレンダーの設定】 --------------- */

#calendar_wrap {
width:100%;
margin:10px auto 5px;
text-align:center;
}

table#wp-calendar {
width:94%;
margin:0 auto;
padding:0 0 10px;
text-align:center;
}

table#wp-calendar th {
border:1px dotted #afd3cb;
}

table#wp-calendar tbody tr td {
border:1px dotted #afd3cb;
}

/* -------------------------------------------------------------- */


/* 【スライド新着情報の設定】 --------------- */

.txnewpost {
width:100%;
margin-bottom:40px;
position:relative;
float:right;
}

.txnewpost-out {
width:100%;
height:auto;
margin:0 auto;
}

.txnewpost h2 {
width:100%;
height:62px;
margin-bottom:10px;
padding-top:18px;
text-align:left;
background:url(images/content-title1.jpg) no-repeat;
font-weight:bold;
color:#fff;
}

.txnewpost h2 span {
margin-left:10px;
}

.txnewpost-in {
width:100%;
height:260px;
margin:0 auto;
overflow:hidden;
}

#txpost-slide span {
margin-right:15px;
}

#txpost-slide ul {
margin-top:0;
}

#txpost-slide ul li {
width:97%;
height:47px;
padding-top:3px;
padding-left:5%;
background:url(images/top-icon.png) no-repeat 0 0;
display:block;
}

p#txpost-next,
p#txpost-prev {
width:30px;
height:30px;
float:right;
cursor:pointer;
position:absolute;
right:5px;
bottom:10px;
}

p#txpost-prev {
bottom:45px;
}

/* -------------------------------------------------------------- */


/* 【コンテンツの設定】 --------------- */

#wrap {
width:918px;
margin:0 auto;
text-align:center;
}

#wrap-in {
width:918px;
font-size:120%;
float:left;
}

#wrap-sub {
width:918px;
margin:0 auto;
font-size:110%;
text-align:center;
}

#wrap-subin {
width:918px;
margin-top:40px;
padding-bottom:20px;
float:left;
}

/*** mainはトップページのみ使用しています ***/
#main {
width:100%;
text-align:left;
float:left;
}

/*** main-subはサブページに使用しています ***/
#main-sub {
width:590px;
text-align:left;
float:right;
}

.main-sub-title h2 {
width:100%;
height:20px;
margin-bottom:40px;
padding-bottom:5px;
border-bottom:4px dashed #1e5d4e;
float:left;
}

.main-sub-title h2 span {
margin-left:2px;
}

.subcontent h2,
.company h2 {
width:100%;
height:57px;
margin-bottom:30px;
padding-top:23px;
text-align:left;
background:url(images/content-title2.jpg) no-repeat;
font-weight:bold;
color:#fff;
}

.subcontent h2.long-title {
width:100%;
height:auto;
padding:10px 0 4px;
text-align:left;
background:#4d8e7e;
font-weight:bold;
float:left;
}

.subcontent h2 span,
.company h2 span {
margin-left:10px;
}

.subcontent h2.long-title span {
margin:0 5px;
float:left;
}

.subcontent {
width:590px;
margin-bottom:40px;
float:left;
}

.subcontent-body {
width:100%;
float:left;
}

.subcontent img.alignnone,
.subcontent img.alignleft,
.subcontent img.aligncenter,
.subcontent img.alignright {
width:auto;
height:auto;
max-width:100%;
}

.content-inside {
margin-top:10px;
padding:0 10px;
}

#respond p.logged-in-as,
#respond p.comment-notes {
margin-bottom:30px;
}

#respond p.comment-form-author,
#respond p.comment-form-email,
#respond p.comment-form-url,
#respond p.comment-form-comment {
width:100%;
margin-bottom:15px;
float:left;
}

#respond p.comment-form-author label,
#respond p.comment-form-email label,
#respond p.comment-form-url label,
#respond p.comment-form-comment label {
width:30%;
float:left;
}

#respond p.comment-form-author input,
#respond p.comment-form-email input,
#respond p.comment-form-url input,
#respond p.comment-form-comment textarea {
width:68%;
float:left;
}

p.form-allowed-tags {
width:100%;
margin:10px 0;
float:left;
}

ul.commentlist li {
margin:10px 0 30px;
}

ul.commentlist p {
width:86%;
margin:0 auto;
padding:15px 4%;
background:#e5f2ef;
color:#303030;
}

.commentmetadata {
margin:5px 0 10px;
}

.comment-body img {
margin-top:20px;
}

.comment-out {
width:90%;
margin:0 auto;
padding-bottom:20px;
}

.comment-awaiting-moderation {
font-weight:bold;
}

p.form-submit {
width:100%;
height:30px;
margin-top:20px;
text-align:right;
font-size:140%;
border:none;
cursor:pointer;
float:left;
}

p.form-submit input  {
width:50%;
padding:12px 10%;
background:#afd3cb;
border-style:none;
cursor:pointer;
outline:none;
}

p.form-submit input:hover {
background:#94bbb2;
}

#contact-form {
text-align:center;
}

#contact-form p {
margin-top:10px;
}

#navinext a,
#previous a {
width:100px;
height:32px;
margin:0 auto;
padding-top:8px;
background:url(images/navi.jpg) no-repeat;
border-style:none;
text-align:center;
color:#fff;
cursor:pointer;
outline:none;
display:block;
}

#navinext a {
float:left;
}

#previous a {
float:right;
}

#navinext a:hover,
#previous a:hover {
background:url(images/navi-on.jpg) no-repeat;
}

#navi-out {
width:80%;
height:80px;
margin:0 auto;
text-align:center;
}

#navinext {
width:50%;
float:left;
}

#previous {
width:50%;
float:right;
}

#navitag {
width:100%;
margin:20px 0 10px;
text-align:right;
}

.navidate {
width:100%;
margin-bottom:10px;
}

.postdate {
padding-top:15px;
text-align:right;
}

.breadcrumbs {
width:100%;
height:auto;
margin-bottom:40px;
text-align:left;
float:left;
}

.breadcrumbs p {
float:left;
}

#top-scroll {
width:60px;
height:60px;
float:right;
position:relative;
top:0;
}

#top-scroll-inside {
width:60px;
height:60px;
position:absolute;
right:0;
top:0;
}

.pagenavi {
width:100%;
margin:10px 0;
border-top:solid #b7b7b7 1px;
float:left;
}

.pagenavi .page-numb {
text-align:left;
}

.pagenavi span.current {
background:#afd3cb;
}

.pagenavi .page-numbers {
height:22px;
margin:10px 0 20px 5px;
padding:5px 10px;
text-align:center;
line-height:23px;
float:left;
background:#e5f2ef;
}

#respond p textarea {
width:80%;
}

/* -------------------------------------------------------------- */


/* 【特定商取引法表示の設定】 --------------- */

.company {
width:100%;
text-align:center;
float:left;
}

table.returned {
width:100%;
margin:0 auto;
text-align:center;
border-collapse:collapse;
}

table.returned-inside {
width:100%;
border-collapse:collapse;
float:left;
}

table.returned-inside tr, table.returned-inside td {
vertical-align:middle!important;
}

.returned td.returned-left {
width:36%;
height:70px;
text-align:center;
background:#e5f2ef;
border-bottom:3px solid #f6f6f6;
border-right:0;
font-weight:bold;
}

.returned td.returned-right {
width:61%;
height:auto;
padding:5px 0 5px 3%;
text-align:left;
border-bottom:3px solid #f6f6f6;
border-left:0;
}

/* -------------------------------------------------------------- */


/* 【エラーページの設定】 --------------- */

#wrapper-out {
width:100%;
height:auto;
}

#wrap-error {
width:100%;
height:300px;
color:#fff;
float:left;
}

#wrap-error .error-404 {
margin:100px 0 0;
text-align:center;
font-size:150%;
}

/* -------------------------------------------------------------- */


/* 【snsの設定】 --------------- */

.sns-fsy {
width:50%;
text-align:center;
float:right;
}

.sns-fsy-inside {
width:100%;
float:right;
}

.facebook-inside {
width:120px;
}

#facebook_like_button {
height:21px;
margin-top:10px;
border:none; 
overflow:hidden;
position:relative;
float:right;
}

.twitter-tweet {
width:105px;
height:21px;
margin-top:10px;
float:right;
}

#yahoo-book {
margin-top:10px;
float:right;
}

.sns-but {
width:50%;
text-align:left;
float:left;
}

.sns-but p {
width:35px;
height:30px;
margin-top:10px;
text-align:right;
float:left;
}

/* -------------------------------------------------------------- */


/* 【フッターの設定】 --------------- */

.footer-bot {
width:100%;
float:left;
}

.footer-title {
height:30px;
padding-top:30px;
float:left;
}

footer {
clear:both;
width:100%;
margin:0 auto;
padding-top:30px;
background:#4d8e7e;
overflow:hidden;
text-align:center;
float:left;
}

footer a {
color:#fff;
}

footer a:hover {
color:#c5dfd9;
}

#footer-inside {
width:900px;
margin:0 auto;
text-align:center;
}

.footer-menu {
width:900px;
padding:30px 0 20px;
line-height:2;
float:left;
}

.footer-menu .footer-menu-in {
width:300px;
margin-bottom:5px;
text-align:left;
float:left;
line-height:2;
}

.footer-menu .footer-menu-in a {
width:275px;
margin:0 5px;
padding-left:15px;
text-align:left;
background:url(images/icon.png) no-repeat 0 50%;
display:block;
float:left;
}

.footer-menu .footer-menu-in a:hover {
background:url(images/icon.png) no-repeat 3px 50%;
}

#footer-copy {
width:100%;
margin:0 auto;
padding:20px 0;
text-align:center;
background:#1e5d4e;
color:#fff;
clear:both;
}

#footer-copy a {
color:#fff;
}

.sp-browser {
width:100%;
height:50px;
padding:30px 0;
text-align:center;
font-size:180%;
font-weight:bold;
display:none;
float:left;
}

.sp-browser a {
color:#fff;
}

/* -------------------------------------------------------------- */
/* -Xoopsより---------------------------------------------------- */
/* for PICO  */

table#tbl_pico1 {
	border: 2px #F6F6F6;
	background: #F6F6F6;
	border-spacing: 0;
}

td#title_pico1 {
    width:100%;
    background: #69AD9E;
    text-align: center;
    color:#FEFEFE;
    border: solid 2px #F6F6F6;
    padding: 10px;
    font-weight: bold;
    font-size: 1.2em;
}

td#c_pico1 {
    width:100%;
    background:#E5F2EF;
    color:#303030;
    border: solid 2px #F6F6F6;
    padding: 10px;
    vertical-align:top;
}

td#non_pico1 {
    width:100%;
}

table#tbl_pico2 {
	border: 0;
	background: #69AD9E;
        border: solid 2px #F6F6F6;
	border-spacing: 0px;
}

td#l_pico2 {
    background:#E5F2EF;
    color: #303030;
    border: solid 2px #F6F6F6;
    padding: 10px;
}

td#r_pico2 {
    background:#F3FAF9;
    border: solid 2px #F6F6F6;
    color: #303030;
    padding: 10px;
}

td#lr_pico2 {
    background:#E5F2EF;
    color: ##303030;
    text-align: center;
    font-weight: bold;
    padding:5px 0px;
    margin:5px 0px;
}
td#title_pico3 {
    width:100%;
    background:#69AD9E;
    color: #FEFEFE;
    font-weight: bold;
    text-align: center;
    text-indent:10px;
    padding: 10px;
}

td#l_pico3 {
    background:#CCCCCC;
    color: #26201A;
    text-align: center;
    font-weight: bold;
    padding: 5px 0px 5px 0px;
}

td#r_pico3 {
    background:#FFFFFF;
    color: #303030;
    text-align: left;
    padding: 5px 0px 5px 0px;
    text-indent:10px;
}
td#b_pico3 {
    background:#E5F2EF;
    color: #303030;
    text-align: left;
    padding: 20px 10px 10px 20px;
}

/* for 富里ニュース*/
.hyou2 {margin:0 auto;width:80%;text-align:ceter;}
.hyou2 br{clear:both;}
div.t1{display:block;float:left;margin:0 0 1px 1px;padding:4px;width:39%;border:1px solid #666;text-align:center; background-color:#CCFF66}
div.t2{display:block;float:left;margin:0 0 1px 1px;padding:4px;width:39%;border:1px solid #666;text-align:center; background-color:#CCFFFF}
div.t3{display:block;float:left;margin:0 0 1px 1px;padding:4px;width:39%;border:1px solid #666;text-align:center}

.hyou3 {margin:0 auto;width:96%;text-align:ceter;}
td.t3_1{margin:0 0 1px 1px;padding:4px;width:20%;border:1px solid #666;text-align:center;vertical-align:middle;background-color:#CCFF66}
td.t3_2{margin:0 0 1px 1px;padding:4px;width:30%;border:1px solid #666;text-align:left;vertical-align:middle;background-color:#CCFFFF}
td.t3_3{margin:0 0 1px 1px;padding:4px;width:40%;border:1px solid #666;text-align:left;vertical-align:middle;background-color:#FFCC66}
td.t3_a{margin:0 0 1px 1px;padding:4px;width:30%;border:1px solid #666;text-align:center}