@charset "UTF-8";

/* ---------------------------------------------------------------------
Stylesheet for free studio
FileName: common.css
--------------------------------------------------------------------- */

/* base */
body, div, form, h1, h2, h3, h4, h5, h6, p, ul, ol, li, dl, dt, dd, select, option, textarea {margin: 0; padding: 0;}
body, td, th {font: 13px/1.3em Verdana, Arial, Helvetica, "ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Osaka", sans-serif; color: #4D4D4D;}
h1 { font-size: 10px; font-weight: normal;}
h2 { float: left; width: 270px; padding-top: 6px;}
h3 { float: right; width: 134px; padding-top: 5px;}
img {border: 0;}
ul, li {list-style-type: none;}
td { vertical-align: top;}
select, option, textarea {font: 13px/1em "ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Osaka", sans-serif; color: #4D4D4D;}

/* anchor */
#footer a:link,
#footer a:visited,
#footer a:active { color: #ffffff; text-decoration: none; }
#footer a:hover {color: #f9c03b; text-decoration: underline;}

/* general layout */
body { background-color: #e7ecf3;}
body table { width: 100%;}
body #base { width: 842px; padding-top: 11px; background-color: white; margin: 10px auto 0;}
#header { width: 100%; height: 109px; background: url(../image/head_bg.gif) repeat-x; text-align: center;}
#body { width: 100%; background: url(../image/body_bg.gif) repeat-x; text-align: center;}
#footer { width: 100%; height: 68px; background: url(../image/foot_bg.gif) repeat-x; text-align: center;}

#header #header_area { width: 842px; margin: 0 auto; text-align: left;}
#header #header_area .gn { clear: both; padding-top: 4px;}
#footer .footer_menu { width: 842px; padding: 2px 0; font-size: 10px; margin: 3px auto 5px; background-color: #b6bdc1;}
#footer .footer_menu a { padding: 0 10px;}



/* etc */
.clear {clear: both;}

/* back btn */
#back_btn { padding: 10px 10px 10px;}


/* ========== Firefox3のスクロールを常に表示 ========== */
html {
overflow: scroll;
overflow: -moz-scrollbars-vertical;
overflow-x:scroll;
}


/* ========== 共通 ========== */

#main {
	margin: 10px;
}

h4.title {
	font-size: 18px;
	background: url(../image/sab_title.gif) no-repeat;
	padding: 11px 0 11px 20px;
}

p {
line-height: 1.5;
}

#go_top {
	clear: both;
	width: 100%;
	margin: 20px 0;
	text-align: right;
}


/* =========== フロート =========== */

.flortleft {
	float: left;
}

.flortright {
	float: right;
}


/* ===========  フロートのクリア  =========== */

.clearfloat {
	clear: both;
}

.clearleft {
	clear: left;
}

.clearright {
	clear: right;
}

/* clearfix */
.clearfix:after {
  content: ".";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
}

.clearfix {
  min-height: 1px;
}

* html .clearfix {
  height: 1px;
  /*\*//*/
  height: auto;
  overflow: hidden;
  /**/
}