* {
margin: 0;
padding: 0;
}

body {
margin: 10px 0 0 0;
background: #E1E4C0;
font-size: x-small;
color: #555;
font-family: sans-serif;
line-height: 150%;
text-align: center;
}
    /* hide from Mac IE \*/
    * html body { font-size: xx-small; }
    /* */ 

img { border: none;}
ul, ol { margin: 10px 20px;}
p { margin: 0 0  10px 0;}
a:link, a:visited {color: #36f; text-decoration: none;}
a:hover {color: #58f; text-decoration: underline;}

/*div:after {
	content:".";
	height:0;
	clear:both;
	display:block;
	visibility:hidden;
}
div {
	display:inline-block;
}*/

.w880 {
width: 880px;
margin: auto;
}
.w555 { width: 555px;}
.clear { clear: both;}
.m_bottom10 { margin-bottom: 10px;}
.l { text-align: left;}
.r { text-align: right;}
.c { text-align: center;}

/*====================
         HEAD
====================*/
#head {
height: 110px;
background: #E1E4C0}

#head_frame {
height: 110px;
background: url(http://haifield.ing-host.jp/www.choju.net/img/bg_headframe.jpg) no-repeat;
}
#font-size {
height: 20px;
width: 780px;
margin: 0 auto;
}
#font-size img {
margin: 0 0 0 5px;
}
#head_body {
width: 800px;
margin: 0px auto 5px auto;
border-top: 5px solid #900;
}
#head h1 {
font-size: 85%;
font-weight: normal;
float: left;
}
#head_body img {
margin: 10px 0 0 10px;
}

/*====================
         IMG
====================*/
#top_img {
background: #E1E4C0}

#top_img_frame {
background: url(http://haifield.ing-host.jp/www.choju.net/img/bg_imgframe.jpg) repeat-y;
text-align: center;
}
#top_img_frame div#flashcontent {
width: 780px;
height: 300px;
margin: auto;
}
#top_img_frame div {
width: 780px;
height: 100px;
margin: auto;
background: url(http://haifield.ing-host.jp/www.choju.net/img/main_s.jpg);
}
#top_img_frame p {
font-size: 30px;
color: #fffffe;
padding: 60px 10px 0 0;
}

/*====================
      CONTAINER
====================*/
#container {

color: #555;
}
#container_frame {
background: url(http://haifield.ing-host.jp/www.choju.net/img/bg_mainframe.jpg) no-repeat;
}
#container_body {
width: 800px;
margin: auto;
background: url(http://haifield.ing-host.jp/www.choju.net/img/bg_left.jpg) repeat-y;
}

/*----------
    PATH
----------*/
p#path {
width: 780px;
margin: 0 auto;
background: url(http://haifield.ing-host.jp/www.choju.net/img/bg_navi.jpg) right top no-repeat;
}

/*====================
         LEFT
====================*/
#left {
float: left;
width: 235px;
background: url(http://haifield.ing-host.jp/www.choju.net/img/bg_left.jpg);
}
#left_body {
margin: 0 15px 0 10px;
}

ul.left_menu,
ul.left_info {
list-style: none;
width: 200px;
margin: 0;
}
ul.left_menu li {
padding: 10px 0 10px 20px;
border-bottom: 1px solid #ccc;
background: url(http://haifield.ing-host.jp/www.choju.net/img/left_arrow.jpg) no-repeat 0px 12px;
}
ul.left_menu li ul{
width: 180px;
list-style: none;
margin: 0;
}
ul.left_menu li li{
margin: 5px 0 0 0;
padding: 5px 0 0 20px;
border-top: 1px dotted #ccc;
border-bottom: none;
background: url(http://haifield.ing-host.jp/www.choju.net/img/left_arrow_sub.jpg) no-repeat 0px 8px;
}
ul.left_info {
margin: 0 0 10px 0;
}
ul.left_info li {
padding: 10px 0 10px 20px;
border-bottom: 1px solid #ccc;
background: url(http://haifield.ing-host.jp/www.choju.net/img/left_arrow_info.jpg) no-repeat 0px 12px;
}

#left a {
color: #555;
text-decoration: none;}
#left a:hover {text-decoration: underline;}

/*====================
         MAIN
====================*/
#main {
width: 555px;
float: left;
}

/*====================
         FOOT
====================*/
#foot {
color: #555;
background: #E1E4C0}

#foot_frame {
height: 90px;
background: #E5D0DE url(http://haifield.ing-host.jp/www.choju.net/img/bg_footframe.jpg) repeat-x;
}
#foot h3 {
width: 780px;
margin: 0 auto;
font-size: x-small;
font-weight: normal;
padding: 50px 0 0 0;
line-height: 120%;
}
    /* hide from Mac IE \*/
    * html #foot h3 { 
    font-size: xx-small;
    padding: 40px 0 0 0;
    line-height: 120%; }
    /* */ 

