* base
----------------------------------------------- */
* html body{font-size:x-small}
body {
margin: 0;
padding: 0;
color: #333333;
font-size: small;
font-family:"ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3", Osaka, sans-serif;
line-height: 1.5em;
text-align: center;
background: url(/img/bgi.jpg) repeat-x;
}
#wrap{
margin:0 auto ;
text-align:left;
width:823px;
}
#wrap:after {
content:".";
display:block;
visibility:hidden;
clear:both;
height:0;
}
h1,h2,h3,h4,h5,h6,ul,li,p {
margin: 0;
padding: 0;
}
li {
list-style: none;
}
img {
border: 0;
}
a {
outline: none;
color: #1f4b9f;
text-decoration: none;
}
a:hover {
color: #ff7f00;
}
a:visited {
text-decoration: underline;
}
table {
border-collapse: collapse;
}
.box_wrap {
width:590px;
}
.box_wrap:after {
content:".";
display:block;
visibility:hidden;
clear:both;
height:0;
}
.img {
width: 200px;
float: left;
}
.txt {
width: 380px;
float: right;
}
.img2 {
width: 200px;
background: #ccc;
float: right;
}
.txt2 {
width: 380px;
float: left;
}
.pagetop {
font-size: x-small;
_font-size: xx-small;
background: url(/img/list_img08.gif) no-repeat right center;
}
.pagetop2 {
font-size: x-small;
_font-size: xx-small;
background: url(/img/list_img08.gif) no-repeat right center;
margin: 10px 0 0 640px;
}
#flash p.pagetop,#dvd p.pagetop  {
margin: 15px 0 0 470px;
}
/* ヘッダー
----------------------------------------------- */
#header {
padding: 20px 0 0 0;
width: 823px;
}
#header:after {
content:".";
display:block;
visibility:hidden;
clear:both;
height:0;
}
#header h1 {
float: left;
margin:8px 0 0 0;
}
.h_right {
float: right;
height: 40px;
_width: 200px;
}
#header .h_right p {
padding: 0 0 0 15px;
margin: 0 0 0 5px;
_margin: 0 0 0 10px;　
height: 20px;
background: url(/img/list_img01.gif) no-repeat left center;
}
#header ul {
margin: 0 0 0 0;
width: 230px;
height: 20px;
}
#header li {
float: left;
padding: 0 0 0 15px;
margin: 0 0 0 5px;
background: url(/img/list_img01.gif) no-repeat left center;
}

/* Main */
#g_menu {
margin: 10px 0 0 0;
width: 823px;
}
#g_menu:after {
content:".";
display:block;
visibility:hidden;
clear:both;
height:0;
}
#g_menu01,#g_menu02,#g_menu03,#g_menu04,#g_menu05,#g_menu06,#g_menu07,#g_menu08 {
text-indent: -9999px;
float: left;
}
#g_menu01 a,#g_menu02 a,#g_menu03 a,#g_menu04 a,#g_menu05 a,#g_menu06 a,#g_menu07 a,#g_menu08 a {
display: block;
height: 47px;
}
#g_menu01 a { background: url(/img/g2_menu01.jpg) no-repeat; width:136px; }
#g_menu02 a { background: url(/img/g2_menu02.jpg) no-repeat; width:136px; }
#g_menu03 a { background: url(/img/g2_menu03.jpg) no-repeat; width:136px; }
#g_menu04 a { background: url(/img/g2_menu04.jpg) no-repeat; width:136px; }
#g_menu05 a { background: url(/img/g2_menu05.jpg) no-repeat; width:136px; }
#g_menu06 a { background: url(/img/g2_menu06.jpg) no-repeat; width:137px; }
#g_menu07 a { background: url(/img/g2_menu01.jpg) no-repeat; width:137px; }

#g_menu01 a:hover { background: url(/img/g2_menu01.jpg) no-repeat 0 -46px; }
#g_menu02 a:hover { background: url(/img/g2_menu02.jpg) no-repeat 0 -46px; }
#g_menu03 a:hover { background: url(/img/g2_menu03.jpg) no-repeat 0 -46px; }
#g_menu04 a:hover { background: url(/img/g2_menu04.jpg) no-repeat 0 -46px; }
#g_menu05 a:hover { background: url(/img/g2_menu05.jpg) no-repeat 0 -46px; }
#g_menu06 a:hover { background: url(/img/g2_menu06.jpg) no-repeat 0 -46px; }
#g_menu07 a:hover { background: url(/img/g2_menu01.jpg) no-repeat 0 -46px; }


