/*-------------------- ‹¤’ÊCSS --------------------*/

body,div,h1,h2,h3,h4,h5,h6,p,a,ul,ol,li,dl,dt,dd,img,table{
margin:0px;
padding:0px;
color: #333;
}

h1,h2,h3,h4,h5,h6,p,li,dt,dd,em{
font-weight:normal;
font-style:normal;
}

h1,h2{
font-size:1px;
}

body{
line-height:140%;
background:url(/common/images/all_bg.gif) repeat left top;
font-size:80%;
font-family:"‚l‚r ‚oƒSƒVƒbƒN","MS UI Gothic","‚l‚r ƒSƒVƒbƒN", "Tahoma","Lucida Grande","ƒqƒ‰ƒMƒmŠpƒS Pro W3","Osaka",sans-serif;
}

ul li, dt, dd{
list-style:none;
}

ol{
margin-left:25px;
}

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

a, a:visited{
color:#2f790a;
text-decoration:none;
}

a:hover{
color:#5eb532;
}


.linkButton{
width:34px;
height:12px;
float:right;
}

.linkButton a{
background:url(/common/images/bt_list.gif) no-repeat;
width:34px;
height:12px;
display:block;
text-indent:-9999px;
overflow:hidden;
}

.linkButton a:hover{
background-position:0px -12px;
}

.icon_link{
background:url(/common/images/icon_link.gif) no-repeat left;
padding-left:10px;
}

/*.pagetopLink{
padding-right:5px;
}*/

.pagetopLink p{
width:112px;
height:11px;
float:right;
margin-top:10px;
}

.pagetopLink a{
background:url(/common/images/pagetop.gif) no-repeat left top;
width:112px;
height:11px;
display:block;
text-indent:-9999px;
overflow:hidden;
}

.pagetopLink a:hover{
background-position:0px -11px;
}

.list li,
.list dd{
background:url(/contents/images/listmark.gif) no-repeat left 0.5em;
padding-left:10px;
}


.important{
color:#C00;
}

.important h4,
.important dt,
.important dd,
.important p{
color:#C00;
}

.openWindow span{
padding-right:10px;
background:url(/common/images/icon_opwin.gif) no-repeat left 0.2em;
margin-left:2px;
}


.strong{
font-weight:bold;
}


/*-------------------- “y‘ä --------------------*/

#base{
border-top:2px solid #2d7409;
background:url(/common/images/footer_bg.jpg) no-repeat bottom;
}

#container{
width:960px;
margin:0px auto;
}

/*#contents{
padding-left:5px;
}*/

#side{
float:left;
width:190px;
padding-bottom:250px;
}

#main{
float:right;
width:735px;
margin-bottom:170px;
}


/*-------------------- ƒwƒbƒ_�[ --------------------*/

#header{
background:url(/common/images/head_bg.gif) no-repeat 370px top;
padding:9px 0px 0px;
margin-bottom:22px;
}

h1{
float:left;
width:405px;
height:116px;
}

#bayerBanner{
width:425px;
height:114px;
float:right;
}


/*#newsBox{
background:url(/common/images/newsbox_top.gif) no-repeat left top;
width:476px;
float:right;
padding-top:4px;
}

#newsBox_inner{
background:url(/common/images/newsbox_bottom.gif) no-repeat left bottom;
width:450px;
padding:5px 13px;
}

#newsBox h2{
float:left;
margin-bottom:8px;
}

#newsBox dl{
clear:both;
}

#newsBox dt{
float:left;
width:5em;
}

#newsBox dd{
margin-bottom:3px;
margin-left:5em;
}*/


/*-------------------- ƒtƒbƒ^�[ƒŠƒ“ƒN --------------------*/

#footer{
padding:0px 0px 12px 0px;
clear:both;
}

#footer div{
float:left;
width:500px;
padding-top:12px;
}

#footer ul li{
float:left;
border-right:1px solid #333;
padding-right:7px;
margin-right:7px;
}

#footer ul .last{
border:none;
}

#copyright{
font-size:80%;
}

#lifewithpet{
float:right;
font-size:80%;
}

#lifewithpet a{
color:#333;
vertical-align:bottom;
}