#foot p {
padding:10px 0;
font-size: 85%;
}

/*====================
         INDEX
====================*/
#top_news ul {
list-style: none;
margin: 0;
padding: 0 0 15px 0;
background: url(http://haifield.ing-host.jp/www.choju.net/img/line_double_or.gif) no-repeat bottom;
}
#top_news li {
margin: 0 20px;
padding: 5px 0;
border-bottom: 1px dotted #999;
}
#top_entry {
margin: 15px 0 0 0;
}
#top_entry h2 {
color: #fff;
background: #369;
padding: 5px;
clear: both;
}
h2.entry_title span {
font-size: 12px;
border-left: 3px solid #fff;
padding-left: 5px;
}
.top_entry div {
border: 3px double #369;
padding: 5px;
margin: 0 0 10px 0;
}
.top_entry div div {
border: none;
padding: 0;
margin: 0;
}

/*====================
       ARCHIVE
====================*/
#entry {
margin: 0;
clear: both;
}
#entry div.entry_title {
height: 75px;
margin: 0;
background: url(http://haifield.ing-host.jp/www.choju.net/img/bg_h2.gif) no-repeat;
}
#entry h2 {
padding: 0 0 0 5px;
font-size: 12px;
line-height: 75px;
background: #fff  url(http://haifield.ing-host.jp/www.choju.net/img/bg_h2.gif) no-repeat;
color: #900;
}
#entry h3 {
color: #fff;
background: #369;
padding: 0 5px;
font-size: 12px;
border-left: 3px solid #69f;
clear: both;
margin: 0 0 10px 0;
}
#entry div.entry_body {
padding: 10px 5px 10px 5px;
}
#entry p.entry_foot {
text-align: right;
padding: 0 5px 0 0;
font-size: 85%;
margin: 0 0 10px 0;
border-top: 1px solid #999;
}

div.wp-pagenavi {
margin-top: 20px;
border-top: 3px double #ccc;
text-align: right;
}
.more_link {
text-align: right;
border-top: 1px solid #ccc;
margin-top: -10px;
}

/* project
----------------------------- */
table.team {
border-top:1px solid #ccc; 
border-left:1px solid #ccc; 
margin-bottom: 20px;
font-size: x-small;
}
    /* hide from Mac IE \*/
    * html table.team { font-size: xx-small; }
    /* */ 
table.team th {
border-bottom:1px solid #ccc; 
border-right:1px solid #ccc; 
padding: 5px;
text-align: center;
background: #eee;
}
table.team td {
border-bottom:1px solid #ccc; 
border-right:1px solid #ccc; 
padding: 5px;
}

/* course
----------------------------- */
table.ll_culture {
border-top:1px solid #ccc; 
border-left:1px solid #ccc; 
border-right:1px solid #ccc; 
margin-bottom: 20px;
font-size: x-small;
}
    /* hide from Mac IE \*/
    * html table.ll_culture { font-size: xx-small; }
    /* */ 
table.ll_culture th {
width: 100px;
border-bottom:1px solid #ccc; 
border-right:1px solid #ccc; 
padding: 5px;
}
table.ll_culture td {
border-bottom:1px solid #ccc; 
padding: 5px;
}

/* research
----------------------------- */
div#cat_7 li {
margin: 0 0 10px 0;
}

