/* CSS Document */

/*****------------全体設計-------------******/

body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	color: #333333;
	text-align: center;
	background-color: #000000;
	font: 0.8em "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
}

p{
	margin:0px;
	padding: 0px;
}

h1{
	background-image: url(image/ima/h1.gif);
	background-repeat: no-repeat;
	height: 38px;
	width: 510px;
	padding-bottom: 15px;
	color: #333300;
	text-align: left;
	padding-left: 25px;
	font-size: 122%;
	padding-top: 10px;
}
h2{
	background-image: url(image/index/h2img.jpg);
	background-repeat: no-repeat;
	height: 40px;
	padding-left: 48px;
	font-size: 125%;
	clear: both;
	text-align: left;
	padding-top: 5px;
}
h3{
	font-size:115%;
	border-bottom:#006699 dashed 1px;
	color:#006666;
	margin-bottom: 10px;
	padding-bottom: 2px;
}
a:link {
	color: #FFFFFF;
	text-decoration: none;
}
a:visited {
	text-decoration: none;
	color: #FFFFFF;
}
a:hover {
	text-decoration: none;
	color: #FFFFFF;
}
a:active {
	text-decoration: none;
	color: #FFFFFF;
}
/*****--------------------　ＨＴＭＬ　-------------------*****/
#all{
	line-height: 120%;
	background-color: #000000;
	width: 800px;
	height: auto;
	margin-right: auto;
	margin-left: auto;
	display: block;
}

/*-------　最上部テキストボックス　-------*/
#text{
	text-align: left;
	height: auto;
	width: 800px;
	color: #FFFFFF;
}
/*****-------------------　トップの設計　---------------*****/
#head{
	margin: 0px;
	height: 251px;
	width: 100%;
}
/*-------　会社名　-------*/
#title{
	background-image: url(image/index/title_kabe.jpg);
	background-repeat: no-repeat;
	margin: 0px;
	height: 40px;
	width: 100%;
	color: #FFFFFF;
	text-align: right;
	clear: both;
}
#name{
	float: left;
	height: 40px;
	width: 430px;
	margin-left: 10px;
}
#menu{
	float: right;
	height: 25px;
	width: auto;
	padding-top: 15px;
	padding-right: 20px;
}
/*-------　トップイメージ　-------*/	
#topima{
	margin: 0px;
	height: 201px;
	width: 100%;
	clear: both;
}

/*-------　ラインイメージ　-------*/
.line{
	height: 10px;
	width: 800px;
	clear: both;
	background-color: #000000;
}	

/*****-------------------　メイン　--------------*****/
#main{
	height: auto;
	width: 800px;
	background-image: url(image/index/background.gif);
	background-repeat: repeat-y;
}

/*-------　パンくずナビ　-------*/
#pan{
	color: #FFFFFF;
	height: 30px;
	width: 580px;
	padding-left: 10px;
	padding-top: 10px;
	text-align: left;
}
/*-------　コンテンツ　-------*/
#contents{
	height: auto;
	width: 580px;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 5px;
	float: left;
}

.story{
	height: auto;
	width: 580px;
	text-align: center;
}
.story01{
	height: auto;
	width: 780px;
	text-align: center;
}
.story02{
	height: auto;
	width: 550px;
	clear: both;
	text-align: left;
	padding-top: 10px;
	padding-bottom: 10px;
}
.story02 a:link {
	color: #333333;
	text-decoration: none;
}
.story02 a:visited {
	text-decoration: none;
	color: #333333;
}
.story02 a:hover {
	text-decoration: none;
	color: #333333;
}
.story03{
	height: auto;
	width: 220px;
	clear: both;
	text-align: left;
	margin-top: 20px;
	margin-right: auto;
	margin-left: 10px;
}
.cbox-u{
	height: 21px;
	width: 100%;
	clear: both;
	margin: 0px;
	
}
.cbox-m{
	background-image: url(image/index/c3.gif);
	background-repeat: repeat-y;
	height: auto;
	width: 100%;
	clear: both;
}
.cbox-m2{
	background-image: url(image/index/contents_kabe4.gif);
	background-repeat: repeat-y;
	height: auto;
	width: 100%;
	clear: both;
}
.cbox-f{
	height: 22px;
	width: 100%;
	margin-bottom: 10px;
	clear: both;
}

