﻿/**************************************************************
タグ指定
**************************************************************/

body {
	margin:0;
	padding:0;
	background-color:#ffffff;
	color:#4D4D4D;
	font-family:"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
	font-size:14px;
	line-height:1.6em;
//	width:810px;
//	overflow:hidden;
//	overflow-x:hidden;
	-webkit-text-size-adjust:none;  /*iphone版Safari 自動フォントサイズ調整OFF W3C未承認 */
	background:url(./images/body_bg.png) repeat-y center top;
}

* html body { /* ズレ修正IE6以下 */ padding:0 0 0 1px;}
*+html body { /* ズレ修正IE7     */	padding:0 0 0 1px;}

table{	border:1px solid #999999; border-collapse:collapse;}
tr{		border:1px solid #999999;}
th{		border:1px solid #999999;padding:4px;}
td{		border:1px solid #999999;padding:4px;}
a{		text-decoration:none;}
p{		margin:0;padding:0;}

a:hover{
	text-decoration:underline;
	cursor:pointer;
/*	filter:alpha(opacity=50);  IE系 
	opacity:0.50;  Mozzila系 */
}

div {
	margin:0;
	padding:0;
	text-align:left;
}

img{
	border:0 none;
	margin:0;
	padding:0;
	vertical-align:bottom;
}

img, div, input { behavior: url("./lib/iepngfix.htc") }

/**************************************************************
ID指定 （又はID相当のCLASS指定）
**************************************************************/

#PAGE{
	background:url(./images/cont_bg.jpg);
	width:810px;
	margin:0 auto 0;
	padding:0;
}

#HEADER{
	width:810px;
	height:102px;
	background:#ffffff;
}

#MENU{
	background:url(./images/menu_bg.jpg) no-repeat top left;
	position:relative;
	top:40px;
	float:left;
}

#CONTENTS{
	background:url(./images/contents_bg.png) no-repeat top right;

}

#MAIN{
	float:left;
	width:600px;
	margin:12px 0 12px 9px;
	padding:0;
}

#MAIN h1{
	color:#442D15;
}

#MAINDIV{
	float:left;
	width:564px;/*600-36*/
	margin:0px;
	padding:0 18px 18px;
	background:url(./images/main_bg.png) repeat-y;
}

#SUB{
	float:left;
	width:190px;
	margin:12px 0 0 3px;
	padding:0;
}

.sub2{
	float:left;
	width:190px;
	margin:0 0px 12px 3px;
	padding:0;
}

.sub2div{
	float:left;
	width:162px;/*190-28*/
	margin:0px;
	padding:10px 14px 36px;
	background:url(./images/sub_bg.png) repeat-y;
}

#FOOTER{
	width: 810px;
	height:215px;
	margin: 0px;
	display: block;
	background:url(./images/footer_bg.png);
}

#PAN{
	font-size:12px;
	margin:10px 0 10px 0;
}

#google_translate_element{ height:30px;}

.catalog_info{
	width:555px;
	height:169px;
	background:url(./images/catalog/catalog99_bg.png) no-repeat;
	margin:0 0 24px 0;
}

.catalog_info div{
	width:379px;
	margin:0 0 0 184px;
}

.catalog_info div p{
	height:24px;
}



/**************************************************************
CLASS指定 MENU
**************************************************************/

.ddsmoothmenu ul li p.menu01 			{ background:url(./images/menu01_o.jpg) no-repeat; width:79px; height:29px;text-indent:-9999px;}
.ddsmoothmenu ul li p.menu01 a			{ background:url(./images/menu01.jpg) no-repeat; width:79px; height:29px;text-indent:-9999px;}
.ddsmoothmenu ul li p.menu01 a:hover	{ background:none;}

.ddsmoothmenu ul li p.menu02 			{ background:url(./images/menu02_o.jpg) no-repeat; width:96px; height:29px;text-indent:-9999px;}
.ddsmoothmenu ul li p.menu02 a			{ background:url(./images/menu02.jpg) no-repeat; width:96px; height:29px;text-indent:-9999px;}
.ddsmoothmenu ul li p.menu02 a:hover	{ background:none;}

.ddsmoothmenu ul li p.menu03 			{ background:url(./images/menu03_o.jpg) no-repeat; width:108px; height:29px;text-indent:-9999px;}
.ddsmoothmenu ul li p.menu03 a			{ background:url(./images/menu03.jpg) no-repeat; width:108px; height:29px;text-indent:-9999px;}
.ddsmoothmenu ul li p.menu03 a:hover	{ background:none;}

.ddsmoothmenu ul li p.menu04 			{ background:url(./images/menu04_o.jpg) no-repeat; width:115px; height:29px;text-indent:-9999px;}
.ddsmoothmenu ul li p.menu04 a			{ background:url(./images/menu04.jpg) no-repeat; width:115px; height:29px;text-indent:-9999px;}
.ddsmoothmenu ul li p.menu04 a:hover	{ background:none;}

