/* 基本 */

* { 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;}
img { border:0;}
li { list-style:none;}
a { text-decoration:none; color: #333333; cursor:pointer; outline:none;}
a:hover { text-decoration:underline;}
a.w_link { color:#FFFFFF;}
p{ line-height:1.6em;}
h1,h2,h3,h4{ font-size:12px; display:block; clear:both;}
.text_area a{ color:#3333FF;}
.news_txt a{ color:#3333FF;}
.report_txt p a{ color:#3333FF;}

/* ===============[ 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;}
.box:after{ content:"."; display:block; height:0; clear:both; visibility:hidden;}

.header_sub_box{ height:134px; text-indent:-9999px;}
.contents_box div.main{ width:675px; float:right;}
.contents_box div.side{ width:195px; float:left;}

.side h3{ height:32px; text-indent:-9999px; margin-top:20px; clear:both;}
.side dt{ margin-top:10px; padding-left:5px;}
.side dd{ background:url(/style_images/dotted.jpg) bottom repeat-x; padding-bottom:10px; font-size:0.9em; color:#999999; padding-left:5px;}
.side li{ margin-top:10px; background:url(/style_images/dotted.jpg) bottom repeat-x; padding-bottom:10px; color:#999999; padding-left:5px; clear:both;}

.main h2{ height:32px; text-indent:-9999px; margin-top:20px;}

.footer_wrap{ margin-top:40px; padding-top:70px; padding-bottom:70px; font-size:0.9em;}
.footer_box{ text-align:center; color:#FFFFFF;}

.foot_link{ padding-bottom:10px;}
.footer_box a{ color:#FFFFFF;}
.copy img{ vertical-align:middle; padding-right:10px;}
.footer_box .link{ padding-top:10px;}
.footer_box li{ list-style:none; display:inline;}
.footer_box h5{ display:inline;}

.accordion_content{ overflow:hidden;}

.line{ background:url(/style_images/div_line.gif) repeat-x; height:4px; font-size:1px; text-indent:-9999px; margin-top:15px;}

/* ページャー */
.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(/style_images/page_top.gif) no-repeat; text-indent:-9999px; float:right;}
.pgup a:hover{ background:url(/style_images/page_top.gif) 0 -20px;}
.pgup:after{ content:"."; display:block; height:0; clear:both; visibility:hidden;}


/* 配色・タイトル */
.top .header_sub_wrap{ background:url(/style_images/blue_back.jpg); margin-top:20px;}
.top .header_sub_box{ background:url(/style_images/header_sub_top.png);}
.error .header_sub_box{ background:url(/style_images/404.png);}
.top .footer_wrap{ background:url(/style_images/blue_back.jpg);}
.news .header_sub_wrap{ background:url(/style_images/brown_back.jpg); margin-top:20px;}
.news .header_sub_box{ background:url(/style_images/header_sub_news.png);}
.news .footer_wrap{ background:url(/style_images/brown_back.jpg);}
.about .header_sub_wrap{ background:url(/style_images/about_back.jpg); margin-top:20px;}
.about .header_sub_box{ background:url(/style_images/header_sub_about.png);}
.about .footer_wrap{ background:url(/style_images/about_back.jpg);}
.member .header_sub_wrap{ background:url(/style_images/member_back.jpg); margin-top:20px;}
.member .header_sub_box{ background:url(/style_images/header_sub_member.png);}
.member .footer_wrap{ background:url(/style_images/member_back.jpg);}
.report .header_sub_wrap{ background:url(/style_images/report_back.jpg); margin-top:20px;}
.report .header_sub_box{ background:url(/style_images/header_sub_report.png);}
.report .footer_wrap{ background:url(/style_images/report_back.jpg);}
.movie .header_sub_wrap{ background:url(/style_images/movie_back.jpg); margin-top:20px;}
.movie .header_sub_box{ background:url(/style_images/header_sub_movie.png);}
.movie .footer_wrap{ background:url(/style_images/movie_back.jpg);}
.shoplist .header_sub_wrap{ background:url(/style_images/shoplist_back.jpg); margin-top:20px;}
.shoplist .header_sub_box{ background:url(/style_images/header_sub_shoplist.png);}
.shoplist .footer_wrap{ background:url(/style_images/shoplist_back.jpg);}
.contact .header_sub_wrap{ background:url(/style_images/contact_back.jpg); margin-top:20px;}
.contact .header_sub_box{ background:url(/style_images/header_sub_contact.png);}
.contact .footer_wrap{ background:url(/style_images/contact_back.jpg);}
.shopping .header_sub_wrap{ background:url(/style_images/shopping_back.jpg); margin-top:20px;}
.shopping .header_sub_box{ background:url(/style_images/header_sub_shopping.png);}
.shopping .footer_wrap{ background:url(/style_images/shopping_back.jpg);}
.privacypolicy .header_sub_box{ background:url(/style_images/header_sub_privacypolicy.png);}
.cart .header_sub_box{ background:url(/style_images/header_sub_cart.png);}
.guide .header_sub_box{ background:url(/style_images/header_sub_guide.png);}

/* ヘッダー */
.header_box{ height:64px; padding-top:20px;}
.header_box a{ display:block; float:left; text-indent:-9999px;}
.header_box a.logo{ display:block; width:195px; height:64px; background:url(/style_images/eco_music.jpg);}
.header_box ul{ display:block; width:675px; float:left; margin-left:30px; background:url(/style_images/dotted.jpg) repeat-x; height:31px; padding-top:1px;}
.header_box ul.sm{ height:42px;}
.header_box ul:after{ content:"."; display:block; height:0; clear:both; visibility:hidden;}
.header_box li{ display:inline;}
.header_box li.sm5{ display:block; float:right; height:42px; width:183px; background:url(/style_images/header_cards.jpg); text-indent:-9999px;}

.header_menu a{ height:31px;}
.fm1 a{ width:70px; background:url(/style_images/fm.jpg);}
.fm2 a{ width:107px; background:url(/style_images/fm.jpg) -70px 0;}
.fm3 a{ width:90px; background:url(/style_images/fm.jpg) -177px 0;}
.fm4 a{ width:86px; background:url(/style_images/fm.jpg) -267px 0;}
.fm5 a{ width:76px; background:url(/style_images/fm.jpg) -353px 0;}
.fm6 a{ width:109px; background:url(/style_images/fm.jpg) -429px 0;}
.fm7 a{ width:137px; background:url(/style_images/fm.jpg) -538px 0;}

.fm1 a:hover{ background:url(/style_images/fm.jpg) 0 -31px;}
.fm2 a:hover{ background:url(/style_images/fm.jpg) -70px  -31px;}
.fm3 a:hover{ background:url(/style_images/fm.jpg) -177px -31px;}
.fm4 a:hover{ background:url(/style_images/fm.jpg) -267px -31px;}
.fm5 a:hover{ background:url(/style_images/fm.jpg) -353px -31px;}
.fm6 a:hover{ background:url(/style_images/fm.jpg) -429px -31px;}
.fm7 a:hover{ background:url(/style_images/fm.jpg) -538px -31px;}

.sm1 a{ width:271px; background:url(/style_images/sm.jpg);}
.sm2 a{ width:140px; background:url(/style_images/sm.jpg) -271px 0;}

.sm1 a:hover{ width:271px; background:url(/style_images/sm.jpg) 0 -31px;}
.sm2 a:hover{ width:140px; background:url(/style_images/sm.jpg) -271px -31px;}


/*お問い合わせ*/
.contact div.contents_box{ padding-top:20px;}
.contact p.cap { background:#f0f0dc; padding:7px 0 7px 10px; margin: 0 0 10px;}
.contact span{ color:#FF0000; display:inline-block; padding-right:5px;}
.contact .contents_box dl{ width:900px; margin-top:20px;}
.contact .contents_box dt{ margin:10px 0 0 0; float:left; font-weight:bold; width:150px;}
.contact .contents_box dd{ margin:10px 0 0 0; float:left; width:750px; min-height:20px;}
.contact .contents_box dd textarea { width:400px; height:150px; }
.contact .contents_box dd input:focus,#contact #container dd textarea:focus,#contact #container dd select:focus { background: #ebe6f0;}
.contact .contents_box dd input,#contact dd select {width:150px;}
.contact .contents_box dd input.Over { width:80px;}
.contact .contents_box dd textarea { width:400px; height:150px;}
.contact .contents_box dd.conform { margin:15px 0 0 0;}

.contact .contents_box ul#alert{ border:1px #E60014 solid; padding:10px; margin-top:20px;}
.contact .contents_box ul#alert li{ line-height:1.5em; padding:3px 0; color: #E60014;}


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