.box-l{
	float: left;
	height: auto;
	width: 260px;
	margin-left: 12px;
	text-align: left;
	margin-bottom: 10px;
}
.box-r{
	float: right;
	height: auto;
	width: 250px;
	margin-right: 15px;
	text-align: left;
	margin-bottom: 10px;
}
.new{
	background-image: url(image/index/new.gif);
	background-repeat: no-repeat;
	height: 201px;
	width: 580px;
	color: #000000;
	text-align: left;
	margin-bottom: 20px;
	padding-top: 20px;
}
.new-text{
	height: 161px;
	width: 450px;
	color: #000000;
	overflow: auto;
	text-align: left;
	background-color: #FFFFFF;
	margin-right: 20px;
	margin-bottom: 20px;
	margin-left: 90px;
	padding-right: 10px;
	padding-left: 10px;
}
/*-------　サイドナビゲーション　-------*/
#navi{
	float: right;
	height: auto;
	width: 200px;
	padding-right: 5px;
	padding-left: 5px;
}
.navi-u{
	height: 31px;
	width: 190px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 5px;
}
.navi-m{
	background-image: url(image/index/navi_kabe.gif);
	background-repeat: repeat-y;
	height: 100%;
	width: 190px;
	color: #FFFFFF;
	margin: auto;
}
.navi-f{
	height: 31px;
	width: 190px;
	margin-bottom: 10px;
	margin-right: auto;
	margin-left: auto;
}
.menu-img1{
	height: 40px;
	width: 180px;
	margin-top: 5px;
	margin-right: auto;
	margin-left: auto;
}
.menu-img2{
	height: auto;
	width: 180px;
	margin-top: 10px;
	margin-bottom:10px;
	margin-right: auto;
	margin-left: auto;
}
.menu-text{
	height: auto;
	width: 180px;
	margin-right: auto;
	margin-left: auto;
	padding-left: 25px;
	text-align: left;
	font-size: 120%;
	margin-top: 5px;
}	
/*****-------------------　フッター　--------------*****/
#foot{
	height: auto;
	width: 800px;
	background-color: #000000;
	margin: 0px;
	clear: both;
}

/*-------　フットイメージ　-------*/
#foot-img{
	height: 160px;
	width: 800px;
	background-image: url(image/index/background.gif);
	background-repeat: repeat-y;
}

/*-------　アンダーナビ　-------*/
#under-navi{
	color: #FFFFFF;
	background-color: #769800;
	text-align: center;
	height: 25px;
	width: 800px;
	padding-top: 5px;
	font-size: 120%;
}

/*-------　コピーライト　-------*/
#copyright{
	height: 58px;
	width: 800px;
}

/*****-------------------　その他設定　--------------*****/
/*----------　戻るボタン　----------*/
.pagetop{
	height: auto;
	width: 510px;
	margin-right: 20px;
	margin-left: 15px;
	clear: both;
	text-align: right;
	margin-top: 10px;
}

/*----------　高さ　----------*/

.h20{height:20px;}
.h30{height:30px;}
.h35{height:35px;}
.h40{height:40px;}
.h50{height:50px;}
.h60{height:60px;}
.h70{height:70px;}
.h120{height: 120px;
	width: auto;}
.h125{height:125px;}
.h160{height: 160px;
	width: auto;}
.h170{height: 170px;
	width: auto;}
.h180{height: 180px;
	width: auto;}
.h190{height: 190px;
	width: auto;}
.h200{height:200px;}
.h210{height:210px;}
.h400{height:400px;}
.h220{height:220px;}
.h300{height:300px;}
.h400{height:400px;}
.h500{height:500px;}
.h550{height:550px;}
.h600{height:600px;}
.h650{height:650px;}


/*----------　テキスト関連　----------*/

.margin{
	margin-top: 5px;
	margin-bottom: 5px;
}
.left{ text-align:left;}

/*****-------------------　美濃焼とは　--------------*****/
.textbox-m{
	height: auto;
	width: 510px;
	margin-right: 20px;
	margin-left: 15px;
	background: url(image/yakimonotoha/kabe.jpg) no-repeat;
	clear: both;
	line-height: 140%;
	margin-bottom: 10px;
}
.margin02{
	margin: 10px 10px 5px;
}

/*****-------------------　美濃焼が出来るまで　--------------*****/
.textbox-01{
	height: auto;
	width: 510px;
	margin-right: 20px;
	margin-left: 15px;
	clear: both;
}
.img-left{
	margin: 0px 10px 10px 10px;
	float: left;
	height: 96px;
	width: 129px;
}
.top-margin{margin-top:20px;
}
.line-d{
	border-bottom: 1px dotted #CCCCCC;
	margin-bottom: 20px;
	margin-top: 5px;
}
.textbox-01{
	height: auto;
	width: 510px;
	margin-right: 20px;
	margin-left: 15px;
	clear: both;
	margin-top: 10px;
}

/*****-------------------　各商品トップ　--------------*****/

.pick_up{
width:100%;
height:220px;
text-align:left;
}
.pick_upimage{
width:270px;
height:220px;
text-align:right;
float:left;
}
.pick_uptext{
	height:220px;
	text-align:left;
	float:left;
	padding-right:10px;
	width: 225px;
}

.pick_haba{
width:200px;
height:200px;}
.pick_box{
width:100%;
padding:10px;
height:auto;
}
.pick_box2{
padding:10px;
height:auto;
float:left;
}

/*****-------------------　各商品ページ　--------------*****/