.ddsmoothmenu ul li p.menu05 			{ background:url(./images/menu05_o.jpg) no-repeat; width:134px; height:29px;text-indent:-9999px;}
.ddsmoothmenu ul li p.menu05 a			{ background:url(./images/menu05.jpg) no-repeat; width:134px; height:29px;text-indent:-9999px;}
.ddsmoothmenu ul li p.menu05 a:hover	{ background:none;}

.ddsmoothmenu ul li p.menu06 			{ background:url(./images/menu06_o.jpg) no-repeat; width:108px; height:29px;text-indent:-9999px;}
.ddsmoothmenu ul li p.menu06 a			{ background:url(./images/menu06.jpg) no-repeat; width:108px; height:29px;text-indent:-9999px;}
.ddsmoothmenu ul li p.menu06 a:hover	{ background:none;}


/**************************************************************
CLASS指定 sub_MENU
**************************************************************/

.sub_menu ul{
	list-style-type: none;
	padding:0;
	margin:0;
}

.sub_menu ul li p a{display:block;}
.sub_menu ul li {margin:0 0 10px 0;}

ul li p.sub_menu01 			{ background:url(./images/sub_menu01_o.png) no-repeat; width:162px; height:18px;text-indent:-9999px;}
ul li p.sub_menu01 a		{ background:url(./images/sub_menu01.png) no-repeat; width:162px; height:18px;text-indent:-9999px;}
ul li p.sub_menu01 a:hover	{ background:none;}

ul li p.sub_menu02 			{ background:url(./images/sub_menu02_o.png) no-repeat; width:162px; height:18px;text-indent:-9999px;}
ul li p.sub_menu02 a		{ background:url(./images/sub_menu02.png) no-repeat; width:162px; height:18px;text-indent:-9999px;}
ul li p.sub_menu02 a:hover	{ background:none;}

ul li p.sub_menu03 			{ background:url(./images/sub_menu03_o.png) no-repeat; width:162px; height:18px;text-indent:-9999px;}
ul li p.sub_menu03 a		{ background:url(./images/sub_menu03.png) no-repeat; width:162px; height:18px;text-indent:-9999px;}
ul li p.sub_menu03 a:hover	{ background:none;}

ul li p.sub_menu04 			{ background:url(./images/sub_menu04_o.png) no-repeat; width:162px; height:18px;text-indent:-9999px;}
ul li p.sub_menu04 a		{ background:url(./images/sub_menu04.png) no-repeat; width:162px; height:18px;text-indent:-9999px;}
ul li p.sub_menu04 a:hover	{ background:none;}

ul li p.sub_menu05 			{ background:url(./images/sub_menu05_o.png) no-repeat; width:162px; height:18px;text-indent:-9999px;}
ul li p.sub_menu05 a		{ background:url(./images/sub_menu05.png) no-repeat; width:162px; height:18px;text-indent:-9999px;}
ul li p.sub_menu05 a:hover	{ background:none;}

ul li p.sub_menu06 			{ background:url(./images/sub_menu06_o.png) no-repeat; width:162px; height:18px;text-indent:-9999px;}
ul li p.sub_menu06 a		{ background:url(./images/sub_menu06.png) no-repeat; width:162px; height:18px;text-indent:-9999px;}
ul li p.sub_menu06 a:hover	{ background:none;}

ul li p.sub_menu07 			{ background:url(./images/sub_menu07_o.png) no-repeat; width:162px; height:18px;text-indent:-9999px;}
ul li p.sub_menu07 a		{ background:url(./images/sub_menu07.png) no-repeat; width:162px; height:18px;text-indent:-9999px;}
ul li p.sub_menu07 a:hover	{ background:none;}

ul li p.sub_menu08 			{ background:url(./images/sub_menu08_o.png) no-repeat; width:162px; height:18px;text-indent:-9999px;}
ul li p.sub_menu08 a		{ background:url(./images/sub_menu08.png) no-repeat; width:162px; height:18px;text-indent:-9999px;}
ul li p.sub_menu08 a:hover	{ background:none;}

ul li p.sub_menu09 			{ background:url(./images/sub_menu09_o.png) no-repeat; width:162px; height:18px;text-indent:-9999px;}
ul li p.sub_menu09 a		{ background:url(./images/sub_menu09.png) no-repeat; width:162px; height:18px;text-indent:-9999px;}
ul li p.sub_menu09 a:hover	{ background:none;}