/* CAT_NEWS  */
#n_menu {
margin: 10px 0 0 0;
width: 823px;
}
#n_menu:after {
content:".";
display:block;
visibility:hidden;
clear:both;
height:0;
}
#n_menu01,#n_menu02,#n_menu03,#n_menu04,#n_menu05,#n_menu06,#n_menu07,#n_menu08 {
text-indent: -9999px;
float: left;
}
#n_menu01 a,#n_menu02 a,#n_menu03 a,#n_menu04 a,#n_menu05 a,#n_menu06 a,#n_menu07 a,#n_menu08 a {
display: block;
height: 47px;
}
#n_menu01 a { background: url(/img/g2_menu01.jpg) no-repeat; width:137px; background-position:bottom; }
#n_menu02 a { background: url(/img/g2_menu02.jpg) no-repeat; width:136px; }
#n_menu03 a { background: url(/img/g2_menu03.jpg) no-repeat; width:136px; }
#n_menu04 a { background: url(/img/g2_menu04.jpg) no-repeat; width:136px; }
#n_menu05 a { background: url(/img/g2_menu05.jpg) no-repeat; width:136px; }
#n_menu06 a { background: url(/img/g2_menu06.jpg) no-repeat; width:137px; }
#n_menu07 a { background: url(/img/g2_menu07.jpg) no-repeat; width:137px; }


#n_menu01 a:hover { background: url(/img/g2_menu01.jpg) no-repeat width:137px; }
#n_menu02 a:hover { background: url(/img/g2_menu02.jpg) no-repeat 0 -46px; }
#n_menu03 a:hover { background: url(/img/g2_menu03.jpg) no-repeat 0 -46px; }
#n_menu04 a:hover { background: url(/img/g2_menu04.jpg) no-repeat 0 -46px; }
#n_menu05 a:hover { background: url(/img/g2_menu05.jpg) no-repeat 0 -46px; }
#n_menu06 a:hover { background: url(/img/g2_menu06.jpg) no-repeat 0 -46px; }
#n_menu07 a:hover { background: url(/img/g2_menu07.jpg) no-repeat 0 -46px; }

/* END CAT_NEWS  */



/* PRO_NEWS  */
#p_menu {
margin: 10px 0 0 0;
width: 823px;
}
#p_menu:after {
content:".";
display:block;
visibility:hidden;
clear:both;
height:0;
}
#p_menu01,#p_menu02,#p_menu03,#p_menu04,#p_menu05,#p_menu06,#p_menu07,#p_menu08 {
text-indent: -9999px;
float: left;
}
#p_menu01 a,#p_menu02 a,#p_menu03 a,#p_menu04 a,#p_menu05 a,#p_menu06 a,#p_menu07 a,#p_menu08 a {
display: block;
height: 47px;
}
#p_menu01 a { background: url(/img/g2_menu01.jpg) no-repeat; width:137px; }
#p_menu02 a { background: url(/img/g2_menu02.jpg) no-repeat; width:136px; ; background-position:bottom; }
#p_menu03 a { background: url(/img/g2_menu03.jpg) no-repeat; width:136px; }
#p_menu04 a { background: url(/img/g2_menu04.jpg) no-repeat; width:136px; }
#p_menu05 a { background: url(/img/g2_menu05.jpg) no-repeat; width:136px; }
#p_menu06 a { background: url(/img/g2_menu06.jpg) no-repeat; width:137px; }
#p_menu07 a { background: url(/img/g2_menu07.jpg) no-repeat; width:137px; }


#p_menu01 a:hover { background: url(/img/g2_menu01.jpg) no-repeat 0 -46px; }
#p_menu02 a:hover { background: url(/img/g2_menu02.jpg) no-repeat width:137px; }
#p_menu03 a:hover { background: url(/img/g2_menu03.jpg) no-repeat 0 -46px; }
#p_menu04 a:hover { background: url(/img/g2_menu04.jpg) no-repeat 0 -46px; }
#p_menu05 a:hover { background: url(/img/g2_menu05.jpg) no-repeat 0 -46px; }
#p_menu06 a:hover { background: url(/img/g2_menu06.jpg) no-repeat 0 -46px; }
#p_menu07 a:hover { background: url(/img/g2_menu07.jpg) no-repeat 0 -46px; }

/* END PRO_NEWS  */



/* TECH_NEWS  */
#t_menu {
margin: 10px 0 0 0;
width: 823px;
}
#t_menu:after {
content:".";
display:block;
visibility:hidden;
clear:both;
height:0;
}
#t_menu01,#t_menu02,#t_menu03,#t_menu04,#t_menu05,#t_menu06,#t_menu07,#t_menu08 {
text-indent: -9999px;
float: left;
}
#t_menu01 a,#t_menu02 a,#t_menu03 a,#t_menu04 a,#t_menu05 a,#t_menu06 a,#t_menu07 a,#t_menu08 a {
display: block;
height: 47px;
}
#t_menu01 a { background: url(/img/g2_menu01.jpg) no-repeat; width:137px; }
#t_menu02 a { background: url(/img/g2_menu02.jpg) no-repeat; width:136px; }
#t_menu03 a { background: url(/img/g2_menu03.jpg) no-repeat; width:136px; background-position:bottom; }
#t_menu04 a { background: url(/img/g2_menu04.jpg) no-repeat; width:136px; }
#t_menu05 a { background: url(/img/g2_menu05.jpg) no-repeat; width:136px; }
#t_menu06 a { background: url(/img/g2_menu06.jpg) no-repeat; width:137px; }
#t_menu07 a { background: url(/img/g2_menu07.jpg) no-repeat; width:137px; }