/*-------------------- ƒTƒCƒhƒGƒŠƒA --------------------*/

#searchBox, #sponsorBox, #campaign, #prBox, #newsBox, #eventBox, #keywordBox, #blogParts, #winBanner, #seminarBanner{
margin-bottom:15px;
}

#searchBox form{
margin:0px;
padding:0px;
}

#search_window{
float:left;
width:135px;
height:13px;
padding:3px;
border:1px solid #CCC;
}

#search_button{
float:right;
}

#counter01{
margin-bottom:3px;
background:url(/common/images/counter01.gif) no-repeat top;
width:185px;
height:32px;
padding:33px 0px 0px 5px;
}

#counter01 img{
margin-right:3px;
}

#counter02{
margin-bottom:15px;
background:url(/common/images/counter02.gif) no-repeat top;
width:185px;
height:21px;
padding:24px 0px 0px 5px;
}

#counter02 img{
margin-right:2px;
}

#sponsorBox h2{
margin-bottom:5px;
}

#campaign h2{
width:190px;
height:133px;
}

#campaign a{
background:url(/common/images/campaign_bt.gif) no-repeat top;
width:190px;
height:133px;
display:block;
text-indent:-9999px;
overflow:hidden;
}

#campaign a:hover{
background-position:0px -133px;
}



#newsBox h2{
float:left;
margin-bottom:4px;
}

#newsBox .linkButton{
margin-top:2px;
}

#newsBox dl{
clear:both;
background:url(/contents/images/line.gif) repeat-x left top;
padding-top:4px;
}

#newsBox dt{
line-height:100%;
padding-top:4px;
}

#newsBox dd{
background:url(/contents/images/line.gif) repeat-x left bottom;
line-height:110%;
padding-bottom:7px;
}




#eventBox h2{
float:left;
margin-bottom:4px;
}

#eventBox .linkButton{
margin-top:2px;
}

#eventBox ul{
border:1px solid #ea9400;
border-width:2px 2px 1px;
clear:both;
}

#eventBox li{
border-bottom:1px solid #ea9400;
line-height:110%;
}

#eventBox li a{
display:block;
padding:5px;
}


#keywordBox h2{
margin-bottom:4px;
}

#keywordBox p{
background:#FFF;
padding:15px;
}

#keywordBox .small{
font-size:80%;
}

#keywordBox .large{
font-size:130%;
}

#keywordBox .larger{
font-size:130%;
font-weight:bold;
}


#blogParts h2{
margin-bottom:4px;
}

#blogParts div{
background:#FFF;
padding:15px;
}

#blogpartsGet{
font-size:120%;
margin-top:10px;
}


#rss h2{
margin-bottom:5px;
}

#rss p{
font-size:80%;
line-height:120%;
}

.rssIcon{
text-align:center;
margin-bottom:9px;
}


/*-------------------- mediabox --------------------*/

#mediabox{
background:#f3f1e2;
padding:10px 15px;
width:640px;
height:645px;
}

#mediabox h1{
width:202px;
height:36px;
}

#mediaboxTitle{
margin-bottom:5px;
}

/*#mediaboxTitle p{
float:right;
margin-top:22px;
}*/

#mediabox dl{
margin:10px 0px;
padding-bottom:10px;
border-bottom:1px solid #a5a184;
}

#mediabox dt{
font-weight:bold;
margin:0px 10px 10px 0px;
float:left;
}

#mediabox dd{
margin-right:15px;
}

#mediabox .comment{
clear:both;
margin:0px 0px 10px 0px;
}

#mediabox dd img{
vertical-align:baseline;
}

#mediabox .count{
float:left;
}

#mediabox #mbBanner{
height:73px;
}

#mediabox #mbBanner p{
float:right;
margin-left:10px;
}

#mediabox #md_catch{
	margin-top:30px;
}


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

.clearfix{
zoom:1;/*for IE 5.5-7*/
}

.clearfix:after{/*for modern browser*/
content:".";
display: block;
height:0px;
clear:both;
visibility:hidden;
font-size:0px;
}


.clear{
clear:both;
margin: 0px;
padding: 0px;
line-height: 0px;
font-size: 1px;
}