﻿@charset "utf-8";
/* CSS Document */


p, h1, h2, h3, h4, h5, h6, ul {
	margin: 0px;
	padding: 0px;
}


body {
	margin: 0px;
	padding: 0px;
	font-family: "HG丸ｺﾞｼｯｸM-PRO", Osaka, "ヒラギノ角ゴ Pro W3";
	background-color: #d7d7d7; /* 背景カラーを変更 */
}

a {
       text-decoration : none; color:#000000;
}


#container {
	width: 800px; /* 横幅を変更 */
	margin-right: auto;
	margin-left: auto;
	background-image: url(images/top/bkContent.gif); /* 背景イメージを変更 */
	background-color: #FFFFFF;
	min-height: 100%;
}

#container h2 {
	padding-bottom: 20px;
}

#container h4 {
	float: left;
}

#containersub {
	width: 600px; /* 横幅を変更 */
	margin-right: auto;
	margin-left: auto;
	background-color: #FFFFFF;
	min-height: 100%;
}

#containersub h2 {
	padding-bottom: 20px;
}

#containersub h4 {
	float: left;
}



#containersub2 {
	width: 600px; /* 横幅を変更 */
	margin-right: auto;
	margin-left: auto;
	background-color: #FFFFFF;
	min-height: 100%;
}

#containersub2 h2 {
	padding-bottom: 20px;
}

#containersub2 h4 {
	float: left;
}

#footerpolicy {
        text-align:center;
        font-size:11px;
	padding-top: 10px;
        
}

/* ここからナビゲーションボタンの設定 */
#container #btn01 a {
	background-image: url(images/top/navi1.jpg);
	display: block;
	height: 80px;
	width: 160px;
	
        margin-top:5px;
}
#container #btn02 a {
	background-image: url(images/top/navi2.jpg);
	display: block;
	height: 80px;
	width: 160px;
	
        margin-top:5px;
}
#container #btn03 a {
	background-image: url(images/top/navi3.jpg);
	display: block;
	height: 80px;
	width: 160px;
	
        margin-top:5px;
}
#container #btn04 a {
	background-image: url(images/top/navi4.jpg);
	display: block;
	height: 80px;
	width: 160px;
	
        margin-top:5px;
}
#container #btn05 a {
	background-image: url(images/top/navi5.jpg);
	display: block;
	height: 80px;
	width: 160px;
	
        margin-top:5px;
}
#container #btn01 a:hover {
	background-image: url(images/top/navi1_0.jpg);
}
#container #btn02 a:hover {
	background-image: url(images/top/navi2_0.jpg);
}
#container #btn03 a:hover {
	background-image: url(images/top/navi3_0.jpg);
}
#container #btn04 a:hover {
	background-image: url(images/top/navi4_0.jpg);
}
#container #btn05 a:hover {
	background-image: url(images/top/navi5_0.jpg);
}
/* ここまでナビゲーションボタンの設定 */

/* ここからSUBナビゲーションボタンの設定 */
#containersub2 #btn01 a {
	background-image: url(images/top/navimelon1.jpg);
	display: block;
	height: 50px;
	width: 120px;
	text-indent: -9999px;
        margin-top:5px;
}
#containersub2 #btn02 a {
	background-image: url(images/top/navimelon2.jpg);
	display: block;
	height: 50px;
	width: 120px;
	text-indent: -9999px;
        margin-top:5px;
}
#containersub2 #btn03 a {
	background-image: url(images/top/navimelon3.jpg);
	display: block;
	height: 50px;
	width: 120px;
	text-indent: -9999px;
        margin-top:5px;
}
#containersub2 #btn04 a {
	background-image: url(images/top/navimelon4.jpg);
	display: block;
	height: 50px;
	width: 120px;
	text-indent: -9999px;
        margin-top:5px;
}
#containersub2 #btn05 a {
	background-image: url(images/top/navimelon5.jpg);
	display: block;
	height: 50px;
	width: 120px;
	text-indent: -9999px;
        margin-top:5px;
}
#containersub2 #btn01 a:hover {
	background-image: url(images/top/navimelon1_0.jpg);
}
#containersub2 #btn02 a:hover {
	background-image: url(images/top/navimelon2_0.jpg);
}
#containersub2 #btn03 a:hover {
	background-image: url(images/top/navimelon3_0.jpg);
}
#containersub2 #btn04 a:hover {
	background-image: url(images/top/navimelon4_0.jpg);
}
#containersub2 #btn05 a:hover {
	background-image: url(images/top/navimelon5_0.jpg);
}
/* ここまでSUBナビゲーションボタンの設定 */

