@charset "UTF-8";

html {
overflow-y:scroll;
}

body, div, p,
dl, dt, dd, ul, ol, li,
h1, h2, h3, h4, h5, h6,
pre,
form, input, textarea,
table, th, td{  
margin:0px; 
padding:0px; 
}

ul{
list-style-type: none;
}

img{
border:0px;
vertical-align:bottom;
}

table{
border-collapse:collapse;
border-spacing:0px;
}

*html table{
border-collapse:collapse;
border-spacing:0px;
font-size: 90%;
}

*+html table{
border-collapse:collapse;
border-spacing:0px;
font-size: 90%;
}

table {
width: 100%;
}

table th,
table td {
border: 1px solid #A3998F;
padding: 8px 10px;
vertical-align: middle;
text-align: left;
line-height: 1.3;
}

table th {
background-color: #eee;
font-weight: normal;
text-align: center;
white-space: nowrap;
}

/* common
------------------------------------*/

a:link { color: #003399; }
a:visited { color: #003399; }
a:hover { color: #FF3B37; }
a:active { color: #FF3B37; }

#contents p,
#contents ul,
#footer p {
line-height: 1.5;
}

.columnLeft {
display: block;
float: left;
}

.columnRight {
display: block;
float: right;
}


/* layout
------------------------------------*/

body {
font-size:80%;
text-align:center;
line-height:1;
font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
color: #333333;
background-color: #E9E7E1;
background-repeat: repeat-y;
background-position: center bottom;
}

body {
background-image: url(../img/common/bg_02.gif);
}

body { /*\*/
background-image: url(../img/common/bg_02b.gif);
 /* */ }
 
body, x:-moz-broken {
background-image: url(../img/common/bg_02.gif);
}

#container,
#footerIn {
width:950px;
margin:0px auto;
text-align: left;
position:relative;
}

#header {
background-color: #E9E7E1;
}

#header h1 {
float: left;
width: 234px;
height: 78px;
}

#header ul {
float: right;
width: 500px;
text-align: right;
margin: 45px 0 0;
}

#header ul li {
display: inline;
margin: 0 0 0 15px;
}

#gNavi {
}

#gNavi ul li {
float: left;
width: 159px;
height: 45px;
overflow: hidden;
}

#gNavi ul li.gNavi04 {
width: 158px;
}

#gNavi ul li.gNavi05 {
width: 158px;
}

#gNavi ul li.gNavi06 {
width: 157px;
}

#gNavi ul li.gNavi01 a:link img,
#gNavi ul li.gNavi01 a:visited img { margin: 0; }
#gNavi ul li.gNavi02 a:link img,
#gNavi ul li.gNavi02 a:visited img { margin: 0 0 0 -159px; }
#gNavi ul li.gNavi03 a:link img,
#gNavi ul li.gNavi03 a:visited img { margin: 0 0 0 -318px; }
#gNavi ul li.gNavi04 a:link img,
#gNavi ul li.gNavi04 a:visited img { margin: 0 0 0 -477px; }
#gNavi ul li.gNavi05 a:link img,
#gNavi ul li.gNavi05 a:visited img { margin: 0 0 0 -635px; }
#gNavi ul li.gNavi06 a:link img,
#gNavi ul li.gNavi06 a:visited img { margin: 0 0 0 -793px; }

#gNavi ul li.gNavi01 a:hover img,
#gNavi ul li.gNavi01 a:active img { margin: -46px 0 0 0; }
#gNavi ul li.gNavi02 a:hover img,
#gNavi ul li.gNavi02 a:active img { margin: -46px 0 0 -159px; }
#gNavi ul li.gNavi03 a:hover img,
#gNavi ul li.gNavi03 a:active img { margin: -46px 0 0 -318px; }
#gNavi ul li.gNavi04 a:hover img,
#gNavi ul li.gNavi04 a:active img { margin: -46px 0 0 -477px; }
#gNavi ul li.gNavi05 a:hover img,
#gNavi ul li.gNavi05 a:active img { margin: -46px 0 0 -635px; }
#gNavi ul li.gNavi06 a:hover img,
#gNavi ul li.gNavi06 a:active img { margin: -46px 0 0 -793px; }


#contents,
#footer,
.indexLayout #topImage {
background-color: #FFFFFF;
border-right: 1px solid #A3998F;
border-left: 1px solid #A3998F;
}

.insideLayout #contents #main #pagetopLink {
text-align: right;
padding: 10px;
border-top: 1px dotted #A09B95;
margin: 30px 0 0;
}

#pagetopLink img {
vertical-align: middle;
}

#footer {
}

#footer p {
border-top: 1px solid #A3998F;
text-align: center;
padding: 15px 0 5px;
color: #756E67;
}

