@charset "shift_jis" ;

/* ページ全体
----------------------------------------------- */

body{
  margin: 0;
  padding: 0:
  margin-bottom : 15px;
  font-size: small;
  color: #666666;
  background: #ffffff;
}

h1,h2,h3,h4,h5,p,div,ul,li,blockquote,img,form,dl,dt,dd{
  margin: 0;
  padding: 0:
}

a:link{
  color:#ffffff;
  text-decoration: none;
}

a:visited{
  color:#ffffff;
  text-decoration: none;
}

a:hover,a:active{
  color:#ee0a0a;
  text-decoration: none;
}

p,li:{
  font-family: ＭＳ Ｐゴシック, Osaka, MS UI Gothic, sans-serif
}

/* ヘッダ
----------------------------------------------- */

#header{
margin : 0 ;
padding : 0 ;
width : 760px ;
background : #ffffff ;
}

#header h1{
margin : 0 ;
padding : 0 ;
width : 760px ;
height : 60px ;
background : url("img/title.jpg") no-repeat ;
text-indent : -9999px ;
}

#menu {
  margin : 0 ;
  padding : 0 ;
  width: 760px ;
  height: 21px ;
  background: #456cb1;
  border-top: solid 2px #0e3987 ;
  border-bottom: solid 2px #0e3987 ;
}

#menu ul{
  list-style: none;
  margin: 3px 3px 5px 305px ;
  padding: 0;
}

#menu li{
  list-style: none;
  float: left;
  margin : 0 ;
  padding: 0 7px;
}

#border{
  border-right: solid 1px #ffffff ;
}


/* フッタ
----------------------------------------------- */

#footer{
  width: 760px;
  float: none ;
}

#copy{
  padding: 3px 0 ;
  background: #456cb1;
  color: #ffffff ;
  text-align: center ;
  font-family:Arial, Verdana, sans-serif ;
}

#add{
  margin: 15px 0 15px 0 ;
  text-align: center ;
  font-family: ＭＳ Ｐゴシック, Osaka, MS UI Gothic, sans-serif ;
}



/* ボディ
----------------------------------------------- */

#pagebody{
  width: 740px;
  height: 518px;
  padding: 70px 10px 0 10px ;
  background: #ffffff;
}

#top{
  width: 400px ;
  height: 287px;
  background: url("img/top.gif") no-repeat ;
  position : absolute ;
  top : 110px;
  left : 179px;
  text-indent: -9999px ;
}

#pagebody ul{
margin : 0 0 20px 0 ;
padding : 0 ;
list-style : none ;
}

#pagebody li, #pagebody a{
display : block ;
width : 250px ;
height : 64px ;
margin-bottom : 5px ;
}

#pagebody li{
text-indent : -9999px ;
}

#menu01{
  float:left ;
}

#menu02{
  float:right ;
}

#bt01 a{background : url("img/bt01.gif") no-repeat;}
#bt02 a{background : url("img/bt02.gif") no-repeat;}
#bt03 a{background : url("img/bt03.gif") no-repeat;}
#bt04 a{background : url("img/bt04.gif") no-repeat;}
#bt05 a{background : url("img/bt05.gif") no-repeat;}
#bt06 a{background : url("img/bt06.gif") no-repeat;}

#bt01 a:hover{background : url("img/bt01-2.gif") no-repeat;}
#bt02 a:hover{background : url("img/bt02-2.gif") no-repeat;}
#bt03 a:hover{background : url("img/bt03-2.gif") no-repeat;}
#bt04 a:hover{background : url("img/bt04-2.gif") no-repeat;}
#bt05 a:hover{background : url("img/bt05-2.gif") no-repeat;}
#bt06 a:hover{background : url("img/bt06-2.gif") no-repeat;}


.ideology{
  margin : 0 ;
  padding : 0 ;
  position : absolute ;
  top : 420px ;
  left : 0 ;
  text-align : center ;
  background : url("img/ideology2.gif") no-repeat center top ;
  width: 760px ;
  height: 173px ;
  text-indent: -9999px;
}


.fujimoto{
  margin: 0;
  padding : 0 ;
  display: block;
  position : absolute ;
  top : 595px ;
  left : 200px ;
  text-align : center ;
  background : url("img/fujimoto2.gif") no-repeat center top ;
  width: 360px ;
  height: 68px ;
  text-indent: -9999px;
}

.pip{
  position : absolute ;
  top : 625px ;
  left : 625px ;
}

