@charset "utf-8";

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}

:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: black;
	background: white;
	font-family:"メイリオ","Meiryo",verdana,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
	font-size:78%;
	line-height:150%;
}
ol, ul {
	list-style: none;
}

img{
	vertical-align:bottom;
}

table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}

.center{
	text-align:center;
}

.right{
	text-align:right;
}

.fl{
	float:left;
	margin:0 5px 5px 0;
}

.fr{
	float:right;
	margin:0 0 5px 5px;
}

.clearfix:after{
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

body{
	background:#fff;
}

#wrapper{
	width:900px;
	margin:0 auto;
}

#header{
	height:105px;
	position:relative;
	margin-bottom:20px;
	z-index: 2;
}

#header dl dt{
	width:242px;
	position:absolute;
	top:24px;
	right:20px;
	line-height:1%;
}

#header dl dd.txt{
	width:144px;
	position:absolute;
	bottom:0;
	left:0;
}

#header dl dd.mail{
	width:366px;
	position:absolute;	
	bottom:0;
	left:144px;
}

#gnav{
	width:390px;
	position:absolute;
	top:70px;
	right:0;
}

#gnav:after{
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

#gnav li{
	width:130px;
	float:left;
	line-height:1%;
	font-size:1px;
}

#gnav ul{
	width:175px;
	background-color:#f6f7f7;
	padding:10px 20px;
	position:absolute;
	top:34px;
	left:0;
	display:none;
}

#gnav ul li{
	width:175px;
	float:none;
	line-height:1%;
	font-size:1px;
}

#contents{
	position:relative;
	z-index: 1;	
}

#footer{
	background:url(../images/cmn_ftr_bg.gif) 0 0 repeat-x;
	padding-top:15px;
}

#fnav{	
	width:900px;
	text-align:center;
	margin-bottom:15px;
	font-size:117%;
	line-height:150%;
}

#fnav li{
	color:#9e9d9d;
	display:inline;
	background:url(../images/cmn_arw.gif) left center no-repeat;
	padding-left:15px;
	margin-left:45px;
}

#fnav li a{
	color:#9e9d9d;
	text-decoration:none;
}

#fnav li a:hover{
	text-decoration:underline;
}

#copy{
	color:#9e9d9d;
	text-align:center;
	vertical-align:middle;
	margin-bottom:20px;
}

#copy img{
	vertical-align:middle;
	margin-right:10px;
}

/****** top ******/

.page_top #contents .img{
	margin-bottom:20px;
}

.page_top #contents .btn_panda{
	margin:-198px 0 175px 130px;
}

.page_top #contents .cont{
	width:900px;
	overflow:hidden;
}

.page_top #contents .cont{
	width:900px;
	overflow:hidden;
}

.page_top #contents .cont{
	width:900px;
	overflow:hidden;
}

.page_top #contents .cont dl{
	width:365px;
	float:right;
	text-align:right;
	line-height:1%;
	font-size:1px;
}

.page_top #contents .cont dl dt{
	margin-bottom:15px;
}

.page_top p.txt{
	font-size:117%;
	line-height:150%;
	margin:-10px 0 15px 0;
}

.page_top p.txt a{
	color:#00a0e9;
	font-weight:bold;
	text-decoration:none;
}

.page_top p.txt a:hover{
	text-decoration:underline;
}

.page_top .btn_drum{
	margin-bottom:25px;
}

/****** panda ******/

.page_panda #contents .title{
	width:880px;
	overflow:hidden;
	margin:0 auto 7px auto; 
}

.page_panda #contents .title .pic{
	width:83px;
	float:left;
}

.page_panda #contents .title h1{
	width:337px;
	float:right;
	margin-top:29px;
}

.page_panda #contents .btn_eeffect{
	margin:-48px 0 24px 19px;
}

.page_panda #contents .img{
	margin-bottom:10px;
}

.page_panda #footer{
	background:none;
}

