@charset "utf-8";

/*各コンテンツ　※参考　<p>　padding: 0.5em 10px 1em;上、左右、下への余白
【重要】公開時にファイル名とCSSのIDを合わせること
===========================================================================*/
/*画像======================*/
.w300 {
	width:100%;
	height:auto;
	max-width:300px;
}

/*「トップページ」ブロック
---------------------------------------------------------------------------*/
#ordermade img {
	margin-bottom:15px;
}		


@media (max-width : 480px){

/*サムネイル内の画像サイズ*/
#ibuki img {
	float:none;
	clear:both;
	width:100%;
	height:auto;
	max-width:400px;
	max-height:400px;
	margin-left:0;
}		
}


/*「スタッフ紹介」ブロック
---------------------------------------------------------------------------*/
/*画像======================*/
#staff img {
	width:100%;
	height:auto;
	max-width:250px;
}
@media (max-width : 480px){

/*サムネイル内の画像サイズ*/
#staff img {
	float:none;
	clear:both;
	width:100%;
	height:auto;
	max-width:400px;
	max-height:400px;
	margin-left:0;
}		
}


/*「ウッドデッキ」ブロック
---------------------------------------------------------------------------*/
/*マクセラムデッキ　※リスト横長、画像サイズ100％
------------------------------------------------------*/
section.list5{
	padding-left: 10px;
	padding-right: 10px;
}
/*ボックス１個あたりの設定*/
.list5 section {
	clear:both;
	border: 1px solid #CCC;	/*枠線の幅、線種、色*/
	margin-bottom: 15px;
	background-color: #FFF;	/*背景色（古いブラウザだとここの色のみが出ます）*/
	-webkit-box-shadow: 0px 2px 5px #CCC, 0px 0px 2px #FFF inset;	/*影の設定。右・下・ぼかし幅・色の設定, ＋内側への影を右・下・ぼかし幅・色を設定*/
	box-shadow: 0px 2px 5px #CCC, 0px 0px 2px #FFF inset;			/*同上*/
	border-radius: 10px;	/*角丸のサイズ*/
	text-align: left;
	overflow: hidden;
	position: relative;
	padding: 15px;	/*ボックス内の余白*/
	display: block;
	text-decoration: none;
	font-size: inherit;
}
/*タイトル*/
.list5 section h5 {
	margin-left:0;
	margin-right:0;
}
/*タイトル*/
.list5 section figcaption {

}
/*サムネイル内の画像*/
.list5 section figure {
	text-align:center;
	margin-bottom:10px;
}
/*サムネイル内の画像サイズ*/
.list5 section figure img {
	float:left;
	margin-right:15px;
}
/*サムネイル内のリスト*/
.list5 section ul {
	padding: 0em;
	padding-left:235px;
	list-style: disc;
	margin-left: 0;
	margin-right: 0;
	margin-top: 1em;
	margin-bottom: 1em;
	list-style-image: url(/images/ya-02.png);
}

@media (min-width:481px) and (max-width:800px){


/*サムネイル内の画像サイズ*/
.list5 section figure img {
	float:none;
}		
}

@media (max-width : 480px){

/*サムネイル内の画像サイズ*/
.list5 section figure img {
	float:none;
	width:100%;
	height:auto;
	max-width:400px;
	max-height:400px;
}	
/*サムネイル内のリスト*/
.list5 section ul {
	padding-left:20px;
}
	
}