.topBanner{
	position:absolute;
	top:78px;
	left:-132px;
}

/* insideLayout
------------------------------------*/

.insideLayout #pankuzu {
padding: 13px 0 13px 0;
background-color: #E9E7E1;
}

.insideLayout #contents {
border-top: 1px solid #A3998F;
background-image: url(../img/common/bg_01.gif);
background-repeat: repeat-y;
background-position: left;
}

.insideLayout #contents #menu {
width: 249px;
float: left;
margin: 0 0 50px;
}

.insideLayout #contents #menu ul li {
border-bottom: 1px solid #A3998F;
}

.insideLayout #contents #menu ul li ul li {
border-bottom: none;
border-top: 1px dotted #A3998F;
}

.insideLayout #contents #menu ul li ul li ul {
padding: 12px 0 0;
border-top: 1px dotted #A3998F;
}

.insideLayout #contents #menu ul li ul li ul li {
border-top: none;
background-image: url(../img/common/icon02.gif);
background-repeat: no-repeat;
background-position: 35px 6px;
padding: 0 10px 12px 48px;
}

.insideLayout #contents #main {
float: right;
width: 698px;
}

.insideLayout #contents #main h3 {
margin: 0 0 25px;
padding: 0 0 0 35px;
}

.insideLayout #contents #main h3.styleH301 {
margin: 50px 0 25px;
border-top: 1px solid #A3998F;
}

.insideLayout #contents #main h4 {
color: #0075BF;
font-size: 130%;
padding: 0 0 15px;
}

.insideLayout #contents #main h3.styleH301 {
border-top: 1px dotted #A3998F;
padding: 0px 0 15px 35px;
}

.insideLayout #contents #main h4.styleH401 {
border-top: 1px dotted #A3998F;
padding: 20px 0 15px;
}

.insideLayout #contents #main .cassette {
padding: 0 35px;
}

.insideLayout #contents #main p,
.insideLayout #contents #main ul {
margin: 0 0 15px;
}


/* companyLayout
------------------------------------*/

.companyLayout #gNavi ul li.gNavi04 a:link img,
.companyLayout #gNavi ul li.gNavi04 a:visited img,
.companyOutlineLayout #gNavi ul li.gNavi04 a:link img,
.companyOutlineLayout #gNavi ul li.gNavi04 a:visited img,
.companyHistoryLayout #gNavi ul li.gNavi04 a:link img,
.companyHistoryLayout #gNavi ul li.gNavi04 a:visited img,
.companyAccessLayout #gNavi ul li.gNavi04 a:link img,
.companyAccessLayout #gNavi ul li.gNavi04 a:visited img { margin: -46px 0 0 -477px; }

.companyLayout #cassette01 .columnRight {
width: 145px;
}

.companyLayout #cassette01 .columnLeft {
width: 460px;
}


/* companyHistoryLayout
------------------------------------*/

.companyHistoryLayout #cassette01 .styleTd01 {
text-align: center;
}

.companyHistoryLayout #cassette01 .styleTd01 span {
display: block;
margin: 5px 0 30px;
}

.companyHistoryLayout #cassette01 .styleTd02 {
text-align: center;
}

.companyHistoryLayout #cassette01 table tr td table tr td {
border: none;
}


/* brandLayout
------------------------------------*/

.brandLayout #gNavi ul li.gNavi02 a:link img,
.brandLayout #gNavi ul li.gNavi02 a:visited img,
.brandPootryLayout #gNavi ul li.gNavi02 a:link img,
.brandPootryLayout #gNavi ul li.gNavi02 a:visited img,
.brandRoselauraLayout #gNavi ul li.gNavi02 a:link img,
.brandRoselauraLayout #gNavi ul li.gNavi02 a:visited img,
.brandKieferneuLayout #gNavi ul li.gNavi02 a:link img,
.brandKieferneuLayout #gNavi ul li.gNavi02 a:visited img,
.brandKieferLayout #gNavi ul li.gNavi02 a:link img,
.brandKieferLayout #gNavi ul li.gNavi02 a:visited img { margin: -46px 0 0 -159px; }

.brandLayout #main ul {
padding: 10px 0 0;
}

.brandLayout #main ul li {
width: 305px;
padding: 20px 0 0;
}


/* brandKieferneuLayout
------------------------------------*/
/* brandRoselauraLayout
------------------------------------*/
/* brandKieferLayout
------------------------------------*/

.brandKieferneuLayout h2,
.brandRoselauraLayout h2,
.brandKieferLayout h2 {
border-bottom: 1px solid #A3998F;
}

