/*----------------
   basic style
---------------*/
body{font-size:0.8em;text-align:center;}
a img{border:none;}
div#container{width:720px;margin:0 auto;text-align:left;}

/*----- header -----*/
div#header {border:1px solid #aaa;border-top:none;}
div#header p#logo{padding:15px 0 0 28px;margin:0 0 15px 0;}
/* navigation */
div#header ul#gl-navi{border-top:1px solid #aaa;margin:0;padding:0;height:30px;background:#e1e1e1;}
div#header ul#gl-navi li{float:left;margin:0;list-style:none;padding:0;border-right:1px solid #bbb;}
div#header ul#gl-navi li a{height:30px; width:130px;display:block;text-indent:-5000px; overflow:hidden}
div#header ul#gl-navi li#gl-top a{background:url(../img/btn_cmn_top.gif) no-repeat;}
div#header ul#gl-navi li#gl-top a:hover{background:url(../img/btn_cmn_top_o.gif) no-repeat;}
div#header ul#gl-navi li#gl-contact a{background:url(../img/btn_cmn_contact.gif) no-repeat;}
div#header ul#gl-navi li#gl-contact a:hover{background:url(../img/btn_cmn_contact_o.gif) no-repeat;}
div#header ul#gl-navi li#gl-shoplist a{background:url(../img/btn_cmn_shoplist.gif) no-repeat;}
div#header ul#gl-navi li#gl-shoplist a:hover{background:url(../img/btn_cmn_shoplist_o.gif) no-repeat;}
div#header ul#gl-navi li#gl-news a{background:url(../img/btn_cmn_news.gif) no-repeat;}
div#header ul#gl-navi li#gl-news a:hover{background:url(../img/btn_cmn_news_o.gif) no-repeat;}
div#header ul#gl-navi li#gl-collection {margin:0;}
div#header ul#gl-navi li#gl-collection a{background:url(../img/btn_cmn_collection.gif) no-repeat;}
div#header ul#gl-navi li#gl-collection a:hover{background:url(../img/btn_cmn_collection_o.gif) no-repeat;}

/*----- footer -----*/
div#footer {background:#000;height:15px;padding-top:9px;}
div#footer p#footerMsg{margin:0 9px 0 0;text-align:right;}

/*----- mainContents -----*/
div#mainContents {border:1px solid #bbb;border-top:none;border-bottom:none;padding:0 25px 10px 25px;}
div#mainContents h1{font-size:1.2em;margin: 0 0 15px 0 ;border-bottom:2px solid #ccc;padding:27px 0 5px 2px;}
div#mainContents h2{font-size:1em;margin:0 0 15px 0;border-bottom:1px dotted #ccc;}
div#mainContents p{margin:0 0 25px 0;}
div#mainContents p.toTop{text-align:right;margin:0;font-size:0.6em;}
div#mainContents p.toTop a{text-decoration:none;color:#666;background:url(../img/arrow_totop.gif) no-repeat 0 0.25em;padding-left:12px;}
/* paging */
div#mainContents div#paging {margin-bottom:15px;height:1em;} 
div#mainContents div#paging p{float:left;width:5em;margin:0.3em 0 0 0 ;font-weight:bold;} 
div#mainContents div#paging ul li{list-style:none;float:left;background-color: #eeeeee;margin:2px;padding:4px;line-height:1em;}
div#mainContents div#paging ul li a{ text-decoration:none; color:#999;}
div#mainContents div#paging ul li.current{background:#abb;}
div#mainContents div#paging ul li.current a{color: #ffffff;}
/* section */
div#mainContents div.section{margin:0 0 15px 0;}
div#mainContents div.section p{margin-left:10px;}
div#mainContents div.section dl{margin-left:10px;}
/* article */
div#mainContents div.article{border-bottom:1px dotted #bbb;margin-bottom:15px;padding-bottom:0px;}
div#mainContents div.article h2{font-size:1em;margin:0 0 15px 0;border:none;}
div#mainContents div.article div.clearfix p{float:left;margin-right:20px;}
div#mainContents div.article p.toTop{margin-bottom:10px;margin-top:-10px;}

/*--------------------
　　　uni parts
----------------------*/
span.caption{font-size: 0.6em;}
span.pages{font-size: 0.6em;background:#ccc;padding:3px 5px;color:#666;}

/*--------------------
　　　uni class
----------------------*/
.clearfix:after {content:url(../img/pixel.gif);display:block;clear:both;height:0;}
.clearfix { display: inline-block; }
.clearfix { display: block; }
/* Mac/IEonly \*//*/
.clearfix { overflow: hidden; }
/* */

.inlineIcon{position:relative;top:0.1.5em;padding:0 3px 0 0;}
.border{border:solid 1px #CCC;}

/*----------------
  spacific style     
---------------*/
#top div#container {position:absolute;width:630px;height:608px;left:50%;top:40%;margin-left:-315px;margin-top:-270px;}
/*#top p#topImg {height:330px;width:125px;}
#top p#topImg img{position:relative;top:87px;left:290px;}*/
#top div#container p#topImg {text-align:center;height:608px;width:410px;margin:0 auto;}
#top ul#gl-navi {margin:40px 0 0 0;padding:0;height:30px;}
#top ul#gl-navi li {float:left;margin:0 15px 0 0;list-style:none;padding:0;}
#top ul#gl-navi li#gl-enter {margin-left:25px;}