@charset "utf-8";

/**
 * SMART PHONE STYLE
 * @version 	0.0.6 2012-04-16
 * @author		utix
 * @description
	[ NOTE ]
	0. CONTAINER
	1. HEADER
	2. FOOTER
	3. CONTENTS
	[ FONT SIZE (body=13px) ]
	10px 77%               | 11px 85%
	12px 93% (was 93%)     | 13px 100%
	14px 108% (was 107%)   | 15px 116% (was 114%)
	16px 123.1% (was 122%) | 17px 131% (was 129%)
	18px 138.5% (was 136%) | 19px 146.5% (was 144%)
	20px 153.9% (was 152%) | 21px 161.6% (was 159%)
	22px 167%              | 23px 174%
	24px 182%              | 25px 189%
	26px 197%
*/


/* ----------------------------------------
 * 0. CONTAINER
 * ---------------------------------------- */
html{min-height:360px;}
body{color:#333; height:auto; min-width:320px; min-height:360px; width:100%; overflow:hidden;}
#moreNav{display:none;}
.detail{padding:3px 15px 0 5px;}
#loader span{top:200px;}



/* ----------------------------------------
 * 1. HEADER
 * ---------------------------------------- */
#header {height:42px;}
	#siteID a{display:block; width:100px; height:auto; margin:10px; float:left;}
	#headerNav{position:absolute; top:42px; left:0; width:100%; z-index:100; padding:30px 0 20px 0; background:rgba(0,0,0,.8); display:none;}
	#headerNav a{color:#FFF; display:block; padding:10px 0;}
	#headerNav h2{font-size:153.9%; font-weight:normal !important; margin-bottom:5px; padding-top:5px; text-indent:0% !important; background:none !important; width:auto !important;}
	#headerNav p{line-height:1.4em !important; margin-bottom:0;}
	#headerNav li{zoom:1;}
	#headerNav li:before, #headerNav li:after { content:""; display:block; overflow:hidden; }
	#headerNav li:after { clear:both; }
	#headerNav li .photo{width:48px; height:48px; float:left;}
	#menuNav{position:absolute; bottom:10px; right:0; height:20px; border-left:1px solid #CCC; overflow:visible;}
	#menuNav a{ display:block; padding:15px 15px 15px 15px; margin-top:-12px; background:url(../img/arrow-b-b.gif) no-repeat center 30px;}
	#closeNav{position:absolute; top:60px; right:10px; z-index:200; height:30px; overflow:hidden}
	#closeNav a{color:#FFF; display:block; padding-top:35px; background:url(../img/bg_close.gif) no-repeat center 0; font-size:85%;}

	#headerNav #globalNav , #headerNav #primaryNav{margin:0 10px;}
	#headerNav #globalNav li, #headerNav #primaryNav .primary li{zoom:1; border-bottom:1px solid #222; border-top:1px solid #666;}
	#headerNav #globalNav a, #headerNav #primaryNav .primary a{padding-right:20px; background:url(../img/arrow-l-w-l.png) no-repeat center right;}
	#primaryNav .primary{border-bottom:1px solid #666; margin-bottom:20px;}
	#primaryNav .other a{display:block; padding:10px 0 5px 10px; background:url(../img/arrow-l-w.gif) no-repeat 2px 10px; font-size:93%;}
	#gnHome{border-top:none !important;}
	#gnHome h2{font-size:100%; padding-top:6px;}
	#gnHome p{font-size:93%;}
	#gnHome a{background:none !important;}
	#gnHome .photo{width:25px !important; height:25px !important; margin:0 !important; background:url(../img/bg_nav_sp.png) no-repeat -5px -5px;}
	#gnProducts .photo{background:url(../img/bg_nav_sp.png) no-repeat -5px -50px;}
	#gnGirlsparty .photo{background:url(../img/bg_nav_sp.png) no-repeat -5px -100px;}
	#gnAbout .photo{background:url(../img/bg_nav_sp.png) no-repeat -5px -150px;}
	#gnShop .photo{background:url(../img/bg_nav_sp.png) no-repeat -5px -200px;}
	#pnNewProducts .photo{background:url(../img/bg_nav_sp.png) no-repeat -5px -250px;}
	#pnNewProducts h2{font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif !important; font-weight:bold !important; font-size:123% !important; padding-top:2px;}
	#pnMovie .photo{background:url(../img/bg_nav_sp.png) no-repeat -5px -300px;}
	#pnPresent .photo{background:url(../img/bg_nav_sp.png) no-repeat -5px -350px;}
	#pnArchive .photo{background:url(../img/bg_nav_sp.png) no-repeat -5px -400px;}



/* ----------------------------------------
 * 2. FOOTER
 * ---------------------------------------- */
#footer ul{clear:both; margin-left:10px; margin-top:5px;}
#footer li{float:left; margin-right:10px; padding-top:2px;}
#footer small{width:93%; clear:both; position:absolute; top:20px; right:15px;}
#footer small span{float:left;}


/* ----------------------------------------
 * 3. CONTAINER
 * ---------------------------------------- */
#container{padding:0; position:relative; z-index:1000;}
#categoryTitle{width:100%; position:relative; z-index:100;}
#categoryTitle h1{font-family:"LatoBold", Helvetica, Arial, Verdana, sans-serif !important; font-weight:normal; font-size:197%; line-height:1.5;}
#categoryTitle p{color:#666; vertical-align:middle; line-height:1.5; font-size:85%;}
#categoryTitle img{position:absolute;}
#pageFooter{width:100%; zoom:1; margin-top:10px;}
#pageFooter ul, #pageFooter ol{list-style:none; width:auto; float:left;}
#pageFooter a, #pageFooter span{font-weight:bold; font-size:100%;}
#pageFooter:before, #pageFooter:after { content:""; display:block; overflow:hidden; }
#pageFooter:after { clear:both; }
#pageFooter ul { list-style:none; padding-bottom:0; font-size:93%; height:100%; }
#pageFooter ul li { display:inline; color:#999; }
#pageFooter p{float:right; margin-bottom:0;}
#pageFooter p a{display:block; background:url(../img/bg_pagetop.gif) no-repeat center right; padding-right:20px;}

#container h2.pageTitle{font-size:114%; border-left:3px solid #1ba298; padding-left:6px; margin:0 0 10px 0; }
#container h2.pageTitle_2{font-size:110%; border-left:3px solid #1ba298; padding-left:6px; margin:0 0 10px 0; }

#categoryAbout{width:100%; position:relative; z-index:100;}
#categoryAbout h1{font-family:"LatoBold", Helvetica, Arial, Verdana, sans-serif !important; font-weight:normal; font-size:197%; line-height:1.5;}
#categoryAbout p{color:#666; vertical-align:middle; line-height:1.5; font-size:85%;}
#categoryAbout img{position:absolute;}



/* ----------------------------------------
 * 4. HOME
 * ---------------------------------------- */
#home ul{list-style:none;}
#home #main{width:100%; z-index:200; position:relative; z-index:100; overflow:hidden; background:#000; margin-bottom:-65px;}
#home h1.sp{position:absolute; top:0; left:0; width:37%;}
#home h1.sp img{width:100%;}
#home #container{
border-top:1px solid rgba(255,255,255,0.8);
background:#FFF;
background: -webkit-gradient(linear, left top, left bottom, color-stop(70px, rgba(255,255,255,0.8)), color-stop(0.00, rgba(255,255,255,1)));
background: -webkit-linear-gradient(top, rgba(255,255,255,0.8) 0%, rgba(255,255,255,1) 70px);
background: -moz-linear-gradient(top, rgba(255,255,255,0.8) 0%, rgba(255,255,255,1) 70px);
background: -o-linear-gradient(top, rgba(255,255,255,0.8) 0%, rgba(255,255,255,1) 70px);
background: -ms-linear-gradient(top, rgba(255,255,255,0.8) 0%, rgba(255,255,255,1) 70px);
background: linear-gradient(to bottom, rgba(255,255,255,0.8) 0%, rgba(255,255,255,1) 70px);
}
#home #container #bannerCol{position:relative;}
#home #container #bannerCol .event{width:100px; height:100px; position:absolute; top:-80px; left:10px;}
#home #container #bannerCol .event img{position:absolute; top:0; left:0;}
#home #container #bannerCol .event .eventIMG{width:110px;}

