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

 style info :共通

 *Last Modified: 2013-11-20
=================================================================== */

/* ----------------------------------------------------
	top
---------------------------------------------------- */
#top{
	background:#FFFFFF;
	/*background:url(../img/top/bg_top.jpg) no-repeat center 0 #FFF;*/
}
#top #header{
	background:#FFF!important;
	border-bottom:1px solid #adcdd9;
	padding:0 0 7px!important;
}
#top #header small {
	padding:0 0 0 16px;
}
#top #contents{
	width:100%;
	min-width:1200px;
	background:url(../img/top/bg_top.png) repeat-x 0 0 #caf1ff!important;
}
#top #contents .inner{
	width:1000px;
	height:500px;
	margin:0 auto;
	position:relative;
	padding: 0 100px;
}
#top #contents .left{
	position:absolute;
	top:82px;
	left:100px;
}
#top #contents .left .balloon{
	margin:0 0 5px;
}
#top #contents .left .hikakin{
	margin:0 0 -15px;
	position:relative;
}
#top #contents .left h1{
	font-size:30px;
	font-weight:bold;
	margin:0 0 10px 0;
	line-height:1.6;
}
#top #contents .left h1 span{
	font-size:18px;
	font-weight:bold;
	display:block;
	margin:10px 0 0 0;
}
#top #contents .left .more a{
	color:#0c92c0;
	background:url(../img/top/bg_more.png) no-repeat 0 center;
	font-size:20px;
	font-weight:bold;
	text-decoration:none;
	padding:0 0 0 14px;
}
#top #contents .left p{
	font-size:14px;
	margin:0 0 30px 0;
}
#top #contents .left .btn{
	margin:20px 0;
}
#top #contents .iphone{
	position:absolute;
	top:24px;
	left:594px;
	z-index:100;
}
#top #contents .slide{
	position:relative;
	float:right;
	margin:85px 0 0;
}
#top #contents .slide ul{
}
#top #contents #js_on{
	overflow: auto;
}
#top #contents #js_on li{
	float:left;
	position:static;
	top:auto;
	right:auto;
}
#top #contents .slide .img li{
	position:absolute;
	top:0;
	right:0;
}
#top #contents .dots{
	position:absolute;
	bottom:17px;
	left:180px;
}
#top #contents .dots li{
	width: 8px;
	height: 8px;
	background:#CCCCCC;
	border-radius: 6px 6px 6px 6px;
	cursor: pointer;
	display: inline-block;
	margin: 0 5px;
	text-indent: -999em;
	transition: background 0.5s ease 0s, opacity 0.5s ease 0s;
}
#top #contents .dots li{
}
#top #contents .dots .active{
	background:#3190e1;
}
#top #contents .tv{
	position:absolute;
	top:-11px;
	left:1007px;
	z-index:200;
}
#top .ban{
	width:1000px;
	margin:30px auto 0;
	position:relative;
	padding: 0 100px 0;
}
#top .ban li{
	width:320px;
	float:left;
	padding:0 20px 0 0;
}
#top .ban .last{
	padding-right:0;
}
#top .store{
	width:357px;
	margin:0 auto;
}
#top .store li{
	float:left;
}
#top .store .android{
	padding:0 0 0 10px;
	float:left;
}
#top .news{
	width:100%;
	min-width:1200px;
	background:#EFEFEF;
	margin:30px 0 0;
	padding:15px 0;
}
#top .news p{
	width:1000px;
	margin:0 auto;
	
}
#top .news .date{
	color:#666;
	width:130px;
	float:left;
	padding:0 0 0;
}
#top .news .report{
	width:850px;
	float:right;
	padding:0 0 0;
}