.brandKieferneuLayout .insideLayout #contents #main .cassette,
.brandRoselauraLayout .insideLayout #contents #main .cassette,
.brandKieferLayout .insideLayout #contents #main .cassette {
padding: 0;
width: 698px;
overflow: hidden;
}

.brandKieferneuLayout .insideLayout #contents #main h3,
.brandRoselauraLayout .insideLayout #contents #main h3,
.brandKieferLayout .insideLayout #contents #main h3 {
padding: 0;
margin: 0;
}

.brandKieferneuLayout #main ul,
.brandRoselauraLayout #main ul,
.brandKieferLayout #main ul {
width: 699px;
border-bottom: 1px solid #A3998F;
background-image: url(../brand/img/bg01.gif);
background-repeat: repeat-y;
background-position: left top;
}

.brandKieferneuLayout #main ul li,
.brandRoselauraLayout #main ul li,
.brandKieferLayout #main ul li {
float: left;
width: 232px;
border-right: 1px solid #A3998F;
}

.brandKieferneuLayout .insideLayout #contents #main ul,
.brandKieferneuLayout .insideLayout #contents #main p,
.brandRoselauraLayout .insideLayout #contents #main ul,
.brandRoselauraLayout .insideLayout #contents #main p,
.brandKieferLayout .insideLayout #contents #main ul,
.brandKieferLayout .insideLayout #contents #main p {
margin: 0;
}

.brandKieferneuLayout #main ul li ul,
.brandRoselauraLayout #main ul li ul,
.brandKieferLayout #main ul li ul {
width: auto;
border: none;
background: none;
}

.brandKieferneuLayout #main ul li ul li,
.brandKieferneuLayout #main ul li p,
.brandRoselauraLayout #main ul li ul li,
.brandRoselauraLayout #main ul li p,
.brandKieferLayout #main ul li ul li,
.brandKieferLayout #main ul li p {
float: none;
width: auto;
padding: 5px 10px;
font-size: 80%;
border: none;
}

.brandKieferneuLayout #main ul li ul li .columnLeft,
.brandRoselauraLayout #main ul li ul li .columnLeft,
.brandKieferLayout #main ul li ul li .columnLeft {
width: 70px;
}

.brandKieferneuLayout #main ul li ul li .columnRight,
.brandRoselauraLayout #main ul li ul li .columnRight,
.brandKieferLayout #main ul li ul li .columnRight {
width: 130px;
}

.brandKieferneuLayout .styleBgGray,
.brandRoselauraLayout .styleBgGray,
.brandKieferLayout .styleBgGray {
background-color: #F6F7EE;
}

.brandKieferneuLayout .insideLayout #contents #main #pagetopLink,
.brandRoselauraLayout .insideLayout #contents #main #pagetopLink,
.brandKieferLayout .insideLayout #contents #main #pagetopLink {
text-align: right;
padding: 10px;
border-top: none;
margin: 0;
}

/* supportLayout
------------------------------------*/

.supportLayout #gNavi ul li.gNavi05 a:link img,
.supportLayout #gNavi ul li.gNavi05 a:visited img { margin: -46px 0 0 -635px; }

.supportLayout #cassette01 .columnRight {
width: 145px;
}

.supportLayout #cassette03 h5 {
	font-size: 15px;
	color: #ff6600;
	font-style: ex-bold;
	margin-bottom: 10px;
}




/* infoLayout
------------------------------------*/

.infoLayout #gNavi ul li.gNavi03 a:link img,
.infoLayout #gNavi ul li.gNavi03 a:visited img { margin: -46px 0 0 -318px; }

.infoLayout #menu ul li ul {
border-top: 1px dotted #A3998F;
padding: 0 0 15px;
}

.infoLayout #menu ul li ul li span {
color: #0075BF;
background-image: url(../img/common/icon03.gif);
background-repeat: no-repeat;
background-position: 28px 20px;
padding: 15px 15px 0 40px;
display: block;
}

.infoLayout .insideLayout #contents #menu ul li ul li {
border: none;
}

.infoLayout .insideLayout #contents #menu ul li ul li ul {
border: none;
padding: 10px 20px 0 28px;
}

.infoLayout .insideLayout #contents #menu ul li ul li ul li {
background-image: url("../img/common/icon04.gif");
background-position: 3px 9px;
background-repeat: no-repeat;
border-top: medium none;
color: #000000;
padding: 0 0 5px 10px;
}

.infoLayout .insideLayout #contents #main #cassette01 {
/*margin-top: -10px;*/
/*border-bottom: 1px dotted #A3998F;*/
}

.infoLayout .insideLayout #contents #main #cassette01 div.post {
border-bottom: 1px dotted #A3998F;
margin: 0 0 15px;
}