#home #container #bannerCol .tieup{width:100px; height:100px; position:absolute; top:-80px; left:10px;}
#home #container #bannerCol .tieup img{position:absolute; top:0; left:0;}
#home #container #bannerCol .tieup .tieupIMG{width:110px;}
#home #container #bannerCol .tip{position:absolute; top:-20px; left:0; display:block; width:100%;}

#home .productsCol a, #home .looksCol a, #home .presentCol a, #home .aboutCol a, #home .shopCol a{position:relative; display:block; padding:10px; border-bottom:1px solid #d9d9d9; background:url(../img/arrow-l-b-l.png) no-repeat center right;}
#home .productsCol h2, #home .looksCol h2, #home .presentCol h2, #home .aboutCol h2,
#home .shopCol h2,#home .girlsPartyCol h2{ font-size:136% !important;}
#home .productsCol p, #home .looksCol p, #home .presentCol p, #home .aboutCol p,
#home .shopCol p{margin-bottom:0; font-size:85%;}

#home .girlsPartyCol{padding:10px; border-bottom:1px solid #d9d9d9; overflow:hidden;}
#home .girlsPartyCol p{margin-bottom:0; font-size:85%;}
/*#home .girlsPartyCol h2{float:left;
	display:block; white-space: nowrap; overflow: hidden; border-left:3px solid #02a298; margin-right:10px; font-size:114%; padding:2px 0 0 5px;}*/
#home .girlsPartyCol .news{clear:both; margin-top:10px;}
#home .girlsPartyCol li{line-height:1.4; clear:both;}
#home .girlsPartyCol .photo{width:45%; float:left;}
#home .girlsPartyCol .photo img{width:100%;}
#home .girlsPartyCol h3{margin:10px 0 0 10px; float:left; width:45%; font-size:97%;}
#home .girlsPartyCol .news p{margin:15px 0 0 10px; float:left; width:50%; font-size:100%; line-height:180%;}
#home .girlsPartyCol .news a{display:block;}
#home .girlsPartyCol .news a:before, #home .girlsPartyCol .news a:after{ content:""; display:block; overflow:hidden; font-size:1px;}
#home .girlsPartyCol .news a:after{ clear:both; }
#home .girlsPartyCol p.sp{padding-top:3px;}

#home .newproductsCol {margin:15px 0 15px 15px;padding:5px 7px 5px 5px; position:relative;float:left;width:41%; border:1px solid #d9d9d9;}
#home .newproductsCol:before, #home .newproductsCol:after { content:""; display:block; overflow:hidden; font-size:1px;}
#home .newproductsCol:after { clear:both; }
#home .newproductsCol .photo{ width:100%; border:1px solid #d9d9d9; overflow:hidden; position:relative;}
#home .newproductsCol .photo ul{list-style:none;}
#home .newproductsCol .photo li{text-align:center; float:left; margin:0;}
#home .newproductsCol .photo img{height:100px; width:auto; display:inline;}
#home .newproductsCol h2{ position:absolute; top:3px; left:0; font-family:"LatoBold", Helvetica, Arial, Verdana, sans-serif !important; font-weight:normal; background:#1ba298; color:#FFF; padding:5px; line-height:1; font-size:90%;}
#home .newproductsCol h2 span{font-size:80% !important; display:block; padding-top:3px;}
#home .newproductsCol h3{margin:10px 0 0 0; font-size:97%;}
#home .newproductsCol p{margin:5px 0 0 0; font-size:93%;}

#home .infoCol{padding:15px 0 0 10px; border-bottom:1px solid #d9d9d9;}
#home .infoCol h2{border-left:3px solid #02a298; font-size:114%; padding:2px 0 0 5px; margin-bottom:10px;}
#home .infoCol strong{display:block; font-size:93%;}
#home .infoCol li{ display:block; border-top:1px solid #d9d9d9; padding-top:7px; margin-bottom:5px;}

#home .banner{padding:15px 15px 15px 0;float:right;width:44%;}
	#home .banner img.tablet-sp, #home .banner .sp img{width:100%; display:block; border:1px solid #ccc;}
	#home .banner:before, #home .banner:after { content:""; display:block; overflow:hidden; }
	#home .banner:after { clear:both; }
	#home .banner li{width:100%; float:left; margin-right:10px; margin-bottom:5px;}
	#home .banner li.other{margin-bottom:10px;}



/* ----------------------------------------
 * 5. PRODUCTS
 * ---------------------------------------- */
/* LINEUP */
#products #lineupCol2{width:100%; margin-top:10px; /padding-right:5px; zoom:1;}
#products #lineupCol2 ul{list-style:none;}
#products #lineupCol2:before, #products #lineupCol2:after { content:""; display:block; overflow:hidden; }
#products #lineupCol2:after { clear:both;}
#products #lineupCol2 .col{width:50%; float:left; overflow:hidden;}
#products #lineupCol2 .col div{margin:1px; background:#FFF;}
#products #lineupCol2 .category .wat{margin:0; text-align:center;}
#products #lineupCol2 .category img{width:80%; display:block; margin:0 auto;}
#products #lineupCol2 .category .heightFix div{padding:10px; padding-bottom:0;}
#products #lineupCol2 .category h2{font-family:"LatoBold", Helvetica, Arial, Verdana, sans-serif !important; font-weight:normal; margin-top:10px;}
#products #lineupCol2 .category p{font-size:93%;}
#products #lineupCol2 .photo div{position:relative; overflow:hidden;}
#products #lineupCol2 .photo img{position:absolute; top:0; left:-26%; height:130%; margin-top:-15px;}
#products #lineupCol2 .photo img.jerry-marine{left:-40%; margin-top:-75px;}
#products #lineupCol2 .col.blank{display:none;}

