@charset "utf-8";

/* CSS Document */


/*サイト全体に関する設定ここから------------------------------------------------------------------------*/


	* {/*全設定リセット*/
font-weight: normal;
font-style: normal;
margin: 0;
padding: 0;
list-style: none;
border-style: none;
}

a {/*fire fox対策*/
outline: none;
}

body {
margin: 0px;
font-family: "ＭＳ Ｐゴシック";
color: #666;
font-size: 12px;
background-image: url(../img/bg-body.jpg);
background-repeat: repeat-y;
background-color: #f9f9f9;
letter-spacing: 0.1em;
}

strong {
font-weight: bold;
}

a:link {
color: #D53539;
}

a:visited {
color: #D53539;
}

a:hover {
color: #CCC;
text-decoration: none;
position: relative;
top: 1px;
}

a:active {
color: #C30;
text-decoration: none;
}

/*サイト全体に関する設定ここまで------------------------------------------------------------------------*/

/*レイアウトに関する設定ここから------------------------------------------------------------------------*/


#header {
background-image: url(../img/bg-header.jpg);
height: 234px;
}

#pnavi {
background-image: url(../img/bg-pnavi.jpg);
height: 21px;
text-indent: 271px;
padding-top: 8px;
display: block;
font-size: 11px;
letter-spacing: 0em;
}

#container {
width: 985px;
}

#menu {
width: 220px;
float: left;
padding-left: 22px;
background-image: url(../img/bg-menu.jpg);
background-repeat: repeat-y;
}

#main {
width: 743px;
float: right;
}

#footer {
clear: both;
}

/*レイアウトに関する設定ここまで------------------------------------------------------------------------*/

/*header部分に関する設定ここから------------------------------------------------------------------------*/


h1 {/*ページ最上部の文言（ページ毎にオリジナルで）*/
color: #CCC;
font-size: 11px;
text-indent: 5px;
padding-top: 3px;
}

#title a {/*ロゴ*/
text-indent: -9999px;
display: block;
height: 90px;
width: 266px;
background-image: url(../img/bg-h1.jpg);
display: block;
margin-left: 5px;
}

#title a:hover {
background-image: url(../img/bg-h1-hover.jpg);
position: relative;
top: 0px;
}

/*header部分に関する設定ここまで------------------------------------------------------------------------*/

/*pnavi部分に関する設定ここから-------------------------------------------------------------------------*/

#pnavi a:link {
color: #2c73ff;
}

#pnavi a:visited {
color: #2c73ff;
}

#pnavi a:hover {
color: #999;
text-decoration: none;
position: relative;
top: 0px;
}

#pnavi a:active {
color: #CCC;
text-decoration: none;
}

/*pnavi部分に関する設定ここまで-------------------------------------------------------------------------*/

/*main部分に関する設定ここから--------------------------------------------------------------------------*/

#bunner {/*バリューコマース用大バナー*/
background-image: url(../img/bg-bunner.jpg);
padding-top: 10px;
padding-left: 10px;
height: 116px;
}

/*見出しに関する設定ここから*/

h2 {
background-image: url(../img/bg-h2.jpg);
height: 25px;
width: 707px;
margin-left: 15px;
font-size: 18px;
font-weight: bold;
text-indent: 13px;
padding-top: 10px;
margin-top: 20px;
}

.under-h2 {
background-image: url(../img/bg-under-h2.jpg);
height: 20px;
width: 707px;
margin-left: 15px;
text-indent: 13px;
padding-top: 4px;
margin-bottom: 10px;
}
#main h3{
color: #2c73ff;
font-size: 14px;
font-family: arial;
font-weight: bold;
text-indent: 25px;
margin-top: 20px;
margin-bottom: 15px;
display: block;
}

h4 {
font-size: 13px;
font-weight: bold;
color: #666;
margin-left: 25px;
margin-bottom: 10px;
letter-spacing: 0em;
}

/*見出しに関する設定ここまで*/

/*画像＆文字に関する設定ここから*/


p {
line-height: 150%;
width: auto;
margin-bottom: 15px;
margin-right: 30px;
margin-left: 25px;
font-family: Tahoma;
}

.red {
color: #CE0000;
}

.imgr {/*画像の右回り*/
float: right;
margin-bottom: 10px;
margin-left: 15px;
margin-right: 10px;
}

.imgl {/*画像の左回り*/
float: left;
margin-bottom: 10px;
margin-right: 15px;
}
.feature {
margin-bottom: 15px;
clip: rect(auto,auto,auto,-1px);
margin-left: -1px;
}


.button {
margin-top: 13px;
margin-bottom: 5px;
margin-left: -1px;
}

/*画像＆文字に関する設定ここまで*/

/*main部分に関する設定ここまで--------------------------------------------------------------------------*/

/*menu部分に関する設定ここから--------------------------------------------------------------------------*/

#menu li a {
display: block;
background-image: url(../img/bg-menu-li.jpg);
text-indent: 31px;
text-decoration: none;
color: #666;
letter-spacing: 0.1em;
height: 19px;
padding-top: 8px;
}

#menu li a:hover {
background-image: url(../img/bg-menu-li-hover.jpg);
position: relative;
top: 0px;
color: #FFF;
}

#desktop {
display: none;
}

#notebook {
background-image: url(../img/bg-notebook.jpg);
height: 46px;
text-indent: -9999px;
}

#equipment {
background-image: url(../img/bg-equipment.jpg);
height: 46px;
text-indent: -9999px;
}

#details {
background-image: url(../img/bg-details.jpg);
height: 166px;
margin-left: -7px;
text-indent: -9999px;
}

#custom {
background-image: url(../img/bg-custom.jpg);
height: 46px;
text-indent: -9999px;
}

#other {
background-image: url(../img/bg-other.jpg);
height: 46px;
text-indent: -9999px;
}

#menu-end {
background-image: url(../img/bg-menu-end.jpg);
height: 174px;
text-indent: -9999px;
}

/*menu部分に関する設定ここまで--------------------------------------------------------------------------*/

/*footer部分に関する設定ここから------------------------------------------------------------------------*/


#footer a:link {
color: #999;
}

#footer a:visited {
color: #999;
}

#footer a:hover {
color: #CCC;
}

#inducement {/*HOMEへ＆ページ先頭へBOX*/
background-image: url(../img/bg-inducement.jpg);
clear: both;
height: 90px;
width: 985px;
}

#home {
float: left;
padding-top: 25px;
padding-left: 185px;
}

#pagetop {
float: right;
padding-top: 25px;
margin-right: 20px;
}

#keywords {
clear: both;
width: 788px;
background-image: url(../img/bg-keywords.jpg);
padding-left: 182px;
display: block;
padding-right: 15px;
background-repeat: no-repeat;
line-height: 140%;
padding-bottom: 15px;
}

#copyright {
height: 20px;
background-image: url(../img/bg-copyright.jpg);
background-repeat: repeat-x;
padding-top: 9px;
padding-left: 347px;
color: #999;
letter-spacing: 0em;
font-size: 12px;
}

#copyright a:link {
text-decoration: none;
}

#copyright a:visited {
text-decoration: none;
}

#copyright a:hover {
text-decoration: underline;
color: #999;
position: relative;
top: 0px;
}

/*footer部分に関する設定ここまで------------------------------------------------------------------------*/