@charset "Shift_JIS";
/* CSS Document */

/*---リセット指定---*/
body,div,h3 {
	margin:0;
	padding:0;
	font-size:100%;
	font-style:normal;
	font-weight:normal;}

/*---ページ基本指定---*/
html {
	text-align:center;
	background:url(../images/common/bg.gif);}
body {
	position:relative;
	text-align:left;
	width:516px;
    padding-top:220px;
	margin:15px auto 100px auto;
	font:100%/1.5 "ヒラギノ角ゴ Pro W3", 
	"Hiragino Kaku Gothic Pro", 
	"メイリオ", Meiryo, Osaka, 
	"ＭＳ Ｐゴシック", "MS PGothic", sans-serif;

/*---ページ角丸の指定---*/
    -webkit-border-radius:15px;
	-moz-border-radius:15px;
	border-radius:15px;
    -webkit-box-shadow:3px 3px 6px rgba(0,0,0,0.3);
    -moz-box-shadow:3px 3px 6px rgba(0,0,0,0.3);
    box-shadow:3px 3px 6px rgba(0,0,0,0.3);

/*---最上部ギターの・背景画像---*/
  background:url(../images/pick_guard/guard_top_back.jpg) no-repeat center top;
  background-color:#fff;}

/*---セメダインの位置指定---*/
#semedain {
    position:absolute;
    top:90px; left:355px;
	z-index:60;}

/*--- container の指定---*/
#container {
	width:400px;
	margin-left:58px;
	overflow:hidden;}
	
/*--- pick guard の文字・画像指定---*/
h3 {
	font-size:100%;
	line-height:1.3em;
	font-style:italic;
	color:#963;
	border-left:6px solid #963;
	padding-left:4px;
	margin-bottom:-6px;}
p.read,p {
	font-size:80%;
	line-height:1.5em;
    text-align:justify;
	color:#333;}
p {
	font-size:75%;
	line-height:1.4em;
	text-align:justify;
	color:#666;}
p.caption {
	font-size:75%;
	line-height:1.4em;
	text-align:justify;
	color:#666;}
p span {
	font-weight:bold;
	color:#000;}
p.line {
	border-bottom:1px solid #000;}
p img {
	margin-bottom:-8px;}

/*---リンクのテキストカラー指定---*/
p a:link {
    color:#963;
    text-decoration:underline;}
p a:visited {
    color:#360;
    text-decoration:none;}
p a:hover {
    color:#09F;
    text-decoration:none;}
	
/*---問い合わせボタンの指定---*/
#song .button {
	margin-top:-10px;
	margin-bottom:-4px;
	display:inline-block;
	width:400px;
	height:28px;
	font-size:90%;
	line-height:30px;
	text-align:center;
	text-decoration:none;
	outline:none;
	background-color:#666;
	color:#fff;
	-webkit-border-radius:14px;
	-moz-border-radius:14px;
	border-radius:14px;
	-webkit-box-shadow:0 3px 4px rgba(0,0,0,0.3);
	-moz-box-shadow:0 3px 4px rgba(0,0,0,0.3);
	box-shadow:0 3px 4px rgba(0,0,0,0.3);}
#song .button::before, #song .button::after {
    position:absolute;
    z-index:-1;
    display:block;
    content:'';}
#song .button,
#song .button::before,
#song .button::after {
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box;
    -webkit-transition:all 0.6s;
    transition:all 0.6s;}
#song .button:hover {
    background-color:#09f;}
#song .button:active {
    background-color:#F00;
    -webkit-transition:all 0s;
    transition:all 0s;}
	
/*---記事背景 backing の濃いベージュ色指定---*/
#backing {
    width:516px;
    background-color:#e5ded7;}

/*---最下部 BACK PAGE 別指定---*/
p.back {
    font-size:75%;
    text-align:center;
    margin-top:15px;
    padding:0 0 20px 0;}
p.back a {
    color:#963;
  text-decoration:underline;}
p.back a:hover {
    color:#09F;
    text-decoration:none;}