/*マクセラムデッキ　※リストの高さ自動、画像サイズ幅400
------------------------------------------------------*/
/*ボックス１個あたりの設定*/
.list6 section {
	float: left;
	border: 1px solid #CCC;	/*枠線の幅、線種、色*/
	margin-bottom: 15px;
	margin-left: 10px;
	background-color: #FFF;	/*背景色（古いブラウザだとここの色のみが出ます）*/
	-webkit-box-shadow: 0px 2px 5px #CCC, 0px 0px 2px #FFF inset;	/*影の設定。右・下・ぼかし幅・色の設定, ＋内側への影を右・下・ぼかし幅・色を設定*/
	box-shadow: 0px 2px 5px #CCC, 0px 0px 2px #FFF inset;			/*同上*/
	border-radius: 10px;	/*角丸のサイズ*/
	text-align: left;
	overflow: hidden;
	position: relative;
	padding: 15px;	/*ボックス内の余白*/
	display: block;
	width: 300px;	/*幅*/
	height: auto;	/*高さ*/
	text-decoration: none;
	font-size: inherit;
}
/*タイトル*/
.list6 section h5 {
	margin-left:0;
	margin-right:0;
}
/*タイトル*/
.list6 section figcaption {

}
/*サムネイル内の画像*/
.list6 section figure {
	text-align:center;
	margin-bottom:10px;
}
/*サムネイル内の画像サイズ*/
.list6 section figure img {
	width:auto;
	height:auto;
	max-width:400px;
	max-height:400px;
}
/*サムネイル内のリスト*/
.list6 section ul {
	padding: 0em;
	list-style: disc;
	margin-left: 20px;
	margin-right: 0;
	margin-top: 1em;
	margin-bottom: 1em;
	list-style-image: url(/images/ya-02.png);
}
@media (max-width : 480px){
/*ボックス１個あたりの設定*/
.list6 section {
	width: 90%;	/*幅*/
	height: auto;	/*高さ*/
	margin-left: 0;
}
/*サムネイル内の画像サイズ*/
.list6 section figure img {
	width:auto;
	height:auto;
	max-width:400px;
	max-height:400px;
}		
}

/*設置プラン　※リストの高さ固定、画像サイズ幅300
------------------------------------------------------*/
/*ボックス１個あたりの設定*/
#Bplan-type .list2 section {
	width: 300px;	/*幅*/
	height: 300px;	/*高さ*/
}

@media (max-width : 480px){
/*ボックス１個あたりの設定*/
#Bplan-type .list2 section {
	width: 90%;	/*幅*/
	height: auto;	/*高さ*/
	margin-left: 0;
}
/*サムネイル内の画像サイズ*/
#Bplan-type .list2 section figure img {
	width:auto;
	height:auto;
}		
}


/*耐久処理　※リストの高さ固定、画像サイズ幅300
------------------------------------------------------*/
/*アイコン　★★差換★★ -----------*/
#taikyu ul.disc {
	padding: 0em 5px 0em;
	line-height:1;
	margin-left: 25px;
	margin-top:0;
}

#taikyu ol {
	padding: 0em 5px 0em;
	margin-left: 30px;
	margin-right: 0px;
	margin-top: 0;
	margin-bottom: 2em;
	line-height:1;
}
/*耐久処理　※リストの高さ固定、画像サイズ幅300
------------------------------------------------------*/
#wooddeck #oteire h6 {
	clear:none;
	float:none;
}



/*「会社概要」ブロック
---------------------------------------------------------------------------*/
/*画像全体======================*/
#aboutus img {
	width:100%;
	height:auto;
	max-width:300px;
}

/*会社概要表======================*/
#aboutus p.shomei {
	float:right;
	text-align:left;
	font-size:1em;
	font-weight:bold;
}



@media (max-width : 480px){
/*挨拶の画像======================*/
#aboutus #daihyo-aisatsu img {
	clear:both;
	float:none;
	margin:0;
}	
}



/*会社概要表======================*/
dl.list-hyo {
	clear:both;
	float:none;
	padding: 0px;
	margin-left:10px;
	margin-right:10px;
}
	
/*ヘッダー*/
.list-hyo  dt {
	clear: both;
	float: left;
	font-weight: bold;	/*太字にする設定。標準がいいならこの行削除。*/
	white-space: nowrap;
	display: block;
	padding:3px;
	padding-left:15px;	
	background-image: url(/images/ya-02.png);
	background-repeat: no-repeat;
	background-position: 0 6px;
	width: 5em;
	*width: 6em;   /* IE7以下 */
}
/*内容*/
.list-hyo dd {
	float: left;
	*float: none;   /* IE7以下 */
	display: block;
	padding:3px;
	padding-left:15px;
}

@media (max-width : 480px){	
/*ボックス１個あたりの設定*/
.list-hyo  dt {
	float: none;
}
/*内容*/
.list-hyo dd {
	float: none;
}		
}

