@charset "utf-8";
/**
 * style 
 * (c) FOURDIGIT Inc.
 *
 * 1. import
 * 2. html, body
 * 3. HTMLtag, siteCommonClass
 * 4. Layout
 * 5. EachPageStyle
 *
 */
/**
 * 1. import
 */
@import "extension/init/std.css";
/*@import "extension/init/strict.css";*/
@import "extension/util.css";
@import "extension/accessibility.css";
@import "extension/noscript.css";
@import "extension/fnav/normal.css";
@import "extension/logtag.css";

/**
 * 2. html, body
 */
	body {
	  height: 100%;
		background-color: #f1efef;
		background-image: url(../imgs/space.gif);
		background-repeat: repeat-x;
		background-position: center top;
	}
	.page {
		font-size: 12px;
		line-height: 18px;
		background-color: #fff;
		color: #333333;
	}
/**
 * 3. HTMLtag, siteCommonClass
 */
/* anchor */
	a {
		background-color: transparent;
		background-image: none;
		background-repeat: no-repeat;
		background-position: top left;
		color: #333333;
		text-decoration: underline;
	}
	a:visited {}
	a:hover {
		color: #666666;
		background-position: bottom right;
		text-decoration: underline;
	}
	a:active {}

/* heading */
	.siteTitle {
		position: absolute;
		left: -5px;
		top: 0px;
	}
	.contentTitle {
  	clear: both;
	  margin-top: 40px;
		padding-bottom: 10px;
		text-align: center;
		background-color: #fff;
		background-image: url(../imgs/bg-ctitle.gif);
		background-repeat: repeat-x;
		background-position: left bottom;
	}
	.stitle { margin-bottom: 20px; }
	.btitle { margin-bottom: 15px; }
	.title { margin-bottom: 12px; }

/* cap */
	.cap,
	.caption {
		background: none;
		color: #666666;
		font-size: 10px;
		line-height: 15px;
	}
	.cap {
		padding-top: 5px;
	}

/* alternateArea */
	.alternateArea {
		padding: 200px 0 150px;
		text-align: center;
	}

/**
 * 4. Layout
 */
	body #container {
		width: 920px;
		margin-right: auto;
		margin-left: auto;
		margin-top: 35px;
		background-color: transparent;
		background-image: url(../imgs/space.gif);
		background-repeat: repeat-y;
		background-position: center top;
		text-align: left;
	}
/* header */
	body #head {
		background: #ffffff url(../imgs/bg-header.gif) repeat-x center top;
	}
	body #gHeader {
		position: relative;
		width: 960px;
		margin: 0 auto;
	}
	body .seoText {
		padding: 9px 0 6px;
		font-size: 10px;
		line-height: 15px;
		text-align: right;
		color: #fff;
	}
	body #gNav {
	  margin-left: auto;
		width: 790px;
	}
	body #gNav li {
		float: left;
	}
	body #gNav li img {
		vertical-align: top;
	}	
	body #gNavList {
    clear: both;
  }
	body #hNavList {
	 margin-bottom: 10px;
	 margin-left: auto;
	 width: 500px;
	 zoom: 1;
  }
	body #hNavList:after { content : ''; display : block; clear : both; }
	body #hNavList .HdrMap { margin-right: 10px; }
	body #hNavList .HdrOutline { margin-right: 5px; }
  #BreadCrumb {
		position: absolute;
		left: 0px;
		top: 172px;
		font-size: 10px;
		line-height: 15px;
		color: #666666;
  }
  #BreadCrumb strong {
    font-weight: bold;
    color: #93380a;
  }

/* footer */
  .EndBnrArea {
    padding-top: 30px;
    margin-bottom: 40px;
    text-align: center;
		background: #ffffff url(../imgs/bar-bnrarea.gif) repeat-x left top;
  }
  body #gFooter {
		margin: 30px 0 0;
	}
	body #gFooter .footerContact {
	  padding-top: 7px;
		background: #f1efef url(../imgs/bg-footer.gif) repeat-x left top;
	}
  body #gFooter .wrap {
		margin: 0 auto;
		width: 960px;
	}
	body #pagetop {
		position: absolute;
		top: 1px;
		right: 0;
	}
	.EndBnrArea #pagetop {
		top: 31px;
	}
	#fNav {
		margin-bottom: 14px;
		position: relative;
		width: 960px;
	}
	body #contact {
		width: 960px;
		margin-bottom: 18px;
		position: relative;
	}
	body #contact ul {
		position: absolute;
		top: 13px;
		left: 450px;
		width: 510px;
		height: 40px;
	}
	body #contact li { float: left; }
	.FtrMap { margin-right: 10px; }
	.FtrOutline { margin-right: 10px; }
	body #contact li img { vertical-align: top; }
	body #ftrcomp ul {
		position: relative;
		width: 760px;
		height: 90px;
		margin-left: auto;
		margin-right: auto;
		padding-bottom: 10px;
		background-color: transparent;
	}
	body #ftrcomp li {
		float: left;
		margin: 0 30px 0;
	}
	body #ftrcomp li.last {
		margin-right: 0;
	}
	body #ftrcomp li img {
		vertical-align: top;
	}
	body #ftrcomp #copyright {
		position: absolute;
		margin: 0;
		top: 70px;
		left: 163px;
		clear: both;
	}

