@charset "utf-8";
@import url("html.css");
@import url("pages.css");
@import url("classes.css");


#head {
position: relative;
margin: 0 auto;
padding: 0px;
width: 940px;
height: 80px;
}

#rogo {
position: absolute;
top: 36px;
left: 20px;
margin: 0;
width: 244px;
height: 26px;
}

#rogo a {
display: block;
width: 244px;
height: 26px;
background: url(images/rogo.gif) no-repeat top left;
}

#rogo span { display: none; }

.description { display: none; }





#frame {
margin: 0 auto;
padding: 20px;
width: 900px;
background-color: #FFFFFF;
border: 1px solid #D6D6D6;
}




/*=========================== MENU ===========================*/

#menu-page {
position: absolute;
top: 42px;
left: 342px;
width: 578px;
height: 18px;
}

#menu-page ul { margin: 0; padding: 0; }

#menu-page li {
position:relative;
float: left;
list-style: none;
/*height: 18px;*/
}

#menu-page a {
}

.g-navi01 { width: 33px; }
.g-navi02 { width: 33px; }
.g-navi03 { width: 36px; }
.g-navi04 { width: 34px; }
.g-navi05 { width: 62px; }
.g-navi06 { width: 53px; }
.g-navi07 { width: 47px; }
.g-navi08 { width: 62px; }
.g-navi09 { width: 79px; }
.g-navi10 { width: 49px; }

/*.g-navi01 img { width: 35px; }
.g-navi02 img { width: 40px; }
.g-navi03 img { width: 41px; }
.g-navi04 img { width: 34px; }
.g-navi05 img { width: 82px; }
.g-navi06 img { width: 58px; }
.g-navi07 img { width: 58px; }
.g-navi08 img { width: 74px; }
.g-navi09 img { width: 89px; }
.g-navi10 img { width: 58px; }*/


.g-navi01, .g-navi02, .g-navi03, .g-navi04, .g-navi05, .g-navi06, .g-navi07, .g-navi08, .g-navi09, .g-navi10 { height: 11px; }
.g-navi01, .g-navi02, .g-navi03, .g-navi04, .g-navi05, .g-navi06, .g-navi07, .g-navi08, .g-navi09 { margin-right: 10px; }



ul.menu ul { 
position: absolute; 
display: none; 
top: 16px; 
left: 0; 
background: #F4F3F0;
border-top: 1px solid #D7D7D7;
border-left: 1px solid #D7D7D7;
border-right: 1px solid #D7D7D7;
opacity: 0; 
list-style: none;
}


ul.menu ul li {
margin: 0; 
position: relative; 
border-bottom: 1px solid #D7D7D7; 
width: 148px; }

ul.menu ul li a { display:block; padding: 5px 5px; background-color: #F4F3F0; }

ul.menu ul li a:hover { background-color:#FFFFFF; }




/*=========================== WARPPER ===========================*/

#wrapper { width: 900px; }



/*=========================== CONTENTS AREA ===========================*/

#contents-area  {
margin: 0 20px 0 0;
width: 620px;
float: left;
}


/*=== PHOTO ===*/
#photo {
margin: 0 0 20px 0;
width: 620px;
height: 250px;
background: url(images/photo.jpg) no-repeat top left;
}



/*=== FREATURE ===*/
#feature {
float: left;
width: 195px;
text-align: center;
}

#feature h3,
#feature strong { text-align: left; }

#feature img { margin: 0 0 10px 0; }

/*#feature ul {
margin: 0; 
padding: 0;
}

#feature ul.adjust01 {
padding: 0 0 20px 0;
}

#feature li {
margin: 0 0 6px 0;
padding: 0 10px 6px 15px;
list-style-type: none;
font: 12px arial, "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", Osaka;
border-bottom: 1px dotted #CCCCCC;
}
*/





/*===HEADLINE ===*/

#headline {
float: right;
width: 400px;
}

/*=========================== WORDPRESS POST AREA ===========================*/

.the-post {
margin: 0 0 35px 0;
}

.top-only {
padding: 0 0 15px 0;
border-bottom: 1px solid #D6D6D6;
}

.the-post h4 {
font-family: Georgia, "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", Osaka;
font-weight: bold;
color: #424242;
}



.for-index {
margin: 0 0 3px 0;
font-size: 16px;
}


#trackback h4 {
margin: 0 0 11px 0;
font: bold 14px Georgia, "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", Osaka;
color: #424242;
}


.the-post p { margin-bottom: 20px; }


