/* ---------------------------------------------------------------------------------------------
 　基本設定
--------------------------------------------------------------------------------------------- */

BODY {
	background-color: #FFBD00;
	font: 12px/17px "ＭＳ Ｐゴシック", Osaka－等幅;
	color: #333333;
	margin: 0px;
	padding: 0px;
	text-align: left;
}

.wrapper {
	width: 830px;
	hright: auto;
}

.box0 {
	float: left;
	width: 820px;
	height: 30px;
	background-color: #222222;
	font: 10px/30px "ＭＳ Ｐゴシック", Osaka－等幅;
	color: #FFFFFF;
	text-align: center;
}

*html .box0 {
	float: left;
	width: 810px;
	height: 30px;
	background-color: #222222;
	font: 10px/30px "ＭＳ Ｐゴシック", Osaka－等幅;
	color: #FFFFFF;
	text-align: center;
}

.box1 {
	float: left;
	width: 110px;
	height: 790px;
	background-image : url(../image/product/back.jpg);
	background-repeat : repeat-y; 
	font: 15px/20px "ＭＳ Ｐゴシック", Osaka－等幅;
	padding: 20px 0px 0px 40px;
}

*html .box1 {
	float: left;
	width: 150px;
	height: 790px;
	background-image : url(../image/product/back.jpg);
	background-repeat : repeat-y; 
	font: 15px/20px "ＭＳ Ｐゴシック", Osaka－等幅;
	padding: 20px 0px 0px 40px;
}

.box1:not(\*) {
	float: left;
	width: 110px;
	height: 790px;
	background-image : url(../image/product/back.jpg);
	background-repeat : repeat-y; 
	font: 15px/20px "ＭＳ Ｐゴシック", Osaka－等幅;
	padding: 20px 0px 0px 40px;
}

.box2 {
	float: left;
	width: 660px;
	height: 800px;
	background-color: #FFFFFF;
	font: 12px/17px "ＭＳ Ｐゴシック", Osaka－等幅;
	padding: 10px 0px 0px 10px;
}

*html .box2 {
	float: left;
	width: 660px;
	height: 790px;
	background-color: #FFFFFF;
	font: 12px/17px "ＭＳ Ｐゴシック", Osaka－等幅;
	padding: 10px 0px 0px 10px;
}

.box3 {
	float: left;
	width: 820px;
	height: 20px;
	background-color: #666666;
	font: 10px/20px "ＭＳ Ｐゴシック", Osaka－等幅;
	color: #FFFFFF;
	text-align: center;
}

*html .box3 {
	float: left;
	width: 810px;
	height: 20px;
	background-color: #666666;
	font: 10px/20px "ＭＳ Ｐゴシック", Osaka－等幅;
	color: #FFFFFF;
	text-align: center;
}

.box4 {
	float: left;
	width: 820px;
	height: 30px;
	background-color: #222222;
	font: 10px/30px "ＭＳ Ｐゴシック", Osaka－等幅;
	color: #CCCCCC;
	text-align: center;
}

*html .box4 {
	float: left;
	width: 810px;
	height: 30px;
	background-color: #222222;
	font: 10px/30px "ＭＳ Ｐゴシック", Osaka－等幅;
	color: #CCCCCC;
	text-align: center;
}


/* ---------------------------------------------------------------------------------------------
 　パーツの設定
--------------------------------------------------------------------------------------------- */

.navi {
	width: 640px;
	height: 50px;
}

.txt {
	width: 640px;
	height: auto;
	text-indent: 1em; 
}

.pro {
	width: 660px;
	height: auto;
}

.pro1 {
	float: left;
	width: 300px;
	height: 182px;
	background-color: #000000;
}

.pro2 {
	float: left;
	width: 340px;
	height: 50px;
	background-color: #FFFFFF;
}

.pro3 {
	float: left;
	width: 330px;
	height: 132px;
	background-color: #FFFFFF;
	font: 12px/17px "ＭＳ Ｐゴシック", Osaka－等幅;
	color: #333333;
	padding: 10px 10px 10px 10px;
}

P.link {
	width: 100%;
	height: auto;
	font: 10px/15px "ＭＳ Ｐゴシック", Osaka－等幅;
	color: #333333;
	text-align: right;
}

P.indent { text-indent: 1em; }


/* ---------------------------------------------------------------------------------------------
 　『理念』ページの設定
--------------------------------------------------------------------------------------------- */

.comp01 { text-align: left; }

.comp02 {
	font: 10px/15px "ＭＳ Ｐゴシック", Osaka－等幅;
	text-align: left;
}

.comp03 { width: 509px; }