/* ここからSUB2ナビゲーションボタンの設定 */

#containersub #btn01 a {
	background-image: url(images/top/navishop1.jpg);
	display: block;
	height: 50px;
	width: 120px;
	text-indent: -9999px;
        margin-top:5px;
}
#containersub #btn02 a {
	background-image: url(images/top/navishop2.jpg);
	display: block;
	height: 50px;
	width: 120px;
	text-indent: -9999px;
        margin-top:5px;
}
#containersub #btn03 a {
	background-image: url(images/top/navishop3.jpg);
	display: block;
	height: 50px;
	width: 120px;
	text-indent: -9999px;
        margin-top:5px;
}
#containersub #btn04 a {
	background-image: url(images/top/navishop4.jpg);
	display: block;
	height: 50px;
	width: 120px;
	text-indent: -9999px;
        margin-top:5px;
}
#containersub #btn05 a {
	background-image: url(images/top/navishop5.jpg);
	display: block;
	height: 50px;
	width: 120px;
	text-indent: -9999px;
        margin-top:5px;
}
#containersub #btn01 a:hover {
	background-image: url(images/top/navishop1_0.jpg);
}
#containersub #btn02 a:hover {
	background-image: url(images/top/navishop2_0.jpg);
}
#containersub #btn03 a:hover {
	background-image: url(images/top/navishop3_0.jpg);
}
#containersub #btn04 a:hover {
	background-image: url(images/top/navishop4_0.jpg);
}
#containersub #btn05 a:hover {
	background-image: url(images/top/navishop5_0.jpg);
}
/* ここまでSUBナビゲーションボタンの設定 */


.text01 {
	color: #333333;
	font-size: 90%;
	width: 600px;
	margin-right: auto;
	margin-left: auto;
	line-height: 200%;
	margin-top: 20px;
	margin-bottom: 20px;
	/* テキスト中央揃えを削除 */
}

#text02 {
	color: #333333;
	font-size: 100%;
	line-height: 200%;
	width: 600px;
	margin-right: auto;
	margin-left: auto;
	/* 下マージンを削除 */
}

#text02 li {
	list-style-type: circle;
	list-style-position: inside;
}

.text03 { /* メインコンテンツ内のコンテナを設定 */
	color: #333333;
	font-size: 90%;
	width: 600px;
	margin-right: auto;
	margin-left: auto;
	line-height: 200%;
	margin-top: 20px;
	margin-bottom: 20px;
	padding: 10px;
	background-color: #eaeaea;
}



#topicpath {
	/* フロートクリアの削除 */
	/* 背景イメージを削除 */
	padding-left: 20px;
	/* 高さを削除 */
	padding-top: 15px; /* 上余白を変更 */
	/* 背景イメージのリピートを削除 */
}

#topicpath p {
	font-size: 13px;
	color: #CCCCCC;
	letter-spacing: 1px;
	margin-bottom: 2px;
}


#topicpath a {
	text-decoration: none;
	color: #666666;
}

#topicpath a:hover {
	text-decoration: none;
	color: #666666;
	border-bottom-style: dashed;
	border-bottom-width: 1px;
	border-bottom-color: #666666;
}

.borderline {
	margin-bottom: 10px;
}

.borderlinesub{
        margin-botom:10px;
        width:600px;
        margin-right: auto;
	margin-left: auto;
	background-color: #FFFFFF;
	min-height: 100%;
}

#container h1 {
	margin-bottom: 30px;
}

