@charset "Shift_JIS";
/*全体的な設定*/
body {
	background-color: #FFFFFF;
	margin-top:30px;
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	font-size: 10pt;
	color:#333333;
	scrollbar-base-color: #ffffff;
	scrollbar-arrow-color: #ff3300;
	scrollbar-3dlight-color: #ff3300;
	scrollbar-darkshadow-color: #ff3300;
}
h1,h2,h3,h4,h5,h6,p,address {	margin: 0px;padding: 0px;color:#333333;}
ul,ol,dl,dt,dd {	margin: 0px;padding: 0px;}
li {list-style:none;}


/*linkの設定*/
a:link 	  {color:#333333; text-decoration: underline; }
a:visited {color:#333333; text-decoration: underline; }
a:hover   {color:#333333; text-decoration: none; }

a.id:link{color:#333333; text-decoration:none;}
a.id:visited{color:#333333;	text-decoration:none;}
a.id:hover{	color:#333333;	text-decoration:underline;}

/* 見出しの設定*/
h1 {font-size:18px;color:#634A30;margin:20px 0px 0px 5px;}
h2 {font-size:12px;color:#4f3b1c;text-align:right;padding:10px 5px 5px 0px; line-height:18px;}


/*位置の設定*/
.rightlay{float:right;}
.leftlay{float:left;}
.clr{clear:both;}


/*テキスト列の設定*/
.txtc{text-align:center;}
.txtr{text-align:right;}
.txtl{text-align:left;}

/*text sizeの設定*/
.lh150{line-height:150%}

.sf { font-size:10px }
.nf {font-size:12px;}
.lf { font-size:14px }
.llf{ font-size:18px }

.b { font-weight:bold; }
.w { color:#ffffff; }
.c { color:#900}
.blue {color:#000088;}
.rink {font-size: 14pt; color:#ff0000;}
.spec {font-size: 12pt; color:#ffffff;}


/*main colorの設定*/
.mclr {color:#4f3b1c;}
.mclrr {color:#ff0000;}
.sclr1 {color:#bf4403;}
.sclr2 {color:#666666;}

.seclr {color:#419335;}
.pclr {color:#24345c;}
.scclr {color:#3e7f9e;}
.fclr {color:#7d0022; font-weight:bold;}
.bclr {color:#ed9917;}
.bclr {color:#ed9917;}


.mbg {background-color:#ffffcc;}
.wbg {background-color:#ffffff;}
.bbg {background-color:#f4f2f0;}


/*線の設定*/
.line {border-bottom:2px #8c8474 dotted;}
.bline {width: 818px; height:auto; margin-right: auto;margin-left: auto; background-color:#ffffff; border:1px #666666 solid; background-image:url(../common-img/bg.gif); background-position:center; background-repeat:repeat-y}
.aline {border:1px #000000 solid;}

/* トップテキストの設定*/
.txttop {margin-top:10px;margin-bottom:20px;}
.txtinfo {border-bottom: 2px dotted #666666;padding:3px 0px 5px 16px;}

/*Top margin*/
.mt135{margin-top:135px;}
.mt100{margin-top:100px;}
.mt40{margin-top:40px;}
.mt35{margin-top:35px;}
.mt30{margin-top:30px;}
.mt20{margin-top:20px;}
.mt15{margin-top:10px;}
.mt10{margin-top:10px;}
.mt5{margin-top:5px;}
.mt3{margin-top:3px;}
.mt0{margin-top:0px;}

/*Bottom margin*/
.mb30{margin-bottom:30px;}
.mb20{margin-bottom:20px;}
.mb10{margin-bottom:10px;}
.mb5{margin-bottom:5px;}
.mb3{margin-bottom:3px;}

/*left right margin*/
.mrl129{margin-left:129px; margin-right:129px;}
.mrl29{margin-left:29px; margin-right:29px;}
.mrl14{margin-left:14px; margin-right:14px;}
.mrl5{margin-left:5px; margin-right:5px;}
.mrl11{margin-left:11px; margin-right:11px;}
.ml10{margin-left:10px;}
.ml50{margin-left:50px;}
.mr10{margin-right:10px;}
.mr20{margin-right:20px;}
.mr30{margin-right:30px;}

.par10{padding-right:10px}
.pal10{padding-left:10px}
.pat10{padding-top:10px}
.pab10{padding-bottom:10px}

/*トップメニュー設定*/
div.menu{width:818px; height:28px;}

div.mainframe {width:780px;
	margin-left:19px;
	margin-right: 19px;
	margin-bottom: 0px;
}
               

div.indexlframe {
	float: left;
	WIDTH:327px;
	HEIGHT:380px;
	text-align: left;
	padding-left:2px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}

div.indexlframe2 {
	float: left;
	WIDTH:200px;
	HEIGHT:auto;
	text-align: left;
	padding-left:10px;
	margin: 0px;
}

div.indexrframe {
	float: left;
	WIDTH:480px;
	HEIGHT:380px;
	text-align: left;
	padding-left:4px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	border-left:1px #cccccc solid;
}

div.indexrframe1 {
	float: left;
	WIDTH:480px;
	HEIGHT:380px;
	text-align: left;
	padding-left:4px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}

div.indexrframe2 {
	float: left;
	WIDTH:600px;
	HEIGHT:auto;
	text-align: left;
	margin: 0px 0px 0px 6px;
	border-left:1px #cccccc solid;
}

.newsttl {width: 720px; height:20; margin-right: 25px;margin-left: 25px; margin-bottom:0px; padding-left: 10px;padding-right: 0px;padding-top: 5px; padding-bottom: 5px; 
	background:url(../news/news-img/arrow2.gif) no-repeat;background-position:top left;border-bottom:1px #ff3300 solid;
	border-top:1px #ff3300 solid;color:#000000;}
.newsdate {width: 720px; height:15px; margin-right: 25px;margin-left:  25px; margin-bottom:0px; padding-left: 5px;padding-right: 5px;padding-top: 2px; padding-bottom: 5px; text-align:right; color:#666666;}
.newstxt {width: 710px; height:auto; margin-right: 25px;margin-left: 25px; margin-bottom:0px; padding-left: 10px;padding-right: 10px;padding-top: 0px; padding-bottom: 5px; line-height: 1.5;}
.newsurl {width: 710px; height:auto; margin-right: 25px;margin-left:25px; margin-bottom:5px; padding-left: 10px;padding-right: 10px;padding-top: 5px; padding-bottom: 5px;}
.newspic {width: 730px; text-align: center; height:auto; margin-right: 25px;margin-left: 25px; margin-bottom:10px; margin-top:10px;}

.header {
	margin-right: auto;
	margin-left: auto;
	text-align: left;
	padding-left: 0px;
	padding-right: 0px;
	width: 818px;
	height:142px;
}

div.headertop {
	FLOAT: left;
	WIDTH: 818px;
	HEIGHT: 82px;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}

div.headerleft {
	FLOAT: left;
	WIDTH: 501px;
	HEIGHT: 24px;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
div.headerright {
	FLOAT: left;
	WIDTH: 317px;
	HEIGHT: 24px;
	text-align: left;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}

div.copy {
    color:#333333;
	text-align: right;
	padding-top: 5px;
	padding-right: 8px;
	padding-bottom: 0px;
	padding-left: 0px;
	width: 810px;
	height:20px;
	margin-right: auto;
	margin-left: auto;
	background-image:url(../common-img/footer.gif);
}
div.iconframe {
	PADDING-RIGHT: 0px;
	PADDING-LEFT: 0px;
	PADDING-TOP: 0px;
	FLOAT: left;
	PADDING-BOTTOM: 0px;
	MARGIN: 0px 8px 0px 0px;
	WIDTH: 180px;
	HEIGHT: 375px;
	text-align: center;
}

div.startframe {
	margin-left: 4px;
}
div.lastframe {
	margin-right: 0px;
	margin-right:7px;
}
	
.title_bg  {
	font-size: 12pt;
	color: #000088;
	background-image: url(../common-img/id1.gif);
	background-repeat: no-repeat;
	background-position: center top;
	height:15px;
	text-align:left;
	padding-left:30px;
	padding-top:7px;
	padding-bottom:8px;
	margin-bottom:10px;
	}
.cata_bg  {
	font-size: 12pt;
	color: #000088;
	background-image: url(../catalogue/img/catalogue_title.gif);
	background-repeat: no-repeat;
	background-color: #FFFFFF;
	background-position: center top;
	}
.new_bg  {
	font-size: 12pt;
	color: #FFFFFF;
	background-image: url(../catalogue/img/new_title.gif);
	background-repeat: no-repeat;
	background-color: #FFFFFF;
	background-position: center top;
	height:15px;
	text-align:left;
	padding-left:30px;
	padding-top:9px;
	padding-bottom:6px;
	}

.id1_bg  {
	font-size: 12pt;
	color: #333333;
	font-weight:bold;
	background-image:url(../catalogue/img/id1.gif);
	background-repeat: no-repeat;
	background-position: left top;
	height:15px;
	text-align:left;
	padding-left:30px;
	padding-top:8px;
	padding-bottom:7px;
	width:750px;
	}
.id2_bg  {
	font-size: 10pt;
	color: #333333;
	background-image: url(../catalogue/img/id2.gif);
	background-repeat: no-repeat;
	background-color: #FFFFFF;
	background-position: center top;
	}
.id3_bg  {
	font-size: 10pt;
	color: #000088;
	background-image: url(../catalogue/img/btn_id3.gif);
	background-repeat: no-repeat;
	background-color: #FFFFFF;
	background-position: center top;
	}
.id3f_bg  {
	font-size: 10pt;
	color: #000088;
	background-image: url(../catalogue/img/btn_id3f.gif);
	background-repeat: no-repeat;
	background-color: #FFFFFF;
	background-position: center top;
	}	

.top_line  {
	background-image: url(../catalogue/img/top_line.gif);
	background-color: #FFFFFF;
	background-position: center top;
	}
.id1new_bg  {
	font-size: 10pt;
	color: #660000;
	background-image: url(../catalogue/img/btn_new.gif);
	background-repeat: no-repeat;
	background-color: #FFFFFF;
	background-position: center top;
	}

.toptitle {
	float:left;
	background:url(../news/news-img/arrow.gif) no-repeat;
	background-position:top left;
	width:280px;
	height:auto;
	margin-left:0px;
	margin-right:0px;
	padding:2px 0px 2px 15px;
	border-bottom:1px #ff3300 solid;
	border-top:1px #ff3300 solid;
}

.topdate {
	float:left;
	text-align:right;
	color:#666666;
	width:280px;
	height:auto;
	margin-left:0px;
	margin-right:0px;
	margin-top:3px;
	}
.toptxt {
	float:left;
	width:280px;
	height:auto;
	margin-left:0px;
	margin-right:0px;
	margin-top:5px;
	margin-bottom:10px;
	}
.new1{
    background-color:#ff0000;
    width:125px;
    color:#ffffff;
    padding:3px;
    }
.new2{
    background-color:#ff6600;
    width:125px;
    color:#ffffff;
    padding:3px;
    }
.newpro{
    width:auto;
    padding:5px;
    }

.w285{width:285px;}
.w280{width:280px;}
.w760{width:760px;}
.w780{width:780px;}

.h30{height:30px}
.h360{height:360px}
.h400{height:400px}
.h440{height:440px}
.h470{height:470px}