@charset "utf-8";

/* ////////////////////////////////////////////////////////////////////////////////////////////////////
 *
 * ■□■□■　共通クラスの定義CSS　■□■□■
 * 
 * Author   : ito
 * FirstDate: 2010/01/05
 * LastDate : 2012/08/29
 *
 * ///////////////////////////////////////////////////////////////////////////////////////////////// */
 
/*--------------------------------------------------------------------------------
　▼　body
--------------------------------------------------------------------------------*/
body {
	background-color: #FFFFFF;
	color: #333333;
	font-size: 0.85em;
}
p,
ul,
ol,
dl,
h2,
h3,
h4,
table {
	margin: 0 10px 15px 10px;
}
h2 {/*h2の設定*/
	clear: both;
	background: url(../img/bg03.jpg) no-repeat left top #e3e3e3;
	font-weight: bold;
	font-size: 1.2em;
	border: solid 1px #cccccc;
	border-top: none;
	color: #333333;
	padding: 8px 0 5px 15px;
	margin: 30px 0 10px 0;
}
h3 {/*h3の設定*/
	clear: both;
	background-color: #f6f3ec;
	font-weight: bold;
	font-size: 1.1em;
	color: #000000;
	padding: 6px 0 3px 23px;
	margin: 15px 0;
}
h3.step {
	width: 504px;
	background: none;
	float: right;
	display: inline;
	padding: 14px 0 5px 0;
	margin: 0 27px 0 0;
	border: none;
	border-bottom: dotted 1px #999999;
}
h4 {/*h4の設定*/
	clear: both;
	font-weight: bold;
	font-size: 1em;
	color: #900;
	padding: 0;
	margin: 20px 10px 5px 10px;
}
a {/*aタグの色設定*/
	text-decoration: underline;
	color: #2F2820;
}

a:hover {/*a:hoverタグの色設定*/
	color: #FF9900;
	text-decoration: none;
}
em,
strong {
	font-weight: bold;
}
li {
	background: url(../img/list_icon.jpg) no-repeat left 8px;
	padding-left: 10px;
	margin-bottom: 3px;
}
ol {
	list-style: decimal;
	margin-left: 2em;
}
ol li {
	background: none;
	padding-left: 0;
	margin-bottom: 3px;
}
.imgMgn {
	background: none;
	border: none;
	padding: 0;
	margin-left: 0;
	margin-right: 0;
	margin-bottom: 0;
}
.red {
	color: #900;
}

/*--------------------------------------------------------------------------------
　▼　■□■その他共通■□■
--------------------------------------------------------------------------------*/
/*------------------jumpTop/jumpPage------------------*/
.jumpTop {
	clear: both;
	border-top: dotted 1px #cccccc;
	padding-top: 10px;
	text-align: right;
	margin: 20px 0 10px 0;
}
.jumpPage {
	clear: both;
	padding-top: 8px;
	text-align: right;
	margin: 10px 0;
}
.jumpTop a {
	background: url(../img/icon02.gif) no-repeat left 5px;
	font-size: 0.9em;
	padding-left: 15px;
}
.jumpPage a {
	background: url(../img/icon01.gif) no-repeat left 5px;
	font-size: 0.9em;
	padding-left: 15px;
}

/*------------------table------------------*/
table {
	clear: both;
	width: 600px;
	margin: 10px 0 10px 0;
	font-size: 1.0em;
	line-height: 1.5;
}
table th,
table td {
	border: 1px solid #D4C0A0;
	vertical-align: middle;
	padding: 8px;
}
table th {/*thのバックグラウンドの設定*/
	background-color: #F6F3EC;
	text-align: center;
	font-weight: normal;
}
table ul {
	margin: 0;
}
.price td {
	text-align: right;
}
td.photoT {
	width: 150px;
	padding: 2px;
}
.box01 table {
	width:580px;
}

/*--------------------------------------------------------------------------------
　▼　■□■wrapper■□■
--------------------------------------------------------------------------------*/
div#wrapper {
	background: url(../img/bg01.jpg) repeat-x left top #d3c2a8;
	margin: 0;
}

/*--------------------------------------------------------------------------------
　▼　■□■header■□■
--------------------------------------------------------------------------------*/
div#header {
	margin: 0 1px 10px 1px;
	border-top: solid 3px #5A4832;
} 
h1 {
	background-color: #FFF1D4;
	font-size: 0.9em;
	padding: 3px 0 3px 10px;
	margin: 0 1px;
}
#logo {
	float: left;
	display: inline;
	margin: 12px 0 0 15px;
}
#add01 {
	float: right;
	display: inline;
	margin: 10px 24px 0 0;
}

/*--------------------------------------------------------------------------------
　▼　■□■main■□■
--------------------------------------------------------------------------------*/
#main {
	margin: 0;
	padding: 0;
	position: relative;
}
#main p {
	margin-bottom: 0;
	clear: both;	
}

