/*  
Theme Name: homepageni.com
Theme URI: http://www.haifield.jp/
Description: <a href="http://www.haifield.jp/">haifield</a>.
Version: 2.0
Author: haifield
Author URI: http://www.haifield.jp/
*/


* {
margin: 0;
padding: 0;
}

body {
font-size: 88%; /* Resets 1em to 10px */
/*font-size: 95%;*/
font-family: 'meiryo', 'Lucida Grande', Verdana, Arial, Sans-Serif;
background: #eee url(http://www.homepageni.com/wp/wp-content/themes/haifield/img/bg.jpg);
color: #555;
text-align: center;
padding-bottom: 20px;
}

/*div:after {
	content:".";
	height:0;
	clear:both;
	display:block;
	visibility:hidden;
}
div {
	display:inline-block;
}*/

a {color: #39c;}
img {border: none;}

#page {
margin: 0 auto 0px auto;
width: 1000px;
}
#page_cat {
margin: 0 auto 0px auto;
width: 1000px;
}
#page_body {
margin: 0px auto 20px auto;
width: 910px;
text-align: left;
}

/*---------------------
         head
---------------------*/

#head {
width: 1000px;
height: 345px;
background: url(http://www.homepageni.com/wp/wp-content/themes/haifield/img/main-trans.png) no-repeat;
}
#head_cat {
width: 1000px;
height: 155px;
background: url(http://www.homepageni.com/wp/wp-content/themes/haifield/img/main_cat-trans.png) no-repeat;
}
#head_sub {
width: 910px;
margin: auto;
text-align: left;
}
#head_sub h1 {
font-size: 80%;
font-weight: normal;
float: left;
padding: 14px 0 0 55px;
width: 695px;
text-align: left;
}
#font_size {
width: 150px;
margin: 0 10px 0 0;
float: right;
text-align: right;
}

#head_main,
#navi {
width: 910px;
margin: auto;
text-align: left;
}
#head_main img {
margin: 0 0 0 20px;
}
#navi {
padding: 2px 5px 0 25px;
}

/*---------------------
         sidebar
---------------------*/

#sidebar {
float: left;
width: 210px;
margin: 0 10px 0 0;
}

#sidebar ul,
#right ul {
list-style: none;
background: url(http://www.homepageni.com/wp/wp-content/themes/haifield/img/bg_side.png);
}
#sidebar li {
margin: 0 20px;
line-height: 35px;
background: url(http://www.homepageni.com/wp/wp-content/themes/haifield/img/line_dot.png) repeat-x bottom;
}
#sidebar ul.children {
list-style: none;
background: none;
padding: 0 0 5px 0;
}
#sidebar ul.children li {
margin: 0 10px;
padding: 0 15px;
line-height: 25px;
background: url(http://www.homepageni.com/wp/wp-content/themes/haifield/img/arrow.gif) no-repeat 0px 8px;
}
#sidebar div.side_content,
#right div.side_content {
margin: 0 0 10px 0;
}

#sidebar li a {
color: #555;
text-decoration: none;
}
#top_situation {
width: 210px;
background: url(http://www.homepageni.com/wp/wp-content/themes/haifield/img/bg_side.png);
}
#top_situation_body {
padding: 10px 15px 0 15px;
}
#situation_date {
font-size: 80%;
text-align: right;
margin: 0 0 5px 0;
}
#top_situation dl {
margin-bottom: 10px;
line-height: 150%
}
#top_situation dt.month {
float: left;
width: 120px;
text-align: right;
border-top: 1px dotted #ccc;
}
#top_situation dd.month {
text-align: right;
padding-right: 10px;
border-top: 1px dotted #ccc;
}
#top_situation dt.total {
float: left;
width: 120px;
text-align: right;
border-top: 3px double #ccc;
}
#top_situation dd.total {
text-align: right;
padding-right: 10px;
border-top: 3px double #ccc;
}
#top_situation p {
border: 3px double #638F45;
text-align: center;
padding: 3px 0;
color: #638F45;
font-size: 86%;
font-weight: bold;
}