/* pop */
	
	.pop {
	  background: #ffffff;
	}
	.pop #container {
		width: 600px;
		margin: 0 auto 15px;
	}
	.pop #gHeader {
		background: none;
		width: 620px;
	}
	.pop #head {
		margin-bottom: 20px;
		padding-bottom: 10px;
		background: #ffffff url(../imgs/bg-pop-header.gif) repeat-x center top;
	}
	.pop #head #hNavList {
    position: absolute;
    right: 0px;
    top: 20px;
    width: 120px;
    zoom: 1;
	}
	.pop #head #hNavList:after { content : ''; display : block; clear : both; }
	.pop #head #hNavList li { float: left; }
	.pop #contact {
		position: relative;
		margin: 0 auto 0;
		width: 600px;
	}
	.pop #gFooter {
  	margin-top: 0;
		background: #ffffff url(../imgs/bg-pop-footer.gif) repeat-x center top;
	}
	.pop #printlink {
		font-size: 12px;
		line-height: 18px;
		text-align: center;
		color: #444444;
	}

/* pop_outline */
	.pop#outline #gHeader,
	.pop#outline #container {
		width: 690px;
	}
	.pop#outline #contact {
		margin-left: auto;
		margin-right: auto;
	}

/**
 * 5. EachPageStyle
 */
/* index */
	
	#index #head,
	#index #gHeader,
	#index #gFooter {
	  margin: 0;
		background: none;
	}
	#index #gFooter {
	}
	#index #gFooter .footerContact {
	  padding-top: 18px;
		background: #f1efef url(../../imgs/bg-footer.gif) repeat-x left top;
	}

/* location */
	#location .box {
		width: 404px;
		padding: 19px 18px 20px 18px;
		border-top: #403949 solid 2px;
		border-left: #e4e3e4 solid 1px;
		border-right: #e4e3e4 solid 1px;
		border-bottom: #e4e3e4 solid 1px;
	}
/* outline */
	#outline .box {
		color: #666666;
	}
	#outline .box caption {
		text-align: left;
		margin-bottom: 10px;
		font-weight: bold;
	}
	#outline .box th {
		width: 24%;
		background: #ededed url(../../outline/imgs/bg-table.gif) repeat-x 0 0;
		padding: 10px 0 10px 30px;
		font-weight: normal;
	}
	#outline .box td {
		background: #ffffff url(../../outline/imgs/bg-table.gif) repeat-x 0 0;
		padding: 10px 0 10px 30px;
	}
	#outline .box .last th,
	#outline .box .last td {
		border-bottom: 1px #dbdbdb solid;
	}
	/*pop_outline*/
	#pop_outline #container {
		width: 700px;
	}
/* concept */
	#concept #gFooter {
		margin-top: 60px;
	}
	
/* plan */
	.madori {
		width: 620px;
		position: relative;
		text-align: center;
		margin-bottom: 25px;
	}
	.back {
		position: absolute;
		top: 295px;
		left: 0px;
	}
	.next {
		position: absolute;
		top: 295px;
		right: 0px;
	}
	#plan #container {
		width: 620px;
	}
	#plan .spec {
	  margin-bottom: 25px;
	}
	#plan .fNav {
		height: 36px;
	}
	#plan .fNav ul {
	width: 380px;
	margin: 0 auto;
	}
	#plan .fNav li {
		float: left;
		margin-right: 10px;
	}
	#plan .fNav li a,
	#plan .fNav li strong {
    display: block;
    float: left;
		padding: 5px;
		border: #999 1px solid;
		color: #999;
		font-size: 12px;
	  font-family: sans-serif;
		text-decoration: none;
	}
	#plan .fNav li a:hover,
	#plan .fNav li strong {
		border: #cc0000 1px solid;
		color: #cc0000;
	}

/* misc_history */
  #misc_history,
  #misc_history #head {
		background: none;
  }
	#misc_historyBody,
	#misc_historyBody #contact {
	  background-color: transaprent;
		background-image: url(../../misc_history/imgs/bg.gif);
    background-repeat: repeat;
    background-position: center top;
	}
	#misc_historyBody #misc_history {
	  background-color: transaprent;
		background-image: url(../../misc_history/imgs/bg-content.gif);
    background-repeat: repeat-y;
    background-position: center top;
	}
	#misc_history #head,
	#misc_history #gHeader,
	#misc_history #container {
		width: 960px;
	  background-color: transaprent;
  }
	#misc_history #head { margin: 0 auto; }
	#misc_history #container {
	  margin-top: 0;
		width: 900px;
	}
	#misc_history #gFooter { margin: 0; }
  #misc_history #gFooter #contact {
    margin: 0 auto 0;
		width: 980px;
  }
	#misc_history #head #hNavList {
    position: absolute;
    right: 24px;
    top: 30px;
    width: 364px;
    zoom: 1;
	}
	#misc_history #head #hNavList li {
	  float: left;
	  margin: 0;
	}
	#misc_history .FtrMap,
	#misc_history .FtrOutline { margin-right: 8px; }
	#misc_history #contact ul {
		position: absolute;
		top: 56px;
		left: 599px;
		width: 362px;
		height: 40px;
	}
  #misc_history #printlink {
    padding: 10px 0;
	  background-color: transaprent;
	  background: none;
	  text-align: center;
	}
  #misc_history #printlink a {
    padding: 2px 0 2px 24px;
	  background-color: transaprent;
		background-image: url(../../misc_history/imgs/blt-close.gif);
    background-repeat: no-repeat;
    background-position: left top;
  }