/* CSS kinzai 2008.02.22 */

body,h1,h2,h3,h4,div,p,ul,li,ol,dl,dt,dd,form.table,th,td,input{
	margin:0;
	padding:0;
	list-style:none;
	line-height:1.5em;
	color:#161616;}

/**/

body{
	background-image:url(../images/wall.gif);}

/* Font size ==== */

body{
	font-size:12px;
	_font-size:75%;}
h1{
	font-size:12px;
	_font-size:75%;}

h2{	font-size:12px;
	_font-size:100%;}

h3,h4{font-size:100%;}

.s{ font-size:10px;
	_font-size:80%;}
	
/* For IE7.8__________ */
html body,
html h1{ font-size/*\**/:75%\9;}
html h2{ font-size/*\**/:100%\9;}
html h3{ font-size/*\**/:100%\9;}
html h4{ font-size/*\**/:100%\9;}
html .s{ font-size/*\**/:80%\9;}
/*__________________ */
	
a{text-decoration:none;
	outline:none;
	color:#161616;}
a:hover,
a.on{
	color:#ec447d;
	text-decoration: underline;}
	
span.new{
	margin-left:4px;}

/* =================== */
/* Base ==== */

img,a img{ border:none;}

/* br clear
---------------------------*/
br.clear{
	width:auto;
	clear:both;
	line-height:0%;
	font-size:0;
	display: block;}	
.clear{
	clear: both;}

/*.clear{clear:both;}
br.clear{ clear:both; height:0%; font-size:0; line-height:0;}*/



.b{ font-weight:bold;}
.normal{ font-weight:normal;}
.check{
	color:#cc0000;
	font-weight:bold;}
.pink{color:#e86893;}
.pink2{
	color:#E62461;
}

.red{
	color:#FF0000;
	font-weight: bold;
}

.blue{
	color:#006699;
	font-weight: bold;
}

.gray{
	color:#666666;
	font-weight: bold;
}

.gray2{
	color:#333333;
	font-weight: bold;
}

.t_l{text-align:left;}
.t_r{text-align:right;}
.t_c{text-align:center;}
.v_t{vertical-align:top;}

.f_center{ margin: 0 auto;}
.f_l{ float:left;}
.f_r{float:right;}

.pa_r0{ padding-right:0!important;}
.pa_l0{ padding-left:0!important;}
.ma_r0{ margin-right:0!important;}
.ma_l0{ margin-left:0!important;}
.ma_r10{ margin-right:10px!important;}
.ma_l10{ margin-left:10px!important;}


.pa_t5{ padding-top:5px!important;}
.pa_t10{ padding-top:10px!important;}
.pa_t15{ padding-top:15px!important;}
.pa_t20{ padding-top:20px!important;}

.ma_b5{ margin-bottom:5px!important;}
.ma_b10{ margin-bottom:10px!important;}
.ma_b15{ margin-bottom:15px!important;}
.ma_b20{ margin-bottom:20px!important;}

.ma_t10{ margin-top:10px!important;}
.ma_t15{ margin-top:15px!important;}
.ma_t20{ margin-top:20px!important;}
.ma_t30{ margin-top:30px!important;}
.ma_t35{ margin-top:35px!important;}

.pa_b5{ padding-bottom:5px!important;}
.pa_b10{ padding-bottom:10px!important;}
.pa_b15{ padding-bottom:15px!important;}
.pa_b20{ padding-bottom:20px!important;}

.pa_w10{ padding-left:10px;
		 padding-right:10px;}

.pa10{ padding:10px;}

.ma_tb10{ margin-top:10px!important;
		  margin-bottom:10px!important;}

.none{ display:none;}
button{cursor: pointer!important;}
address{ font-style:normal;}
/* =================== */

/* clearfix
---------------------------*/
.clearfix:after{
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
} /*IE7以外のモダンブラウザ向け*/

.clearfix{display:inline-block;} /*IE7およびMacIE5向け*/

/*Hides from IE-mac\*/
* html .clearfix{height:1%;}
.clearfix{display:block;}
/*End hide from IE-mac*/ /*IE6以前向け*/

/* Frame ==== */

#mainframe{
	margin:0 auto;
	width:850px;
	height:1%;
	background-color:#FFFFFF;
	border:1px solid #d7d7d8;}

#contents{
	height:1%;}
.leftcl{
	padding:10px 0 30px 10px;
	float:left;
	height:1%;
	width:590px;}


.rightcl{
	float:right;
	width:230px;
	padding:10px 10px 10px 0 ;
	position:relative;
	}
	.rightcl .submenu{
		margin-bottom:15px;
		width:210px;}
	.rightcl div.submenu{
		background-color:#f7f5f1;
		padding:5px 10px 5px 10px;}
	.rightcl div.submenu ul li{
		padding:0 0 2px 18px;
		margin-bottom:8px;
		background:url(../images/arrow.gif) no-repeat 0 0.3em;
		width:192px;}
	.rightcl div.submenu ul li.sub{
		margin-left:9px;
		padding:0 0 2px 13px;
		margin-bottom:5px;
		background:url(../images/sitemap_arrow.gif) no-repeat 0 0.3em;
		width:188px;}
	
	
	.rightcl .webenter{
		height:1%;
		min-height:60px;
		padding:5px 10px 20px;
		background:url(../images/entry_bg.gif) repeat-x bottom left;
		}
/* Entry BTN */
		.webenter a.entry{
			display:block;
			margin:0 auto;
			text-indent:-9999px;
			width:120px;
			height:30px;
			background:url(../images/btn_web.gif) no-repeat 0 0;
			}
		.webenter a.entry:hover{
			background-position:0 -30px;}


	a.todetail{
			display:block;
			text-indent:-9999px;
			width:110px;
			height:20px;
			background:url(../images/about_detail.gif) no-repeat 0 0;
			}
	a.todetail:hover{
			background-position:0 -20px;}


#contents .announce{
		margin:20px 0px;
		border:none;
		border-collapse:collapse;}
		.announce td{
		padding:0;
		vertical-align:top;
		}
		#contents .announce dl{
	height:1%;
	background-color:#fff8fb;
	border:7px solid #e2e2e2;
}
			dl.ma_w10{
			margin:0px;}
		#contents .announce dl dd{
			padding:5px 10px;}
	

