@charset "UTF-8";

/*
Theme Name: weednet.co.jp
Theme URI: http://weednet.co.jp
Description: weednet.co.jp
Version: 0.1a
Author: _weed Co Ltd
Author URI: http://weednet.co.jp
*/

/* ----------------------------------------
  reset
---------------------------------------- */
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 12px;
  line-height: 1.6;
  vertical-align: baseline;
  background: transparent;
}

article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block;
}

ul {
  list-style: none;
}

blockquote, q {
  quotes: none;
}

blockquote:before, blockquote:after,
q:before, q:after {
  content: '';
  content: none;
}

a {
  margin: 0;
  padding: 0;
  outline: 0;
  text-decoration: none;
  vertical-align: baseline;
  cursor: pointer;
}

ins {
  text-decoration: none;
}

mark {
  background-color: #ff9;
  color: #862862;
  font-style: italic;
  font-weight: bold;
}

del {
  text-decoration: line-through;
}

abbr[title], dfn[title] {
  color: #593869;
  cursor: help;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

hr {
  display: block;
  margin: 1.5em 0;
  padding: 0;
  border: 0;
}

input, select {
  padding: 0;
  border: 0;
  vertical-align: middle;
}

/* ----------------------------------------
  common
---------------------------------------- */
body {
  color: #393939;
}
body, textarea {
  font-size: 12px !important;
  line-height: 1.6 !important;
  font-family: "メイリオ", Meiryo, "ヒラギノ角ゴシック Pro W3", "Hiragino Kaku Gothic Pro",
   "ＭＳ ゴシック", "MS Gothic", "ＭＳ Ｐゴシック", "MS PGothic", "lucida grande", verdana, arial, Sans-Serif;
  *font-size: small;
  *font: x-small;
}

#wrapper,
#header {
  width: 100%;
  min-width:900px;
  margin: 0 auto;
}

#global_navigation,
#top_contents,
#service,
#corporate_profile,
#production,
#careers,
#inquiry,
#footer {
  width: 900px;
  margin: 0 auto;
}

.clearfix:after { /*floatの解除*/
  display:block;
  clear:both;
  height:0px;
  visibility:hidden;
  content:".";
}
.clearfix {
  min-height: 1px; /*IE6、7対策*/
}
* html .clearfix {
  height: 1px;
  /*¥*//*/ /*MAC IE5.x対策*/
  height: auto;
  overflow: hidden;
  /**/
}
.br{
  display: block;
  font-size:inherit;
}

/* ----------------------------------------
  index.css
---------------------------------------- */

#wrapper {
  position: relative;
}

#header{
  background : #054E3C;
  height:400px;
  width:100%;
  margin: 0 auto 0 auto;
}
#header #logo{
  text-indent:-9999px;
  background: url(../images/logo.png) center center no-repeat;
  height:400px;
  width:900px;
  margin: 0 auto 0 auto;
}

#global_navigation {
  position: absolute;
  top:20px;
  right:0px;
  display: block;
  margin: 0 0 0 auto;
  width:80px;
}
#global_navigation ul {
  display: block;
  margin: 0 0 0 auto;
  width:80px;
}

#global_navigation li {
  text-indent:-9999px;
  display: block;
  width:80px;
  height:60px;
}

#global_navigation li a{
  display: block;
  width:80px;
  height:60px;
}

#global_navigation li a:hover{
  display: block;
  width:80px;
  height:60px;
}
#gn_0 {
  background : url(../images/gn.png) 0 0 no-repeat;
}
#gn_0 a:hover {
  background : url(../images/gn.png) -80px 0 no-repeat;
}
#gn_1 {
  background : url(../images/gn.png) 0 -60px no-repeat;
}
#gn_1 a:hover {
  background : url(../images/gn.png) -80px -60px no-repeat;
}
#gn_2 {
  background : url(../images/gn.png) 0 -120px no-repeat;
}
#gn_2 a:hover {
  background : url(../images/gn.png) -80px -120px  no-repeat;
}
#gn_3 {
  background : url(../images/gn.png) 0 -180px no-repeat;
}
#gn_3 a:hover {
  background : url(../images/gn.png) -80px -180px  no-repeat;
}
#gn_4 {
  background : url(../images/gn.png) 0 -240px no-repeat;
}
#gn_4 a:hover {
  background : url(../images/gn.png) -80px -240px  no-repeat;
}
#gn_5 {
  background : url(../images/gn.png) 0 -300px no-repeat;
}
#gn_5 a:hover {
  background : url(../images/gn.png) -80px -300px  no-repeat;
}

#top_contents,
#service,
#corporate_profile,
#production,
#careers,
#inquiry{
  margin-bottom: 100px;
