@import "erm_demo.css";


a{
 color:#FFFFFF;
 text-decoration:none;
}

a:hover{
 text-decoration:underline;
}

em {font-style:normal;
}

.txt{
 font-size:x-small;
 margin-right:-5px;
}

a:visited{
 color:#FFFFFF;
}

body{
 background-color:#000000;
 text-align:center;
}


#wrap{
 width:750px;
 margin:0 auto;
 text-align:left;
}


/* ------------------------------
	ヘッダー
------------------------------ */

#header{
 width:750px;
 height:71px;
 background-image:url('img/back_header.jpg');
}

#TITLE{
 width:350px;
 float:left;
 text-indent:-9999px;
}
#TITLE a{
 display:block;
 margin-top:10px;
 margin-left:5px;
 width:200px;
 overflow:hidden;
}



#UTILITY{
 float:right;
 width:400px;
 margin-top:10px;
 margin-bottom:-15px;
}

#site-navi{
 color:#FFFFFF;
 margin-top:5px;
 margin-bottom:-10px;
 text-align:right;
 margin-right:10px;
}


#utility-navi ul,#utility-navi li{
 list-style:none;
}

#utility-navi li{
 float:right;
 margin-right:10px;
 padding-right:5px;
 padding-left:10px;
 color:#FFFFFF;
 border-left:1px solid #FFFFFF;
 font-size:x-small;
}

/* ------------------------------
	サイトマップの右の縦ライン
------------------------------ */

.sitemap{
 border-right:1px solid #FFFFFF;
 padding-right:10px;
}



/* ------------------------------
	グローバルナビゲーション
------------------------------ */


#g-naviarea{
 width:750px;
 height:60px;

}

#g-navi{
 position:absolute;
 display:block;
 margin:0px;
 height:60px;
 width:750px;
}

#g-navi em{
 float:left;
 list-style:none;
 text-indent:-9999px;
}

#g-navi a{
 text-decoration:none;
 display:block;
 width:125px;
 height:60px;
 background-image:url('img/g-navi.jpg');
 background-position:left top;
 overflow:hidden;
}

#g-navi02 a{
 background-position:-125px 0;
}
#g-navi03 a{
 background-position:-250px 0;
}
#g-navi04 a{
 background-position:-375px 0;
}
#g-navi05 a{
 background-position:-500px 0;
}
#g-navi06 a{
 background-position:-625px 0;
}

/* ------------------------------
	a:hover
------------------------------ */

#g-navi01 a:hover{
 background-position:0 -61px;
}
#g-navi02 a:hover{
 background-position:-125px -61px;
}
#g-navi03 a:hover{
 background-position:-250px -61px;
}
#g-navi04 a:hover{
 background-position:-375px -61px;
}
#g-navi05 a:hover{
 background-position:-500px -61px;
}
#g-navi06 a:hover{
 background-position:-625px -61px;
}



/* ------------------------------
	フッター
------------------------------ */


.footer{
 width:750px;
 clear:both;
 background:url(img/back_footer_contents.jpg);
 padding-top:10px;
}

.f-navi{
 list-style:none;
}

.f-navi em{
 font-size:x-small;
 border-left:1px solid #FFFFFF;
 color:#FFFFFF;
 margin-left:10px;
 padding-left:10px;
}



.copy{
 color:#FFFFFF;
 font-size:small;
 margin-bottom:10px;
 margin-left:10px;
}

#google{
 margin-top:-10px;
 margin-left:10px;
 color:#FFFFFF;
 font-size:small;
}


/* ------------------------------
	キャプション用
------------------------------ */

h1.accent01 {
    font-size:medium;
    color:#FFFFFF;
    padding-top:15px;
    padding-bottom:5px;
    padding-left:0px;
    text-decoration:none;
}



h2.accent01 {
    font-size:small;
    color:#FFFFFF;
    border-left:10px solid #666666;
    padding-top:5px;
    padding-bottom:5px;
    padding-left:10px;
}

h2.accent01 a{
    text-decoration:underline !inportant;

}

h3.cap01{
    color:#C0C0C0;
    font-size:small;
    font-weight:bolder;
    border-left:10px solid #CCCCCC;
	margin-left:10px;
	margin-top:10px;
    padding-top:5px;
    padding-bottom:5px;
    padding-left:10px;
	
}



h3.cap02{
	width:500px;
    border-left:8px solid;
    padding-top:0px;
    color:#FFFFFF;
    font-size:medium;
    margin-left:20px;
    margin-top:20px;
    text-indent:10px;
    border-color:#CCCCCC;
    font-weight:bolder;
    font-family:Arial;
    background-color:#333333;
    display:inline;
    padding:10px;
	padding-right:50px;
    border-bottom:1px #444444 solid;
}



p.cap03{
    border:#800000 2px solid;
    position:relative;
    width:auto;
    margin:-3px auto;
    padding:10px 20px;
    background-color:#333333;
    display:inline;
}


