@charset "utf-8";

* {
margin: 0;
padding: 0;
list-style: none;
font-style: normal;
text-decoration: none;
font-size: 100%;
line-height: 1.0;
}

/*------ Body ------*/

body{
background-image: url(images/main_bg.gif);
background-position: top;
background-color: #EBEBEB;
color: #000;
font-size: 80%;
}

a{ color:#0033CC; text-decoration:none;}
a:hover{ text-decoration:underline;}

.WhiteLink a{ color:#ffffff;text-decoration:none;}
.WhiteLink a:hover{ text-decoration:underline;}

img{ border:0;}
.small{ font-size:85%;}
*+html body small{ font-size:75%;}
hr,.hidden{ display:none;}

/*------ Base ------*/

div#Wrap {
width: 840px;
margin: 0 auto;
padding: 0 0 0 0;
background-color: #EFEBC8;
}

p#MainTit {
margin: 0;
padding-bottom: 10px;
}

div#ContentsBox {
width: 838px;
margin: 0 auto;
}


div#ContentsBox div#LeftBox {
width: 200px;
margin: 1px 8px 0 0;
padding-bottom: 15px;
text-align: center;
float: left;
}

div#ContentsBox div#LeftBox div#Bg {
width: 200px;
background-image: url(images/leftbox_bg.gif);
background-repeat: repeat-y;
background-position: top;
}

div#ContentsBox div#LightBox p#img {
width:177px;
margin: 0 auto;
}

div#ContentsBox div#LightBox {
width: 202px;
margin: 16px 0 0 8px;
_margin: 16px 0 0 6px;
float: left;
}

div#ContentsBox div#LightBox div#ProfboxBg {
background-image: url(images/profbox_bg.gif);
background-repeat: repeat-y;
background-position: top;
}

div#ContentsBox div#TxtBox {
width: 418px;
margin: 15px 0 0 0;
float: left;
}

div#ContentsBox div#TxtBox div.TxtBoxTit {
width: 418px;
height: 64px;
margin: 0;
padding: 0;
background-image: url(images/txtbox_tit.gif);
background-repeat: no-repeat;
background-position: top center;
}

div#ContentsBox div#TxtBox div.TxtBoxTit p {
margin: 0;
padding: 32px 0 0 17px;
text-align: left;
font-weight: bold;
}

div#ContentsBox div#TxtBox div.TxtBoxMain {
width: 418px;
text-align: left;
background-image: url(images/txtbox_bg.gif);
background-repeat: repeat-y;
background-position: top;
}

div#ContentsBox div#TxtBox div.TxtBoxMain p.ymd {
margin: 0;
padding: 8px 18px 10px 0;
text-align: right;
}

div#ContentsBox div#TxtBox div.TxtBoxMain .Txt {
line-height: 1.4;
margin: 0 auto;
padding: 10px 0;
width:370px;
}

div#ContentsBox div#TxtBox div.TxtBoxInfo {
font-size: 85%;
color: #ffffff;
width: 418px;
height: 48px;
margin: 0 0 30px 0;
padding: 0;
text-align: left;
background-image: url(images/txtbox_bottom.gif);
background-repeat: no-repeat;
background-position: top center;
}

div#ContentsBox div#TxtBox div.TxtBoxInfo p {
margin: 0 0 0 0;
padding: 8px 0 0 23px;
}

div#Calendar {
margin: 0;
padding: 8px 0;
}

div#Calendar table {
width: 175px;
margin: 0 auto;
padding: 0;
}

div#Calendar th {
margin: 0;
padding: 2px 2px 2px 5px;
}

div#Calendar td {
text-align: right;
padding: 2px 4px 2px 0;
}

table#Calendar th.Holiday,td.Holiday {
color: #FF0033;
}

table#Calendar {
margin: 0;
padding: 0;
}

div#LeftBox .recent li{
padding:5px;
}

ul.MenuTxt {
list-style: none;
margin: 0 0 0 0;
padding: 0 17px 15px 17px;
}

ul.MenuTxt li {
margin: 10px 0 0 0;
padding: 1px 0 0 16px;
font-size: 85%;
line-height: 1.1;
text-align: left;
background: url(images/icon.gif) no-repeat 0.0em 0.0em;
}

div#LinkBt {
margin: 10px 0;
padding: 0;
}

div#LinkBt p {
margin: 0;
padding: 0 0 6px 0;
}


/*** clear *******************************************/
div#ContentsBox:after,
div#LightBox:after,
div#TxtBox div.TxtBoxMain div.Txt:after,
.Clear:after{
content:".";
display:block;
height:0px;
clear:both;
visibility:hidden;
}

/* WinIE7 MacIE5 */
div#ContentsBox,
div#LightBox,
div#TxtBox div.TxtBoxMain div.Txt,
.Clear{
display:inline-table;
zoom:100%;
}

/* WinIE5-6 */
/* Hides from IE-mac \*/
* html div#ContentsBox,
* html div#LightBox,
* html div#TxtBox div.TxtBoxMain div.Txt,
* html .Clear{
height:1px;
}

div#ContentsBox,
div#LightBox,
div#TxtBox div.TxtBoxMain div.Txt,
.Clear{
display:block;
}

/*------ G nabi ------*/

div#Naviarea {
width: 798px;
margin: 0 auto;
}

div#Naviarea ul#Navi {
width: 799px;
_width: 800px;
height: 37px;
margin: 0;
padding: 0;
_padding-left: 1px;
background: url(images/bt_gnavi.jpg) no-repeat;
list-style: none;
}

div#Naviarea ul#Navi li {
float: left;
display: block;
margin: 0;
padding: 0 0 0 0;
}

div#Naviarea ul#Navi li a {
display: block;
background: url(images/bt_gnavi.jpg) no-repeat;
text-indent: -9999px;
}