/*  background:#ccc; */
}
#top_contents{
  width:100%;
  padding-top:20px;
  background: url(../images/background.png) center top;
}
#top_inbox1{
  width:900px;
  margin: 0 auto;
}
#top_inbox1 h1{
  font-size: 150%;
  width:900px;
  text-align:center;
  color:#054E3C;
  margin:0 auto 40px auto;
}
#top_inbox1 h3{
  font-size:140%;
  width:100%;
  color:#054E3C;
  margin:0 0 6px 0;
}
#top_inbox1 .top_body1{
  width:210px;
  float:left;
  margin:0 0 0 100px;
}
#top_inbox1 .top_body2{
  width:210px;
  float:left;
  margin:0 35px 0 35px;
}
#top_inbox1 .top_body3{
  width:210px;
  float:left;
  margin:0 100px 0 0;
}
#top_inbox2{
  width:100%;
  height:160px;
  background: url(../images/top_inbox_background.png) center bottom no-repeat;
}

.page_title h2{
  font-size:180%;
  color:#054E3C;
  margin:0 100px 20px 100px;
  background: url(../images/page_hr.png) center bottom no-repeat;
}

#service #service_body {
  width: 700px;
  margin: 0 auto;
}
#service .sb_in_left {
  width: 210px;
  float:left;
  margin: 0 0 50px 0;
}
#service .sb_in_center {
  width: 210px;
  float:left;
  margin: 0 35px 50px 35px;
}
#service .sb_in_right {
  width: 210px;
  float:left;
  margin: 0 0 50px 0;
}
#service h3{
  font-size:140%;
  width:100%;
  color:#054E3C;
  margin:0 0 6px 0;
}

#corporate_profile #profile {
  width:280px;
  float:left;
  margin:0 20px 0 100px;
}
#corporate_profile #profile dt{
  display: block;
  width:70px;
  float:left;
  margin:0 0 10px 0;
}
#corporate_profile #profile dd{
  display: block;
  width:210px;
  float:left;
  margin:0 0 10px 0;
}
#corporate_profile #map {
  width:400px;
  float:left;
  margin:0 0 50px 0;
}
#corporate_profile #map_canvas {
  width:398px;
  height:0px;
  border:solid 0px #054E3C;
  margin:0 0 3px 0;
}
#corporate_profile #map_body {
  width:400px;
}
#corporate_profile #map #googlemap_link {
  display: block;
  text-align:center;
  width:100px;
  padding:2px;
  color:#fff;
  background:#054E3C;
}
#corporate_profile h3{
  font-size:140%;
  width:100%;
  color:#054E3C;
  margin:0 0 6px 0;
}
#corporate_profile #concept {
  width:700px;
  margin:0 100px;
}
#corporate_profile #concept_image {
  width:270px;
  height:150px;
  float:left;
  margin:0 30px 0 0;
  background: url(../images/concept_image.png) left bottom no-repeat;
}
#corporate_profile #concept_body {
  width:400px;
  float:left;
  margin:0 0 10px 0;
}
#production #production_body {
  width:700px;
  height:40em;
  margin:0 100px;
}
#careers #careers_body {
  width:700px;
  margin:0 100px;
}
#inquiry #inquiry_body {
  width:700px;
  margin:0 100px;

}
#inquiry_body input {
  border:solid 1px #054E3C;
}
#inquiry_body textarea {
  border:solid 1px #054E3C;
}

#inquiry_body dt{
  display: block;
  width:150px;
  float:left;
  margin:0 0 10px 0;
}
#inquiry_body dd{
  display: block;
  width:550px;
  float:left;
  margin:0 0 10px 0;
}
#inquiry_body span.red{
  color:#F00;
}
#inquiry a{
  color:#054E3C;
}
#inquiry a:hover{
  color:#999;
}
#form_name{
style="ime-mode:active;
  width:200px;
  height:20px;}
.form_sex{
  height:20px;}
#form_age{
ime-mode:inactive;
  width:40px;
  height:20px;}
#form_zipcode{
ime-mode:inactive;
  width:100px;
  height:20px;}
#form_address{
style="ime-mode:active;
  width:400px;
  height:20px;}
#form_tel{
ime-mode:inactive;
  width:200px;
  height:20px;}
#form_mail{
ime-mode:inactive;
  width:400px;
  height:20px;}
#form_textarea{
style="ime-mode:active;
  width:500px;
  height:200px;}
#form_submit{
  padding:8px 16px;
  display: block;
}

#footer{
  width:700px;
  margin:0 auto;
}

#footer div{
  display: block;
  padding:0 20px 0 0;
  float:left;
  margin:0 0 0 0;
}
#footer a{
  color:#999;
}

#footer a:hover{
  color:#054E3C;
}
#h_space{
  height:3em;
}

/*
Font-size Adjustment

10px 	77%
11px 	85%
12px 	93%
13px 	100%
14px 	108%
15px 	116%
16px 	123.1%
17px 	131%
18px 	138.5%
19px 	146.5%
20px 	153.9%
21px 	161.6%
22px 	167%
23px 	174%
24px 	182%
25px 	189%
26px 	197%

*/