@charset "utf-8";
/***********************************************/
/*style.css                                      */
/***********************************************/

/* layout */
body{background: url(../img/bodyBg.gif) repeat-x}
#contents{background: url(../common/img/contentsBg.jpg) no-repeat 50% 0}
#wrapper{background:none;width:auto}

#flashWrapper {
	background: url(../img/contentsBg.jpg) no-repeat 50% 0;
}
#flash {
	margin: 0 0 6px;
}

#head{
height:212px;
margin:0 auto;
width:960px;
position:relative;
background: url(../common/img/headBg.jpg) no-repeat 50% 0;
}

#main{
background:url(../img/mainBg01.gif) repeat-y;
float:none;
margin:0 auto;
padding-bottom: 10px;
width:960px}

#foot{background:#141414 url(../img/footBg.jpg) repeat-x;clear:both}
#foot #footCont{background:#141414 url(../img/footBg.jpg) repeat-x;height:329px;}

/* head */

#head #logo{left:136px;top:57px; position: absolute;}

#head ul{left:134px;top:150px;position:absolute}

#head ul li,
#head ul li a{
display:block;
height:30px;
text-indent:-10000px
}

#head ul li a{overflow:hidden}

#head ul li{float:left}

#head ul li.menuCeremony a{background:url(../img/menu_ceremony.gif) no-repeat;width:116px}
#head ul li.menu01 a{background:url(../img/menu_style.gif) no-repeat;width:170px}
#head ul li.menu02 a{background:url(../img/menu_plan.gif) no-repeat;width:80px}
#head ul li.menu03 a{background:url(../img/menu_cuisine.gif) no-repeat;width:106px}
#head ul li.menu04 a{background:url(../img/menu_beauty.gif) no-repeat;width:101px}
#head ul li.menu05 a{background:url(../img/menu_report.gif) no-repeat;width:190px}


#head ul li.menuCeremony a:hover{background:url(../img/menu_ceremonyhover.gif) no-repeat;width:116px}
#head ul li.menu01 a:hover{background:url(../img/menu_stylehover.gif) no-repeat;width:170px}
#head ul li.menu02 a:hover{background:url(../img/menu_planhover.gif) no-repeat;width:80px}
#head ul li.menu03 a:hover{background:url(../img/menu_cuisinehover.gif) no-repeat;width:106px}
#head ul li.menu04 a:hover{background:url(../img/menu_beautyhover.gif) no-repeat;width:101px}
#head ul li.menu05 a:hover{background:url(../img/menu_reporthover.gif) no-repeat;width:190px}

.container {
	width: 100%;
	height: 280px;
	margin: 0;
	padding: 0;
	margin-bottom: 5px;
	text-align: left;
	overflow: hidden;
}  
.container .wrap {
	position: relative;
	margin: 0;
	padding: 0;
	overflow: hidden;
}  
#ticker {
	position: relative;
	height: 280px;
	overflow: hidden;
}





/* main */

#main .section:after{
content:".";
display:block;
height:0;
clear:both;
visibility:hidden}
#main .section{display:inline-block;}

/*\*/
*html #main .section{height:1%}
#main .section{display:block}
/**/

#main .info{
background:url(../img/mainBg02.gif) repeat-y;
border-bottom:#d0d0d0 1px solid;
margin:0 0 7px;
padding:0 16px}

#main .section .sectionH2{
float:left;
margin:0 0 0 40px;
padding-top:0px;
width:444px}

#main .section .firstChild{margin:0;position:relative}

#main .info .firstChild{position:relative}
#main .info .firstChild .btn{
position:absolute;
right:14px;
top:20px}

#main .info .sectionH2 h2{
border-bottom:#d0d0d0 1px solid;
margin:0 0 15px;
padding:0 0 9px}
#main .info .sectionH2 .pTopAdd {
	margin-top: 20px;
}
#main .info .sectionH2 dl{margin:0 15px 15px}
#main .info .sectionH2 dl dd{margin:-1.9em 0 5px 9em}
#main .info .sectionH2 dl dd a{
position:relative;
z-index:1}


#main .section .sectionBnr01{
float:left;
margin:20px 0 5px 35px;
width:210px}	
#main .section .sectionBnr02{
float:left;
margin:20px 0 5px 27px;
width:210px}
#main .section .sectionBnr01 dt,
#main .section .sectionBnr02 dt {
font-size: 0}
#main .section .sectionBnr01 dd,
#main .section .sectionBnr02 dd {
font-size: 0;
margin-bottom: 16px}


#main #topics h2{
margin: 0 0 17px 13px}

#main .topicsInner01{
border-bottom: 1px solid #d0d0d0;
margin: 0 18px;
padding-bottom: 10px;
margin-bottom: 10px}
#main .topicsInner02{
background: url(../img/topicsBg02.gif) left top repeat-y;
display:inline-block}
html>/**/body #main .topicsInner02{display /*\**/:block\9}
#main .topicsInner02:after{
content:".";
display:block;
height:0;
clear:both;
visibility:hidden}
#main .topicsInner02 div{
width: 287px;
min-height: 69px;
_height: 69px;
float: left;
display:inline-block}
#main .topicsInner02 div:after{
content:".";
display:block;
height:0;
clear:both;
visibility:hidden}
#main .topicsInner02 div.topics01{
margin-right: 35px}
#main .topicsInner02 div.topics02{
margin-right: 18px}
#main .topicsInner02 div.topics03{
margin: 0}
#main .topicsInner02 div p{
float: left;
width: 51px}
#main .topicsInner02 div dl{
padding-left: 60px}
#main .topicsInner02 div dl dt{
line-height: 1.3;
margin-bottom: 6px}
#main .topicsInner02 div dl dd{
line-height: 1.3}
#main .lastChild{
border-bottom: none;
margin: 0 18px 25px;
padding: 0}


#foot #footCont ul.banner li{position:absolute}
#foot #footCont ul.banner li.banner01{left:32px;top:36px}
#foot #footCont ul.banner li.banner02{left:356px;top:36px}
#foot #footCont ul.banner li.banner03{left:680px;top:36px}


#foot #footCont #pageTop{top:77px}
#foot #footCont #footLogo{top:188px}

#foot #footCont ul.footNav01{top:169px}
#foot #footCont ul.footNav02{top:198px}
#foot #footCont ul.footNav03{top:226px}

#foot #footCont address{padding-top:274px}