@import "./init.css";
@import "./header.css";
@import "./navi.css";
@import "./footer.css";
@import "./w3c.css";

/* ---------- 全体レイアウト ---------- */
body{
	background-color:#FFF;
}

#container {
	width:760px;
	padding:0px;
	margin: 0px;
	margin-left: auto;
	margin-right: auto;
}

#outer {
	background-image:url("../images/header/shadow.png");
	background-position:0px 0px;
	background-repeat:repeat-x;
}

#content {
	float:right;
	width:502px;
	margin:0px;
	padding-top:29px;
	padding-bottom:20px;
}

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

/* ---------- 共通部品 ---------- */

#page_title
{
	margin-bottom:15px;
	padding:0px;
}

#page_title h1
{
	display:none;
}

.sentence_title
{
	margin-bottom:15px;
	padding:0px;
}

.sentence_title h2
{
	display:none;
}

.page_paragraph
{
	width:480px;
	margin:0px;
	padding:0px;
	margin-bottom:20px;
	text-align:left;
}

.page_paragraph_last
{
	width:480px;
	margin:0px;
	padding:0px;
	margin-bottom:40px;
	text-align:left;
}

#content_call
{
	width:480px;
	text-align:center;
}

#content_call a img
{
	background-image:url("../images/common/call.png");
	background-position:0px 0px;
	background-repeat:no-repeat;
}

#content_call a:hover img
{
	background-position:0px -117px;
}

.ex_box_top {
	width:478px;
	height:8px;
	background-image:url("../images/common/ex_top.png");
	background-repeat:no-repeat;
}

.ex_box_bottom {
	width:478px;
	height:8px;
	background-image:url("../images/common/ex_bottom.png");
	background-repeat:no-repeat;
	margin-bottom:20px;
}

.ex_box {
	width:478px;
	background-image:url("../images/common/ex_back.png");
	background-repeat:repeat-y;
}

.ex_paragraph1 {
	padding-top:5px;
	padding-bottom:5px;
	text-align:center;
	color:#F00;
	font-size:14pt;
}

.ex_paragraph2 {
	margin-left:10px;
	margin-right:10px;
	color:#F00;
}

.ex_paragraph2 td {
	color:#F00;
}

.ex_paragraph2 .arrow {
	padding-left:5px;
	padding-right:5px;
	font-weight:bold;
}

.ex_paragraph3 {
	margin-left:10px;
	margin-right:10px;
	color:#F00;
	font-size:11pt;
}

.blue {
	color:#000096;
}

/* ---------- TOP ---------- */

#top1 {
	width:488px;
	margin-bottom:3px;
	text-align:center;
}

#top2 {
	position:relative;
	width:488px;
	height:296px;
	margin-bottom:25px;
	background-image:url("../images/content/index/index5.png");
	background-color:#F00;
	background-position:center;
	background-repeat:no-repeat;
}

#top3 {
	width:480px;
	margin-bottom:25px;
	margin-left:5px;
	padding-top:10px;
	padding-bottom:10px;
	border-top:solid 1px #000096;
	border-bottom:solid 1px #000096;
	text-align:center;
}

#top3 img {
	margin-top:15px;
}

#top4,
#top5 {
	margin-bottom:20px;
}

#top_image1 {
	margin-top:10px;
	margin-bottom:12px;
}

#top_image1 .left {
	float:left;
}

#top_image1 .right {
	float:right;
}


#top_paragraph1 {
	width:450px;
	margin-left:auto;
	margin-right:auto;
	padding-top:14px;
	font-size:11pt;
	font-weight:bold;
	line-height:150%;
}

#top_paragraph1 .center {
	text-align:center;
}

#top_paragraph2_outer {
	width:450px;
	margin-left:auto;
	margin-right:auto;
	padding-top:3px;
	background-color:#F00;
}

#top_paragraph2_inner {
	margin-left:10px;
	margin-right:10px;
	color:#FF0;
	font-size:11pt;
	font-weight:bold;
	text-align:center;
	line-height:150%;
}

#top_paragraph3 {
	text-align:center;
	color:#000096;
	font-size:11pt;
	font-weight:bold;
}

/* ---------- 債務整理あれこれ ---------- */

.method_paragraph1 {
	color:#F00;
	font-weight:bold;
}

#method_button {
	margin-bottom:30px;
}

#method1 a img {
	background-image:url("../images/content/method/button1.png");
	background-position:0px 0px;
	background-repeat:no-repeat;
}

#method1 a:hover img {
	background-position:0px -92px;
}

#method2 a img {
	background-image:url("../images/content/method/button2.png");
	background-position:0px 0px;
	background-repeat:no-repeat;
}

#method2 a:hover img {
	background-position:0px -92px;
}

#method3 a img {
	background-image:url("../images/content/method/button3.png");
	background-position:0px 0px;
	background-repeat:no-repeat;
}

