@charset "UTF-8";
/* CSS Document */
/* あいうえお */
/*-------------
body container
-------------*/

@media screen and (min-width: 600px) {

.sp {
display: none!important;
}


}


*{
margin:0;
padding:0;
}

body{
font-family:"メイリオ", "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3", san-serif;
color:#444;
background:url(../../images/bg_body.jpg) repeat-x;
background-size: auto 500px;
}

#container{
width:900px;
text-align:center;
margin:auto;
padding:auto;
}

a img{
border:none;
}

.right{
text-align:right;
padding: 24px 0 0 0;
}

/*-------------
header
-------------*/
#header{
height:80px;
text-align:left;
font-size:75%;
display:block;
margin:2px 5px 0 5px;
position: relative;
}
/* Add LC101112 */
h1{
padding:0;
background:url(../../images/logo.png) no-repeat;
background-size: contain;
position:absolute;
top:13px;
}

h1 a{
width:305px;
height:45px;
overflow:hidden;
text-indent:-9999px;
display:block;
}

/* Add LC120402 */
h1{
top:7px;
}
h1 a{
height:70px;
position:relative;
z-index:1;
}



#size{
padding:0 80px 0 0;
}

#size .img_size{
margin: 0 8px 0 0;
}

/* Add LC130812 */
#btnFB {
	margin:-18px 205px 0 0;
}

#sitemap{
margin:-16px 0 0 0;
}

#header input{
width:142px;
margin:6px 0 0 0;
padding:0;
}

#search{
margin:-22px 151px 0 0;
height:21px;
}


#search img{
vertical-align:bottom;
}

#search button{
background:none;
border:none;
cursor:pointer;
width:35px;
height:21px;
margin:0 0 0 -2px;
line-height:21px;
vertical-align:top;
}

#header #catchCp{
width:900px;
height:20px;
position:absolute;
top:51px;
font-size: 13px;
font-weight: bold;
color: #077191;
}

/* ////////////////////////// Hack */

.clearfix:after {
	content: "";
	display: block;
	height:	0;
	clear:	both;
	visibility:	hidden;}

.clearfix {	display:inline-block;} /* IE7 */

/* Hides from IE-mac \*/
* html .clearfix {	height: 1%;}
/*.clearfix {	display: block;}*/
/* End hide from IE-mac */


/* End_Add LC101112 */



/*-------------
contents
-------------*/
#contents{
width:887px;
text-align:left;
background:url(../../images/bg_contents-trans.png) repeat-y;
margin:7px 0 0 0;
padding:10px 0 0 13px;
}

/* h2{
background:url(../../images/bg_ttl.jpg) no-repeat;
height:70px;
color:#fff;
font-size:190%;
font-weight:lighter;
text-align:left;
margin:3px 0 0 0;
padding: 25px 0 0 25px;
clear:both;
} */
h2 {
background: url(../../images/bg_ttl.jpg) repeat-y;
border: 6px solid #dce4ef;
color: #fff;
font-size: 190%;
font-weight: lighter;
text-align: left;
margin: 3px 0 20px 0;
padding: 20px;
clear: both;
}
#pan{
width:890px;
color:#000;
font-size:75%;
text-align:left;
margin:2px 0 0 5px;
clear:both;
}

#pan a{
color:#000;
}

#sidenavi{
width:190px;
margin:0 0 0 5px;
padding:0 13px 0 0;
float:right;
}

/* #sidenavi_top{
width:190px;
background:url(../../images/bg_sidenavi.jpg) repeat-y;
} */

#sidenavi_top{
width:190px;
background: url(../../images/bg_sidednavi_bottom.jpg) 50% 100% no-repeat,url(../../images/bg_sidenavi.jpg) repeat-y;
}


#sidenavi ul{
width:190px;
font-size:80%;
line-height:150%;
text-align:left;
background:url(../../images/bg_sidenavi_top.jpg) no-repeat;
padding:10px 0 3px 0;
}