.comp04 {
	font: 16px/25px "ＭＳ Ｐゴシック", Osaka－等幅;
	font-weight: bold;
	color: #990000;
	text-align: left;
}

.comp05 {
	width: 420px;
	height: auto;
	font: 14px/20px "ＭＳ Ｐゴシック", Osaka－等幅;
	color: #004080;
	text-align: left;	
}

.comp06 { text-align: center; }

.comp07 {
	width: 420px;
	hieght: auto;
	font: 25px/30px "ＭＳ Ｐゴシック", Osaka－等幅;
	color: #FF8000;
	text-align: center;
}

.comp08 {
	width: 400px;
	font: 14px/20px "ＭＳ Ｐゴシック", Osaka－等幅;
	color: #333333;
	height: auto;
	background-color: #FFFFDF;
	text-align: left;
}

.comp09 {
	width: 420px;
	height: auto;
	font: 25px/30px "ＭＳ Ｐゴシック", Osaka－等幅;
	color: #00CA00;
	text-align: center;
}

.comp10 {
	width: 400px;
	height: auto;
	font: 14px/20px "ＭＳ Ｐゴシック", Osaka－等幅;
	color: #333333;
	height: auto;
	background-color: #F2FFCA;
	text-align: left;
}

.comp11 {
	font: 16px/25px "ＭＳ Ｐゴシック", Osaka－等幅;
	font-weight: bold;
	color: #990000;
	text-align: left;
	padding-top: 20px;
}

.comp12 {
	font: 12px/17px "ＭＳ Ｐゴシック", Osaka－等幅;
	color: #800040;	
	text-align: center;
}

.comp13 { width: 500px; }

.comp14 {
	width: auto;
	height: 60px;
	background-color: #339933;
	font: 18px/25px "ＭＳ Ｐゴシック", Osaka－等幅;
	font-weight: bold;
	font-style: oblique;
	color: #FFFFFF;
	text-align: center;
	vertical-align: top;
}

.comp15 {
	font: 15px/20px "ＭＳ Ｐゴシック", Osaka－等幅;
	text-decoration: underline; 
	color: #006666;
	text-align: left;
	vertical-align: top;
	padding-left: 5px;
}

.comp16 {
	font: 12px/17px "ＭＳ Ｐゴシック", Osaka－等幅;	
	color: #666666;
	text-align: left;
	padding-left: 5px;
}

.comp17 {
	width: 9px;
	height: auto;
	text-align: center;
}

.comp18 {
	width: 525px;
	height: auto;
	text-align: left;
	vertical-align: top;
}

.comp19 {
	text-align: center;
	padding: 20px 0px 20px 0px;
}

.comp20 {
	width: 400px;
	font: 12px/17px "ＭＳ Ｐゴシック", Osaka－等幅;
	border-top: 2px dotted;
	border-bottom: 2px dotted;
	border-color: #749717; 
	text-align: left;
	vertical-align: top;
	padding: 10px;
}	

.comp21 {
	text-align: center;
	padding-top: 10px;
}

.comp22 {
	width: 450px;
	height: auto;
	background-color: #F0FCFF;
	font: 12px/20px "ＭＳ Ｐゴシック", Osaka－等幅;	
	color: #004080;
	text-align: left;
	padding: 10px;
}

*html .comp22 {
	width: 470px;
	height: auto;
	background-color: #F0FCFF;
	font: 12px/20px "ＭＳ Ｐゴシック", Osaka－等幅;	
	color: #004080;
	text-align: left;
	padding: 10px;
}

.comp23 { padding: 10px; }

.comp24 {
	float: left;
	font: 18px/20px "ＭＳ Ｐゴシック", Osaka－等幅;
	font-weight: bold;
	color: #000066;
	text-align: center;
}

.comp25 {
	float: left;
	font: 12px/20px "ＭＳ Ｐゴシック", Osaka－等幅;	
	color: #003399;
}

.comp26 { text-align: center; }

.comp27 {
	width: 300px;
	background-color: #DCF4CC;
	font: 15px/20px "ＭＳ Ｐゴシック", Osaka－等幅;	
	font-weight: bold;
	color: #009933;
	text-align: left;
}

.comp28 {
	width: 300px;
	background-color: #FAFEE0;
	font: 13px/17px "ＭＳ Ｐゴシック", Osaka－等幅;
	color: #333333;
	text-align: left;
	vertical-align: top;
}

.comp29 {
	width: 300px;
	height: 10px;
	background-color: #FFFFFF;
}

.comp30  {
	width: 230px;
	text-align: right;
	vertical-align: top;
}