.main{
	padding:15px;}
	

/* Header */

#header{
	width:850px;
	height:94px;
	background:url(../images/header.gif) no-repeat;
	position:relative;
	}
	#header h1{
		float:left;
		width:305px;}
	
	#header .headnavi{
		float:right;
		}
	#header ul{
		margin-top:65px;	
		}
	
	#header ul li{
		float:left;}
	#header ul li a{
		display:block;
		height:20px;
		text-indent:-9999px;}
	
	#header ul li.navi1 a{
		width:67px;
		margin-right:5px;}	
	#header ul li.navi2 a{
		width:90px;}
	#header .head_tel{
	position:absolute;
	top:29px;
	right:10px;}

/* Menu */
#menu ul li{
	margin:0;
padding:0;
float:left;
height:40px;
}


/*#menu{
	height:40px;
	background:url(../images/menu_bg.gif) repeat-x;}

#menu ul li{ float:left;}
#menu ul li a{ display:block; height:40px;
	text-indent:-9999px;}

#menu ul .menu01 a{
	width:102px;
	background:url(../images/topmenu.gif) no-repeat 0 0;}
#menu ul .menu02 a{
	width:114px;
	background:url(../images/topmenu.gif) no-repeat -102px 0;}
#menu ul .menu03 a{
	width:190px;
	background:url(../images/topmenu.gif) no-repeat -216px 0;}
#menu ul .menu04 a{
	width:135px;
	background:url(../images/topmenu.gif) no-repeat -406px 0;}
#menu ul .menu05 a{
	width:165px;
	background:url(../images/topmenu.gif) no-repeat -541px 0;}
#menu ul .menu06 a{
	width:118px;
	background:url(../images/topmenu.gif) no-repeat -706px 0;}

#menu ul .menu01 a:hover,#menu ul .menu01 .on{
	background:url(../images/topmenu.gif) no-repeat 0 -40px;}
#menu ul .menu02 a:hover,#menu ul .menu02 .on{
	background:url(../images/topmenu.gif) no-repeat -102px -40px;}
#menu ul .menu03 a:hover,#menu ul .menu03 .on{
	background:url(../images/topmenu.gif) no-repeat -216px -40px;}
#menu ul .menu04 a:hover,#menu ul .menu04 .on{
	background:url(../images/topmenu.gif) no-repeat -406px -40px;}
#menu ul .menu05 a:hover,#menu ul .menu05 .on{
	background:url(../images/topmenu.gif) no-repeat -541px -40px;}
#menu ul .menu06 a:hover,#menu ul .menu06 .on{
	background:url(../images/topmenu.gif) no-repeat -706px -40px;}
*/