/* COLLECTION */
#products #categoryNav{width:100%; border-left:1px solid #b3b3b3; width:100%; zoom:1; list-style:none; margin-top:10px;}
#products #categoryNav:before, #products #categoryNav:after { content:""; display:block; overflow:hidden; }
#products #categoryNav:after { clear:both; }
#products #categoryNav li{float:left; border-right:1px solid #b3b3b3; overflow:visible; width:33%; text-align:center;}
#products #categoryNav a{display:inline-block; padding:5px 0 5px 20px; font-weight:bold; height:20px; position:relative; margin:-3px 0 -5px 0; width:auto; margin:0 auto; font-size:85%;}
#products #categoryNav a:hover{text-decoration:none;}
#products #categoryNav .current a{opacity:.5;}
#products #categoryNav .line{width:100%; height:0; position:absolute; bottom:2px; left:0; display:block; background:#666;}
#products #categoryNav .current .line{ height:2px;}
	#products #cnLineup a{background:url(../../products/img/nav_icon.png) no-repeat -7px -2px;}
	#products #cnCollection a{background:url(../../products/img/nav_icon.png) no-repeat -7px -32px;}
	#products #cnCatalog a{background:url(../../products/img/nav_icon.png) no-repeat -7px -62px;}

#products.collection #pageFooter{ border-top:1px solid #b3b3b3; padding-top:15px;}
#products #collectionContainer{margin-bottom:10px;}
#products #container{padding:10px;}
#products #collectionNav{margin-top:10px;}
#products #collectionNav ul{list-style:none; margin-bottom:15px;}
#products #productNav{background:#FFF; zoom:1; position:relative; z-index:200;}
#products #productNav:before, #products #productNav:after { content:""; display:block; overflow:hidden; }
#products #productNav:after { clear:both; }
#products #productNav li{float:left; font-weight:bold; position:relative; width:50%; text-align:center;}
#products #productNav a{font-size:85%;}
#products #productNav a{display:block; padding:10px 0; width:100%; background:url(../../products/collection/img/pn_nav_arrow-b.gif) center bottom no-repeat;}
#products #productNav a:hover{text-decoration:none;}
#products #productNav li ul{position:absolute; top:35px; left:0; background:#FFF; width:auto; padding:5px 0; display:none; overflow:hidden;}
#products #productNav li li{border:none; clear:both; text-align:left; width:auto;}
#products #productNav li li a{background:none !important; padding:5px; font-weight:normal; font-size:93%; color:#FFF;}
#products #productNav li li a:hover{text-decoration:underline;}
#products #productNav li li .tip{width:10px; height:10px; background:#FFF; float:left; margin:2px 5px 0 0; border:1px solid #d9d9d9;}
#products #productNav li .current .tip{border-color:#FFF; background:transparent url(../../products/collection/img/bg_check_01.gif);}

#products #productNav .lnSeries ul{background:#1ba298; width:180px;}
#products #productNav .lnSeries .tip{background:#60beb7; border-color:#91d2cd;}
#products #productNav .lnSeries .current .tip{background:transparent url(../../products/collection/img/bg_check_02.gif); border-color:#FFF;}
#products #productNav .lnFav{float:right; border:none; border-left:1px solid #d9d9d9;}
#products #productNav .lnFavNum{float:right; border:none;}
#products #productNav .lnFavNum span{display:block; float:left; padding:8px 20px 0px 20px; font-weight:normal; font-size:93%;}
#products #productNav .lnFavNum span strong{font-size:140%; color:#1ba298;}
#products #productNav .lnSeries{background:#1ba298; border:none;}
#products #productNav .lnSeries a{color:#FFF; background:url(../../products/collection/img/pn_nav_arrow-w.gif) center bottom no-repeat;}
#products #productNav .lnColor a,
#products #productNav .lnView a,
#products #productNav .lnFunc a{background:url(../../products/collection/img/pn_nav_arrow-b.gif) center bottom no-repeat;}
#products #productNav .black .tip{background:#000;}
#products #productNav .current .black .tip{background-color:#000}
#products #productNav .blue .tip{background:#36f;}
#products #productNav .current .blue .tip{background-color:#039}
#products #productNav .green .tip{background:#0c6;}
#products #productNav .current .green .tip{background-color:#063}
#products #productNav .red .tip{background:#f00;}
#products #productNav .current .red .tip{background-color:#900}
#products #productNav .brown .tip{background:#f93;}
#products #productNav .current .brown .tip{background-color:#930}
#products #productNav .purple .tip{background:#f6f;}
#products #productNav .current .purple .tip{background-color:#909}
#products #productNav .gray .tip{background:#666;}
#products #productNav .current .gray .tip{background-color:#333}
#products #productNav .current .white .tip{background-color:#666}
#products #productNav .gold .tip{background:#c90;}
#products #productNav .current .gold .tip{background-color:#960;}

#products #productNav .lnMore{position:relative;}
#products #productNav .lnMore ul{display:block; position:static; top:auto; left:auto; background:none}
#products #productNav .lnMore div.more{width:100%; height:0; position:absolute; background:rgba(0,0,0,0.8); color:#FFF; text-align:left !important; display:none; overflow:hidden;}
#products #productNav .lnMore div.more h3{border-top:1px solid #666; padding:10px 10px 0 10px;}
#products #productNav .lnMore div.more ul{margin:0 10px;}

#products .pager{zoom:1; width:100%; padding:0 0 10px 0; font-size:100%}
#products .pager:before,.pager:after { content:""; display:block; overflow:hidden; }
#products .pager:after { clear:both; }
#products .pager p.volume{float:right; width:auto; margin-bottom:0;}
#products .pager span{margin-right:10px;}
#products .pager strong{font-size:152%; margin-right:5px;}
#products .pager ol{float:left; list-style:none; text-align:left;}
#products .pager ol li{display:inline-block; /display:inline; /zoom:1; margin-right:10px;}
#products .pager ol a{display:inline-block; /display:inline; /zoom:1; padding:7px 8px; color:#FFF !important; line-height:1; font-size:93%;
	background:rgba(0,0,0,.8);
	/background:url(../img/bg_primary-nav.png);
}
#products .pager ol a:hover{text-decoration:none;}
#products .pager ol a.current{background:#FFF; color:#999 !important;}
#products .pager ul{display:none;}