#t_menu01 a:hover { background: url(/img/g2_menu01.jpg) no-repeat 0 -46px; }
#t_menu02 a:hover { background: url(/img/g2_menu02.jpg) no-repeat 0 -46px; }
#t_menu03 a:hover { background: url(/img/g2_menu03.jpg) no-repeat; width:136px; }
#t_menu04 a:hover { background: url(/img/g2_menu04.jpg) no-repeat 0 -46px; }
#t_menu05 a:hover { background: url(/img/g2_menu05.jpg) no-repeat 0 -46px; }
#t_menu06 a:hover { background: url(/img/g2_menu06.jpg) no-repeat 0 -46px; }
#t_menu07 a:hover { background: url(/img/g2_menu07.jpg) no-repeat 0 -46px; }

/* END TECH_NEWS  */



/* SERVICE_NEWS  */
#s_menu {
margin: 10px 0 0 0;
width: 823px;
}
#s_menu:after {
content:".";
display:block;
visibility:hidden;
clear:both;
height:0;
}
#s_menu01,#s_menu02,#s_menu03,#s_menu04,#s_menu05,#s_menu06,#s_menu07,#s_menu08 {
text-indent: -9999px;
float: left;
}
#s_menu01 a,#s_menu02 a,#s_menu03 a,#s_menu04 a,#s_menu05 a,#s_menu06 a,#s_menu07 a,#s_menu08 a {
display: block;
height: 47px;
}
#s_menu01 a { background: url(/img/g2_menu01.jpg) no-repeat; width:137px; }
#s_menu02 a { background: url(/img/g2_menu02.jpg) no-repeat; width:136px; }
#s_menu03 a { background: url(/img/g2_menu03.jpg) no-repeat; width:136px; }
#s_menu04 a { background: url(/img/g2_menu04.jpg) no-repeat; width:136px; ; background-position:bottom; }
#s_menu05 a { background: url(/img/g2_menu05.jpg) no-repeat; width:136px; }
#s_menu06 a { background: url(/img/g2_menu06.jpg) no-repeat; width:137px; }
#s_menu07 a { background: url(/img/g2_menu07.jpg) no-repeat; width:137px; }


#s_menu01 a:hover { background: url(/img/g2_menu01.jpg) no-repeat 0 -46px; }
#s_menu02 a:hover { background: url(/img/g2_menu02.jpg) no-repeat 0 -46px; }
#s_menu03 a:hover { background: url(/img/g2_menu03.jpg) no-repeat 0 -46px; }
#s_menu04 a:hover { background: url(/img/g2_menu04.jpg) no-repeat; width:136px; }
#s_menu05 a:hover { background: url(/img/g2_menu05.jpg) no-repeat 0 -46px; }
#s_menu06 a:hover { background: url(/img/g2_menu06.jpg) no-repeat 0 -46px; }
#s_menu07 a:hover { background: url(/img/g2_menu07.jpg) no-repeat 0 -46px; }

/* END SERVICE_NEWS  */


/* CORPORATE_NEWS  */
#c_menu {
margin: 10px 0 0 0;
width: 823px;
}
#c_menu:after {
content:".";
display:block;
visibility:hidden;
clear:both;
height:0;
}
#c_menu01,#c_menu02,#c_menu03,#c_menu04,#c_menu05,#c_menu06,#c_menu07,#c_menu08 {
text-indent: -9999px;
float: left;
}
#c_menu01 a,#c_menu02 a,#c_menu03 a,#c_menu04 a,#c_menu05 a,#c_menu06 a,#c_menu07 a,#c_menu08 a {
display: block;
height: 47px;
}
#c_menu01 a { background: url(/img/g2_menu01.jpg) no-repeat; width:137px; }
#c_menu02 a { background: url(/img/g2_menu02.jpg) no-repeat; width:136px; }
#c_menu03 a { background: url(/img/g2_menu03.jpg) no-repeat; width:136px; }
#c_menu04 a { background: url(/img/g2_menu04.jpg) no-repeat; width:136px; }
#c_menu05 a { background: url(/img/g2_menu05.jpg) no-repeat; width:136px; ; background-position:bottom; }
#c_menu06 a { background: url(/img/g2_menu06.jpg) no-repeat; width:137px; }
#c_menu07 a { background: url(/img/g2_menu07.jpg) no-repeat; width:137px; }