#main p#btn_con {
	position: absolute;
	top: 61px;
	left: 196px;
}
#main p#btn_inq {
	position: absolute;
	top: 128px;
	left: 243px;
}
#main p#btn_price {
	position: absolute;
	top: 128px;
	left: 336px;
}

/*--------------------------------------------------------------------------------
　▼　■□■glNavi■□■
--------------------------------------------------------------------------------*/
ul#glNaviPc {/*バックグラウンドとボーダーの設定*/
	clear: both;
	background-color: #2F2820;
	padding: 8px 0 8px 20px;
	text-align: center;
	margin: 0 10px;
}
ul#glNaviPc li {
	background: none;
	float: left;
	display:inline;
	padding: 0;
	margin: 0;
}
ul#glNaviPc li a {/*色の設定*/
	color: #FFF;
	text-decoration: none;
	padding-right:10px;
	padding-left:10px;
}
ul#glNaviPc li.this02 a,
ul#glNaviPc li a:hover {/*色の設定*/
	color: #FF9900;
}
ul#glNaviPc li:after {/*色の設定*/
	color: #FFF;
	content: "│";
}
.colorBar {
	color: #FFF;
}
ul#glNaviPc li.end:after {
	content: "";
}

/*--------------------------------------------------------------------------------
　▼　■□■contents■□■
--------------------------------------------------------------------------------*/
div#contents {
	background: url(../img/bg04.jpg) repeat-y left top;
	width: 850px;
	margin: 0 auto;
	text-align: left;
}

/*--------------------------------------------------------------------------------
　▼　■□■primary■□■
--------------------------------------------------------------------------------*/
div#primary {
	width: 600px;
	float: right;
	display: inline;
	margin: 15px 20px	 0 0;
}

div.nemu_box {
	padding: 0;
	margin: 0 10px 20px 0;
	float: left;
	background-color: #F5F5F1;
}
div.nemu_box p {
	margin: 0;
}
div.nemu_box p.nemu_box_text{
	width: 140px;
	font-size: 12px;
	height: 80px;
}

/*--------------------------------------------------------------------------------
　▼　■□■navi■□■
--------------------------------------------------------------------------------*/
h2.h2Bg {
	background: none;
	background-color: #695d51;
	color: #fff;
	border:none;
	margin: 0;
}
div#navi {/*バックグラウンドカラーの設定*/
	clear: both;
	background: url(../img/bg02.jpg) repeat-x left bottom #ffffff;
	padding: 0;
	margin: 0;
	border: solid 1px #cccccc;
}
div#navi div {
	width: 270px;
	float: left;
	display: inline;
	margin: 0 0 0 20px;
	padding-bottom: 20px;
}
div#navi h3 {/*バックグラウンドカラーの設定*/
	background-color: #FFF1D4;
	border: none;
	color: #000000;
	padding: 2px 0 2px 15px;
	font-size: 1.1em;
	margin: 15px 0 5px 0;
}
div#navi div ul li {
	background: none;
}
div#navi div ul li a {
	background: url(../img/icon01.gif) no-repeat left 3px;
	padding-left: 15px;
}
div#navi div ul li a:hover {
	color: #ff9900;
}

/*------------------box------------------*/
.box01 {/*ボーダーカラーの設定*/
	padding: 10px 10px 10px 10px;
	margin-bottom: 10px;
}
.box01 h3,
.box01 h4 {
	margin-top: 0;
	color: #900;
}

/*------------------box02------------------*/
.box02 {/*バックグラウンドカラーの設定*/
	border:solid 1px #f5f6f1;
	padding: 10px 10px 1px 10px;
	margin-bottom: 10px;
}
.box02 h3,
.box02 h4 {
	margin-top: 0;
	color: #900;
}

/*------------------box03------------------*/
.box03,
.box04,
.box05 {
	margin: 20px auto 10px auto;
	background-color: #FDF5E8;
	padding-bottom: 10px;
}
.box03 li,
.box04 li,
.box05 li {
	background: none;
	float: left;
	display:inline;
	margin:10px 0 0 0
}

/*------------------box03------------------*/
.box06 {
	padding: 10px 0;
	margin: 0;
}
.box06 ul {
	margin: 0;
}
.box06 ul li {
	background: none;
	float: left;
	display: inline;
	margin: 0;
}

/*------------------come------------------*/
p.come,
ul.come li,
span.come {
	background:url(../img/come.gif) no-repeat left top;
	padding-left: 15px;
}

/*------------------whatsNew------------------*/
div.whatsNew_box {
	border: solid 5px #F0F0F0;
	border-top: none;
	padding-bottom: 3px;
}
dl.whatsNew {
	margin: 0 20px 10px 20px;
	padding: 5px 0 0 0;
}
dl.whatsNew dt {
	clear: both;
	float: left;
	width: 7em;
	font-weight: bold;
	padding: 7px 0 7px 10px;
}
dl.whatsNew dd {
	border-bottom: 1px dotted #999999;
	padding: 7px 0;
	padding-left: 8em;
}
div.whatsNew_box p {
	text-align: right;
	margin-right: 20px;
	margin: 0;
}

