@charset "UTF-8";
@import "base.css";
@import "fonts.css";

/*==========================================================================*/
/*//////////////////////////////////////////////////////////////////////////*/
/*//////                                                              //////*/
/*//////  Copyright (C) 2009 株式会社フリーセル All Rights Reserved.  //////*/
/*//////                                                              //////*/
/*//////////////////////////////////////////////////////////////////////////*/
/*                                                                          */
/*    base.css   スタイルの初期設定を行うため、変更しないで下さい。      */
/*    fonts.css  フォントの初期設定を行うため、変更しないで下さい。      */
/*                                                                          */
/*==========================================================================*/

/*==========================================================================*/
/*                           Common-Setting                                 */
/*==========================================================================*/

/* 基本タグのフォントサイズを指定（12px -> 120% or 1.2em ） */
h1, h2, h3, h4, h5, h6, input, button, textarea, select, p, blockquote, table, pre, address, ul, ol, dl { font-size: 140%;}

*:first-child+html p,
*:first-child+html ul,
*:first-child+html address { font-size: 160%;}/* for IE7 */
* html p,
* html ul,
* html address { font-size: 160%;}/* for IE 6 or sooner */

*:first-child+html ul ul { font-size: 100%;}/* for IE7 */
* html ul ul { font-size: 100%;}/* for IE 6 or sooner */



/******************************************************************** common
*/

body {
	font-family: "Hiragino Kaku Gothic Pro W3", "ヒラギノ角ゴ Pro W3", "MS PGothic", "ＭＳ Ｐゴシック", sans-serif;
	text-align: center;
	background: #fff url(../images/bg.gif);
	color: #4d4d4d;
	cursor: auto;
	letter-spacing: 0.1em;
	word-spacing: 0.1em;
}