.comp31 {
	font: 12px/17px "ＭＳ Ｐゴシック", Osaka－等幅;
	color: #039194;
	text-align: center;
	padding: 10px 0px 20px 0px;
}

.comp32 {
	width: 90px;
	height: auto;
	padding-right: 10px;
	vertical-align: top;
}

.comp33 {
	width: 90px;
	height: auto;
	padding-left: 10px;
	text-align: right;
	vertical-align: bottom;
}

.comp34 {
	text-align: center;
	padding-top: 20px;
}

.comp35 {
	font: 12px/17px "ＭＳ Ｐゴシック", Osaka－等幅;	
	text-align: left;
}

/* ---------------------------------------------------------------------------------------------
 　『沿革』ページの設定
--------------------------------------------------------------------------------------------- */

.hist01 { text-align: right; }

.hist02 {
	font: 12px/17px "ＭＳ Ｐゴシック", Osaka－等幅;
	border-bottom: 2px dotted;
	text-align: tight;
	vertical-align: top;
	padding: 5px 0px 5px 0px;
}

.hist03 {
	font: 12px/17px "ＭＳ Ｐゴシック", Osaka－等幅;
	color: #009933;
	border-bottom: 2px dotted;
	vertical-align: top;
	padding: 5px 0px 5px 10px;
}

.hist04 {
	width: 450px;
	height: auto;
	font: 12px/17px "ＭＳ Ｐゴシック", Osaka－等幅;
	border-bottom: 2px dotted;
	text-align: left;
	vertical-align: top;
	padding: 5px 0px 5px 0px;
}


/* ---------------------------------------------------------------------------------------------
 　『概要』ページの設定
--------------------------------------------------------------------------------------------- */

.boxx1 {
	float: left;
	width: 110px;
	height: 1090px;
	background-image : url(../image/product/back.jpg);
	background-repeat : repeat-y; 
	font: 15px/20px "ＭＳ Ｐゴシック", Osaka－等幅;
	padding: 20px 0px 0px 40px;
}

*html .boxx1 {
	float: left;
	width: 150px;
	height: 1100px;
	background-image : url(../image/product/back.jpg);
	background-repeat : repeat-y; 
	font: 15px/20px "ＭＳ Ｐゴシック", Osaka－等幅;
	padding: 20px 0px 0px 40px;
}

.boxx1:not(\*) {
	float: left;
	width: 110px;
	height: 1090px;
	background-image : url(../image/product/back.jpg);
	background-repeat : repeat-y; 
	font: 15px/20px "ＭＳ Ｐゴシック", Osaka－等幅;
	padding: 20px 0px 0px 40px;
}

.boxx2 {
	float: left;
	width: 660px;
	height: 1100px;
	background-color: #FFFFFF;
	padding: 10px 0px 0px 10px;
}

.out01 {
	font: 12px/17px "ＭＳ Ｐゴシック", Osaka－等幅;
	text-align: right;
}

.out02 {
	width: 550px;
	height: auto;
	font: 12px/17px "ＭＳ Ｐゴシック", Osaka－等幅;
	white-space: nowrap;
}

.out03 {
	font: 12px/17px "ＭＳ Ｐゴシック", Osaka－等幅;
	white-space: nowrap;
	vertical-align: top;
}

.out04 {
	font: 12px/17px "ＭＳ Ｐゴシック", Osaka－等幅;
	color: #2B9F8B;
	white-space: nowrap;
	vertical-align: top;
}

.out05 {
	font: 12px/17px "ＭＳ Ｐゴシック", Osaka－等幅;
	text-align: left;
	white-space: nowrap;
	vertical-align: top;
}

.out06 {
	font: 12px/17px "ＭＳ Ｐゴシック", Osaka－等幅;
	white-space: nowrap;
	text-align: center;
}

.out07 {
	font: 12px/17px "ＭＳ Ｐゴシック", Osaka－等幅;
	white-space: nowrap;
	vertical-align: top;
	padding-bottom: 20px;
}

.out08 {
	font: 12px/17px "ＭＳ Ｐゴシック", Osaka－等幅;
	color: #2B9F8B;
	white-space: nowrap;
	vertical-align: top;
	padding-bottom: 20px;
}

.out09 {
	font: 12px/17px "ＭＳ Ｐゴシック", Osaka－等幅;
	white-space: nowrap;
	text-align: left;
	vertical-align: top;
	padding-bottom: 20px;
}

.out10 {
	font: 12px/17px "ＭＳ Ｐゴシック", Osaka－等幅;
	background-color: #DAEDE1;
	text-align: left;
}	