#products .category .txt{background:#FFF; padding:30px; margin:1px;}
#products .model, #products .model ul{list-style:none;}
#products .model{zoom:1; width:100%; /padding-right:5px; margin-bottom:20px;}
#products .model:before,.model:after { content:""; display:block; overflow:hidden; }
#products .model:after { clear:both;}
#products .model li{float:left; width:50%;}
#products .model li li{clear:both; width:100%;}
#products .model li .productWrap{background:#FFF; margin:1px;}
#products .model .photo{width:100%; position:relative; padding-bottom:10px;}
#products .model .photo img{width:100%;}
#products .model .photo .zoom{position:absolute; right:10px; bottom:10px; font-size:77%;}
#products .model .photo .zoom{display:block; background:#FFF url(../../products/collection/img/bg_zoom.gif) no-repeat; padding:3px 0 0 16px;}
#products .model .fav{ display:none;}
#products .model .productData{margin:-5px 10px 0 10px; border-top:1px solid #d9d9d9; padding:10px 5px 5px 5px; position:relative;}
#products .model .productData h3{margin-bottom:5px; padding-left:5px; font-size:93%; border-left:3px solid #1ba298;}
#products .model .productData li{font-size:85%; margin-bottom:5px;}
#products .model .productData li span{border:1px solid #EEE; padding:3px 5px; margin-right:5px; font-size:85%;}
#products .model .productData .detail{ display:inline-table; clear:both;}

#products .model li .func,
#products .model li .size{display:none;}
#products .error{width:100%; margin-bottom:10px;}
#products .error div{margin:1px; background:#FFF; text-align:center; padding:60px 0 500px 0;}

#products .model li.thumbnail.looks .productData{display:none;}
#products .model li.thumbnail.looks .photo{height:100%; position:relative; overflow:hidden; padding-bottom:0;}
#products .model li.thumbnail.looks .photo img{height:100%; width:auto; position:absolute; top:0; left:-20%;}
#products .model li.list.looks .productData{display:none;}
#products .model li.list.looks .photo{height:100%; position:relative; overflow:hidden; padding-bottom:0;}
#products .model li.list.looks .photo img{height:100%; width:auto; position:absolute; top:0; left:0%;}
	/* CATEGORY TITILE */
	#products .categoryTitle{zoom:1; /padding-right:5px; position:relative;}
	#products .categoryTitle:before, #products .categoryTitle:after { content:""; display:block; overflow:hidden; }
	#products .categoryTitle:after { clear:both; }

	#products .categoryTitle .txt{width:100%; zoom:1; line-height:1.6;}
	#products .categoryTitle .photoWrap{background:#000; margin:1px; height:12em}
	#products .categoryTitle .txtWrap{background:#FFF; margin:1px;}
	#products .categoryTitle .txtWrap div{padding:15px;}
	#products .categoryTitle .txtWrap h1{font-family:"LatoBold", Helvetica, Arial, Verdana, sans-serif !important; font-weight:normal; font-size:197%; margin-bottom:5px; line-height:1.3;}
	#products .categoryTitle .txtWrap h2{margin-top:20px;}
	#products .categoryTitle .txtWrap h3{font-size:85%; color:#999;}
	#products .categoryTitle .txtWrap p{font-size:93%;}
	#products .categoryTitle .sub{font-size:90%;}

	#products #neon-marine.categoryTitle .txtWrap .sub{position:relative;padding:0;z-index:2;}
	#products #neon-marine.categoryTitle .txtWrap .sub img.pc_img{display:none;}
	#products #neon-marine.categoryTitle .txtWrap .sub2{position:relative;width:60%;padding:0;z-index:2;}
	#products #neon-marine.categoryTitle .txtWrap .sub_l{float:left; padding:0;z-index:2; width:60%;}

	#products #neon-marine.categoryTitle .txtWrap .sub .sub_l .sub{height:auto;z-index:2;}
	#products #neon-marine.categoryTitle .txtWrap .sub_l img{display:block;margin:0 auto;}
	#products #neon-marine.categoryTitle .txtWrap .sub_r{float:left; width:30%; padding:0;z-index:2;margin-top:30px; margin-left:10px}
	#products #neon-marine.categoryTitle .txtWrap .sub_r h3,#products #neon-marine .txtWrap .sub_r p{z-index:2;padding-top:5px;}
	#products #neon-marine.categoryTitle .txtWrap img.bg{position:absolute;bottom:1%;left:20px;z-index:1;width:45%;}
	#products #neon-marine.categoryTitle .txtWrap .clear{}

	#products #neon-dial.categoryTitle .txtWrap .sub{position:relative;padding:0;z-index:2;}
	#products #neon-dial.categoryTitle .txtWrap .sub img.tb_img{display:none;}
	#products #neon-dial.categoryTitle .txtWrap .sub2{position:relative;width:60%;padding:0;z-index:2;}
	#products #neon-dial.categoryTitle .txtWrap .sub_l{padding:0;z-index:2;}

	#products #neon-dial.categoryTitle .txtWrap .sub .sub_l .sub{height:auto;z-index:2;}
	#products #neon-dial.categoryTitle .txtWrap .sub_l img{display:block;margin:0 auto;}
	#products #neon-dial.categoryTitle .txtWrap .sub_r{position:relative;padding:0;z-index:2;}
	#products #neon-dial.categoryTitle .txtWrap .sub_r h3,#products #neon-dial .txtWrap .sub_r p{z-index:2;padding-top:5px;}
	#products #neon-dial.categoryTitle .txtWrap .clear{padding:0;}

#products #neon-marine .photoWrap{background:#000 url(../../products/collection/img/bg_photo_neon-marine_sp.jpg) center center no-repeat; background-size:100%;}
#products #jerry-marine .photoWrap{background:#000 url(../../products/collection/img/bg_photo_jerry-marine_sp.jpg) center center no-repeat; background-size:100%;}
#products #neon-dial .photoWrap{background:#000 url(../../products/collection/img/bg_photo_neon-dial_sp.jpg) center center no-repeat; background-size:100%;}
#products #energetic-colors .photoWrap{background:#000 url(../../products/collection/img/bg_photo_energetic-colors_sp.jpg) center center no-repeat; background-size:100%;}
#products #g-lide .photoWrap{background:#000 url(../../products/collection/img/bg_photo_g-lide_sp.jpg) center center no-repeat; background-size:100%;}
#products #tripper .photoWrap{background:#000 url(../../products/collection/img/bg_photo_tripper_sp.jpg) center center no-repeat; background-size:100%;}
#products #basic .photoWrap{background:#000 url(../../products/collection/img/bg_photo_basic_sp.jpg) center center no-repeat; background-size:100%;}
#products #shell-pink-colors .photoWrap{background:#000 url(../../products/collection/img/bg_photo_shell-pink-colors_sp.jpg) center center no-repeat; background-size:100%;}

/* CATALOG */
#products #catalogCol{width:100%; margin-top:10px;}
#products #catalogCol .photo, #products #catalogCol .txt{width:100%;}
#products #catalogCol .photo img{display:block; width:100%; margin:0 auto;}
#products #catalogCol .photo div,
#products #catalogCol .txt div{margin:1px; background:#FFF;}
#products #catalogCol .txt .txtWrap{padding:15px;}
#products #catalogCol .txt h1{display:none;}
#products #catalogCol .txt a{text-decoration:underline;}



/* ----------------------------------------
 * 6. LOOKS
 * ---------------------------------------- */