/* ----------------------------------------------------
	redirect
---------------------------------------------------- */
#redirect{
	text-align:center;
	padding:80px 0;
}
#redirect #logo{
	margin:0 0 80px 0;
}
#redirect h1{
	font-size:20px;
	font-weight:bold;
	margin:0 0 15px 0;
}
#redirect h1 small{
	background:#149bca;
	color:#FFFFFF;
	font-weight:normal;
	margin:0 0 0 10px;
	padding:4px 10px;
}
#redirect .tel{
	width:630px;
	font-size:54px;
	font-weight:bold;
	margin:0 auto 10px;
	padding:10px 15px;
	background: #b2deee;
}
#redirect .tel img{
	padding:0 12px;
	vertical-align:middle;
}
#redirect h2{
	width:660px;
	font-size:20px;
	font-weight:bold;
	border-top:1px solid #CCC;
	margin:30px auto 15px auto;
	padding:30px 0 0 0;
}
#redirect .store{
	width:370px;
	margin:0 auto;
}
#redirect .store li{
	width:172px;
	float:left;
}
#redirect .store span{
	color:#666;
	font-size:10px;
	margin:5px 0 0 0;
	display:block;
}
#redirect .store .android{
	width:167px;
	float:right;
}
#redirect .about{
	background:#EEEEEE;
	font-size:18px;
	font-weight:bold;
	margin:50px auto 0 auto;
	padding:30px;
}

#redirect ul{
	width:660px;
	margin:20px auto 0 auto;
}
#redirect ul li{
	float:left;
}
#redirect ul .last{
	float:right;
}
#redirect .boxtype01 .txttype02{
}
#redirect .boxtype01 .txttype02 li{
	float:none;
}


/* ----------------------------------------------------
	redirect02
---------------------------------------------------- */
#redirect02{
	background:url(../img/redirect02/bg_redirect02.jpg) repeat 0 0;
	text-align:center;
}
#redirect02 #page{
	background:url(../img/redirect02/bg_redirect01.jpg) no-repeat 50% 0;
	min-height:1000px;
}
#redirect02 #contents{
	padding:120px 0 0 0;
}
#redirect02 #contents .inner{
	width:540px;
	padding:40px;
	margin: 0 auto 20px auto;
	background:#FFF;
}
#redirect02 #contents .inner h1{
	color:#008ab4;
	font-size:30px;
	margin:0 0 20px;
	line-height:1.5;
	text-align:center;
}
#redirect02 #contents .inner h1 span{
	width:400px;
	font-size:16px;
	margin:0 auto 10px auto;
	padding:5px 10px;
	background:#e5f8ff;
	display:block;
}
#redirect02 #contents .inner .store{
	width:364px;
	margin:20px auto 0 auto;
}
#redirect02 #contents .inner .store li{
	float:left;
	padding:0 25px 0 0;
}
#redirect02 #contents .inner .store .android{
	padding:0;
}
#redirect02 #contents .inner .store li span{
	margin:5px 0 0 0;
	display:block;
}
#redirect02 #contents .other_dl{
	margin:0 auto;
}
#redirect02 #contents .other_dl h2{
	font-size:16px;
	font-weight:bold;
}
#redirect02 #contents .other_dl ul{
	margin:10px 0 0;
}
#redirect02 #contents .other_dl ul li{
	display:inline;
	padding:0 50px 0 0;
}
#redirect02 #contents .other_dl ul .last{
	padding:0;
}
#redirect02 #contents .sms{
	font-size:14px;
	font-weight:bold;
	margin:20px 0 0 0;
}
#redirect02 #contents .sms dt{
	font-size:16px;
	margin:0 0 10px 0;
}
#redirect02 #contents .sms dt small{
	font-size:12px;
	color:#999;
	font-weight:bold;
}
#redirect02 #contents .sms dd{
	width:468px;
	margin:0 auto 10px;
}
#redirect02 #contents .sms .text{
	float:left;
}
#redirect02 #contents .sms .text input[type="text"]{
	font-size:20px;
	width:315px;
	height:40px;
	padding:3px 14px;
	background:#fff5a5;
	border:#0093c6 1px solid;
	border-radius:6px 0 0 6px / 6px 0 0 6px;
	-webkit-border-top-left-radius:6px;
	-webkit-border-bottom-left-radius:6px;  
	-moz-border-radius-topleft:6px; 
	-moz-border-radius-bottomleft:6px;  
}
#redirect02 #contents .sms .send{
	float:right;
}
#redirect02 #contents .sms .err01 input[type="text"]{
	margin:0;
	color:#FF0000 !important;
	background:#FFE5E5;
	border-top:1px solid #FF0000 !important;
	border-bottom:1px solid #FF0000 !important;
	border-left:1px solid #FF0000 !important;
}
#redirect02 #contents .sms .errtxt{
	color:#FF0000 !important;
}
#redirect02 #contents .tel{
	font-size:28px;
	font-weight:bold;
	margin:20px auto;
	padding:10px 14px;
	background:#fff5a5;
	border:#0093c6 1px solid;	
	border-radius:6px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
}
#redirect02 #contents .txt{
	font-size:20px;
	font-weight:bold;
	margin:10px 0;
}
#redirect02 #contents .start{
	background:#EFEFEF;
	margin:0 -30px -30px -30px;
	padding:20px 0;
}
#redirect02 #contents .start p{
	color:#666666;
	font-size:16px;
	font-weight:bold;
	margin:0 0 10px;
}
#redirect02 #contents .start li{
	color:#666666;
}
#redirect02 #contents .att{
	color:#666666;
}

