@charset "shift_jis";

*{
margin: 0;
padding:0;
}
html{
	height:100%;
}

img{
border: none;
}
li{
list-style: none;
}
h1,h2,h3{
font-size: 120%;
}
body{
text-align:center;
font-size:80%;
color:#666;
line-height:1.5;
background:#EDEDED url(../images/bodyBack.jpg) repeat-x;
	_height:100%;
}

/* #wrapper
===================================*/
* html div#wrapper{
	height:100%;
}
#wrapper{
margin:0 auto;
width:1048px;
text-align: left;
background:#EDEDED url(../images/wrapperBackB.jpg) repeat-y;
position: relative;
	min-height: 100%;
}
body > #wrapper {
	height: auto;
}



/* #header
===================================*/
#header{
height: 231px;
background: url(../images/headerBack.jpg) no-repeat right top;
}
#header h1{
height: 131px;
line-height: 2;
color: #666;
text-indent:300px;
font-size:100%;
font-weight:normal;
background: url(../images/h1B.jpg) no-repeat 282px 0;
}
#header h2{
line-height: 25px;
height:100px;
font-size:23px;
color:#999;
color:#D35F60;
text-indent:300px;
background:url(../images/h2B.jpg) no-repeat 282px 0;
}
#header p{
margin:-70px 10px 0 300px;
width:460px;
height:70px;
overflow: auto;
line-height: 17px;
color: #333;
border-top:1px #999 solid;
}
#header h3{
position:absolute;
top: 0;
left:0;
width: 282px;
height:273px;
background:url(../images/header.jpg) no-repeat;
}
#header h3 a{
display:block;
width: 282px;
height:131px;
text-indent:-5000px;
}

/* #container
===================================*/
#container{
margin:0 10px;
width:1028px;
background:url(../images/contentsBack.jpg) repeat-x;
}



/* #contents
===================================*/
#contents{
width:756px;
float:right;
}

#center{
width:514px;
float:left;
background: url(../images/centerBack.jpg) repeat-y;
}
#center .centerBox{
width:514px;
background: url(../images/centerBoxBack.jpg) no-repeat 0 153px;
}
#center div.centerBoxTop{
background-position: 0 195px;
}

#center .centerBox h2{
width:514px;
height:153px;
position: relative;
}
#center .centerBox h2 strong{
width:514px;
height:153px;
position: absolute;
left:0;top:0;
line-height: 500px;
overflow: hidden;
}
#center .centerBox h2#h2a,
#center .centerBox h2#h2a strong{
height:195px;
}
#h2a strong{background: url(../images/topH2a.jpg) no-repeat;}
#h2b strong{background: url(../images/topH2b.jpg) no-repeat;}

#center .centerBox p{
margin:33px 152px 0 0;
padding: 1px 20px 0 43px;
font-size:120%;
line-height:1.3;
background:url(../images/centerP.jpg) repeat-y;
}
#center .centerBox p strong{
display:block;
font-size: 140%;
margin:15px 0 5px -10px;
border-left:4px #C86466 solid;
border-bottom:1px #C86466 solid;
padding:0 0 0 5px;
color:#444;
background: #F7ECD9;
}
#center .centerBox ul{
margin:0 152px 0 0;
padding: 10px 20px 20px 58px;
background:url(../images/centerP.jpg) repeat-y;
}
#center .centerBox li{
padding:3px;
}
.pageTop{
display:block;
padding:30px;
text-align: right;
background: url(../images/centerPBottom.jpg) no-repeat;
}
#NEXT{
width:514px;
height:74px;
line-height: 61px;
background: url(../images/centerBottom.jpg) no-repeat;
}
#NEXT a{
display:block;
width:88px;
height:74px;
margin-left: 411px;
text-indent:-5000px;
background:url(../images/topNextButton.jpg) no-repeat -88px 0;

}
#NEXT a:hover{
background-position:0 0;
}

/* .floatBox
===================================*/

#subH2New{
width:242px;
height:111px;
background: url(../images/subH2NewB.jpg) no-repeat;
line-height:500px;
overflow:hidden;
margin:42px 0 20px;
float:right;
}

