@charset "utf-8";

html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var,
b, u, i, center,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td,article, aside, canvas, details, embed,figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,time, mark, audio, video { margin: 0; padding: 0; border: 0; font-style:normal; font-weight: normal; font-size: 12px; font-family: 'Open Sans',"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka,  sans-serif; vertical-align: baseline; line-height: 1.5; }

article, aside, details, figcaption, figure,footer, header, hgroup, menu, nav, section { display: block; }

html { overflow-y: scroll; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after,q:before, q:after { content: ''; content: none; }
input, textarea { margin: 0; padding: 0; }
ol, ul { list-style:none; }
table { border-collapse: collapse; border-spacing:0; }
caption, th { text-align: left; }
a:focus { outline:none; }

/* パターン */

img { max-width: 100%; vertical-align: bottom; }
table { width: 100%; }

a:link img{border:none;}
a:visited img{border:none;}
a:focus img,a:hover img{border:none;}
a:active img{border:none;}
img{border:none;}

/* リンク */
a { text-decoration: none; }

/* 見出し */

h3 { font-size: 14px; font-weight: 700; }

.left{float:left;}
.right{float:right;}

.clear{clear:both;}



#wrapper{ width:960px; margin:0 auto; }

/* ================================================================
	header
================================================================= */

	#header{ width:960px; margin:30px 0 0 0; overflow: hidden; }
	#header > #logo{ float:left; margin:0 0 20px 0; }
	#header-banner{ clear:both; margin:0 0 10px 0 ; }

	#header p.m-btn{ width:140px; height:15px; margin:55px 0 10px 10px; padding:5px 0; text-align:center; color:#fff; background:#f44e93; border-radius: 5px; box-shadow: 1px 1px 2px #aaa; }
	#header p.m-btn a,#header p#b-btn a { width:140px; height:25px; display:block; font-size: 10px; color:#fff; }
	#header p#b-btn { width:140px; height:15px; margin:55px 20px 10px 0; padding:5px 0; text-align:center; color:#fff; background:#000; border-radius: 5px; box-shadow: 1px 1px 2px #aaa; }
	#header p { float:right; }

/* ================================================================
	navi
================================================================= */

	#nav { width: 100%; display: table; table-layout: fixed; margin: 15px 0 0; padding: 15px 0; border-top: solid 1px #aaa; border-bottom: solid 1px #aaa; }
	#nav > li { display: table-cell; text-align: center; border-right: solid 1px #aaa; }
	#nav > li:last-child { border-right: none; }
	#nav > li > a { color: #767676; font-weight: 700; font-size: 12px; }
	#nav > li > a:hover { color: #ea6a7a; }

/* ================================================================
	slick slid
================================================================= */

	.slickSlider > div > div > li { padding: 10px; }

/* ================================================================
	SIDE
================================================================= */

	#side{ float:left; width:190px; margin: 40px 0; padding: 10px; }
	#side #brand .b-box{ margin:0 0 20px 0; }

	.sideContents { margin: 0 0 40px; }
	.sideContents > h3 { margin: 20px 0; padding: 0 0 0 10px; border-left: solid 5px #EA6A7A; line-height: 1.0; }

	.sideContents > ul > li { margin: 20px 0; }
	.sideContents > ul > li > a > p { margin: 5px 0; font-size: 10px; }
	.sideContents > ul > li > a > p:before { font-family: FontAwesome; content: "\f138"; margin-right: 5px; }

	.sideContents > ul > li > .acBtn > p { margin: 5px 0; }
	.sideContents > ul > li > .acBtn > p:before { font-family: FontAwesome; content: "\f138"; margin-right: 10px; }

	.sideContents > ul > li > .acMenu { margin: 5px 0; }
	.sideContents > ul > li > .acMenu > li { margin: 5px 0; }
	.sideContents > ul > li > .acMenu > li > a {  }
	.sideContents > ul > li > .acMenu > li > a:before { font-family: FontAwesome; content: "\f101"; margin-right: 5px; }

/* ================================================================
	box
================================================================= */

	#main { float:right; width:700px; margin:20px 0 0 0; }

	.recommend{ height:25px; font-weight:bold; margin:20px 0; background:url(http://www.andydress.com/shop/img/dotline.jpg) bottom repeat-x; clear: both; }

	#footer-wrap { clear:both; margin:50px 0 0 0; height:100px; background:#eeeeef; }

	#footer-wrap #line { width:100%; height:11px; background:url(http://www.andydress.com/shop/img/line.jpg) repeat-x ; }
	#footer { width:960px; margin:10px auto 0; text-align:right; }

	#footer ul { width:960px; }
	#footer ul li { float:right; margin:5px 0 0 0; }
	#footer ul li#footer-icon { margin:0 10px 0 0; }
	
	.list-new { color:#F36; font-weight: bold; } 

/* ================================================================
	infomation
================================================================= */

	#info-title { height:30px; }
	#info-wrap { margin:0 0 50px 0; }
	#info-wrap p { padding:0 10px; margin:10px 0 20px 0; }
	#info-wrap #ent { text-align:center; }
	#info-wrap #ent p { margin:20px 0 10px 0; font-weight:bold; font-size:14px; }
	#info-wrap #ent p.size { margin:0; font-weight:normal; font-size:10px; }


	#company-wrap{ padding:0 10px; }
	#company-wrap dl{ width:320px; margin:40px 0; }
	#company-wrap dl dt{ width:60px; margin:0 10px 10px 0; text-align:right; }
	#company-wrap dl dd{ border-left:dotted 1px #000; width:220px; padding:0 0 10px 15px; }
	#company-wrap dl dd.l-hei{ line-height:25px; }
	#disc-wrap{ margin:40px 0; padding:0 10px; }
	#disc-wrap dl{ margin:20px 0 0 0; }
	#disc-wrap dl dt{ margin:0 5px 0 0; }
	#disc-wrap dl dd{ margin:0 0 20px 0px; }

	/** rules-css  **/

	#rules-wrap { padding:0 10px; }
	#rules-wrap p { border-bottom:dotted 1px #000; margin:20px 0 10px 0; padding:0 0 5px 0; }
	#rules-wrap dl { margin:0 0 10px 0; overflow:hidden; padding:0 10px; }
	#rules-wrap dl dt { margin:0 0 10px 0; }
	#rules-wrap dl dd { margin:0 0 10px 0; }
	#rules-wrap dl dd dl{ margin:10px 0 5px 0px; }
	#rules-wrap dl dd dl dt,#rules-wrap dl dd dl dd{ margin:0; }

	img.wink { margin-bottom:10px; }

	/** *************************present************************* **/

	#present-wrap img{ margin:0px 0 20px; }
	#present-wrap .present-label{ background:url(http://www.andydress.com/shop/img/a-line.jpg) bottom left repeat-x; line-height:30px; margin:10px 0 0px; font-size:14px; font-weight:bold; }
	#present-wrap .present-label .square{ font-size:16px; }
	#present-wrap p{ margin:20px 0 20px 0; padding:0 10px; font-size:14px; }
	#present-wrap .p-btn{ text-align:center; margin:50px 0 0 0; }
	#present-wrap .p-btn img { margin:0 20px; }

	.ad-gallery { width: 940px; }
	.ad-gallery,.ad-gallery * { margin: 0; padding: 0; }
	.ad-gallery .ad-image-wrapper { width: 100%; height: 160px; margin-bottom: 10px; position: relative; overflow: hidden; }
    .ad-gallery .ad-image-wrapper .ad-loader { position: absolute; z-index: 10; top: 48%; left: 48%; border: 1px solid #CCC; }
    .ad-gallery .ad-image-wrapper .ad-next { position: absolute; right: 0; top: 0; width: 25%; height: 100%; cursor: pointer; display: block; z-index: 200; }
    .ad-gallery .ad-image-wrapper .ad-prev { position: absolute; left: 0; top: 0; width: 25%; height: 100%; cursor: pointer; display: block; z-index: 200; }
    .ad-gallery .ad-image-wrapper .ad-prev, .ad-gallery .ad-image-wrapper .ad-next { /* Or else IE will hide it */ background: url(trans.gif); }
	.ad-gallery .ad-image-wrapper .ad-prev .ad-prev-image, .ad-gallery .ad-image-wrapper .ad-next .ad-next-image { background: url(ad_prev.png); width: 30px; height: 30px; display: none; position: absolute; top: 47%; left: 0; z-index: 101; }
	.ad-gallery .ad-image-wrapper .ad-next .ad-next-image { background: url(ad_next.png); width: 30px; height: 30px; right: 0; left: auto; }
    .ad-gallery .ad-image-wrapper .ad-image { position: absolute; overflow: hidden; top: 0; left: 0; z-index: 9; }
	.ad-gallery .ad-image-wrapper .ad-image a img { border: 0; }
	.ad-gallery .ad-image-wrapper .ad-image .ad-image-description { position: absolute;  bottom: 0px; left: 0px; padding: 7px; text-align: left; width: 100%; z-index: 2; background: url(opa75.png); color: #000; }
	* html .ad-gallery .ad-image-wrapper .ad-image .ad-image-description { background: none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader (enabled=true, sizingMethod=scale, src='opa75.png'); }
	.ad-gallery .ad-image-wrapper .ad-image .ad-image-description .ad-description-title { display: block; }
	.ad-gallery .ad-controls { height: 20px; }
	.ad-controls{ display:none; }
	.ad-gallery .ad-info { float: left; }
    .ad-gallery .ad-slideshow-controls { float: right; }
	.ad-gallery .ad-slideshow-controls .ad-slideshow-start, .ad-gallery .ad-slideshow-controls .ad-slideshow-stop { padding-left: 5px; cursor: pointer; }
	.ad-gallery .ad-slideshow-controls .ad-slideshow-countdown { padding-left: 5px; font-size: 0.9em; }
    .ad-gallery .ad-slideshow-running .ad-slideshow-start { cursor: default; font-style: italic; }
	.ad-gallery .ad-nav { width: 100%; position: relative; }
    .ad-gallery .ad-forward, .ad-gallery .ad-back { position: absolute; top: 0; height: 100%; z-index: 10; }
    /* IE 6 doesn't like height: 100% */
    * html .ad-gallery .ad-forward, .ad-gallery .ad-back { height: 100px; }
    .ad-gallery .ad-back { cursor: pointer; left: -20px; width: 13px; display: block; background: url(ad_scroll_back.png) 0px 22px no-repeat; }
    .ad-gallery .ad-forward { cursor: pointer;  display: block; right: -20px; width: 13px; background: url(ad_scroll_forward.png) 0px 22px no-repeat; }
    .ad-gallery .ad-nav .ad-thumbs { overflow: hidden; width: 100%; }
	.ad-gallery .ad-thumbs .ad-thumb-list { float: left; width: 9000px; list-style: none; }
	.ad-gallery .ad-thumbs li { float: left; padding-right: 5px; }
	.ad-gallery .ad-thumbs li a { display: block; }
	.ad-gallery .ad-thumbs li a img { border: 3px solid #CCC; display: block; }
	.ad-gallery .ad-thumbs li a.ad-active img { border: 3px solid #616161; }
	/* Can't do display none, since Opera won't load the images then */
	.ad-preloads { position: absolute; left: -9000px; top: -9000px; }

	#foot_s_wrap { display:none; }

	a.topics-link { color: #06F;}
	a.topics-link:visited { color: #d0217d;}


	#pager .pageno{display:block;border:1px solid #000;width:21px;float:left;text-align:center;margin:0 5px 0 0;}
	.pager-wrap{float:left;font-size:10px;margin:0 0 20px 0;}


	#menu li{float:left;width:138px;list-style:none;text-align:center; line-height: 2.5; background-color: #999; color: #fff; border: #fff solid 1px; }
	#menu li:hover{float:left;width:138px;list-style:none;text-align:center; line-height: 2.5; background-color: #ccc; color: #fff; border: #fff solid 1px; }
	#menu li a{ display: block; color: #fff; }
	.product_list{width:320px;float:left;text-align:center;border-bottom:1px dotted #666;padding-bottom:20px;}
	.name{height:120px;margin:20px auto 0;text-align:left;width:300px;}
	#shop{width:640px;overflow:hidden;margin:0 auto;}
	.pagenavi{margin-top:20px;}
	#category{overflow:hidden;}

	div.gm-style { margin: 0 auto; }

	#cate-label{ background:#e6e6e6; height:30px; padding:0px 0 0 20px; border-left: 10px solid #000000; margin: 0 0 20px; line-height: 30px; }
	#menu li.shop-list_action { background-color: #F44e93; }
	#shop div.name p a { color: #DB7093; }
	div.sns-button { margin: 10px 0; }


	div#official-shop { width: 640px; margin: 0 auto;}
	.official-shop { height: 160px; width: 640px; }
	div.product_list.official-shop { float: none; padding: 0 10px 20px;}

	div#shop div.name a,div#official-shop div.name a { color: #F69; }

	span.icon_new { font-size: 11px; padding: 0 29px; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; border:1px solid #dcdcdc; background:-webkit-gradient( linear, left top, left bottom, color-stop(5%, #ff2450), color-stop(100%, #990c0c) ); background:-moz-linear-gradient( center top, #ff2450 5%, #990c0c 100% ); background:-ms-linear-gradient( top, #ff2450 5%, #990c0c 100% ); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff2450', endColorstr='#990c0c'); background-color:#ff2450; color:#f0efed; text-shadow:0px 0px 0px #ffffff; -webkit-box-shadow:inset 0px 0px 5px 0px #ffffff; -moz-box-shadow:inset 0px 0px 5px 0px #ffffff; box-shadow:inset 0px 0px 5px 0px #ffffff; }
span.icon_tsuika {
	font-size: 11px;
	padding: 0 23px;
	border:1px solid #a8e6aa;
	background-color:#16cca8;
	color:#ffffff;
}

span.icon_re_tsuika {
	font-size: 11px;
	padding: 0 23px;
	border:1px solid #a8e6aa;
	background-color:#257e7d;
	color:#ffffff;
}
	span.icon_tsuika-color { font-size: 11px; padding: 0 5px; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; border:1px solid #e6dea8; background:-webkit-gradient( linear, left top, left bottom, color-stop(5%, #f5ed5a), color-stop(100%, #94820c) ); background:-moz-linear-gradient( center top, #f5ed5a 5%, #94820c 100% ); background:-ms-linear-gradient( top, #f5ed5a 5%, #94820c 100% ); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f5ed5a', endColorstr='#94820c'); background-color:#f5ed5a; color:#ffffff; text-shadow:0px 0px 0px #ffffff; 	-webkit-box-shadow:inset 0px 0px 5px 0px #ffffff; -moz-box-shadow:inset 0px 0px 5px 0px #ffffff; box-shadow:inset 0px 0px 5px 0px #ffffff; }

/** ************************* Free 求人情報 ****************** **/

	#reco-wrap{display:none;}
	dl.recruit-dl { width: 600px; float: left; }
	small.g-map_text { clear: both; float: right; margin-top: 10px;}
	small.g-map_text a { color: #454545; font-size: 1em; }
	div#recruit dl dt { clear: left; float: left; line-height: 2; text-align: left; width: 120px; height: 100%; margin: 0 10px 20px 0; background: #edeef2; font-size: 0.9em; padding-left: 10px; }
	div#recruit dl dd { line-height: 2; text-align: left; margin-left: 100px; margin: 0 0 20px 150px; font-size: 0.9em; border-left: #ccc dotted 1px; padding-left: 20px;}
	iframe.g-map { float: right; }


/* ================================================================
	FreePage
================================================================= */

.contents { width: 100%; }
.contents > h2 { margin: 20px 0 40px; font-size: 24px; }
.contents > h3 { text-align: center; position: relative; margin: 50px 0; z-index:10; }
.contents > h3:before { position: absolute; border-top: solid 1px #DCDCDC; border-bottom: solid 1px #FEFEFE; content: ""; top: 50%; left: 0; z-index: -10; width: 100%; }
.contents > h3 > span { display: inline-block; padding: 0 10px; font-size: 20px; color: #282828; line-height: 1.0; text-align: center; background: #fff; font-weight: 700; }

.contents > p { line-height: 2.0; margin: 30px 0; font-size: 14px; }
.contents > p > a { font-size: 14px; font-weight: 700; text-decoration: underline; color: #EA6A7A; }

.thumbList { font-size: 0; }
.thumbList > li { width: 155px; padding: 10px 10px 20px 10px; display: inline-block; vertical-align: top; font-size: 0.75rem; }
.thumbList > li > p { font-size: 12px; margin: 20px 0; }

.thumbList > li > a:hover { opacity: 0.7; }

.movieList { font-size: 0; }
.movieList > li { display: inline-block; width: 33.33%; padding: 0 10px 20px; box-sizing: border-box; }
.movieList > li > p { margin: 10px 0; }
.movieList > li > p > .dlBtn { display: block; text-align: center; padding: 10px; background: #F04399; color: #FFFFFF; border-radius: 5px; }



.box2 {
    padding: 0.5em 1em;
    margin: 2em 0;
    font-weight: bold;
    color: #000000;/*文字色*/
    background: #FFF;
    border: solid 3px #6091d3;/*線*/
    border-radius: 10px;/*角の丸み*/
}
.box2 p {
    margin: 0; 
    padding: 0;
}


	span.icon_senkou { font-size: 11px; padding: 0 07px; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; border:1px solid #d2691e; background:-webkit-gradient( linear, left top, left bottom, color-stop(5%, #f4a460), color-stop(100%, #d2691e) ); background:-moz-linear-gradient( center top, #f4a460 5%, #d2691e 100% ); background:-ms-linear-gradient( top, #f4a460 5%, #d2691e 100% ); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f4a460', endColorstr='#d2691e'); background-color:#f4a460; color:#ffffff; text-shadow:0px 0px 0px #ffffff; -webkit-box-shadow:inset 0px 0px 5px 0px #ffffff; -moz-box-shadow:inset 0px 0px 5px 0px #ffffff; box-shadow:inset 0px 0px 5px 0px #ffffff; }