@charset   "Shift_JIS";
/*--------------------------------------------
初期化
--------------------------------------------*/
ul,li,dl,dt,dd{ list-style-type:none; margin:0; padding:0;}
img {border:none}

#inquiryLink a:link { color: #000000; text-decoration:none; font-weight:bold; }
#inquiryLink a:visited { color: #000000; text-decoration:none; font-weight:bold; }
#inquiryLink a:hover { color: #000000; text-decoration:underline; font-weight:bold; }
#inquiryLink a:active { color: #000000; text-decoration:none; font-weight:bold; }

#footerLink a:link { color: #FFFFFF; text-decoration:none; }
#footerLink a:visited { color: #FFFFFF; text-decoration:none; }
#footerLink a:hover { color: #FFFFFF; text-decoration:underline; }
#footerLink a:active { color: #FFFFFF; text-decoration:none; }

#copyrightLink a:link { color: #FF7F00; text-decoration:underline; }
#copyrightLink a:visited { color: #FF7F00; text-decoration:underline; }
#copyrightLink a:hover { color: #FF7F00; text-decoration:none; }
#copyrightLink a:active { color: #FF7F00; text-decoration:underline; }

#voicetLink a:link { color: #FF7F00; text-decoration:underline; }
#voicetLink a:visited { color: #FF7F00; text-decoration:underline; }
#voicetLink a:hover { color: #000000; text-decoration:none; }
#voicetLink a:active { color: #FF7F00; text-decoration:underline; }


h2  {
 width:686px;
 color:#FFFFFF;
 background-repeat:no-repeat;
 padding-left:10px;

 }
 
 h3  {
 width:700px;
 height:35px;
 background-image: url(../images/title_line.gif);
 font-weight:bold;
 font-style:normal;
 color:#333333;
 font-size:18px;
 font-weight:bold;
 background-repeat:no-repeat;
 padding-left:10px;
 padding-top:4px;
 }

#page {
 width: 980px;
 /*width: 800px;*/
 margin: 0px auto;
 min-width:980px;
 min-height: 600px;
 padding: 0px;
 background: #8EBBB4 left top;
 font-style: normal;
 font-weight: normal;
 font-size: 13px;
 line-height: 18px;
 font-family: "メイリオ", Meiryo, MS-PMincho, "Hiragino Mincho Pro", "ＭＳ Ｐ明朝", "ヒラギノ明朝 Pro W3";
 color: #0000;
 height: expression(document.all('page').scrollHeight < 602? '600px':'auto');
}
#header {
 clear: both;
 width: 980px;
 /*width: 800px;*/
 min-height: 16px;
 display: auto;
 margin: 0px;
/* padding: 5px 0px 4px; 
 text-align: right;*/
 background: #ffffff left top;
 font-style: normal;
 font-weight: normal;
 font-size: 13px;
 line-height: 16px;
 height: expression(document.all('header').scrollHeight < 18? '16px':'auto');
}

body {
 margin: 0px;
 background: #ffffff;
 behavior: url("cssassist.htc");
scrollbar-base-color: #cc6600;
font-family: "メイリオ", Meiryo, MS-PMincho, "Hiragino Mincho Pro", "ＭＳ Ｐ明朝", "ヒラギノ明朝 Pro W3";
 }

#page_top {
 width: 980px;
 /*width: 900px;*/
 margin: 0px auto;
 /*min-height: 600px;*/
 padding: 0px;
 background: #FFFFEC left top;
 font-style: normal;
 font-weight: normal;
 font-size: 13px;
 line-height: 18px;
 font-family: "メイリオ", Meiryo, MS-PMincho, "Hiragino Mincho Pro", "ＭＳ Ｐ明朝", "ヒラギノ明朝 Pro W3";
 color: #0000;
 height: expression(document.all('page').scrollHeight < 602? '600px':'auto');
}

#menubar_container {
 clear: both;
 width: 100%;
 background: #8EBBB4;
}

#menubar {
 clear: both;
 width: 980px;
 /*width: 800px;*/
 display: auto;
 min-height: 16px;
 margin: 0px;
 padding: 4px 0px 3px;
 background: #8EBBB4 left top;
 text-align: left;
 font-style: normal;
 font-weight: bold;
 font-size: 13px;
 color: #FFFFFF;