#sidenavi ul li{
color:#635742;
list-style:none;
margin:2px 5px 0 15px;
padding:0px 0 2px 5px;
}

#sidenavi ul li a{
background:url(../../images/icon_sidenavi.jpg) no-repeat;
padding:0px 0 2px 10px;
color:#635742;
text-decoration:none;
}

#sidenavi ul li a:hover{
color:#635742;
text-decoration:underline;

}

#sidenavi ul li ul{
width:170px;
font-size:95%;
line-height:1.2;
background: none;
margin:0;
padding:0;
}

#sidenavi ul li ul li{
color:#635742;
list-style:none;
margin:2px 0 0 0;
}

#sidenavi ul li ul li a{
background:none;
padding:0;
color:#635742;
text-decoration:none;
background:url(../../images/icon_sidenavi.jpg) no-repeat;
padding:0px 0 2px 10px;
}

#sidenavi ul li ul li a:hover{
color:#635742;
text-decoration:underline;
}


#sidenavi_bottom{
height:15px;
background:url(../../images/bg_sidednavi_bottom.jpg) no-repeat;
margin: 0 0 20px 0;
}

#btnArea {
	width: 190px;
	margin: 0 0 70px 0;
}
#btnArea a {
	margin: 0 0 20px 0;
	float: left;
}
#btnArea a:hover {
	opacity: 0.8;
}

.on{
color:#9f9788 !important;
}

#sidenavi .current_page_item a {
color:#9f9788 !important;
}


#pagetop{
width:675px;
font-size:75%;
text-align:right;
margin:0 0 30px 0;
clear: both; /*rs追加記述*/
}

#pagetop a{
color:#3366FF;
}

#banner{
height:157px;
background:url(../../images/bg_banner.jpg) no-repeat;
padding:0 0 0 23px;
clear:both;
}

#banner p{
margin:11px 15px 11px 15px;
float:left;
}

/*-------------
footer
-------------*/
#footer{
width:835px;
height:auto;
background:url(../../images/bg_footernavi.jpg) repeat-x;
background-color:#85735a;
color:#fff;
text-align:left;
margin:0;
padding:30px 15px 5px 25px;
}

.footUpper ul{
width:118px;
height:auto;
list-style:none;
padding:0 15px 0 0;
float:left;
}

.footUpper .border-bottom{
border-bottom:#b8ad9b solid 2px;
}

.footUpper li{
font-size:70%;
line-height:110%;
vertical-align:bottom;
margin:0 0 5px 0;
padding:0 0 3px 0;
}

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

#footer ul li a:hover{
color:#fff;
text-decoration:underline;
}

.footUpper{
clear:both;
}
.footUpper p{
float:right;
}
.footDowner{
width:835px;
margin:5px 0 0 0;
float:left;
}

.footDowner .footLogo{
width:835px;
height:22px;
margin:0 0 3px 0;
/*background:#FF3333;*/
}

/* Add LC120402 */
.footDowner .footLogo{
height:34px;
}


.footDowner .footLogo img{
display:block;
float:right;
}
address{
font-style:normal;
font-size:75%;
float:right;
}
.footDowner ul{
font-size:70%;
}
.footDowner ul li{
list-style:none;
padding:0 0 0 2px;
float:left;
}
.footDowner ul li a{
color:#fff;
text-decoration:none;
}
.footDowner ul li a:hover{
color:#fff;
text-decoration:underline;
}

/*--------error
------------------------------*/
#contents .error .title {
	display: inline-block;
	width:874px;
	font-size: 18px;
	border-bottom: 2px solid #E6E6E6;
	margin: 0 0 30px 0;
}
#contents .error .txt1 {
	margin: 0 0 24px 0;
}
#contents .error ul {
	padding: 0 0 0 20px;
	margin: 0 0 70px 0;
	font-size: 14px;
}
#contents .error ul li a:hover {
	text-decoration: none;
}
/*--------error
------------------------------*/

