@charset "UTF-8";

/*---common---*/

html{
font-size:12px !important;
*font-size:75% !important;/*forIE6IE7*/
}

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,p,blockquote{
margin:0;
padding:0;
}

body {
color:#333333;
font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3", Arial, Helvetica;
line-height: 1.5;
margin-left:auto;
margin-right:auto;
text-align:center;
background:url(../images/bg_all.gif) repeat 0 0;
}

h1,h2,h3,h4,h5,em{
font-size:100%;
font-style:normal;
font-weight:normal;
line-height:1;
}

table{
border-collapse:collapse;
font-size:inherit;
}

ol,ul{
list-style-type:none;
}

fieldset,img{
border:0;
}

a{
color:#B6750A;
text-decoration:none;
}

a:hover{
color:#B6750A;
text-decoration:underline;
}

a:active{
color:#B6750A;
}

a:visited{
color:#FF6699;
}

.clearFix:after {
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
}
.clearFix{
display: inline-table;
}
/* Hides from IE-mac \*/
.clearFix{>height: 1%;}
.clearFix{display: block;}
/* End hide from IE-mac */


/*---container---*/

div#container {
width:850px;
margin:0 auto;
background-color:#FFFFFF;
}

/*---header---*/

div#header {
width:850px;
height:80px;
background-color:#FF6699;
border-bottom:5px #F0154B solid;
position:relative;
}

div#header a#logo img{
position:absolute;
top:8px;
left:8px;
}

div#header div{
position:absolute;
top:10px;
right:10px;
}

/*---breadCrumbs---*/

div#breadCrumbs{
width:840px;
padding:3px 5px;
margin:0 0 10px 0;
text-align:left;
font-size:0.8em;
background-color:#FDF9EA;
min-height:14px;
}

/*---sideArea---*/

div#sideArea {
font-size:1.2em;
float:left;
padding:0 20px;
width:200px;
overflow:hidden;
}

div#sideArea div#entryCounter{
width:200px;
background:url(../images/img_star_border.gif) no-repeat top center;
padding:20px 0 0 0;
margin:10px 0 0 0;
}

div#sideArea div#entryCounter p{
color:#FF3399;
font-size:2.0em;
font-weight:bold;
background:url(../images/img_star_border.gif) no-repeat bottom center;
padding:0 0 15px 0;
}

div#sideArea div#entryCounter span{
font-size:0.5em;
}

div#sideArea h2.menuTitle{
font-size:1px;
text-indent:-9999px;
width:200px;
height:26px;
padding:0 0 20px 0;
}

div#sideArea div#search h2{
background:url(../images/ttl_search.gif) no-repeat 0 10px;
}

div#sideArea div#search input#searchBox{
width:130px;
margin:0 5px 0 15px;
vertical-align:middle;
}

div#sideArea div#search input#searchButton{
width:40px;
vertical-align:middle;
}

div#sideArea div#event h2{
background:url(../images/ttl_event.gif) no-repeat 0 10px;
}

div#sideArea div#event ul{
line-height:1.0;
width:190px;
text-align:left;
padding:0 0 0 7px;
}

div#sideArea div#event li{
background:url(../images/ico_yellow.gif) no-repeat 0 4px;
padding:0 0 7px 12px;
}

div#sideArea div#item h2{
background:url(../images/ttl_item.gif) no-repeat 0 10px;
}

div#sideArea div#item ul{
line-height:1.0;
width:190px;
text-align:left;
padding:0 0 0 7px;
}

div#sideArea div#item li{
background:url(../images/ico_yellow.gif) no-repeat 0 4px;
padding:0 0 7px 12px;
}

div#sideArea div#person h2{
background:url(../images/ttl_person.gif) no-repeat 0 10px;
}

div#sideArea div#person dt{
text-align:left;
padding:10px 0 0 8px;
}

div#sideArea div#person dd{
text-align:left;
background:url(../images/ico_yellow.gif) no-repeat 6px;
padding:0 0 0 19px;
line-height:1.4;
}

div#sideArea div#mobile{
background:url(../images/bg_mobile.gif) no-repeat bottom;
margin:10px 0 0 0;
}

div#sideArea div#mobile h2{
background:url(../images/ttl_mobile.gif) no-repeat 0 0;
text-indent:-9999px;
height:50px;
}

div#sideArea div#mobile dl dt{
padding:10px 0 0 0;
}

div#sideArea div#mobile p#sendUrl{
width:190px;
background:transparent url(../images/bg_dotted_line.gif) repeat-x top;
margin:0 5px;
padding:10px 0;
}


/*---mainArea---*/

div#mainArea {
float:right;
padding:0 12px 0 0;
width:590px;
text-align:left;
overflow:hidden;
}

div#mainArea ul li.entryList{
padding:0 0 10px 10px;
}

div#mainArea table{
float:left;
margin:0 10px 0 1px;
}

div#mainArea table td{
width:96px;
height:96px;
padding:1px;
border:1px solid #CCCCCC;
vertical-align:middle;
text-align:center;
}

div#mainArea ul li.entryList dl{
float:left;
width:450px;
}

div#mainArea ul li.entryList dt{
font-weight:bold;
}

div#mainArea ul li.entryList dl.blogEntryText{
float:none;
width:570px;
}

div#mainArea ul li.entryList dl.blogEntryText dd{
overflow:hidden;
}

/*paging*/

div#paging{
font-size:1.2em;
letter-spacing:0.3em;
text-align:center;
border-top:4px solid #F3ECC7;
padding:10px 0 0 0;
margin:15px 0 0 0;
}

div#paging img{
vertical-align:middle;
}

/*---footer---*/

div#footer {
clear:both;
padding:50px 0 0 0;
width:850px;
height:34px;
background:url(../images/img_footer.gif) no-repeat left bottom;
position:relative;
color:#FFFFFF;
}

div#footer ul{
position:absolute;
bottom:5px;
left:5px;
}

div#footer li{
display:inline;
padding:0 5px 0 3px;
*padding:0 2px 0 7px;
border-right:1px solid #FFFFFF;
height:14px;
}

div#footer a{
color:#FFFFFF;
text-decoration:none;
}

div#footer a:hover{
color:#FFFFFF;
text-decoration:underline;
}

div#footer a:active{
color:#FFFFFF;
}

div#footer a:visited{
color:#FFFFFF;
}

div#footer li#linkLast{
border-right:none;
}

div#footer p{
margin:0;
text-align:right;
position:absolute;
bottom:5px;
right:5px;
}
