@charset "UTF-8";
body {
	font: 100%/1.4 "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS P Gothic", sans-serif;
	background-image:url(../images/ricepaper_v3.png);
	margin: 0;
	padding: 0;
	color: #000;
}
/* ~~ エレメント / タグセレクター ~~ */
ul, ol, dl { /* ブラウザー間の相違により、リストの余白とマージンをゼロにすることをお勧めします。一貫性を保つために、量をここで指定するか、リストに含まれるリスト項目 (LI、DT、DD) で指定できます。より詳細なセレクターを記述しない限り、ここで指定する内容が .nav リストにも適用されることに注意してください。 */
	padding: 0;
	margin: 0;
}
h1, h2, h3, h4, h5, h6, p {
	margin-top: 0;
		 /* 上マージンを削除すると、マージンを含む block からマージンがはみ出す場合があるという問題を回避できます。残った下マージンにより、後続のエレメントからは離されます。 */
}
a img { /* このセレクターは、一部のブラウザーでイメージをリンクで囲んだ場合にイメージの周囲に表示される初期設定の青いボーダーを削除します。 */
	border: none;
}

/* ~~ この固定幅コンテナが他のすべての block を囲みます。~~ */
.container {
	width: 960px;
	background: #FFFFFF;
	margin: 0 auto; /* 幅に加え、両側を自動値とすることで、レイアウトが中央に揃います。 */
}
/* ~~ ヘッダーには幅は指定されません。ヘッダーはレイアウトの幅全体まで広がります。~~ */
header {
	background: #ffffff;
	padding:5px 0;
}
/* ~~ レイアウトに使用するカラムです。~~ 

1) 余白は、block エレメントの上部または下部にのみ配置されます。これらの block 内のエレメントには、それ自体に余白があるので、ボックスモデル計算を行う必要がありません。ただし、block 自体に両側の余白やボーダーを指定した場合、その値が加算されたものが合計幅になることに注意してください。block エレメント内のエレメントの余白を削除し、さらにその block エレメント内に、全体のデザインに必要な幅や余白を指定していない 2 つ目の block エレメントを追加することもできます。

2) カラムはすべてフロートしているため、マージンは指定されていません。マージンを追加する必要がある場合は、フロート方向には指定しないでください (例えば、右フロートに設定した block の右マージン)。多くの場合、代わりに余白を使用できます。このルールに従わない場合は、block エレメントのルールに「display:inline」宣言を追加し、一部のバージョンの Internet Explorer でマージンが 2 倍になるバグを回避する必要があります。

3) クラスはドキュメント内で複数回使用できるので (またエレメントには複数のクラスを適用できます)、カラムには ID ではなくクラス名が割り当てられます。例えば、必要に応じて 2 つのサイドバー block をスタックできます。クラスを各ドキュメントで一度しか使用しないのであれば、ユーザーの好みに応じて、クラス名を ID に変更することができます。

4) ナビゲーションを右ではなく左に配置したい場合、これらのカラムを反対方向にフロートさせると (すべて右方向にする代わりに、すべて左方向に設定)、反転してレンダリングされます。HTML ソース内で block を移動する必要はありません。

*/

h1 a{
background-image:url(../images/logo.gif);
background-repeat:no-repeat;
display:block;
height:40px;
width:344px;
float:right;
margin:0;
padding:0;
}

.logo a{
background-image:url(../images/logo.gif);
background-repeat:no-repeat;
display:block;
height:40px;
width:344px;
float:right;
margin:5px 260px 5px 5px; 
padding:0;
}

.tel {
	margin:0;
	width:265px;
	height:42px;
	font-size:32px;
	font-family: 'Oswald', sans-serif;
	color:#209447;
	background-image:url(../images/tel_icon.gif);
	background-position:top left;
	background-repeat:no-repeat;
	text-indent:57px;
	letter-spacing:1px;
	float:right;
	padding-top:2px;
}

.sidebar1 {
	float: left;
	width: 250px;
	padding-left:10px;
	padding-bottom: 10px;
}
.content {
	padding: 0;
	width: 700px;
	float: left;
}

