html,body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,blockquote{
    margin : 0 ;
    padding : 0 ;
}

/* ▼基本要素 */

body{
    font-size: 12px;
    font-family: verdana, 'trebuchet ms', sans-serif;
    min-width: 850px;
    color: #333;
    padding: 0;
    margin: 0;
    background: #fff url("../img/bg-bg.jpg") repeat-x;
    line-height: 1.4;
    text-align: center;
}

a { color: #cb0021; text-decoration: underline; }
a:hover { color: #cb0021; text-decoration: none; }

img { border: 0; }

ul,ol,li { list-style: none ; }

p { padding: 0 ;margin: 0 0 15px 0 ; }



/* ▼スペース */

.mb10px
{
margin-bottom: 10px ;
}

.mb5px
{
margin-bottom: 5px ;
}

.mb3px
{
margin-bottom: 3px ;
}

/* ▼共通要素 */

.under-clear {
padding: 0 ;
margin: 0 ;
clear:both;
}

.dot
{
margin: 10px 0px;
background-image:url("/img/line.gif") ;
background-repeat:repeat-x ;
}

#top-bar{
	height: 34px ;
	background: url("../img/base_02.jpg") no-repeat;
	padding: 10px 30px 0 0 ;
	color: #ffffff;
	text-align: right;
}

#top-bar a { color: #ffffff; text-decoration: none; }
#top-bar a:hover { color: #ffffff; text-decoration: underline; }

#logo{
	padding: 15px 0 20px 50px;
	text-align: left;
}

#atticSide{
	position: relative ;
}

p.sideImg{
	position: absolute ;
	top: 10px ;
	left: -25px ;
}

.iconOffice {
   background: url(../img/iconOffice.gif) no-repeat ;
   padding-left: 18px ;
}


/* ▼メニュー */

#menu{
background-image: url("../img/menu.gif");
text-align: left;
padding-left: 10px;
}


.m-bar {
border: 0;
margin: 0;
padding: 0;
width: 838px;
height: 38px;
overflow: hidden;
}

.m-bar img {
visibility: hidden;
}

.m-bar a,
.m-bar a:link,
.m-bar a:visited {
background-position: 0px 0px;
float:left;
}
.m-bar a:focus,
.m-bar a:hover,
.m-bar a:active {
background-position: 0px 38px;
float:left;
}

.m-bar .m-top a {
background-image: url(../img/menuroll_02.gif);
}
.m-bar .m-pro a {
background-image: url(../img/menuroll_03.gif);
}
.m-bar .m-wks a {
background-image: url(../img/menuroll_04.gif);
}
.m-bar .m-lif a {
background-image: url(../img/menuroll_05.gif);
}
.m-bar .m-itp a {
background-image: url(../img/menuroll_06.gif);
}


/* ▼サイドバー */

#under-side-bg02
{
background-image: url("../img/under_10.jpg");
}

.under-side
{
background-image: url("../img/under_09.jpg");
background-repeat: no-repeat;
padding: 0px 15px 5px 15px;
text-align: center ;
}

.under-banar
{
padding: 10px 0 ;
}


/* ▼トップページ */

#attic-contents
{
background-image: url("../img/base_12.jpg");
background-repeat: no-repeat;
}

#attic-contents02
{
background-image: url("../img/base_14.jpg");
}

#whats-new{
   margin: 3px 10px 5px 20px;
   line-height: 1.4;
}

.whats-new02{
   margin-bottom: 10px;
}

.topHikkoshi {
   background: url(../img/bgYellow.gif) no-repeat ;
   margin-bottom: 10px ;
}

#web-product{
   padding: 3px 5px 5px 10px;
   line-height: 1.5;
}

#mobile-product{
   padding: 3px 15px 5px 10px;
}

#whats-new a,
#web-product a,
#mobile-product a{
   display: block ;
}

#web-product ul,
#mobile-product ul{
   padding-bottom: 15px ;
}

#web-product li,
#mobile-product li{
   background: url(../img/iconTriangle.gif) no-repeat 0 3px ;
   padding-left: 10px ; 
   margin-bottom: 3px ;
}


.airplug-hover
{
width : 249px ;
height : 70px ;
overflow: hidden;
border: 0;
margin: 0;
padding: 0 ;
}

.airplug-hover img{
padding: 3px 0 ;
}

.airplug-hover a {
background: url(../img/p_hover.gif) no-repeat 0px 0px ;
display:block;
}

.airplug-hover a:hover {
background: url(../img/p_hover.gif) no-repeat -249px 0px ;
}

.airplug-banar01
{
margin-top: 8px ;
margin-bottom: 3px ;
text-align: center ;
}

#page-menu
{
padding: 2px 0px 0px 0px;
}

#top-podcasting{
   margin-bottom : 5px;
   margin-left : 10px;
}

#top-detail{
   text-align: right ;
   margin-top: 5px ;
}

#rssFeed dl{
   margin-bottom: 15px ;
}

#rssFeed dl dt{
   background: url(../img/iconTriangle.gif) no-repeat 0 3px ;
   padding-left: 10px ; 
   margin-bottom: 10px ;
}

#rssFeed dl dd{
   background: url(../img/iconArrow.gif) no-repeat 0 5px ;
   padding-left: 12px ; 
}




/* ▲トップページ */

/* ▼company */

#companyAddress {
   width: 509px ;
   border: 10px #e4e4e4 solid ;
   padding: 10px ;
   margin-bottom: 15px ;
}

.companyName {
   font-weight: bold ;
   margin-bottom: 10px ;
}

.companyNote {
   margin-bottom: 5px ;
}

.companyGooglemap {
   margin-top: 5px ;
}

.sub-menu
{
padding: 70px 50px 5px 290px;
}

.under-contents
{
padding: 0px 10px 5px 5px;
}

/* ▲company */

/* ▼web */

.site-width
{
width: 540px ;
}

.site-left
{
float: left ;
width: 170px ;
}

.site-left a img {
border: 5px solid #dddddd ;
display: block ;
}

.site-left a:hover img {
border: 5px solid #ffcc00 ;
display: block ;
}

.site-right
{
float: right ;
width: 360px ;
}

/* ▲web */

/* ▼podcast */

.site-title
{
color: #c2c2c2;
}

.site-title01
{
color: #666666;
}

#airplug-bg
{
background-image: url("../img/airplug_03.gif");
background-repeat: no-repeat;
color: #ffffff;
padding: 0px 15px ;
}

#airplug-bg02
{
background: #000000;
}

.airplug-width
{
width: 510px ;
overflow: hidden ;
}

.airplug-left
{
float: left ;
width: 160px ;
margin-right: 10px ;
}

.airplug-right
{
float: left ;
width: 340px ;
}

/* ▲podcast */

/* ▼sound */

.list_under
{
padding: 0px 0px 10px 0px ;
}

.list_menu
{
padding: 0px 0px 10px 0px ;
}

.sound-width
{
width: 540px ;
}

.sound-left
{
float: left ;
width: 190px ;
margin-right: 10px ;
}

.sound-right
{
float: left ;
width: 340px ;
}

/* ▲sound */