#c_menu01 a:hover { background: url(/img/g2_menu01.jpg) no-repeat 0 -46px; }
#c_menu02 a:hover { background: url(/img/g2_menu02.jpg) no-repeat 0 -46px; }
#c_menu03 a:hover { background: url(/img/g2_menu03.jpg) no-repeat 0 -46px; }
#c_menu04 a:hover { background: url(/img/g2_menu04.jpg) no-repeat 0 -46px; }
#c_menu05 a:hover { background: url(/img/g2_menu05.jpg) no-repeat; width:136px; }
#c_menu06 a:hover { background: url(/img/g2_menu06.jpg) no-repeat 0 -46px; }
#c_menu07 a:hover { background: url(/img/g2_menu07.jpg) no-repeat 0 -46px; }

/* END CORPORATE_NEWS  */



/* RECRUIT_NEWS  */
#r_menu {
margin: 10px 0 0 0;
width: 823px;
}
#r_menu:after {
content:".";
display:block;
visibility:hidden;
clear:both;
height:0;
}
#r_menu01,#r_menu02,#r_menu03,#r_menu04,#r_menu05,#r_menu06,#r_menu07,#r_menu08 {
text-indent: -9999px;
float: left;
}
#r_menu01 a,#r_menu02 a,#r_menu03 a,#r_menu04 a,#r_menu05 a,#r_menu06 a,#r_menu07 a,#r_menu08 a {
display: block;
height: 47px;
}
#r_menu01 a { background: url(/img/g2_menu01.jpg) no-repeat; width:137px; }
#r_menu02 a { background: url(/img/g2_menu02.jpg) no-repeat; width:136px; }
#r_menu03 a { background: url(/img/g2_menu03.jpg) no-repeat; width:136px; }
#r_menu04 a { background: url(/img/g2_menu04.jpg) no-repeat; width:136px; }
#r_menu05 a { background: url(/img/g2_menu05.jpg) no-repeat; width:136px; }
#r_menu06 a { background: url(/img/g2_menu06.jpg) no-repeat; width:137px; background-position:bottom; }
#r_menu07 a { background: url(/img/g2_menu07.jpg) no-repeat; width:137px; }


#r_menu01 a:hover { background: url(/img/g2_menu01.jpg) no-repeat 0 -46px; }
#r_menu02 a:hover { background: url(/img/g2_menu02.jpg) no-repeat 0 -46px; }
#r_menu03 a:hover { background: url(/img/g2_menu03.jpg) no-repeat 0 -46px; }
#r_menu04 a:hover { background: url(/img/g2_menu04.jpg) no-repeat 0 -46px; }
#r_menu05 a:hover { background: url(/img/g2_menu05.jpg) no-repeat 0 -46px; }
#r_menu06 a:hover { background: url(/img/g2_menu06.jpg) no-repeat; width:136px; }
#r_menu07 a:hover { background: url(/img/g2_menu07.jpg) no-repeat 0 -46px; }

/* END RECRUIT_NEWS  */







/* Easy Slider */

#slider ul, #slider li,
#slider2 ul, #slider2 li{
margin:0;
padding:0;
list-style:none;
}
#slider2{margin-top:1em;}
#slider li, #slider2 li{ 
/* 
define width and height of list item (slide)
entire slider area will adjust according to the parameters provided here
*/ 
width:823px;
height:280px;
overflow:hidden; 
}
#prevBtn, #nextBtn,
#slider1next, #slider1prev{ 
display:block;
width:30px;
height:77px;
position:absolute;
left:-30px;
top:71px;
z-index:1000;
}
#nextBtn, #slider1next{ 
left:696px;
}
#prevBtn a, #nextBtn a,
#slider1next a, #slider1prev a{  
display:block;
position:relative;
width:30px;
height:77px;
background:url(../images/btn_prev.gif) no-repeat 0 0;
}
#nextBtn a, #slider1next a{ 
background:url(../images/btn_next.gif) no-repeat 0 0;
}

/* numeric controls */

ol#controls{
margin:1em 0;
padding:0;
height:28px;
}
ol#controls li{
margin:0 10px 0 0; 
padding:0;
float:left;
list-style:none;
height:28px;
line-height:28px;
}
ol#controls li a{
float:left;
height:28px;
line-height:28px;
border:1px solid #ccc;
background:#DAF3F8;
color:#555;
padding:0 10px;
text-decoration:none;
}
ol#controls li.current a{
background:#5DC9E1;
color:#fff;
}
ol#controls li a:focus, #prevBtn a:focus, #nextBtn a:focus{outline:none;}