/* 会社概要
----------------------------------------------- */

#co_outline{
  width: 700px;
  padding: 20px 30px 40px 30px ;
  background: #ffffff;
}

#co_outline h2{
  width : 700px ;
  height : 34px ;
  background : url("img/outline_title.gif") no-repeat center ;
  text-indent : -9999px ;
}

#co_outline p{
  margin-left : 70px ;
}

#co_outline a:link, #co_outline a:visited{
  color : #003399 ;
}

#co_outline a:active, #co_outline a:hover{
  color : #ff0000 ;
}

.co01{
  width : 700px ;
  height : 20px ;
  background : url("img/outline_01_name.gif") no-repeat ;
  text-indent : -9999px ;
  margin : 20px 0 20px 0 ;
}

.co02{
  width : 700px ;
  height : 20px ;
  background : url("img/outline_02.gif") no-repeat ;
  text-indent : -9999px ;
  margin : 20px 0 20px 0 ;
}

.co03{
  width : 700px ;
  height : 20px ;
  background : url("img/outline_15.gif") no-repeat ;
  text-indent : -9999px ;
  margin : 20px 0 20px 0 ;
}

.co04{
  width : 700px ;
  height : 20px ;
  background : url("img/outline_03.gif") no-repeat ;
  text-indent : -9999px ;
  margin : 20px 0 20px 0 ;
}

.co05{
  width : 700px ;
  height : 20px ;
  background : url("img/outline_04.gif") no-repeat ;
  text-indent : -9999px ;
  margin : 20px 0 20px 0 ;
}

.co06{
  width : 700px ;
  height : 20px ;
  background : url("img/outline_06.gif") no-repeat ;
  text-indent : -9999px ;
  margin : 20px 0 20px 0 ;
}

.co07{
  width : 700px ;
  height : 20px ;
  background : url("img/outline_07.gif") no-repeat ;
  text-indent : -9999px ;
  margin : 20px 0 20px 0 ;
}

.co08{
  width : 700px ;
  height : 20px ;
  background : url("img/outline_08.gif") no-repeat ;
  text-indent : -9999px ;
  margin : 20px 0 20px 0 ;
}

.co09{
  width : 700px ;
  height : 20px ;
  background : url("img/outline_09.gif") no-repeat ;
  text-indent : -9999px ;
  margin : 20px 0 20px 0 ;
}

.co10{
  width : 700px ;
  height : 20px ;
  background : url("img/outline_10.gif") no-repeat ;
  text-indent : -9999px ;
  margin : 20px 0 20px 0 ;
}

.co11{
  width : 700px ;
  height : 20px ;
  background : url("img/outline_11.gif") no-repeat ;
  text-indent : -9999px ;
  margin : 20px 0 20px 0 ;
}

.co12{
  width : 700px ;
  height : 20px ;
  background : url("img/outline_12.gif") no-repeat ;
  text-indent : -9999px ;
  margin : 20px 0 20px 0 ;
}

.co13{
  width : 700px ;
  height : 20px ;
  background : url("img/outline_13.gif") no-repeat ;
  text-indent : -9999px ;
  margin : 20px 0 20px 0 ;
}

.co14{
  width : 700px ;
  height : 20px ;
  background : url("img/outline_14.gif") no-repeat ;
  text-indent : -9999px ;
  margin : 20px 0 20px 0 ;
}

.mizuho{
  padding-left : 1px ;
}




/* 沿革
----------------------------------------------- */

#history{
  width: 700px;
  padding: 20px 30px 40px 30px ;
  background: #ffffff;
}

#history h2{
  width : 700px ;
  height : 34px ;
  margin-bottom : 20px;
  background : url("img/history_title.gif") no-repeat center ;
  text-indent : -9999px ;
}


#his01{
  width : 600px ;
  height : 55px ;
  padding : 0;
  margin-left : 53px ;
  border-top : solid 1px #339999 ;
  list-style : none ;
  background : #ffffff;
}

#his01 li{
  float : left ;
  height : 45px ;
  list-style : none ;
  padding : 10px 12px 0 12px ;
}

#his02{
  width : 600px ;
  height : 65px ;
  padding : 0;
  margin-left : 53px ;
  border-top : solid 1px #339999 ;
  list-style : none ;
  background : #ffffff;
}

#his02 li{
  float : left ;
  height : 55px ;
  list-style : none ;
  padding : 10px 12px 0 12px ;
}