#looks #container{width:100%; height:100%; background-image:none; margin:0;}
#looks #container ul{list-style:none;}
#looks #container li{zoom1;}
#looksCol img{display:block;-ms-interpolation-mode: bicubic;}
#looksCol{width:auto; margin-right:0px; position:relative; overflow:hidden; z-index:100;}
#looks #looksTitle{display:none;}

	#looksCol #photoCol ul{zoom:1;}
	#looksCol #photoCol ul:before,#looksCol #photoCol ul:after { content:""; display:block;}
	#photoCol ul:after { clear:both; }
	#looksCol #photoCol img{width:100%;}
	#looksCol #photoCol li{float:left; width:100%; overflow:hidden;}
	#looksCol #watCol{ position:absolute; bottom:0; right:0; line-height:1.5; width:100%; height:30px; background: rgba(27, 162, 152, .8);}
	#looksCol #watCol li{line-height:1.5; position:absolute; bottom:0; left:0; text-align:right;}
	#looksCol #watCol img{position:absolute; bottom:0; left:0; width:60px;}
	#looksCol #watCol p{position:absolute; bottom:3px; left:70px; color:#FFF; font-weight:bold; margin-bottom:0; width:200px;}
	#looksCol #watCol p span{font-size:85%; padding:3px; float:left;}
	#looksCol #watCol .detail{background:#FFF url(../img/ico_detail_g.gif) no-repeat right center; color:#1ba298 !important; display:block; float:left; padding-right:15px; top:0; left:0;}
	#looksCol #watCol p .new{background:#FFF; color:#1ba298 !important; font-size:85%; padding:3px; display:block; float:left; position:relative; top:0; left:0;}
	#looksCol #watCol a:hover{text-decoration:none;}

	#looksCol #shareCol{position:absolute; top:10px; left:10px; width:70px; height:70px; background:rgba(27,162,152, .8); /background:url(../img/bg_share.png);}
	#looksCol #shareCol h2{font-family:"LatoBold", Helvetica, Arial, Verdana, sans-serif !important; color:#FFF; text-align:left; position:absolute; top:10px; right:10px; text-align:right; line-height:1; zoom:1; font-size:122%;}
	#looksCol #shareCol #sharePlus{background:url(../../looks/img/ico_plus.gif) center center; width:20px; height:20px; position:absolute; top:-5px; left:-5px;}
	#looksCol #shareCol #shareBtn{background:#FFF; width:90px; height:85px; position:absolute; top:0; left:70px; overflow:hidden; position:relative;}
	#looksCol #shareCol #shareBtn li.share{position:absolute; top:10px; right:10px; text-align:right;}

#looksCol #pageNav .prev,#pageNav .next{display:block; position:absolute; width:30px; height:100%; cursor: pointer;}
#looksCol #pageNav .prev span,
#looksCol #pageNav .next span{display:block; width:30px; height:100%; position:absolute;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
}
#looksCol #pageNav .next{top:0; right:0;}
#looksCol #pageNav .prev{top:0; left:0;}
#looksCol #pageNav .next span.arrow{top:0; right:0; background:url(../../looks/img/arrow_right.png) no-repeat center center;}
#looksCol #pageNav .prev span.arrow{top:0; left:0; background: url(../../looks/img/arrow_left.png) no-repeat center center;}
#looksCol #pageNav .number{position:absolute; bottom:35px; left:0; width:100%; text-align:center;}
#looksCol #pageNav .number li{display:inline-block; width:16px; overflow:hidden;}
#looksCol #pageNav .number a{display:block; width:20px; height:20px; overflow:hidden; background:url(../../looks/img/bg_pointer.png) no-repeat 0 0;
	text-indent: 100%; white-space: nowrap; overflow: hidden;
}
#looksCol #pageNav .number a.current,
#looksCol #pageNav .number a:hover{background-position:0 -20px;}

#snapCol{display:none;}



/* ----------------------------------------
 * 7. ABOUT
 * ---------------------------------------- */
#about #container{padding:10px;}

#about #aboutCol{width:100%; margin-top:10px;}
#about #aboutCol .about-col{width:100%; float:left;}
#about #aboutCol .about-col-all{width:100%; float:left;}
#about #aboutCol .about-area{background:#FFF; margin:1px;}
#about #aboutCol .about-area .aboutWrap{padding:20px 15px;}
#about #aboutCol .about-area .aboutWrap.aboutTop{padding:0;}
#about #aboutCol .about-area .aboutWrap.aboutTop h1{width:auto !important; height:auto !important; background:none !important; text-indent:0 !important; padding-bottom:0 !important;}
#about #aboutCol .about-area .aboutWrap.aboutTop h1 img {display:block;width:100%;}
#about #aboutCol .about-area .aboutWrap.aboutTop p {margin-bottom:0; font-size:85%; text-align:left !important; font-weight:bold; line-height:1.8;}
#about #aboutCol .about-area .aboutWrap ul li{list-style:none;}

#about #aboutCol h2.pageTitle{margin-bottom:11px; padding:5px 0 5px 7px; line-height:1.2; border-left:3px solid #1BA298; display: block;}
#about #aboutCol h3{padding-bottom:5px; font-size:93%; line-height:1.2; color:#1BA298;}

#about #aboutCol .about-area .aboutWrap .about-col-area .about-col-img {width:50%; float:right;}
#about #aboutCol .about-area .aboutWrap .about-col-area .about-col-img img {width:100%;}
#about #aboutCol .about-area .aboutWrap .about-col-area .about-col-txt {width:45%; font-size:85%; float:left;}
#about #aboutCol .about-area .aboutWrap .about-col-area p{margin-bottom:0;}

#about #aboutCol .about-area .aboutWrap .about-col-area,
#about #aboutCol .about-area .aboutWrap.aboutTop{zoom:1;}
#about #aboutCol .about-area .aboutWrap .about-col-area:before,
#about #aboutCol .about-area .aboutWrap .about-col-area:after,
#about #aboutCol .about-area .aboutWrap.aboutTop:before,
#about #aboutCol .about-area .aboutWrap.aboutTop:after{content:""; display:block; overflow:hidden;}
#about #aboutCol .about-area .aboutWrap .about-col-area:after,
#about #aboutCol .about-area .aboutWrap.aboutTop:after{clear:both;}



/* ----------------------------------------
 * 8. SHOP
 * ---------------------------------------- */
#shop #categoryTitle .shop01{right:-80px; top:0; width:150px;}
#shop #categoryTitle .shop02{right:-40px; top:-40px; width:130px;}
#shop #container{padding:10px;}

#shop #shopCol{width:100%; margin-top:10px;}
#shop #shopCol .shop{width:100%;}
#shop #shopCol .shop div{background:#FFF; margin:1px;}
#shop #shopCol .shop .shopWrap{padding:19px 14px 9px;}

#shop #shopCol h2.pageTitle{margin-bottom:11px; padding:5px 0 5px 7px; line-height:1.2; border-left:3px solid #1BA298; display: block;}
#shop #shopCol h3{margin:12px 0 5px; font-size:93%; line-height:1.2; color:#1BA298;}