#body {
	border-top:#752411 solid 5px;
	width:960px;
}

/* ~~ このセレクターグループは、.content 内のリストに領域間隔を指定します。~~ */
.content ul, .content ol {
	padding: 0 15px 15px 40px; /* この余白は、上述の見出しと段落ルールの右の余白を表します。下の余白はリスト内の他のエレメントとの間隔用に配置され、左の余白はインデント作成用に配置されています。これは必要に応じて調整できます。 */
}

.menu h3 {
	color:#ffffff;
	background-color:#752411;
	text-align:left;
	padding-left:10px;
	margin:0;
	width:239px;
	font-size:14px;
}


/* ~~ フッター ~~ */
footer {
	padding: 10px 0;
	font-size:12px;
	text-align:center;
	background: #CCC49F;
	position: relative;/* IE6 に、適切にクリアするための hasLayout を指定します。 */
	clear: both; /* この clear プロパティにより .container は、カラムの範囲がどこまでかを認識してその範囲を含めるようになります。 */
}

footer h2 {
	font-size:14px;
	line-height:1.3em;
	margin:0;
	padding:0;
}

/*HTML 5 サポート - 新しい HTML 5 タグを display:block に設定します。これにより、ブラウザーでタグが適切にレンダリングされます。 */
header, section, footer, aside, nav, article, figure {
	display: block;
}

.clear {
	clear:both;
}


.none {
	display:none;
}

.machine a{
	float:left;
	width:678px;
	height:158px;
    margin:0 0 10px 10px;
	border:#666666 1px solid;
	background-image:url(../images/machine.jpg);
	background-repeat:no-repeat;
}

.machine a:hover {
	background-image:url(../images/machine.jpg);
	opacity:.5;
}

.location a{
	float:left;
	width:678px;
	height:124px;
	margin:0 0 10px 10px;
	border:#666666 1px solid;
	background-image:url(../images/location7.jpg);
	background-repeat:no-repeat;
}

.location a:hover{
	background-image:url(../images/location7.jpg);
	opacity:.5;
}

.new {
	margin-top:0;
	width:247px;
	border:1px #666666 solid;
	height:135px;
	overflow:hidden;
}

.new h3 {
	color:#752411;
	border-left:solid #FF6600 10px;
	border-bottom:#666666 dotted 1px;
	text-align:left;
	padding-left:5px;
	margin:0;
	font-size:14px;
	}

.new_scroll {
	width:247px;
	height:125px;
	overflow:auto;
}

.ask {
	background-image:url(../images/tel.png);
	background-repeat:no-repeat;
	width:938px;
	height:197px;
	text-align:center;
	font-family: 'Oswald', sans-serif;
	color:#209447;
	font-size:65px;
	line-height:2.8em;
	letter-spacing:5px;
	text-indent:100px;
}


.price {
	width:960px;
	background-image:url(../images/dummy_11cc.png);
	background-repeat:no-repeat;
	background-position:top;
	padding-top:1px;	
	font-family: 'Oswald', sans-serif;
	font-weight:bold;
	font-size:40px;
	color:#ff0000;
}

.info td{
	line-height:1.5em;
	font-size:18px;
}

.locations {
	margin:10px auto;
	padding-top:1px;
}

.locations h3 {
	color:#752411;
	border-left:solid #FF6600 10px;
	border-bottom:#666666 dotted 1px;
	text-align:left;
	padding:3px 5px;
	margin:10px 10px 10px 0;
	font-size:24px;
	}

.dsen {
	background-image:url(../images/dsen.png);
	background-size:100% 100%;
	background-repeat:no-repeat;
	width:100%;
	font-size:18px;
	color:#FFF;
}

/*  clearfix
----------------------------------------------------*/
 
.clearfix:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0;
    }
 
* html .clearfix             { zoom: 1; } /* IE6 */
 
*:first-child+html .clearfix { zoom: 1; } /* IE7 */

/*  clearfix
----------------------------------------------------*/
 
.clearfix:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0;
    }
 
* html .clearfix             { zoom: 1; } /* IE6 */
 
*:first-child+html .clearfix { zoom: 1; } /* IE7 */