.out11 {
	font: 12px/17px "ＭＳ Ｐゴシック", Osaka－等幅;
	text-align: left;
}

.out12 {
	font: 12px/17px "ＭＳ Ｐゴシック", Osaka－等幅;
	width: 150px;
	height: auto;
	text-align: left;
	vertical-align: top;
}


/* ---------------------------------------------------------------------------------------------
 　『ブローシャー』ページの設定
--------------------------------------------------------------------------------------------- */

.bro01 { text-align: center}

.bro02 {
	font: 15px/20px "ＭＳ Ｐゴシック", Osaka－等幅;
	font-weight: bold;
	white-space: nowrap;
	text-align: center;
	padding-left: 20px;
}

.bro03 {
	text-align: center;
	vertical-align: top;
}

.bro04 {
	font: 12px/20px "ＭＳ Ｐゴシック", Osaka－等幅;
	white-space: nowrap;
	text-align: center;
}

.bro05 {
	font: 12px/20px "ＭＳ Ｐゴシック", Osaka－等幅;
	color: #400000;
	white-space: nowrap;
	text-align: left;		
}

.bro06 {
	font: 12px/20px "ＭＳ Ｐゴシック", Osaka－等幅;
	text-align: center;
	padding-top: 100px;
}

.bro07 {
	width: 550px;
	height: auto;
	text-align: center;
	vertical-align: top;
}

.bro08 {
	font: 12px/17px "ＭＳ Ｐゴシック", Osaka－等幅;	
	color: #666666;
	text-align: left;
}

.bro09 { width: 550px; }

.bro10 {
	font: 12px/17px "ＭＳ Ｐゴシック", Osaka－等幅;	
	color: #666666;
	text-align: left;
}

.bro11 {
	width: 120px;
	height: auto;
	font: 12px/17px "ＭＳ Ｐゴシック", Osaka－等幅;	
	color: #666666;
	text-align: center;
	vertical-align: top;
}

.bro12 { width: 400px; }

.bro13 {
	font: 10px/15px "ＭＳ Ｐゴシック", Osaka－等幅;	
	color: #666666;
	vertical-align: top;
}

.bro14 {
	font: 10px/15px "ＭＳ Ｐゴシック", Osaka－等幅;	
	color: #666666;	
}




/* ---------------------------------------------------------------------------------------------
 　見出しタイトル基本設定
--------------------------------------------------------------------------------------------- */

.title {
	width: 630px;
	text-align: left;
	margin: 10px 0px 10px 0px;
	padding-left: 10px;
	font: 15px "ＭＳ Ｐゴシック", Osaka－等幅;
	color: #333333;
	background-color: #FFFFFF;
	border-left: 3px solid #990000;
	border-bottom: 1px solid #E5E5E5;
}

	
/* --------------------------------------------------------------------------------------------
 　各種リンクの設定
-------------------------------------------------------------------------------------------- */

A img { border-style:none;} 

A:link { color: #333333; }
A:visited { color: #333333; }
A:hover { color: #999999;}
A:active { color: #CCCCCC; }

#link-a:link     { color: #749717; }
#link-a:visited { color: #749717; }
#link-a:hover  { color: #006600; position: relative; top: 1px; left: 1px; }
#link-a:active { color: #003300; } 

#link:link     { color: #FFFFFF; }
#link:visited { color: #FFFFFF; }
#link:hover  { color: #666666;}
#link:active { color: #333333; } 
#link {text-decoration: none;} 

#links:link     { color: #FFFFFF; }
#links:visited { color: #FFFFFF; }
#links:hover  { color: #333333;}
#links:active { color: #111111; } 
#links {text-decoration: none;} 

#linksub:link     { color: #CCCCCC; }
#linksub:visited { color: #CCCCCC; }
#linksub:hover  { color: #666666;}
#linksub:active { color: #000000; } 
#linksub{text-decoration: none;} 

/* --------------------------------------------------------------------------------------------
 　その他設定
-------------------------------------------------------------------------------------------- */

H1 {
	font: 10px/17px "ＭＳ Ｐゴシック", Osaka－等幅;
	color: #333333;
	line-height:135%;
	font-weight:normal;
	margin: 0px;
	text-align:left;
	display: inline;
}

HR {
	color: #CCCCCC;
	border-style: dashed;
	height: 1px;
}

STRONG { font-weight: 100; }

.spacer { padding-left: 10px; }

.font12px { font: 12px/17px "ＭＳ Ｐゴシック", Osaka－等幅; }

.font10 { font: 12px/17px "ＭＳ Ｐゴシック", Osaka－等幅; }