@charset "utf-8";
/* 共通スタイルシート */

@import url(./margin.css) print, screen and (min-width: 768px);
@import url(./padding.css) print, screen and (min-width: 768px);
@import url(./fontsize_base.css) print, screen and (min-width: 768px);
@import url(./fontsize_s.css) print, screen and (min-width: 768px);

@media print, screen and (min-width: 768px) {

/* PCでは表示させないクラス */
.pc_none { display: none !important; }
.spBoard { display: none; }
.js_imageScrollSp_note { display: none; }
.detailBoxSp { display: none; }
.guideBusier2sp { display: none; }

/*
all
********************************************************************************************************************************************* */

body,div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td
{
 margin: 0;
 padding: 0;
}

fieldset, img{
 border: 0;
}

abbr, acronym{
 border: 0;
}

address, caption, cite, code, dfn, em, strong, th, var{
 font-style: normal;
 font-weight: normal;
}

strong {
font-weight: bold;
}

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

/* clearfix hack */
.clearfix:after {
    content: ".";
    display: block;
    clear: both;
    height: 0;
    font-size: 0;
	line-height:0;
    visibility: hidden;
}

.clearfix {
	display: inline-table;
	min-height: 1%;
}
/*
.clearfix {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	min-height: 1%;
}
*/
/* Hides from IE-mac \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* End hide from IE-mac */


.right{
float:right;
}


.left{
float:left;
}


body{
 height:100%;
 font-size:62.5%;
 font-family:Meiryo,"メイリオ","Hiragino Kaku Gothic Pro W3","ヒラギノ角ゴ Pro W3",Osaka,"MS Gothic","ＭＳ ゴシック","MS P Gothic","ＭＳ Ｐゴシック",sans-serif;
 background:url(../img/common/bg_body.jpg) repeat;
 border-top:#5D534A solid 5px;
}



/*
全体
********************************************************************************************************************************************* */
#wrapper{
 width:100%;
 height:100%;
}

#wrapper a{
 color:#003366;
 text-decoration:underline;
}

#wrapper a:hover{
 color:#003366;
 text-decoration:none;
}


/*
ヘッダー
********************************************************************************************************************************************* */
#header{
 margin:0px auto 0px auto;
 padding:5px 0px 0px 0px;
 background:url(../img/common/bg_fontsize.png) no-repeat right top;
 width:960px;
 height:76px;
 position:relative;
}

div.plantl{
 margin:0px;
 padding:0px;
 width:98px;
 height:134px;
 position:absolute;
 left:-101px;
 top:-5px;
}

div.plantr{
 margin:0px;
 padding:0px;
 width:88px;
 height:218px;
 position:absolute;
 left:967px;
 top:-5px;
}

#head_txtswitch{
 width:190px;
 height:18px;
 margin:0px;
 position:absolute;
 top:7px;
 left:770px;
}

#head_txtswitch ul{
 width:190px;
 height:18px;
 margin:0px;
 clear:both;
}

#head_txtswitch li{
 margin:0px 5px 0px 0px;
 list-style-type:none;
 float:left;
 cursor: pointer;
}

#head_txtswitch .ftxt {
 display: none;
}

div.access{
 margin:0px;
 padding:0px;
 width:83px;
 height:14px;
 position:absolute;
 left:857px;
 top:56px;
}

div.head_btn_office{
 margin:0px;
 padding:0px;
 width:135px;
 height:22px;
 position:absolute;
 left:680px;
 top:52px;
}


#wrapper #header h1{
 margin:18px 0px 0px 0px;
 font-size:14px;
 color:#5D534A;
}

#wrapper #header p.title{
 margin:18px 0px 0px 0px;
 font-size:14px;
 color:#5D534A;
}

/*
グローバルナビゲーション
********************************************************************************************************************************************* */
#gnav{
 margin:0px auto;
 padding:11px 0px 0px 0px;
 width:100%;
 height:70px;
 background:url(../img/common/bg_gnav.png) repeat-x;
}

#gnav ul{
 margin:0px auto;
 width:960px;
 list-style:none;
}

#gnav ul li{
 float:left;
}

/* SP用クラス */
.spNavTitle { display: none; }
.spNavInq { display: none; }
.spMenuTrigger { display: none; }
.spNavComment { display: none; }

/*
コンテンツ
********************************************************************************************************************************************* */
#container{
 margin:0px auto;
 width:960px;
}

#contents{
 margin:30px 0px 0px 0px;
 padding:0px;
 width:700px;
 float:right;
}