/*------ Home(Top) ------*/

div#Naviarea ul#Navi li#BtHome a {
width: 134px;
height: 37px;
background: url(images/bt_gnavi.jpg) 0 0;
}

div#Naviarea ul#Navi li#BtHome a:hover {
background-position: 0 -37px;
}

body#Top div#Naviarea ul#Navi li#BtHome a {
background-position: 0 -37px;
}

/*------ Philosophy ------*/

div#Naviarea ul#Navi li#BtPhilosophy a {
width: 132px;
height: 37px;
background: url(images/bt_gnavi.jpg) -134px 0;
}

div#Naviarea ul#Navi li#BtPhilosophy a:hover {
background-position: -134px -37px;
}

body#Philosophy div#Naviarea ul#Navi li#BtPhilosophy a {
background-position: -134px -37px;
}

/*------ Aboutus ------*/

div#Naviarea ul#Navi li#BtAboutus a {
width: 132px;
height: 37px;
margin-left: 1px;
background: url(images/bt_gnavi.jpg) -266px 0;
}

div#Naviarea ul#Navi li#BtAboutus a:hover {
background-position: -266px -37px;
}

body#Aboutus div#Naviarea ul#Navi li#BtAboutus a {
background-position: -266px -37px;
}

/*------ Works ------*/

div#Naviarea ul#Navi li#BtWorks a {
width: 132px;
height: 37px;
margin-left: 1px;
background: url(images/bt_gnavi.jpg) -398px 0;
}

div#Naviarea ul#Navi li#BtWorks a:hover {
background-position: -398px -37px;
}

body#Works div#Naviarea ul#Navi li#BtWorks a {
background-position: -398px -37px;
}

/*------ Results ------*/

div#Naviarea ul#Navi li#BtResults a {
width: 132px;
height: 37px;
margin-left: 1px;
background: url(images/bt_gnavi.jpg) -530px 0;
}

div#Naviarea ul#Navi li#BtResults a:hover {
background-position: -530px -37px;
}

body#Results div#Naviarea ul#Navi li#BtResults a {
background-position: -530px -37px;
}

/*記事下*/
div#TxtBox div#underparts{
text-align: left;
line-height:170%;
}

div#TxtBox div#underparts .entry-tags{
text-align: left;
}

/* タグ */
div.entry-tags{
width:396px;
margin:0 auto;
}

div.entry-tags h4{
color:#6f6f6f
}

/*トラックバック*/
#trackbacks{
width:396px;
margin:25px auto;
}

#trackbacks-info p{
color:#6f6f6f;
}

.trackback-content{
margin:3px;
}

.trackback-content p{
margin:3px;
line-height:150%;
}

#trackback-title{
font-weight:bold;
}

.trackbacks-info{
margin-top:5px;
line-height:170%;
width:398px;
}

#trackbacks-link{
padding:15px;
margin:5px 0;
border:1px solid #b6b6b6;
background-color:#fff;
}

.trackback-header{
margin-top:10px;
color:#6f6f6f;
}

.trackback-footer{
border-bottom:1px solid #000;
padding-bottom:15px;
}

/*コメント*/
div#comments{
width:396px;
margin:5px auto;
line-height:150%;
}

#comments-open,.entry-categories{
width:396px;
margin:5px auto;
}

#comments-open-data{
width:396px;
margin:5px auto;
}

.comments-open-header,.entry-categories-header,.trackbacks-header{
font-weight:bold;
color:#6f6f6f;
}

#comment-title{
font-weight:bold;
color:#6f6f6f;
margin-top:15px;
}

.comments{
width:396px;
}

#comment-form-email,#comment-form-name,#comment-form-url,#comment-form-remember-me,#comments-open-text,#comments-open-footer{
margin:5px 0;
}

#comment-author{
width:213px;
}

#comment-email,#comment-url{
width:154px;
}

#comment-text{
width:396px;
height:153px;
}

.comments-content{
width:396px;
line-height:170%;
}

#comments-open-data{
line-height:170%;
}

#comment-email{
width:150px;
}

.comment,#comment-preview-title{
width:396px;
margin:10px auto;
}

#comment-url{
width:150px;
}

#comment-text{
width:396px;
height:150px;
}

.comment-header{
margin-top:5px;
font-weight:bold;
}

.comment-content{
margin:10px 0;
}

.comment-footer{
border-bottom:1px solid #000;
padding-bottom:15px;
}

/*コメント完了*/
#comment-comp{
width:396px;
margin:10px auto;
line-height:170%;
}

.content-nav{
text-align:center;
padding:10px 0 20px 0;
}

.archive-title.archive-title,.archive-header{
margin:10px 5px;
color:#6f6f6f;
}

.archive-list{
margin:5px 5px;
}

.archive-list li{
margin:5px 0;
}


/*------ Employment ------*/

div#Naviarea ul#Navi li#BtEmployment a {
width: 134px;
height: 37px;
background: url(images/bt_gnavi.jpg) -664px 0;
}

div#Naviarea ul#Navi li#BtEmployment a:hover {
background-position: -664px -37px;
}

body#Employment div#Naviarea ul#Navi li#BtEmployment a {
background-position: -664px -37px;
}

pre code.default {
background:#FFFFFF none repeat scroll 0% 0%;
border: 1px solid #888888;
color: #000000;
display: block;
font-size: 1em;
margin: 1em;
overflow: scroll;
padding:0.5em;
space: pre;
width:90%;
}

pre code.console {
background:#0F0E0E none repeat scroll 0% 0%;
border: 1px solid #888888;
color: #0DFF00;
display: block;
font-size: 1em;
margin: 1em;
overflow: scroll;
padding:0.5em;
space: pre;
width:90%;
}