/* tag reset */
html, body, h1, h2, h3, h4, h5, h6, p, span, strong, em, blockquote, a, ul, ol, li, dl, dt, dd, div, form, input, img {list-style:none; margin:0; padding:0; border:none;}

/* base */
body {color:#333333; font-family:"Lucida Grande", Arial, sans-serif; font-size:78%; line-height:145%;}
a {color:#237FE3; text-decoration:none;}
a:hover {text-decoration:underline;}
.red {color:#CC0000;}

/*titles*/
h1, h2, h3, h4, h5, h6, h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {color:#333333; font-size:small;}
h1 a {background:url("../images/logo.png") no-repeat; display:block; float:left; height:61px; text-indent:-9999px; width:119px; overflow:hidden;}
body.corporate h3 a {color:#237FE3;}
body.service h3 {border-left:solid 4px #0a3d71; color:#333333; padding-left:4px; margin:0 0 12px;}
body.service h3.tl {background:url("../images/bar.gif") 0 -400px no-repeat; border:none; color:#fff; margin:0; font-size:small; padding:2px 5px;}
body.recruit h3 {border-bottom:solid 1px #bbbbbb; color:#71ac0a; margin:0 0 12px;}
body.recruit h3.subtl {background:#e4effa; border:solid 1px #cccccc; color:#666666; margin:0; padding:5px;}
body.service h4.tl {background:url("../images/bar.gif") -300px -200px no-repeat; border:none; color:#333333; margin:0 0 12px; padding:5px 5px 2px;}


/* h2 tls */
h2 {display:block; height:29px; margin:5px 0 0; text-indent:-9999px; width:580px;}
body.news h2 {background:url("../images/h2_news.gif") no-repeat; background-position:0 0;}

body.corporate h2 {background:url("../images/h2_corporate.gif") no-repeat;}
body.corporate h2#corporate1 {background-position:0 0; margin:10px 0 20px;}
body.corporate h2#corporate2 {background-position:0 -50px;}
body.corporate h2#corporate3 {background-position:0 -100px;}
body.corporate h2#corporate4 {background-position:0 -150px;}
body.corporate h2#corporate5 {background-position:0 -200px;}

body.ir h2 {background:url("../images/h2_ir.gif") no-repeat;}
body.ir h2#ir1 {background-position:0 0; margin:10px 0 20px;}
body.ir h2#ir2 {background-position:0 -50px;}
body.ir h2#ir3 {background-position:0 -100px;}
body.ir h2#ir4 {background-position:0 -150px;}
body.ir h2#ir5 {background-position:0 -200px;}
body.ir h2#ir6 {background-position:0 -250px;}
body.ir h2#ir7 {background-position:0 -300px;}
body.ir h2#ir8 {background-position:0 -350px;}
body.ir h2#ir9 {background-position:0 -400px;}



body.service h2 {background:url("../images/h2_service.gif") no-repeat;}
body.service h2#service1 {background-position:0 0; margin:10px 0 20px;}
body.service h2#service2 {background-position:0 -50px;}
body.service h2#service3 {background-position:0 -100px;}
body.service h2#service4 {background-position:0 -150px;}
body.service h2#service5 {background-position:0 -200px;}
body.service h2#service6 {background-position:0 -250px;}
body.service h2#service7 {background-position:0 -300px;}
body.service h2#service8 {background-position:0 -350px;}
body.service h2#service9 {background-position:0 -400px;}
body.service h2#service10 {background-position:0 -450px;}
body.service h2#service11 {background-position:0 -500px;}

body.recruit h2 {background:url("../images/h2_recruit.gif") no-repeat;}
body.recruit h2#recruit1 {background-position:0 0; margin:10px 0;}
body.recruit h2#recruit2 {background-position:0 -50px;}
body.recruit h2#recruit3 {background-position:0 -100px;}
body.recruit h2#recruit4 {background-position:0 -150px;}
body.recruit h2#recruit5 {background-position:0 -200px;}

/* ------------- lists ------------- */
#contents ol li {list-style:decimal; margin:0 0 8px 30px;}
#contents ul.disc, #contents ul.inline {display:inline; list-style:inside; margin:0 0 25px;}
#contents ul.disc li {background:url("../images/ic.gif") 0 -72px no-repeat; padding:1px 0 2px 14px; margin:5px 0; width:auto; list-style-position:outside;}
#contents ul.inline li {display:inline;}
#contents ul.inline li a {display:block; float:left; width:107px;}

/* ------------- blocks ------------- */
#wrapper {margin:auto; width:750px; padding-bottom:35px;}
#header {display:block; height:62px; font-size:x-small;}
#header ul li {display:inline; float:right; margin-top:5px;}
#global {margin:0 0 10px;}

div#pankuzu {background:url("../images/bar.gif") no-repeat; clear:both; margin-bottom:15px; width:100%;}
div#pankuzu p {background:url("../images/ic.gif") 5px 5px no-repeat; font-size:x-small; padding:2px 2px 2px 20px;}

#main {position:relative; width:100%;}
#contents {clear:both; float:left; padding-right:12px; position:relative; height:1%; display:block; top:-4px; width:560px;}
#contents p, #contents ol {margin:0 0 20px 0;}
#contents ul li {margin:0 0 6px 0;}
#contents dt {border-left:solid 3px #0e3769; font-weight:bold; margin:12px 0 5px 0; padding-left:5px;}
#contents dd {border-bottom:dotted 1px #cccccc; margin:-1.8em 10px 0.6em 0; padding:0 0 10px 135px;}
#contents .graybox, #contents .whitebox { border-bottom:solid 1px #cccccc; border-left:solid 1px #cccccc; border-right:solid 1px #cccccc; margin:0 0 20px; padding:5px 10px;}
#contents .graybox { background:#f2f3f5;}
#contents .graybox h4 {background:url("../images/ic.gif") 0 -31px no-repeat; border:none; color:#333333; margin:0 0 5px; padding:5px 0 0 15px;}
#contents .whitebox {background:#fff; height:1px;}
html>body #contents .whitebox {height:auto;}

.second {border:solid 1px #e8e8e8; padding:20px 15px 10px; width:auto; height:1px;}
html>body .second {height:auto;}
.second:after {content:""; display:block; clear:both;}

#footer {background:url("../images/grd.gif") 0 0 repeat-x; border-top:solid 1px #e3e3e3; clear:both; font-size:small;  margin-top:20px; position:relative; font-size:xx-small; height:1%;}
html>body #footer {font-size:x-small;}
#footer2 {border-top:solid 1px #e3e3e3; padding-top:15px;}


/* ------------- footer boxes ------------- */
#footer div.ftbox, #footer div.ftbox_r {clear:right; float:left; margin:10px 0; padding:5px 10px 5px 20px;}
#footer div.ftbox {width:148px;}
#footer div.ftbox_r div {float:left; margin:0 30px 15px 0; width:150px;}
#footer h6 {border-left:solid 3px #0e3769; padding-left:5px; margin-bottom:5px;}
#footer2, #copy {clear:both; font-size:x-small; text-align:center;}
#copy p {color:#999999;}
.ftbox ul {margin-left:5px;}


/* ------------- header navi ------------- */
#header ul li {background:url("../images/ic.gif") no-repeat; padding-left:20px;}
#header ul li#h1 {background-position:6px -117px;}
#header ul li#h2 {background-position:6px -157px;}

/* ------------- global navi ------------- */
#global ul li {float:left; display:inline; text-indent:-9999px;}
#global ul li a {background:url("../images/gnav.png"); display:block; height:35px; text-indent:-9999px; width:150px; overflow:hidden;}
#global ul li#g1 a {background-position:0 0;}
#global ul li#g2 a {background-position:-150px 0;}
#global ul li#g3 a {background-position:-300px 0;}
#global ul li#g4 a {background-position:-450px 0;}
#global ul li#g6 a {background-position:-600px 0;}

#global ul li#g1 a:hover {background-position:0 -50px;}
#global ul li#g2 a:hover {background-position:-150px -50px;}
#global ul li#g3 a:hover {background-position:-300px -50px;}
#global ul li#g4 a:hover {background-position:-450px -50px;}
#global ul li#g6 a:hover {background-position:-600px -50px;}

#global ul li#g1 a:active {background-position:0 -100px;}
#global ul li#g2 a:active {background-position:-150px -100px;}
#global ul li#g3 a:active {background-position:-300px -100px;}
#global ul li#g4 a:active {background-position:-450px -100px;}
#global ul li#g6 a:active {background-position:-600px -100px;}

body.news #global ul li#g2 a {background-position:-150px -150px;}
body.corporate #global ul li#g3 a {background-position:-300px -150px;}
body.service #global ul li#g4 a {background-position:-450px -150px;}
body.recruit #global ul li#g6 a {background-position:-600px -150px;}

/* side nav */
#sidenav {background:url("../images/right_bg_s.gif") left bottom no-repeat #f1f1f1; font-size:x-small; margin-left:575px; position:absolute; right:0; width:auto;}
#sidenav h5 {background:url("../images/sidenav_tls.gif") no-repeat; display:block; height:34px; text-indent:-9999px; width:175px;}
body.news #sidenav {background:#fff;}
body.news #sidenav h5.marc {background-position:0 -400px;}
body.news #sidenav h5.carc {background-position:0 -500px;}
body.news #sidenav h5.search {background-position:0 -600px; height:8px;}
body.corporate #sidenav h5 {background-position:0 0;}
body.ir #sidenav h5 {background-position:0 -200px;}
body.service #sidenav h5 {background-position:0 -100px;}
body.recruit #sidenav h5 {background-position:0 -300px;}
#sidenav p {margin:10px 0 5px;}
#sidenav ul {padding:5px 12px 10px 14px;}
body.service #sidenav p {margin:5px 0 0 12px;}
body.service #sidenav ul {padding:0 12px 10px 14px;}

.sidebtm {background:url("../images/right_bg_s.gif") left bottom no-repeat #f1f1f1; font-size:x-small; margin-bottom:10px;}

/* ------------- toppage ------------- */
#toppage .leftbox h3 {border-bottom:solid 1px #cccccc;}
#toppage .leftbox h3 a {padding:3px; overflow:hidden;}

dl.tbox1 {background:#f5f7f6; padding-top:8px; margin:0 0 30px;}
.tbox1 dt {color:#999999; font-size:x-small; clear:right; padding-left:10px;}
.tbox1 dd {border-bottom:dotted 1px #cccccc; margin:-1.6em 10px 0.6em; padding:0 0 5px 75px;}

.tbox2 {border:solid 1px #e3e3e3; padding:0 0 20px;}
.tbox2 h3 a {background:url("../images/bar.gif") 0 -100px; display:block; height:20px; padding:0; text-indent:-9999px;}
.tbox2 h4 {border-bottom:double 3px #cccccc; padding-top:14px; margin-bottom:6px;}
.tbox2 dt {font-weight:bold;}
.tbox2 dd {margin-bottom:12px;}
.tbox2a {float:left; margin-left:10px; width:230px;}
.tbox2b {margin-left:260px; width:230px;}

.tbox3 {margin-bottom:5px;}
.tbox3 ul li a {background:url("../images/bnr_bt.png") no-repeat; display:block; height:63px; margin-bottom:2px; text-indent:-9999px; width:222px; overflow:hidden;}
.tbox3 ul li#s1 a {background-position:0 0;}
.tbox3 ul li#s2 a {background-position:0 -66px;}
.tbox3 ul li#s3 a {background-position:0 -132px;}
.tbox3 ul li#s4 a {background-position:0 -199px;}

h4#failure {background:url("../images/bar.gif") 0 -200px no-repeat; height:24px; margin:10px 0 0; padding:0; text-indent:-9999px; width:220px;}
.tbox4 {border:solid 1px #e3e3e3; padding:5px 10px;}
.tbox4 dt {color:#999999; font-size:x-small; margin:-25px 0 10px; text-align:right;}
.tbox4 p {font-size:x-small; text-align:right;}

h4#about {background:url("../images/bar.gif") 0 -300px no-repeat; height:35px; margin:10px 0 0; padding:0; text-indent:-9999px; width:220px;}
.tbox5 h5 {padding-bottom:5px;}
.tbox5 {background:url("../images/right_bg_l.gif") left bottom no-repeat #f1f1f1; font-size:x-small; padding:5px 12px 10px 14px;}
.tbox5 .right {padding-right:10px;}

.as {font-size:xx-small;}
html>body .as {font-size:x-small;}

/* ------------- news ------------- */
body.news h3 {border-left:solid 3px #0E3769; padding-left:5px; margin:0 0 12px;}
dd.ncmi {background:url("../images/ctg.gif") right 1px no-repeat; padding-right:120px;}
dd.ncnr {background:url("../images/ctg.gif") right -99px no-repeat; padding-right:120px;}
/*form {background:url("../images/search.gif") no-repeat; display:block; height:34px; width:175px;}
form input {color:#999999; margin:9px 0 0 12px; border:none #fff;}*/
.post {border-bottom:dotted 1px #cccccc; border-top:dotted 1px #cccccc; padding:12px 0 0; margin-bottom:12px;}
.post_footer {background:url("../images/bar.gif") 0 -550px no-repeat; padding:12px 0; margin-bottom:20px;}
#contents .nbg {background:none; margin-bottom:0;}
.date{display:none;}

/* ------------- service ------------- */
body.service #contents div.service {background:url("../../service/images/service_bg.gif") #e8e9ec 1px 0 repeat-y; padding:15px 0 0;}
html>body #contents div.service {background:url("../../service/images/service_bg.gif") #e8e9ec 0 0 repeat-y;}
div.service h4 a {color:#237FE3;}
div#shopping, div#blog, div#ds, div#download {margin:0; padding:8px 0 0 82px; width:auto;}
div#shopping {background:url("../../service/images/service_bg1.gif") no-repeat;}
div#blog {background:url("../../service/images/service_bg2.gif") no-repeat;}
div#ds {background:url("../../service/images/service_bg3.gif") no-repeat;}
div#download {background:url("../../service/images/service_bg4.gif") no-repeat;}
#contents div#shopping h4, #contents div#blog h4, #contents div#ds h4, #contents div#download h4 {background:none; border:none; padding:0 0 2px; margin:0;}
div#shopping p, div#blog p, div#ds p, div#download p {margin:-3px 0 15px; padding:0 0 4px;}
table#blopita td {font-size:68%; vertical-align:top;}

#contents ul.sol li {float:left; font-weight:bold; width:240px;}
#contents div.h4list {background:#f8f8de; display:block; height:190px; margin-bottom:10px; width:255px;}
body.service #contents div.h4list h4.tl {margin-bottom:5px; color:#333333;}
#contents div.h4list ul.disc li {margin:0 0 5px 10px; list-style-position:outside;}
body.service #contents h4 {border-bottom:solid 1px #bbbbbb; color:#71ac0a; margin-bottom:5px;}


/* ------------- ir ------------- */

.irpage {width:560px; border:none; top:-4px;}
.irpage .ir-leftbox {float:left; padding-right:12px; margin-bottom:20px; position:relative; width:560px; clear:both; height:1%; display:block;}

/*
#faq .second h3 {background:url("../images/ic.gif") 0 -280px no-repeat; padding:0 0 3px 30px; width:auto;}
#faq .second p {background:url("../images/ic.gif") 0 -320px no-repeat; padding:0 0 3px 30px; width:auto;}
*/

/* ------------- recruit ------------- */
body.recruit #contents dl.recruit dt {border-bottom:solid 1px #b1cde7; border-left:none; color:#71ac0a;}
body.recruit #contents dl.recruit dd {margin:5px 0 0; padding:2px 0 10px 5px; border:none;}
body.recruit #contents dl.recruit ul {margin:0; padding:0;}
#contents dl.recruit li.emp1 {background:url("../images/ctg.gif") 0 -200px no-repeat; padding-left:70px;}
#contents dl.recruit li.emp2 {background:url("../images/ctg.gif") 0 -300px no-repeat; padding-left:70px;}
body.recruit #contents ul {padding:0;}
body.recruit #contents ul.disc li {list-style-position:outside; margin:5px 0;}
body.recruit #contents ol li {margin-left:25px; padding:0;}
body.recruit #contents p.conditions {margin-bottom:5px;}

div.cmnt {background:url("../images/bg.gif") #e4effa -480px bottom no-repeat; margin:0 0 20px 70px; padding:0;}
p.cmntpic {background:url("../images/bg.gif") #fff right 15px no-repeat; height:80px; margin-right:0; width:70px; float:left;}
div.cmnt p {background:url("../images/bg.gif") no-repeat; padding:10px;}
#contents ul.employee li {background:url("../images/ic.gif") 0 -448px no-repeat; float:left; margin:0 30px 10px 0; padding:0 0 0 20px;}
span.job { color:#787878; font-size:78%;}
body.recruit p.q { clear:both; margin-bottom:5px; padding-top:10px;}
body.recruit p.qtop { clear:both; margin-bottom:5px; padding-top:0;}

/* ------------- contact ------------- */
input, textarea {border:solid 1px #cccccc;}
input {padding:2px;}

/* ------------- リスティング広告 ------------- */
#syndication #syndication-tab {width: 530px;}
#syndication #syndication-tab li{float: left; margin:0; padding:0;}
#syndication #syndication-tab li a{text-indent: -9999px; display:block; height: 30px; overflow:hidden; outline: none;}
#syndication #syndication-tab li#head1,#syndication #syndication-tab li#head3{width:132px;}
#syndication #syndication-tab li#head2,#syndication #syndication-tab li#head4{width:133px;}
#syndication #syndication-tab li#head1{background:url(/common/images/syndication/tab_01.jpg);}
#syndication #syndication-tab li#head2{background:url(/common/images/syndication/tab_02.jpg);}
#syndication #syndication-tab li#head3{background:url(/common/images/syndication/tab_03.jpg);}
#syndication #syndication-tab li#head4{background:url(/common/images/syndication/tab_04.jpg);}
#syndication #syndication-tab li.open{background-position:bottom !important;}

#syndication #syndication-tab li#head1 a:hover{background:url(/common/images/syndication/tab_01.jpg) bottom;}
#syndication #syndication-tab li#head2 a:hover{background:url(/common/images/syndication/tab_02.jpg) bottom;}
#syndication #syndication-tab li#head3 a:hover{background:url(/common/images/syndication/tab_03.jpg) bottom;}
#syndication #syndication-tab li#head4 a:hover{background:url(/common/images/syndication/tab_04.jpg) bottom;}

#syndication #tabbody{ background:#fafafa; border:#eaeaea solid 1px; border-top:0px; -moz-border-radius-bottomright: 0.3em; -moz-border-radius-bottomleft: 0.3em; -webkit-border-bottom-left-radius: 0.3em;	-webkit-border-bottom-right-radius: 0.3em; width:510px; padding: 15px 9px 14px 9px;}
#syndication #tabbody strong{ font-size:medium;}

#syndication #tabbody #box1 h3 , #syndication #tabbody #box2 h3{margin-top: 15px;}
#syndication #tabbody #box1 h4 , #syndication #tabbody #box2 h4{font-weight: bold; color:#333333 !important; border:none !important; }
#syndication #tabbody #box1 li , #syndication #tabbody #box2 li{margin: 0 0 0 1em;}

#syndication #tabbody #box3 p.mt10{margin:10px 0 15px 0 !important;}

#syndication #tabbody #box4 ul{ width:530px; margin: 20px -15px -10px 0;}
#syndication #tabbody #box4 li{width:160px;float:left; margin: 0 15px 10px 0;}

#syndication #tabbody p.button{margin: 15px 0 0 0;}
#syndication #tabbody p.button span a{overflow:hidden; display:block; width:293px; height:44px; background:url(/common/images/syndication/button.gif); margin:0px auto; text-indent:-9999px;}

/* ------------- et cetera ------------- */
.clear {clear:both; margin-bottom:15px;}
.bside {border-left:solid 1px #e3e3e3; border-right:solid 1px #e3e3e3;}
.left {float:left;}
.right {float:right;}
.leftbox {border-right:solid 1px #e3e3e3; float:left; padding-right:12px; margin-bottom:20px; position:relative; width:505px; clear:both; height:1%; display:block;}
.rightbox {margin:0 0 0 535px; position:absolute; right:0; width:220px;}
.rss {background:url("../images/ic.gif") 6px -197px no-repeat; display:block; height:20px; margin:-18px 10px 0 60px; text-indent:-9999px; width:20px;}

.att {font-size:82%;}
.mg10 {margin-bottom:10px;}
.mt15{margin-top: 15px;}
.ml1em{margin-left:1em !important;}
.pd10 {padding:5px;}
.btn {border:solid 1px #e3e3e3; margin:auto; padding:5px;}
#contents .nb {border-bottom:none; margin-bottom:0;}
p.lead strong {font-size:medium;}
p.text-right{text-align:right;}
p.text-center{text-align:center;}
p.text-x-small , span.text-x-small{font-size:x-small;}
/* ------------- error ------------- */
.error{
border:2px solid #c00;
padding:10px;
margin-bottom:10px;
}
.error-title{
font-weight:bold;
color:#c00;
}
/* ------------- error ------------- */

/* Clearfix */
.clearfix:after {
  visibility: hidden;
  display: block;
  font-size: 0;
  content: " ";
  clear: both;
  height: 0;
  }

* html .clearfix{
  zoom: 1;
  } /* IE6 */

*:first-child+html .clearfix{
  zoom: 1;
  } /* IE7 */