#method3 a:hover img {
	background-position:0px -92px;
}

/* ---------- 債務整理の手順 ---------- */

#step {
	width:480px;
	margin-bottom:20px;
}

/*
#step dt {
	display:block;
	clear:both;
	float:left;
	width:78px;
	height:78px;
	margin:0px;
	padding:0px;
}

#step dd {
	display:table-cell;
	float:left;
	width:400px;
	height:78px;
	margin:0px;
	padding:0px;
	vertical-align:middle;
}
*/

#step .number {
	width:90px;
}

#step .text {
	font-size:10pt;
}

#flow_list
{
}

#flow_list dt
{
	clear:both;
	float:left;
	width:430px;
	margin:0px;
	padding:0px;
	padding:5px;
	font-size:150%;
	font-weight:bold;
	text-align:center;
}

#flow_list dd
{
	clear:both;
	float:left;
	width:430px;
	margin:0px;
	padding:0px;
	padding:10px;
	border:solid 1px #FE0501;
  border-radius:5px;
  -webkit-border-radius:5px;
  -moz-border-radius:5px;
  -opera-border-radius:5px;
	margin-bottom:15px;
	color:#333;
	font-weight:bold;
}


/* ---------- FAQ ---------- */

.question {
	width:480px;
	margin:0px 0px 40px 0px;
	padding:0px;
}

.question dt {
	margin:0px;
	padding:0px;
}

.question h2 {
	display:none;
}

.question dd {
	width:450px;
	margin:0px;
	padding:0px;
	padding:5px;
	margin-left:7px;
	border:solid 1px #FE0501;
  border-radius:5px;
  -webkit-border-radius:5px;
  -moz-border-radius:5px;
  -opera-border-radius:5px;
	margin-bottom:10px;
	margin-bottom:30px;
	color:#333;
	font-weight:bold;
}

.question dd span{
	display:block;
	color:#FE0501;
	font-size:120%;
	font-weight:bold;
}

/* ---------- 事務所案内 ---------- */

#office {
	width:480px;
	margin-bottom:40px;
}

#office td {
	padding-top:10px;
	padding-bottom:10px;
}

#office .label {
	width:80px;
	line-height:150%;
}

#office .sep {
	width:20px;
	line-height:150%;
}

#office .text {
	width:380px;
	line-height:150%;
}

#office .line {
	border-bottom:dotted 1px #999;
}

/* ---------- 相互リンク ---------- */
#linklist {
	width:480px;
	margin-bottom:40px;
}

/* ---------- サイトマップ ---------- */

#sitemap
{
	width:480px;
	margin-bottom:40px;
}

#sitemap ul
{
	margin:0px;
	padding:0px;
}

#sitemap li
{
	margin:10px 0px 0px 0px;
	padding:0px 0px 10px 0px;
	list-style-type:none;
}

#sitemap .line {
	border-bottom:dotted 1px #999;
}

/*  MSLINK */
#mslink_msg p {
	margin-left:0px;
	padding-left:0px;
}

#mslink_note
{
	width:430px;
	margin:0px;
	padding:0px;
	margin-left:11px;
	margin-top:24px;
}

#mslink_note li
{
	margin:0px;
	padding:0px;
	list-style-type:none;
	padding-bottom:10px;
}

.mslink_whitetd {
	width: 380px;
	margin: 0px 0px 10px 10px;
	background: #FFFFFF; 
	border-top: 2px solid #888;
	border-left: 2px solid #888;
	border-bottom: 1px solid #888;
	border-right: 1px solid #888;
}

#mslink_subject {
	margin-top:15px;
	text-align:center;
	color:#009900;
}

#mslink_list
{
	margin-top:30px;
	text-align:center;
	color:#009900;
	font-size:24px;
	font-weight:bold;
}

#mslink {
	margin: 15px 15px;
}

#mslink_form .text_box
{
	width:350px;
}

#mslink_form .note
{
	color:#009900;
}

#mslink_form dt
{
	margin:0px;
	padding:0px;
}

#mslink_form dd
{
	margin:0px;
	padding:0px;
	margin-bottom:15px;
}

.mslinkwhitetd {
	border-top-width: 1px;
	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: #666666;
	border-right-color: #FFFFFF;
	border-bottom-color: #FFFFFF;
	border-left-color: #666666;
	margin-bottom: 10px;
	margin-left:auto;
	margin-right:auto;
	width: 440px;
}
.mslinkwhtetd2 {
	border-top-width: 1px;
	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: #333333;
	border-right-color: #CCCCCC;
	border-bottom-color: #CCCCCC;
	border-left-color: #333333;
	padding:10px;
}

#mslink_bn td.mslinkwhtetd2 {
	background: #fff;
}

/* IME */
.ime_off
{
	ime-mode:disabled;
}

.ime_on
{
	ime-mode:active;
}

.clear_div
{
	clear:both;
}


.hidden
{
	display:none;
}