#contents p{
 margin:0px 0px 20px 0px;
 color:#333333;
}

#contents table p{
 margin:0px 0px 10px 0px;
 padding:0px;
}

/* 見出しH1～H3*/

#contents h1{
 margin:0px 0px 20px 0px;
 padding:40px 0px 0px 0px;
 height:67px;
 background:url(../img/common/bg_h1.jpg) no-repeat left top;
 font-weight:bold;
 color:#5D534A;
}

#contents h2{
 margin:0px 0px 20px 0px;
 padding:2px 0px 0px 10px;
 border-left:#5D534A solid 5px;
 background:url(../img/common/bg_h2.jpg) no-repeat left bottom;
 font-weight:bold;
 color:#5D534A;
}

#contents h3{
 margin:0px 0px 20px 0px;
 padding:0px 0px 5px 0px;
 border-bottom:#999999 dotted 1px;
 font-weight:bold;
 /*color:#E37B81;*/
 color:#89B344;
}

#contact{
 margin:0px;
 padding:0px;
 width:700px;
}

.spContact { display: none; }

#contents #contact h2{
 margin:0px 0px 20px 0px;
 padding:8px 0px 0px 14px;
 width:684px;
 height:33px;
 background:url(../img/common/bg_h2contact.jpg) no-repeat left bottom;
 border-left:none;
 color:#DB535A;
}


#contents #contact div.contactform{
 margin:0px 0px 0px 0px;
 padding:62px 0px 0px 423px;
 width:277px;
 height:154px;
 background: url(../img/common/bg_contactform_a.png) no-repeat left top;
}


/*
テキスト装飾関係
********************************************************************************************************************************************* */

/* ブランクアイコン表示 */

#contents .blank{
 padding:0px 0px 0px 20px;
 background:url(../img/common/ico_blank.gif) no-repeat left 5px;
}

#contents .last{
 margin:0px 0px 40px 0px;
}

/* アンダーライン表示 */
#contents .under{
 margin:0px 0px 10px 0px;
 padding:0px 0px 5px 0px;
 border-bottom:#999999 dotted 1px;
}

/* 色を赤にする */
#contents .red{
 color:#E8391B;
}
/* 色をオレンジにする */
#contents .orange{
 color:#FF6600;
}
/* 色を濃い緑にする */
#contents .green{
 color:#2B4744;
}
/* 色を薄いにする */
#contents .lightgreen{
 color:#89B344;
}
/* 色を黒にする */
#contents .black{
 color:#333333;
}

/* 太くする */
#contents .txtb{
 font-weight:bold;
}

/* テキストアンダーライン */
#contents .txtunder{
 text-decoration:underline;
}

/* センター揃え */
#contents .txtcenter{
 text-align:center;
}




/* ▲テキスト装飾関係ここまで ************************************************************************** */


/*
サイドコンテンツ
********************************************************************************************************************************************* */

#side{
 margin:0px;
 padding:0px;
 width:230px;
 float:left;
}

#sideContact{
 margin:0px;
 padding:260px 0px 0px 0px;
 background:url(../img/common/bg_main_contact_a.png) no-repeat left top;
 width:230px;
 height:94px;
 text-align:center;
}

/* banner */
#side .bnr{
  margin: 0 0 10px 0;
  text-align: center;
}
#side .bnr ul{ margin: 0; }
#side .bnr ul li{
  /* float: left; */
  margin: 0 0 5px 0;
  list-style: none;
}
#side .bnr ul li:last-child{
  margin: 0;
}
#side .bnr img{
  vertical-align: bottom;
}

/* ▼トップページ用*/
#lnavTop{
 margin:0px 0px 10px 0px;
 padding:10px;
 width:230px;
 background:url(../img/top/bg_lnavtop.gif) no-repeat left top;
}

#lnavTop dl{
 margin:0px;
 padding:5px;
 width:190px;
}

#lnavTop dl dt{
 margin:0px;
 padding:15px 5px 5px 20px;
 width:165px;
 font-size:14px;
 font-weight:bold;
 color:#301004;
}

#lnavTop dl dd{
 border-bottom:#CCCCCC dotted 1px;
 font-size:14px;
 font-weight: normal;
 color:#003366;
}

#lnavTop dl dd.last{
 border-bottom:none;
}

#lnavTop dl dd a{
 padding:10px 5px 5px 20px;
 width:170px;
 background:url(../img/top/bg_lnav_list_off.gif) no-repeat 182px 14px;
 color:#003366;
 text-decoration:none;
 display:block;
}

