/* [ver:2.00 Update:11-06-19] */
/*
YUI reset.css
---------------------------------------------------------- */
html{color:#4d4d4d;background:#f4fcff;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym {border:0;font-variant:normal;}sup {vertical-align:text-top;}sub {vertical-align:text-bottom;}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}input,textarea,select{*font-size:100%;}legend{color:#000;}
body {font:13px/1.231 "ＭＳ Ｐゴシック", "Hiragino Kaku Gothic", "ヒラギノ角ゴ Pro W3", "Osaka‐等幅", arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small;}table {font-size:inherit;font:100%;}pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;line-height:100%;}

/* Page Structure
---------------------------------------------------------- */
body { 
	margin:0 auto;
	padding:0;
	line-height: 140%;
	width:886px;
	background:white url(img/sidebar.gif) repeat-y;
}
#wrap {
	margin:0 auto;
	width:860px;
}
/* ヘッダー、メニューの位置指定 */
#header {
	margin:0 auto;
	padding-top:22px;
	width:832px;
}
#site_logo {
	float:left;
	width:68px;
}
#site_title {
	float:left;
	width:259px;
	margin-right:58px;
}
#menu_top,
#menu_sound,
#menu_soft,
#menu_cd,
#menu_about,
#menu_contacts {
	float:left;
	width:76px;
	height:68px;
	text-indent:-9999px;
}
#menu_top{width:71px}
#menu_contacts{width:71px}

#menu_top a,
#menu_sound a,
#menu_soft a,
#menu_cd a,
#menu_about a,
#menu_contacts a {
	display:block;
	width:100%;
	height:100%;
}

#menu_top a {background:url(img/menu_top.gif) no-repeat 0 0}
#menu_sound a {background:url(img/menu_sound.gif) no-repeat 0 0}
#menu_soft a {background:url(img/menu_soft.gif) no-repeat 0 0}
#menu_cd a {background:url(img/menu_cd.gif) no-repeat 0 0}
#menu_about a {background:url(img/menu_about.gif) no-repeat 0 0}
#menu_contacts a {background:url(img/menu_contacts.gif) no-repeat 0 0}

#menu_top a:hover {background:url(img/menu_top.gif) no-repeat 0 -68px}
#menu_sound a:hover {background:url(img/menu_sound.gif) no-repeat 0 -68px}
#menu_soft a:hover {background:url(img/menu_soft.gif) no-repeat 0 -68px}
#menu_cd a:hover {background:url(img/menu_cd.gif) no-repeat 0 -68px}
#menu_about a:hover {background:url(img/menu_about.gif) no-repeat 0 -68px}
#menu_contacts a:hover {background:url(img/menu_contacts.gif) no-repeat 0 -68px}

/* メイン */
#main {
	margin:0 auto;
	width:800px;
}
.left_box {
	float:left;
	width:475px;
}
.right_box {
	margin-top:25px;
	float:right;
	width:257px;
}
/* フッター */
#footer {
	margin-top:90px;
}
.img_pad1{
	border:none;
	padding:0;
	margin-right:6px;
}
/* リンク */
a:link, a:visited{
	color:#6081C3;
	text-decoration : none;
}
a:hover{
	color:#FF90B1;
	text-decoration : none;
}

/* テキスト */
.text{
	font-size:93%;
	line-height:160%;
}
.copyright{
	font-size:85%;
	line-height:150%;
}

/* header */
h1.title{
	margin:30px 0 20px 0;
	font-weight: bold;
	font-size:138.5%;
}
h1.img_title {
	margin-top:25px;
	text-indent:-9999px;
}
h2 {
	margin:28px 0 0 0;
	font-weight: bold;
}
h2.cd {
	margin:0;
	font-weight: bold;
}
/* メニュー */
.imagemenu {
    list-style-type: none;
    margin: 20px 0 0;
    padding: 0 0 0 0;
}
.imagemenu li {
    background: url(img/arrow.gif) no-repeat scroll 0 4px transparent;
    margin: 0 0 4px;
    padding: 0 0 0 12px;
    text-indent: 0.2em;
}
/* ボタン */
.order {
	margin-top:13px;
	width:66px;
	height:19px;
}
.order a{
	display:block;
	width:100%;
	height:100%;
	background:url(img/order.gif) no-repeat 0 0;
}
.order a:hover{
	background:url(img/order.gif) no-repeat 0 -19px;
}
.confirm,
.cancel,
.back,
.send {
	float:left;
	width:76px;
	height:19px;
}
.cancel,
.send {
	margin-left:18px;
	width:46px;
}
.confirm a,
.cancel a,
.back a,
.send a {
	display:block;
	width:100%;
	height:100%;
}
.confirm a {background:url(contacts/img/confirm.gif) no-repeat 0 0}
.cancel a {background:url(contacts/img/cancel.gif) no-repeat 0 0}
.back a {background:url(contacts/img/back.gif) no-repeat 0 0}
.send a {background:url(contacts/img/send.gif) no-repeat 0 0}
.confirm a:hover {background:url(contacts/img/confirm.gif) no-repeat 0 -19px}
.cancel a:hover {background:url(contacts/img/cancel.gif) no-repeat 0 -19px}
.back a:hover {background:url(contacts/img/back.gif) no-repeat 0 -19px}
.send a:hover {background:url(contacts/img/send.gif) no-repeat 0 -19px}

input {
	font-size:108%;
}
/* 改行 */
.clear{
	clear:both;
	height:1px;
}