#his03{
  width : 600px ;
  height : 65px ;
  padding : 0;
  margin-left : 53px ;
  border-top : solid 1px #339999 ;
  border-bottom : solid 1px #339999 ;
  list-style : none ;
  background : #ffffff;
}

#his03 li{
  float : left ;
  height : 55px ;
  list-style : none ;
  padding : 10px 12px 0 12px ;
}

#p_bk{
  width : 80px ;
  background : #d6ebeb ;
}

/* アクセス
----------------------------------------------- */

#access{
  width: 700px;
  padding: 20px 30px 10px 30px ;
  background: #ffffff;
}

#access h2{
  width : 700px ;
  height : 34px ;
  margin-bottom : 20px;
  background : url("img/access_title.gif") no-repeat center ;
  text-indent : -9999px ;
}

#access img{
  margin : 0 150px ;
}

#map_word01{
  width : 420px ;
  margin : 0 150px 80px 150px ;
}

#map_word01 ul{
  float : left ;
  list-style : none ;
  margin : 0 1px 15px 0 ;
  padding : 0 ;
}

.point01{
  color : #ea5504 ;
}

#map_word03{
  width : 400px ;
  margin : 0 150px 8px 150px ;
}

#map_title_tokyo {
  width : 400px ;
  height : 19px ;
  margin : 10px 150px 15px 150px ;
  background : url("img/map_title_tokyo.gif") no-repeat center ;
  text-indent : -9999px ;
}

#map_title_osaka {
  width : 400px ;
  height : 19px ;
  margin : 10px 150px 15px 150px ;
  background : url("img/map_title_osaka.gif") no-repeat center ;
  text-indent : -9999px ;
}

#map_word02{
  width : 400px ;
  margin : 10px 150px 25px 150px ;
}

#map_word02 p{
  padding-left : 16px ;
  background : url("img/point03.gif") no-repeat ;
  line-height : 22px ;
}

#map_word02 img{
  margin : 0 ;
  padding : 0 ;
}

.root{
  font-size : 8pt ;
  margin-left : 20px ;
  line-height : 16px ;
}

/* お問合わせ
----------------------------------------------- */

#contact{
  width: 700px;
  padding: 20px 30px 30px 30px ;
  background: #ffffff;
}

#contact h2{
  width : 700px ;
  height : 34px ;
  margin-bottom : 30px;
  background : url("img/contact_title.gif") no-repeat center ;
  text-indent : -9999px ;
}


#form{
  margin : 0 130px 10px 130px ;
  padding : 0 ;
}

#contact p{
  margin-top : 5px ;
}


/* 事業内容
----------------------------------------------- */

#contents{
  width: 700px;
  padding: 20px 30px 10px 30px ;
  background: #ffffff;
}

#contents a:link{
  color : #003399 ;
  text-decoration: none;
}

#contents a:visited{
  color : #003399 ;
  text-decoration: none;
}

#contents a:hover,a:active{
  color:#ee0a0a;
  text-decoration: none;
}


#contents h2{
  width : 700px ;
  height : 34px ;
  margin-bottom : 20px;
  background : url("img/contents_title.gif") no-repeat center ;
  text-indent : -9999px ;
}

#contents h3{
  width : 700px ;
  height : 34px ;
  margin-bottom : 25px;
  background : url("img/contents_rinen.gif") no-repeat center ;
  text-indent : -9999px ;
}

.t01{
  width : 700px ;
  height : 20px ;
  margin-left : 80px ;
  margin-bottom : 10px;
  background : url("img/contents_subtitle_01.gif") no-repeat ;
  text-indent : -9999px ;
}

#contents dl{
  width : 500px ;
  margin-left : 110px ;
  margin-bottom : 10px;
}

#contents dt{
  margin-bottom : 10px ;
  font-weight : bold ;
}

#c01 dd{
  height : 132px ;
  padding-top : 10px ;
  padding-left : 215px ;
  background : url("img/bse.jpg") no-repeat ;
}

#c02 dd{
  height : 132px ;
  padding-top : 10px ;
  padding-left : 215px ;
  background : url("img/book.jpg") no-repeat ;
}

#c03 dd{
  height : 132px ;
  padding-top : 10px ;
  padding-left : 215px ;
  background : url("img/phytoceane.jpg") no-repeat ;
}

#c04 dd{
  height : 132px ;
  padding-top : 10px ;
  padding-left : 215px ;
  background : url("img/fleur.jpg") no-repeat ;
}

