@charset "UTF-8";

/*
 *
 * FPsoudan.com Common CSS File
 * ＦＰ相談.com 共通 CSS 定義ファイル
 *
 */

/*******************************************/
/*************** Base Design ***************/
/*******************************************/

* {
  padding: 0;
  margin: 0;
}

body {
	background-color: #fff;
	color: #000;
}

#container {
	width: 832px;
	margin: 0 auto 0;
	background-color: #ccc;
}

/*******************************************/
/*********** Header Area Design ************/
/*******************************************/

/* Top Text Area */

#toptext_area {
	padding: 5px;
	border: 1px solid #999;
	border-bottom: 0px;
	background-color: #cde;
	line-height: 120%;
}

#toptext_area img {
  float: left;
  padding-right: 15px;
}

/* Header Logo Area */

#headerlogo_area {
  padding-top: 5px;
	padding-bottom: 5px;
	border: 1px solid #999;
	border-width: 0px 1px;
	background-color: #cde;
	font-size: small;
	line-height: 120%;
}

#headerlogo_fplogo {
	float: left;
	padding-left: 10px;
}

#headerlogo_titlelogo {
	padding-left: 170px;
}

.headerlogo_subtext {
	padding-left: 20px;
}

/*******************************************/
/************ Main Area Design *************/
/******** Main (Containner):  830px ********/
/******** Left&Center:        670px ********/
/******** Left Sidebar:       170px ********/
/******** Center Contents:    500px ********/
/******** Right Sidebar:      160px ********/
/*******************************************/

#main_area {
	width: 830px;
  float: left;
  margin: 0;
  padding-top: 5px;
	border: 1px solid #999;
	border-width: 0px 1px 2px;
	background: #cde;
}

#left_and_center {
  width: 670px;
  float: left;
}

#adflame {
	width: 74%;
	float: left;
	background: #fff;
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
}

/*******************************************/
/*********** Left Sidebar Design ***********/
/*******************************************/

/* Left Sidebar Area */

#left_sidebar {
	width: 170px;
	float: left;
  padding-top: 10px;
	line-height: 110%;
	font-size: small;
	background-color: #cde;
}

#left_sidebar hr {
	width: 150px;
	margin: 10px auto 10px;
	border-style: solid none none none;
	border-top: 1px solid #99f;
}
#left_sidebar p {
  padding: 2px 5px 2px 5px;
	line-height: 120%;
}

/* Leftbar Menu */

#leftbar_menu {
	text-align: center;
}

#leftbar_menu img {
	padding-bottom: 3px;
}

/* Site Guideline Box */

#sidebar_guideline_box {
}

/* Browser Requirement Box */

#sidebar_browerspec_box {
}

/* Guide Mobile Site Box */

#sidebar_guidemobile_box {
}

/*******************************************/
/********** Right Sidebar Design ***********/
/*******************************************/

/* Right Sidebar Area */

#right_sidebar {
	width: 160px;
	float: right;
　padding-top: 10px;
	font-size: small;
	background-color: #cde;
}

#right_sidebar img {
  margin-bottom: 5px;
}
#right_sidebar hr {
  width: 140px;
	margin: 10px auto 10px;
	border-style: solid none none none;
	border-top: 1px solid #99f;
}
#right_sidebar p {
  padding: 2px 5px 2px 10px;
	line-height: 120%;
}

/* Right Bar Menu */

#rightbar_menu {
  text-align: center;
}

/* Blog Title Box */
#blogtitle_box {
}

/* Page List Box */
#pagelist_box {
}

/*******************************************/
/********* Center Contents Design **********/
/*******************************************/

/* Center Contents Column */

#center_contents {
	width: 500px;
	float: right;
	overflow: hidden;
	background: #fff;
	font-family: "ＭＳ Ｐ明朝", "細明朝体", "ヒラギノ明朝 Pro W3";
}

#center_contents hr {
	width: 470px;
	margin: 20px auto 20px;
	border-style: dotted none none none;
	border-top: 3px dotted #66f;
}

/* Page Guide Buttons Box */
#pageguide_box {
  margin-top: 20px;
  margin-bottom: 10px;
}