ul li p.sub_menu10 			{ background:url(./images/sub_menu10_o.png) no-repeat; width:162px; height:18px;text-indent:-9999px;}
ul li p.sub_menu10 a		{ background:url(./images/sub_menu10.png) no-repeat; width:162px; height:18px;text-indent:-9999px;}
ul li p.sub_menu10 a:hover	{ background:none;}

ul li p.sub_menu11 			{ background:url(./images/sub_menu11_o.png) no-repeat; width:162px; height:18px;text-indent:-9999px;}
ul li p.sub_menu11 a		{ background:url(./images/sub_menu11.png) no-repeat; width:162px; height:18px;text-indent:-9999px;}
ul li p.sub_menu11 a:hover	{ background:none;}

ul li p.sub_menu12 			{ background:url(./images/sub_menu12_o.png) no-repeat; width:162px; height:18px;text-indent:-9999px;}
ul li p.sub_menu12 a		{ background:url(./images/sub_menu12.png) no-repeat; width:162px; height:18px;text-indent:-9999px;}
ul li p.sub_menu12 a:hover	{ background:none;}

ul li p.sub_menu13 			{ background:url(./images/sub_menu13_o.png) no-repeat; width:162px; height:18px;text-indent:-9999px;}
ul li p.sub_menu13 a		{ background:url(./images/sub_menu13.png) no-repeat; width:162px; height:18px;text-indent:-9999px;}
ul li p.sub_menu13 a:hover	{ background:none;}

ul li p.sub_menu14 			{ background:url(./images/sub_menu14_o.png) no-repeat; width:162px; height:18px;text-indent:-9999px;}
ul li p.sub_menu14 a		{ background:url(./images/sub_menu14.png) no-repeat; width:162px; height:18px;text-indent:-9999px;}
ul li p.sub_menu14 a:hover	{ background:none;}



/**************************************************************
CLASS指定
**************************************************************/

.dispnone{
	display:none;
}

.clear{
	clear:both;
	visibility: hidden;
	height: 0;
}

.img-right{
	float:right;
	margin:0 5px 0 5px;
}
.img-right p{
	color:#555555;
	font-size:0.8em;
	margin:3px 3px 5px 3px ;
}
.img-left{
	float:left;
	margin:0 5px 0 5px;
}
.img-left p{
	color:#555555;
	font-size:0.8em;
	margin:3px 3px 5px 3px ;
}

.divtext{
	margin:0 12px;
}

.f-left{float:left;}

.maintext{margin:0 0 24px 0;}

.catalog00_div{
	width:130px;
	height:105px;
	float:left;
	margin:5px;
}

.catalog00_div a{
	color:#4D4D4D;
}

.catalog00_div a img{
	width:130px;
	border:1px solid #cccccc;
}

.catalog00_div a p{
	font-size:12px;
	text-align:center;
	line-height:1em;
	margin:2px
}

.main_fblike {
    height: 0;
    left: 350px;
    position: relative;
    top: 10px;
    z-index:10000;
}


/**************************************************************
mail.php用記述
**************************************************************/

table.mail{
	border:0px solid #919191;
	border-collapse:collapse;
}

table.mail td{
	border:none;
}

tr.mail{
	border:0px solid #919191;
}

td.mail-l{
//	background:#ECECEC;
	width:240px;
	padding:10px 0 0 10px;
	vertical-align: top;
}

td.mail-r{
	width:340px;
	padding:6px 0 12px 10px;
}

td.mail-colspan{
	width:580px;
//	background:#C7C7C7;
}

input.mail-colspan{
	display:block;
	width:180px;
	height:28px;
	margin:10px auto 10px auto;
}

.formitm{
	width:345px;
	height:25px;
	margin:0px 0 9px 0px;
	background:none;
	border:0;
	padding:0;
	display:block;
	float:left;
	vertical-align: bottom;
}

.formitm INPUT{
	width:345px;
	height:25px;
	margin:0;
	background:none;
	border:0;
	padding:0;
	display:inline;
	vertical-align: -2px;
}

.formitm SELECT{
	width:345px;
	height:25px;
	margin:0;
	background:none;
	border:0;
	padding:0;
	display:inline;
	vertical-align: -2px;
}


.formitm2{
	width:345px;
	height:100px;
	max-width:345px;
	max-height:90px;
	margin:5px 0 12px 0px;
	background:none;
	border:0;
	padding:0;
	display:block;
	float:left;
}

.formsubmit{
	width:195px;
	height:40px;
	margin:0 0 11px 0px;
	background:url(./images/inquiry/submit.png);
	border:0;
	padding:0;
	text-indent:-99999;
	margin:12px auto 24px;
	display:block;
}

.formsubmit:hover{
	text-decoration:underline;
	cursor:pointer;
/*	filter:alpha(opacity=50);  IE系 
	opacity:0.50;  Mozzila系 */
}

form{margin:0;padding:0;display:block;}