/* ----------------------------------------------------
	about
---------------------------------------------------- */
#about h1{
	width:100%; /*less padding*/
	min-width:1200px;
	text-align:center;
	background:#e3f2f8;
}
#about .innerlink{
	width:100%;
	min-width:1200px;
	background:url(../img/about/bg_innerlink.jpg) repeat-x 0 0 #cceaf4;
	height:91px;
}
#about .innerlink ul{
	padding:15px 100px 0;
	width:1000px;
	margin:0 auto;
}
#about .innerlink ul li{
	float:left;
	padding:0 16px 0 0;
}
#about .innerlink ul .last{
	padding:0!important;
}
#about #what{
	width:1000px;
	margin:0 auto 70px auto;
	padding: 0 100px;
}
#about .h_happy{
	position:relative;
	margin:0 -4px;
}
#about .happy{
	background:#f0f0f0;
	padding:7px 20px 10px 20px;
	margin:0 0 30px 0;
}
#about .happy dl{
	float:left;
	width:216px;
	margin:0 18px 0 0;
	background:#FFF;
	padding:0 5px 12px 5px;
}
#about .happy dt{
	text-align:center;
}
#about .happy .happy01{
}
#about .happy .happy01 dt{
	padding:44px 0 30px 0;
}
#about .happy .happy02{
}
#about .happy .happy02 dt{
	padding:18px 0 12px 0;
}
#about .happy .happy03{
}
#about .happy .happy03 dt{
	padding:16px 0 10px 0;
}
#about .happy .happy04{
	margin:0;
}
#about .happy .happy04 dt{
	padding:12px 0 8px 0;
}

#about .happy dd{
	text-align:center;
}
#about .happy dd strong{
	display:block;
	font-size:22px;
	line-height:1.05;
}
#about .structure{
	background:#f0f0f0;
	padding:15px 17px;
}
#about .structure p{
	float:left;
}
#about .structure dl{
	width:762px;
	float:right;
}
#about .structure dt{
	font-size:20px;
	font-weight:bold;
	margin:0 0 10px 0;
}
#about .structure dd{
	margin:10px 0 0 0;
}
#about #how{
	width:1000px;
	margin:0 auto 70px auto;
	padding: 0 100px;
}
#about .h_step{
	padding:0 0 10px 0;
	background:#f0f0f0;
}
#about .step{
	background:#f0f0f0;
	padding:0 0 10px 0;
	margin:0 0 20px 0;
}
#about .step .inner{
	background:url(../img/about/bg_step.gif) repeat-y 0 0;
}
#about .step div{
}
#about .step .step1{
	width:330px;
	float:left;
	padding:0 2px 0 2px;
}
#about .step .step2{
	width:330px;
	float:left;
	padding:0 0 0 2px;
}
#about .step .step3{
	width:330px;
	float:left;
	padding:0 2px 0 2px;
}
#about .step h3{
	font-size:20px;
	font-weight:bold;
	text-align:center;
	min-height:50px;
	height:auto!important;
	height:50px;
	line-height:1.2;
	margin:20px 0 10px;
}
/*#about .step .step1 h3,
#about .step .step3 h3{
	min-height:44px;
	height:auto!important;
	height:44px;
	padding:10px 0 0 0;
}*/
#about .step p{
	margin:10px 0 0 0;
	text-align:center;
}
#about .step dl{
	position:relative;
	padding:0 20px;
	margin:-80px 0 0 0;
}
#about .step dt{
	font-size:14px;
	font-weight:bold;
	line-height:1.5;
	margin:0  0 10px 0;
}
#about .step dd{
	font-size:11px;
	color:#666;
}
#about .step .sticker{
	background:#dbdbdb;
	position:relative;
	margin:10px 0 0 0;
	padding:3px 60px 3px 10px;
}
#about .step .card{
	margin:12px 0 0 0;
}

