@charset "euc-jp";
/* CSS Document */

html{
	width:100%;
	height:100%;
}

body{
	width:100%;
	height:100%;
	color:#000000;
	background-color:#FFFFFF;
}

*{
	margin:0;
	padding:0;
}

/* clear */

.clear-both{
		clear:both;
}

html>body .clear-both2{
		clear:both;
}

/* font */

#font18{
		font-size:18px;
		line-height:1.5;
}

#font14{
		font-size:14px;
		line-height:1.5;
}

#font12{
		font-size:12px;
		line-height:1.5;
}

.price{
		color:#FF3300;
		font-weight:bold;
}

.s{
		font-size:12px;
		line-height:1.3;
}
		

/* position */

#positionLeft{
		float:left;
		margin-right:10px;
}

#positionRight{
		float:right;
		margin-left:10px;
}

.textCenter{
		text-align:center;
}

/* bottom */

.bottom01{
		margin-bottom:2px;
}

.bottom02{
		margin-bottom:5px;
}

.bottom03{
		margin-bottom:10px;
}

.bottom04{
		margin-bottom:20px;
}

html>body .bottom10{
		margin-bottom:10px;
}

/* margin */

.marginRight01{
		margin-right:10px;
}

/* height */


/* back */

.bg01{
		background:url(../img/bg_top.jpg) no-repeat left bottom;
}

/* title */

#title02{
		font-size:18px;
		line-height:1.3;
		border-left:10px solid #ff9900;
		padding-left:10px;
		margin-bottom:10px;
		float:left;
		width:100%;
}

/* header */

#header{
		margin:0;
		padding:0;
		width:100%;
		height:150px;
		background:url(../img/header.gif) no-repeat center center;
}

#headerSub{
		margin:0;
		padding:0;
		width:100%;
		height:70px;
		background:url(../img/header_sub.gif) no-repeat center left;
}

/* boxContainer */

#boxContainer{
		margin:0;
		padding:0;
		width:100%;
		height:100%;
}

/* boxColumn */

#boxColumn{
		position:relative;
		margin:0;
		padding:0;
		width:200px;
		height:auto;
		float:right;
}

/* comment */

#boxCom01{
		width:auto;
		height:auto;
		margin:5px 5px 5px 0px;
		border:1px solid #006699;
		padding:75px 10px 10px 10px;
		background:url(../img/title_com.gif) no-repeat top right;
}

#boxCom01 h1{
		font-size:14px;
		line-height:1.5;
		margin-bottom:5px;
}

#boxCom01 img{
		margin-top:20px;
}

/* boxMain */

#boxMain{
		margin:0px 20px 10px 200px;
		padding:10px 0px 0px 0px;
		/* height:100%; */
}

#boxMainSub{
		margin:0px 0px 10px 200px;
		padding:10px 0px 0px 0px;
		height:100%;
		width:calc(100% - 220px); /* 2017/02/18 Äɲà */
}

/* box news */

#boxNews{
		width:auto;
		height:190px;
		margin-bottom:10px;
}

/* boxNavi */

#boxNavi{
		margin:0;
		padding:0;
		width:182px;
		height:100%;
		float:left;
}

/* navi */

#menuNavi{
		width:180px;
		font-size:14px;
		color:#663;
		line-height:1.5;
		margin:0;
		padding:0;
		list-style:none;
		background-color:#edeade;
		border-right:1px solid #d9d7ce;
		border-bottom:1px solid #d9d7ce;
		border-left:1px solid #d9d7ce;
}

.submenu01{
		padding:2px 0px 2px 20px;
		background-color:#fffef5;
		background-image:url(../img/go.gif);
		background-repeat:no-repeat;
		background-position:left center;
		border-top:1px solid #d9d7ce;
}

#menuNavi a:link{
		color:#f63;
		text-decoration:none;
}

#menuNavi a:visited{
		color:#f63;
		text-decoration:none;
}

#menuNavi a:hover{
		color:#093;
		text-decoration:underline;
}

#menuNavi a:active{
		color:#093;
		text-decoration:underline;
}

.submenu02{
		font-size:14px;
		color:666;
		line-height:1.5;
		margin:0;
		padding:2px 2px 2px 30px;
		list-style:none;
		background-color:#f4f1e7;
		background-image:none;
		border-top:none;
}

.now{
		padding:2px 0px 2px 20px;
		background-color:#b7a194;
		color:#fff;
		font-weight:bold;
		background-image:url(../img/go.gif);
		background-repeat:no-repeat;
		background-position:left center;
		border-top:1px solid #d9d7ce;
}

.now2{
		font-size:14px;
		color:#fff;
		line-height:1.5;
		margin:0;
		padding:2px 2px 2px 30px;
		list-style:none;
		background-color:#b7a194;
		background-image:none;
		border-top:none;
}



/* footer */

#footer{
		clear:both;
		margin:0px 0px 0px 0px;
		padding:0px 0px 20px 0px;
		width:100%;
		height:auto;
		border-top:1px solid #cccccc;
}

#menuSubNavi{
		list-style:none;
		float:right;
		margin:5px 10px 5px 0px;
}

#menuSubNavi li{
		float:left;
		margin-left:20px;
		font-size:12px;
}

/* imgLeft */

#imgLeft{
		width:auto;
		height:auto;
		float:left;
		margin-right:20px;
		margin-bottom:30px;
}

#imgLeft p{
		width:250px;
		font-size:12px;
		line-height:1.5;
		margin-top:2px;
}

/* imgRight */

#imgRight{
		width:auto;
		height:auto;
		float:right;
		margin-left:20px;
		margin-bottom:20px;
}

/* telme */

#telme{
		margin-top:5px;
		font-size:12px;
		line-height:1.5;
		border:1px solid #cccccc;
		background:#f0ffff;
		padding:5px;
}

/* red */

.red{
		color:#FF3300;
}


/* toTop */

.toTop{
	/*clear:both;*/
	font-size:0.9em;
	line-height:1.66;
	text-align:center;
	font-weight:bold;
	float:left;
	width:100%;
}


.toTop a{
	color:#999999;
	text-decoration:none;
}



.toTop a:hover{
	color:#FF6600;
	text-decoration:underline;
}


/* underNavi */

.underNavi{
	clear:both;
	padding-bottom:50px;
}


.underNavi ul{
	list-style:none;
}


.underNavi ul li{
	float:left;
	font-size:0.8em;
	line-height:1.66;
	white-space:nowrap;
	margin-right:20px;
}


.underNavi a{
	color:#999999;
	text-decoration:none;
}


.underNavi a:hover{
	color:#FF6600;
	text-decoration:underline;
}