﻿/* 基本 */

* { 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;}
* html img{ vertical-align:top;}
strong{ font-weight:normal;}
li { list-style:none;}
a { text-decoration:none; color: #577b00; 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;}

a.chasho{ display:block; width:278px; height:88px; border:1px solid #CCCCCC; text-indent:-9999px; background:url(/images/link_chasho.jpg);}
a.yamashina{ display:block; width:278px; height:88px; border:1px solid #CCCCCC; text-indent:-9999px; background:url(/images/link_yamashina.jpg);}
a.webmaster{ display:block; width:278px; height:88px; border:1px solid #CCCCCC; text-indent:-9999px; background:url(/images/link_webmaster.jpg);}
a:hover.chasho{ border:1px solid #000000;}
a:hover.yamashina{ border:1px solid #000000;}
a:hover.webmaster{ border:1px solid #000000;}

.contents2_box{ margin-top:30px;}
.contents2_box div.main{ width:590px; float:right;}
.contents2_box div.side{ width:280px; float:left;}
.contents3_box{ margin-top:30px;}
.contents3_box div.left{ width:280px; float:left;}
.contents3_box div.center{ width:280px; float:left; margin-left:30px;}
.contents3_box div.right{ width:280px; float:right;}

.contents3_box h5{ font-size:100%; margin-bottom:15px;}
.contents3_box .left h5{ text-align:right;}


/* ヘッダー */
.header_wrap{ background:#000000 url(/images/header_back.jpg) repeat-x; color:#FFFFFF;}
.header_box{ padding-bottom:25px;}

/*.header_box a.logo{ display:block; float:left; width:197px; height:56px; background:url(/images/logo.png) no-repeat; text-indent:-9999px; margin:25px 0 0 15px;}*/

.header_box a.logo{ display:block; float:left; width:197px; height:105px; background:url(/images/logo.png) no-repeat center top; text-indent:-9999px; margin:25px 0 0 15px;}

* html .header_box a.logo{ background: none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod=crop,src=/images/logo.png);}
.page_info{ margin-left:58px; width:320px; float:left; margin-top:52px;}
.page_info h1{ font-size:95%;}
.page_info p{ font-size:95%; color:#CCCCCC; margin-top:5px;}
.header_info{ width:230px; float:right; margin-top: 30px;}
.header_info p{ width:230px; font-size:95%; margin-top:5px; text-align:right; float:left;}
.header_info .number{ width:170px; height:16px; background:url(/images/number.png) right no-repeat; text-indent:-9999px; margin-top:22px; text-align:left; float:right;}
* html .header_info .number{ background: none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod=crop,src=/images/number.png);}

/*メインメニュー*/
.menu_wrap{ background:#000000 url(/images/menu_back.jpg) repeat-x; color:#FFFFFF; height:54px;}
.menu_box li{ display:inline;}
.menu_box a{ display:block; float:left;}
.menu_box a.shop{ height:54px; width:227px; background:url(/images/menu_shop.jpg); text-indent:-9999px; font-size:5px;}
.menu_box a.column{ height:54px; width:233px; background:url(/images/menu_column.jpg); text-indent:-9999px; font-size:5px;}

.menu_box .right{ display:block; float:right;}
.menu_box a.mypage{ height:54px; width:92px; background:url(/images/menu_01.jpg); text-indent:-9999px; font-size:5px;}
.menu_box a.cart{ height:54px; width:146px; background:url(/images/menu_02.jpg); text-indent:-9999px; font-size:5px;}
.menu_box a.help{ height:54px; width:77px; background:url(/images/menu_03.jpg); text-indent:-9999px; font-size:5px;}

.menu_box a:hover{ background-position:0 -54px;}

/* ナビ */
.navi{ clear:both; width:900px; margin:0 auto; padding:15px 0; color:#999999; text-align:left;}
.navi strong{ font-weight:normal; color:#000000;}


/* ページャー */
.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;}

/* フッター */
.footer_wrap{ background:#020202 url(/images/footer_back.jpg) repeat-x; color:#FFFFFF;}
.footer_box{ padding:45px 0;}
.foot_info{ float:left; width:280px; color:#CCCCCC; font-size:95%;}
.foot_info p{ margin-top:10px;}
.foot_info p strong{ font-size:100%; color:#ffffff; padding-right:10px;}
/*.foot_info h3{ width:151px; height:27px; background:url(/images/logo_s.png); text-indent:-9999px;}*/
.foot_info h3 { width: 158px; height: 105px; background: url(/images/logo.png); text-indent: -9999px; }
* html .foot_info h3{ background: none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod=crop,src=/images/logo_s.png);}
.foot_info p.number{ width:167px; height:16px; background:url(/images/number_s.gif); text-indent:-9999px;}
.foot_info p.number_info{ margin-top:3px;}

.foot_menu{ width:590px; float:right; padding-bottom:10px; border-bottom:1px solid #000000;}
.foot_menu a{ color:#FFFFFF;}
.foot_menu .left{ width:130px; float:left;}
.foot_menu .center{ width:200px; float:left; margin-left:10px;}
.foot_menu .right{ width:240px; float:right;}
.foot_menu li{ padding-left:15px; background:url(/images/footer_list.gif) 0 5px no-repeat; padding-bottom:6px;}

.footer_box .copy{ width:590px; float:right; font-size:90%; color:#CCCCCC; padding-top:15px; border-top:1px solid #0c0c0c;}
.footer_box .copy a{ color:#FFFFFF;}

/* サイド */

/*メイン*/


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