#content_left {
	clear: both;
	float: left;
	width: 410px; /* 横幅を変更 */
	padding-right: 20px; /* 右余白を変更 */
}

#content_left h3 {
	font-weight: bold;
	color: blue;
	padding-bottom: 5px; /* 下余白を設定 */
	padding-left: 30px; /* 左余白を設定 */
}

#content_right {
	float: left;
	padding-right: 30px;
        padding-top:50px;
	/* 横幅を削除 */
}


/* ここからメインコンテンツのテーブルに関する設定 */
#content_left .content_table {
        padding-left: 30px;
	padding-bottom: 20px;
	padding-top: 10px;
}
#content_left .content_table th {
	font-weight: normal;
	font-size: 16px;
	color: #000000;
	text-align: left;
}
#content_left .content_table td {
	font-weight: normal;
	font-size: 16px;
	color: #000000;
	text-align: left;
}
/* ここまでメインコンテンツのテーブルに関する設定 */


/* ここからコンテンツページに関する設定 */
#content_left #text04 {
	padding-left: 30px;
	padding-top: 20px;
	padding-bottom: 30px;
}
#content_left #text04 a {
	text-decoration: none;
	color: red;

}

#content_left #text04 p {
	color: #333333;
	font-size: 16px;
	line-height: 30px;
}

#content_right img {
	padding-bottom: 20px;
}
/* ここまでコンテンツページに関する設定 */

/* ここからINDEX用の設定 */
.text05 {
	color: #333333;
	font-size: 100%;
	width: 600px;
	margin-right: auto;
	margin-left: auto;
	line-height: 200%;
	margin-top: 10px;
	margin-bottom: 20px;
	/* テキスト中央揃えを削除 */
}

#topicpath2 {
	padding-left: 20px;
	padding-top: 10px;
}
#topicpath2 p {
	font-size: 13px;
	letter-spacing: 1px;
	margin-bottom: 2px;
}

/* ここまでINDEX用の設定 */




/* ここからMELON用の設定 */
#table_melon .content_table {

        text-align: center;
        font-weight:normal;
        }
#table,th,td{
        padding-left: 10px;
        padding-top:5px;	
        font-size: 16px;
        font-weight:normal;
        }

/* ここまでMELON用の設定 */

/* ここからprivacy&tokutei用の設定 */
.text06 {
	color: #333333;
	font-size: 90%;
	width: 600px;
	margin-right: auto;
	margin-left: auto;
	line-height: 150%;
	margin-top: 75px;
	margin-bottom: 20px;
	/* テキスト中央揃えを削除 */
        }

.text07 {
	color: #333333;
	font-size: 85%;
	line-height: 200%;
	width: 600px;
	margin-right: auto;
	margin-left: auto;
        line-height: 150%;
	/* 下マージンを削除 */
        }

.text07 ol {
	list-style-type: decimal;
	list-style-position: outside;
        }

.text08 {
	color: #333333;
	font-size: 100%;
	line-height: 200%;
	width: 600px;
	margin-right: auto;
	margin-left: auto;
        line-height: 150%;
        float: clear;
	}

.text08 table{
        width:100%;
        table-layout:fixed;
        }

/* ここまでprivacy用の設定 */

/* ここからSHOP用の設定 */
.text09 {
	color: #333333;
	font-size: 16px;
	width: 600px;
	line-height: 30px;
	margin-top: 10px;
	margin-bottom: 20px;
        padding-left: 30px;
        }

.text09 a {
	text-decoration: none;
	color: red;
}

/* ここまでSHOP用の設定 */

.text10 {
	color: #333333;
	font-size: 100%;
	line-height: 200%;
	width: 600px;
	margin-right: auto;
	margin-left: auto;
        line-height: 150%;
        float: clear;
	}

.text10 table{
        width:100%;
        table-layout:auto;
        text-align: center;
        border=collapse:separate;
        }

.text10 table th {
	background-color:#00ffff;
        font-weight:bold;
}





#footer {
	clear: both;
	padding-top: 30px;
}

