body {
  text-align: center;
  margin: 0;
  padding: 0;
  background-color: #ffffe0;
  font-family: 'Lucida Grande','Hiragino Kaku Gothic Pro',sans-serif;
  color: #666666;
}

a:link {
  color: #E32E61;
}
a:visited {
  color: #E32E61;
}
a:active {
  color: #E32E61;
}
a:hover {
  color: #E670AB;
}

a img {
  border: 0;
}

#wrap {
  width: 810px;
  margin: auto;
  background: url("./img/back.gif") repeat-y;
}

#container {
  width: 800px;
  margin: auto;
  text-align: left;
  background: url("./img/main_bg.gif") repeat-y;
}

#d_container {
  width: 800px;
  margin: auto;
  text-align: left;
  background: url("./img/d_main_bg.gif") repeat-y;
}

/*****header area*****/
h1 {
  margin: 0;
  color: #fff;
  font-size: 12px;
  font-weight: normal;
  text-align: center;
  background-color: #93020b;
}

#header {
  width: 800px;
  height: 150px;
  background-image: url("./img/header.jpg");
  background-repeat: no-repeat;
}
#d_header {
  width: 800px;
  height: 280px;
  background-image: url("./img/d_header.gif");
  background-repeat: no-repeat;
}

#header h1, #d_header h1, #header p {
  text-indent: -5000px;
  margin:0;
}

#header h2, #d_header h2 {
  text-indent: -5000px;
  margin: 0;
  height: 0;
  line-height: 0;
}

#header p, #d_header p {
  text-indent: -5000px;
  margin:0;
}

#header a {
  display: block;
  width: 800px;
  height: 150px;
}
#d_header a {
  display: block;
  width: 800px;
  height: 260px;
}


/*****menu area*****/

#menuarea ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
  width: 800px;
}

#menuarea li {
  float: left;
  text-indent: -5000px;
}

#menuarea a {
  width: 160px;
  height: 36px;
  display: block;
  background-repeat: no-repeat;
}

a#btn_pc:link,
a#btn_pc:visited {
  background-image: url("./img/button_pc.gif");
}
a#btn_pc:hover,
a#btn_pc_selected {
  background-image: url("./img/button_pc_o.gif");
}

a#btn_cs:link,
a#btn_cs:visited {
  background-image: url("./img/button_cs.gif");
}
a#btn_cs:hover,
a#btn_cs_selected {
  background-image: url("./img/button_cs_o.gif");
}

a#btn_co:link,
a#btn_co:visited {
  background-image: url("./img/button_co.gif");
}
a#btn_co:hover,
a#btn_co_selected {
  background-image: url("./img/button_co_o.gif");
}

a#btn_ic:link,
a#btn_ic:visited {
  background-image: url("./img/button_ic.gif");
}
a#btn_ic:hover,
a#btn_ic_selected {
  background-image: url("./img/button_ic_o.gif");
}

a#btn_se:link,
a#btn_se:visited {
  background-image: url("./img/button_se.gif");
}
a#btn_se:hover,
a#btn_se_selected {
  background-image: url("./img/button_se_o.gif");
}



a#d_btn_pc:link,
a#d_btn_pc:visited {
  background-image: url("./img/d_button_pc.gif");
}
a#d_btn_pc:hover,
a#d_btn_pc_selected {
  background-image: url("./img/d_button_pc_o.gif");
}

a#d_btn_cs:link,
a#d_btn_cs:visited {
  background-image: url("./img/d_button_cs.gif");
}
a#d_btn_cs:hover,
a#d_btn_cs_selected {
  background-image: url("./img/d_button_cs_o.gif");
}

a#d_btn_co:link,
a#d_btn_co:visited {
  background-image: url("./img/d_button_co.gif");
}
a#d_btn_co:hover,
a#d_btn_co_selected {
  background-image: url("./img/d_button_co_o.gif");
}

a#d_btn_ic:link,
a#d_btn_ic:visited {
  background-image: url("./img/d_button_ic.gif");
}
a#d_btn_ic:hover,
a#d_btn_ic_selected {
  background-image: url("./img/d_button_ic_o.gif");
}

a#d_btn_se:link,
a#d_btn_se:visited {
  background-image: url("./img/d_button_se.gif");
}
a#d_btn_se:hover,
a#d_btn_se_selected {
  background-image: url("./img/d_button_se_o.gif");
}


#leftarea {
  float: left;
  width: 150px;
  margin: 0;
  padding: 0 5px;
  font-size: 0.9em;
  line-height: 1.4em;
}



#leftarea img {
  border: 0;
}

#leftarea h3 a {
  display: block;
  width: 145px;
  height: 40px;
}