/*年表======================*/
dl.list-hyo2 {
	clear:both;
	float:none;
	padding: 0px;
	margin-left:10px;
	margin-right:10px;
}
	
/*ヘッダー*/
.list-hyo2  dt {
	clear: both;
	float: left;
	font-weight: bold;	/*太字にする設定。標準がいいならこの行削除。*/
	white-space: nowrap;
	display: block;
	padding:3px;
	padding-left:15px;	
	background-image: url(/images/ya-02.png);
	background-repeat: no-repeat;
	background-position: 0 6px;
	width: 11em;
	*width: 12em;   /* IE7以下 */
}
/*内容*/
.list-hyo2 dd {
	float: left;
	*float: none;   /* IE7以下 */
	display: block;
	padding:3px;
	padding-left:15px;
}

@media (max-width : 480px){
/*ボックス１個あたりの設定*/
.list-hyo2  dt {
	float: none;
}
/*内容*/
.list-hyo2 dd {
	float: none;
}		
}

/*地図======================*/
#aboutus img.access {
	max-width:601px;
}



/*地図
------------------------------------------------------*/
/*ボックス１個あたりの設定*/
.list7 section {
	float: left;
	border: 1px solid #CCC;	/*枠線の幅、線種、色*/
	margin-bottom: 15px;
	margin-left: 10px;
	background-color: #FFF;	/*背景色（古いブラウザだとここの色のみが出ます）*/
	-webkit-box-shadow: 0px 2px 5px #CCC, 0px 0px 2px #FFF inset;	/*影の設定。右・下・ぼかし幅・色の設定, ＋内側への影を右・下・ぼかし幅・色を設定*/
	box-shadow: 0px 2px 5px #CCC, 0px 0px 2px #FFF inset;			/*同上*/
	border-radius: 10px;	/*角丸のサイズ*/
	text-align: left;
	overflow: hidden;
	position: relative;
	padding: 15px;	/*ボックス内の余白*/
	display: block;
	width: 300px;	/*幅*/
	height: 350px;	/*高さ*/
	text-decoration: none;
	font-size: inherit;
}
/*タイトル*/
.list7 section h5 {
	margin-left:0;
	margin-right:0;
}
/*タイトル*/
.list7 section figcaption {

}
/*サムネイル内の画像*/
.list7 section figure {
	text-align:center;
	margin-bottom:10px;
}
/*サムネイル内の画像サイズ*/
.list7 section figure img {
	width:auto;
	height:auto;
	max-width:400px;
	max-height:400px;
}
/*サムネイル内のリスト*/
.list7 section ul {
	padding: 0em;
	list-style: disc;
	margin-left: 20px;
	margin-right: 0;
	margin-top: 1em;
	margin-bottom: 1em;
	list-style-image: url(/images/ya-02.png);
}
@media (max-width : 480px){
/*ボックス１個あたりの設定*/
.list7 section {
	width: 90%;	/*幅*/
	height: auto;	/*高さ*/
	margin-left: 0;
}
/*サムネイル内の画像サイズ*/
.list7 section figure img {
	width:auto;
	height:auto;
	max-width:400px;
	max-height:400px;
}		
}




/*「銘木」ブロック、「ウッドデッキ」ブロック
---------------------------------------------------------------------------*/
/*銘木とは　※リストの高さ固定
------------------------------------------------------*/
/*ボックス１個あたりの設定*/
.list2 section {
	float: left;
	border: 1px solid #CCC;	/*枠線の幅、線種、色*/
	margin-bottom: 15px;
	margin-left: 10px;
	background-color: #FFF;	/*背景色（古いブラウザだとここの色のみが出ます）*/
	-webkit-box-shadow: 0px 2px 5px #CCC, 0px 0px 2px #FFF inset;	/*影の設定。右・下・ぼかし幅・色の設定, ＋内側への影を右・下・ぼかし幅・色を設定*/
	box-shadow: 0px 2px 5px #CCC, 0px 0px 2px #FFF inset;			/*同上*/
	border-radius: 10px;	/*角丸のサイズ*/
	text-align: left;
	overflow: hidden;
	position: relative;
	padding: 15px;	/*ボックス内の余白*/
	display: block;
	width: 300px;	/*幅*/
	height: 405px;	/*高さ*/
	text-decoration: none;
	font-size: inherit;
}
/*タイトル*/
.list2 section h5 {
	margin-left:0;
	margin-right:0;
}
/*タイトル*/
.list2 section figcaption {

}
/*サムネイル内の画像*/
.list2 section figure {
	text-align:center;
	margin-bottom:10px;
}
/*サムネイル内の画像サイズ*/
.list2 section figure img {
	width:auto;
	height:auto;
	max-width:300px;
	max-height:300px;
}
/*サムネイル内のリスト*/
.list2 section ul {
	padding: 0em;
	list-style: disc;
	margin-left: 20px;
	margin-right: 0;
	margin-top: 1em;
	margin-bottom: 1em;
	list-style-image: url(/images/ya-02.png);
}


