/* CSS Document */

@charset "SHIFT=JIS";
/*----------------
reset
----------------*/
:link,:visited { text-decoration: none;}
html,body,div,ul,ol,li,dl,dt,dd,form,fieldset,input,textarea,h1,h2,h3,h4,h5,h6,pre,code,p,blockquote,hr,th,td {	padding: 0;margin: 0;}
h1,h2,h3,h4,h5,h6 { font-size: 100%; font-weight: normal;}
table { border-spacing: 0;}
fieldset,img,abbr,acronym { border: 0;} 
/* strict reset by uncommenting lines below */
address,caption,cite,code,dfn,em,strong,b,u,s,i,th,var { 
/* font-style: normal; */ /* font-weight: normal; */}
ol,ul {
	list-style-image: none;
	list-style-type: none;
}
caption,th { text-align: left;}
q:before,q:after { content: '';}
/*a { text-decoration: underline; outline: none;}*/
hr { border: 0; height: 1px; background-color: #000; color: #000;}
a img,:link img,:visited img {	border: none;}
address { font-style: normal; display: inline;}


/*----------------
Layout
----------------*/
body{
	background-color:#fbf5e1;
	font-size: 12px;
	text-align: center;
}
#container-inner {
	width: 906px;
	min-height: 100%;
	text-align: left;
	margin-top: 10px;
	margin-right: auto;
	margin-bottom: 10px;
	margin-left: auto;
	background-image: url(../images/base_side.gif);
	background-repeat: repeat-y;
	padding: 0px;
}
#header{
	width: 900px;
	background-image: url(../images/base_top.gif);
	background-repeat: no-repeat;
	background-position: top;
	padding: 3px;
}
#content{
	padding-right: 3px;
	padding-left: 3px;
}
img#header-logo{
	margin-top: 28px;
	margin-bottom: 14px;
	margin-left: 28px;
	float: left;
}
img#suntec-logo{
	margin-top: 16px;
	margin-bottom: 16px;
	float: right;
	margin-right: 28px;
}
#navi{
	height:60px;
	padding-top: 15px;
	background-image: url(../images/base_line.gif);
	background-repeat: no-repeat;
	background-position: top;
	clear: both;
}
#footer{
	margin-right: 3px;
	margin-left: 3px;
	text-align: center;
	background-image: url(../images/footer_bg2.gif);
	height: 56px;
	clear: both;
}


div#footer #under-navi{
	font-size:14px;
	color: #999900;
	padding-top: 3px;
}
div#footer #under-navi a:link{
	font-size:14px;
	color: #999900;
	text-decoration: none;
}

div#footer #under-navi a:visited{
	color: #999900;
	text-decoration: none;
}
div#footer #under-navi a:hover{
	color:#CCCCCC;
	text-decoration: none;
}
div#footer p#copyrignt{
	color:#FFFFFF;
	font-size:11px;
	margin-top: 12px;
}
body#top #footer{
	margin-right: 3px;
	margin-left: 3px;
	text-align: center;
	background-image: url(../images/footer_bg3.gif);
	height: 56px;
	clear: both;
	background-position: top;
}
body#shop #footer{
	background-color:#000000;
	margin-right: 3px;
	margin-left: 3px;
	text-align: center;
	background-image: url(../images/footer_bg.gif);
	height: 56px;
	clear: both;
}

body#shop-list #footer{
	background-color:#000000;
	margin-right: 3px;
	margin-left: 3px;
	text-align: center;
	background-image: url(../images/footer_bg2.gif);
	height: 56px;
	clear: both;
}
/*----------------
float
----------------*/

.img-right{
float:right;
}

.img-left{
float:left;
}

.clear-fix{
clear:both;
}

hr{
	clear:both;
	visibility: hidden;
	height:0;
	margin:0;
	border:none;
}
/*----------------
concept
----------------*/

/*background*/

body#concept div#content-base{
	background-color:#49423c;
}

body#concept div.content-block01{
	background-image:url(../images/concept/h1_1base.jpg);
	background-repeat: no-repeat;
	background-position: top;
	padding-left: 50px;
	padding-right: 50px;
	padding-top: 30px;
	padding-bottom: 10px;
}
body#concept div.content-block{
	background-repeat: no-repeat;
	background-position: top;
	padding-left: 50px;
	padding-right: 50px;
	padding-bottom: 10px;
	clear: both;
}

/*box*/
body#concept div.content-text{
	width: 430px;
	float: left;
}
body#concept div.content-text-right{
	width: 550px;
	float: right;
}
body#concept div.cont-sect,body#pr div.cont-sect{
	padding-top: 0px;
}
body#concept div.cont-right{
	float:right;
	width: 340px;
}

h1{
	display: block;
	margin: 0px;
	padding: 0px;
}

h2{
	clear:both;
	margin: 0px;
	padding: 0px;
}

.content-text p,.content-text-right p{
	color:#FFFFFF;
	line-height: 150%;
	padding-bottom: 15px;
}
.content-text p.foot-note{
	font-size:10px;
	color:#A4883C;
	line-height: 150%;
	padding-bottom: 15px;
}

/*table*/
#concept-table1{
	width:310px;
	float: right;
}
#concept-table1 td{
width:10px;
}
#concept-table1 td.photo{
width:100px;
}
#concept-table1 td.photo-txt{
	padding: 5px;
	font-size: 10px;
	color: #FFFFFF;
	width: 90px;
	vertical-align: top;
}
div.foot-note2{
padding-top:10px;
}
div.foot-note2 p{
	color:#FFFFFF;
	line-height: 150%;
	margin-top: 5px;
}
body#concept div.foot-nav{
	padding-left: 50px;
	padding-right: 50px;
	padding-bottom: 25px;
	clear: both;
	text-align: right;
	padding-top: 50px;
}
/*----------------
product
----------------*/
div.prpduct_banner {
	margin: 0 0 0 50px;
}