#side_new {
  width: 145px;
  height: 30px;
  text-indent: -5000px;
  background-image: url("./img/sidebtn_new.gif");
  background-repeat: no-repeat;
}
#side_work {
  width: 145px;
  height: 30px;
  text-indent: -5000px;
  background-image: url("./img/sidebtn_work.gif");
  background-repeat: no-repeat;
}
#side_explorer {
  width: 145px;
  height: 30px;
  text-indent: -5000px;
  background-image: url("./img/sidebtn_explorer.gif");
  background-repeat: no-repeat;
}

h3.blogtitle {
  margin-top: 30px;
  text-align: center;
  border-style: solid;
  border-width: 0 5px;
  border-color: #93020b;
}

.rss-item {
  font-size: 0.95em;
  list-style: none;
}

#d_left_menu #side_work {
  width: 145px;
  height: 30px;
  text-indent: -5000px;
  background-image: url("./img/d_sidebtn_work.gif");
  background-repeat: no-repeat;
}
#d_left_menu #side_explorer {
  width: 145px;
  height: 30px;
  text-indent: -5000px;
  background-image: url("./img/d_sidebtn_explorer.gif");
  background-repeat: no-repeat;
}


#side_ad, #side_qr {
  margin: 40px 0 20px;
  text-align: center;
  font-size: 13px;
  color: #eeeeee;
  background-color: #93020b;
}

.ad {
  margin: 0 5px;
}

.ad p {
  margin: 0 0 20px;
  font-size: 0.8em;
  line-height: 1.2em;
}



#mainarea {
  float: left;
  width: 620px;
  margin: 0px 0px 0px 0px;
  padding: 20px 0px 0px 20px;
  background-color: #ffffff;
}


#mu {
  margin: 0 20px 0 0;
  text-align: right;
}

#footer, #d_footer {
  clear: both;
}

#footer p {
  background-color: #93020b;
  color: #eeeeee;
  text-align: center;
  font-size: 0.9em;
  line-height: 25px;
  margin: 0;
}

#d_footer p {
  background-color: #c5dd81;
  color: #333333;
  text-align: center;
  font-size: 0.9em;
  line-height: 25px;
  margin: 0;
}


.imgleft {
  float: left;
  margin-right: 10px;
  border-style: solid;
  border-width: 1px;
  border-color: #999999;
}
.imgright {
  float: right;
  margin-left: 10px;
  border-style: solid;
  border-width: 1px;
  border-color: #999999;
}
.imgcenter {
  margin-right: 10px;
  margin-left: 10px;
}

.imgvcenter {
  margin-top: 90px;
  margin-bottom: 90px;
}

.imgv2center {
  margin-top: 60px;
  margin-bottom: 55px;
}

.imgborder {
  border-style: solid;
  border-width: 1px;
  border-color: #999999;
}

.center {
  text-align: center;
}

.right {
  text-align: right;
}

.left {
  text-align: left;
}

.clr {
  clear: both;
}

.campaign {
  display: block;
  background-color: #eeee88;
}

.campaign_personal {
  text-align: center;
}



/*****top page style*****/
#personal {
  width: 560px;
  height: 340px;
  padding: 55px 20px 0 20px;
  margin: 0 20px 0 0;
  background-image: url("./img/bar_personal.jpg");
  background-repeat: no-repeat;
  background-color: #aaaaaa;
}

#company {
  width: 560px;
  height: 450px;
  padding: 55px 20px 0 20px;
  margin: 0 20px 0 0;
  background-image: url("./img/bar_company.jpg");
  background-repeat: no-repeat;
  background-color: #aaaaaa;
}


.block {
  width: 560px;
  height: 140px;
  margin-bottom: 10px;
  background-color: #f0f2ff;
}

.block_right {
  width: 350px;
  height: 140px;
  float: right;
  margin: 0;
  background-image: url("./img/right_bg.gif");
  background-repeat: no-repeat;
}


#block_pc {
  width: 210px;
  height: 140px;
  margin: 0;
  float: left;
  text-indent: -5000px;
  background-image: url("./img/title_pc.jpg");
}
#block_cs {
  width: 210px;
  height: 140px;
  margin: 0;
  float: left;
  text-indent: -5000px;
  background-image: url("./img/title_cs.jpg");
}
#block_co {
  width: 210px;
  height: 140px;
  margin: 0;
  float: left;
  text-indent: -5000px;
  background-image: url("./img/title_co.jpg");
}
#block_ic {
  width: 210px;
  height: 140px;
  margin: 0;
  float: left;
  text-indent: -5000px;
  background-image: url("./img/title_ic.jpg");
}
#block_se {
  width: 210px;
  height: 140px;
  margin: 0;
  float: left;
  text-indent: -5000px;
  background-image: url("./img/title_se.jpg");
}

.block_end {
  width: 600px;
  height: 5px;
  margin: 0 0 20px 0;
  background-image: url("./img/block_end.gif");
  background-repeat: no-repeat;
}