/* // Easy Slider */



/* cat2 */

#g3_menu {
margin: 10px 0 0 0;
width: 823px;
}
#g3_menu:after {
content:".";
display:block;
visibility:hidden;
clear:both;
height:0;
}
#g3_menu01,#g3_menu02,#g3_menu03,#g3_menu04,#g3_menu05,#g3_menu06,#g3_menu07,#g3_menu08 {
text-indent: -9999px;
float: left;
}
#g3_menu01 a,#g3_menu02 a,#g3_menu03 a,#g3_menu04 a,#g3_menu05 a,#g3_menu06 a,#g3_menu07 a,#g3_menu08 a {
display: block;
height: 35px;
}
#g3_menu01 a { background: url(/img/g3_menu01.jpg) no-repeat; width:206px; }
#g3_menu02 a { background: url(/img/g3_menu02.jpg) no-repeat; width:206px; }
#g3_menu03 a { background: url(/img/g3_menu03.jpg) no-repeat; width:206px; }
#g3_menu04 a { background: url(/img/g3_menu04.jpg) no-repeat; width:205px; }

#g3_menu01 a:hover { background: url(/img/g3_menu01.jpg) no-repeat 0 -35px; }
#g3_menu02 a:hover { background: url(/img/g3_menu02.jpg) no-repeat 0 -35px; }
#g3_menu03 a:hover { background: url(/img/g3_menu03.jpg) no-repeat 0 -35px; }
#g3_menu04 a:hover { background: url(/img/g3_menu04.jpg) no-repeat 0 -35px; }

/* // cat2 */



/* video */
div#video {
        position: absolute;
        top: 301px;
        left: 225px;
        height: 391px;
        width: 448px;
         }

/* // video */


/* サービス案内
----------------------------------------------- */
#sub_menu { margin: 20px auto 0 auto; _margin: 20px 10px; width: 760px; }
#sub_menu:after {
content:".";
display:block;
visibility:hidden;
clear:both;
height:0;
}
#sub_menu00,#sub_menu01,#sub_menu02,#sub_menu03,#sub_menu04,#sub_menu05 { text-indent: -9999px;}
#sub_menu00 {
display: block;
height: 56px;
width: 152px;
}
#sub_menu01 a,#sub_menu02 a,#sub_menu03 a,#sub_menu04 a,#sub_menu05 a {
display: block;
height: 35px;
width: 152px;
}
#sub_menu00 { background: url(/img/sub_menu00.jpg) no-repeat; }
#sub_menu01 a { background: url(/img/sub_menu01.jpg) no-repeat; }
#sub_menu02 a { background: url(/img/sub_menu02.jpg) no-repeat; }
#sub_menu03 a { background: url(/img/sub_menu03.jpg) no-repeat; }
#sub_menu04 a { background: url(/img/sub_menu04.jpg) no-repeat; }
#sub_menu05 a { background: url(/img/sub_menu05.jpg) no-repeat; height: 50px; }
#sub_menu h2 { float: right; }
#sub_menu ul { float: left; }

/* フッター
----------------------------------------------- */
#footer {
margin: 10px auto 0 auto;
background: url(/img/footer_bg.gif) repeat-x;
color: #2d46a5;
width: 760px;
}
#footer:after {
content:".";
display:block;
visibility:hidden;
clear:both;
height:0;
}
#footer p {
padding: 10px 0 0 0;
float: left;
font-size: x-small;
_font-size: xx-small;
}
#footer li{
float: right;
font-size: x-small;
_font-size: xx-small;
padding: 0 0 0 15px;
margin: 5px 0 0 5px;
background: url(/img/list_img01.gif) no-repeat left center;
}
/* up
----------------------------------------------- */
#up {
margin: 30px auto 0 auto;
width: 760px;
}

/* テーブル
----------------------------------------------- */
.table {
width: 500px;
border-top: 2px solid #c8c8c8;
border-bottom: 2px solid #c8c8c8;
text-align: left;
_font-size: x-small;
}

.table th {
width: 140px;
font-weight:normal;
padding:7px 10px ;
white-space: nowrap;
vertical-align: top;
border-bottom: 1px solid #dddddd;
background-color:#f0f0f0;
color:#555555;
}

.table td {
width: 360px;
border-bottom: 1px solid #dddddd;
border-left: 1px dotted #dddddd;
padding:7px 0 7px 15px ;
}

/* テーブル2
----------------------------------------------- */
.table2 {
width: 590px;
margin: 15px 0 0 0;
border-top: 2px solid #c8c8c8;
border-bottom: 2px solid #c8c8c8;
text-align: left;
_font-size: x-small;
}

.table2 th {
width: 140px;
font-weight:normal;
padding:7px 10px ;
white-space: nowrap;
vertical-align: top;
border-bottom: 1px solid #dddddd;
background-color:#f0f0f0;
color:#555555;
}

