/*
Theme Name: diamondmc
Theme URI: ./
Description: diamondmc
Version: 1.0
Author: haifield
Author URI: http://www.haifield.jp/
*/


* {
margin: 0;
padding: 0;
}

body {
font-size: 62.5%; /* Resets 1em to 10px */
font-family: 'meiryo', 'Lucida Grande', Verdana, Arial, Sans-Serif;
color: #555;
background: #fff url(../../../../../img/body_bg.jpg) repeat-x bottom;
}
img {border: 0;}
table {font-size: 1em;}

a:link,
a:visited {
color: #68c;
}
a:hover {
text-decoration: underline;
color: #69c;
}

table {
font-size: 1em;
}

/*-------------------------
       USEFUL-CLASS
-------------------------*/
.align_l {text-align: left;}
.align_r {text-align: right;}
.align_c {text-align: center;}
.valign_t {vertical-align: top;}
.float_l {float: left;}
.float_r {float: right;}
.clear {clear: both;}
.w100 {width: 100%;}
.auto {margin: auto;}


/*-------------------------
           FRAME
-------------------------*/
#head {
height: 88px;
background: url(../../../../../img/head_bg.gif) repeat-x top;
}
#head_body {
width: 900px;
height: 88px;
}

#page {
width: 900px;
font-size: 1.2em;
}

#content {
width: 640px;
}

#sidebar {
width: 250px;
}

#foot {
height: 200px;
background: url(../../../../../img/foot_bg.jpg) no-repeat center 30px;
}
#foot_body {
width: 900px;
/* background: url(../../../../../img/side_bg.jpg) no-repeat right top; */
}


/*-------------------------
           HEAD
-------------------------*/
#head .align_r {
height: 30px;
}

#menu {
height: 62px;
background: url(../../../../../img/menu_bg.jpg) repeat-x;
}
#menu_body {
width: 900px;
height: 62px;
list-style: none;
}
#menu_body li {
height: 62px;
}

#main_img {
background: url(../../../../../img/main_img_bg.jpg) repeat-x;
}

#path {
background: url(../../../../../img/path_bg.jpg) repeat-x;
margin: 0 0 20px 0;
}
#path_body {
width: 900px;
line-height: 18px;
height: 20px;
}


/*-------------------------
           SIDEBAR
-------------------------*/
#side_story {
margin: 0 0 10px 0;
padding: 0 0 10px 0;
background: url(../../../../../img/dot_gr.gif) repeat-x left bottom;
}
.side_story_body {
background: url(../../../../../img/top_story_bg.gif) repeat-y;
}
#side_story img.float_l{
margin: 0 5px 10px 7px;
border: 3px solid #fff;
}
#side_story li {
list-style: none;
padding: 0 0 8px 73px;
}

.side_bn {
padding: 10px 0 0 0;
background: url(../../../../../img/dot_gr.gif) repeat-x left top;
}
.side_bn p,
#side_link p {
margin: 0 0 10px 0;
}
p.ssl {
color: #333;
font-size: 0.9em;
padding: 0 30px;
}
a#aa img {
margin: 0 0 5px 0;
}


/*-------------------------
           FOOT
-------------------------*/
#copy_wrap {
width: 900px;
height: 80px;
padding: 0px 0 0 0;
}
#copy_wrap p {
padding: 30px 0 0 0;
}
#copy_wrap div.float_r {
padding: 10px 0 0 0;
}
.foot_bn {
width: 88px;
margin: 0 0 0 10px;
}
#foot img {
/*margin: 130px 150px 0 0;*/
margin: 130px 66px 0 0;
}


/*-------------------------
           INDEX
-------------------------*/
.top_service_body {
width: 640px;
height: 80px;
margin: 0 0 10px 0;
}
#top_service ul {
width: 360px;
height: 37px;
padding: 3px 0 0 0;
list-style: none;
background: url(../../../../../img/service_case.gif) no-repeat;
}
#top_service li {
margin: 0 0 0 66px;
padding: 0 0 1px 7px;
background: url(../../../../../img/arrow_gr.gif) no-repeat 0px 50%;
}

#top_news {
margin: 20px 0 0px 0;
}
#top_news li {
list-style: none;
margin: 0 5px;
padding: 5px;
background: url(../../../../../img/dot_gr.gif) repeat-x left bottom;
}
#top_news span {
padding: 0 10px 0 0;
font-size: 0.9em;
}


/*-------------------------
           CONTENT
-------------------------*/
.cat_img {
margin: 0 0 20px 0;
}

.post {
font-size: 1.1em;
line-height: 180%;
}
.post h2 {
font-family: "ヒラギノ明朝 Pro","ＭＳ 明朝";
padding: 0 0 15px 0;
font-size: 1.2em;
letter-spacing: 2px;
color: #486C6E;
background: url(../../../../../img/h2_bg.jpg) no-repeat bottom;
}
.post h2 a {
color: #486C6E;
text-decoration: none;
}
.post p {
padding: 0 0 20px 0;
}
.post ol,
.post ul {
margin: 0 0 20px 23px;
}

.entry img.alignleft {
float: left;
margin: 0 15px 0 0;
}
.entry img.alignright {
float: right;
margin: 0 0 0 15px;
}
.entry img.aligncenter {
display: block;
margin: 0 auto;
}

.navigation {
padding: 5px 0 0 0;
background: url(../../../../../img/dot_gr.gif) repeat-x left top;
}


/*-------------------------
          TABLE
-------------------------*/
.tbl_company {
background: #ccc;
margin: 0 0 20px 0;
}
.tbl_company th {
width: 130px;
padding: 5px 8px;
vertical-align: top;
background: #f3f3f3;
border-top: 1px solid #e6e6e6;
border-left: 1px solid #e6e6e6;
border-bottom: 1px solid #fff;
border-right: 1px solid #fff;
}
.tbl_company th span {
color: #c00;
}
.tbl_company td {
padding: 5px 8px;
vertical-align: top;
background: #fff;
border-left: 1px solid #eee;
border-top: 1px solid #fff;
border-bottom: 1px solid #fff;
border-right: 1px solid #fff;
}
.tbl_company td input,
.tbl_company td textarea {
border-top: 1px solid #ccc;
border-left: 1px solid #ccc;
border-right: 1px solid #eee;
border-bottom: 1px solid #eee;
padding: 3px;
font-size: 1em;
color: #555;
width: 400px;
}
.tbl_company td.align_c input {
border-top: 1px solid #eee;
border-left: 1px solid #eee;
border-right: 1px solid #ccc;
border-bottom: 1px solid #ccc;
padding: 10px;
font-size: 1.2em;
font-weight: bold;
color: #f90;
width: 300px;
}