#pageguide_box p {
  margin: 10px 20px;
  padding: 2px;
	background: #ff9;
	color: blue;
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	font-size: large;
	font-weight: bold;
}
#pageguide_box table {
	margin: 5px auto 5px;
	border-collapse: collapse;
	border-style: none solid solid none;
	border-right: 1px solid #cc9;
	border-bottom: 1px solid #cc9;
	background: #ffe;
}
#pageguide_box td {
  width: 50%;
  margin: 30px;
  padding: 5px 10px;
  text-align: center;
}


/* Center Ad. Box */
#center_ad_box {
  margin-top: 10px;
  margin-bottom: 10px;
  text-align: center;
	font-size: small;
	font-style: italic;
	color: #666;
}
#center_ad_box p {
  line-height: 200%;
}

/* Bottom Menu Box */
#bottommenu_box {
  margin-top: 10px;
  margin-bottom: 10px;
	text-align: center;
	font-size: small;
}

#bottommenu_box table {
  width: 460px;
	margin: 5px auto 5px;
	border-collapse: collapse;
	border: 0px;
	background: #ccc;
	text-align: left;
	font-size: x-small;
}
#bottommenu_box td {
  padding: 5px 3px;
  border: 1px dotted #fff;
}

/* Verisign SSL Message Box */
#verisign_sslmsg_box {
  margin-top: 20px;
  margin-bottom: 10px;
	text-align: center;
	font-size: x-small;
	color:#333;
}

/* Copyright Line Box */
#copyrightline_box {
  margin-top: 20px;
  margin-bottom: 10px;
	text-align: center;
	font-size: small;
	font-style: italic;
	color: #666;
}

/* page Contents Box */
#pagecontents_box {
  margin-top: 10px;
}

#pagecontents_box p {
	margin: 10px 10px 10px 15px;
	line-height: 150%;
}
#pagecontents_box h1 {
  margin: 20px 3px;
	padding-top: 5px;
	text-align: center;
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	font-size: x-large;
}
#pagecontents_box h2 {
  margin: 30px 5px 15px 30px;
	font-size: x-large;
}
#pagecontents_box h3 {
  margin: 30px 8px 15px;
	padding: 5px;
	border: 3px ridge #00f;
	background: #eef;
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	font-size: x-large;
}
#pagecontents_box h4 {
  margin: 20px 15px 10px;
	border-bottom: 3px double #ccc;
	color: #00c;
}
#pagecontents_box h5 {
  margin: 20px 15px 10px;
	color: #000;
	text-decoration: underline;
}
#pagecontents_box ul {
  margin-right: 10px;
}
#pagecontents_box ol {
  margin-left: 10px;
  margin-right: 10px;
}
#pagecontents_box li {
  margin: 10px 30px 10px 40px;
	line-height: 150%;
}
#pagecontents_box dt {
  margin: 10px 10px;
	padding: 3px;
	font-weight: bold;
	background: #eee;
}
#pagecontents_box dd {
  margin: 10px 15px 25px 20px;
  line-height: 130%;
}
#pagecontents_box blockquote {
  margin: 10px 10px 10px 30px;
}
#pagecontents_box strong {
	color: red;
}
#pagecontents_box em {
	color: blue;
	font-style: normal;
	font-weight: bold;
}

.remarkbox {
	background: #ffd;
	border: 1px dotted #999;
}
.tabtable {
	border: 0px none #000;
	text-align: center;
	margin: 50 auto 50 auto;
}
.icon_left {
	float: left;
	padding-right: 5px;
	padding-top: 2px;
}

/* others */

a:hover {
	background-color: #ff9;
}

/*******************************************/
/************* Page Own Design *************/
/*******************************************/

/* Explain Pages */

#explain_menu_subbox {
  margin: 0 auto 0;
  padding: 0;
  border: 0;
}
#explain_menu_subbox table {
  margin: 0 auto 0;
}

/* Link Page */

.link_category_line {
	background: #ccf;
	font-size: large;
	font-weight: bold;
	border-top: 2px solid #000;
	border-bottom: 2px solid #000;
}
.link_title_line {
  background: #ffe;
	font-weight: bold;
}
.link_explain_line {
	border-bottom: 1px solid #666;
}
.go_linkrule {
	text-align: right;
	font-size: small;
}