/*------------------addBox------------------*/
.addBox {
	margin: 10px 0 20px 0;
}

/*--------------------------------------------------------------------------------
　▼　■□■CMS仕様■□■
--------------------------------------------------------------------------------*/
/*------------------blogBox------------------*/
.blogBox {
	border: 1px solid #CCCCCC;
	padding: 0;
	margin: 0;
}

/*------------------blogNext------------------*/
div.blogNext {
	text-align: center;
	padding: 0;
	margin: 10px 0;
}
.blogNext ul li {
	background: none;
	display: inline;
	padding: 0;
	margin: 0 10px 0 0;
}

/*------------------blogLink------------------*/
dl.blogLink dd {
	margin: 0 10px 15px 10px;
}
dl.blogLink dt {
	margin-bottom: 5px;
	font-weight: bold;
	background: url(../img/list_icon.jpg) no-repeat left 8px;
	padding-left: 10px;
}

/*--------------------------------------------------------------------------------
　▼　■□■secondary■□■
--------------------------------------------------------------------------------*/
div#secondary {
	width: 200px;
	float: left;
	display: inline;
	padding:15px 0;
	margin: 0 0 0 11px;
}
div#secondary li {
	background: none;
	padding-left: 0;
}
div#secondary h2 {/*バックグラウンドカラーと文字色の設定*/
	clear: both;
	background: none #695C50;
	font-weight: bold;
	font-size: 1em;
	border: none;
	color: #FFFFFF;
	padding: 3px 0;
	margin: 0 0 10px 0;
}
div#secondary p,
div#secondary ul,
div#secondary div {
	margin: 0 5px 5px 5px;
}

/*------------------list------------------*/
div#secondary ul.list {/*ボーダートップの色の設定*/
	border-top: 1px solid #cccccc;
}
div#secondary ul.list li {/*ボーダーの色の設定*/
	border: 1px solid #CCCCCC;
	border-top: none;
	margin: 0;
}
div#secondary ul.list li a {/*バックグラウンドカラーと文字色の設定*/
	background: url(../img/icon01.gif) no-repeat 10px 6px #ffffff;
	display: block;
	zoom: 1;
	margin-left: 0;
	padding: 3px 5px 3px 25px;
	text-decoration: none;
	color: #2F2820;
}
div#secondary ul.list li a:hover,
div#secondary ul.list li.this a {/*バックグラウンドカラーと文字色の設定*/
	background-color: #FFF7E6;
	color: #FF9900;
}

div#secondary ul.list li.title a {/*バックグラウンドカラーと文字色の設定*/
	background: none #695C50;
	display: block;
	font-weight: bold;
	zoom: 1;
	padding: 3px 0 3px 10px;
	text-decoration: none;
	color: #ffffff;
}
div#secondary ul.list li.title02 a,
div#secondary ul.list li.title a:hover {/*バックグラウンドカラーと文字色の設定*/
	background: none #FF9900;
	color: #FFF;
	padding: 3px 0 3px 10px;
	font-weight: bold;
}

/*-----------------div-----------------*/
#secondary div {/*ボーダーの色の設定*/
	background-color: #ffffff;
	border: 1px solid #CCCCCC;
	padding-bottom: 5px;
	margin: 20px 0 5px 0;
}
#secondary div p {
	margin: 5px 9px 5px 9px;
}

/*------------------iframe------------------*/
iframe {
	border: 1px solid #CCCCCC;
}

/*--------------------------------------------------------------------------------
　▼　■□■footer■□■
--------------------------------------------------------------------------------*/
div#footer {
	clear: both;
	border-top: solid 1px #cccccc;
	padding: 15px 0 0 0;
	margin: 0 1px;
	background-color: #ffffff;
}
div#footer a {/*色の設定*/
	color: #695C50;
	text-decoration: underline;
}
div#footer a:hover {
	text-decoration: none;
	color: #695C50;
}

/*------------------ul------------------*/
div#footer ul {
	text-align: center;
}
div#footer ul li {
	display: inline;
	background: none;
	margin: 0 0 10px 0;
	padding: 0;
}
div#footer ul li:after {/*色の設定*/
	color: #695C50;
	content: "│";
}
div#footer ul li.end:after {
	content: "";
}
div#footer ul li a {/*色の設定*/
	color: #695C50;
}
address {/*ボーダーボトムの色設定*/
	border-bottom: solid 5px #2F2820;
	background: url(../img/bg05.jpg) repeat-x left top #efefef;
	text-align: center;
	color: #695C50;
	font-size: 0.9em;
	padding: 20px 0 15px 0;
}
div#footer address a {
	text-decoration: none;
}
div#footer p {
	text-align: center;
}