#about .step .sticker span{
	position:absolute;
	top:-5px;
	right:5px;
}
#about #shop{
	width:1000px;
	margin:0 auto 70px auto;
	padding: 0 100px;
}
#about .img_shop{
	margin:0 0 30px 0;
}
#about .img_shop li{
	width:153px;
	float:left;
	border:1px solid #CCC;
	margin:0 10px 10px 0;
}
#about .img_shop .last{
	margin-right:0!important;
}
#about .btn_shop{
	text-align:center;
	margin:30px 0;
}


/* ----------------------------------------------------
	shop
---------------------------------------------------- */
#shop h1{
	width:100%;
	min-width:1200px; /*less padding*/
	text-align:center;
	background:#efefef;
}
#shop .innerlink{
	width:100%;
	min-width:1200px;
	background:url(../img/about/bg_innerlink.jpg) repeat-x 0 0 #cceaf4;
	height:91px;
}
#shop .innerlink ul{
	padding:15px 100px 0;
	width:1000px;
	margin:0 auto;
}
#shop .innerlink ul li{
	float:left;
	padding:0 12px 0 0;
}
#shop .innerlink ul .last{
	padding:0!important;
}
#shop #brand{
	width:1000px;
	margin:0 auto;
	padding: 0 100px;
}
#shop #brand .boxtype01{margin-bottom:40px!important;}
#shop .brandlist{
}
#shop .brandlist .inner{
	float:left;
	width:232px;
	margin:0 0 30px 0;
	padding:0 24px 0 0;
}
#shop .brandlist .inner p{
	border:1px solid #CCC;
	margin:0 0 10px 0;
}
#shop .brandlist .inner p img{
}
#shop .brandlist .inner ul{
	margin:0 0 5px 0;
}
#shop .brandlist .inner li{
	margin:0 0 7px 0;
	line-height:1.4;
}
#shop .brandlist .inner .newmark{
	padding:0 6px 0 0;
}
#shop .brandlist .inner li img{
	vertical-align:middle;
}
#shop #maparea{
	width:1000px;
	border:none;
	margin:0 auto;
}
#shop #map{
	width:1000px;
	margin:0 auto;
	padding: 0 100px;
}
#shop #map .shopnumber{
	font-size:20px;
}
#shop #map .shopnumber strong{
	font-size:30px;
}
#shop #map .shoparea{
	margin:0 0 10px 0;
}
#shop #map .shoparea li{
	width:190px;
	font-size:14px;
	font-weight:;
	float:left;
	padding:0 12px 0 0;
	cursor:pointer;
}
#shop #map .shoparea a{
	display:block;
	min-height:32px;
	padding:3px 0 0 30px;
	text-decoration:none;
	background:url(../img/shop/bg_map01_off.jpg) no-repeat 0 0;
}
#shop #map .shoparea a:hover{
	background:url(../img/shop/bg_map01_on.jpg) no-repeat 0 0;
}
#shop #map .shoparea span{
	background:#777;
	font-size:10px;
	float:right;
	color:#FFF;
	margin:3px 7px 3px 3px;
	padding:0px 8px;
}