.floatBox{
width:242px;
float:right;
margin: 0 0 20px 0;
overflow: auto;
}
.floatBox h2{
width:212px;
height: 111px;
position:relative;
}
.floatBox h2 a{
display: block;
width:212px;
height: 111px;
position:absolute;
left:0;top:0;
line-height: 300px;
overflow: hidden;
}
#fH2a a{background: url(../images/fH2a.jpg) no-repeat;}
#fH2b a{background: url(../images/fH2b.jpg) no-repeat;}
#fH2c a{background: url(../images/fH2c.jpg) no-repeat;}
#fH2d a{background: url(../images/fH2d.jpg) no-repeat;}
#fH2e a{background: url(../images/fH2e.jpg) no-repeat;}
#fH2f a{background: url(../images/fH2f.jpg) no-repeat;}
#fH2g a{background: url(../images/fH2g.jpg) no-repeat;}

#wrapper .floatBox h2 a:hover{
background-position:right top;
}

.floatBox h3{
width:212px;
height:30px;
font-size:90%;
}
.floatBox h3 a{
display: block;
width:212px;
height:30px;
line-height:30px;
overflow:hidden;
text-indent: 20px;
background:url(../images/check.jpg) no-repeat;
}
.floatBox h3 span{
font-size:80%;
color: #D20202;
background:#fff;
margin:-30px 0 0 0;
display: block;
width:212px;
line-height: 30px;
text-align: right;
	filter:alpha(opacity=70); /*IE*/
	-moz-opacity:0.70; /*FF*/
	opacity:0.70;
}
.floatBox h3 a:visited{
background-position: 0 -30px;
color: #6C9BBB;
}

.floatBox h3 a:hover{
background-position: 0 -60px;
color:#F87676;
}
.floatBox p{
width:212px;
font-size: 80%;
}

/* #menu
===================================*/
#menu{
width:272px;
float:left;
margin-top: 42px;
background:url(../images/menuBack.jpg) repeat-y 30px 0;
}
#menu h2{
margin: 0 12px 0 30px;
width:230px;
height:42px;
position:relative;
}
#menu h2 strong{
display:block;
width:230px;
height:42px;
position:absolute;
left:0;top:0;
line-height: 200px;
overflow: hidden;
background:url(../images/menuH2.jpg) no-repeat;
}
#menu h3{
margin: 15px 22px 0 37px;
padding:0 5px 0 25px;
border-bottom:1px #4D91BC dotted;
font-size:130%;
}
#menu h3#menuH3top{
width:170px;
height:27px;
position: relative;
}
#menu h3#menuH3top a{
display: block;
width:213px;
height:27px;
position: absolute;
top: 0;
left: 0;
line-height: 100px;
overflow: hidden;
}
#menuH3top a{background:url(../images/menuH3top.jpg) no-repeat;}
#menuH3producer{background:url(../images/menuH3a.jpg) no-repeat;}
#menuH3motive{background:url(../images/menuH3b.jpg) no-repeat;}
#menuH3technique{background:url(../images/menuH3c.jpg) no-repeat;}
#menuH3cost{background:url(../images/menuH3d.jpg) no-repeat;}
#menuH3management{background:url(../images/menuH3e.jpg) no-repeat;}
#menuH3communication{background:url(../images/menuH3f.jpg) no-repeat;}

#menu h3 a{
text-decoration: none;
color:#555;
}


#menu ul{
margin: 0 12px 0 30px;
width:230px;
}
#menu li{
line-height: 26px;
height: 26px;
}
#menu li a{
display:block;
height: 26px;
padding-left:30px;
background: url(../images/menuLink.jpg) no-repeat;
}
#menu li span{
font-size:80%;
color: #D20202;
background:#fff;
margin:-26px 0 0 5px;
display: block;
width:220px;
line-height: 26px;
text-align: right;
	filter:alpha(opacity=70); /*IE*/
	-moz-opacity:0.70; /*FF*/
	opacity:0.70;
}
#menu li a:visited{
background-position: 0 -26px;
color: #6C9BBB;
}