.infoLayout .insideLayout #contents #main #cassette02 {
margin-top: 10px;
}

.infoLayout .insideLayout #contents #main #cassette01 .shamei {
margin-left: 420px;
}

.infoLayout .insideLayout #contents #main #pagetopLink.categoryPagetopLink {
background-color: #FFFFFF;
border-top: 1px dotted #A09B95;
margin: -16px 0 0;
padding: 10px;
text-align: right;
}

/* contactIndexLayout
------------------------------------*/

.contactIndexLayout #gNavi ul li.gNavi06 a:link img,
.contactIndexLayout #gNavi ul li.gNavi06 a:visited img { margin: -46px 0 0 -793px; }



/* indexLayout
------------------------------------*/

.indexLayout #gNavi ul li.gNavi01 a:link img,
.indexLayout #gNavi ul li.gNavi01 a:visited img { margin: -46px 0 0 0; }

.indexLayout #topImage {
background-image: url(../img/top/bg_01.gif);
background-repeat: repeat-y;
background-position: left;
}

.indexLayout #contents {
background-image: url(../img/top/bg_01.gif);
background-repeat: repeat-y;
background-position: left;
padding: 25px 0 40px;
}

.indexLayout #contents h2 {
margin: 0 0 18px;
}

.indexLayout #contents #row01,
.indexLayout #contents #row02{
width: 315px;
float: left;
text-align: center;
}

.indexLayout #contents #row01 p,
.indexLayout #contents #row02 p {
padding: 0 20px 20px;
text-align: left;
}

.indexLayout #contents #row02 .columnLeft {
width: 122px;
}

.indexLayout #contents #row02 .columnRight {
width: 130px;
}

.indexLayout #contents #row03 {
width: 315px;
float: right;
text-align:center;
}

.indexLayout #contents #row03 div.styleDiv01 {
margin: 0 24px 20px;
border-top: 1px solid #A3998F;
border-bottom: 1px solid #A3998F;
}

.indexLayout #contents #row03 div.styleDiv01 dl {
margin: 2px 0;
background-color: #EDEEE4;
padding: 23px 20px 0 20px;
text-align: left;
}

.indexLayout #contents #row03 div.styleDiv01 dl dt {
padding: 0 0 10px 13px;
background-image: url(../img/common/icon01.gif);
background-repeat: no-repeat;
background-position: 0 2px;
}

.indexLayout #contents #row03 div.styleDiv01 dl dd {
padding: 0 0 23px;
}

.indexLayout #contents ul li {
margin: 0 0 12px;
}

/* sitemap
-------------------------*/
.sitemap {}

.insideLayout #contents #sitemap {
float: right;
width: 698px;
}

.insideLayout #contents #sitemap h3 {
margin: 0 0 25px;
padding: 0 0 0 35px;
}

.insideLayout #contents #sitemap p {
margin: 0 0 0 35px;
padding: 0 0 0 16px;
}

.insideLayout #contents #sitemap #smLeft {
float:left;
margin: 10px 0 10px 35px;
}

.insideLayout #contents #sitemap #smLeft p,
.insideLayout #contents #sitemap #smright p {
margin: 10px 0 10px 0px;
padding: 0 0 0 20px;
}

.insideLayout #contents #sitemap #smLeft ul,
.insideLayout #contents #sitemap #smright ul {
margin-bottom: 15px;
}


.insideLayout #contents #sitemap #smLeft ul li,
.insideLayout #contents #sitemap #smright ul li {
background-image:url("../img/common/icon02.gif");
background-position-y: 10px;
background-repeat:no-repeat;
padding:0 0 0 12px;
line-height: 2em;
}

.insideLayout #contents #sitemap #smright {
float:right;
margin: 10px 200px 10px 0;
}

.icon01 {
background-image:url("../img/common/icon05.gif");
background-position-y: 3px;
background-repeat:no-repeat;
padding:0 0 0 0px;
}

.insideLayout #contents #sitemap a:link { color: #333333; }
.insideLayout #contents #sitemap a:visited { color: #333333; }
.insideLayout #contents #sitemap a:hover { color: #4AB3A4; }
.insideLayout #contents #sitemap a:active { color: #4AB3A4; }


/* clearfix
------------------------------------*/

div:after,
p:after,
ul:after,
#main ul li:after,
.clearfix:after {
content: ".";
display: block;
clear: both;
height: 0;
visibility: hidden;
}

div,
p,
ul,
#main ul li,
.clearfix {
display: inline-block;
}

/* exlude MacIE5 \*/
* html div,
* html p,
* html ul,
* html #main ul li,
* html .clearfix {
height: 1%
}

div,
p,
ul,
#main ul li,
.clearfix {
display:block;
}
/* end MacIE5 */