#right {
width: 210px;
float: right;
margin: 0 0 0 10px;
}
ul#right_results {
width: 210px;
text-align: right;
padding: 15px 0 0 0;
}
ul#right_results li {
padding: 0 15px 10px 15px;
}
ul#right_results li.right_results_last {
padding: 0 15px 0 0;
}
ul#right_results img {
border: 1px solid #ccc;
padding: 4px;
margin: 0 0 5px 0;
}
a.a_arrow {
padding: 0 0 0 12px;
background: url(http://www.homepageni.com/wp/wp-content/themes/haifield/img/arrow.gif) no-repeat 0px 3px;
}

/*---------------------
         content
---------------------*/

#content {
float: left;
width: 470px;
}


/*---------------------
         foot
---------------------*/

#foot {
clear: both;
width: 910px;
height: 110px;
margin: auto;
background: url(http://www.homepageni.com/wp/wp-content/themes/haifield/img/bg_foot.png) no-repeat;
}
#foot_logo {
width: 490px;
padding: 40px 0 0 0px;
text-align: left;
font-size: 90%;
float: left;
}
#foot_logo img {
float: left;
margin:0 10px 0 20px;
}
#foot_inq {
float: right;
width: 415px;
padding: 20px 0 0 0px;
}
#foot_inq img {
margin:0 20px 0 0;
}

#copy {
width: 900px;
}
#copy table{
width: 100%;
font-size: 90%;
}
#copy table td{
padding: 3px;
}


/*---------------------
         index
---------------------*/
#narayun {
float: left;
padding: 0 0 10px 0;
width: 690px;
}

#content_bg,
#news_bg {
width: 470px;
background: url(http://www.homepageni.com/wp/wp-content/themes/haifield/img/bg_content_body.png);
}
#content_body,
#news_body {
padding: 5px 0 0 15px;
overflow: auto;
}
#content_body div.rere_parts {
width: 140px;
text-align: right;
line-height: 120%;
margin: 10px 10px 10px 0;
float: left;
/*font-size: 85%;*/
font-size: 78%;
}

    /* hide from Mac IE \*/
    * html #content_body div.rere_parts { margin: 10px 8px 10px 0; }
    /* */

#content_body div.rere_parts img {margin-bottom: 5px;}
#content_body div.rere_parts a {color: #555;}

/*
#content_body div.rere_parts a {
font-size: 70%;
padding: 0 0 0 12px;
background: url(http://www.homepageni.com/wp/wp-content/themes/haifield/img/arrow.gif) no-repeat 0px 2px;
}
*/

.content_footlink {
text-align: right;
clear:both;
margin: 0 15px 0 0;
width: 440px;
}

#news {
margin: 10px 0 0 0;
}
#news_body ul {margin: 0 0 10px 0;}
#news_body li {
padding: 0 0 0 10px;
list-style: none;
line-height: 25px;
background: url(http://www.homepageni.com/wp/wp-content/themes/haifield/img/dot.gif) no-repeat 0px 13px;
}
.news_date {
font-size: 70%;
}