.the-post h4 a:link    { color: #424242;  text-decoration: none; }
.the-post h4 a:visited { color: #424242;  text-decoration: none; }
.the-post h4 a:hover   { color: #424242;  text-decoration: underline; }


.the-post a:link img,    .the-post-single a:link img    { border: 3px solid #D6D6D6; }
.the-post a:visited img, .the-post-single a:visited img { border: 3px solid #D6D6D6; }
.the-post a:hover img,   .the-post-single a:hover img   { border: 3px solid #000000; }

/*.the-post        a.more-link img { border: none; }
.the-post-single a.more-link img { border: none; }*/


p.post-date {
margin: 0 0 10px 0;
font: 10px Georgia, "Times New Roman", Times, serif;
color: #737373;
}


ul.new-old {
margin: 0 0 23px 0;
padding:10px 10px 3px 10px;
border: 1px solid #D6D6D6;
}

ul.new-old li {
 padding: 0 0 7px 0; 
font: normal 13px arial, "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", Osaka;
list-style-position:inside;
}




.co-tr {
padding: 10px 0 0 0;
border-top: 1px solid #D6D6D6;
font: 11px Georgia, "Times New Roman", Times, serif;
font-style: italic;
color: #666666;
}

#trackback {
margin: 0 0 20px 0;
}

#trackback-thisentry {
margin: 0 0 40px 0;
padding: 10px;
background-color: #F5F5F5;
border-left: 5px solid #AAAAAA;
}

.trackback-txt,
.log-from { 
margin-bottom: 6px;
font: 12px Georgia, "Times New Roman", Times, serif;
font-style: italic;
}

.trackback-url,
.log-txt {
padding: 4px;
background-color: #FFFFFF;
font: 12px Georgia, "Times New Roman", Times, serif;
font-style: italic;
color: #444444;
}

#log {
margin: 0 0 20px 0;
padding: 10px;
border-left: 5px solid #AAAAAA;
border-bottom: 1px dotted #D6D6D6;
}







/*=========================== SIDEBAR ===========================*/

#side-bar {
width: 260px;
float: right;
}




#side-bar strong {
display: block;
margin: 0 0 5px 0;
padding: 6px 0 5px 0;
background-color: #F5F3EE;
font: normal 12px arial, "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", Osaka;
border-top: 1px solid #D7D7D7;
}


#side-bar ul {
margin: 0; 
padding: 0 0 20px 0;
}

#side-bar ul.adjust01 {
padding: 0 0 20px 0;
}

#side-bar li {
margin: 0 0 6px 0;
padding: 0 10px 6px 15px;
list-style-type: none;
font: 12px arial, "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", Osaka;
border-bottom: 1px dotted #CCCCCC;
}


#side-bar a {
font: 12px arial, "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", Osaka;
line-height: 110%
}



/*=========================== SEARCH BOX ===========================*/

#search-form {
margin: 0 0 20px 0;
}

#search-form form,
#search-form input { margin: 0; }

.input-search {
padding: 4px;
width: 170px;
height: 20px;
font: 12px arial, "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", Osaka;
border: 1px solid #D6D6D6;
color: #555555;
}

.input-btn {
width: 70px;
height: 30px;
background-color: #585858;
font: 12px Georgia, "Times New Roman", Times, serif;
font-style: italic;
color: #FFFFFF;
border: 1px solid #D6D6D6;
}



/*=========================== 404 ERROR ===========================*/


#pageerror404 { margin: 0 auto; }

#pageerror404 h2 {
margin: 0 0 20px 0;
font: 30px Georgia, "Times New Roman", Times, serif;
font-style: italic;
}


/*=========================== FOOTER TEXT===========================*/


#wp-txt a {
text-decoration: none;
color: #999999;
}

#wp-txt    { padding: 7px 0 0 0; }
#copyright { padding: 7px 0 20px 0; }

#wp-txt,
#copyright {
display: block;
font: 11px Georgia, "Times New Roman", Times, serif;
font-style: italic;
text-align: center;
color: #999999;
}



/*=========================== COMMON ===========================*/

#feature  h3,
#headline h3,
#side-bar h5 {
display: block;
margin: 0 0 10px 0;
padding: 6px 0 5px 0;
font: bold 12px Georgia, "Times New Roman", Times, serif;
color: #424242;
border-top: 3px solid #D7D7D7;
border-bottom: 1px solid #D7D7D7;
}


#feature strong,
#side-bar strong {
display: block;
margin: 0 0 5px 0;
padding: 6px 10px 5px 15px;
background-color: #F5F3EE;
font: normal 12px arial, "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", Osaka;
border-top: 1px solid #D7D7D7;
}



#frame:after,
#wrapper:after,
#contents-area:after {
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
}

* html #frame,
* html #wrapper,
* html #contents-area {
display:inline-block;
}