@charset "utf-8";

/*
-----------------------------------------------
▼しろまるひめCSS 2017.2
----------------------------------------------- */

html {
-webkit-text-size-adjust:100%;
}
body, div, span, h1, h2, h3, h4, h5, h6, p, a,
ul, ol, li, dl, dt, dd, strong, em, small, sub, sup,
img, table, tr, th, td, address, cite, code, q, form {
margin:0;
padding:0;
border:0;
outline:0;
}
body {
font-family:"Hiragino Kaku Gothic ProN",Meiryo,sans-serif;
font-size:12px;
color:#333333;
text-align:center;
line-height:1.5;
background:url("img/mainback.png") center top;
}

ul {
list-style-type:none;
}
table,h1,h2,h3,h4,h5,h6 {
font-size:100%;
}
h1,h2,h3,h4,h5,h6,strong {
-webkit-font-smoothing:antialiased;
-moz-osx-font-smoothing:grayscale;
}
table {
border-collapse:collapse;
}

a:link {
color:#993333;
text-decoration:none;
}
a:visited {
color:#993333;
text-decoration:none;
}
a:hover,a:active {
color:#660000;
text-decoration:underline;
}

* html {
filter:expression(document.execCommand("BackgroundImageCache", false, true));
}

.cboth {
clear:both;
height:0;
}
/* IE 用▼ */
* html .cboth {
height:.1em;
overflow:hidden;
margin-top:-.1em;
}
hr {
visibility:hidden;
border:0;
}
p.pagetop {
clear:both;
text-align:right;
margin-top:20px;
}

/* リンク画像hoverアニメ */
#all a img {
transition:opacity 0.5s ease-in-out;
}
#all a:hover img {
opacity:0.7;
}

.sponly {display:none;}
.txtL {text-align:left;}
.txtR {text-align:right;}
.center {text-align:center;}
.soroe {text-align:justify; word-break:break-all;}
.nowrap {white-space:nowrap;}
.imgL {float:left; margin:0 16px 4px 0;}
.imgR {float:right; margin:0 0 4px 16px;}
.btm8 {margin-bottom:8px;}
.btm16 {margin-bottom:16px;}
.btm24 {margin-bottom:24px;}
.btm32 {margin-bottom:32px;}
.btm48 {margin-bottom:48px;}
.kome {
padding-left:1em;
text-indent:-1em;
}
.inL {
display:inline-block;
font-feature-settings:"pwid";
}


/*
-----------------------------------------------
▼全体ブロック構成
----------------------------------------------- */
html,body {
height:100%;
}
#wra {
position:relative;
min-height:100%;
background:url("img/body_bg.png") repeat-y center top;
text-align:left;
}
#all {
margin:0 auto;
padding:0 0 200px;
width:950px;
}

#lower{
padding:10px 30px 10px 10px;
overflow:hidden;
}
#lowR{
float:right;
width:645px;
}
#lows01 {
background-image:url("img/lowback01_2.gif");
background-repeat:no-repeat;
background-position:left top;
width:645px;
}

#lows02 {
position:relative;
background-image:url("img/lowback02.gif");
background-repeat:no-repeat;
background-position:left bottom;
padding:30px 35px 70px 35px;
}
#lows02 #ttlhime {
position:absolute;
top:-8px;
left:500px;
width:125px;
height:120px;
}
#lows02 h2 {
margin:24px 0 24px 10px;
}

/*
-----------------------------------------------
▼ヘッダー
----------------------------------------------- */
#head {
background:url("img/top_bg.gif") repeat-x center top;
}
#headin {
margin:0 auto;
width:950px;
height:95px;
text-align:left;
background:#fff url("img/headin_bg.gif") repeat-x center top;
overflow:hidden;
}

#head h1 {
color:#fff;
padding-top:8px;
padding-left:17px;
float:left;
width:506px;
}

#head strong{
font-size:13px;
color:#FFFFFF;
text-align:justify;
text-justify:inter-ideograph;
display:block;
float:right;
width:390px;
margin-top:10px;
margin-right:20px;
}
/*
-----------------------------------------------
▼トップコンテンツ
----------------------------------------------- */
#topimg {
margin:8px 0 8px 7px;
width:936px;
}

#top{
margin:0 0 12px 32px;
width:886px;
overflow:hidden;
}

#facebook{
float:left;
width:545px;
}
.top_right{
float:right;
width:320px;
}

#topsns {
margin:16px 4px 16px;
padding:0 0 16px;
border-bottom:solid #ccc 6px;
}
#topsns * {
box-sizing:border-box;
}

.row {
margin-right:-6px;
margin-left:-6px;
font-size:0;
}
.col3 li {
display:inline-block;
vertical-align:top;
width:33.333%;
position:relative;
/* min-height:1px; */
padding:0 6px 12px;
}
.col3 li p {
background:#ccc;
position:relative;
overflow:hidden;
padding-bottom:100%;
}
.row p img {
max-width:100%;
position:absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
margin: auto;
}


.topdown {
margin:0 0 8px;
padding:0 0 12px;
width:319px;
background:url("../images/down_btm.png") no-repeat bottom;
}
.topdown ul {
margin:8px 20px 0;
font-size:13px;
}
.topdown li {
margin:0 0 8px;
}
.topdown li a {
display:block;
background:url("img/org_li.gif") no-repeat left 40%;
padding-left:20px;
font-weight:bold;
color:#333;
}