/* Link Rule Page */

#linktag_subbox {
  margin-top: 30px;
}
#linktag_subbox p {
  margin-left: 30px;
}
#linktag_subbox form {
  margin-left: 40px;
  margin-bottom: 20px;
}
#linktag_subbox textarea {
  width: 400px;
  font-size: small;
}

/* Rank List Page */

#ranklist_table {
	width: 95%;
	margin: 20px auto 20px;
	border-collapse: collapse;
	border: 2px solid #666;
	text-align: left;
	font-size: smaller;
}
#ranklist_table td {
	padding: 2px;
	border: 1px solid #999;
}
.ranklist_headline {
	background-color: #ccf;
	vertical-align: top;
}
.ranklist_lefttopcolumn {
	vertical-align: middle;
}
.ranklist_companycolumn {
	background-color: #eff;
}

#ranklist_desc {
  margin-top: 20px;
  margin-bottom: 20px;
  font-size: small;
}

.rank_changed {
  color: #f00;
}

/* Word Page */

#wordlist_index {
  width: 480px;
  margin: 20px auto;
  border: 1px dotted gray;
  background-color: #ffe;
}
#wordlist_index td {
  padding: 2px;
  text-align: center;
}

/* Site Map Page */

#sitemap_index {
  width: 475px;
  margin: 10px auto 20px;
  padding: 0;
  border: 0;
  font-size: smaller;
}
#sitemap_index li {
	list-style-type: square;
	list-style-image: url(images/icon_circle_lightblue.gif);
	vertical-align: middle;
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	font-size: normal;
}

/*******************************************/
/************* Common Classes **************/
/*******************************************/

/* Apply Button in middle of Page Sub Box */

.now_apply_subbox {
  margin-bottom: 30px;
	text-align: center;
}

/* Go Next in middle of Page Sub Box */

.go_next_subbox {
	margin: 5px auto 30px;
	border-collapse: collapse;
	border-style: none solid solid none;
	border-right: 1px solid #cc9;
	border-bottom: 1px solid #cc9;
	text-align: center;
	background: #ffe;
}

/* Large Remark Sub Box */

.remark_large_subbox {
  width: 80%;
  margin: 10px auto 10px;
  padding: 2px;
	text-align: center;
	background: #ff9;
	color: blue;
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	font-size: large;
	font-weight: bold;
}

/* Index List in Page Sub Box */

.indexlist_subbox {
	margin: 10px 10px 20px 10px;
	background: #ffd;
	border: 1px dotted #999;
}
.indexlist_subbox ul {
  list-style-type: square;
}

/* Q & A List Sub Box */

.qalist_subbox {
  margin: 20px 20px;
}
.qalist_subbox img {
  vertical-align: bottom;
}

/* Title & Description Block */

.description_block {
  margin: 20px auto 30px;
}

/* Remark Line Classes */

.remark_line {
	margin: 10px auto 30px;
	padding: 3px 2px;
	background: #ff9;
	color: blue;
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	font-weight: bold;
}

/* Base Table Design */

.infotable {
	width: 90%;
	margin: 10px auto 30px;
	border-collapse: collapse;
	border: 2px solid #666;
	text-align: left;
	caption-side: top;
}
.infotable caption {
  padding: 5px;
  text-align: center;
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
  font-size: large;
  font-weight: bold;
}
.infotable td {
	padding: 4px 7px;
	border: 1px solid #999;
}
.infotable th {
	padding: 4px 7px;
	border: 1px solid #999;
	font-weight: bold;
}
.table_line1 {
	background: #eef;
}
.table_line2 {
	background: #ffe;
}

/* Go Page Top Line */

.go_pagetop {
	text-align: right;
	padding-bottom: 20px;
}

/* indent for up/down arrow */

.arrow_indent {
  padding-left: 80px;
}

/* Annotation Text */
.annotation {
	font-size: x-small;
}

/* Image Position Classes */

.sidebar_title_img {
	text-align: center;
}

.centered_img {
  margin: 5px 0px 10px;
  padding: 0;
	text-align: center;
}

.inline_img {
  vertical-align: text-bottom;
}