table.product-table{
}

table.product-table2{
	margin-top: 10px;
	margin-left: 10px;
}

table.product-table2 td{
	vertical-align: top;	
}

td.pro-a{
height:277px;
}
td.pro-b{
	height:185px;
	background-image: url(../images/product/bg04.jpg);
	background-repeat: repeat-x;
	vertical-align: top;
}
td.pro-c{
	height:282px;
	background-image: url(../images/product/bg05.jpg);
	background-repeat: repeat-x;
	vertical-align: top;
}
td.pro-d{
	height:181px;
	background-image: url(../images/product/bg06.jpg);
	background-repeat: repeat-x;
}


td.pro-b p.price{
	color: #666666;
	padding-right: 10px;
	text-align: right;
	padding-top: 3px;
}
td.pro-b p.bikou{
	color: #666666;
	padding-left: 12px;
	padding-right: 8px;
	line-height: 130%;
}	


td.pro-c p.price{
	color: #666666;
	padding-left: 7px;
	padding-right: 25px;
	padding-top: 3px;
}
td.pro-c p.bikou{
	color: #333333;
	padding-left: 7px;
	padding-right: 25px;
}	

td.pro-d p.price2{
	color: #666666;
	padding-left: 3px;
	padding-right: 3px;
	padding-top: 3px;
	vertical-align: top;
}
td.pro-d p.bikou2{
	color: #333333;
	padding-left: 5px;
	padding-right: 7px;
	font-size: 10px;
	line-height: 130%;
}
/*----------------
pr
----------------*/

/*background*/

body#pr div#content-base{
	background-image: url(../images/pr/bg_pr.jpg);
	background-repeat: no-repeat;
	background-position: left bottom;
}
body#pr div.content-block{
	background-repeat: no-repeat;
	background-position: top;
	padding-left: 50px;
	padding-right: 50px;
	padding-bottom: 10px;
	clear: both;
}

div.pr-cont{
	width:350px;
	float: left;
	margin-right: 25px;
	margin-bottom: 20px;
	margin-left: 25px;
	height: 230px;
}
div.pr-txt{
	width:207px;
	float: right;
}
body#pr h1{
	padding-top:10px;
	padding-bottom: 10px;
	padding-left: 23px;
}
body#pr h2{
	color:#971409;
	font-size: 14px;
	font-weight: bold;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: 971409;
}
.pr-txt p{
	padding-bottom:5px;
	color: #666666;
	padding-top: 8px;
}

.pr-txt2 p{
	padding-bottom:5px;
	color: #666666;
	padding-top: 8px;
}
p.mg-thum img{
	display:block;
	padding-right: 2px;
}
p.mg-thum img.last{
	display:block;
	padding-right: 0px;

}
p.click_hear{
	font-size:10px;
	margin-top: 0px;
	color: #971409;
	padding: 0px;
	clear: both;
}

/*----------------
shop
----------------*/
body#shop-list h1{
	padding-top:10px;
	padding-bottom: 10px;
	padding-left: 23px;
}

body#shop-list h2{
	padding-bottom: 5px;
	background-image: url(../shop/iamges/list-line.gif);
	background-repeat: no-repeat;
	background-position: bottom;
	margin-bottom: 27px;
}

body#shop-list h3{
	padding-bottom: 2px;
	margin-bottom: 19px;
	font-size: 12px;
	font-weight: bold;
	color: #9D2217;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #9D2217;
}

body#shop-list div.content-block{
	padding-left: 50px;
	padding-right: 50px;
	padding-bottom: 10px;
	clear: both;
}
body#shop-list div#content-base{
}
body#shop-list div#cont-left{
	width:138px;
	float: left;
	padding-left: 23px;
}

body#shop-list div#side-nav{
	width:104px;
	background-color:#F8F3EF;
	padding: 17px;
}

body#shop-list div#side-nav li{
	line-height: 24px;
}

body#shop-list div#side-nav li a:link{
	color:#9D2217;
	text-decoration: underline;
}
body#shop-list div#side-nav li a:hover{
	color:#3366FF;
	text-decoration: underline;
}
body#shop-list div#side-nav li a:visited{
	color:#9D2217;
	text-decoration: underline;
}

body#shop-list div#cont-right{
	width:621px;
	float: right;

}
body#shop-list div#cont-right-inner{
	padding-right: 23px;
	width: 598px;
}
body#shop-list .pref-navi{
	margin-bottom: 38px;
	color: #666666;
}

body#shop-list p.pref-navi a:link{
	color:#666666;
	text-decoration: underline;
}
body#shop-list p.pref-navi a:hover{
	color:#3366FF;
	text-decoration: underline;
}
body#shop-list p.pref-navi a:visited{
	color:#666666;
	text-decoration: underline;
}

body#shop-list #back-map{
	float: right;
	padding-bottom: 40px;
}

#cont-right-inner table{
	width: 598px;
	color: #666666;
	font-size: 12px;
	margin: 0px;
	padding: 0px;
}

#cont-right-inner table td{
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
	vertical-align: top;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 2px;
	padding-left: 0px;
}
#cont-right-inner table td.shop-name{width: 200px;padding-right: 5px;}
#cont-right-inner table td.shop-zip{width: 50px;padding-right: 5px;}
#cont-right-inner table td.shop-address{padding-right: 5px;}
#cont-right-inner table td.shop-tel{width: 80px;padding-right: 0px;}