@media screen{
body{
padding: 0px;
margin:0px;
background-image: url(image/back.gif);
background-repeat: repeat-y;
font-size:80%;
font-family : Tahoma,"ＭＳ Ｐゴシック","ヒラギノ丸ゴ Pro W4",Osaka;
background-color : #cccccc; 
topmargin : 0; 
leftmargin : 0;
scrollbar-base-color : #FFFFFF; 
scrollbar-face-color : #FFFFFF;  
scrollbar-track-color: #FFFFFF; 
scrollbar-arrow-color : #000000;  
scrollbar-3dlight-color: #000000; 
scrollbar-highlight-color : #FFFFFF;  
scrollbar-shadow-color : #FFFFFF; 
scrollbar-darkshadow-color : #000000; 
text-align:center;
}

img{
margin:2px;
border:0px;
}

.img_right{
float:right;
}

td,th{
vertical-align:top;
text-align:left;
}

h1{
font-size:100%;
font-weight:bold;
padding:0px 20px;
margin:0px;
background-image:url(./image/h1.gif);
background-repeat: repeat-y;
}

h2{
font-size:100%;
font-weight:bold;
padding:0px 15px;
margin:0px;
background-image:url(./image/h2.gif);
background-repeat: no-repeat;
}

h3{
font-size:95%;
font-weight:bold;
padding:0px 15px;
}

p{
padding:0px 15px;
}

.h1_top{
background-image:url(./image/h1_top.gif);
background-repeat: no-repeat;
background-position: bottom left;
font-size:12pt;
margin-top:10px;
}

.h1_bottom{
background-image:url(./image/h1_bottom.gif);
background-repeat: no-repeat;
font-size:12pt;
}

.check{
background-image:url(./image/check_r.gif);
background-repeat: no-repeat;
background-position: bottom left;
padding-left:17px;
}

.comment{
width:80%;
border-style:solid;
border-color:#222;
border-width:1px;
padding:5px;
}

#bred{
margin:5px;
padding-left:0px;
}

a:link {color:#222; text-decoration: underline;}
a:visited {color:#222; text-decoration: underline;}
a:hover {color:#f00; text-decoration: underline;}
a:active  {color:#f00; text-decoration: underline;}

/****全体*****/
#all{
width:840px;
border-left:1px solid #000;
border-right:1px solid #000;
text-align:center;
background-color:#fff;
font-size:90%;
}

/****右メニュー*****/
#menu{
margin-top:10px;
padding-bottom:-5px;
width:180px;
float:right;
}

#menu h1{
font-weight:bold;
padding-left:20px;
margin-left:10px;
margin-bottom:0px;
background-repeat: no-repeat;
height:17px;
}

#menu .w{background-image:url(image/w.gif)}
#menu .s{background-image:url(image/s.gif)}
#menu .p{background-image:url(image/p.gif)}
#menu .a{background-image:url(image/a.gif)}
#menu .b{background-image:url(image/b.gif)}

#menu li{
list-style-image: url(image/check.gif);
margin:0px 0px 0px -10px;
padding:0px;
}

#menu ul{
margin-top:5px;
}

#menu .top{
background-image:url(image/side_ue.jpg);
background-repeat: no-repeat;
padding-top:5px;
}

#menu .bottom{
background-image:url(image/side_sita.jpg);
background-repeat: no-repeat;
}

.menu_body{
background-image:url(image/side_naka.jpg);
background-repeat: repeat-y;
text-align:left;
}

.side_bunner{
width:180;
float:right;
margin-right:10px;
}

/*********タイトル**********/
#title {
text-align:left;
}

#title{margin:0px 20px;}
/*********上メニュー**********/
#head{
padding:0px 20px;
background-image:url(./image/bg.gif);
}

#head img{margin:5px 0px;}

#head a:hover{
background-position: 0px 17px;
}

#head a{
background-position: 0px 0px;
height:17px;
display:block;
}

a.home { 
background-image:url(./image/home_b.gif);
width:41px;
}

a.web { 
background-image:url(./image/web_b.gif);
width:79px;
}

a.server { 
background-image:url(./image/server_b.gif);
width:131px;
}

a.php { 
background-image:url(./image/php_b.gif);
width:111px;
}

a.soft { 
background-image:url(./image/soft_b.gif);
width:85px;
}

a.support { 
background-image:url(./image/support_b.gif);
width:50px;
}

/**********backtotop***********************/
#back{
margin:20px 0px;
}

#back a:hover{
background-position: 0px 31px;
}

#back a{
background-position: 0px 0px;
height:31px;
display:block;
}

a.back { 
background-image:url(./image/toback.gif);
width:590px;
}

/*************  main  ********************/
#main {
width:620px;
float:left;
text-align:left;
margin:0px 10px;
}

#main ul{
list-style-image:url(image/check.gif);
padding-left:0px;
margin:0px 0px 0px 33px;
}

/*************  footer  ********************/
#footer p{
clear:both;
background-color:#A60000;
color:#fff;
text-align:right;
}

.kyodaku{
width:550px;
height:100px;
overflow: auto;
background-color:#fff;
border:2px solid #999;
padding:5px;
margin:10px;
}
}

@media print{
body{
padding: 0px;
margin:0px;
font-size:80%;
font-family : Tahoma,"ＭＳ Ｐゴシック","ヒラギノ丸ゴ Pro W4",Osaka;
topmargin : 0; 
leftmargin : 0;
}

img{
margin:2px;
border:0px;
}

td,th{
vertical-align:top;
text-align:left;
}

h1{
font-size:100%;
font-weight:bold;
padding:0px 20px;
margin:0px;
background-image:url(./image/h1.gif);
background-repeat: repeat-y;
}

h2{
font-size:100%;
font-weight:bold;
padding:0px 15px;
margin:0px;
background-image:url(./image/h2.gif);
background-repeat: no-repeat;
}

h3{
font-size:95%;
font-weight:bold;
padding:0px 15px;
}

p{
padding:0px 15px;
}

.h1_top{
background-image:url(./image/h1_top.gif);
background-repeat: no-repeat;
background-position: bottom left;
font-size:12pt;
margin-top:10px;
}

.h1_bottom{
background-image:url(./image/h1_bottom.gif);
background-repeat: no-repeat;
font-size:12pt;
}

.check{
background-image:url(./image/check_r.gif);
background-repeat: no-repeat;
background-position: bottom left;
padding-left:17px;
}

#bred{
margin:5px;
padding-left:0px;
}

a:link {color:#222; text-decoration: underline;}
a:visited {color:#222; text-decoration: underline;}
a:hover {color:#f00; text-decoration: underline;}
a:active  {color:#f00; text-decoration: underline;}

/****全体*****/
#all{
width:100%;
text-align:center;
background-color:#fff;
font-size:90%;
}

/****右メニュー*****/
#menu{
display:none;
}
.side_bunner{display:none;}
/*********タイトル**********/
#title td,th{
text-align:center;
vertical-align:middle;
}

#title{margin:0px 20px;}
/*********上メニュー**********/
#head{
display:none
}


/**********backtotop***********************/
#back{
display:none;
}

/*************  main  ********************/
#main {
width:100%;
text-align:left;
}


/*************  footer  ********************/
#footer p{
clear:both;
background-color:#A60000;
color:#fff;
text-align:right;
}

.kyodaku{
width:600px;
height:100px;
overflow: auto;
background-color:#fff;
border:2px solid #999;
padding:5px;
margin:10px;
}