/* ----------------------------------------------------
	recruit
---------------------------------------------------- */
#recruit .innerlink{
	margin:30px 0;
	background:url(../img/about/bg_innerlink.jpg) repeat-x 0 0 #cceaf4;
	padding:14px 21px;
}
#recruit .innerlink ul{
	width:1000px;
	margin:0 auto;
}
#recruit .innerlink li{
	float:left;
}
#recruit .innerlink .last{
	float:right;
}
#recruit .link{
	margin:30px 0;
	padding:0 0 30px 0;
	border-bottom:1px solid #CCC;
}
#recruit .link li{
	float:left;
	width:217px;
	padding:5px 0 5px 15px;
	border-right:1px solid #CCC;
}
#recruit .link .last{
	border-right:none;
}
#recruit .link li a{
	padding:0 0 0 20px;
	background:url(../img/common/icn_link01.gif) no-repeat 0 0;
	cursor:pointer;
}
#recruit .spec h4{
	font-size:20px;
	font-weight:bold;
	margin:30px 0 5px;
}
#recruit .spec{
	margin:0 0 60px 0;
}
#recruit .spec .txt{
	font-size:11px;
	color:#666;
	text-align:center;
}
#recruit .spec .btn{
	margin:30px 0 5px 0;
	text-align:center;
}
#recruit .spec .tabletype01{
	margin:10px 0 30px;
}
#recruit #member{
	margin:80px 0 70px 0;
}
#recruit #member ul{
	margin:10px 0;
}
#recruit #member li{
	float:left;
	padding:0 9px 9px 0;
}
#recruit #member li a{
	display:block;
	cursor: auto;
}
.tinyTip {
	display:block;
}
.lightTip .content{
	width:310px;
	padding:10px;
	border:2px solid #e2e2e2;
	background:#ffffff;
	color:#020202;
	top:0;
	left:0;
	position: relative;
}
.lightTip .bottom{
	position:relative;
	top:0;
	height:6px;
	background:url("../img/recruit/tinyTip-top03.png") top center no-repeat;
}
/*join.html*/
#recruit .sns{
	color:#666;
	padding:0 8px;
}


/* ----------------------------------------------------
	advertise
---------------------------------------------------- */
#advertise h1{
	text-align:center;
	background:#efefef;
}
#advertise #contents{
	padding:160px 0 0 0;
	min-height:160px;
	text-align:center;
}


/* ----------------------------------------------------
	news
---------------------------------------------------- */
#news .subcat{
	margin:0 0 30px;
}
#news .subcat p{
	font-size:11px;
	width:150px;
	float:left;
}
#news .subcat dl{
	font-size:11px;
	width:500px;
	float:right;
	text-align:right;
}
#news .subcat dt{
	padding:0 0 0 20px;
	display:inline;
}
#news .subcat dd{
	padding:0 0 0 10px;
	display:inline;
}
#news .entry{
	margin:0 0 30px 0;
	padding:0 0 30px 0;
	border-bottom:1px solid #CCC;
}
#news .entry .wp_social_bookmarking_light{
	overflow:hidden;
}
#news .entry .wp_social_bookmarking_light div{
	float:left;
}
#news .entry p,
#news .entry ul,
#news .entry dl{
	margin:0 0 15px 0;
}
#news .list{
	margin:0 0 70px 0;
	border-top:1px solid #CCC;
}
#news .list li{
	border-bottom:1px solid #CCC;
	padding:12px 0;
}
#news .list .even{
	background:#f3f3f3;
}
#news .list li .date{
	color:#666;
	width:130px;
	float:left;
	padding:0 0 0 15px;
}
#news .list li .report{
	width:540px;
	float:right;
	padding:0 15px 0 0;
}
#news .pn{
	width:280px;
	margin:0 auto 70px auto;
}
#news .pn li{
	width:130px;
	font-size:10px;
	text-align:center;
}
#news .pn li a{
	color:#333;
	display:block;
	border:1px solid #dddbdb;
	padding:5px;
	text-decoration:none;
}
#news .pn li a:hover{
	background:#e0f2f9;
	border:1px solid #cfdde2;
}
#news .pn .prev{
	float:left;
}
#news .pn .next{
	float:right;
}


