@charset "utf-8";
/* ===================================================================
CSS information

 style info :共通

 *Last Modified: 2012-02-15
=================================================================== */

/* ----------------------------------------------------
	body
---------------------------------------------------- */


/* ----------------------------------------------------
	header
---------------------------------------------------- */
#top #header{
	width:100%;
	min-width:1200px;
	background:none!important;
	margin-bottom:0!important;
	padding:0!important;
}
#header{
	width:100%;
	min-width:1200px;
	position:relative;
	margin-bottom:-3px;
	padding-bottom:10px;
	background:url(../img/common/bg_header.png) repeat-x 0 100%;
}
#header .inner{
	width:1000px;
	margin:0 auto;
	padding: 0 100px;
}
#header #logo{
	float:left;
	padding-top:15px;
}
#header #gnav{
	float:right;
}
#header #gnav{
	width:504px;
	float:right;
}
#header #gnav .gnav_about{
	float:left;
}
#header #gnav .gnav_shop{
	float:left;
}
#header #gnav .gnav_dl{
	padding-top:18px;
	float:right;
}
#header #gnav .gnav_dl .last{
	margin:8px 0 0 ;
}



/* ----------------------------------------------------
	contents
---------------------------------------------------- */
#contents{
}

/*column02*/
.column02{
	width:1000px;
	margin:40px auto 0 auto;
	padding: 0 100px;
}


/* ----------------------------------------------------
	sidenavi
---------------------------------------------------- */
#sidenavi{
	width:240px;
	float:right;
	margin:0 0 100px 0;
}
#sidenavi .side_news{
	margin:40px 0 0 0;
	background:#efefef;
	border:1px solid #CCC;
	padding:5px;
}
#sidenavi .side_news .title{
	padding:10px;
	position:relative;
}
#sidenavi .side_news .title h3{
	float:left;
}
#sidenavi .side_news .title .btn{
	float:right;
	margin:-6px -5px 0 0;
}
#sidenavi .side_news ul{
	background:#FFF;
	padding:10px;
	font-size:11px;
}
#sidenavi .side_news ul li{
	border-bottom:1px solid #EEE;
	margin:0 0 5px 0;
	padding:0 0 5px 0;
}
#sidenavi .side_news ul .last{
	border:none;
	margin:0;
	padding:0;
}
#sidenavi .side_news ul li span{
	display:block;
}
#sidenavi .side_news ul .date img{
	vertical-align:middle;
	padding:0 0 0 8px;
}


/* ----------------------------------------------------
	part
---------------------------------------------------- */
.mt0{margin-top:0!Important;}
.mt10{margin-top:10px!Important;}
.mt15{margin-top:15px!Important;}
.mt20{margin-top:20px!Important;}
.mt25{margin-top:25px!Important;}
.mt30{margin-top:30px!Important;}
.mt40{margin-top:40px!Important;}
.mt50{margin-top:50px!Important;}
.mt60{margin-top:60px!Important;}
.mt70{margin-top:70px!Important;}
.mt80{margin-top:80px!Important;}
.mt90{margin-top:90px!Important;}
.mt100{margin-top:100px!Important;}
.mb0{margin-bottom:0!Important;}
.mb10{margin-bottom:10px!Important;}
.mb15{margin-bottom:15px!Important;}
.mb20{margin-bottom:20px!Important;}
.mb25{margin-bottom:25px!Important;}
.mb30{margin-bottom:30px!Important;}
.mb35{margin-bottom:35px!Important;}
.mb40{margin-bottom:40px!Important;}
.mb45{margin-bottom:45px!Important;}
.mb50{margin-bottom:50px!Important;}
.mb55{margin-bottom:55px!Important;}
.mb60{margin-bottom:60px!Important;}
.mb65{margin-bottom:65px!Important;}
.mb70{margin-bottom:70px!Important;}
.mb75{margin-bottom:75px!Important;}

.pside100{padding:0 100px!Important;}

.center{text-align:center;}
.left{text-align:left;}
.right{text-align:right;}


/*boxtype*/
.boxtype01{
	width:1000px;
	margin:0 auto 70px auto;
}
.boxtype02{
	width:1000px;
	margin:0 auto 70px auto;
}
.boxtype03{
	width:700px;
	float:left;
	min-height:450px;
}

