@charset "UTF-8";

/* initialize */
a{
margin:0;
padding:0;
}
img{
border:none;
margin:0;
padding:0;
}

body{
margin:0;
padding:0;
font-size:12px;
line-height: 18px;
color: #333;
background-color:#FFF;
}
/*link*/
a:link{
color:#006699;
}

a:visited{
color:#006699;
}
a:hover{
color:#7A3EA3;
}
a:active{
color:#7A3EA3;
}

/* main setting */
#Wrapper{
width: 800px;
margin:0 auto;
padding:0;
text-align: center;
border-bottom: 1px solid #CCC;
}
#Header{
width:760px;
height: 70px;
margin:0 auto;
padding:0 20px;
text-align: center;
}
#Content{
clear: left;
width: 760px;
margin:0 auto;
padding:0 20px 15px;
overflow: hidden;
text-align:center;
background: url(../img/bgMain.jpg) no-repeat;
}
#Content2{
clear: left;
width: 760px;
margin:0 auto;
padding:0 20px 15px;
overflow: hidden;
text-align:center;
background: url(../img/bgContent.gif) repeat-y;
}
#Left{
float: left;
width: 200px;
margin: 620px 0 20px;
padding: 0 10px 0 0;
text-align: left;
}
/*トップページ以外のページの左サイドの設定*/
#Left2{
float: left;
width: 200px;
margin: 10px 0 20px;
padding: 0 10px 0 0;
text-align: left;
background: url(../img/bgLeft01.jpg) no-repeat;
}
#Left3{
float: left;
width: 200px;
margin: 10px 0 20px;
padding: 0 10px 0 0;
text-align: left;
background: url(../img/bgLeft02.jpg) no-repeat;
}
#Left4{
float: left;
width: 200px;
margin: 10px 0 20px;
padding: 0 10px 0 0;
text-align: left;
background: url(../img/bgLeft03.jpg) no-repeat;
}
#Main{
float:right;
width: 530px;
margin: 600px 0 20px;
padding: 0;
text-align: left;
}
#Main2{
float:right;
width: 530px;
margin: 10px 0 20px 10px;
padding: 0;
text-align: left;
}
#Footer{
clear: both;
margin:0 auto;
padding:0 0 20px;
font-size: 10px;
text-align:center;
border-top:1px solid #CCC;
}
/*header parts*/
h1#Logo{
float: left;
margin: 0;
padding: 0;
}
ul#Globalnav{
margin:0;
padding: 0;
position: relative;
top:20px;
text-align:right;
list-style: none;
}
ul#Globalnav li{
margin:0;
padding:0 20px 0 0;
display:inline;
font-size:10px;
}
ul#Globalnav li a{
color: #666;
text-decoration: none;
}
/*menu parts*/
ul#Menu{
clear: left;
width: 760px;
margin: 0;
padding: 0 20px;
text-align: left;
list-style: none;
}
ul#Menu li{
float: left;
}
ul#Menu li.menuTypeA{
width: 109px;
height: 5px;
margin:0 0 10px;
padding: 10px 0 15px;
text-align: center;
border-top: 4px solid #CCC;
border-right: 1px solid #FFF;
}
ul#Menu li.menuTypeB{
width: 129px;
height: 5px;
margin:0 0 10px;
padding: 10px 0 15px;
text-align: center;
border-top: 4px solid #006699;
border-right: 1px solid #FFF;
}
ul#Menu li a{
text-decoration: none;
}
/*footer parts*/
#Footer ul{
margin: 0 auto;
padding: 15px 0;
list-style: none;
}
#Footer li{
margin:0;
padding:0 15px 0 0;
display:inline;
}
#Footer p{
margin: 0;
padding: 0;
}
/*toppafe left parts*/
.leftNews{
margin: 0 0 15px;
padding: 0;
}
.leftNews h4{
height: 26px;
margin: 0 0 5px;
padding-top: 9px;
padding-left: 10px;
font-size: 14px;
font-family: sans-serif;
background: url(../img/bgLeftTit.gif) no-repeat 0 50%;
}
.leftNews dl{
margin: 0 0 10px;
padding: 0 10px 10px;
font-size: 10px;
border-bottom: 1px dotted #CCC;
}
.leftNews dl dt{
margin: 0;
padding: 0;
font-size: 11px;
font-family: sans-serif;
font-weight: bold;
}
.leftNews dl dd{
margin: 0;
padding: 0;
}
.leftNews dl dd.leftNewsName{
margin: 0;
padding: 0;
font-weight: bold;
color: #7ba713;
}
/*left banner parts*/
#sideBannerArea{
width: 180px;
margin: 10px 0 0;
padding: 0 0 0 20px;
text-align: right;
}
#sideBannerArea dl{
margin: 0 0 15px;
padding: 0;
text-align: right;
}
#sideBannerArea dl dt{
margin: 0;
padding: 0;
text-align: right;
}
#sideBannerArea dl dd{
margin: 0;
padding: 0 0 0 17px;
font-size: 11px;
text-align: left;
background: url(../img/iconBannerArrow.gif) no-repeat 0 0.3em;
}
/*under page left banner parts*/
#sideBannerAreaUnder{
width: 180px;
margin: 410px 0 0;
padding: 0 0 0 20px;
text-align: right;
}
#sideBannerAreaUnder dl{
margin: 0 0 15px;
padding: 0;
text-align: right;
}
#sideBannerAreaUnder dl dt{
margin: 0;
padding: 0;
text-align: right;
}
#sideBannerAreaUnder dl dd{
margin: 0;
padding: 0 0 0 17px;
font-size: 11px;
text-align: left;
background: url(../img/iconBannerArrow.gif) no-repeat 0 0.3em;
}
/*main*/
#Main2 h2{
margin: 0 0 3px;
padding: 0;
font-size: 18px;
font-weight: normal;
font-family: "Century Gothic";
}
p.pageMidashi{
margin: 0 0 30px;
padding: 0;
font-size: 12px;
color: #006699;
}
dl.news{
margin: 0 0 20px;
padding: 0 0 20px;
border-bottom: 1px dotted #CCC;
}
dl.news dt{
margin: 0 0 15px;
padding: 0;
font-family: sans-serif;
font-size: 32px;
color: #CCC;
}
dl.news dd.newsTitle{
margin: 0 0 5px;
padding: 0;
font-size: 16px;
color:#006699;
}
dl.news dd.newsName{
margin: 0 0 5px;
padding: 0;
font-weight: bold;
color:#7ba713;
}
dl.news dd{
margin: 0;
padding: 0;
}
dl.news a{
text-decoration: none;
}
table.tableBox{
width: 100%;
margin: 0;
padding: 0;
border-collapse: collapse;
}
table.tableBox th{
width: 20%;
margin: 0;
padding: 10px;
border: 0;
text-align: right;
font-weight: normal;
border-right: 1px dotted #DDD;
border-bottom: 1px dotted #DDD;
}
table.tableBox td{
margin: 0;
padding: 10px;
border-bottom: 1px dotted #DDD;
}
/*トップページとサービス一覧の設定*/
/*service parts*/
.contentBox{
width: 508px;
margin: 0;
padding: 15px 15px 0;
border: 1px solid #CCC;
}
.contentBox a{
text-decoration: none;
}
.contentBoxTegaru{
width: 258px;
clear: left;
margin: 0 0 20px;
padding: 20px 30px 20px 230px;
border: 1px solid #CCC;
background: url(../img/bgSP_tegaru.jpg) no-repeat;
}
.contentBoxTegaru a{
text-decoration: none;
}
.contentBoxVmap{
width: 258px;
clear: left;
margin: 0 0 20px;
padding: 20px 30px 20px 230px;
border: 1px solid #CCC;
background: url(../img/bgSP_vmap.jpg) no-repeat;
}
.contentBoxVmap a{
text-decoration: none;
}
.contentBoxTepass{
width: 258px;
clear: left;
margin: 0 0 20px;
padding: 20px 30px 20px 230px;
border: 1px solid #CCC;
background: url(../img/bgSP_tepass.jpg) no-repeat;
}
.contentBoxTepass a{
text-decoration: none;
}
.contentBoxWebr{
width: 258px;
clear: left;
margin: 0 0 20px;
padding: 20px 30px 20px 230px;
border: 1px solid #CCC;
background: url(../img/bgSP_webr.jpg) no-repeat;
}
.contentBoxWebr a{
text-decoration: none;
}
.contentBoxItsuderu{
width: 258px;
clear: left;
margin: 0 0 20px;
padding: 20px 30px 20px 230px;
border: 1px solid #CCC;
background: url(../img/bgSP_itsuderu.jpg) no-repeat;
}
.contentBoxItsuderu a{
text-decoration: none;
}
h3.contentBoxTitle{
margin: 0;
padding: 0 0 15px;
font-size: 16px;
color: #006699;
}
p.contentBoxText{
margin: 0;
padding: 0 0 15px
}
p.contentBoxBtn{
margin: 5px 0 0;
padding: 0;
text-align: right;
} 
p.contentBoxBtn2{
margin: 0 0 10px;
padding: 0;
text-align: right;
} 


