@charset "utf-8";



body{
	background: none !important;
}

/* headerArea */
#headerArea{
position: relative;
height: 90px;
}
#headerArea p#description{
position: absolute;
top: 3px;
width: 650px;
}
#headerArea p#description a{
color: #666;
}
#headerArea p#favoriteButton{
position: absolute;
top: 0;
right: 0;
width: 240px;
height: 55px;
background-image: url(../img/common/headerFavorite.gif);
background-position: top;
background-repeat: no-repeat;
}
#headerArea p#favoriteButton a{
display: block;
width: 240px;
height: 55px;
padding: 0 12px 0 102px;
line-height: 53px;
text-decoration: none;
color: #333;
}
#headerArea p#favoriteButton a .title{
display: none;
}
#headerArea p#favoriteButton a .num{
font-weight: bold;
color: #f00;
}
#headerArea p#headerLogo,
#headerArea h1#headerLogo{
position: absolute;
top: 38px;
margin: 0 0 3px 0;
}
#headerArea p#headerLogo img,
#headerArea h1#headerLogo img{
}
#headerArea ul#headerNavi{
position: absolute;
top: 64px;
right: 0;
}
#headerArea ul#headerNavi li{
display: inline;
}
#headerToArea{
width: 900px;
height: 19px;
margin: 5px 0 0 30px;
background-image: url(../img/common/toAreaBg_L.gif);
background-position: left;
background-repeat: no-repeat;
}
#headerToArea p{
float: left;
}
#headerToArea ul{
float: left;
padding-top: 2px;
}
#headerToArea ul li{
display: inline;
padding-right: 14px;
}

#mainContentsArea{
	width: 900px;
}

#mainContentsArea h1 img{
	display: inline;
}

#mainContentsArea p{
	margin: 0 !important;	
}

.buttonArea{
	clear: both;
	margin-bottom: 40px;
	background-image: url(../img/bg01.gif);
	background-repeat: repeat-x;
	background-position: bottom;
}

.buttonArea h3{
	margin-top: 40px;
	padding-bottom: 20px;	
}

.buttonArea ul{
	clear: both;
	padding: 0 0 0 45px;
}
.buttonArea ul li{
	float: left;
	margin: 0 25px 10px 0;
}

.buttonArea ul li a:hover,
.buttonArea ul li a:active{
		opacity:0.8;

	filter: alpha(opacity=80);        /* ie lt 8 */

	-ms-filter: "alpha(opacity=80)";  /* ie 8 */

	-moz-opacity:0.8;                 /* FF lt 1.5, Netscape */

	-khtml-opacity: 0.8;              /* Safari 1.x */

	cursor: pointer;

}

#mainContentsArea ol li{
	display: inline;
}

div#mainContentsArea div.detailBox{

clear: both;

padding: 15px;

border: 3px solid #cccccc;

}



div#mainContentsArea div.detailBox2{

float:right;

width: 500px;

padding: 0 10px;

background-color: #ffeae9;

}



div#mainContentsArea div.detailBox3{

float:right;

width: 500px;

padding: 10px 10px 0 10px;

}



div#mainContentsArea div.detailBox4{

float:right;

width: 500px;

margin-bottom: 10px;

padding: 10px 10px 0 10px;

background-color: #f1f1f1;

}



.bigTxt{

font-size: 1.8em;

font-weight: bold;

}



.bigTxt2{

font-size: 1.2em;

font-weight: bold;

line-height: 1.5em;

}



/* footerArea */
#footerArea{
background-image: url(../img/common/lineDottedGray.gif);
background-position: top;
background-repeat: repeat-x;
}
div#footerArea ul.footerNavi li{
display: inline;
margin-left: 10px;
padding-left: 10px;
background-image: url(../img/common/footerNaviLine.gif);
background-position: left;
background-repeat: no-repeat;
}
div#footerArea ul.footerNavi li.first{
margin: 0;
padding: 0;
background-image: none;
}
div#footerArea ul#navi01{
background-image: url(../img/common/lineDottedGray.gif);
background-position: bottom;
background-repeat: repeat-x;
padding: 20px 0 20px 0;
text-align: center;
}
div#footerArea p#footerTitle{
margin-top: 1px;
padding: 5px;
color: #fff;
background-color: #999;
}
div#footerArea p.footerCompany{
padding: 10px 0 10px 0;
background-image: url(../img/common/lineDottedGray.gif);
background-position: bottom;
background-repeat: repeat-x;
}
div#footerArea p.footerCompany img{
margin-right: 10px;
vertical-align: middle;
}
div#footerArea ul#navi02{
padding: 10px 0 10px 0;
background-image: url(../img/common/lineDottedGray.gif);
background-position: bottom;
background-repeat: repeat-x;
text-align: right;
}
div#footerArea p#copyright{
margin-bottom: 20px;
text-align: right;
}