/*====================
       TRACKBACKS
====================*/
#trackbacks {
margin: 20px 0;
}
#trackbacks h3,
#comments h3 {
color: #fff;
background: #8DB7F5;
padding: 0 5px;
font-size: x-small;
margin: 0 0 10px 0;
border-left: 3px solid #36c;
}
#trackbacks label {
font-size: 85%;
}
#trackbacks input#tb_url {
width: 400px;
color: #555;
border: 1px dotted #999;
padding: 1px 5px;
}
#trackbacks div.tb_body,
#comments div.comment_body {
margin: 10px;
border-top: 3px solid #ccc;
}
#trackbacks div p,
#comments div p {
margin:5px 0;
}
#trackbacks p.tb_foot,
#comments p.comment_foot {
text-align: right;
padding: 0 5px 0 0;
font-size: 85%;
border-top: 1px solid #ccc;
}
.comments-open-content {
margin: 10px;
}
input#comment-author,
input#comment-email,
input#comment-url,
textarea#comment-text {
padding: 1px 3px;
border-top: 1px solid #999;
border-left: 1px solid #999;
border-right: 1px solid #ccc;
border-bottom: 1px solid #ccc;
}
input#comment-preview,
input#comment-post {
width: 100px;
background: #eee;
padding: 3px 0;
margin: 10px 20px 0 0;
border-top: 1px solid #ccc;
border-left: 1px solid #ccc;
border-right: 1px solid #999;
border-bottom: 1px solid #999;
}

/*====================
       SITEMAP
====================*/
ul.tree {
    margin: 0 0 0 15px;
    padding: 0;
    font-size: small;
    list-style: none!important;
    line-height: 200%;
}
    /* hide from Mac IE \*/
    * html ul.tree { font-size: x-small; }
    /* */ 

ul.tree ul {
    margin: 0 0 0 10px;
    padding: 0;
}
ul.tree li {
    margin: 0!important;
    padding: 0 0 0 16px!important;
    background: url(http://haifield.ing-host.jp/www.choju.net/img/tree_lst_solid.gif) no-repeat;
    list-style: none!important;
}
ul.tree li.tree_end {
    background: url(http://haifield.ing-host.jp/www.choju.net/img/tree_end_solid.gif) no-repeat;
    list-style: none;
}

ul.tree a,
ul.tree a:visited {
color: #555;
background: #fff;
text-decoration: none;}
ul.tree a:hover {text-decoration: underline;}

/*====================
       ABOUT
====================*/
table.tbl_about {
font-size: x-small;
margin: 10px 0 20px 0;
border-bottom: 1px solid #ccc;
}
    /* hide from Mac IE \*/
    * html table.tbl_about { font-size: xx-small; }
    /* */ 

table.tbl_about th {
padding: 5px 10px;
letter-spacing: 0.1em;
border-left: 1px solid #ccc;
border-top: 1px solid #ccc;
text-align: left;
}
table.tbl_about td {
padding: 5px 10px;
border-left: 1px solid #ccc;
border-right: 1px solid #ccc;
border-top: 1px solid #ccc;
}

/*====================
       CORP
====================*/
table.tbl_corp {
font-size: x-small;
margin: 10px 0 20px 0;
}
    /* hide from Mac IE \*/
    * html table.tbl_corp { font-size: xx-small; }
    /* */ 

table.tbl_corp th {
width: 130px;
vertical-align: top;
background: #969;
color: #fff;
padding: 5px 3px;
letter-spacing: 0.1em;
border-left: 3px solid #939;
border-top: 1px solid #fff;
border-bottom: 1px solid #969;
text-align: left;
}
table.tbl_corp td {
vertical-align: top;
padding: 5px 3px;
border-bottom: 1px solid #969;
border-top: 1px solid #fff;
}

/*====================
       INQ
====================*/
#entry div.entry_body div#wpcf7_1 p {
margin-bottom: 10px;
line-height: 150%;
}
input.mail_input,
textarea.mail_input {
padding: 1px 3px;
border-top: 1px solid #999;
border-left: 1px solid #999;
border-right: 1px solid #ccc;
border-bottom: 1px solid #ccc;
}
input#mail_preview,
input#mail_post {
width: 100px;
background: #eee;
padding: 3px 0;
margin: 10px 20px 0 0;
border-top: 1px solid #ccc;
border-left: 1px solid #ccc;
border-right: 1px solid #999;
border-bottom: 1px solid #999;
}

/*====================
       FAQ
====================*/
dl#faq dt {
list-style: none;
background: url(http://haifield.ing-host.jp/www.choju.net/img/icon_q.gif) no-repeat;
padding: 0 0 0 25px;
margin: 0 0 10px 0;
}
dl#faq dd {
list-style: none;
background: url(http://haifield.ing-host.jp/www.choju.net/img/icon_a.gif) no-repeat;
padding: 0 0 10px 25px;
margin: 0 0 10px 0;
border-bottom: 1px dotted #ccc;
}

/*====================
       USE
====================*/
div#cat_7 h3 {
clear: both;
margin: 0 0 20px 0;
}
div#cat_7 img {
border: 1px solid #B9E8B5;
padding: 5px;
}