#menu li a:hover{
background-position: 0 -52px;
color:#fff;
}

#menuEnd{
margin: 0 12px 0 30px;
padding: 20px 10px;
background: url(../images/menuBottom.jpg) no-repeat left bottom;
}
#menuEnd p{
padding:10px 0;
border-top:1px #666 dotted;
}

#form1{
display:none;
position:relative;
background:#fff;
border:1px #ddd solid;
border-bottom:1px #999 solid;
border-right:1px #999 solid;
padding-bottom:10px;
}
#form1 dl{
margin:20px 0 0 0;
padding:10px 5px 5px;

}
#form1 input{
width:190px;
}
#form1 textarea{
width:190px;
}
#form1 .p2{
display:block;
text-align:center;
}
#form1 .small{
width:80px;
}
#form1 #closeButton{
position:absolute;
top:5px;
left:180px;
}















/* #footer
===================================*/
#footer{
height:210px;
background: url(../images/footer.jpg) no-repeat;
clear: both;
}
#footer ul{
padding:180px 20px 0 0;
text-align:right;
}
#footer li.noBorder{
border:none;
}
#footer li{
display:inline;
padding:0 5px 0 8px;
border-right:1px #666 solid;
}
#footer li a{
text-decoration: none;
}




/* #topMenu
===================================*/
#topMenu{
position: absolute;
top:5px;
right: 20px;
width:600px;
text-align: right;
}
#topMenu li.noBorder{
border:none;
}
#topMenu li{
display:inline;
padding:0 5px 0 8px;
border-right:1px #666 solid;
}
#topMenu li a{
text-decoration: none;
}


/* #font
===================================*/
#font{
width:30px;
height: 240px;
background:url(../images/fontBack.jpg) no-repeat 0 90px;
position:absolute;
top: 273px;
left:-30px;
}
#font li{
width: 30px;
height: 30px;
text-indent: -5000px;
}
#font li:hover{
background-position:-30px 0;
}
#fontL{background:url(../images/fontL.jpg) no-repeat;}
#fontM{background:url(../images/fontM.jpg) no-repeat;}
#fontS{background:url(../images/fontS.jpg) no-repeat;}



/* #page
===================================*/
#page{
		position:fixed;
    _position:absolute;
    bottom:0px;
    height:53px;
    width:360px;
    overflow: hidden;
    
}
#page ul{
width:360px;
height:147px;
   background: url(../images/pageBack.jpg) repeat-y;
}
#page #pageH2{
width: 198px;
height:28px;
overflow:hidden;
background:url(../images/pageH2.jpg) no-repeat;
text-indent:-5000px;
cursor: pointer;
}
#page #pageTop{
width: 360px;
height:25px;
overflow:hidden;
padding:0;
background:url(../images/pageTop.jpg) no-repeat;
text-indent:-5000px;
cursor: pointer;
}
#page li{
margin:0 5px 2px 0;
padding-left:25px;
height:20px;
line-height: 20px;
overflow: hidden;
background: url(../images/pageIcon.jpg) no-repeat left center;
}






/* #bookmark
===================================*/
#bookmark{
position:absolute;
top:212px;
right:20px;
width: 96px;
}

#RSS{
position:absolute;
top:212px;
right:120px;
width: 80px;
}
#RSS img,
#bookmark img{
border: none;
display: block;
cursor: pointer;
vertical-align:middle;
}
#RSSaddress{
display:none;
position:absolute;
top:16px;
left:-70px;
width:240px;
padding:0 3px;
background: #fff;
border: 1px #666 dotted;
}







/* #clearFix
===================================*/

#contents:after{
	content: ".";
	display: block;
	height: 1px;
	clear: both;
	visibility: hidden;
}

#contents{
    display:inline-block;  /* MAC IE用　*/
    min-height:1%;  /* IE 7用 */
}

/*--MAC IEは非適用→ \*/

* html #contents{height: 1%;}

#contents{display: block;}
/*--ここまでMAC IEは非適用 */