/****** drum ******/

.page_drum #contents .title{
	width:875px;
	overflow:hidden;
	margin:0 0 0 23px; 
}

.page_drum #contents .title .pic{
	width:77px;
	float:left;
}

.page_drum #contents .title h1{
	width:504px;
	float:right;
	margin-top:25px;
}

.page_drum #contents .box{
	height:900px;
	position:relative;
	background-color:#000;
}

.page_drum #contents .h{
	width:783px;
	position:absolute;
	top:0;
	left:60px;
}

.page_drum #contents .txt{
	width:500px;
	position:absolute;
	top:145px;
	left:23px;
}

.page_drum #contents .drummer{
	width:361px;
	position:absolute;
	top:127px;
	left:530px;
}

.page_drum #contents .play{
	width:283px;
	position:absolute;
	top:311px;
	left:19px;
}

.page_drum #contents .movie{
	width:212px;
	position:absolute;
	top:700px;
	left:60px;
}

.page_drum #contents .flash{
	width:261px;
	position:absolute;
	top:305px;
	left:344px;
}

.page_drum #contents .sound{
	width:269px;
	position:absolute;
	top:308px;
	left:605px;
}

.page_drum #contents .btn{
	width:137px;
	position:absolute;
	top:684px;
	left:616px;
}

.page_drum #contents .jam{
	width:243px;
	position:absolute;
	top:781px;
	left:319px;
}



/****** shouhin ******/

.shouhin_contents {
	background:url(../images/shouhin_bg_center.gif) 0 0 repeat-y;
}

.shouhin_contents img {
	clear:both;
}

.shouhin_catch {
	text-align:center;
}

.shouhin_bnr {
	text-align:center;
}

.shouhin_bnr img {

	vertical-align:top;
}



/****** office ******/

.shouhin_contents p {
	font-size:117%;
	margin-left:30px; 
	float:left;
	line-height:180%;
	width:400px; 
}

.shouhin_contents p img {
	margin:25px 0 0 80px; 
	
}

.office_txt {
	margin:-10px 0 25px 445px; 
}


.shouhin_contents p.under {
	font-size:117%;
	margin-left:30px; 
	float:left;
	line-height:180%;

}

.gaiyou {
	font-size:117%;
	margin:30px 0 0 30px; 
	
}

.gaiyou td, th {
	padding: 5px 0;
}


/****** key ******/

table#key {
	margin:0 auto 0px auto; 
}

.key_txt {
	margin-top:-80px; 
}

/****** order ******/

.page_order #contents h1{
	text-align:right;
	margin-bottom:7px;
}

.page_order #footer{
	background:none;
}

.page_order #contents{
	font-size:117%;
	line-height:150%;
}

.page_order #contents a{
	color:#00a0e9;
	text-decoration:none;
}

.page_order #contents a:hover{
	text-decoration:underline;
}

.page_order #contents .cont{
	background:url(../images/order_cont_bg.gif) 0 0 repeat-y;
	padding:35px 33px 45px 30px;
}

.page_order #contents .cont p.txt{
	margin-bottom:20px;
}

.page_order #contents .cont h2{
	font-size:167%;
	line-height:150%;
	margin-bottom:15px;
}

.page_order #contents .cont ul li{
	width:820px;
	overflow:hidden;
	margin-bottom:15px;
}

.page_order #contents .cont ul li span.mark{
	width:1em;
	float:left;
	display:block;
}

.page_order #contents .cont ul li span.txt{
	margin-left:1em;
	display:block;
}

.page_order #contents .cont02{
	width:830px;
	margin:0 auto;
	padding-top:35px;
}

.page_order #contents .cont02 table.detail{
	width:100%;
	border:2px #000 solid;
	margin-bottom:20px;
}

.page_order #contents .cont02 ul li{
	width:830px;
	overflow:hidden;
	margin-bottom:18px;
}

.page_order #contents .cont02 p.txt01{
	margin-bottom:18px;
}

