@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: 30px;
}

/*******************************************/
/************ 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: 2px auto 2px;
	border-collapse: collapse;
	border: 2px solid #666;
	text-align: left;
	font-size: smaller;
}
#ranklist_table td {
	border: 1px solid #999;
}
.ranklist_headline {
	background-color: #ccf;
	vertical-align: top;
}
.ranklist_lefttopcolumn {
	vertical-align: middle;
}
.ranklist_companycolumn {
	background-color: #eff;
}

/* Rank List Page */

#ranklist_table {
	width: 95%;
	margin: 20px auto 30px;
	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-bottom: 20px;
  font-size: small;
}

/* 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;
}


/*******************************************/
/**************** sb Design ****************/
/*******************************************/

img {
	border: 0;
}
.hide {
	display: none;
}
.clear {
	font-size: 1px;
	line-height: 1px;
	clear: both;
}

/* [sb tag] */
div#pagenavi {
	text-align: center;
	color: #666;
	font-size: small;
	padding-bottom: 15px;
}

div.entry {
	padding-bottom: 50px;
}
div.entry_author {
	color: #666;
	text-align: right;
	margin-bottom: 20px;
	margin-right: 15px;
}
div.entry_body {
  margin: 5px 15px 18px;
}
div.entry_more {
  margin: 5px 15px 18px;
}
div.entry_state {
	clear: both;
	color: #666;
	text-align: right;
	margin-right: 15px;
}
div.entry img.pict {
	display: block;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 18px;
	text-align: center;
}
div.entry img.thumb {
	float: left;
	margin-right: 15px;
	margin-bottom: 15px;
}
div.entry blockquote {
	padding: 15px 15px;
	margin-bottom: 30px;
	background-color: #eee;
}
div.entry table {
	border-top: 1px solid #111;
	border-left: 1px solid #111;
  margin: 5px 15px 18px;
}
div.entry table th {
	padding: 5px;
	border-bottom: 1px solid #09f;
	border-right: 1px solid #ddd;
}
div.entry table td {
	padding: 5px;
	border-bottom: 1px solid #ddd;
	border-right: 1px solid #ddd;
	vertical-align: top;
}
div entry ol {
        line-height: 0%;
}
div entry ul {
        line-height: 0%;
}
div entry dl {
        line-height: 0%;
}
div entry dt {
        line-height: 30%;
}
div entry dd {
        line-height: 10%;
}
div entry li {
        line-height: 0%;
}
div entry h5 {
        line-height: 0%;
}
div entry h6 {
        line-height: 0%;
}

/* [Comment] */
div#comments {
	padding-bottom: 50px;
}
div#comments h3 {
	font-size: large;
	font-weight: bold;
	color: #333;
	padding-bottom: 5px;
  margin: 5px 15px 15px;
	border-bottom: 1px solid #ccc;
}
div#comments dl.comment_body {
	padding-bottom: 30px;
}
div#comments dl.comment_body dt {
	color: #333;
	text-align: right;
	padding-bottom: 2px;
  margin: 5px 15px 5px;
	border-bottom: 1px solid #FFE6C0;
}
div#comments h4 {
	border-top: 1px solid #ddd;
	border-right: 1px solid #ddd;
	border-left: 1px solid #ddd;
	font-size: 12px;
	font-weight: bold;
	color: #fff;
	padding: 5px 10px;
}
dl#comment_form {
	border-bottom: 1px solid #DDD;
	border-right: 1px solid #DDD;
	border-left: 1px solid #DDD;
	background-color: #FFF;
	padding: 10px 20px;
}
dl#comment_form dt {
	padding-bottom: 5px;
}
dl#comment_form dd {
	padding-bottom: 15px;
}
dl#comment_form dd label {
	padding: 0 10px;
}
dl#comment_form dt label#labelsubmit {
	display: none;
}
dl#comment_form dd input.form {
	width: 200px !important;
	width: 202px;
	background-color: #EEE;
	border: 1px solid #CCC;
}
dl#comment_form dd textarea {
	width: 300px !important;
	width: 302px;
	background-color: #EEE;
	border: 1px solid #CCC;
}
dl#comment_form dd input.button {
	padding: 2px 5px;
	margin-right: 10px;
}
/* [Trackback] */
div#trackback {
	padding-bottom: 50px;
}
div#trackback h5 {
  font-size: normal;
	font-weight: bold;
	color: #999;
  text-align: left;
	padding-bottom: 5px;
  margin: 5px 15px 15px;
  border: 0px;
}
p.tb_link {
	color: #66c;
	padding: 5px;
  margin: 5px 15px 20px;
}
div#trackback dl.tb_body {
	padding-bottom: 30px;
}
div#trackback dl.tb_body dt {
	color: #ccc;
	text-align: right;
	padding-bottom: 2px;
  margin: 5px 15px 5px;
}
/* [Profile] */
div#profile {
	padding-bottom: 50px;
}
div.profile_body {
	margin-bottom: 18px;
}
/* [Navigation] */
div#navigation dl {
	margin-bottom: 30px;
}
div#navigation dt {
	width: 180px !important;
	width: 200px;
	padding: 0 0 2px 20px;
	margin-bottom: 10px;
	border-bottom: 1px solid #F90;
	background: transparent url(http://www.fpsoudan.com/info/template/sb_navi_dt.gif) no-repeat bottom left;
}
div#navigation ul {
	padding-left: 15px;
	list-style-position: outside;
	list-style-image: url(http://www.fpsoudan.com/info/template/sb_ul_arrow.gif);
}

/* for IE5Mac */
/*¥*//*/
div#navigation ul {
	padding: 0 0 0px 17px;
}
/**/
div#navigation ul li {
	padding-bottom: 0px;
}

/* ++++ Calendar ++++ */
dl#calendar table {
	width: 200px;
}
dl#calendar table th,
dl#calendar table td {
	font-size: 75%;
	line-height: 1em;
	text-align: center;
	padding: 2px 3px;
}
dl#calendar table th {
	padding-bottom: 5px;
}
dl#calendar table td span.today {
	color: #F90;
}
dl#calendar table td span.today a {
	color: #F90;
}
dl#calendar table td span.today a:active,
dl#calendar table td span.today a:hover {
	color: #F30;
}
/* ++++ Extra ++++ */
dl#extra {
	width: 178px !important;
	width: 200px;
	padding: 10px;
	border: 1px solid #CCC;
	background: transparent url(http://www.fpsoudan.com/info/template/sb_extra_bg.jpg) no-repeat bottom;
}
dl#extra dt {
	display: none;
}
dl#extra ul {
	padding: 0;
	list-style: none;
	list-style-image: none;
	font-size: 10px;
}
p#link2top {
	padding-left: 10px;
	background: transparent url(http://www.fpsoudan.com/info/template/sb_pagetop_arrow.gif) no-repeat;
}