/* line-height: 120%;
 font-family:Verdana;
 height:20px;
 height: expression(document.all('menubar').scrollHeight < 18? '16px':'auto');*/
}
#menubar a.tabs:hover {
 color: #6b78a9;
}
#menubar .button {
 margin: 0px;
 padding: 5px 15px 4px 6px;
}
.mainmenu li ul {
 display: none;
 list-style: none;
 position: absolute;
 margin: 0px;
 padding: 0px;
 text-decoration: none;
 background-color: #8EBBB4;
 line-height: 1em;
 border: 1px solid #dcdcdc;
}
.mainmenu li ul li {
 clear: both;
 position: relative;
 margin: 0px;
 padding: 5px;
 white-space: pre;
 border: 1px ridge;
}
.mainmenu li ul a {
 text-decoration: none;
}
.mainmenu :link {
 color: #FFFFFF;
}
.mainmenu :visited {
 color: #FFFFFF;
}
.mainmenu :hover {
 color: #200000;
}

.mainmenu {
 margin: 0px;
 padding: 0px;
 overflow: auto;
 color: #521212;
}
.mainmenu ul {
 float: left;
 list-style: none;
 margin: 0px;
 padding: 0px;
}
.mainmenu li {
 float: left;
 display: inline;
 padding: 0px;
}
.mainmenuitem {
 float: left;
 display: inline;
 border-right: 1px solid #FFFFFF;
}
.mainmenuitemcenter {
 float: left;
 display: inline;
}
.mainmenuitemright {
 float: left;
 display: inline;
}
.mainmenuitemlink {
 float: left;
 text-decoration: none;
 margin: 0px;
 white-space: pre;
 text-align: left;
 font-style: normal;
 font-weight: bold;
 line-height: 1em;
 color: #FFFFFF;
 padding: 0px 15px;
}
.mainmenuitemlink:link {
 color: #FFFFFF;
}
.mainmenuitemlink:visited {
 color: #FFFFFF;
}
.mainmenuitemlink:hover {
 color: #200000;
}
.mainmenu li ul li:hover {
 background-color: ;
}

#header_top1 {
 clear: both;
 width: 980px;
 /*width: 900px;*/
 min-height: 16px;
 display: auto;
 margin: 0px;
/* padding: 5px 0px 4px; 
 text-align: right;*/
 background: #ffffff left top;
 font-style: normal;
 font-weight: normal;
 font-size: 13px;
 line-height: 16px;
 height: expression(document.all('header').scrollHeight < 18? '16px':'auto');
}


#header_top {
 clear: both;
 width: 980px;
 /*width: 900px;*/
 min-height: 16px;
 display: auto;
 margin: 0px;
 padding: 5px 0px 4px;
 font-style: normal;
 font-weight: normal;
 height: expression(document.all('header').scrollHeight < 18? '16px':'auto');
}



/* ヘッダー */

#SnsArea{ width:100%; height:25px; background-image:url(../images/header_bg.gif);}
.InnerArea{ width:980px; margin:0 auto; position:relative; clear:both; }
#SnsArea h1{ line-height:24px; color:#fff; font-size:12px; font-weight:normal; text-align:left; }


/*-------------------ページの左側------------------*/

#side1 {
 float: left;
 width: 188px;
 display: inline;
 min-height: 415px;
 margin: 2px 0px 2px 2px;
 padding: 10px;
 background: #FFFFEC left top;
 text-align: left;
 font-style: normal;
 font-weight: normal;
 height: expression(document.all('side1').scrollHeight < 417? '415px':'auto');
}
#side1 .list a {
 background: #ffffff;
}
#side1 .list a:hover {
 background: #efefef;
 color: #0600b3;
}
#side1 .list {
 text-align: left;
 font: 1em/120% "MS UI Gothic";
 margin: 3px 0px 3px 15px;
 width: 185px;
 height: 20px;
}

/*-------------------
ページの右側
------------------*/

#main {
 color: #000000;
 float: left;
 width: 726px;
 /*width: 576px;*/
 display: inline;
 min-height: 415px;
 margin: 2px;
 padding: 10px 20px 10px 20px;
 background: #FFFFEC left top;
 text-align: left;
 font-style: normal;
 font-weight: normal;
 height: expression(document.all('main').scrollHeight < 417? '415px':'auto');
}


#page_test {
 width: 820px;
 margin: 0px auto;
 min-height: 600px;
 padding: 0px;
 background: #005528 left top;
 font-style: normal;
 font-weight: normal;
 font-size: 13px;
 line-height: 18px;
 font-family: "メイリオ", Meiryo, MS-PMincho, "Hiragino Mincho Pro", "ＭＳ Ｐ明朝", "ヒラギノ明朝 Pro W3";
 color: #0000;
 height: expression(document.all('page').scrollHeight < 602? '600px':'auto');
}