.page_order #contents .cont02 p.txt02{
	border-bottom:1px #000 dotted;
	border-top:1px #000 dotted;
	padding:10px 0;
}

.page_order #contents .cont02 ul li span.mark{
	width:1em;
	float:left;
	display:block;
}

.page_order #contents .cont02 ul li span.txt{
	margin-left:1em;
	display:block;
}

.page_order #contents .cont02 table.detail tr th,
.page_order #contents .cont02 table.detail tr td{
	padding:8px 15px;
}

.page_order #contents .cont02 table.detail tr th{
	width:90px;
	border-right:1px #000 dotted;
}

.page_order #contents .cont02 table.detail tr.gray th,
.page_order #contents .cont02 table.detail tr.gray td{
	background-color:#f7f7f7;
}

.page_order #contents .cont02 h2{
	font-size:167%;
	line-height:150%;
	margin-bottom:15px;
}

.page_order #contents #form h2{
	color:#e95383;
}

.page_order #contents #form{
	width:820px;
	overflow:hidden;
	background:url(../images/order_box_bg.gif) 0 0 repeat-y;
	padding:25px 10px 25px 20px;
	margin:0 auto;
	position:relative;
}

.page_order #contents #form .l{
	width:390px;
	float:left;
}

.page_order #contents #form .r{
	width:382px;
	float:right;
}

.page_order #contents #form .r img{
	margin-bottom:50px;
}

.page_order #contents #form table{
	width:100%;
	margin-bottom:5px;
}

.page_order #contents #form table.form01 th{
	width:120px;
	vertical-align:top;
}

.page_order #contents #form table.form01,.page_order #contents #form table.form02{
	font-size:12px;
}

.page_order #contents #form table th,
.page_order #contents #form table td{
	padding:5px 0;
}

.page_order #contents #form table.form02 th{
	width:50%;
	vertical-align:top;
}

.page_order #contents #form table.form02 td.attent{
	color:#e95383;
	font-size:84%;
	line-height:150%;
}

.page_order #contents #form p.attent{
	clear:both;
	margin-right:160px;
}

.page_order #contents form input.short{
	width:100px;
}

.page_order #contents form input.mdl{
	width:270px;
}

.page_order #contents form input.post{
	width:100px;
}

.page_order #contents form input.name{
	width:165px;
}

.page_order #contents form input.num{
	width:140px;
}

.page_order #contents form input.day{
	width:50px;
}

.page_order #contents form textarea{
	width:270px;
}

.page_order #contents form span.must{
	font-weight:bold;
}

.page_order #contents form span.txt{
	margin:0 5px;
}

.page_order #contents .err{
	color:#f00;
}

.page_order #contents .btns01{
	padding-bottom:30px;
	position:absolute;
	right:5px;
	bottom:0;
}

.page_order #contents .btns02{
	margin:20px auto 0 auto;
	padding-bottom:30px;
	overflow:hidden;
	width:328px;
}

.page_order #contents .btns01 input,
.page_order #contents .btns02 input{
	border:none;
	cursor:pointer;
	display:block;
	text-indent:-9999px;
}

.page_order #contents .btns01 .btn_submit{
	width:144px;
	height:24px;
	background:url(../images/order_btn_submit.gif) 0 0 no-repeat;
	margin-left:240px;
}

.page_order #contents .btns02 .btn_reset{
	width:103px;
	height:46px;
	background:url(../images/order_btn_reset.gif) 0 0 no-repeat;
	float:right;
}


.page_order #contents .btns02 .btn_send{
	width:200px;
	height:46px;
	background:url(../images/order_btn_send.gif) 0 0 no-repeat;
	float:left;
}


.page_order .message{
	background-color:#f6f6f6;
	padding:15px;
	margin:15px;
}

.page_order .td_kosu{
	/*text-align:right;*/
}

.page_order .td_hour{
	text-align:right;
}