@media (max-width : 480px){
/*ボックス１個あたりの設定*/
.list2 section {
	width: 90%;	/*幅*/
	height: auto;	/*高さ*/
	margin-left: 0;
}
/*サムネイル内の画像サイズ*/
.list2 section figure img {
	width:100%;
	height:auto;
	max-width:300px;
	max-height:400px;
}		
}

/*伝統的な様式美、お手入れ方法
------------------------------------------------------*/
/*サムネイル内の画像サイズ*/
#dento-styale img, #oteire img {
	width:100%;
	height:auto;
	max-width:350px;
}

@media (max-width : 480px){
/*サムネイル内の画像サイズ*/
#dento-styale img, #oteire img {
	float:none;
	margin:0;
	width:100%;
	height:auto;
	max-width:400px;
}		
}



/*銘木の木材種別サムネイルボックス
---------------------------------------------------------------------------*/

/*ボックス１個あたりの設定*/

#shubetsu article a {
	float: left;
	border: 1px solid #CCC;	/*枠線の幅、線種、色*/
	margin-bottom: 15px;
	margin-left: 10px;
	background-color: #FFF;	/*背景色（古いブラウザだとここの色のみが出ます）*/
	-webkit-box-shadow: 0px 2px 5px #CCC, 0px 0px 2px #FFF inset;	/*影の設定。右・下・ぼかし幅・色の設定, ＋内側への影を右・下・ぼかし幅・色を設定*/
	box-shadow: 0px 2px 5px #CCC, 0px 0px 2px #FFF inset;			/*同上*/
	border-radius: 10px;	/*角丸のサイズ*/
	text-align: center;	/*中身をセンタリング*/
	line-height: 1.5;
	overflow: hidden;
	position: relative;
	text-align:left;
	text-decoration: none;
	-webkit-transition: 0.5s;	/*マウスオン時の移り変わるまでの時間設定。0.5秒。*/
	transition: 0.5s;			/*同上*/
	color:#666;
	display: block;
	padding: 10px;	/*ボックス内の余白*/
	width: 315px;	/*幅*/
	height:350px;
}
#shubetsu article a:hover {
	background-color: #FFFE9A;	/*マウスオン時のボックス色*/
}

#shubetsu article h5 {
	margin-left:0;
	margin-right:0;
}


/*サムネイル画像設定*/
#shubetsu article figure {
	margin-left: 0;	/*左の画像とバランスをとって設定する*/
	padding: 0;
	float:right;
	margin-left:10px;
}
/*サムネイル画像*/
#shubetsu article figure img {
	width:auto;
	height:auto;
	max-width:180px;
	max-height:180px;
}
/*商品説明*/
#shubetsu article figcaption {
	padding: 0;
}
/*h4商品名タグ*/
#shubetsu article h4 {
	margin:5px 0!important;
	padding:0;
	border:none;
	font-size: 1.1em;	/*文字サイズ*/
	color: #f28b00;		/*文字色*/
	text-align: left;
	text-indent:0;
}


/*サムネイル内の購入ボタン位置*/
#shubetsu article .myButton5{
	position: absolute;
	right:5px;		/*ボックスに対して、右側から2pxの位置に配置*/
	bottom: 5px;	/*ボックスに対して、下側から2pxの位置に配置*/
	white-space:nowrap;
}


