@charset "UTF-8";


/*
=====================================================================
菓心 桔梗屋　WEB SITE
=====================================================================
*/


/* リンクの設定 */
a:link {
	color: #3B408A;
	text-decoration: none;
}
a:visited {
	color: #3B408A;
	text-decoration: none;
}
a:hover {
	color: #9933FF;
	text-decoration: underline;
}
a:active {
	color: #9933FF;
	text-decoration: none;
}


/* ヘッダー、フッター　リンクカラー */
#header a:link,
#footer a:link {
	color: #866661;
}
#header a:visited,
#footer a:visited {
	color: #866661;	
}
#header a:hover,
#footer a:hover {
	color: #9933FF;	
}
#header a:active,
#footer a:active {
	color: #9933FF;
}


/* FORMの余計な空白削除 */
form {
	margin: 0;
	padding: 0;
}

/* リストの余計な空白削除 */
ul, ol, li {
	margin: 0;
	padding: 0;
}

/* h1～h6 の余計な空白削除 */
h1, h2, h3, h4, h5, h6 {
	margin: 0;
	padding: 0;
}

/* P の余計な空白削除 */
p{
	margin: 0;
	padding: 0;
}

/* IMG のボーダーを非表示 */
img {
	border: none;
}

/* TABLE のボーダーを非表示 */
table {
	border: none;
}

/* IEで起こるBRのバグ回避 */
br {
	letter-spacing: normal;
}

/* フォントスタイル ノーマル化 */
address , em{
	font-style: normal;
}


/* スペース設定 */

.margin-top-5 {margin-top: 5px;}
.margin-top-10 {margin-top: 10px;}
.margin-top-15 {margin-top: 15px;}
.margin-top-20 {margin-top: 20px;}
.margin-top-25 {margin-top: 25px;}
.margin-top-30 {margin-top: 30px;}

.margin-bottom-5 {margin-bottom: 5px;}
.margin-bottom-10 {margin-bottom: 10px;}
.margin-bottom-15 {margin-bottom: 15px;}
.margin-bottom-20 {margin-bottom: 20px;}
.margin-bottom-25 {margin-bottom: 25px;}
.margin-bottom-30 {margin-bottom: 30px;}

.margin-right-5 {margin-bottom: 5px;}
.margin-right-10 {margin-bottom: 10px;}
.margin-right-15 {margin-bottom: 15px;}
.margin-right-20 {margin-bottom: 20px;}
.margin-right-25 {margin-bottom: 25px;}
.margin-right-30 {margin-bottom: 30px;}

.margin-left-5 {margin-bottom: 5px;}
.margin-left-10 {margin-bottom: 10px;}
.margin-left-15 {margin-bottom: 15px;}
.margin-left-20 {margin-bottom: 20px;}
.margin-left-25 {margin-bottom: 25px;}
.margin-left-30 {margin-bottom: 30px;}