.img-box1{
	margin: 0px 5px 10px 20px;
	float: left;
	height: 150px;
	width: 150px;
}
.img-box2{
	margin: 0px 10px 10px 10px;
	float: left;
	height: 150px;
	width: 150px;
}
.img-box3{
	margin: 0px 0px 10px 5px;
	float: left;
	height: 150px;
	width: 150px;
}
.setsumei{
	margin: 10px 10px 5px;
	clear: both;
	height: auto;
	width: 510px;
}
.line-d{
	border-bottom: 1px dotted #CCCCCC;
	margin-bottom: 20px;
	margin-top: 5px;
}
.line-02{
	margin-bottom: 20px;
	margin-top: 5px;
	height: 20px;
	width: 520px;
	margin-left: 10px;
}
.textbox-m{
	height: auto;
	width: 510px;
	margin-right: 20px;
	margin-left: 15px;
	background: url(image/yakimonotoha/kabe.jpg) no-repeat;
	clear: both;
	line-height: 140%;
	margin-bottom: 20px;
}

.center{
	text-align: center;
}
.syouhin{
	height: auto;
	width: 500px;
	margin-left: 10px;
	margin-bottom: 15px;
}
.syouhin2{
	height: auto;
	width: 280px;
	margin-left: 10px;
	margin-bottom: 5px;
}

/*****-------------------　会社概要　--------------*****/

.textbox-k{
	height: auto;
	width: 510px;
	margin-right: 20px;
	margin-left: 15px;
	clear: both;
	line-height: 140%;
	margin-bottom: 10px;
}
.story02_a{
	height: auto;
	width: 510px;
	clear: both;
	text-align: center;
	padding-top: 10px;
    padding-bottom: 10px;
}
.tablebox{
	width:485px;
	height:480px;
	background-image: url(image/gaiyou/kabe_g.jpg);
	background-repeat: no-repeat;
	padding-left: 75px;
		  }
.cel{
	height: 43px;
	width: 100px;
	vertical-align: middle;
	padding-left: 10px;
}		  
.table_a{
    height: auto;
    width: 90%;
    border-left: 1px solid #000033;
    border-top: 1px solid #000033;
    border-right: 1px solid #000033;
    border-bottom: 1px solid #000033;
    background-color: #FFFFFF;
    }
.size{ font-size:1em;}
/*****-------------------　経営理念　--------------*****/
.textbox-r{
	height: 570px;
	width: 510px;
	margin-right: 20px;
	margin-left: 15px;
	clear: both;
	line-height: 140%;
}
.text_a{
	height: auto;
	width: 485px;
	clear: both;
	text-align: left;
	line-height: 145%;
	margin-top: 10px;
	margin-right: 10px;
	margin-bottom: 10px;
	margin-left: 15px;
}
.text_a2{
	height: auto;
	width: 480px;
	clear: both;
	text-align: right;
	margin-top: 20px;
	padding-top: 20px;
	padding-bottom: 10px;
	line-height: 145%;
	padding-right: 10px;
}
.rinenbox{
	width: 510px;
	height: auto;
	text-align: left;
	margin-right: auto;
	margin-bottom: 50px;
	background-image: url(image/rinen/kabe_r.gif);
	background-repeat: no-repeat;
   } 
.kabe_1{
    width: 470px;
    height:19px;
    margin-right: auto;
    margin-left: auto;
    }
.kabe_2{
	width: 100%;
	height: 550px;
	background-image:url(image/rinen/kabe_r.gif);
	background-repeat: no-repeat;
	padding-bottom: 20px;
    }


/*****-------------------　個人情報の取扱　--------------*****/
.imagebox_a{
    width: 400x;
    height: 105px;
    margin-top: 40px;
    text-align: right;
        }

.h105{height: 105px;}td img {display: block;} 



.text_a3{
    height: auto;
	width: 500px;
	clear: both;
	text-align: left;
	padding-top: 10px;
    padding-right: 5px;
    padding-left: 5px;
    font-size: 105%;
    color: #669999; 
    font-weight: bold;
}
.text_a4{
    height: auto;
	width: 480px;
	clear: both;
	text-align: left;
	padding-top: 10px;
    padding-bottom: 10px;
    padding-right: 10px;
    padding-left: 10px; 
    line-height: 145%;
}
.line02maru1{
	border-bottom-color: #666666;
	border-bottom-style: dotted;
	border-bottom-width: 1px;
    padding-left: 5px;
    padding-right: 5px;
　　padding-top: 3px;　
}

/*****-------------------　サイトマップ　--------------*****/
.story02_a{
	height: auto;
	width: 540px;
	clear: both;
	text-align: center;
	padding-top: 10px;
    padding-bottom: 10px;
}
.box-s{
	height: auto;
	width: 200px;
	margin-top: 10px;
	margin-bottom: 15px;
	text-align: left;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #E8E8E8;
	margin-left: 15px;
}
.title{
	border-left-width: 5px;
	border-left-style: solid;
	border-left-color: #9B3530;
	height: auto;
	width: 200px;
	padding-left: 5px;
	margin-bottom: 10px;
}

/*****-------------------　お問い合わせ　--------------*****/
.story02_a{
	height: auto;
	width: 510px;
	clear: both;
	text-align: center;
	padding-top: 10px;
    padding-bottom: 10px;
}