@charset "UTF-8";

/* =========================================================
■text size

10px = 77%　　　　|　  19px = 146.5% 
11px = 85%　　　　|　　20px = 153.9%　
12px = 93%　　　　|　　21px = 161.6%
13px = 100%　　　 |　　22px = 167%
14px = 108%　     |　　23px = 174%　
15px = 116%　     |　　24px = 182%
16px = 123.1%　  ｜　　25px = 189%
17px = 131%　    ｜　　26px = 197%
18px = 138.5%
========================================================= */
  
  
/*=========================================================================
                                               ■Reset of Default Style[0]
											           サイト全体に適用
=========================================================================*/

* { /* 全ての要素の間隔・余白を０へ */
	margin:0;
	padding:0;
}

div, h1, h2, h3, h4, h5, h6, p, address,
ul, ol, li, dl, dt, dd,
img, form {
	margin: 0;
	padding: 0;
	border: none;
	font-style: normal;
	font-size: 100%;
	text-align: left;
	list-style-type: none;

}
textarea { font-size: 100%; }
img {  border: none;  -ms-interpolation-mode: bicubic; }


/*=========================================================================
                                                           リンクの指定[1]
=========================================================================*/

a:link {   color: #0066ff;  text-decoration: none;}
a:visited {  color: #003366;  text-decoration: none;}
a:hover {  color: #ff6699;  text-decoration: underline;}
a:active {   color: #ff6699;  text-decoration: underline;}


/*-------△------*/

#main a:hover img  {  opacity:0.7;	filter: alpha(opacity=70);   }
#main a:hover img { opacity:0.7;	filter: alpha(opacity=70);   }
#sidebar a:hover img  {  opacity:0.7;	filter: alpha(opacity=70);   }
#sidebar a:hover img { opacity:0.7;	filter: alpha(opacity=70);   }

.footer-inner a:link    { color: #999999; font-weight: bold; text-decoration: none; }
.footer-inner a:visited { color: #999999; font-weight: bold; text-decoration: none;}
.footer-inner a:hover   { color: #999999; font-weight: bold; text-decoration: underline;}
.footer-inner a:active  { color: #999999; font-weight: bold; text-decoration: underline;}


/*=========================================================================
                                各ブロック毎のフォントサイズ指定とp要素[2]
=========================================================================*/

#header { font-size: 100%; }
#main { font-size: 123.1%; }
#sidebar { font-size: 100%; }
#footer { font-size: 100%; font-weight: bold; }
.footer-inner p.go_top  {	font-size: 100%; }

/* -- すべての要素内の文字 -- */
p {  line-height: 1.3em;  margin: 0 0 0.5em;  padding: 0 0 0 10px;}
p.red { color: #dc143c; }
p.right { text-align: right; }


/*=========================================================================
                                                         レイアウト指定[3]
=========================================================================*/

body {
	text-align: center; margin: 0; padding: 0;
	font-family:"Trebuchet MS",  "Arial","Helvetica",sans-serif; 
	color: #000000;
}

/* ==  #wrapper ページ外枠 */

#wrapper {
	width: 950px; text-align: left; margin: 0 auto; padding: 0;}

/* ==  #header 画面上部 */


#header {  width: 100%;  }
.header-inner {  width: 100%;  height: 170px;  position: relative;}

/* == #main 画面中央部 #mainとサイドメニューの外枠 */

#main {	float: left;	width: 750px;	margin: 12px 0 0 0; background-color: #FFFFFF;}
.main-inner { margin: 5px;  }

/* ==  menuL 左サイドメニュー */

#sidebar {	float: right; width: 200px;	margin: 20px 0 0 0;	background-color: #FFFFFF;}
.sidebar-inner { margin : 2px; }

/* ==  #footer 画面下部 */
#footer {  width:100%; height: 260px;  background-color: #000000; }
.footer-inner { width: 950px; height: 260px; text-align: left; margin: 0 auto; padding: 0; background-color: #000000; color:#999999;  } 

/*=========================================================================
                                         ヘッダーブロック内の各要素指定[4]
=========================================================================*/



#header .header-inner #bar_1{  background: #FFFFFF;  width: 100%;  height: 40px;}
#header .header-inner #bar_1 p.description {  position: absolute;  top: 15px;  left: 10px; font-weight: bold;}

#header .header-inner p.logo {   position: absolute;  top: 35px;  left: 0px;}

#header .header-inner #bar_2 {  width: 100%;  height: 90px; margin: 0 0 10px 0; }
#header .header-inner #bar_2 p { text-align:right;  padding: 0px;}

/*=========================================================================
                                         　　　　ナビゲーションメニュー[5]
=========================================================================*/

#g_navi {
	height:50px;
	background:url(http://www.diskunionusa.com/stage/image/base/g_navi_bg.gif) no-repeat;
	margin: 0 0 10px 0;
}
#g_navi ul { padding:0; }
#g_navi li { display:inline; list-style-type:none; }
#g_navi li a {
	height:40px;
	display:block;
	float:left;
	text-indent:-9877em;
	text-decoration:none;
	overflow:hidden;
}
/*------off*/
#g_navi li.g_navi01 a {
	background:url(http://www.diskunionusa.com/stage/image/base/g_navi.gif) no-repeat 0px 0px;
	width:71px;
}
#g_navi li.g_navi02 a {
	background:url(http://www.diskunionusa.com/stage/image/base/g_navi.gif) no-repeat -71px 0px;
	width:205px;
}
#g_navi li.g_navi03 a {
	background:url(http://www.diskunionusa.com/stage/image/base/g_navi.gif) no-repeat -276px 0px;
	width:190px;
}
#g_navi li.g_navi04 a {
	background:url(http://www.diskunionusa.com/stage/image/base/g_navi.gif) no-repeat -466px 0px;
	width:177px;
}
#g_navi li.g_navi05 a {
	background:url(http://www.diskunionusa.com/stage/image/base/g_navi.gif) no-repeat -643px 0px;
	width:161px;
}
#g_navi li.g_navi06 a {
	background:url(http://www.diskunionusa.com/stage/image/base/g_navi.gif) no-repeat -804px 0px;
	width:59px;
}

#g_navi li.g_navi07 a {
	background:url(http://www.diskunionusa.com/stage/image/base/g_navi.gif) no-repeat -863px 0px;
	width:87px;
}

/*------hover*/
#g_navi li.g_navi01 a:hover {
	background:url(http://www.diskunionusa.com/stage/image/base/g_navi.gif) no-repeat 0px -40px;
}
#g_navi li.g_navi02 a:hover {
	background:url(http://www.diskunionusa.com/stage/image/base/g_navi.gif) no-repeat -71px -40px;
}
#g_navi li.g_navi03 a:hover {
	background:url(http://www.diskunionusa.com/stage/image/base/g_navi.gif) no-repeat -276px -40px;
}
#g_navi li.g_navi04 a:hover {
	background:url(http://www.diskunionusa.com/stage/image/base/g_navi.gif) no-repeat -466px -40px;
}
#g_navi li.g_navi05 a:hover {
	background:url(http://www.diskunionusa.com/stage/image/base/g_navi.gif) no-repeat -643px -40px;
}
#g_navi li.g_navi06 a:hover {
	background:url(http://www.diskunionusa.com/stage/image/base/g_navi.gif) no-repeat -804px -40px;
}
#g_navi li.g_navi07 a:hover {
	background:url(http://www.diskunionusa.com/stage/image/base/g_navi.gif) no-repeat -863px -40px;
}

/* -+-+-+-+-+-+-+-+-+-+-+-+- Global Navi Style */


/*=========================================================================
                                                   メイン内の各要素指定[5]
=========================================================================*/

.main-1 {  padding: 5px; border: 1px #FFFFFF solid; margin-bottom: 10px; background:#FFFFFF;}
.main-2 {  padding: 5px; border: 1px #CCCCCC solid; margin-bottom: 10px; background:#FFFFFF;}
.main-bnr  { margin: 5px;}
.main-bnr img { border: 1px #dcdcdc solid; padding : 2px;  }

h1 {
	clear: both;
	padding: 3px 0px 3px 5px;
	margin: 0em 0px 1em;
	font-size: 120%;	
	font-weight: bold;
	background-color: #006633;
	color:#FFFFFF;
}

h2 {
	clear: both;
	padding: 6px 0px 5px 10px;
	margin: 0em 0px 0.3em;
	font-size: 131%;	
	font-weight: bold;
	background-color: #000000;
	color:#FFFFFF;
}


h3 {
	margin: 0px 0px 0.5em 0px;
	padding: 0 0 0 10px;
	font-weight: bold;
	font-size: 100%;
	color: #000;
	border-bottom: 3px #666666 solid;	
}

h4 {  line-height: 2em; }


/*=========================================================================
                                       サイドバーブロック内の各要素指定[6]
=========================================================================*/

.sidebar-inner ul.side-bnr {
	text-decoration: none;
	/*display: block;*/
	width: 190px;
	margin: 0;
	padding: 0;
}

.sidebar-inner ul.side-bnr img{
	margin-bottom: 5px;
	padding: 1px;
}



/*=========================================================================
                                                フッター内の各要素指定 [7]
=========================================================================*/

div.go_top {  clear: both; height:1em; text-align: right; margin: 0 auto; background: #FFFFFF; padding: 0;}

.footer-inner div.footer_bar1 { margin: 10px 0 0 0; clear: both; }

.footer-inner div.footer_menu { width: 45%; float: left; margin:  0 0 5px 0; overflow: hidden; }
.footer-inner div.footer_menu ul {  text-align: left;   }
.footer-inner div.footer_menu li {  padding: 0.5em 4px 0 4px;}
.footer-inner div.footer_menu li.red {  padding: 0.5em 4px 0 4px; color:#dc143c; }

.footer-inner div.contact { width: 54%; height: auto; overflow: hidden; }
.footer-inner div.contact ul {     }
.footer-inner div.contact li {  text-align: right;　padding: 0.5em 4px 0 4px;}
.footer-inner div.contact li.red {  text-align: right;　padding: 0.5em 4px 0 4px; color:#dc143c;  }


p.copyright { margin: 1.7em 0 0 0 ; height: 1em; text-align: right;  color: #999999; font-weight: bold; padding: 0 0 5px 20px;  vertical-align:bottom;}

/*degined&corded by tamie ishida(diskunion) 2001004*/