/* =================== */

#footer{
	height:1%;
	min-height:20px;
	clear: both;
	padding:6px 10px 2px;
	_padding:4px 10px;
	background-color:#696156;}

#footer ul{
	background-color:#696156;}
	#footer ul li{
		display:inline;
		padding:10px;
		padding-right:12px;
		background:url(../images/list_dot.gif) no-repeat left center;}
	#footer ul li a{
		color:#fff;}	
	
	#footer .f_r{
		clear: right;
		color:#fff!important;
		background-color:#696156;}


/* Btn */

*+html .leftcl .totop{
	padding-bottom:5px;}
* html .leftcl .totop{
	padding-bottom:5px;}
.totop{
	float:right;
	height:15px;
	padding-bottom:10px;}

.totop a{
	width:110px;
	height:15px;
	display:block;
	line-height:0!important;
	background:url(../images/totop.gif) no-repeat;
	text-indent:-9999px;}


.inq a,
a.inq{
	display:block;
	width:120px;
	height:30px;
	background:url(../images/btn_inq.gif) no-repeat;
	text-indent:-9999px;
}
	.inq a:hover,
	a.inq:hover{
		background-position:0 -30px;}
		
.inq2 a,
a.inq2{
	display:block;
	width:155px;
	height:30px;
	background:url(../images/btn_inq2.gif) no-repeat;
	text-indent:-9999px;
}
	.inq2 a:hover,
	a.inq2:hover{
		background-position:0 -30px;}


.print a{
	display:block;
	width:120px;
	height:30px;
	background:url(../images/btn_print.gif) no-repeat;
	text-indent:-9999px;}
	.print a:hover{
		background-position:0 -30px;}


.order a,
a.order{
	display:block;
	width:120px;
	height:30px;
	background:url(../images/btn_order.gif) no-repeat;
	text-indent:-9999px;
}
	.order a:hover,
	a.order:hover{
		background-position:0 -30px;}


/* Contents*/

#contents .main{
	padding:15px 25px;}


/*  DL LIST =============================*/

.main dl.annoucelist dt{
	margin:0;
	float:left;
	clear:left;
	width:18px;
	}
.main dl.annoucelist dd{
	margin-left:2em;}


/* LIST =============================*/

	.decimal li{
			list-style:decimal inside;
			text-indent:-16px;
			padding-left:17px;}


/*  FORM =============================*/

form .input_30w input,
form input.input_30w{
	width:30px;}
form .input_50w input,
form input.input_50w{
	width:50px;}
form .input_150w input{
	width:150px;}
form .input_280w input,
form .input_280w textarea{
	width:280px;}
form .input_100p input,
form input.input_100p{
	width:100%;}

.block {
	display: block;
}