@charset "utf-8";
/*
Theme Name: hfg
*/

#ippan,
#tsushin,
#tokushu{
	position:relative;
	top: -150px;
}

.cb-header {
display:block;
z-index: 100;
  position: fixed;
  top: -150px;
  left: 0;
  height:75px;
  background-color: rgba(255,255,255,0.9);
  width:100%;
  box-shadow: 0 3px 3px #bbbbbb;
  border-bottom: 5px solid #ff4f00;
}

.cb-header .inner {
	width:600px;
	margin-left:auto;
	margin-right:auto;
	padding-top:10px;
}
.cb-header .inner a {
	color:#FFF;
}
.kyoninka-link-box {
	width:540px;
	padding-top:10px;
	padding:5px;
	
	margin-top:15px;
	box-shadow: 0 1px 1px #bbbbbb;
	background-color:#efefef;
}
.kyoninka-link-box .img {
	width:121px;
	float:left;
	}
.kyoninka-link-box .img a {
	border: 1px solid #CCC;
	display:block;
	width:121px;
}
.kyoninka-link-box .img a:hover {
	border: 1px solid #084f5c;
}
.kyoninka-link-box .info {
	float:right;
	width:375px;
}
.kyoninka-link-box .info .title {
	font-weight:bold;
	margin-top:10px;
}






.other-contents {
	background-color:#b1dbf8;
	border-radius: 3px;
	padding:15px;
	margin-top:30px;
	box-shadow: 0 1px 1px #CCC;
	border-top-width: 3px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #085184;
	border-right-color: #085184;
	border-bottom-color: #085184;
	border-left-color: #085184;
}
.other-contents .inner {
	background-color:#FFF;
	border-radius: 3px;
	box-shadow: 0 1px 1px #CCC;	
}
.other-contents .inner ul li {
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #CCC;
	font-size:14px;
	margin-bottom:5px;
	padding-bottom:5px;
	background-image:url(img/page_attach.png);
	background-repeat:no-repeat;
	padding-left:25px;
	background-position:5px 3px;
}
.other-contents .inner ul{
	margin-left:10px;
	margin-right:10px;
}
.other-contents .inner ul li:first-child{
	padding-top:5px;
	background-position:5px 7px;
}
.other-contents .inner ul li:last-child{
	border:none;
}

.other-contents .title {
	font-weight:bold;
	margin-bottom:5px;
	color:#085184;
}



strong {
	color:#390;
	font-weight:bold;
}
dl.bord{
	background-color:#fefefe;
	padding:10px;
	font-size:14px;
	font-weight:bold;
	margin-bottom:10px;
	box-shadow: 0 1px 1px #CCC;
	border: 2px solid #cccccc;
	border-radius: 5px;
}
dl.bord dt {
	background-image:url(img/check_box.png);
	background-repeat:no-repeat;
	padding-left:25px;
	background-position:0 2px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #999;
	margin-bottom:10px;
	padding-bottom:10px;
}
dl.bord dd {
	font-weight:normal;
	background-color:#FFF;
	padding:5px;
	margin-bottom:15px;
	border-radius: 2px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #999;
	margin-bottom:10px;
	padding-bottom:10px;
}













ul.sta{
	background-color:#f7f8f8;
	padding:10px;
	font-size:12px;
	font-weight:bold;
	margin-bottom:10px;
	border: 2px solid #cccccc;
	border-radius: 5px;
	margin-top:10px;
	color:#333333;
}
ul.sta li {
	border-bottom: 1px dotted #CCCCCC;
	padding-bottom:8px;
	padding-top:8px;
}



ul.bord{
	background-color:#FF9;
	padding:10px;
	font-size:14px;
	font-weight:bold;
	margin-bottom:10px;
	border: 2px solid #FC0;
	border-radius: 5px;
}
ul.bord li {
	background-image:url(img/check_box.png);
	background-repeat:no-repeat;
	padding-left:25px;
	background-position:0 2px;
}


