@charset "UTF-8";

/* 基本レイアウト ここから↓ */



body {
	background-image: url(../img/japanese-paper_00020.jpg);
	margin: 0 auto 0 auto;
	width: 960px;
	padding-top: 20px;
	
}

header{
margin: 0 auto 0 30px;
}


nav ul {
	list-style-type: none;
	margin: 0 0 20px 25px;
	padding-left: 0;
	overflow: hidden;
}
nav ul li {
	width: 180px;
	float: left;
	margin-left: 2px;
}
nav ul li a {
	display: block;
	overflow: hidden;

}

#main {
	background-image: url(../img/back1.jpg);
	width: 900px;

    margin-bottom: 10px;
	margin-right: 30px;
	margin-top: 10px;
  background-color: #ffffff;
  float: right;
}

footer {

}

#menubox{

margin-left: 50px;
}

/* 基本レイアウト ここまで↑ */

/*画像
-----------------------------------------*/
main img {
margin: 0 35px 20px;
vertical-align: bottom;
}
main #slider img {
margin: 0;
}
main #slider img,
main  img {
border: none;
}
/* 画像配置（キャプション入り）
-----------------------------------------*/
figure {
font-size: 12px;
}
figure img,
.imgList article img {
margin: 0 0 5px;
}

/* 文章＋画像設定
-----------------------------------------*/
section > figure,
section  > figure + figure,/*画像一覧*/
article figure,/*画像配置（キャプションあり）*/
article div > img,/* 画像配置（キャプションなし）*/
article > img,/*画像が見出しと同列になるタイプ（キャプションなし）*/
.imgList article /* imgList*/{
float: left;
margin: 0 35px 20px 0;
}
article figure + div,/*画像配置（キャプションあり）*/
article div > img + div/* 画像配置（キャプションなし）*/{
float: left;
}
article > div:after {
content: "";
display: block;
clear: both;
}
figure.endOfLine,
.imgList article.endOfLine/*画像一覧:行末*/ {
margin-right: 0;
}

.imgList article h1 {
font-size: 14px;
font-weight: normal;
margin: 0 0 3px;
}
.imgList article p {
line-height: 140%;
margin: 0 0 3px;
}
.imgList article p.price {
font-size: 16px;
display: block;
margin: 0;
text-align: right;
}

/*逆レイアウト*/
article.reverse figure,/*画像配置（キャプションあり）*/
article.reverse div > img,/*画像配置（キャプションなし）*/
article.reverse > img/*画像が見出しと同列になるタイプ（キャプションなし）*/ {
float: right;
margin: 0 0 20px 35px;
}

section header{
	margin-left: 0;
}
/* 画像が見出しと同列になるタイプ
-----------------------------------------*/
section article > figure + div,/*キャプションあり*/
section article > img + div/*キャプションなし*/ {
float: left;
}
section div h2 {
margin: 0;
}
/*逆レイアウト*/
section article.reverse > figure + div,/*キャプションあり*/
section article.reverse > img + div/*キャプションなし*/ {
float: right;
}


/*フッターここから
-----------------------------------------*/

footer {
clear: both;
background: #e8e1d9 url(../img/footer01.png) repeat-x top;
width: 900px;
height: 500px;
margin: 10px 30px 0 30px;
}
footer > div {
display: table;

}
footer > div div {/*3カラムベース＋1カラム目*/
display: table-cell;
vertical-align: top;
width: 33%;
padding: 15px 20px;
border-right: 1px dashed #000;
}
footer > div div + div {/*2カラム目+3カラム目*/
}
footer > div div + div + div {/*3カラム目*/
border-right: none;
}

footer > div div ul li {/*1カラム目:リスト（バナー置き場）*/
display: table;
margin: 0 0 35px;
}
footer > div div ul li a {/*1カラム目:リスト（バナー置き場）*/
display: table-cell;
vertical-align: top;
padding-right: 15px;
}
footer > div div ul li p {/*1カラム目:リスト（バナー置き場）*/
display: table-cell;
vertical-align: middle;
font-size: 12px;
color: #331c14;
}

footer > div div + div ul li {/*2カラム目:リスト（メニュー）*/
display: block;
margin: 0 0 8px;
}
footer > div div + div ul li ul {/*2カラム目:リスト（メニュー）*/
margin: 8px 0 0 1em;
}
footer > div div + div ul li a {/*2カラム目:リスト（メニュー）*/
display: inline;
color: #331c14;
text-decoration: none;
}
footer > div div + div ul li a:before {/*2カラム目:リスト（メニュー）*/
content: url(../img/footer-icon01.png);
margin: 0 5px 0 0;
}
footer > div div + div ul li a:hover {/*2カラム目:リスト（メニュー）*/
color: #331c14;
text-decoration: underline;
}
footer > div div + div ul ul li a:before {/*2カラム目:リスト（メニュー）*/
content: url(../img/footer-icon02.png);
margin: 0 5px 0 0;
}

footer small {
display: block;
font-size: 14px;
text-align: center;
line-height: 61px;
background: #938174 url(../img/footer02.png) repeat-x;
width: 100%;
height: 61px;
font-family: Arial,sans-serif;
color: #000;
}

/*ページの上に戻る
-----------------------------------------*/
#goto-pagetop {
position: fixed;
bottom: 30px;
right: 55px;
background: url(../img/trancepercent.png);/*IE9, 10 対策*/
}
#goto-pagetop a {
display: block;
text-indent: -999em;
overflow: hidden;
width: 76px;
height: 76px;
text-decoration: none;
position: relative;
}
#goto-pagetop a:before {
content: url(../img/pagetop.png);
display: block;
position: absolute;
text-indent: 0;
width: 76px;
height: 76px;
top:0;
left: 0;
}
/*noscript
-----------------------------------------*/