/*htype*/
.htype01{
	margin:50px 0 20px 0;
}
.htype02{
	font-size:20px;
	font-weight:bold;
	border-bottom:1px solid #CCC;
	margin:14px 0;
	padding:2px;
}
.htype03{
	border-bottom:1px solid #CCC;
	margin:14px 0;
}
.htype03 h3{
	width:830px;
	font-size:20px;
	font-weight:bold;
	float:left;
	padding:2px;
}
.htype03 p{
	float:right;
}
.htype04{
	margin:0 0 40px 0;
	text-align:left!important;
	background:none!important;
}
.htype05{
	margin:30px 0 20px;
}
.htype06{
	font-size:16px;
	font-weight:bold;
	background:#119aca;
	color:#FFF;
	padding:5px 10px;
	margin:30px 0 20px;
}
.htype07{
	font-size:18px;
	font-weight:bold;
	margin:14px 0;
}
.htype08{
	margin:0 0 10px;
}
.htype09{
	font-size:22px;
	font-weight:bold;
	margin:0 0 5px 0;
	border-bottom:1px solid #CCC;
	padding:0 0 5px 0;
}
.htype10{
	margin:50px 0 20px;
	border-bottom:1px solid #0a97c8;
	padding:0 0 10px 0;
}

/*txttype*/
.txttype01{
	font-size:20px;
	font-weight:bold;
	margin:20px 0 10px 0;
}
.txttype01 small{
	font-size:11px;
}
.txttype02{
	margin:15px 0;
}
.txttype03{
	border-top:1px solid #CCC;
	padding:10px 0 0 0;
}

/*listtype*/
.listtype01{
	border:1px solid #CCC;
	padding:20px;
	margin:10px 0 20px 0;
}
.listtype01 li{
	line-height:2;
}
.listtype01 small{
	display:block;
	color:#666;
	line-height:1.6;
	margin:10px 0 0 0;
}
.listtype02{
}
.listtype02 li{
	padding:0 0 0 14px;
	background:url(../img/common/bg_list01.gif) no-repeat 0 0.65em;
}

/*btntype*/
.btntype01{
	margin:30px 0;
	text-align:center;
}
.btntype01 small{
	color:#666;
	margin:3px 0 0 0;
	font-size:10px;
	display:block;
	text-align: center;
}

/*htype*/
.tabletype01{
	margin:30px 0 70px 0;
	width:100%;
}
.tabletype01 tr{
}
.tabletype01 th{
	width:140px;
	background:#EFEFEF;
	border-top:1px solid #CCC;
	border-bottom:1px solid #CCC;
	border-left:1px solid #CCC;
	padding:15px;
}
.tabletype01 th span{
	padding:0 0 0 6px;
}
.tabletype01 th span img{
	vertical-align:middle;
}
.tabletype01 td{
	width:500px;
	border-top:1px solid #CCC;
	border-right:1px solid #CCC;
	border-bottom:1px solid #CCC;
	padding:15px;
}
.tabletype01 td td{
	width:auto;
	border:none;
	padding:0;
}
.tabletype01 td p{
	margin:0 0 10px 0;
}
.tabletype01 td strong{
	font-size:14px;
	display:block;
	margin:0 0 10px 0;
}

.tabletype02{
	margin:30px 0 20px 0;
	width:100%;
}
.tabletype02 tr{
}
.tabletype02 th{
	width:140px;
	background:#EFEFEF;
	border-top:1px solid #CCC;
	border-bottom:1px solid #CCC;
	border-left:1px solid #CCC;
	padding:15px;
}
.tabletype02 th span{
	padding:0 0 0 6px;
}
.tabletype02 th span img{
	vertical-align:middle;
}
.tabletype02 td{
	width:500px;
	border-top:1px solid #CCC;
	border-right:1px solid #CCC;
	border-bottom:1px solid #CCC;
	padding:15px;
}
.tabletype02 td td{
	width:auto;
	border:none;
	padding:0;
}
.tabletype02 td p{
	margin:0 0 10px 0;
}
.tabletype02 td strong{
	font-size:14px;
	display:block;
	margin:0 0 10px 0;
}

/*form*/
input[type="text"]{
	color:#333;
	padding:3px;
	border:1px solid #CCC;
	margin:0 0 10px 0;
	line-height:2.2;
	height: 32px;
	padding: 3px 14px;
}
textarea{
	color:#333;
	padding:3px;
	border:1px solid #CCC;
	margin:0 0 10px 0;
	line-height:2.2;
}

input::-webkit-input-placeholder {
    color:    #999;
}
input:-moz-placeholder {
    color:    #999;
}
::-webkit-input-placeholder {
    color:    #999;
}
:-moz-placeholder {
    color:    #999;
}