/*---------------------
         archive
---------------------*/
.post {
width: 690px;
float: right;}
#cat_title {
height: 50px;
background: url(http://www.homepageni.com/wp/wp-content/themes/haifield/img/bg_h2.png) no-repeat;
}
#entry {
width: 690px;
min-height: 568px;
background: url(http://www.homepageni.com/wp/wp-content/themes/haifield/img/bg_690.png);
}
.entry_body {
padding: 10px 15px 0 15px;
}
.entry_body p{
line-height: 150%;
/*margin: 0 0 15px 5px;*/
padding: 0 0 15px 5px;
}
.entry_body h3 {
line-height: 32px;
font-size: 95%;
padding: 0 0 3px 10px;
background: url(http://www.homepageni.com/wp/wp-content/themes/haifield/img/bg_h3-trans.png) no-repeat;
}
a.prm_link {
text-decoration: none;
color: #555;
}
.entry_body ul {
margin: 0 0 15px 20px;
}
p.entry_date {
margin: -29px 10px 20px 5px;
text-align: right;
font-size: 80%;
}

p.box_gray {
border: 5px solid #E8E8E0;
padding: 10px;
}
.entry {
width: 100%;
}


/*---------------------
         results
---------------------*/
#cat_results,
#cat_news {
width: 485px;
float: left;
}

    /* hide from Mac IE \*/
    * html #sub_menu_body { width: 495px; }
    /* */

#cat_news h2,
#cat_results h2 {
line-height: 32px;
font-size: 95%;
padding: 0 0 3px 10px;
background: url(http://www.homepageni.com/wp/wp-content/themes/haifield/img/bg_h3_news-trans.png) no-repeat;
width: 100%;
}
#cat_news h2 a,
#cat_results h2 a {
color: #555;
text-decoration: none;
}
#cat_news h2 a:hover,
#cat_results h2 a:hover {
color: #555;
text-decoration: underline;
}

#cat_results img {
float: left;
border: 1px solid #ccc;
padding: 5px;
margin: 0 10px 0 0;
}
ul.post-meta {
list-style: none;
line-height: 160%;
font-size: 78%;
margin: 0 0 0 267px;
}
div.post-meta {
line-height: 160%;
font-size: 78%;
margin: 0 0 20px 267px;
}

#sub_menu {
width: 160px;
float: left;
margin: 10px 0 0 0;
}
#sub_menu_body {
background: #E8E8E0;
border-left: 1px solid #DBDBCE;
border-right: 1px solid #DBDBCE;
font-size: 78%;
width: 158px;
}

    /* hide from Mac IE \*/
    * html #sub_menu_body { width: 160px; }
    /* */

#sub_menu h3 {
padding: 3px 5px;
background: #fff;
margin: 0 1px 5px 1px;
font-weight: normal;
font-size: 100%;
}
#sub_menu li {
margin: 0 10px;
padding: 0 0 0 10px;
list-style: none;
line-height: 18px;
background: url(http://www.homepageni.com/wp/wp-content/themes/haifield/img/dot.gif) no-repeat 0px 7px;
}
#sub_menu_body div {
padding: 0 10px 0 10px;
line-height: 230%;
}

form#searchform {
margin: 10px 0 10px 5px;
}


/*---------------------
         corp
---------------------*/
table#corp {
font-size: 95%; /* Resets 1em to 10px */
line-height: 150%;
width: 100%;
border: 1px solid #E4E3D9;
}
table#corp th {
width: 150px;
vertical-align: top;
padding: 8px 10px;
}
table#corp td {
vertical-align: top;
padding: 8px 10px;
}
.color_on {
background: #EDECE5;
}


/*---------------------
         inq
---------------------*/

table#inq {
line-height: 150%;
width: 100%;
border: 1px solid #E4E3D9;
}
table#inq th {
width: 150px;
padding: 8px 10px;
font-size: 95%; /* Resets 1em to 10px */
}
table#inq td {
padding: 8px 10px;
}
table#inq input.input_corp,
table#inq input.wpcf7-validates-as-required,
textarea.wpcf7-validates-as-required {
border: 5px solid #d6d6d6;
width: 90%;
padding: 10px;
font-weight: normal;
color: #555;
font-size: 95%; /* Resets 1em to 10px */
}
    /* hide from Mac IE \*/
    * html input.input_corp { height:40px; }
    * html input.wpcf7-validates-as-required { height:40px; }
    /* */

table#inq input {
width: 50%;
padding: 10px;
font-weight: bold;
color: #555;
}

.sred {
color: #c00;
}