#side_left {
 float: left;
 width: 198px;
 display: inline;
 min-height: 415px;
 margin: 2px 0px 2px 2px;
 padding: 10px;
 background: #ffffcc left top;
 text-align: left;
 font-style: normal;
 font-weight: normal;
 height: expression(document.all('side1').scrollHeight < 417? '415px':'auto');
}
#side_left .list a {
 background: #ffffff;
}
#side_left .list a:hover {
 background: #efefef;
 color: #0600b3;
}
#side_left .list {
 text-align: left;
 font: 1em/120% "MS UI Gothic";
 margin: 3px 0px 3px 15px;
 width: 185px;
 height: 20px;
}




/*-------------------
concept コンセプトページのコンテンツ
------------------*/
#ContentArea{width:800px; padding-bottom:20px\9;}
#ContentArea #LeftBox{ float:left; padding:0px 0 0 15px; width:375px;}
#ContentArea #LeftBox p{ margin-top:-8px; text-align:left; padding-top:12px\9;}
#ContentArea #LeftBox img{ float:right; margin-left:10px;}
#ContentArea #RightBox{ float:left; padding:0px 0 0 25px; width:275px; text-align:left;}
#ContentArea #RightBox img{ display:block}
#ContentArea #RightBox p{ padding-top:5px; font-size:13px;}

/*-------------------
Aboutus アバウトアスページのコンテンツ
------------------*/
#AboutusArea{width:800px; }
#AboutusArea p{ margin-top:5px; margin-bottom:5px; text-align:left;}
#AboutusArea #LeftBox{ float:left; padding:0px 0 0 5px; width:400px;}
#AboutusArea #LeftBox p{ margin-top:-10px; text-align:left;}
#AboutusArea #LeftBox img{ float:left; }
#AboutusArea #RightBox{ float:left; padding:0px 0 0 10px; width:250px; text-align:left;}
#AboutusArea #RightBox img{ display:block}
#AboutusArea #RightBox p{ padding-top:5px; font-size:13px;}


/*-------------------
aujua オージュアページのコンテンツ
------------------*/
#AujuaArea{width:800px; }
#AujuaArea p{ margin-top:5px; margin-bottom:5px; text-align:left;}
#AujuaArea #LeftBox{ float:left; padding:0px 0 0 5px; width:450px;}
#AujuaArea #LeftBox p{ margin-top:-10px; text-align:left; padding-top:12px\9;}
#AujuaArea #LeftBox img{ float:left; }
#AujuaArea #RightBox{ float:left; padding:0px 0 0 10px; width:250px; text-align:left;}
#AujuaArea #RightBox img{ display:block}
#AujuaArea #RightBox p{ padding-top:5px; font-size:13px;}

#AujuaArea2{width:800px; }
#AujuaArea2 p{ margin-top:5px; margin-bottom:5px; text-align:left;}
#AujuaArea2 #LeftBox{ float:left; padding:10px 0 0 5px; width:415px;}
#AujuaArea2 #LeftBox p{ margin-top:-10px; text-align:left;}
#AujuaArea2 #LeftBox img{ float:left; }
#AujuaArea2 #RightBox{ float:left; padding:10px 0 0 10px; width:285px; text-align:left;}
#AujuaArea2 #RightBox img{ display:block}
#AujuaArea2 #RightBox p{ padding-top:5px; font-size:13px;}


#AujuaContentArea{ height:150px; margin-top:40px; position:relative;}
#AujuaContentArea .box1{ position:absolute; top:0px; left:0px; width:175px;}
#AujuaContentArea .box2{position: absolute; top:-10px; left:185px; width: 300px; font-size:12px; text-align:left; line-height: 17px; padding-top:12px\9;}
#AujuaContentArea .box3{ position:absolute; top:0px; left:490px; width:210px;}



/*-------------------
カタログページ
------------------*/
#CatalogArea{ float:left; width:702px; }
#CatalogArea li{ float:left; width:120px; height:170px; padding:10px 0 0 0px; margin-left:15px; margin-bottom:10px;}
#CatalogArea li h2{ text-align:left; height:30px; width:120px; line-height:17px; margin:5px 0 5px -8px; font-size:12px; color:#000;}
#CatalogArea li img{ display:block;}
#CatalogArea h2{ text-align:left; width:120px; line-height:17px; margin:5px 0 10px 0px; font-size:12px; color:#000;}
#CatalogArea a:hover img{opacity:0.8; filter: alpha(opacity=80); -ms-filter: "alpha( opacity=80 )"; background:#8EBBB4; }

#cataloguetLink a:link { color: #000000; text-decoration:underline; }
#cataloguetLink a:visited { color: #000000; text-decoration:underline; }
#cataloguetLink a:hover { color: #FF7F00; text-decoration:none; }
#cataloguetLink a:active { color: #000000; text-decoration:underline; }