/* ----------------------------------------------------
	retail
---------------------------------------------------- */
#retail .innerlink{
	margin:30px 0;
	background:url(../img/about/bg_innerlink.jpg) repeat-x 0 0 #cceaf4;
	padding:14px 21px;
}
#retail .innerlink ul{
	width:1000px;
	margin:0 auto;
}
#retail .innerlink li{
	float:left;
	padding:0 10px 0 0;
}
#retail .innerlink .last{
	padding:0;
}
#retail .outline{
	margin:0 0 70px;
}
#retail .outline .inner{
	margin:0 0 30px;
}
#retail .outline p{
	float:left;
}
#retail .outline dl{
	width:380px;
	float:right;
}
#retail .outline dt{
	margin:0 0 10px 0;
}
#retail .voice ul{
	background:url(http://wp2.hq.smapo.jp/img/retail/bg_balloon01.gif) no-repeat bottom center;
	padding:0 0 10px 0;
}
#retail .partner{
	background:url(http://wp2.hq.smapo.jp/img/retail/img_partner01.gif) no-repeat bottom center;
	padding:0 0 160px;
	margin:0 0 30px 0;
}
#retail .user{
	background:url(http://wp2.hq.smapo.jp/img/retail/bg_user01.gif) no-repeat 120px bottom;
	padding:0 0 170px;
	margin:0 0 30px 0;
}
#retail .user h3{
	border-top:1px solid #CCC;
	padding:25px 0 0;
}
#retail .voice li{
	width:315px;
	float:left;
	padding:15px;
	background:#EEEEEE;
}
#retail .voice .last{
	float:right;
}
#retail .media{
	padding:25px;
	margin:0 0 70px;
	background:#EAEAEA;
	text-align:center;
}
#retail .media dt{
	font-weight:bold;
	margin:0 0 10px;
	font-size:20px;
}
#retail .inquiry{
	background:#EAEAEA;
	padding:25px;
	margin:0 0 70px;
}
#retail .inquiry dl{
	padding:20px;
	background:#FFF;
	margin:20px 0 0;
}
#retail .inquiry dt{
	font-size:20px;
	font-weight:bold;
	border-bottom:1px solid #CCC;
	margin:0 0 15px;
}
#retail .inquiry dd{
	font-size:11px;
}
#retail .inquiry dd strong{
	font-size:13px;
	font-weight:bold;
	display:block;
	margin:0 0 10px;
}