#lnavTop dl dd a:hover{
 background:url(../img/top/bg_lnav_list_on.gif) no-repeat 182px 14px;
 color:#EB9EA2;
 text-decoration:none;
}
/* ▲トップページ用ここまで*/

/* ▼その他ページ用*/

#lnav{
 margin:20px 0px 10px 0px;
 width:230px;
}

.nini{ /* 任意整理*/
 margin:0px;
 padding:102px 0px 0px 0px;
 height:280px;
 background:url(../img/lnav/bg_nini_on.gif) no-repeat left top;
}

.kabarai{ /* 過払い*/
 margin:0px;
 padding:102px 0px 0px 0px;
 height:280px;
 background:url(../img/lnav/bg_kabarai_on.gif) no-repeat left top;
}

.hasan{ /* 自己破産*/
 margin:0px;
 padding:102px 0px 0px 0px;
 height:280px;
 background:url(../img/lnav/bg_hasan_on.gif) no-repeat left top;
}

.saisei{ /* 個人再生*/
 margin:0px;
 padding:102px 0px 0px 0px;
 height:280px;
 background:url(../img/lnav/bg_saisei_on.gif) no-repeat left top;
}

.guide{ /* ご利用ガイド*/
 margin:0px;
 padding:102px 0px 0px 0px;
 height:234px;
 background:url(../img/lnav/bg_guide_on.gif) no-repeat left top;
}

.office{ /* 事務所案内*/
 margin:0px;
 padding:102px 0px 0px 0px;
 height:188px;
 background:url(../img/lnav/bg_office_on.gif) no-repeat left top;
}


#lnav ul li{
 margin:0px 0px 1px 0px;
 padding:0px;
 width: 230px;
 height: 45px;
 overflow: hidden;
}

#lnav ul li img{
 margin:0px;
 padding:0px;
 /*vertical-align:middle;*/
}

/* ▲その他ページ用ここまで*/



#first img{
 margin:0px 0px 10px 0px;
}

#recommend{
 margin:0px 0px 10px 0px;
 padding:50px 20px 10px 20px;
 width:190px;;
 height:267px;
 background:url(../img/common/bg_recommend.gif) no-repeat left top;
}

#recommend img{
 margin:0px 0px 10px 0px;
 padding:0px;
}

#officeinfo{
 margin:0px 0px 20px 0px;
 padding:20px 10px 10px 10px;
 width:210px;
 background:url(../img/common/bg_officeinfo.gif) no-repeat left top;
}

#officeinfo h3{
 margin:0px 0px 10px 0px;
 padding:0px 0px 0px 0px;
 width:210px;
 font-weight:bold;
}

#officeinfo dl{
 margin:0px;
 padding:10px 0px 0px 0px;
 width:210px;
}

#officeinfo dl dt{
 margin:0px 0px 5px 0px;
 padding:0px 0px 0px 0px;
 width:210px;
 font-size:1.2em;
 font-weight: normal;
}

#officeinfo dl dd{
 margin:0px 0px 10px 0px;
 padding:0px 0px 0px 0px;
 width:210px;
 font-size:1.2em;
}

#officeinfo #sideprofile{
 margin:0px;
 padding:15px 0px 0px 100px;
 width:110px;
 height:132px;
 background:url(../img/common/bg_fukada.png) no-repeat left top;
}

#officeinfo #sideprofile ul{
 margin:10px 0px 0px 0px;
 padding:0px;
 width:103px;
 list-style:none;
}

#officeinfo #sideprofile ul li{
 margin:0px;
 padding:0px 0px 3px 13px;
 width:90px;
 background: url(../img/common/ico_list.gif) no-repeat left 4px;
 font-size:1.2em;
}

#officeinfo #sideprofile ul li a{
 color:#003366;
 text-decoration:none;
}

#officeinfo #sideprofile ul li a:hover{
 color:#003366;
 text-decoration: underline;
}

#seo{
 margin:0px;
 padding:0px;
 width:220px;
}

#side #seo h3{
 margin:0px 0px 5px 0px;
 padding:0px 0px 3px 0px;
 width:220px;
 font-size:1.4em;
 font-weight:bold;
 border-bottom:#CCCCCC solid 1px;
 color:#333333;
}

#wrapper #container #side #seo p{
 margin:0px;
 padding:0px 0px 3px 0px;
 width:220px;
 font-size:1.2em;
 color:#333333;
}

#side .sideMobile {
  margin-bottom: 20px;
}