ul.bord2{
	background-color:#fefefe;
	padding:10px;
	font-size:14px;
	font-weight:bold;
	margin-bottom:10px;
	box-shadow: 0 1px 1px #CCC;
	border: 2px solid #cccccc;
	border-radius: 5px;
}
ul.bord2 li {
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #999;
	margin-bottom:5px;
	padding-bottom:5px;
	background-image:url(img/check_box.png);
	background-repeat:no-repeat;
	padding-left:25px;
	background-position:0 2px;
}
ul.bord2 li:last-child{
	border:none;
	margin-bottom:0;
	padding-bottom:0;
}
table{
	width:600px;
	background-color:#ffffff;
	border: 1px solid #CCC;
	box-shadow: 0 1px 1px #CCC;
	font-size:12px;
}
table th {
	background-color:#eeeeee;
	font-weight:bold;
	border: 1px solid #CCC;
	padding:5px;
	text-align:center;
}
table td {
	border: 1px solid #CCC;
	padding:5px;
}

.message {
	font-size:16px;
	background-color:#fdeff4;
	border-radius: 2px;
	padding:10px;
	padding-left:125px;
	background-image:url(img/katabami.png);
	background-repeat:no-repeat;
	border: 2px solid #fd9fc2;
	color:#9a0b41;
	font-weight:bold;
}


/*リンク
----------------------------------------------------------------------------------------------------*/
.link-box {
	width:600px;
	border-top-width: 1px;
	border-top-style: dotted;
	border-top-color: #CCC;
	padding-top:10px;
}
.link-box .img {
	width:121px;
	float:left;
	}
.link-box .img a {
	border: 1px solid #CCC;
	display:block;
	width:121px;
}
.link-box .img a:hover {
	border: 1px solid #084f5c;
}
.link-box .info {
	float:right;
	width:450px;
}
.link-box .info .title {
	font-weight:bold;
	margin-top:10px;
}


.link-box2 {
	width:200px;
	border-top-width: 1px;
	border-top-style: dotted;
	border-top-color: #CCC;
	padding-top:10px;
	float:left;
}
.link-box2 .img {
	width:61px;
	float:left;
	}
.link-box2 .img a {
	border: 1px solid #CCC;
	display:block;
	width:61px;
}
.link-box2 .img a:hover {
	border: 1px solid #084f5c;
}
.link-box2 .info {
	float:right;
	width:120px;
}
.link-box2 .info .title {
	font-weight:bold;
	margin-top:5px;
}


/*報酬一覧
----------------------------------------------------------------------------------------------------*/
table.houshu{
	width:600px;
	background-color:#ffffff;
	border: 1px solid #CCC;
	box-shadow: 0 1px 1px #CCC;
}
table.houshu th {
	background-color:#e6f3f6;
	font-weight:bold;
	border: 1px solid #CCC;
	padding:5px;
}
table.houshu td {
	border: 1px solid #CCC;
	padding:5px;
}




/*グローバルメニュー
----------------------------------------------------------------------------------------------------*/
#gmenu ul li a{
	width:185px;
	height:42px;
	float:left;
	display:block;
	text-indent:-500px;
	overflow:hidden;
}
#gmenu ul li.top a {
	background-image:url(img/gmenu/top.jpg);
}
#gmenu ul li.profile a {
	background-image:url(img/gmenu/profile.jpg);
}
#gmenu ul li.hoshu a {
	background-image:url(img/gmenu/hoshu.jpg);
}
#gmenu ul li.shitsumon a {
	background-image:url(img/gmenu/shitsumon.jpg);
}
#gmenu ul li.link a {
	background-image:url(img/gmenu/link.jpg);
}



table.service {
	width:600px;
	border: 3px solid #CCC;
	margin-bottom:30px;
}
table.service td {
	padding:5px;
	border: 1px solid #CCC;
}
table.service td.tyakusyukin{
	text-align:center;
	font-size:18px;
	background-color:#FF9;
	font-weight:bold;
}
table.service td.housyoukin{
	text-align:center;
	font-size:18px;
	background-color:#CFC;
	font-weight:bold;
}
table.service td span.gaku{
	font-size:16px;
	color:#F33;
	font-weight:bold;
}
/*---------------------------------------------------------------------*/