/* ----------------------------------------------------
	Download
---------------------------------------------------- */
.download{
	width:100%;
	min-width:1200px; /*less padding*/
	padding:30px 0 28px;
	background:#eeeeee;
	text-align:center;
	margin:70px 0;
	position:relative;
}
.download_btm{
	margin-bottom:0!Important;
	/zoom:1;
}
.download dt{
	margin:0 0 20px 0;
}
.download .inner{
	width:572px;
	background:url(../img/common/bg_dl.gif) repeat-x 0 0 #FFF;
	margin:40px auto 10px auto;
	padding:20px 44px;
}
.download .inner dt{
	font-size:14px;
	font-weight:bold;
	padding:5px;
	background:#EEE;
}
.download .inner .qr{
	width:165px;
	float:left;
	text-align:center;
}
.download .inner .qr dt{
}
.download .inner .store{
	width:360px;
	float:right;
	text-align:center;
}
.download .inner .store dt{
	margin:0 0 20px 0;
}
.download .inner .store ul li{
	width:172px;
	float:left;
}
.download .inner .store ul .android{
	width:167px;
	float:right;
}


/* ----------------------------------------------------
	footer
---------------------------------------------------- */
#footer{
	width:100%;
	min-width:1200px;
	background:#333;
	padding:20px 0;
	position:relative;
}
#footer .inner{
	width:1000px;
	margin:0 auto;
	padding: 0 100px;
}
#footer #fnav{
	width:700px;
	float:left;
}
#footer #fnav dl{
	float:left;
	line-height:1.2;
	border-right:1px solid #555;
	margin:0 50px 0 0;
	padding:0 50px 0 0;
	text-align:left;
}
#footer #fnav dt{
	color:#FFF;
	font-weight:bold;
	font-size:14px;
	margin:0 0 5px;
	text-align:left;
}
#footer #fnav dd{
	margin:0 0 5px;
	text-align:left;
}
#footer #fnav .link_ext01{
	background:url(../img/common/icn_link_ext01.gif) no-repeat 0 0.47em;
	padding-left:16px;
}
#footer #fnav dd a{
	color:#CCC;
	text-decoration:none;
}
#footer #fnav dd a:hover{
	color:#AAA;
}
#footer #searchform{
	width:270px;
	float:left;
	position:relative;
}
#footer #searchform .txt_search{
	width:180px;
	border:1px solid #595959;
	padding:5px 60px 5px 30px;
	background:#333;
	color:#666;
	background: url(../img/common/bg_search.gif) no-repeat 6px 4px;
}
#footer #searchform .btn_search{
	position:absolute;
	top:4px;
	right:2px;
	padding:1px 8px 2px 8px;
	background:#595959;
	border:none;
	color:#333;
	font-weight:bold;
	cursor:pointer;
}
#footer #searchform .btn_search:hover{
	background:#4e4e4e;
}
#footer #sns{
	width:111px;
	float:right;
}
#footer #sns li{
	float:left;
	padding:0 0 0 5px;
}
#footer #sns li{
	float:right;
	padding:0 0 0 6px;
}
#footer #sns .last{
	padding:0!important;
}
#footer_btm{
	width:1000px;
	font-size:10px;
	margin:20px auto 0 auto;
	padding: 0 100px;
	color:#666;
}
#footer_btm a{
	padding:0 0 0 10px;
	color:#999;
}
#footer_btm a:hover{
	color:#666;
}
#footer_btm .cr{
	text-align:left;
	float:left;
	width:700px;
}
#footer_btm .licence{
	background:#111;
	padding:1px 15px;
	color:#AAA;
	float:right;
	text-align:right;
}
#for_stupid_program {
	background:url(../anniversary/index.html);
	background:url(../anniversary/btn_recruit.png);
	background:url(../anniversary/module.css);
	background:url(../js/anniversary.js);
	background:url(../img/about/btn_how_on.jpg);
	background:url(../img/about/btn_shop_on.jpg);
	background:url(../img/about/btn_shop02_on.jpg);
	background:url(../img/about/btn_what_on.jpg);
	background:url(../img/common/btn_side_more_on.jpg);
	background:url(../img/common/gnav_about_ac.jpg);
	background:url(../img/common/gnav_about_on.jpg);
	background:url(../img/common/gnav_shop_ac.jpg);
	background:url(../img/common/gnav_shop_on.jpg);
	background:url(../img/common/gnav_dl_on.jpg);
	background:url(../img/common/btn_dl_on.jpg);
	background:url(../img/common/btn_dl_on.png);
	background:url(../img/common/btn_retail_on.jpg);
	background:url(../img/common/btn_retail_ac.jpg);
	background:url(../img/common/subnav01_ac.gif);
	background:url(../img/common/subnav01_on.gif);
	background:url(../img/common/subnav02_ac.gif);
	background:url(../img/common/subnav02_on.gif);
	background:url(../img/common/subnav03_ac.gif);
	background:url(../img/common/subnav03_on.gif);
	background:url(../img/common/subnav04_ac.gif);
	background:url(../img/common/subnav04_on.gif);
	background:url(../img/common/subnav05_ac.gif);
	background:url(../img/common/subnav05_on.gif);
	background:url(../img/common/subnav06_ac.gif);
	background:url(../img/common/subnav06_on.gif);
	background:url(../img/common/subnav07_ac.gif);
	background:url(../img/common/subnav07_on.gif);
	background:url(../img/inquiry/btn_inquiry_on.jpg);
	background:url(../img/inquiry/btn_ad_on.jpg);
	background:url(../img/media/btn_media01_on.jpg);
	background:url(../img/recruit/btn_join01_on.jpg);
	background:url(../img/recruit/btn_recruit01_on.jpg);
	background:url(../img/recruit/btn_recruit02_on.jpg);
	background:url(../img/recruit/btn_recruit03_on.jpg);
	background:url(../img/redirect/btn_shop_on.jpg);
	background:url(../img/redirect/btn_what_on.jpg);
	background:url(http://wp2.hq.smapo.jp/img/retail/btn_inquiry01_on.jpg);
	background:url(http://wp2.hq.smapo.jp/img/retail/btn_media01_on.jpg);
	background:url(http://wp2.hq.smapo.jp/img/retail/btn_retail01_on.jpg);
	background:url(http://wp2.hq.smapo.jp/img/retail/btn_retail02_on.jpg);
	background:url(http://wp2.hq.smapo.jp/img/retail/btn_retail03_on.jpg);
	background:url(../img/shop/btn_list_on.jpg);
	background:url(../img/shop/btn_map_on.jpg);
	background:url(../img/shop/btn_map02_on.jpg);
	background:url(../img/top/gnav_dl_on.png);
	background:url(../img/top/btn_top02_on.png);
	background:url(../img/top/gnav_about_on.png);
	background:url(../img/top/gnav_shop_on.png);
	background:url(../deskcom/img/logo.png);
	background:url(../deskcom/img/logo.png);
	background:url(../img/fb/logo.gif);
	background:url(../logo.png);
	background:url(../img/gooddesign/btn01_on.png);
	background:url(../img/gooddesign/btn02_on.png);
	background:url(../img/gooddesign/btn03_on.png);
	background:url(../img/gooddesign/btn04_on.png);
	background:url(../img/gooddesign/img_fb.gif);
	background:url(../recruit/img/m0t.gif);
	background:url(../recruit/img/m1t.jpg);
	background:url(../recruit/img/m2t.jpg);
	background:url(../recruit/img/m3t.jpg);
	background:url(../recruit/img/m4t.jpg);
	background:url(../recruit/img/m5t.jpg);
	background:url(../recruit/img/m6t.jpg);
	background:url(../recruit/img/m7t.jpg);
	background:url(../recruit/img/m8t.jpg);
	background:url(../recruit/img/m9t.jpg);
	background:url(../recruit/img/m10t.jpg);
	background:url(../recruit/img/m11t.jpg);
	background:url(../recruit/img/m12t.jpg);
	background:url(../recruit/img/m13t.jpg);
	background:url(../recruit/img/m14t.jpg);
	background:url(../recruit/img/m15t.jpg);
	background:url(../recruit/img/m16t.jpg);
	background:url(../recruit/img/m17t.jpg);
	background:url(../recruit/img/m18t.jpg);
	background:url(../recruit/img/m19t.jpg);
	background:url(../recruit/img/m20t.jpg);
	background:url(../recruit/img/m21t.jpg);
	background:url(../recruit/img/m22t.jpg);
	background:url(../recruit/img/m23t.jpg);
	background:url(../recruit/img/m24t.jpg);
	background:url(../recruit/img/m25t.jpg);
	background:url(../recruit/img/m26t.jpg);
	background:url(../recruit/img/m27t.jpg);
	background:url(../recruit/img/m28t.jpg);
	background:url(../recruit/img/m29t.jpg);
	background:url(http://wp2.hq.smapo.jp/retail/images/btn_contact_on.png);
	background:url(../img/retail/btn_contact_on.png);
}

/* ----------------------------------------------------
	pagetop
---------------------------------------------------- */
.pagetop{
	position:absolute;
	right:15px;
	top:-73px;
}