/*
ページトップに戻る
********************************************************************************************************************************************* */
#pagetop{
 margin:106px auto 0px auto;
 padding:0px;
 width:960px;
 position:relative;
 text-align:right;
}

#pagetop img{
 margin:0px 0px 10px 0px;;
 padding:0px;
}

#plant{
 width:96px;
 height:106px;
 position:absolute;
 left:0px;
 top:-74px;
}


/*
ページ送り
********************************************************************************************************************************************* */
#contents #page{
 margin:20px 0;
 font-size:0.6em;
}

#contents #page p{
 clear:both;
 padding-top:8px;
 text-align:center;
}

#contents #page .current_page{
 padding:2px 8px;
 border:1px solid #003366;
 background:#003366;
 color:#FFF;
 text-decoration:none;
}


#contents #page img{
 margin:0px;
 padding:0px;
 vertical-align:middle;
}

#contents #page span a{
 padding:2px 8px;
 background:#FFFFFF;
 color:#003366;
 border:1px solid #003366;
 text-decoration:none;
}

#contents #page span a:hover{
 padding:2px 8px;
 border:1px solid #003366;
 background:#003366;
 color:#FFF;
 text-decoration:none;
}



/*
フッター
********************************************************************************************************************************************* */

#footer{
 width:100%;
 padding:77px 0px 0px 0px;
 background:url(../img/common/bg_footer.jpg) no-repeat center top;
 height:144px;
}

#footer dl{
 margin:0px auto;
 padding:0px 10px;
 width:950px;
}

#footer dl dt{
 margin:0px;
 padding:0px;
 width:330px;
 float:left;
}

#footer dl dt p{
  margin:5px 0 8px 0;
  padding:0px;
  font-size:12px;
  color:#333333;
  line-height:140%;
}
#footer dl dt p.footer_copyright {
  width:750px;
}

#footer dl dt p span{
 margin:0px 0px 0px 10px;
 padding:0px 0px 0px 14px;
 background:url(../img/common/ico_list.gif) no-repeat left 4px;
}

#footer dl dt p a{
 color:#003366;
 text-decoration:none;
}

#footer dl dt p a:hover{
 color:#003366;
 text-decoration: underline;
}


#footer dl dt img{
 margin:10px 0px;
 padding:0px;
}


#footer dl dd {
 margin:7px 0px;
 padding:0px 0px 0px 15px;
 width:600px;
 height:106px;
 background:url(../img/common/bg_footer_sitemap.gif) repeat-y left top;
 float:right;
}

#wrapper #footer dl dd ul{
 margin:0px 15px 0px 0px;
 padding:0px;
 width:135px;
 list-style:none;
 float:left;
 font-size:12px;
}

#footer dl dd ul li{
 margin:0px 0px 5px 0px;
 padding:0px 0px 0px 14px;
 background:url(../img/common/ico_list.gif) no-repeat left 4px;
}

#footer dl dd ul a{
 color:#003366;
 text-decoration:none;
}

#footer dl dd ul a:hover{
 color:#003366;
 text-decoration: underline;
}





/*
クライアント管理
id=user内
********************************************************************************************************************************************* */

/* テーブル */
#user table{
 margin:0px 0px 20px 0px;
 padding:0px;
 width:700px;
 border-collapse:collapse;
}

#user th{
 margin:0px;
 padding:10px;
 background-color:#F0EBCE;
 font-weight:bold;
 color:#2B4744;
 border:1px solid #FFFFFF;
}

#user td{
 margin:0px;
 padding:10px;
 width:279px;
 background-color:#F6F3E1;
 color:#333333;
 border:1px solid #FFFFFF;
}

/* 横の奇数行を装飾 */
#user tbody tr:nth-of-type(odd){ background:rgba(241,241,222,0.5); }
/* 縦の奇数列を装飾 */
#user tbody td:nth-of-type(odd){ background:rgba(241,241,222,0.5); }



/* リスト */
#user ol{
 margin:0px 0px 40px 30px;
 padding:0px 0px 0px 0px;
 color:#333333;
}

#user ol li{
 margin:0px;
 padding:0px 0px 0px 0px;
}

#user ul{
 width:700px;
 margin:0px 0px 20px 30px;
 padding:0px 0px 0px 0px;
 color:#333333;
}

#user ul li{
 margin:0px;
 padding:0px 0px 0px 0px;
}


}

.youtube_box {
	position:relative;
	padding-bottom:56.25%;
}
.youtube_box iframe {
	position:absolute;
	width:100%;
	height:100%;
}