/* 基本 */

* { margin:0; padding:0;}
body { font-size:12px; color: #333333; font-family: 'Lucida Grande', 'Hiragino Kaku Gothic Pro','ヒラギノ角ゴ Pro W3', 'ＭＳ Ｐゴシック', sans-serif; line-height:1.4em; width:100%; text-align:center; background:#CC0000 url(/img/mokume.jpg);}
img { border:0;}
li { list-style:none;}
a { text-decoration:none; color: #000099; cursor:pointer; outline:none;}
a:hover { text-decoration:underline;}
p{ line-height:1.6em;}
h1,h2,h3,h4{ font-size:12px; display:block; clear:both;}

/* ===============[ float解除 ]=============== */
.clearfix:after {
	content: "."; 
	display: block;
	height: 0; 
	clear: both; 
	visibility: hidden;
}
.clearfix {
	display: inline-block;
}
/* Hides from IE-mac \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* End hide from IE-mac */


/* 共通 */
.wrap{ width:100%; clear:both;}
.box{ width:900px; margin-left:auto; margin-right:auto; text-align:left; background:#FFFFFF; padding: 0 30px;}

.contents_box { padding-bottom:30px; border-bottom:1px solid #EEEEEE; }
.contents_box div.main{ width:660px; float:right; margin-top:15px;}
.contents_box div.side{ width:200px; float:left; margin-top:15px;}

/* サイド */
#movable { position:absolute;}


.side .menu_head{ text-indent:-9999px; height:33px; width:200px; background:url(/img/menu_head.gif);}
.side .menu_foot{ text-indent:-9999px; height:15px; width:200px; background:url(/img/menu_foot.gif);}
.side .side_menu a{ display:block; text-indent:-9999px; height:46px; width:200px;}
.side .side_menu a.guitar{ background:url(/img/menu_case_g.gif);}
.side .side_menu a.bass{ background:url(/img/menu_case_b.gif);}
.side .side_menu a.step{ background:url(/img/menu_step.gif);}
.side .side_menu a.price{ background:url(/img/menu_price.gif);}
.side .side_menu a.aboutus{ background:url(/img/menu_about.gif);}
.side .side_menu a.qa{ background:url(/img/menu_qa.gif);}
.side .side_menu a.contact{ background:url(/img/menu_contact.gif);}
.side .side_menu a.map{ background:url(/img/menu_map.gif);}
.side .side_menu a:hover{ background-position:0 -46px;}

.side_info{ text-indent:-9999px; height:162px; width:200px; background:url(/img/side_contact.gif); margin-top:3px;}

/*メイン*/

.top_info{ margin-top:30px;}
.top_info h2{ font-size:1.3em;}
.top_info p{ margin-top:10px; line-height:1.6em;}

h1.top{ text-indent:-9999px; background:url(/img/title_top.gif); width:660px; height:91px;}
h1.guitar{ text-indent:-9999px; background:url(/img/title_guitar.gif); width:660px; height:91px;}
h1.bass{ text-indent:-9999px; background:url(/img/title_bass.gif); width:660px; height:91px;}
h1.about{ text-indent:-9999px; background:url(/img/title_about.gif); width:660px; height:91px;}
h1.step{ text-indent:-9999px; background:url(/img/title_step.gif); width:660px; height:91px;}
h1.price{ text-indent:-9999px; background:url(/img/title_price.gif); width:660px; height:91px;}
h1.contact{ text-indent:-9999px; background:url(/img/title_contact.gif); width:660px; height:91px;}
h1.qa{ text-indent:-9999px; background:url(/img/title_qa.gif); width:660px; height:91px;}
h1.map{ text-indent:-9999px; background:url(/img/title_map.gif); width:660px; height:91px;}

.ele_wrap{ background:url(/img/ele_wrap.gif); width:660px; padding: 15px 0;}
.ele_foot{ height:18px; background:url(/img/ele_foot.gif);}
.page_info{ margin-left:30px; width:600px; padding-bottom:30px;}
.about_info{ margin-left:30px; width:600px;}
.about_info img{ margin-top:15px;}
.about_info p{ margin-top:15px;}
.about_info p.fst{ margin-top:0;}
.about_info table{ margin-top:30px; border-collapse:collapse; width:100%;}
.about_info th{ width:130px; border:1px solid #CCCCCC; padding:10px;}
.about_info td{ border:1px solid #CCCCCC; text-align:center;}
.about_info td.info{ width:220px; text-align:left; padding:5px;}

.step_wide{ width:600px;}
.step_wide_left{ width:280px; float:left;}
.step_wide_right{ width:280px; float:right;}
.step_wide_info{ clear:both; color:#FF0000; margin-top:15px; font-size:0.9em;}
.step_wide ul{ width:568px; border:1px solid #CCCCCC; border-top:0; padding:10px 15px;}
.step_wide_left ul{ width:248px;}
.step_wide_right ul{ width:248px;}
.step_wide li{ list-style:circle; margin-left:15px; padding-bottom:5px;}

.qa_list h2{ margin-top:20px;}
.qa_list .text_q{ margin-top:5px; border-top:1px solid #EEEEEE; padding:10px 0 5px 30px; background:url(/img/icon_q.gif) 0 7px no-repeat;}
.qa_list .text_a p{ margin-top:5px; padding-left:30px; padding-bottom:10px; background:url(/img/icon_a.gif) 0 0 no-repeat;}


/*エントリー*/
.entry_title_wrap{ margin-left:15px; margin-top:30px; width:630px; background:url(/img/entry_title_head.gif) no-repeat;}
.entry_title_wrap_fst{ margin-top:0;}
.entry_title{ width:630px; background:url(/img/entry_title_foot.gif) left bottom no-repeat;}
.entry_title h2{ float:left; width:460px; padding:7px 0px 7px 15px;}
.entry_title p{ float:right; width:120px; font-size:0.9em; padding:7px 15px 7px 0px;}
.pics{ clear:both; margin-left:30px; margin-top:20px;}
.pics a{ display:block; float:left; margin-left:35px;}
.pics a:hover{ text-decoration:none;}
.pics a:hover img{ opacity: 0.8; filter: alpha(opacity=80);}
.pics a.fst{ margin-left:0;}
.entry_body{ padding:15px 30px; clear:both}
.entry_price{ font-size:0.9em; font-weight:bold; padding:0 30px;}

/* フッター */
.footer_wrap{ clear:both;}
.footer_box{ width:900px; color:#999999; padding-top:30px; padding-bottom:30px; font-size:0.9em; font-weight:normal; border-bottom:1px solid #EEEEEE;}
.footer_box .foot_info{ float:left; width:500px;}
.footer_box strong{ font-size:1.2em; color:#666666; padding-bottom:5px;}
.footer_box ul{ display:block; float:right; width:350px; text-align:right;}

.footer_link_wrap{ clear:both;}
.footer_link_box{ width:900px; color:#999999; padding-top:30px; padding-bottom:30px; font-size:0.9em; font-weight:normal;}
.footer_link_box .foot_info{ float:left; width:500px;}
.footer_link_box strong{ font-size:1.2em; color:#666666; padding-bottom:5px;}
.footer_link_box ul{ margin-top:10px;}
.footer_link_box li{ display:inline;}


/* ページャー */
.pager{ background:url(/style_images/div_line.gif) repeat-x; padding-top:20px; text-align:center;}
.pager a{ color:#3333FF;}
.pager .num{ display:inline-block; padding:0 5px;}
.pager .num a{ display:inline-block; color:#3333FF; border:1px solid #3333FF; padding:0 5px;}
.pager .num a:hover{ background:none; background-color:#3333FF; color:#FFFFFF; padding:1px 6px; border:none; text-decoration:none;}
.pager .num .current_page{ display:inline-block; border:1px solid #CCCCCC; color:#CCCCCC; padding:1px 6px;}

/* ページアップ */
.pgup{ background:url(/style_images/div_line.gif) repeat-x; padding-top:20px; margin-top:20px; padding-bottom:20px; clear:both;}
.pgup a{ display:block; width:80px; height:20px; background:url(/img/page_top.gif) no-repeat; text-indent:-9999px; float:right;}
.pgup a:hover{ background:url(/img/page_top.gif) 0 -20px;}


/* ヘッダー */
.header_box{ padding-top:15px;}
.header_box a.logo{ display:block; float:left; width:512px; height:170px; background:url(/img/logo.gif); text-indent:-9999px; margin-right:10px;}

.header_box a.noah{ display:block; width:80px; height:80px; background:url(/img/noah.gif); text-indent:-9999px; float:left;}
.header_box a.crews{ display:block; width:109px; height:55px; background:url(/img/crews.gif) 0 10px no-repeat; text-indent:-9999px; float:left; padding-top:10px;}
.header_box .header_info span{ height:14px; width:14px; background:url(/img/plus.gif) 0 32px no-repeat; text-indent:-9999px; display:block; float:left; padding-top:32px; margin:0 20px;}
.header_box p.header_info{ display:block; float:right; width:330px; margin-top:-175px;}
.header_box .header_contact{ display:block; float:right; width:330px; height:114px; background:url(/img/header_contact.gif); text-indent:-9999px; margin-top:55px;}
.header_box li{ float:left; display:block;}

/* ナビ */
.main_image{ clear:both; padding-bottom:15px;}
.navi{ clear:both; padding-top:27px; padding-left:15px; width:885px; height:30px; background:url(/img/navi.gif) 0 15px no-repeat; font-size:0.9em;}
.navi strong{ font-weight:normal;}
.navi .arrow{ color:#999999;}

/*お問い合わせ*/
#ajax_mail h2{ margin-top:20px;}
#ajax_mail .mail-error{ background:#FF0000; color:#FFFFFF; display:inline-block; padding:0 3px; margin:3px;}
#ajax_mail .mail_must{ color:#FF0000;}
#ajax_mail .alert{ color:#FF0000;}

/*404*/
.error .contents_box{ text-align:center; padding-top:20px;}
.error .contents_box img{ vertical-align:middle;}