h3.erm-for{
	clear:both;
	width:500px;
    border-left:8px solid;
    padding-top:0px;
    color:#FFFFFF;
    font-size:medium;
    margin-left:20px;
    margin-top:20px;
    text-indent:10px;
    border-color:#CCCCCC;
    font-weight:bolder;
    font-family:Arial;
    background-color:#333333;
    display:inline;
    padding:10px;
	padding-right:100px;
	padding-bottom:40px;
    border-bottom:1px #444444 solid;
}

/*-- h3.erm-for{
    border-left:8px solid;
    padding-top:0px;
    color:#FFFFFF;
    font-size:medium;
    margin-left:20px;
    margin-top:20px;
    text-indent:10px;
    border-color:#CCCCCC;
    font-weight:bolder;
    font-family:Arial;
    background-color:#333333;
    display:inline;
    padding:10px 200px 40px 10px;
    border-bottom:1px #444444 solid;
}
--*/

h3.cap04 a{
    background-color:#800040;
    border-left:8px solid;
    padding-top:0px;
    color:#FFFFFF;
    font-size:medium;
    font-family:Arial;
    margin-left:20px;
    margin-top:20px;
    text-indent:10px;
    border-color:#CCCCCC;
    font-weight:bolder;
    display:inline;
    padding:10px;
    border-bottom:1px #444444 solid;
    width:600px;
}


h3.capDL{
background-color:red;
margin:10px 30px;
padding:10px;
color:#fff;
font-size:0.9em;
}

h3.capDL a:hover{
text-decoration:underline;
padding:5px;
}
h3.capDL a{
padding:5px;
}

p.capDL{
color:#fff;
font-size:0.9em;
padding-bottom:20px;
}

p.capDL a:hover{
text-decoration:underline;
padding:5px;
}
p.capDL a{
padding:5px;
}


/* ------------------------------
	ページ上部へ用
------------------------------ */

.page-up{
    text-align:right;
	clear:both;
}


/* ------------------------------
	リンク前画像
------------------------------ */

.link01 {
    BACKGROUND-IMAGE: url(img/arrow01.gif);
    BACKGROUND-REPEAT: no-repeat;
    text-indent:13px;
    background-position:left center;
}


.link02 p{
    BACKGROUND-IMAGE: url(img/arrow01.gif);
    BACKGROUND-REPEAT: no-repeat;
    text-indent:0px;
    background-position:left 10px;
    padding:0 0 10px 13px;
    border-bottom:1px #777 solid;
}

.link02 a{
    color:#66FFCC;
    font-weight:bold;

}

.link02 a:visited{
    color:#66FFCC;
    font-weight:bold;
}

.link02 li{
    color:#FFFFFF;
    font-size:small;
	margin-left:20px;
	margin-right:30px;
	padding-top:5px;
}

.link02 ul{
    color:#FFFFFF;
    font-size:small;
	margin-top:-10px;

}


.link03 a{
    BACKGROUND-IMAGE: url(img/arrow01.gif);
    BACKGROUND-REPEAT: no-repeat;
    text-indent:20px;
    background-position:left center;
    font-size:0.8em;
	padding-left:10px;
	Xpadding-right:5px;
	margin-left:30px;
    color:#66FFCC;
}

.link03 a:visited{
    BACKGROUND-IMAGE: url(img/arrow01.gif);
    BACKGROUND-REPEAT: no-repeat;
    Xtext-indent:20px;
    background-position:left center;
    font-size:0.8em;
    color:#66FFCC;
}

.link-text-s01{
    font-size:x-small !important;
    margin-left:150px !important;
}


.link-text-s02{
    font-size:x-small !important;
    margin-left:250px !important;
}

.link04 {
    BACKGROUND-IMAGE: url(img/arrow01.gif);
    BACKGROUND-REPEAT: no-repeat;
    text-indent:13px;
    background-position:left center;
    background-color:#808080;
    padding-left:5px;
    font-weight:bolder;
    width:50%;
}

.link05 {
    text-indent:5px;
    background-position:left center;
    border-bottom-color:#C0C0C0;
    border-bottom:2px;
    font-size:small;
    color:#C0C0C0;
	padding-left:5px;
}

.link05 li{
    list-style-type:square;
}


/*-- リスト装飾　--*/

ul.list-for{
    font-size:small;
    color:#cccccc;
    line-height:180%;
    margin-left:30px;
    padding-left:30px;
    list-style-type:square;
}

ul.list-for02{
    font-size:small;
    color:#cccccc;
    line-height:180%;
    margin-left:30px;
    padding-left:30px;
    list-style-type:none;
}

.list01 li{
    BACKGROUND-IMAGE: url(products/img/arrow01.gif);
    BACKGROUND-REPEAT: no-repeat;
    text-indent:15px;
    background-position:left center;
    font-size:small;
    list-style-type:none;
}





/* ------------------------------
	リンク集
------------------------------ */

#link_sougo li{
	color:#fff;
	font-size:0.8em;
}

#link_left{
    float:left;
    width:260px;
    XXXbackground-color:#FF0000;
}


#link_right{
    float:right;
    width:260px;
    XXXbackground-color:#FFFF00;
}





.redTxt{
	color:red;
	font-weight:bold;
}