/* 相談コーナー */
/*#logo_copy{
text-align:right;
margin:10px 0 -15px 0;
font-size:75%;
}

#footer_logo{
margin:100px 0 10px 0;
}

#foot ol{
width:835px;
float:left;
font-size:70%;
}

#footer ol li{
list-style:none;
display:inline;
}

#footer ol li a{
color:#fff;
text-decoration:none;
}

#footer ol li a:hover{
color:#fff;
text-decoration:underline;
}*/

#bg_bottom{
height:20px;
background:url(../../images/bg_bottom.jpg) no-repeat;
}


/* 相談コーナー */
.mmcLink {
width:100%;
margin:48px auto 24px;
font-size:14px;
padding:8px;
box-sizing: border-box;
text-align:center;
background:#f6f5f1;
border:1px solid #d4cbbb;
}
.mmcLink img {
	width: 360px;
}
.mmcLink a:hover {
	opacity: 0.8;
}
.mmcLink a {
	color:#36f;
}


/* 相談コーナー　ページネーション */
.pagenation {
	text-align: center;
	margin: 50px 0 0 0;
}
.pagenation ul {
	display: inline-block;
}
.pagenation li {
	float: left;
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 12px;
	font-weight:normal;
	vertical-align:baseline;
	line-height:180%;
	list-style: none;
}
.pagenation .active {
	padding: 0 5px;
	background: #85735b;
	color: #fff;
}
.pagenation .prev {
	margin:0 5px 0 0;
}
.pagenation .next {
	margin:0 0 0 5px;
}

#article .pagenation a {
	display: inline-block;
	background:#91C0ea;
	color: #fff;
	margin: 0;
	padding: 0 5px;
	border: 0;
	font-size: 12px;
	font-weight:normal;
	vertical-align:baseline;
	line-height:180%;
	text-decoration: none;
}
.pagenation a:hover {
	-ms-filter: "alpha( opacity=80 )";
	filter: alpha( opacity=80 );
	opacity: 0.8;
}
/*----------facebookシェアボタン------------*/
.fbShare {
position: absolute;
top: 14px;
right: 220px;
}
/*----------snsアイコン------------*/
.twIcon {
position: absolute;
top: 31px;
right: 260px;
/*right: 355px;*/
}
.fbIcon {
position: absolute;
top: 31px;
right: 220px;
/*right: 355px;*/
}
.seidoList {
width: 98%;
border-collapse: collapse;
}
.seidoList th,
.seidoList td {
border: 1px solid #ccc;
box-sizing: border-box;
padding: 10px 8px;
word-break: break-all;
font-size: 12px;
line-height: 1.6;
}
.seidoList th {
text-align: center;
background: #f0f7fd;
width: 19%;
}
.seidoList th.side {
width: 25%;
}











@media screen and (max-width: 599px) {

/* ハンバーガーメニュー */

.out-frame {
position: relative;
width: 100%;
}
/*.out-frame.black{
position: fixed;
}*/
.out-frame.black:after {
background: #FFF;
opacity: 0.8;
content: '';
height: 10000px;
right: 0;
top: 0;
padding: 0;
position: fixed;
width: 100%;
z-index: 1;
transition: all .5s ease;
-webkit-transition: all .5s ease;
-moz-transform: all .5s ease;
}
.out-frame:after {
background: #FFF;
opacity: 0;
content: '';
right: 0;
top: 0;
position: fixed;
width: 100%;
z-index: 1;
transition: all .5s ease;
-webkit-transition: all .5s ease;
-moz-transform: all .5s ease;
}
.header-frame {
position: relative;
width: 100%;
height: 64px;
}
.menu-btn {
background: url("../../images/sp-btn-menu_off.png") 0 0 no-repeat;
background-size: 44px;
position: absolute;
top:15px;
right: 10px;
height: 44px;
width: 44px;
z-index: 10;
}
.navOpenOut {
background: rgba(255,255,255,0.5);
padding: 35px 10px;
box-sizing: border-box;
}
.navOpen {
background: url("../../images/sp-btn-menu_off.png") 0 0 no-repeat;
background-size: 44px;
position: absolute;
top: 15px;
right: 10px;
height: 44px;
width: 44px;
z-index: 10;
float: none;
}
#container .is-fixed {
position: fixed;
top: 10px;
right: 10px;
z-index: 2;
}
.fixed {
position: fixed;
width: 100%;
height: 100%;
}
.menu-btn img {
opacity: 1;
}
/*.black .navOpen img {
opacity: 0;
}*/
.navOpen img {
opacity: 0;
}
.header-menu {
/*background: #053d70;*/
display: none;
position: fixed;
top: 0;
width: 100%;
z-index: 10;
height: 100%;
overflow-y: scroll;
}