#c05 dd{
  height : 132px ;
  padding-top : 10px ;
  padding-left : 215px ;
  background : url("img/belaagio.jpg") no-repeat ;
}

#c13 dd{
  height : 132px ;
  padding-top : 10px ;
  padding-left : 215px ;
  background : url("img/oem.jpg") no-repeat ;
}

#c06 dd{
  height : 132px ;
  padding-top : 10px ;
  padding-left : 215px ;
  background : url("img/phytomer.jpg") no-repeat ;
}

.t02{
  width : 700px ;
  height : 20px ;
  margin :30px 0 10px 80px ;
  background : url("img/contents_subtitle_02.gif") no-repeat ;
  text-indent : -9999px ;
}

#c07{
  width : 500px ;
  margin-left : 110px ;
  margin-bottom : 10px;
}

.img01{
  margin : 20px 0 0 150px ;
  padding : 0 ;
}

.foot_url{
  text-align : center ;
  margin-bottom : 20px ;
  padding : 0 ;
}

#c07 ul{
  list-style : none ;
  margin : 5px 0 ;
  padding : 0 ;
}

.tokyo {
  background : url("img/daimaru_tokyo.jpg") no-repeat ;
}

.kobe {
  background : url("img/daimaru_kobe.jpg") no-repeat ;
}

.fukuoka {
  background : url("img/daimaru_fukuoka.jpg") no-repeat ;
}

#c07 dl{
  margin : 15px 0 ;
  padding : 0 ;
}

#c08 dd{
  margin : 0 ;
  height : 132px ;
  padding-top : 10px ;
  padding-left : 215px ;
  background : url("img/foot01.jpg") no-repeat ;
}

#c09{
  background : url("img/ashi.jpg") no-repeat right ;
}

#c09 dt{
  margin : 0 ;
  padding : 0 ;
}

#c09 dd{
  margin : 0 ;
  padding : 0 0 10px 20px ;
}

#c10 dd{
  margin : 0 ;
  height : 132px ;
  padding-top : 10px ;
  padding-left : 215px ;
  background : url("img/staff.jpg") no-repeat ;
}

#c11{
  width : 430px ;
  margin : 15px 0 20px 0 ;
}

#c11 ul{
  margin : 0 0 10px 0 ;
  padding : 0 ;
}

#c11 li{
  margin : 0 ;
  padding : 0 ;
}

#shop_left{
  float : left ;
}

#shop_right{
  float : right ;
}


.shop{
　float: none ;
  font-size : small ;
  border-bottom : solid 3px #3f0c02 ;
  margin-bottom : 10px ;
}

.shop2{
　float: none ;
  font-size : small ;
  border-bottom : solid 3px #3f0c02 ;
  margin-bottom : 10px ;
  margin-top : 185px ;
}

#c12 li {
  width : 150px ;
  margin : 0 16px 0 0 ;
  padding-top : 115px ;
  float : left ;
  text-align : center ;
}

#kara {
  height : 113px ;
}

#kara a {
  margin : 0 ;
  padding : 0 ;
  display : block ;
  height : 132px ;
  width : 200px ;
  text-decoration: none ;
  text-indent: -9999px;
}

.phytooceane {
  position : absolute;
  top : 622px ;
  left : 140px ;
}

.fleur-s {
  position : absolute;
  top : 800px ;
  left : 140px ;
}

.bellagio {
  position : absolute;
  top : 975px ;
  left : 140px ;
}

.phytomerjapan {
  position : absolute;
  top : 1330px ;
  left : 140px ;
}


/* 採用情報
----------------------------------------------- */

#recruit{
  width: 700px;
  padding: 20px 30px 10px 30px ;
  background: #ffffff;
}

#recruit h2{
  width : 700px ;
  height : 34px ;
  background : url("img/recruit_title.gif") no-repeat center ;
  text-indent : -9999px ;
}

#recruit table{
  margin : 25px ;
}

.rec_list{
 margin : 0 ;
 padding-left : 6px ;
 border-left : 6px solid #66cc66 ;
}

#recruit a{
  color : #0000ff ;
}

.contact {
 width : 600px ;
 margin : 5px 50px 10px 50px ;
}

.table {
 margin : 0 ;
 padding : 0 ;
}


/* IR
----------------------------------------------- */

#ir img{
 margin : 20px 0px 20px 30px ;
 padding : 0 ;
}