.topbana {
margin:0 0 8px 4px;
width:309px;
}
.topbana li {
margin:0 0 12px;
}
.topbana li.li0 {
margin:0;
}

/*
-----------------------------------------------
▼ナビ
----------------------------------------------- */

#topnavi {
margin:0 0 16px 7px;
width:936px;
overflow:hidden;
}
#topnavi li {
display:inline;
}
#topnavi li a {
background-image:url("img/topnavi.png");
display:block;
padding-top:70px;
height:0;
float:left;
overflow:hidden;
}
#topnavi li a.a02 {
background-position:0 0;
width:164px;
}
#topnavi li a.a03 {
background-position:-164px 0;
width:154px;
}
#topnavi li a.a04 {
background-position:-318px 0;
width:143px;
}
#topnavi li a.a05 {
background-position:-461px 0;
width:163px;
}
#topnavi li a.a06 {
background-position:-624px 0;
width:142px;
}
#topnavi li a.a07 {
background-position:-766px 0;
width:170px;
}
#topnavi li a.a02:hover {
background-position:0 -72px;
}
#topnavi li a.a03:hover {
background-position:-164px -72px;
}
#topnavi li a.a04:hover {
background-position:-318px -72px;
}
#topnavi li a.a05:hover {
background-position:-461px -72px;
}
#topnavi li a.a06:hover {
background-position:-624px -72px;
}
#topnavi li a.a07:hover {
background-position:-766px -72px;
}

/* ▼下層サイドナビ */
#navi {
width:234px;
float:left;
}
#navi ul.navi {
margin:0 0 12px;
width:234px;
}
#navi ul.navi li {
}
#navi ul.navi li a {
display:block;
background:url("img/sidemenu.png") no-repeat 0 0;
height:0;
padding-top:75px;
overflow:hidden;
}
#navi ul.navi li a.a01 {
background-position:0 0;
}
#navi ul.navi li a.a02 {
background-position:0 -75px;
}
#navi ul.navi li a.a03 {
background-position:0 -150px;
}
#navi ul.navi li a.a04 {
background-position:0 -225px;
}
#navi ul.navi li a.a05 {
background-position:0 -300px;
}
#navi ul.navi li a.a06 {
background-position:0 -375px;
}
#navi ul.navi li a.a07 {
background-position:0 -450px;
}
#navi ul.navi li a.a01:hover {
background-position:-240px 0;
}
#navi ul.navi li a.a02:hover {
background-position:-240px -75px;
}
#navi ul.navi li a.a03:hover {
background-position:-240px -150px;
}
#navi ul.navi li a.a04:hover {
background-position:-240px -225px;
}
#navi ul.navi li a.a05:hover {
background-position:-240px -300px;
}
#navi ul.navi li a.a06:hover{
background-position:-240px -375px;
}
#navi ul.navi li a.a07:hover{
background-position:-240px -450px;
}

/* ▼下層サイドナビ下部分 */
.sidedown {
margin:0 0 8px 12px;
padding:0 0 12px;
width:222px;
background:url("../images/sidedown_btm.png") no-repeat bottom;
}
.sidedown ul {
margin:8px 18px 0;
font-size:12px;
}
.sidedown li {
margin:0 0 8px;
}
.sidedown li a {
display:block;
background:url("img/org_li.gif") no-repeat left 2px;
padding-left:18px;
font-weight:bold;
color:#333;
}

.sidebana {
margin:0 0 8px 12px;
width:222px;
}
.sidebana li {
margin:0 0 6px;
}


/*
-----------------------------------------------
▼フッター
----------------------------------------------- */
#foot {
position:absolute;
bottom:0;
overflow:visible;
width:100%;
height:113px;
height:180px;
z-index:20;
background:url("img/botom_bg.gif") repeat-x center bottom;
}

#footfun {
margin:0 auto;
padding:16px 0 0;
width:950px;
height:109px;
background:#ffecec;
border-top:dotted #ffa4a4 2px;
}
#ftimgR {
float:right;
margin:-8px 0 0 0;
padding-right:64px;
}
#ftimgL {
float:left;
margin:4px 8px 8px 0;
padding-left:32px;
}
#footfun p {
font-size:13px;
margin:0 0 8px 32px;
}
#footfun p.tabou {
font-size:12px;
margin:14px 0 0 32px;
}


#footin {
margin:0 auto;
width:930px;
height:93px;
height:33px;
/* background:#ffa4a4 url("img/btmin_bg.gif") repeat-x center top; */
background:#ffa4a4;
font-size:14px;
color:#FFFFFF;
padding:10px;
overflow:hidden;
}
#foot ul{
float:right;
margin-top:70px;
margin-top:10px;
}
#foot li{
display:inline;
margin-left:10px;
}
#foot li a {
font-weight:bold;
background:url("img/list01.gif") no-repeat left center;
padding-left:13px;
}

#foot #copyright{
float:left;
margin-top:70px;
margin-top:10px;
font-family:Helvetica,Arial,Verdana,sans-serif;
font-weight:bold;
}



/* 印刷指定 */
@media print {
body {
-webkit-print-color-adjust:exact;
background:#fff none !important;
color:#000;
}
@page {
margin:0.5cm;
}
img {
page-break-inside:avoid;
}
}


/* css_end */