h1 {}
h2 {}
h3, h4, h5, h6 { padding: 25px 0 5px; letter-spacing: 0;}
p { padding: 5px 0 10px;}
blockquote { margin: 15px 0; padding: 10px 15px 3px; background: #faf6ed;}
pre { background: #eee; margin: 1em 0; padding: 0 20px; overflow: auto; width: auto;}
code { color: #5b5905; font-family: "Lucida Grande", "Courier New", Courier, mono, Verdana, sans-serif; letter-spacing: 0;}
ul, ol { margin: 10px 0; padding: 0 0 0 30px;}
dl { margin: 10px 0;}

a         { color: #0071bb; text-decoration: underline; cursor: pointer;}
a:visited { color: #3b41a4;}
a:hover   { color: #f80;}
a:focus,
a:active  { color: #f90;}

strong { font-weight: bold; color: #e47;}
abbr, acronym { cursor: help;}

sup { vertical-align: super; font-size: 100%;}
sub { vertical-align: baseline; font-size: 100%;}


hr { display: none;}
img { border: none; color: #fff; background: transparent; vertical-align: bottom;}

table { border: 1px solid #aaa; border-collapse: collapse; margin-bottom: 15px;}
caption { text-align: left;}
thead {}
tbody {}
th { white-space: nowrap;}
th, td {
	padding: 5px 10px;
	border-collapse: collapse;
	border: 1px solid #aaa;
	text-align: left;
}
tr:hover th,
tr:hover td { background: #fafafa;}


fieldset {
	border: 1px solid #ddd;
	margin-bottom: 15px;
	padding: 10px;
}
* html legend { margin: 0 0 10px;}
input, textarea { padding: 1px;}
input.typeText { border: 1px solid #aaa;}
select option { padding: 0 5px;}
input:focus, select:focus, textarea:focus { background-color: #fafafa;}
label { cursor: pointer;}



/******************************************************************** Float containers fix
===================================================================== a.k.a. clearfix */

/******************** exp IE
*/
#container:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

/******************** for IE
Level 2.1*/
#container { display: inline-block;}

/* Holly Hack Targets IE Win only \*/
* html #container { height: 1%;}
#footer,
#container { display: block;}
/* End Holly Hack */


/******************************************************************** universal
*/

.aL { text-align: left;}
.aC { text-align: center;}
.aR { text-align: right;}
.fR { float: right;}
.fL { float: left;}
.clr { float: none; clear: both;}


.gothic{ font-family: "Hiragino Kaku Gothic Pro W3", "ヒラギノ角ゴ Pro W3", "MS PGothic", "ＭＳ Ｐゴシック", sans-serif;}
.jp { font-family: "ヒラギノ角ゴ Pro W3", Osaka, "ＭＳ Ｐゴシック", sans-serif;}
.verdana { font-family: Verdana, sans-serif;}
.times { font-family: "Times New Roman", Times, serif;}

.tempNotes { color: #c00; font-weight: bold; background: #f8f8f8; margin: 1em;}


/******************************************************************** javascript
*/

.rowTint { background: #f9f9f9;}



/*==========================================================================*/
/*                            Container                                     */
/*==========================================================================*/


#wrapper { background: url(../images/w_back.gif) repeat-y 0 11px; width: 950px; margin: 0 auto; text-align: left;}

#header {
	position: relative;
	background: url(../images/h-back.gif) no-repeat;
	min-height: 455px;
	height: auto !important;
	height: 455px;
}

#container { padding: 0 32px 0 35px;}

#footer {
	position: relative;
	clear: both;
	background: #fff;
	padding: 10px;
}




/*==========================================================================*/
/*                               Header                                     */
/*==========================================================================*/

#header { color: #5F4327;}

h1 { padding: 136px 0 0 53px;}

#header p {
	padding:20px 0 0 50px;
	width: 432px;
}

#header p#hoff {
	position: absolute;
	top: 16px;
	left: 50%;
	padding: 0 0 0 178px;
}

#header dl {
	position: absolute;
	top: 117px;
	left: 521px;
	margin: 0;
}




/*==========================================================================*/
/*                              Footer                                      */
/*==========================================================================*/

#footer address { letter-spacing: 0.05em; line-height: 1.5; color: #A1B5C7; padding-bottom: 5px;}

.pageTop {
	position: absolute;
	top: 16px;
	left: 474px;
	padding: 0 0 0 365px;
}





/*==========================================================================*/
/*                             Contents                                     */
/*==========================================================================*/

#container h2 { margin-bottom: 36px;}

#container .box,
#container .box2 { padding: 0 50px;}

#container .box .fL { width: 390px;}
#container .box .fR { width: 341px;}

#container .box p span{ display: block; padding-bottom: 10px;}

#container ul.price {
	border-top: 1px dashed #8e8275;
	border-bottom: 1px dashed #8e8275;
	padding: 5px 0;
	color:#6491AE;
}

#container ul.price li.special { color:#BB6938; font-weight: bold;}
#container ul.price li.aR { margin-top: -35px;}

#container h3 { margin-top: -85px; padding-left: 50px;}

#fits { padding: 0 50px; margin-bottom: 38px;}
#fits li { width: 341px;}

#container ul.price2 {
	width: 350px;
	border-top: 1px dashed #8e8275;
	border-bottom: 1px dashed #8e8275;
	padding: 5px 0;
	color:#929300;
}

#container ul.price2 li.special { color:#BB6938;}
#container ul.price2 li.aR { margin-top: -35px;}

#container .rt { padding-left: 429px; margin-bottom: 32px;}

#container .area { width: 383px;}

#container .area  ul.price2 { width: 383px;}

#container .bo {
	border-bottom: 1px solid #ccc;
	padding: 0 0 37px;
	margin-bottom: 18px;
}


/*---------------------------------------------------------*/

#link {
	position: relative;
	background: url(../images/link_back2.gif) no-repeat;
	width: 950px;
	height: 163px;
	padding: 0;
	margin: 0;
}

#link li {
	position: absolute;
	top: 40px;
}

#link01 { left: 35px;}
#link02 { left: 333px;}
#link03 { left: 631px;}


/*---------------------------------------------------------*/

#f_link {
	position: relative;
	background: url(../images/link_back3.gif) no-repeat;
	width: 950px;
	height: 120px;
	padding: 0;
	margin: 0;
}

#f_link li {
	position: absolute;
	top: 1px;
}

#link04 {
	left: 603px;
}