/*無料相談ページ
==========================================================================================================================*/
.soudan-boxA,
.soudan-boxB {
	width:600px;
	margin-bottom:15px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #CCC;
}
.soudan-boxA strong,
.soudan-boxB strong {
	color:#FF0000;
}
.soudan-boxA .img {
	width:250px;
	float:left;
}
.soudan-boxA .text {
	width:330px;
	float:right;
}
.soudan-boxB .img {
	width:250px;
	float:right;
}

.soudan-boxB .text {
	width:330px;
	float:left;
}
h3.soudan{
	margin-top:0;
}

table.office {
	width:600px;
}

table.office th {
	width:150px;
	background-color:#eeeeee;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #FFF;
	font-size:14px;
	color:#222;
	font-weight:bold;
	text-align:center;
}
table.office td {
	padding:10px;
}

table.office td strong {
	color:#333;
}

table.office td ul {
	margin-top:5px;
	margin-left:20px;
	margin-bottom:0;
	padding-bottom:0;
}
table.office td ul li {
	list-style-position:inside;
}




.boss_block {
	width:600px;
	margin-bottom:15px;
}
.boss_block .staff_box_boss {
	padding-top:15px;
	width:600px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCC;
	padding-bottom:10px;
	margin-top:20px;
}
.boss_block .staff_box_boss .img {
	width:250px;
	float:left;
	margin-right:15px;
}
.boss_block .staff_box_boss .text {
	float:right;
	
}
.boss_block .staff_box_boss .name {
	font-size:16px;
	font-weight:bold;
	color:#060;
}
.boss_block .staff_box_boss .comment {
	font-size:14px;
	line-height:16px;
	margin-top:10px;
}






html {
	background-color:#fefaec;
	font-size:14px;
}
#wrapper {
	width:925px;
	margin-left:auto;
	margin-right:auto;
	background-image:url(img/BgWapper.png);
	padding-left:25px;
	padding-right:25px;
	
}
body {
	font-family: "メイリオ", "ＭＳ Ｐゴシック", sans-serif;
	color:#333;
}

#contents {
	width:875px;
	margin-right:auto;
	margin-left:auto;
	background-color:#ffffff;
	padding:25px;
}
#main {
	float:right;
	width:600px;
}

#main p {
	margin-bottom:15px;
	line-height:28px;
}

#side {
	float:left;
	width:250px;
}

#mainimg{
	width:925px;
	margin-right:auto;
	margin-left:auto;
}

/*
.fixed{
	position:fixed;
	top:20px;
}
*/
#stt{
	position:fixed;
	bottom:30px;
	right:30px;
}
.lawyer{
	margin-bottom:25px;
}
.lawyer .photo {
	width:200px;
	height:125px;
	background-color:#CCC;
	float:left;
}

.lawyer .text {
	width:425px;
	float:right;
}
.lawyer .text .name {
	font-size:16px;
}
a {
	text-decoration:none;
	color:#09F;
}
a:hover {
	text-decoration:underline;
}

#header {
	height:100px;
	background-image:url(img/header/bg_header.jpg);
	background-repeat:repeat-x;
}


#header #logo a {
	width:435px;
	display:block;
	height:100px;
	background-image:url(img/header/logo2.jpg);
	text-indent:-500px;
	overflow:hidden;
	float:left;
}
#header #fd {
	width:300px;
	height:100px;
	float:right;
}

#header .inner,
#footer .inner,
#pan .inner{
	width:925px;
	margin-right:auto;
	margin-left:auto;
}
#footer {
	height:100px;
	background-color:#ffffff;
	border-top-width: 5px;
	border-top-style: solid;
	border-top-color: #ff4f00;
	padding-top:5px;
	text-align:center;
	color:#222222;
}
#footer a{
	color:#FFF;
}




#pan {
	background-color:#900;
}