.block h3 {
  font-size: 0.9em;
  color: #666666;
  margin: 0;
  padding: 10px 6px 0 5px;
}

.block p {
  line-height: 1.2em;
  font-size: 0.8em;
  color: #666666;
  margin: 0;
  padding: 0 6px 0 5px;
}

.block p.detail {
  text-indent: 260px;
}

.block_ext {
  color: #eeeedd;
  font-size: 0.9em;
}

#leftarea ul {
  padding: 0 3px 0 15px;
  margin: 0;
}

#leftarea li {
  margin-bottom: 5px;
}

.work_h {
  margin: 50px 20px 20px 0;
}

.work, .work_w {
  width: 600px;
  padding: 0 0 20px;
  margin: 0 20px 0 0;
}

.work h5, .work_w h5{
  margin: 0;
  text-align: center;
  font-size: 1.0em;
  color: #444444;
  background-color: #dddddd;
}

.work div {
  width: 282px;
  float: left;
  padding: 0 9px;
  font-size: 0.8em;
}

.work_w div {
  width: 582px;
  padding: 0 9px;
  font-size: 0.8em;
}

.work p, .work_w p {
  margin: 0;
}




/*****second page style*****/

/*****common block area*****/
.common_hp {
  width: 580px;
  height: 32px;
  padding: 13px 0 0 20px;
  margin: 0;
  background-image: url("./img/common_barp.jpg");
  background-repeat: no-repeat;
  color: #dddddd;
  font-size: 14pt;
}
.common_hc {
  width: 580px;
  height: 32px;
  padding: 13px 0 0 20px;
  margin: 0;
  background-image: url("./img/common_barc.jpg");
  background-repeat: no-repeat;
  color: #dddddd;
  font-size: 14pt;
}
.common_block {
  width: 560px;
  padding: 20px 20px 0 20px;
  margin: 0;
  background-color: #ffeeee;
}

.common_block p {
  margin: 0;
  padding: 0 0 10px 0;
  line-height: 1.5em;
}

.common_block ul {
  line-height: 1.5em;
}

.common_block li {
  margin: 0 0 10px 0;
}

.common_block_end {
  width: 600px;
  height: 5px;
  margin: 0 0 20px 0;
  background-image: url("./img/common_block_end.gif");
  background-repeat: no-repeat;
  clear: both;
}

#mainarea h4 {
  background-color: #ffffee;
}

#mainarea dl {
  margin-top: 0;
}

#mainarea dt {
  margin-bottom: 2px;
}

#mainarea dd {
  margin-bottom: 20px;
}

#mainarea li {
  margin-bottom: 5px;
}

.koza dt {
  float: left;
  width: 80px;
  padding-left: 5px;
  border-style: solid;
  border-width: 0 0 0 5px;
  border-color: #93020B;
}

.koza dd {
  margin-left: 90px;
}

.border {
  border-style: solid;
  border-width: 1px;
  margin-bottom: 10px;
  padding: 5px;
}

.seminar dt {
  color: #333333;
  font-size: 1.2em;
  padding-left: 5px;
  border-style: solid;
  border-width: 0 0 0 5px;
  border-color: #93020B;
}

.profile dt {
  float: left;
  width: 90px;
  color: #555555;
  padding-left: 5px;
  border-style: solid;
  border-width: 0 0 0 5px;
  border-color: #93020B;
}

.profile dd {
  margin-left: 100px;
}

.profile ul {
  font-size: 0.9em;
  line-height: 1.0em;
}

.weblink dt {
  float: left;
  width: 220px;
}

.weblink dd {
  margin-left: 240px;
}

.weblink img {
  border-width: 0;
}


/*****contact form*****/
#contact dt {
  padding-left: 5px;
  border-width: 0 0 0 8px;
  border-style: solid;
  border-color: #93020B;
}

#contact dd {
  margin: 5px 0 20px 0;
}

#contact .broad {
  width: 400px;
}

.contact_tel {
  font-size: 1.5em;
}


/*****blog style*****/
.entry-header {
    margin-top: 0;
    border-left: 5px solid #93020B;
    padding: 0 0 0 10px;
    color: #222222;
    font-size: 18px;
}

.common_hd {
  width: 580px;
  height: 32px;
  padding: 13px 0 0 20px;
  margin: 0;
  text-indent: -5000px;
  background-image: url("./img/d_bar_diary.gif");
  background-repeat: no-repeat;
  color: #dddddd;
  font-size: 14pt;
}


/*****blog AD style*****/
.blog_ad_list {
  margin: 20px 0;
  padding: 10px 20px 5px 30px;
  font-size: 0.8em;
  background-color: #eedddd;
  border-style: solid;
  border-width: 1px;
  border-color: #cccccc;
}

.blog_ad_link {
  text-align: center;
  font-size: 0.8em;
}


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