.table2 td {
width: 450px;
border-bottom: 1px solid #dddddd;
border-left: 1px dotted #dddddd;
padding:7px 0 7px 15px ;
}

/* テーブル3
----------------------------------------------- */
.table3 {
margin: 10px 0 0 0;
border-top: 2px solid #c8c8c8;
border-bottom: 2px solid #c8c8c8;
text-align: left;
width: 100%;
_font-size: x-small;
}

.table3 th {
font-weight:normal;
padding:5px;
white-space: nowrap;
border-bottom: 1px solid #dddddd;
background-color:#f0f0f0;
color:#555555;
}

.table3 td {
border-bottom: 1px solid #dddddd;
border-left: 1px dotted #dddddd;
padding:5px ;
}

/* ホーム
----------------------------------------------- */
#home {
float: left;
width: 500px;
}
#home .topics {
background: url(/img/line.jpg) repeat-x;
border-bottom: 1px solid #ccc;
padding: 10px 0 5px 0;
margin: 30px 0 0 0;
width: 550px;
}
#home .topics h3 {
font-size: small;
_font-size: x-small;
float:left;
}
#home .topics ul {
width: 250px;
height: 25px;
float: right;
}
#home .topics li {
margin: 0 0 0 5px;
float: right;
font-size: x-small;
_font-size: xx-small;
}
#home .topics li.rss {
background: url(/img/rss.gif) no-repeat left center;
padding: 0 0 0 20px;
border-bottom: 0px;
}
#home .topics li.li_img2 {
background: url(/img/list_img02.gif) no-repeat left center;
padding: 0 0 0 15px;
border-bottom: 0px;
}
#home li {
line-height: 2em;
background: url(/img/list_img03.gif) no-repeat left center;
border-bottom: 1px dotted #ccc;
padding: 0 0 0 15px;
}
#home p {
margin: 5px 0 0 0;
}
#home:after {
content:".";
display:block;
visibility:hidden;
clear:both;
height:0;
}
#home .topics:after {
content:".";
display:block;
visibility:hidden;
clear:both;
height:0;
}

/* 会社概要,サポートなど
----------------------------------------------- */
#about {
float: left;
width: 500px;
}
#about h3 {
background: url(/img/h3_00.gif) repeat-x;
height: 35px;
line-height: 37px;
_line-height: 1.2em;
_padding: 10px 0 0 0;
margin: 30px 0 0 0;
border-bottom: 1px solid #ccc;
color: #2d46a5;
font-size: small;
_font-size: x-small;
}
#about p {
margin: 10px 0 0 0;
}
#about table.table {
margin: 10px 0 0 0;
}
#about h5 {
font-size: small;
_font-size: x-small;
color: #2d46a5;
margin: 5px 0 0 0;
background: url(/img/list_img04.gif) no-repeat left center;
padding: 0 0 0 10px;
border-bottom: 1px dotted #ccc;
}
#about h4 {
font-size: small;
_font-size: x-small;
background: url(/img/h4_bg.gif) no-repeat;
padding: 3px 0 0 20px;
margin: 5px 0 0 0;
color: #2d46a5;
}
#support h4 {
background: url(/img/q.gif) no-repeat left top;
border-bottom: 1px dotted #ccc;
padding: 0 0 3px 25px;
margin: 10px 0 0 0;

}
#support p {
background: url(/img/a.gif) no-repeat left top;
padding: 0 0 3px 25px;
margin: 5px 0 0 0;
}
#support ul {
margin: 5px 0 0 0;
}
#support li {
background: url(/img/list_img05.gif) no-repeat left center;
padding: 0 0 0 15px;
line-height: 2em;
}


/* service_common
----------------------------------------------- */
#dvd p a,#flash p a,#copy p a,#pc p a,#dupli p a {
outline: none;
text-decoration: none;
padding: 0 0 0 20px;
}
#about p a,#support p a {
outline: none;
text-decoration: none;
padding: 0 0 0 15px;
}
#about p a,#support p a {background:transparent url(/img/list_img02.gif) no-repeat scroll left center; color: #2d45a6;}
#dvd p a {background:transparent url(/img/service_li01.gif) no-repeat scroll left center; color: #1f4b9f;}
#flash p a {background:transparent url(/img/service_li02.gif) no-repeat scroll left center; color:#557d00;}
#copy p a {background:transparent url(/img/service_li03.gif) no-repeat scroll left center; color:#f7920e;}
#pc p a {background:transparent url(/img/service_li04.gif) no-repeat scroll left center; color:#c5291d;}
#dupli p a {background:transparent url(/img/service_li05.gif) no-repeat scroll left center; color:#c54cc3;}