.header-menu ul li a{
display: block;
padding: 15px 30px 15px 10px;
background: #e0edf9 url("../../images/sp_arrow_black01.png") 97% 50% no-repeat;
background-size: auto 8px;
border-bottom: 1px solid #76a7d1;
text-decoration: none;
line-height: 1.3;
color: #444;
font-size: 14px;
font-weight: bold;
text-align: left;
}
/*.header-menu ul.accordion li ul li:first-child a {
padding: 16px 30px 12px 10px;
}*/

.header-menu ul li.delete{
background: #76a7d1 url("../../images/batu.png") 60% 50% no-repeat;
background-size: 19px;
padding: 10px;
text-align: center;
color:#fff;
font-size: 13px;
list-style-type: none;
}

.header-menu ul.accordion {
border-top: 1px solid #76a7d1;
}
.header-menu ul.accordion ul{
display: none;
}
.header-menu ul.accordion .subCat ul.subList {
display: block;
}
.header-menu ul.accordion .tglMenu{
display: block;
padding: 15px 30px 15px 10px;
background: #d8e8f7 url("../../images/sp_arrow_black_dw.png") 97% 50% no-repeat;
background-size: 8px auto;
border-bottom: 1px solid #76a7d1;
text-decoration: none;
line-height: 1.3;
color: #444;
font-size: 14px;
font-weight: bold;
text-align: left;
}
.header-menu ul.accordion li ul li .tglMenu{
padding: 15px 30px 15px 16px;
background: #f3f7fb url("../../images/sp_arrow_black_dw.png") 97% 50% no-repeat;
background-size: 8px auto;
font-size: 13px;
font-weight: normal;
}
.header-menu ul.accordion .open{
background: #e0edf9 url("../../images/sp_arrow_black_up.png") 97% 50% no-repeat;
background-size: 8px auto;
}
.header-menu ul.accordion li ul li .open{
background: #f3f7fb url("../../images/sp_arrow_black_up.png") 97% 50% no-repeat;
background-size: 8px auto;
}
.header-menu ul.accordion ul li a{
padding: 16px 24px 12px 20px;
background: url("../../images/sp_arrow_black01.png") 97% 50% no-repeat,#FFF;
background-size: auto 8px;
color: #444;
border-bottom: 1px dotted #76a7d1;
font-size: 13px;
font-weight: normal;
}
.header-menu ul.accordion ul li ul li a{
padding: 16px 24px 12px 30px;
background: url("../../images/sp_arrow_black01.png") 97% 50% no-repeat,url("../../images/sp_arrow_child.png") 6% 42% no-repeat,#FFF;
background-size: auto 8px,auto 10px;
color: #444;
border-bottom: 1px dotted #76a7d1;
font-size: 13px;
font-weight: normal;
}
.header-menu ul.accordion ul li.subCat a,
.header-menu ul.accordion ul li.subCat ul.subList li a{
padding: 12px 30px 12px 20px;
}


/*#ecf3fa*/


}