/* ----------------------------------------------------
	retail 131120
---------------------------------------------------- */
#retail{
}
#retail li,
#retail dt,
#retail dd,
#retail p{
	color:#666666;
}
#retail .main{
	background:#eef4f6;
	width:100%;
	min-width:1200px;
	height:358px;
	margin:0 0 30px;
}
#retail .main .inner{
	width:1000px;
	margin:0 auto;
	position:relative;
}
#retail .main h1{
	position:absolute;
	top:60px;
	left:100px;
	z-index:10;
}
#retail .main p{
	position:absolute;
	top:74px;
	right:0;
	z-index:1;
}
#retail .nav{
	width:876px;
	padding:0 162px;
	margin:40px auto;
}
#retail .nav li{
	font-size:11px;
	width:156px;
	float:left;
	text-align:center;
	padding:0 24px 0 0;
	background:url(../img/retail/bg_arrow01.png) no-repeat 100% 30px;
}
#retail .nav .last{
	width:156px;
	padding:0;
	background:none;
}
#retail .nav li span{
	min-height:72px;
	display:block;
	margin:0 0 7px 0;
}
#retail .nav li a{
	text-decoration:none;
	color:#333;
}
.boxtype_retail{
	width:100%;
	min-width:1200px;
	min-height:400px;
}
.boxtype_retail .inner{
	width:800px;
	min-width:800px;
	margin:0 auto;
	padding:40px 100px;
}
#retail .odd{
	background:#f9f8f4;
}
#retail #reason{
}
#retail .left{
	width:570px;
	float:left;
}
#retail .left li{
	font-size:16px;
	margin:0 0 10px;
}
#retail #brand .left{
	width:500px;
}
#retail #brand .right{
	width:298px;
}
#retail .right{
	width:200px;
	float:right;
}
#retail h2{
	min-height:55px;
	color:#666666;
	display:table;
}
#retail h3{
	color:#6ac2ee;
	font-weight:bold;
	font-size:30px;
	margin:30px 0;
}
#retail .txt{
	font-size:18px;
	margin:30px 0;
}
#retail h2 span{
	padding:0 20px 0 0;
	display:table-cell;
	vertical-align: middle;
}
#retail #effect{
	position:relative;
}
#retail #effect .left{
	float:none;
	position:relative;
	z-index:10;
}
#retail #effect .right{
	position:absolute;
	z-index:1;
	top:44px;
	left:56%;
	float:none;
}
#retail #effect .voice{
}
#retail #effect .voice dl{
	float:left;
	width:330px;
	padding:0 20px 0 50px;
}
#retail #effect .voice dt{
	font-size:15px;
	color:#efa3a3;
	font-weight:bold;
}
#retail #effect .voice dt strong{
	text-decoration:underline;
}
#retail #effect .voice dd{
	margin:10px 0 0;
}
#retail #effect .voice .name{
	font-size:10px;
}
#retail #effect .voice .voice01{
	background:url(../img/retail/bg_effect01.png) no-repeat 0 0;
}
#retail #effect .voice .voice02{
	background:url(../img/retail/bg_effect02.png) no-repeat 0 0;
}
#retail #use .ready{
}
#retail #use .ready dl{
	width:160px;
	float:left;
	padding:0 20px;
}
#retail #use .ready dt{
	text-align:center;
	min-height:72px;
}
#retail #use .ready dd{
	text-align:center;
}
#retail #media .article{
}
#retail #media .article dl{
	width:133px;
	float:left;
}
#retail #media .article dt{
	text-align:center;
	margin:0 0 10px;
}
#retail #media .article dd{
	text-align:center;
	font-size:12px;
}
#retail .btn{
	min-width:1200px;
	margin:30px 0;
	text-align:center;
}
#retail .article small{
	display:block;
}


/* ----------------------------------------------------
	publish
---------------------------------------------------- */
#publish{
}
#publish .media{
}
#publish .media .inner{
	width:214px;
	float:left;
	margin:0 0 60px;
	padding:0 29px 0 0;
}
#publish .media .inner p{
	margin:0 0 5px;
}
#publish .media .inner dt{
	font-size:10px;
	margin:10px 0 0 0;
	line-height:1.4;
	color:#666;
	font-weight:normal;
}
#publish .media .inner dt span{
	font-size:14px;
	font-weight:bold;
	margin:0 0 5px;
	padding:0 10px 0 0;
}
#publish .media .inner dd{
	font-size:11px;
}
#publish .inquiry{
	background:#EAEAEA;
	padding:25px;
	margin:0 0 70px;
}
#publish .inquiry dl{
	padding:20px;
	background:#FFF;
	margin:20px 0 0;
}
#publish .inquiry dt{
	font-size:20px;
	font-weight:bold;
	border-bottom:1px solid #CCC;
	margin:0 0 15px;
}
#publish .inquiry dd{
	font-size:11px;
}
#publish .inquiry dd strong{
	font-size:13px;
	font-weight:bold;
	display:block;
	margin:0 0 10px;
}


/* ----------------------------------------------------
	inquiry
---------------------------------------------------- */
#inquiry input[type="text"]{
	width:470px;
}
#inquiry textarea{
	width:490px;
}