/*サムネイル内のリスト*/
#shubetsu article ul {
	padding: 0em;
	padding-left:20px;
	list-style: disc;
	margin-left: 0;
	margin-right: 0;
	margin-top: 1em;
	margin-bottom: 1em;
	list-style-image: url(/images/ya-02.png);
}









/*ボタン（白）<a href="#" class="myButton5">購入</a>===================*/

.myButton5 {
	-moz-box-shadow:inset 0px 1px 0px 0px #ffffff;
	-webkit-box-shadow:inset 0px 1px 0px 0px #ffffff;
	box-shadow:inset 0px 1px 0px 0px #ffffff;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ffffff), color-stop(1, #f6f6f6));
	background:-moz-linear-gradient(top, #ffffff 5%, #f6f6f6 100%);
	background:-webkit-linear-gradient(top, #ffffff 5%, #f6f6f6 100%);
	background:-o-linear-gradient(top, #ffffff 5%, #f6f6f6 100%);
	background:-ms-linear-gradient(top, #ffffff 5%, #f6f6f6 100%);
	background:linear-gradient(to bottom, #ffffff 5%, #f6f6f6 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f6f6f6',GradientType=0);
	background-color:#ffffff;
	-moz-border-radius:16px;
	-webkit-border-radius:16px;
	border-radius:16px;
	border:1px solid #dcdcdc;
	display:inline-block;
	cursor:pointer;
	color:#666666;
	font-family:arial;
	font-size:10px;
	font-weight:bold;
	padding:3px 12px;
	text-decoration:none;
	text-shadow:0px 1px 0px #ffffff;
}
.myButton5:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #f6f6f6), color-stop(1, #ffffff));
	background:-moz-linear-gradient(top, #f6f6f6 5%, #ffffff 100%);
	background:-webkit-linear-gradient(top, #f6f6f6 5%, #ffffff 100%);
	background:-o-linear-gradient(top, #f6f6f6 5%, #ffffff 100%);
	background:-ms-linear-gradient(top, #f6f6f6 5%, #ffffff 100%);
	background:linear-gradient(to bottom, #f6f6f6 5%, #ffffff 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f6f6f6', endColorstr='#ffffff',GradientType=0);
	background-color:#f6f6f6;
}




@media (min-width:481px) and (max-width:800px){

#shubetsu article a {
	width: 95%;	/*幅*/
	height:auto;
}

/*サムネイル画像*/
#shubetsu article figure img {
	margin-bottom:1em;
}


/*サムネイル内の購入ボタン位置*/
#shubetsu article .myButton5{
	clear:both;
	position:relative;

}
	
}



@media (max-width : 480px){

#shubetsu article a {
	margin-left:0;
	width: 95%;	/*幅*/
	height:auto;
}


/*サムネイル内の購入ボタン位置*/
#shubetsu article .myButton5{
	clear:both;
	position:relative;

}

/*サムネイル内の購入ボタン位置*/
#shubetsu article .myButton5{
	float:right;
}
}




/*銘木の木材種別　※リスト横長　■■不要？■■
------------------------------------------------------*/
section.list3{
	padding-left: 10px;
	padding-right: 10px;
}
/*ボックス１個あたりの設定*/
.list3 section {
	clear:both;
	border: 1px solid #CCC;	/*枠線の幅、線種、色*/
	margin-bottom: 15px;
	background-color: #FFF;	/*背景色（古いブラウザだとここの色のみが出ます）*/
	-webkit-box-shadow: 0px 2px 5px #CCC, 0px 0px 2px #FFF inset;	/*影の設定。右・下・ぼかし幅・色の設定, ＋内側への影を右・下・ぼかし幅・色を設定*/
	box-shadow: 0px 2px 5px #CCC, 0px 0px 2px #FFF inset;			/*同上*/
	border-radius: 10px;	/*角丸のサイズ*/
	text-align: left;
	overflow: hidden;
	position: relative;
	padding: 15px;	/*ボックス内の余白*/
	display: block;
	text-decoration: none;
	font-size: inherit;
}
/*タイトル*/
.list3 section h5 {
	margin-left:0;
	margin-right:0;
}
/*タイトル*/
.list3 section figcaption {

}
/*サムネイル内の画像*/
.list3 section figure {
	text-align:center;
	margin-bottom:10px;
}
/*サムネイル内の画像サイズ*/
.list3 section figure img {
	float:left;
	width:200px;
	height:auto;
	max-width:300px;
	max-height:300px;
	margin-right:15px;
}
/*サムネイル内のリスト*/
.list3 section ul {
	padding: 0em;
	padding-left:235px;
	list-style: disc;
	margin-left: 0;
	margin-right: 0;
	margin-top: 1em;
	margin-bottom: 1em;
	list-style-image: url(/images/ya-02.png);
}

@media (max-width : 480px){

/*サムネイル内の画像サイズ*/
.list3 section figure img {
	float:none;
	width:100%;
	height:auto;
	max-width:300px;
	max-height:400px;
}	
/*サムネイル内のリスト*/
.list3 section ul {
	padding-left:20px;
}
	
}

/*銘木の用途、銘木製品制作事例　※リストの高さ自動
------------------------------------------------------*/
/*ボックス１個あたりの設定*/
.list4 section {
	float: left;
	border: 1px solid #CCC;	/*枠線の幅、線種、色*/
	margin-bottom: 15px;
	margin-left: 10px;
	background-color: #FFF;	/*背景色（古いブラウザだとここの色のみが出ます）*/
	-webkit-box-shadow: 0px 2px 5px #CCC, 0px 0px 2px #FFF inset;	/*影の設定。右・下・ぼかし幅・色の設定, ＋内側への影を右・下・ぼかし幅・色を設定*/
	box-shadow: 0px 2px 5px #CCC, 0px 0px 2px #FFF inset;			/*同上*/
	border-radius: 10px;	/*角丸のサイズ*/
	text-align: left;
	overflow: hidden;
	position: relative;
	padding: 15px;	/*ボックス内の余白*/
	display: block;
	width: 300px;	/*幅*/
	text-decoration: none;
	font-size: inherit;
}
/*タイトル*/
.list4 section h5 {
	margin-left:0;
	margin-right:0;
}
/*タイトル*/
.list4 section figcaption {

}
/*サムネイル内の画像*/
.list4 section figure {
	text-align:center;
	margin-bottom:10px;
}
/*サムネイル内の画像サイズ*/
.list4 section figure img {
	width:auto;
	height:auto;
	max-width:300px;
	max-height:300px;
}
/*サムネイル内のリスト*/
.list4 section ul {
	padding: 0em;
	list-style: disc;
	margin-left: 20px;
	margin-right: 0;
	margin-top: 1em;
	margin-bottom: 1em;
	list-style-image: url(/images/ya-02.png);
}

@media (max-width : 480px){
/*ボックス１個あたりの設定*/
.list4 section {
	width: 90%;	/*幅*/
	height: auto;	/*高さ*/
	margin-left: 0;
}
/*サムネイル内の画像サイズ*/
.list4 section figure img {
	width:100%;
	height:auto;
	max-width:300px;
	max-height:400px;
}		
}

/*「リンク」ブロック
---------------------------------------------------------------------------*/
#link dl {
	padding: 0em 0px 0em;
	margin-left: 10px;
	margin-right: 10px;
	margin-top: 1em;
	margin-bottom: 2em;
	list-style-position: outside;
}
#link dt {
	padding-left:1em;
	background-image:url(/images/ya-02.png);
	background-repeat: no-repeat;
 	background-position: 0px 5px;	/*左右　上下 -----------*/
}
#link dd {
	padding-left:1em;
	margin-bottom:1em;
}

@media (max-width : 480px){
#link dl {
	margin-left: 0px;
	margin-right: 0px;
}	
}

/*「サイトマップ」ブロック
---------------------------------------------------------------------------*/
#sitemap ul {
	padding: 0em 20px 0em;
	list-style: disc;
	margin-left: 15px;
	margin-right: 0px;
	margin-top: 1em;
	margin-bottom: 2em;
	list-style-image: url(/images/ya-02.png);
	line-height:2;
}
#sitemap ul ul {
	padding: 0em 20px 0em;
	list-style: disc;
	margin-left: 15px;
	margin-right: 0px;
	margin-top: 0;
	margin-bottom: 0;
	list-style-image: url(/images/ya-04.png);
}