#shop #shopCol .shoplist li{width:48%; list-style:none;}
#shop #shopCol .shoplist li.li-l{float:left;}
#shop #shopCol .shoplist li.li-r{float:right;}
#shop #shopCol .shoplist li span{text-align:center; display:block;}
#shop #shopCol .shoplist li img{display:block;}
#shop #shopCol .shoplist li img.shoppho{width:100%;}
#shop #shopCol .shoplist li h3,
#shop #shopCol .shoplist li p{font-size:93%;}
#shop #shopCol .shoplist li p a.map{background:#1ba298 url(../../common/img/ico_detail.gif) no-repeat center right; color:#FFF; padding:3px 15px 3px 5px; font-size:93%; color:#FFF !important; font-family:"LatoBold", Helvetica, Arial, Verdana, sans-serif !important; font-weight:normal; text-decoration:none !important;}
#shop #shopCol .shoplist li p a.map:hover{text-decoration:underline !important;}
#shop #shopCol .shoplist li.shopfst{margin-right:9px;}
#shop #shopCol .shoplist li.shopsnd{margin-left:9px;}

#shop #shopCol .shoplist{zoom:1;}
#shop #shopCol .shoplist:before,
#shop #shopCol .shoplist:after{content:""; display:block; overflow:hidden;}
#shop #shopCol .shoplist:after{clear:both;}

#shop #shopCol table{width:100%; font-size:93%; border-top:1px solid #e6e6e6;}
#shop #shopCol table a{color:#1ba298;}
#shop #shopCol table a:hover{text-decoration:none;}
#shop #shopCol td,
#shop #shopCol th{padding:5px; border-bottom:1px solid #e6e6e6;}
#shop #shopCol table th{width:20%; text-align:left;}
#shop #shopCol .even td,
#shop #shopCol .even th{background:#f2f2f2;}



/* ----------------------------------------
 * 9. MOVIE
 * ---------------------------------------- */
#movie #container{padding:10px;}

#movie #movieCol{width:100%; margin-top:15px; /padding-right:5px;}
#movie #movieCol .movie-col{width:100%;}
#movie #movieCol .movie-area{background:#FFF; margin:1px;}
#movie #movieCol .movie-area .movieWrap{padding:15px;}
#movie #movieCol .movie-area .movieWrap .movie-vs {text-align:center;}
#movie #movieCol .movie-area .movieWrap .movie-vs img,
#movie #movieCol .movie-area .movieWrap .movie-vs video{width:100%; height:auto;}
#movie #movieCol .movie-area .movieWrap .movie-vs #movie_promotion {position:relative; padding-bottom:56.25%; padding-top:30px; height:0; height:0;}
#movie #movieCol .movie-area .movieWrap .movie-vs #movie_promotion iframe{position:absolute; top:0; left:0; width:100%; height:100%;}
#movie_promotion, #movie_comment{height:auto;}
#movie #movieCol .movie-area .movie-profile .movie-pho img{width:100%;}
#movie #movieCol .movie-area .movie-profile .movie-txt h3{margin:1em 0 0.5em; font-size:93%; line-height:1.2; color:#1BA298;}
#movie #movieCol .movie-area .movie-profile {zoom:1;}
#movie #movieCol .movie-area .movie-profile:before,
#movie #movieCol .movie-area .movie-profile:after{content:""; display:block; overflow:hidden;}
#movie #movieCol .movie-area .movie-profile:after{clear:both;}
#movie .cl{display:none;}



/* ----------------------------------------
 * 10. PRESENT
 * ---------------------------------------- */
#present #categoryTitle .pcPhoto{position:absolute; top:-50px; right:-18px; width:150px;}
#present #categoryTitle .spPhoto{position:absolute; top:-5px; right:120px; width:40px;}

#present #container{padding:10px;}

#present #wallCol{width:100%; margin-top:10px;}
#present #wallCol .wall{width:100%;}
#present #wallCol .wall-all{width:100%;}
#present #wallCol .wall-area{background:#FFF; margin:1px;}
#present #wallCol .wall-area .wallWrap{padding:19px 14px 10px;}
#present #wallCol .wall-area .wallWrap ul li{list-style:none;}

#present #wallCol .wallWrap .sp-area {width:55%; float:right;}

#present #wallCol h2.pageTitle{margin-bottom:11px; padding:5px 0 5px 7px; line-height:1.2; border-left:3px solid #1BA298; display: block;}
#present #wallCol h3{padding:5px 0; font-size:93%; line-height:1.2; color:#1BA298;}

#present #wallCol .wallWrap .wall-oth .wall-oth-li {padding-bottom:10px;}
#present #wallCol .wallWrap .wall-oth .wall-oth-li-end {padding-bottom:10px;}

#present #wallCol .wall-pho{width:40%; float:left;}
#present #wallCol .wall-pho img {width:100%; display:block;}
#present #wallCol .wallWrap .wall-btn ul{margin-bottom:10px;}
#present #wallCol .wallWrap .wall-btn li{padding-bottom:10px; width:120px;}
#present #wallCol .wallWrap .wall-btn li a {font-size:93%; display:block;}
#present #wallCol .wallWrap .wall-btn li a{color:#FFF; padding:7px 10px 5px 25px; color:#FFF; line-height:12px; text-align:center; font-family:"LatoBold", Helvetica, Arial, Verdana, sans-serif; text-decoration:none;}
#present #wallCol .wallWrap .wall-btn .wall-day li a.pngfix{background:#1ba298 url(../../common/img/ico_dl.png) no-repeat 10px center;}
#present #wallCol .wallWrap .wall-btn .wall-ngt li a.pngfix{background:#000 url(../../common/img/ico_dl.png) no-repeat 10px center;}
#present #wallCol .wallWrap .wall-btn .wall-gls li a{padding:7px 10px 5px 25px;}
#present #wallCol .wallWrap .wall-btn .wall-gls1 li a.pngfix{background:#fe0096 url(../../common/img/ico_dl.png) no-repeat 10px center;}
#present #wallCol .wallWrap .wall-btn .wall-gls2 li a.pngfix{background:#cd975b url(../../common/img/ico_dl.png) no-repeat 10px center;}
#present #wallCol .wallWrap .wall-btn .wall-gls3 li a.pngfix{background:#000 url(../../common/img/ico_dl.png) no-repeat 10px center;}
#present #wallCol .wallWrap .wall-btn li a:hover{text-decoration:underline !important;}
#present #wallCol .wallWrap .wall-oth .wall-btn {padding:0 0 !important;}
#present #wallCol .wallWrap ol.num{margin-left:20px; padding-left:0.21em;}
#present #wallCol .wallWrap ol.num li{margin-bottom:5px;}