/*service detail*/
.serviceBox{
margin: 0;
padding: 0;
}
.serviceBox dl{
display: block;
height: 1%;
overflow: hidden;
margin: 15px 0 0;
padding: 0 0 10px;
border-bottom: 1px dotted #CCC;
}
.serviceBox dl dt.serviceBoxDtLeft{
float: left;
margin: 0;
padding: 0 15px 0 0;
}
.serviceBox dl dt.serviceBoxDtRight{
float: right;
margin: 0;
padding: 0 0 0 15px;
}
.serviceBox dl dd.serviceBoxDdTitle{
margin: 0;
padding: 0 0 10px;
font-size: 16px;
font-weight: bold;
color: #006699;
}
.serviceBox dl dd{
margin: 0;
padding: 0 0 10px;
}
/*sitemap parts*/
ul#sitemap{
margin: 0;
padding: 0;
}
ul#sitemap li{
margin: 0 0 0 15px;
padding: 0 0 15px;
list-style: disc;
}
ul#sitemap li.sitemapInner{
margin: 0 0 0 40px;
padding: 0 0 15px;
list-style: circle;
}

/*contact parts*/

.ContactError {
margin:0;
padding:0 0 0 10px;
color: #FF3300;
font-size: 12px;
}
/* company PR */
#prBox{
margin: 20px 0;
padding: 10px 10px 0 10px;
border: 1px solid #CCC;
}
#prBox p{
margin: 0 0 10px;
padding: 0;
}