/*-------------------
フッター
------------------*/

#quicklink {
	margin-left:10px;
	line-height:18px;
}
#quicklink li {
	padding-left:13px;
	background: url(../images/icon_list01.png) left center no-repeat;	
}

#footer_fb {
 clear: both;
 width: 948px;
 /*width: 768px;*/
 min-height: 16px;
 display: auto;
 margin: 0px;
 padding: 4px 14px 3px;
 border-left:2px solid #8EBBB4;
 border-right:2px solid #8EBBB4;
 background: #FFFFEC left top;
 text-align: left;
 font-style: normal;
 font-weight: normal;
 font-size: 13px;
 line-height: 16px;
 color: #d93641;
 height: expression(document.all('footer').scrollHeight < 18? '16px':'auto');
}

#footer1 {
 clear: both;
 width: 952px;
 /*width: 772px;*/
 min-height: 16px;
 display: auto;
 margin: 0px;
 padding: 4px 14px 3px;
 background: #8EBBB4 left top;
 text-align: left;
 font-style: normal;
 font-weight: normal;
 font-size: 13px;
 line-height: 16px;
 color: #d93641;
 height: expression(document.all('footer').scrollHeight < 18? '16px':'auto');
}

#footer1 .add_color{
color:#FFFFFF;}


#footer {
 clear: both;
 width: 952px;
 /*width: 772px;*/
 min-height: 16px;
 display: auto;
 margin: 0px;
 padding: 4px 14px 3px;
 background: #200000 left top;
 text-align: right;
 font-style: normal;
 font-weight: normal;
 font-size: 13px;
 line-height: 16px;
 color: #d93641;
 height: expression(document.all('footer').scrollHeight < 18? '16px':'auto');
}


#footer_green {
 clear: both;
 width: 772px;
 min-height: 16px;
 display: auto;
 margin: 0px;
 padding: 4px 14px 3px;
 background: #8EBBB4 left top;
 text-align: right;
 font-style: normal;
 font-weight: normal;
 font-size: 13px;
 line-height: 16px;
 color: #d93641;
 height: expression(document.all('footer').scrollHeight < 18? '16px':'auto');
}


/*-------------------トップページのフッター------------------*/
#footer1_top_container {
 clear: both;
 width: 100%;
 background: #8EBBB4;
}

#footer1_top {
 clear: both;
 width: 952px;
 /*width: 872px;*/
 min-height: 16px;
 display: auto;
 margin: 0px;
 padding: 4px 14px 3px;
 background: #8EBBB4 left top;
 text-align: left;
 font-style: normal;
 font-weight: normal;
 font-size: 13px;
 line-height: 16px;
 color: #d93641;
 height: expression(document.all('footer').scrollHeight < 18? '16px':'auto');
}

#footer1_top .add_color{
color:#FFFFFF;}

#footer_container {
 clear: both;
 width: 100%;
 background: #200000;
}

#footer_top {
 clear: both;
 width: 952px;
 /*width: 872px;*/
 min-height: 16px;
 display: auto;
 margin: 0px;
 padding: 4px 14px 3px;
 background: #200000 left top;
 text-align: right;
 font-style: normal;
 font-weight: normal;
 font-size: 13px;
 line-height: 16px;
 color: #d93641;
 height: expression(document.all('footer').scrollHeight < 18? '16px':'auto');
}



/*-------------AboutUS

-------------------------*/
#viewer {
	margin: 0 auto;
	width: 576px;
	height: 432px;
	text-align: left;
	overflow: hidden;
	position: relative;
}

#viewer img {
	top: 0;
	left: 0;
	position: absolute;
}



/* target IE 5.0, 5.5, 6.0 */
.ua-ie-5 .viewer,
.ua-ie-6 .viewer {
display:none;
}


/*-------------staff

-------------------------*/

.table_border_all{
border-width:1px;
border-style:solid;
border-color: #999999;
}

.table_border_RB{
padding-left:3px;
padding-right:3px;
text-align:left;
line-height:20px;
border-width:1px;
border-style:none solid solid none;
border-right-color:#999999;
border-bottom-color:#999999;
}

.table_border_R{
padding-left:3px;
padding-right:3px;
text-align:left;
line-height:20px;
border-width:1px;
border-style:none solid none none;
border-right-color:#999999;
}

.table_border_B{
padding-left:3px;
padding-right:3px;
text-align:left;
line-height:20px;
border-width:1px;
border-style:none none solid none;
border-bottom-color:#999999;
}

.table_btext{
padding-left:3px;
padding-right:3px;
text-align:left;
line-height:20px;
}