/* ----------------------------------------------------
	notfound
---------------------------------------------------- */
#notfound #contents{
	width:1000px;
	min-height:550px;
	margin:0 auto;
}
#notfound #contents h1{
	font-size:60px;
	margin:50px 0 0;
	font-weight:bold;
}
#notfound #contents h2{
	font-size:30px;
	font-weight:bold;
}
#notfound #contents p{
	margin:25px 0 40px 0;
}
#notfound #contents ul{
	margin:0 0 70px;
}
#notfound #contents li{
	width:180px;
	margin:0 0 20px;
	float:left;
}
#notfound #contents li a{
	display:block;
	min-height:14px;
	padding:0 0 0 20px;
	background:url(../img/common/icn_link02.gif) no-repeat 0 0.3em;
}
#notfound #contents li .link_ext02{
	background:url("../img/common/icn_link_ext02.jpg") no-repeat scroll 0 0.4em transparent;
}


/* ----------------------------------------------------
	error
---------------------------------------------------- */
#error #contents{
	width:1000px;
	min-height:550px;
	margin:0 auto;
}
#error #contents h1{
	font-size:50px;
	margin:50px 0 0;
	font-weight:bold;
}
#error #contents h2{
	font-size:30px;
	font-weight:bold;
}
#error #contents p{
	margin:25px 0 40px 0;
}
#error #contents ul{
	margin:0 0 70px;
}
#error #contents li{
	width:180px;
	margin:0 0 20px;
	float:left;
}
#error #contents li a{
	display:block;
	min-height:14px;
	padding:0 0 0 20px;
	background:url(../img/common/icn_link02.gif) no-repeat 0 0.3em;
}
#error #contents li .link_ext02{
	background:url("../img/common/icn_link_ext02.jpg") no-repeat scroll 0 0.4em transparent;
}


/* ----------------------------------------------------
	gooddesign
---------------------------------------------------- */
#gooddesign #page{
	width:1000px;
	margin:0 auto;
}
#gooddesign h1{
	margin:20px 0 0;
	border-bottom:1px solid #FFF;
}
#gooddesign .campaign{
	position:relative;
}
#gooddesign .campaign h2{
}
#gooddesign .campaign .inner{
	position:absolute;
	bottom:20px;
	left:23%;
	text-align:center;
}
#gooddesign .campaign .inner p{
	margin:0 0 10px;
}
#gooddesign .campaign .inner li{
	font-size:12px;
}
#gooddesign .btn{
	width:920px;
	margin:40px 0;
	padding:30px 40px;
	background:#EFEFEF;
}
#gooddesign .btn li{
	width:446px;
	float:left;
}
#gooddesign .btn .right{
	float:right;
}
#gooddesign .dl{
	background:#efefef;
	text-align:center;
	padding:20px 0;
	margin:0 0 40px;
}


/* ----------------------------------------------------
	support
---------------------------------------------------- */
#support .list{
	background:url(../img/support/bg_list.png) repeat 0 0;
}
#support .list div{
	float:left;
	width:250px;
}
#support .list h3{
	color:#FFF;
	background:#0997c8;
	padding:10px;
	text-align:center;
	border-right:1px solid #55b7d9;
}
#support .list .last h3{
	border-right:none;
}
#support .list h4{
	font-size:16px;
	padding:15px 15px 0;
}
#support .list ul{
	padding:15px;
}
#support .list .last ul{
	border-right:none;
}
#support .list li{
	font-size:12px;
	line-height:2;
	margin:0 0 15px;
}
#support .att{
	font-size:12px;
	color:#666666;
	margin:15px 0 0;
}


/* ----------------------------------------------------
	PC/スマホ表示切替
---------------------------------------------------- */
#spLinkBlockInPc {
	display:none;
	background: #EEE;
	text-align: center;
	clear: both;
	margin: 0 0 10px 0;
	padding: 40px;
	top: -8px;
	position: relative;
	font-size:24px;
}
#spLinkBlockInPc strong {
	color: #000;
}
