@charset "utf-8";
/*=============================
style.css for gemstory.com.au/s/
20013/06/08

===============================*/

/* reset
--------------------*/
header,footer,nav,section{display:block;}

body,p,h1,h2,h3,h4,h5,h6,
ul,li,img{
	margin:0;
	padding:0;
	font-size:100%;
	line-height:140%;
	font-weight:normal;
}

.clearfix{zoom:1;}
.clearfix:after{
	content:"";
	clear:both;
	display:block;
}

body{
	font-family:'Lucida Grande','Hiragino Kaku Gothic ProN', Meiryo, sans-serif;
	font-size:14px;
	-webkit-text-size-adjust:none;
}

img{
	border:1px solid #DEDFDE;
	max-width: 100%;
	height: auto;
}

li{list-style:none;}

a{color:#03f}/* リンク色変更はここ */
.radius{border-radius:5px;}/* 画像の角丸が必要ない場合はここを削除 */

hr{
	border:1px dotted #DEDFDE;
	margin: 5px 0 15px;
}
.pcent{
	color: #EF748E;
	text-align: center;
	margin: 10px 0 0;
	padding-top: 10px;
}
.pcent2{
	color: #EF748E;
	text-align: center;
	margin: -25px 0 10px 0;
	padding-top: 0;
}
.rd{
	color: red;
}
.pf{
	margin-left: 5px;
}
.bold {
	font-weight: bold;
}
/*----------------------------------------
top page  http://www.gemstory.com.au/s/
----------------------------------------*/

/* header
--------------------*/

.header{
	padding:5px 0 2px;
	background-image: linear-gradient(top, #1e5799 0%,#2989d8 50%,#7db9e8 100%);
	background-image: -o-linear-gradient(top, #1e5799 0%,#2989d8 50%,#7db9e8 100%);
	background-image: -moz-linear-gradient(top,  #1e5799 0%, #2989d8 50%, #7db9e8 100%);
	background-image: -webkit-linear-gradient(top, #1e5799 0%,#2989d8 50%,#7db9e8 100%);
	background-image: -ms-linear-gradient(top, #1e5799 0%,#2989d8 50%,#7db9e8 100%);
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#1e5799), color-stop(50%,#2989d8), color-stop(100%,#7db9e8));
	-webkit-box-shadow:0 2px 3px #ababab;
}

.h_l{
	border-bottom:none;
	width:100%;
	padding:5px 0 7px;
	text-align:center;
}

h1{
	text-shadow:0 1px #fff;
	font-size:15px;
	margin-left:10px;
	
}

h1 a{
	color:#fff;
	text-decoration:none;
}
.header p{
	margin: 0 0 5px 0;
}
#back a{
	display:block;
	position:absolute;
	top:12px;
	left:10px;
	width:60px;
	color:#fff;
	text-decoration:none;
	text-align:center;
	border:1px solid #1C3989;
	border-radius:5px;
	background-image: linear-gradient(bottom, #032A96 0%,#7db9e8 100%);
	background-image: -o-linear-gradient(top, #032A96 0%,#7db9e8 100%);
	background-image: -moz-linear-gradient(bottom, #032A96 0%,#7db9e8 100%);
	background-image: -webkit-linear-gradient(bottom, #032A96 0%,#7db9e8 100%);
	background-image: -ms-linear-gradient(bottom, #032A96 0%,#7db9e8 100%);
	background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0%,#032A96), color-stop(100%,#7db9e8));
	-moz-box-shadow: 1px 1px 0 #fff;
}

#home a{
	display:block;
	position:absolute;
	top:12px;
	right:10px;
	width:60px;
	color:#fff;
	text-decoration:none;
	text-align:center;
	border:1px solid #1C3989;
	border-radius:5px;
	background-image: linear-gradient(bottom, #032A96 0%,#7db9e8 100%);
	background-image: -o-linear-gradient(top, #032A96 0%,#7db9e8 100%);
	background-image: -moz-linear-gradient(bottom, #032A96 0%,#7db9e8 100%);
	background-image: -webkit-linear-gradient(bottom, #032A96 0%,#7db9e8 100%);
	background-image: -ms-linear-gradient(bottom, #032A96 0%,#7db9e8 100%);
	background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0%,#032A96), color-stop(100%,#7db9e8));
	-moz-box-shadow: 1px 1px 0 #fff;
}
/* no border */
.img-bn{
	border:none;
}


/* intro comment
--------------------*/

#intro{
	margin:10px;
}

.cent{
	text-align:center;
	margin-top: 5px;
}

/* News
--------------------*/
#newswrapper{
	width:300px;
	margin:5px auto 15px;
}

h2.topt{
	float:left;
	border-left:5px solid #d28a00;
	margin-bottom:3px;
	padding-left:2px;
	font-weight:bold;
	font-size:16px;
	color:#333;
}

.ichi{
	float:right;
	margin-bottom:3px;
}

#newsbox{
	border:1px solid #7e7e7e;
	border-radius:5px;
	width:268px;
	height:27px;
	margin:0 auto;
	padding:3px 16px;
	text-align: center;
}

.bx-prev{
	background:url(img/ar_l.gif) no-repeat;
	text-indent:-9999px;
	position:absolute;
	width:18px;
	height:27px;
	top:0;
	left:-18px;
}

.bx-next{
	background:url(img/ar_r.gif) no-repeat;
	text-indent:-9999px;
	position:absolute;
	width:18px;
	height:27px;
	top:0;
	right:-18px;
}

#slider{
	width:268px;
	margin:5px 0 0 3px;
}

/* category
--------------------*/
/* tab */

#tab{
	background-image: linear-gradient(top, #1e5799 0%,#2989d8 50%,#7db9e8 100%);
	background-image: -o-linear-gradient(top, #1e5799 0%,#2989d8 50%,#7db9e8 100%);
	background-image: -moz-linear-gradient(top,  #1e5799 0%, #2989d8 50%, #7db9e8 100%);
	background-image: -webkit-linear-gradient(top, #1e5799 0%,#2989d8 50%,#7db9e8 100%);
	background-image: -ms-linear-gradient(top, #1e5799 0%,#2989d8 50%,#7db9e8 100%);
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#1e5799), color-stop(50%,#2989d8), color-stop(100%,#7db9e8));
	border-bottom:1px solid #7e7e7e;
	padding-top:4px;
	height:34px;
}
.tabbox{
	width:300px;
	margin:0 auto;
	position:relative;
}

#tab ul{
	position:absolute;
	left:0;
}

#tab li{
	float:left;
	text-align:center;
	color: #FFF;
}

#tab li:first-child{
	border-left:none;
}

#tab li:last-child{
	border-right:none;
}


#tab li span{
	text-decoration:none;
	display:block;
	width:92px;
	padding:5px 2px;
	cursor:pointer;
	font-size:13px;
}

.cl span{
	border-left:1px solid #fff;
	border-right:1px solid #7e7e7e;
	color: #FFF;
}

.rl span{
	border-right:1px solid #7e7e7e;
}

.ll span{
	border-left:1px solid #fff;
}

.on div{
	background:#fff;
	border-top:1px solid #7e7e7e;
	border-left:1px solid #7e7e7e;
	border-right:1px solid #7e7e7e;
	border-top-right-radius:5px;
	border-top-left-radius:5px;
	width:92px;
	padding:2px 2px 5px;
	color: #000;
}

.on span{
	margin-top:-2px;
}

/* list */
.tablist ul{
	margin:5px 0 5px;
}

.tablist li{
	border-top:1px dotted #9BC1FF;
	padding-left:10px;
	background:url(img/ar_r.gif) no-repeat 99% center;
}

.lastline{
	border-bottom:1px dotted #9BC1FF;
}

.listimg{
	float:left;
	margin:10px 10px 10px 0;
	width:73px; /* リストの画像の横幅 */
}

.listr{
	float:right;
	margin-left:-83px; /* リストの画像の横幅＋テキストまでのマージン */
	width:100%;
}

.listr2{
	margin:10px 25px 10px 83px; /* リストの画像の横幅＋テキストまでのマージン */
}

.listr3{
	margin:10px 25px 10px 0;
}

.listlist{
	text-align:right;
	border-bottom:1px dotted #7e7e7e;
	padding:8px 10px 10px 10px;
}

.not{display:none;}

/* news page
--------------------*/

#news{
	margin-bottom:15px;
	border-top:1px dotted #9BC1FF;
}
#news li{
	list-style: disc outside;
	color:#3cf;
	list-style-image:none;
}  
#news li a{
	display:block;
	background:url(img/ar_r.gif) no-repeat 99% center;
	border-bottom:1px dotted #9BC1FF;
	padding:8px 25px 8px 10px;
}

h2.subt{
	float:left;
	border-left:5px solid #d28a00;
	margin:10px 0 15px 10px;
	padding-left:2px;
	font-weight:bold;
	font-size:16px;
	color:#333;
}

/* post page
--------------------*/
.postbox{
	padding:0 10px 10px;
	margin-bottom:20px;
	border-bottom:1px dotted #7e7e7e;
	text-align:justify;
}
.postbox h3 {}
.postbox h4 {
	margin: 20px 0 10px 0;
	text-align: center;
	font-size: 15px;
}
.postbox h3,p{
	margin: 5px 0 15px 0;
}	
.postbox img{
	margin: 10px auto;
}
.btn_detail a{
	display:block;
	width:160px;
	height:30px;
	margin:15px auto;
	padding-top:10px;
	color:#FFFFFF;
	text-decoration:none;
	text-align:center;
	font-weight:bold;
	border:1px solid #7e7e7e;
	border-radius:5px;
	background-image: linear-gradient(bottom, #032A96 0%,#7db9e8 100%);
	background-image: -o-linear-gradient(top, #032A96 0%,#7db9e8 100%);
	background-image: -moz-linear-gradient(bottom, #032A96 0%,#7db9e8 100%);
	background-image: -webkit-linear-gradient(bottom, #032A96 0%,#7db9e8 100%);
	background-image: -ms-linear-gradient(bottom, #032A96 0%,#7db9e8 100%);
	background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0%,#032A96), color-stop(100%,#7db9e8));
	-moz-box-shadow: 1px 1px 0 #fff;
}


/* low link
--------------------*/
#linkbox{
	margin:0 10px;
	text-align: center;
	font-size: 13px;
}
#linkbox a{
	text-decoration: none;
}
/*media box*/
#mbox {
	text-align: center;
	margin: 10px 0;
}
#mbox img {
	border: none;
	margin: 0 5px;
}
/*page*/
div#page {
	margin: 0 0 20px;
	border: 0;
	padding: 0;
}
div#page ul {
	text-align: center;
}
div#page ul li {
	text-decoration: none;
	display: inline;
	margin: 0 40px;
	padding: 0 10px;
	color:#fff;
	text-align:center;
	border:1px solid #1C3989;
	border-radius:5px;
	background-image: linear-gradient(bottom, #032A96 0%,#7db9e8 100%);
	background-image: -o-linear-gradient(top, #032A96 0%,#7db9e8 100%);
	background-image: -moz-linear-gradient(bottom, #032A96 0%,#7db9e8 100%);
	background-image: -webkit-linear-gradient(bottom, #032A96 0%,#7db9e8 100%);
	background-image: -ms-linear-gradient(bottom, #032A96 0%,#7db9e8 100%);
	background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0%,#032A96), color-stop(100%,#7db9e8));
	-moz-box-shadow: 1px 1px 0 #fff;
}
div#page a{
	text-decoration:none;
	color: #FFFFFF;
}
/* footer
--------------------*/
#footer{
	text-align:center;
	background:#2989D8;
	color:#FFF;
	font-size:12px;
	padding:1px 0 5px;
	margin-top:10px;
}

#footer ul{
	margin:0 0 20px;
	padding-top:15px;
	padding-bottom:10px;
	border-top:1px solid #fff;
}

#footer li{
	display:inline;
	border-left:1px solid #7e7e7e;
	padding:7px 0;
}

#footer li a{
	color:#FFF;
	text-decoration:none;
	font-size:14px;
	border-left:1px solid #fff;
	padding:6px 10px;
}

.last{border-right:1px solid #fff;}
.last a{border-right:1px solid #7e7e7e;}

#cr a{color:#FFF; text-decoration:none;}

/*button link*/
.btnlink {
   display: block;
   width: 90%;
   padding: 0.4em 0.2em;
   margin: 0.5em auto 1em;
   border-style: solid;
   border-width: 1px;
   border-color: #ccc #999 #999 #ccc;
   -webkit-border-radius: 7px; /* Chrome,Safari */
   -moz-border-radius: 7px;    /* Firefox */
   border-radius: 7px;         /* CSS3 */
   text-decoration: none;
   text-align: center;
   background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#ccc)); /* Chrome,Safari */
   filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#ffffffff,EndColorStr=#ffcccccc); /* IE */
   background: -moz-linear-gradient(top, #fff, #ccc); /* Firefox */
   background: -o-linear-gradient(top, #fff, #ccc);   /* Opera */
   background: linear-gradient(top, #fff, #ccc);      /* CSS3 */
}

/*company*/
#profile{
	width: 100%;
	margin: 20px 0;
}
#profile h2{
	background-color: #F5F4ED;
	border: 1px solid #C8C8C8;
	font-size: 10pt;
	margin-bottom: 13px;
	padding: 5px;
	font-size: 15px;
}
#profile dt {
	border-bottom: 1px solid #C8C8C8;
	font-weight: bold;
	font-size: 15px;
	padding: 3px;
	margin-top: 20px;
}
#profile dd {
	margin-top: 5px;
	margin-bottom: 5px;
	padding: 3px;
}

/*photo gallaery*/

#photo{
	padding:0 10px 10px;
	margin-bottom:20px;
	border-bottom:1px dotted #7e7e7e;
}
#photo h2{
	text-align: center;
	color: #333333;
	font-size: 16px;
	font-weight: bold;
	margin: 10px 0 15px 10px;
	padding-left: 2px;
}
/*FAQ*/
#faq{
	width: 100%;
}
#faq .btnlink {
   display: block;
   width: 90%;
   padding: 0.4em 0.5em;
   margin: 0.5em auto 1em;
   border-style: solid;
   border-width: 1px;
   border-color: #ccc #999 #999 #ccc;
   -webkit-border-radius: 7px; /* Chrome,Safari */
   -moz-border-radius: 7px;    /* Firefox */
   border-radius: 7px;         /* CSS3 */
   text-decoration: none;
   text-align: left;
   background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#ccc)); /* Chrome,Safari */
   filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#ffffffff,EndColorStr=#ffcccccc); /* IE */
   background: -moz-linear-gradient(top, #fff, #ccc); /* Firefox */
   background: -o-linear-gradient(top, #fff, #ccc);   /* Opera */
   background: linear-gradient(top, #fff, #ccc);      /* CSS3 */
}
/*youtube*/
.youtube{
    position:relative;
    padding-bottom: 56.25%;
    padding-top:30px;
    height:0;
    overflow:hidden;
    margin-top: 15px;
    margin-bottom: 15px;
}
.youtube iframe{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
}
/*sitemap*/
#smap{
	width: 100%;
	margin: 20px 0;
}
#smap h2{
	background-color: #F5F4ED;
	border: 1px solid #C8C8C8;
	font-size: 10pt;
	margin-bottom: 13px;
	padding: 5px;
}
#smap dt {
	padding: 3px;
}
#smap dd {
	margin-left: 20px;
	padding: 3px;
	line-height: 150%;
}
#smap a{
   display: block;
   width: 95%;
   padding: 0.8em 0.5em;
   margin: 0 auto;
   border-style: solid;
   border-width: 1px;
   border-color: #ccc #999 #999 #ccc;
   -webkit-border-radius: 7px; /* Chrome,Safari */
   -moz-border-radius: 7px;    /* Firefox */
   border-radius: 7px;         /* CSS3 */
   text-decoration: none;
   text-align: left;
   background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#ccc)); /* Chrome,Safari */
   filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#ffffffff,EndColorStr=#ffcccccc); /* IE */
   background: -moz-linear-gradient(top, #fff, #ccc); /* Firefox */
   background: -o-linear-gradient(top, #fff, #ccc);   /* Opera */
   background: linear-gradient(top, #fff, #ccc);      /* CSS3 */
}
/*valuation*/
#valuation h3 {
	margin: 20px 0 0;
}
/*占い
#uranai{
	width: 100%;
}
#uranai img{
	margin: 1px;
}*/
/*tax free
#tf{
	width: 100%;
}
#tf ol li{
	list-style-type: decimal;
	margin-bottom: 10px;
}*/
/*glossary
.Nav {
	margin: 0 auto 30px;
	width: 300px;
	overflow: hidden;
	position: relative;
}
.alfaNav {
	width: 312px;
}
.alfaNav li {
	margin-bottom: 5px;
	margin-right: 6px;
	width: 49px;
	height: 35px;
	background: -webkit-gradient(linear, left top, left bottom, 
				from(rgba(153,204,0,1)),
				to(rgba(102,153,0,1)));
	background: -moz-linear-gradient(top,
				rgba(153,204,0,1),
				rgba(102,153,0,1));
	background: linear-gradient(top,
				rgba(153,204,0,1),
				rgba(102,153,0,1));
	border: 3px solid #fff;
	-webkit-border-radius: 9px;
	border-radius: 9px;
	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.3);
	box-shadow: 0 1px 2px rgba(0,0,0,0.3);
	display: block;
	content: "";
	float: left;
	padding-top: 14px;
	text-align: center;
}
.alfaNav li a {
	text-decoration: none;
	font-size: 16px;
	color: #fff;
}
#gls{
	width: 100%;
	margin: 20px 0;
}
#gls h4{
	text-align: left;
	background-color: #ffc;
}*/