#dvd,#flash,#copy,#pc,#dupli {
float: right;
width: 590px;
margin: 0;
}
#dvd h3,#flash h3,#copy h3,#pc h3,#dupli h3 {
height: 35px;
line-height: 37px;
margin: 30px 0 0 0;
border-bottom: 1px solid #ccc;
_line-height: 1.2em;
_padding: 10px 0 0 0;
_font-size: small;
}
#dvd h4,#flash h4,#copy h4,#pc h4,#dupli h4 {
border-bottom: 1px dotted #ccc;
padding: 0 0 0 15px;
margin: 10px 0 0 0;
_font-size:x-small;
}
#dvd p,#flash p,#copy p,#pc p,#dupli p {
margin: 5px 0 0 0;
}
#dvd p.contact,#flash p.contact,#copy p.contact,#pc p.contact,#dupli p.contact {
margin: 20px 0 0 0;
text-indent: -9999px;
}
#dvd p.contact a,#flash p.contact a,#copy p.contact a,#pc p.contact a,#dupli p.contact a {
display: block;
margin: 0 0 0 440px;
_margin: 0 0 0 430px;
height:32px;
width:154px;
background: url(/img/contact.jpg) no-repeat;
}
#dvd p.contact a:hover,#flash p.contact a:hover,#copy p.contact a:hover,#pc p.contact a:hover,#dupli p.contact a:hover {
background: url(/img/contact.jpg) no-repeat 0 -31px;
}
#dvd p.usbcopy,#flash p.usbcopy,#copy p.usbcopy,#pc p.usbcopy,#dupli p.usbcopy {
margin: 5px 0 0 0;
text-indent: -9999px;
}

#dvd p.usbcopy a,#flash p.usbcopy a,#copy p.usbcopy a,#pc p.usbcopy a,#dupli p.usbcopy a {
display: block;
margin: 0 0 0 440px;
_margin: 0 0 0 430px;
height:32px;
width:154px;
background: url(/img/usbcopy.jpg) no-repeat;
}
#dvd p.usbcopy a:hover,#flash p.usbcopy a:hover,#copy p.usbcopy a:hover,#pc p.usbcopy a:hover,#dupli p.usbcopy a:hover {
background: url(/img/usbcopy.jpg) no-repeat 0 -31px;
}

#dvd_menu,#flash_menu,#copy_menu,#pc_menu,#dupli_menu {
float: left;
margin: 30px 0 0 0;
width:155px;
}
#dvd_menu p,#flash_menu p,#copy_menu p,#pc_menu p,#dupli_menu p {
text-indent: -9999px;
display: block;
height: 33px;
width: 155px;
}
#dvd_menu ul,#flash_menu ul,#copy_menu ul,#pc_menu ul,#dupli_menu ul {
border-left: 1px solid #ccc;
border-right: 1px solid #ccc;
}
#dvd_menu li,#flash_menu li,#copy_menu li,#pc_menu li,#dupli_menu li {
background: url(/img/service_li01.gif) no-repeat left 6px;
padding: 0 0 0 20px;
line-height: 2em;
border-bottom: 1px dotted #ccc;
}
#dvd_menu .subcategory,#flash_menu .subcategory,#copy_menu .subcategory,#pc_menu .subcategory,#dupli_menu .subcategory {
border-bottom: 1px dotted #ccc;
}
#dupli_menu li a {
line-height: 1em;
}
#dvd_menu li.last,#flash_menu li.last,#copy_menu li.last,#pc_menu li.last,#dupli_menu li.last {
border-bottom: 1px solid #ccc;
}
#cts wrapbox_wrap  {
margin: 10px 0 0 0;
}
ul.left,ul.normal {
margin: 10px 0 0 0;
}
ul.normal li {
margin: 5px;
padding: 0 0 0 10px;
background: url(/img/list_img03.gif) no-repeat left;
}
ul.left li {
float: left;
margin: 0 5px 0 5px;
padding: 0 0 0 10px;
background: url(/img/list_img03.gif) no-repeat left;
}
ul.left:after {
content:".";
display:block;
visibility:hidden;
clear:both;
height:0;
}

/* cd,dvd
----------------------------------------------- */
#dvd h3 {
background: url(/img/h3_01.gif) repeat-x;
color: #5082be;
margin: 30px 0 0 0;
}
#dvd h4 {
background: url(/img/h4_01.gif) no-repeat left center;
color: #5082be;
}
#dvd_menu p {
background: url(/img/service01.jpg) no-repeat;
}
#dvd_menu li {
background: url(/img/service_li01.gif) no-repeat left 6px;
}
#dvd_menu li a,#dvd_menu .subcategory {
color: #5082be;
}

