@charset "Shift_jis";

/*
	おおおおおおおおおっ！！
	CSSの中まで見てしまうのですか...
	一応、ちゃんと書いてるともりですが、
	おかしなところがあれば、ご連絡下さいね。
	勝手にコピペコピペ
*/
	
	

/* --------<基本設定>-------------*/


body {
	background-image: url(../img/back_img.gif);
	margin: 0px;
	padding: 0px;
	font-size: 14px;
	color: #333333;
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	text-align: center;
}

img {
	border: 0px;
}

/* ------＜フォント＞------ */
p {
	font-size: 14px;
	color: #454545;
}
h1 {
	height:0px;
	text-indent: -9999px;
	margin: 0;
	padding: 0;
}

h3 {
	font-size: 22px;
	color: #FF6600;
	margin-left: 30px;
}

/* h4（商品見出し設定）*/
h4 {
	font-size:18px;
	color: #FF0000;
	padding: 0 0 0 25px;
	margin: 0px 0px 0px 20px;
	background-image: url(../img/G.gif);
	background-repeat:no-repeat;
}
h5 {
	margin: 0px;
	padding: 0px;
	color: #3366FF;
}
h6 {
	margin: 0px;
	padding: 0px;
}
.red {
	color: #FF0000;
}

.gray {
	color:#CCCCCC;
}
.center {
	text-align: center;
}

/* -------＜リンク設定＞-------- */
a:link {
	color: #3333FF;
	text-decoration: none;
}
a:visited {
	text-decoration: none;
	color:#3333FF;
}
a:hover {
	text-decoration: none;
	color: #FF9933;

}
a:active {
	text-decoration: none;
	color: #333333;
}
.photo a:hover, .cosphoto a:hover, .navi a:hover {
	background-color: #FFFFCC;
}




/*--------＜ページレイアウトテンプレート＞---------*/

#page {
	position: relative;
	left: 0px;
	top: 0px;
	width: 760px;
	z-index: 6;
	background: url(../img/shadow.gif);
	margin: 0px auto;
}

#con {
	position:absolute;
	left:5px;
	top:0px;
	width:750px;
	z-index:2;
	background-color: #FFFFFF;
	text-align:left;
}


/*------＜ヘッダーの設定＞------*/
#header {
	position:absolute;
	left:0px;
	top:0px;
	width:750px;
	height:120px;
	z-index:31;
}


/*-------＜フッターの設定＞----------*/
#footer {
	position:absolute;
	left:0px;
	width:750px;
	height:60px;
	z-index:32;
	border-top: #666666 1px solid;
}
#footer img {
	margin: 0px;
	padding: 0px;
}
#footer p {
	text-align:center;
	margin: 0px auto 2px auto;
}

.bg_yellow {
	background-color:#FFFF99;
}

.footerline {
	width: 750px;
	height: 5px;
	margin: 0px;
	padding: 0px;
	background-image:url(../img/footer_line.png);
	background-repeat: no-repeat;
}
.navi ul {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}
.navi li {
	margin: 0px;
	padding: 0px;
	float: left;
	text-align: center;
}

.w124 {
	width: 124px;
}
.navi .waku {
	border-right: #999999 solid 1px;	
	border-left: #999999 solid 1px;
}

.navi .li-last  {
	width: 125px;
	border-left: 1px #666666 solid;
}

.navi a {
	padding: 5px 0px;
	display: block;
	width: 124px;
	text-decoration: none;	
}

.navi .li-last a {
	width: 125px;
}

.navi a:hover {
	color: #FF6600;
}



/*-------＜コンテンツボックスの陰＞-----------*/

#lineshadow {
	position:absolute;
	left:0px;
	width:750px;
	height:10px;
	z-index:33;
	background-image: url(../img/line_shadow.gif);
	background-repeat:repeat-x;
	text-indent:-9999px;
}

#lineshadow2 {
	position:absolute;
	left:0px;
	width:750px;
	height:10px;
	z-index:21;
	background-image: url(../img/line_shadow.gif);
	background-repeat:repeat-x;
	text-indent:-9999px;
}


/*-------＜リストスタイルの設定＞-----------*/

.star-blue {
	background-image:url(../img/star_blue.gif);
	background-repeat: no-repeat;
}
.star-green {
	background-image: url(../img/star_green.gif);
	background-repeat: no-repeat;
}
.star-pinka {
	background-image: url(../img/star_pinka.gif);
	background-repeat: no-repeat;
}
.star-orange {
	background-image: url(../img/star_orange.gif);
	background-repeat: no-repeat;
}
.star-skyblue {
	background-image: url(../img/star_skyblue.gif);
	background-repeat: no-repeat;
}
.star-purple {
	background-image: url(../img/star_purple.gif);
	background-repeat: no-repeat;
}
.star-orange {
	background-image: url(../img/star_orange.gif);
	background-repeat: no-repeat;
}