@charset "utf-8";
/* CSS Document */

#contents-body {
float:left;
margin-top: 15px;
margin-left:8px;
width: 977px;
clear:both;
}

div#company-info-area {
float:left;
padding-right:7px;
}

div.wrap-gline {
border-left: 1px solid rgb(204, 204, 204);
border-right: 1px solid rgb(204, 204, 204);
border-bottom: 1px solid rgb(204, 204, 204);
margin: 0px 0px 18px;
display:block;
}

div.wrap-gline2 {
margin: 0px 0px 18px;
display:block;
width:220px;
}

div.wrap-gline#service,
div.wrap-gline#hotteanews {
width:220px;
}

div.wrap-gline h2,
div.wrap-gline2 h2 {
padding:5px ;
} 

div.wrap-gline h2 span {
float:right;
font-weight:100;
} 

div.wrap-gline dl {
margin:5px 10px 5px 10px;
border-bottom:thin dotted #CCCCCC;
}


div.wrap-gline dl.last {
border-bottom:none;
}

div.wrap-gline dl dt span.category {
font-size:87%;
font-weight:100;
}

div.wrap-gline dl dt {
font-weight:bold;
line-height:150%;
}


div.wrap-gline dl dd {
margin: 0.17em 0px 0px;
padding: 0px;
}

div.wrap-gline dl dd p {
margin: 0px;
padding: 0px;
}

div.wrap-gline ul.link-list-arrow {
margin: 0.34em 0px 0px;
padding: 0px;
}

div.wrap-gline ul.link-list-arrow li {
margin: 0.25em 0px;
padding: 0px 0px 0px 8px;
text-indent: -8px;
}

div.wrap-gline ul.link-list-arrow a {
background: url(../images/icon_01.gif) no-repeat 0% 0.4em;
padding-left: 8px;
}

div.wrap-gline h2 {
border-left: 1px solid rgb(204, 204, 204);
border-right: 1px solid rgb(204, 204, 204);
background-repeat: repeat-y;
border-bottom: 1px solid rgb(204, 204, 204);
font-size: 100%;
font-weight: bold;
margin: 0px -1px;
position: relative;
zoom: 1;
display:block;
}


#info-area {
float:right;
width:748px;
}

.right-area-2column {
float:right;
width:740px;
}

#info-area .info-block,
.right-area-2column .info-block {
float:left;
width:518px;
}

#info-area div.related-info-block,
.right-area-2column div.related-info-block {
width: 222px;
float:right;
padding-left:7px;
}


h2 {
border-top-color: rgb(253, 217, 126);
background: rgb(247, 247, 247);
border-top-style: solid;
border-top-width: 3px;
font-size: 117%;
font-weight: bold;
margin: 2.2em 0px 1.4em;
padding: 0.3em 12px 0.4em;
}


/* ページごとのメニュー */
.glossymenu{
margin: 5px 0;
padding: 0;
width: 220px; /*width of menu*/
border-bottom-width: 0;
}

.glossymenu a.menuitem{
background: #FFFFFF ;
color:#555555;
display: block;
position: relative; /*To help in the anchoring of the ".statusicon" icon image*/
width: auto;
height:20px;
padding: 4px 0;
padding-left: 10px;
padding-top:15px;
text-decoration: none;
border-top: 1px solid rgb(204, 204, 204);
}

.glossymenu a.menuitem#list_top {
border-top:none;
}


.glossymenu a.menuitem:visited, .glossymenu .menuitem:active{
color:#555555;
}

.glossymenu a.menuitem .statusicon{ /*CSS for icon image that gets dynamically added to headers*/
position: absolute;
top: 17px;
right: 5px;
border: none;
}

.glossymenu a.menuitem:hover{
color:#000000;
}

.glossymenu div.submenu{ /*DIV that contains each sub menu*/
background: white;
}

.glossymenu div.submenu ul{ /*UL of each sub menu*/
list-style-type: none;
margin: 0;
padding-left: 5px;
padding-bottom: 5px;
text-align:40px;
}

.glossymenu div.submenu ul li{
border-bottom: 1px dotted #CCCCCC;
border-left: 1px dotted #CCCCCC;
padding: 4px 0;
}

.glossymenu div.submenu ul li.top{
border-top: 1px dotted #CCCCCC;
}

.glossymenu div.submenu ul li a{
display: block;
color:#555555;
text-decoration: none;
padding: 2px 0;
padding-left: 10px;
text-align:30px;
}

.glossymenu div.submenu ul li:hover{
background:#FFCC66;
color:#000000;
}

.related-info-block .wrap-gline dl.with-image {
padding-left: 11px;
padding-right: 11px;
line-height: 1.25;
margin: 0.67em 0px 0px;
padding: 0px 12px;
zoom: 1;
display: block;
}

.related-info-block .wrap-gline dl.with-image dd.image {
float: left;
margin-top: 0.09em;
width: 70px;
}

.related-info-block .wrap-gline dl.with-image dd {
float: right;
width: 118px;
margin: 0.17em 0px 0px;
padding: 0px;
}

.related-info-block .wrap-gline dl.with-image dd p {
margin: 0px;
padding: 0px;
}

.related-info-block .wrap-gline dl.with-image dd ul {
margin: 0.34em 0px 0px;
padding: 0px;
}

h2.imgover {
border-color:#FFFFFF;
}

h2.imgover a {
	display: block;
	height: 32px;
	background: url(../images/business/digital.gif) no-repeat top left;
	text-indent: -400000px;
}

h2.imgover a.t1 {background-position: 0 0;}
h2.imgover a.t2 {background-position: -306px 0;}
h2.imgover a.t3 {background-position: -612px 0;}
h2.imgover a.t4 {background-position: -918px 0;}
h2.imgover a.t5 {background-position: -1224px 0;}
h2.imgover a.t6 {background-position: -1530px 0;}


h2.imgover a.t1:hover {background-position: 0 -32px;}
h2.imgover a.t2:hover {background-position: -306px -32px;}
h2.imgover a.t3:hover {background-position: -612px -32px;}
h2.imgover a.t4:hover {background-position: -918px -32px;}
h2.imgover a.t5:hover {background-position: -1224px -32px;}
h2.imgover a.t6:hover {background-position: -1530px -32px;}

/* 通常 */
#nav01 a { background-position: 0 -35px; }
#nav02 a { background-position: -100px -35px; }
#nav03 a { background-position: -200px -35px; }
#nav04 a { background-position: -300px -35px; }
#nav05 a { background-position: -400px -35px; }
#nav06 a { background-position: -500px -35px; }
#nav07 a { background-position: -600px -35px; }

/* 現在位置 */
#nav01 a.stay { background-position: 0 0; }
#nav02 a.stay { background-position: -100px 0; }
#nav03 a.stay { background-position: -200px 0; }
#nav04 a.stay { background-position: -300px 0; }
#nav05 a.stay { background-position: -400px 0; }
#nav06 a.stay { background-position: -500px 0; }
#nav07 a.stay { background-position: -600px 0; }

/* オンマウス */
#nav01 a:hover { background-position: 0 0; }
#nav02 a:hover { background-position: -100px 0; }
#nav03 a:hover { background-position: -200px 0; }
#nav04 a:hover { background-position: -300px 0; }
#nav05 a:hover { background-position: -400px 0; }
#nav06 a:hover { background-position: -500px 0; }
#nav07 a:hover { background-position: -600px 0; }