/* flash
----------------------------------------------- */
#flash h3 {
background: url(/img/h3_02.gif) repeat-x;
color: #557d00;
}
#flash h4 {
background: url(/img/h4_02.gif) no-repeat left center;
color: #557d00;
}
#flash_menu p {
background: url(/img/service02.jpg) no-repeat;
}
#flash_menu li {
background: url(/img/service_li02.gif) no-repeat left 6px;
}
#flash_menu li a,#flash_menu .subcategory {
color: #557d00;
}

/* copy
----------------------------------------------- */
#copy h3 {
background: url(/img/h3_03.gif) repeat-x;
color: #f7920e;
}
#copy h4 {
background: url(/img/h4_03.gif) no-repeat left center;
color: #f7920e;
}
#copy_menu p {
background: url(/img/service03.jpg) no-repeat;
}
#copy_menu li {
background: url(/img/service_li03.gif) no-repeat left 6px;
}
#copy_menu li a,#copy_menu .subcategory {
color: #F7920E;
}

/* pc
----------------------------------------------- */
#pc h3 {
background: url(/img/h3_04.gif) repeat-x;
color: #c5291d;
}
#pc h4 {
background: url(/img/h4_04.gif) no-repeat left center;
color: #c5291d;
}
#pc_menu p {
background: url(/img/service04.jpg) no-repeat;
}
#pc_menu li {
background: url(/img/service_li04.gif) no-repeat left 6px;
}
#pc_menu li a,#pc_menu .subcategory {
color: #c5291d;
}
#pc h4 a {
color: #c5291d;
}

/* dupli
----------------------------------------------- */

#dupli h3 {
background: url(/img/h3_05.gif) repeat-x;
color: #c54cc3;
}
#dupli h4 {
background: url(/img/h4_05.gif) no-repeat left center;
color: #c54cc3;
}
#dupli_menu p {
background: url(/img/service05.jpg) no-repeat;
}
#dupli_menu li {
background: url(/img/service_li05.gif) no-repeat left 6px;
line-height: 1em;
padding: 5px 0 5px 20px;
}
#dupli_menu li a,#dupli_menu .subcategory {
color: #c54cc3;
}


/* contact
----------------------------------------------- */
.txt01,.txt02,.txt03 {
border:1px solid #C8C8C8;
width: 315px;
}

.submit {
text-align: center;
}

/* ライブラリ
----------------------------------------------- */
.blue {
color: #2d46a5;
font-weight: bold;
}
.margin10 {
margin:10px 0 0 0 !important;
}
.margin15 {
margin:15px 0 0 0;
}
.margin20 {
margin: 20px 0 0 0;
}
.margin30 {
margin: 30px 0 0 0;
}
.red ul {
margin: 5px 0 0 0;
}
.red li {
font-size: small;
_font-size: x-small;
color: #e4000d;
font-weight: bold;
}
.line {
border-top: 1px solid #cccccc;
}
.small {
font-size: x-small;
_font-size: xx-small;
outline: none;
text-decoration: none;
padding: 5px 0 0 15px;
background:transparent url(/img/list_img02.gif) no-repeat scroll left center; color: #2d45a6;
}
#about table.privacy {
margin: 30px 0 0 0;
}

/* コンテンツ
----------------------------------------------- */
#cts_wrap {
width:815px;
margin: 0 auto 0 auto;
_margin: 0 0 0 10px;
}
#cts_wrap:after {
content:".";
display:block;
visibility:hidden;
clear:both;
height:0;
}

/* サイドバナー
----------------------------------------------- */
#bnr {
float: right;
width: 220px;
margin: 10px 0 0 0;

}
.bnr_wrap {
padding:10px 0 0 0;
margin: 10px 0 0 5px;
border: 1px solid #cccccc;
}
#bnr h4 {
background: url(../img/service_li04.gif) no-repeat left center;
padding: 0 0 0 20px;
_font-size: x-small;
}
#bnr h4 a { color: #333333;}
#bnr h4 a:hover { color: #e10019;}
#bnr p {
padding: 10px;
color: #555555;
}

/*sitemap
------------------------------------------------------------*/

div#sitemap p.home{
margin:20px 20px 0;
}

div#sitemap ul.map{
margin:0 0 10px 35px;
_margin:0 0 10px 18px;
padding:0;
background:url(../img/sitemap_tate.gif) top left repeat-y;
float:left;
}

div#sitemap ul.map ul{
margin:0 0 0 10px;
padding:0;
background:url(../img/sitemap_tate.gif) top left repeat-y;
}

div#sitemap ul.map li{
list-style:none;
margin:10px 0 10px 0;
padding:0 0 0 25px;
background:url(../img/sitemap_line.gif) no-repeat 0 0.9em ;
}

div#sitemap li.last{
background:url(../img/sitemap_last.gif) no-repeat 0 0.9em !important;
margin:10px 0 0 !important;
}