#present #wallCol .wall-area .wallWrap,
#present #wallCol .wallWrap .wall-oth .wall-oth-li,
#present #wallCol .wallWrap .wall-oth .wall-oth-li-end{zoom:1;}
#present #wallCol .wall-area .wallWrap:before,
#present #wallCol .wall-area .wallWrap:after,
#present #wallCol .wallWrap .wall-oth .wall-oth-li:before,
#present #wallCol .wallWrap .wall-oth .wall-oth-li:after,
#present #wallCol .wallWrap .wall-oth .wall-oth-li-end:before,
#present #wallCol .wallWrap .wall-oth .wall-oth-li-end:after{content:""; display:block; overflow:hidden;}
#present #wallCol .wall-area .wallWrap:after,
#present #wallCol .wallWrap .wall-oth .wall-oth-li:after,
#present #wallCol .wallWrap .wall-oth .wall-oth-li-end:after{clear:both;}



/* ----------------------------------------
 * 11. CONTACT
 * ---------------------------------------- */
#contact #container{padding:10px;}

#contact #contactCol{width:100%; margin-top:10px;}
#contact #contactCol .contact-col-all{width:100%;}
#contact #contactCol .contact-col{width:100%;}
#contact #contactCol .contact-area{background:#FFF; margin:1px;}
#contact #contactCol .contact-area .contactWrap-all{padding:19px 14px 9px;}
#contact #contactCol .contact-area .contactWrap{padding:19px 14px 9px;}
#contact #contactCol .contact-area .contactWrap ul li{list-style:none;}

#contact #contactCol h2.pageTitle{margin-bottom:11px; padding:5px 0 5px 7px; line-height:1.2; border-left:3px solid #1BA298; display: block;}
#contact #contactCol h3{padding-bottom:5px; font-size:93%; line-height:1.2; color:#1BA298;}



/* ----------------------------------------
 * 12. 2012TIEUP
 * ---------------------------------------- */
#tieup #wrap{background:url(../../2012tieup/img/bg_tieup.jpg) repeat;}

#tieup #tieupCol{width:100%; margin-top:10px}
#tieup #tieupCol.top{background:none;}
#tieup #tieupCol .tieup-col{margin:0 10px; background:#fff;padding-top:20px;}
#tieup #tieupCol .tieup-col p{margin:0 15px 15px 15px;}
#tieup #tieupCol h2.pageTitle,#tieup #tieupCol h3.pageTitle{margin:0 0 11px 10px; padding:5px 0 5px 7px; font-size:123%; line-height:1.2; border-left:3px solid #1BA298; display: block;}
#tieup #tieupCol h3.pageTitle{margin:0 15px 11px 15px;}
.detail-shadow{width:100%; float:left;margin:0;position:relative;}
#tieup #tieupCol .tieup-col h2{padding:0 0 10px 10px;}
#tieup #tieupCol .tieup-col .center{text-align:center;margin:0 15px;}
#tieup #tieupCol .tieup-col img.w100{width:100%;}
#tieup #tieupCol .tieup-col-all{width:100%; float:left;}
#tieup #tieupCol .tieup-area{margin:1px;padding:0;}
#tieup #tieupCol .tieup-area .tieupWrap.tieupTop{background:url(../../2012tieup/img/bg_concept_s.png) center 60px no-repeat;}
#tieup #tieupCol .tieup-area .tieupWrap.tieupTop h1 {margin:0 10px;line-height:1.3;font-family:"LatoBold", Helvetica, Arial, Verdana, sans-serif !important; font-size:123% !important; font-weight:normal; text-align:left !important;}
#tieup #tieupCol .tieup-area .tieupWrap.tieupTop h1 span {font-size:200%;}
#tieup #tieupCol .tieup-area .tieupWrap.tieupTop p.lead {position:absolute;width:1px;height:1px;text-indent:-9999px;overflow:hidden;}
#tieup #tieupCol .tieup-area .tieupWrap.tieupTop p {padding:436px 0 0 0; font-size:85%; text-align:center !important; font-weight:bold; line-height:1;}
#tieup #tieupCol .tieup-area .tieupWrap ul li{list-style:none;}

#tieup #tieupCol h2.pageTitle{margin-bottom:11px; padding:5px 0 5px 7px; line-height:1.2; border-left:3px solid #1BA298; display: block;}
#tieup #tieupCol h3{padding-bottom:5px; font-size:93%; line-height:1.2;}
#tieup #movieCol{width:100%; margin-top:15px; /padding-right:5px;}
#tieup #movieCol .movie-col{padding:0 10px;}
#tieup #movieCol .movie-area{margin:1px;}
#tieup #tieupCol .tieup-col .col_3 .small {display:block;padding-bottom:5px;}
#tieup #tieupCol span.font01{font-family:"LatoBold", Helvetica, Arial, Verdana, sans-serif !important; font-size:136%; line-height:1.2;}
.detail-shadow{background:url(../../2012tieup/img/bg_shadow_s.png) center bottom no-repeat;-moz-background-size:100% 29px;background-size:100% 29px;}
.movie-shadow{background:url(../../2012tieup/img/bg_shadow_s.png) center bottom no-repeat;padding-bottom:29px;-moz-background-size:100% 29px;background-size:100% 29px;}
#tieup #movieCol .movie-area .movieWrap{background:#FFF; padding:15px;position:relative;}
#tieup #movieCol .movie-area .movieWrap .movie-vs {text-align:center;}
#tieup #movieCol .movie-area .movieWrap .movie-vs img,
#tieup #movieCol .movie-area .movieWrap .movie-vs video{width:100%; height:auto;}
#movie_promotion, #movie_comment, #movie_event{height:auto;}
#tieup #tieupCol .tieup-col p.spec {padding-bottom:10px;}
#tieup #movieCol .movie-area .movieWrap .movie-col-area .movie-col-img {width:50%; float:right;}
#tieup #movieCol .movie-area .movieWrap .movie-col-area .movie-col-img img {width:100%;}
#tieup #movieCol .movie-area .movieWrap .movie-col-area .movie-col-txt {width:45%; font-size:85%; float:left;}
#tieup #movieCol .movie-area .movieWrap .movie-col-area p{margin-bottom:0;}
#tieup #movieCol .movie-area .movieWrap .movie-col-area,
#tieup #movieCol .movie-area .movieWrap.movieTop{zoom:1;}
#tieup #movieCol .movie-area .movieWrap .movie-col-area:before,
#tieup #movieCol .movie-area .movieWrap .movie-col-area:after,
#tieup #movieCol .movie-area .movieWrap.movieTop:before,
#tieup #movieCol .movie-area .movieWrap.movieTop:after
.detail-shadow:before,
.detail-shadow:after{content:""; display:block; overflow:hidden;}
.detail-shadow:after,
#tieup #movieCol .movie-area .movieWrap .movie-col-area:after,
#tieup #movieCol .movie-area .movieWrap.movieTop:after{clear:both;}
.end-txt {text-align:center;}
.mb30 {margin-bottom:0 !important;}

