@charset "utf-8";

/******初期化******/
* { margin: 0px; padding: 0px;}

body { margin: 0px; padding: 0px;  color:#555555; font-size: 75%; *font-size: small; *font: x-small; line-height: 1.4; font-family: "メイリオ","Meiryo","Hiragino Kaku Gothic Pro","Osaka",Arial,Verdana,Helvetica,"MS P ゴシック","MS UI Gothic",sans-serif; background-color: #ffffff; text-align: center;  background:url(/style_images/header_back.jpg) repeat-x; /* 古いIE対策 */}
table, th, tr, td{ font-size: 100%; line-height: 1.4; font-family: "メイリオ","Meiryo","Hiragino Kaku Gothic Pro","Osaka",Arial,Verdana,Helvetica,"MS P ゴシック","MS UI Gothic",sans-serif;
 text-align: left;}
input, textarea, select, option { font-size: 100%; font-family: "メイリオ","Meiryo","Hiragino Kaku Gothic Pro","Osaka",Arial,Verdana,Helvetica,"MS P ゴシック","MS UI Gothic",sans-serif;
}
li, ul{ margin:0; padding:0; list-style:none;}
* html img{ vertical-align:top;}
* html li{ line-height:1.1em; list-style-position:outside;}
*:first-child+html li{ line-height:1.1em;}
head~/* */body { font-size:80%;}

/****** Mac UTF-8の文字化け防止******/
/*＼*//*/
input, textarea, select, option { font-family: Osaka, "ＭＳ Ｐゴシック", sans-serif;}
/**/
a{ cursor:pointer; padding:0; margin:0;}
a img{ border: none; background-color: transparent;}

/******共通******/
a:link{ color: #0000ee; text-decoration:none;}
a:visited{ color:#0000ee; text-decoration:none;}
a:hover{ color: #bb3377;}
a:active{ color: #bb3377;}

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


/*共通デザイン*/

.wrap{ width:100%; clear:both;}
.box{ margin-left:auto; margin-right:auto; width:950px; text-align:left; clear:both;}
.box:after{ content:"."; display:block; height:0; clear:both; visibility:hidden;}


/*ヘッダー共通デザイン*/

.header_wrap{ background:url(/style_images/header_light.jpg) no-repeat top center;}


.header_box { width:948px; padding-left:2px;}
.header_box a{ color:#FFFFFF;}
.header_box a:link{ color:#FFFFFF;}
.header_box a:visited{ color:#FFFFFF;}
.header_box a:hover{ color:#FFFFFF; text-decoration:underline;}
.header_box a:active{ color:#FFFFFF;}
a.logo{ width:168px; height:134px; background:url(/style_images/logo.jpg) no-repeat; display:block; text-indent:-9999px; float:left;}
a:hover.logo{ background-position:0 -134px;}

.header_menu{ float:left; width:778px; background:url(/style_images/header_line.gif) repeat-x; margin-top:15px; padding-top:1px;}
.header_menu li{ float:left; display:block; background:url(/style_images/header_line2.gif) top right repeat-y;}
.header_menu a{ display:block;}
.header_menu a:hover{ background:url(/style_images/menu_black.png) repeat;}
* html .header_menu a:hover{ background:none;}
.header_menu span{ display:block; height:12px; padding:17px; padding-right:19px; text-indent:-9999px; position:relative;}
* html .header_menu span{ padding-bottom:10px;}
.header_menu .menu_user span{ width:124px; background:url(/style_images/menu_user.png) 17px 17px no-repeat;}
.header_menu .menu_news span{ width:61px; background:url(/style_images/menu_news.png) 17px 17px no-repeat;}
.header_menu .menu_equip_info span{ width:71px; background:url(/style_images/menu_equip_info.png) 17px 17px no-repeat;}
.header_menu .menu_faq span{ width:84px; background:url(/style_images/menu_faq.png) 17px 17px no-repeat;}
.header_menu .menu_recruit span{ width:64px; background:url(/style_images/menu_recruit.png) 17px 17px no-repeat;}
.header_menu li.menu_map{ float:right; padding-right:17px; background:none; padding-top:15px;}
.header_menu li.menu_map span{ width:95px; height:18px; background:url(/style_images/header_map.gif); text-indent:-9999px; padding:0;}
.header_link{ float:left; width:756px; padding:17px 17px 0px 5px; background:url(/style_images/header_line.gif) repeat-x;}
.header_link li{ float:left; display:block; background:url(/style_images/header_link_click2.png) 0 4px no-repeat; padding-left:12px; margin-left:12px; padding-bottom:5px; font-size:95%;}
.header_link a{ display:block;}
* html .header_link{ padding-left:0; width:761px;}

.main_image_wrap{ background:#CCCCCC url(/style_images/main_image_back.jpg);}
.main_image_box{ height:200px; width:950px; overflow:hidden;}
.main_image_box p{ text-indent:-9999px;}

.contents_wrap{ background:url(/style_images/contents_back.jpg) repeat-x #FFFFFF;}
.contents_box{ padding:20px 0 30px 0;}

.contents_box .navi{ padding-bottom:20px; font-size:90%;}
.contents_box .navi h1{ font-weight:normal; display:inline; color:#000000; font-size:100%;}
.contents_box .navi span{ padding:0 5px; display:inline-block;}

.contents_box .left{ width:730px; float:left;}
.contents_box .right{ width:190px; float:right;}

.contents_box .right .topics{ display:block; height:27px; width:188px; border:1px solid #CCCCCC;}
.bn_box{ background:url(/style_images/bn_back.gif); padding:17px; padding-top:12px;}
.bn_box img{ border:1px solid #cccccc;}
.bn_box a:hover img{ border:1px solid #cc0003;}
.bn_box li{ display:block; padding-top:5px; text-align:center;}
.bn_box li.bn_left{ float:left; width:152px;}
.bn_box li.bn_right{ float:right; width:152px;}

.right .shop_list { width:190px; display:block; padding-bottom:1px; background:#999999;}
.right .shop_list h2{ width:190px; height:90px; background:url(/style_images/side_shoplist.jpg) no-repeat; text-indent:-9999px;}
.right .shop_list ul{ clear:both;}
.right .shop_list li{ float:left; width:188px; margin-left:1px;}
.right .shop_list li.fst{ width:188px;}
* html .right .shop_list li{ margin-left:0; border-left:1px solid #999999;}
.right .shop_list a{ width:188px; height:39px; background:#FFFFFF; display:block; margin-top:1px; background:url(/style_images/shop_button_side.jpg);}
.right .shop_list li.fst a{ width:188px;}
.right .shop_list a:hover{ background:url(/style_images/shop_button_side.jpg) -193px 0;}
.right .shop_list a span{ display:block; height:39px; width:188px; text-indent:-9999px;}

.side_menu{ padding-top:10px;}
.side_menu li{ margin-top:10px;}
.qr{ padding-top:5px;}
.qr a{ display:block; width:190px; height:181px; background:url(/style_images/qr.jpg); margin:auto; text-indent:-9999px;}
.mm a{ display:block; width:190px; height:50px; background:url(/style_images/mm.jpg); text-indent:-9999px;}
.side_gear a{ display:block; width:190px; height:50px; background:url(/style_images/side_gear.jpg); text-indent:-9999px;}
.side_qa a{ display:block; width:190px; height:50px; background:url(/style_images/side_qa.jpg); text-indent:-9999px;}
.side_user a{ display:block; width:190px; height:50px; background:url(/style_images/side_user.jpg); text-indent:-9999px;}
.side_voice a{ display:block; width:190px; height:50px; background:url(/style_images/side_voice.jpg); text-indent:-9999px;}

.flash_wrap{ background:url(/style_images/flash_back.jpg) center; height:255px;}

.footer_wrap{  background:#FF0000 url(/style_images/footer_back.jpg) repeat-x; padding:30px 0; color:#fedddc;}
.footer_box a{ color:#FFFFFF;}
.footer_box a:visited{ color:#FFFFFF;}
.footer_box a:hover{ color:#FFFFFF; text-decoration:underline;}
.footer_left{ float:left; width:250px; font-size:90%;}
.footer_right{ float:right; width:672px; font-size:90%;}


.footer_menu_title{ font-size:90%; font-weight:normal; color:#000000; padding-left:12px;}
.footer_menu{ margin-top:5px;}
.footer_menu li{ line-height:1.4em; float:left; display:block; background:url(/style_images/header_link_click2.png) 0 4px no-repeat; padding-left:12px; margin-left:12px;}
.footer_menu span{ color:#900906; display:inline-block; padding:0 5px;}

.footer_link_title{ margin-top:10px; font-size:90%; font-weight:normal; color:#000000; padding-left:12px;}
.footer_link{ margin-top:5px; clear:both;}
.footer_link li{ line-height:1.4em; float:left; display:block; background:url(/style_images/header_link_click2.png) 0 4px no-repeat; padding-left:12px; margin-left:12px;}
.footer_link span{ color:#900906;}

.footer_wide{ font-size:80%; border-top:1px solid #900906; margin-top:20px; padding-top:20px;}
.footer_wide h5{ display:inline; color:#000000; font-size:100%; font-weight:normal; padding-right:5px;}
.footer_wide ul{ display:inline;}
.footer_wide li{ display:inline; line-height:1.4em;}
.footer_wide a{ color:#FFFFFF;}
.footer_wide a:visited{ color:#FFFFFF;}
.footer_wide a:hover{ color:#FFFFFF; text-decoration:underline;}
.footer_wide span{ color:#900906;}


.footer_logo{ display:block; height:56px; width:140px; text-indent:-9999px; background:url(/style_images/footer_logo.png) no-repeat; margin:auto; margin-top:5px;}
.copyright{ margin-top:10px; font-size:85%; text-align:center;}

.global_title{ font-weight:normal; color:#000000; padding:10px 15px; border:1px solid #EEEEEE; border-bottom:1px solid #DDDDDD; border-right:1px solid #DDDDDD;
background:url(/style_images/title_back01.gif); color:#000000;}

.global_title h2{ float:left; font-weight:normal; color:#000000;}
.global_title span.right_button{ display:block; float:right; padding:5px; border:1px solid #cccccc;}
.global_title span.right_line{ display:block; float:right; padding-top:5px;}

.sns_wrap{
vertical-align:top;
margin-top:20px;
}
.sns01{
margin:0;
vertical-align:top;
}
.sns02{
margin:0 40px 0 0;
}
.sns03{
vertical-align:top;
}