h1 {
	font-size:24px;
	margin-bottom:50px;
	font-weight:bold;
	border-left-width: 5px;
	border-left-style: solid;
	border-left-color: #ff4f00;
	padding-left:20px;
	padding-top:2px;
	padding-bottom:2px;
	color:#222222;
	font-family:'Quicksand', "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴシック Pro", "Hiragino Kaku Gothic Pro", 'メイリオ' , Meiryo , Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

h2 {
	height:34px;
	font-size:16px;
	margin-bottom:15px;
	font-weight:bold;
	color:#ffffff;
	padding-left:10px;
	line-height:34px;
	margin-top:50px;
	background-color:#ff4f00;
	background-color:#333333;
	border-radius: 2px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 5px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #d64503;
	border-right-color: #d64503;
	border-bottom-color: #d64503;
	border-left-color: #d64503;
	border-top-color: #222222;
	border-right-color: #222222;
	border-bottom-color: #222222;
	border-left-color: #222222;
	box-shadow: 0 1px 1px #CCC;	
	font-family:'Quicksand', "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴシック Pro", "Hiragino Kaku Gothic Pro", 'メイリオ' , Meiryo , Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
h3 {
	font-size:14px;
	margin-bottom:10px;
	font-weight:bold;
	border-left-width: 5px;
	border-left-style: solid;
	border-left-color: #aaaaaa;
	padding-left:10px;
	color:#222222;
	margin-top:30px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-top-color: #eeeeee;
	border-right-color: #eeeeee;
	border-bottom-color: #eeeeee;
	padding-top: 3px;
	padding-bottom: 3px;
	border-radius: 2px;
	background-color:#ffffff;
	box-shadow: 0 1px 1px #CCC;
	font-family:'Quicksand', "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴシック Pro", "Hiragino Kaku Gothic Pro", 'メイリオ' , Meiryo , Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

h4 {
	font-size:14px;
	margin-bottom:10px;
	font-weight:bold;
	color:#222222;
	margin-top:30px;
	padding-top: 3px;
	padding-bottom: 3px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCC;
	font-family:'Quicksand', "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴシック Pro", "Hiragino Kaku Gothic Pro", 'メイリオ' , Meiryo , Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
/*
h4 {
	font-size:14px;
	margin-bottom:10px;
	font-weight:bold;
	border-left-width: 5px;
	border-left-style: solid;
	border-left-color: #CCC;
	padding-left:10px;
	color:#222222;
	margin-top:30px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCC;
	padding-top: 3px;
	padding-bottom: 3px;
	font-family:'Quicksand', "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴシック Pro", "Hiragino Kaku Gothic Pro", 'メイリオ' , Meiryo , Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}*/
h5 {
	font-size:14px;
	font-weight:bold;
	color:#0189a1;
	font-family:'Quicksand', "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴシック Pro", "Hiragino Kaku Gothic Pro", 'メイリオ' , Meiryo , Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
ul.fd_ft_link{
	margin-left:15px;
		
}
ul.fd_ft_link li{
	float:left;
	padding-left:25px;
	padding-right:25px;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #CCC;
}

ul#main-menu{
	background-color:#eeeeee;
	border: 2px solid #cccccc;
	border-radius: 3px;
	margin-top:25px;
	padding:8px;
}

ul#main-menu li {
	background-repeat:no-repeat;
	padding-left:0px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #cccccc;
	padding-top:5px;
	padding-bottom:8px;
	margin-bottom:8px;
	background-position:0 0px;
}

ul#main-menu li a {
	color:#333333;
	font-weight:bold;
}




#side ul#cat-menu{
	padding-top:5px;
	background-color:#eeeeee;
	padding:7px;
	padding-bottom:0;
	margin-bottom:15px;
	border-radius: 3px;
}

#side ul#sub-menu{
	margin-left:7px;
	border-radius: 3px;
	margin-top:15px;
}
#side ul#sub-menu li {
	background-image:url(img/arrow.png);
	padding-left:18px;
	background-repeat:no-repeat;
	margin-bottom:5px;
	padding-bottom:5px;
	line-height:18px;
	background-position:1px 3px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #cccccc;
}

ul#feed {
	padding:10px;
	border-right-width: 3px;
	border-bottom-width: 3px;
	border-left-width: 3px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-right-color: #cccccc;
	border-bottom-color: #cccccc;
	border-left-color: #cccccc;
	margin-top:0;
}
ul#feed li {
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #cccccc;
	font-size:12px;
	margin-bottom:5px;
	padding-bottom:5px;
}