#tieup.event #wrap{background:url(../../2012tieup/img/event/bg_event.jpg) repeat;}
#tieup.event #tieupCol .tieup-area .tieupWrap.tieupTop{background:url(../../2012tieup/img/event/photo01_s.png) center 60px no-repeat;}
#tieup.event #tieupCol .tieup-area .tieupWrap.tieupTop p {padding:146px 0 0 0; font-size:85%; text-align:center !important; font-weight:bold; line-height:1;}
#tieup.event #tieupCol h2 {padding:0 10px;}
#tieup.event .col1 .tablet-sp,#tieup.event .col3 .tablet-sp,#tieup.event .col4 .tablet-sp {text-align:center;}
#tieup.event .col1 .tablet-sp img,#tieup.event .col3 .tablet-sp img {position:relative;width:100%;}
#tieup.event #tieupCol .tieup-col{padding:20px 0;}
#tieup.event .img_col2 {text-align:center;position:relative;top:-30px;display:block;margin-bottom:-40px;}
#tieup.event #movieCol .movie-col{padding:0;}
#tieup.event #movieCol .movie-area .movieWrap{background:url(../../2012tieup/img/bg_shadow_s.png) center bottom no-repeat;margin: 0 10px;padding:0 0 24px 0;-moz-background-size:100% 29px;background-size:100% 29px;position:relative;}
#tieup.event .col4 p {text-align:center;}
.w100{width:100%;}



/* ----------------------------------------
 * 13. ERROR
 * ---------------------------------------- */
#error #container{padding:10px;}

#error #errorCol{width:100%; margin-top:20px; /padding-right:5px;}
#error #errorCol .error-col{width:100%;}
#error #errorCol .error-area{background:#FFF; margin:1px;}
#error #errorCol .error-area .errorWrap{padding:19px 14px;}
#error #errorCol .error-area .errorWrap ul li{list-style:none;}

#error #errorCol h2.pageTitle{margin-bottom:11px; padding-left:0 !important; line-height:1.2; color:#1BA298 !important; border-left:0 !important; display:block;}



/* ----------------------------------------
 * 14. ARCHIVE
 * ---------------------------------------- */
#archive #container{padding:10px;}

#archive #archiveCol{width:100%; margin-top:10px;}
#archive #archiveCol .archive-col{width:100%;}
#archive #archiveCol .archive-col-all{width:100%;}
#archive #archiveCol .archive-area{background:#FFF; margin:1px;}
#archive #archiveCol .archive-area .archiveWrap{padding:20px 15px;}
#archive #archiveCol .archive-area .archiveWrap p{display:none;}
#archive #archiveCol .archive-area .archiveWrap.archiveTop{background:url(../../archive/img/bg_archive.jpg) right 26% no-repeat; background-size:50%; text-align:right;}
#archive #archiveCol .archive-area .archiveWrap.archiveTop h1 {font-family:"LatoBold", Helvetica, Arial, Verdana, sans-serif !important; margin-bottom:20px; text-align:left !important; padding-top:10px;}
#archive #archiveCol .archive-area .archiveWrap.archiveTop h1{width:auto !important; height:auto !important; background:none !important; text-indent:0 !important; padding-bottom:0 !important;}
#archive #archiveCol .archive-area .archiveWrap.archiveTop h1 span {color:#1BA298; display:block;}
#archive #archiveCol .archive-area .archiveWrap.archiveTop p {margin-bottom:0; font-size:85%; text-align:left !important; font-weight:bold; line-height:1.8;}
#archive #archiveCol .archive-area .archiveWrap ul li{list-style:none;}

#archive #archiveCol h2.pageTitle{margin-bottom:11px; padding:5px 0 5px 7px; line-height:1.2; border-left:3px solid #1BA298; display: block;}
#archive #archiveCol h3{padding-bottom:5px; font-size:93%; line-height:1.2; color:#1BA298;}

#archive #archiveCol .archive-area .archiveWrap .archive-col-area .archive-col-img {width:100%;}
#archive #archiveCol .archive-area .archiveWrap .archive-col-area .archive-col-img img {width:100%;}
#archive #archiveCol .archive-area .archiveWrap .archive-col-area p{margin-bottom:0;}

#archive #archiveCol .archive-area .archiveWrap .archive-col-area,
#archive #archiveCol .archive-area .archiveWrap.archiveTop{zoom:1;}
#archive #archiveCol .archive-area .archiveWrap .archive-col-area:before,
#archive #archiveCol .archive-area .archiveWrap .archive-col-area:after,
#archive #archiveCol .archive-area .archiveWrap.archiveTop:before,
#archive #archiveCol .archive-area .archiveWrap.archiveTop:after{content:""; display:block; overflow:hidden;}
#archive #archiveCol .archive-area .archiveWrap .archive-col-area:after,
#archive #archiveCol .archive-area .archiveWrap.archiveTop:after{clear:both;}
#archive #archiveCol .making-col{width:100%;clear:both;}
#archive #archiveCol .making-col .archive-area{position:relative;}
#archive #archiveCol .making-col .archive-area #bg_making{display:none;}
#archive #archiveCol .making-col h2{margin-bottom:10px; padding-left:5px; border-left:3px solid #1ba298;}
#archive #archiveCol ul{width:100%;clear:both;zoom:1;}
#archive #archiveCol ul li{float:left;width:49%;margin:0 0 2% 0;}
#archive #archiveCol ul li:nth-child(even){float:right;}
#archive #archiveCol ul li a img{width:100%;-ms-interpolation-mode:bicubic;display:block;}
#archive #archiveCol ul:before,#archive #archiveCol ul:after{content:""; display:block; overflow:hidden;}
#archive #archiveCol ul:after{clear:both;}

#layer{
	position:absolute;
	left:0;
	top:0;
	width:100%;
	display:none;
	background:#fff;
	z-index:9001;
}

#mycarousel-m_wrap{
	position:absolute;
	left:0;
	top:-9999px;
	width:100%;
	z-index:9002;
}

#mycarousel-m {
	position:relative;
	margin:0 auto 0;
	width:85%;
	padding:9px 0;
	background:none;
	z-index:9002;
	height:200px;
}

#mycarousel-m ul {
	position:relative;
	list-style: none;
	margin: 0;
	z-index:1;
	width:100%;
	overflow:hidden;
}

#mycarousel-m ul{zoom:1;}
#mycarousel-m ul:before,
#mycarousel-m ul:after{content:""; display:block; overflow:hidden;}
#mycarousel-m ul:after{clear:both;}

#mycarousel-m ul li {
	position:absolute;
	width:100%;
	text-align:center;
}


#mycarousel-m ul li img {
	width:100%;
}


#mycarousel-m ul li a {
	display:block;
/*	background:url(images/index/bg_bnr.jpg) no-repeat center top;
	background-size:84% 84%;*/
}

#btn_prev {
	display:block;
	position:absolute;
	left:0;
	bottom:-20px;
	z-index:9003;
}
#btn_next {
	display:block;
	position:absolute;
	right:0;
	bottom:-20px;
	z-index:9003;
}

#btn_close {
	display:block;
	position:absolute;
	right:0;
	top:-19px;
	z-index:9003;
}

#circles {
	display:none;
}

#num{
	position:absolute;
	width:100%;
	left:0;
	bottom:-21px;
	z-index:9002;
	text-align:center;
	color:#666;
}

.pc,.tablet,.pc-tablet{display:none !important;}