@charset "utf-8";
/*
 * name:common.css
 * author:Manabu Kushimoto(web-park.org)
*/

/* reset
------------------------------------------------ */
body,div,pre,p,a,img,form,fieldset,input,textarea,select,option,
dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,table,th,td,embed,object {
	margin: 0;
	padding: 0;
}
body {
	width: 100%;
	height: 100%;
	background: #B12002;
	font-size: 80%;
	font-family: "メイリオ", "Meiryo", Verdana, Helvetica, "ＭＳ Ｐゴシック", "MS P Gothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kakugo Pro W3", Osaka, sans-serif;
	line-height: 1.6;
	color: #333;
}
ul,ol { list-style: none; }
img { border: none; vertical-align: top; }
a:link { color: #333; text-decoration: none; }
a:visited { color: #333; text-decoration: none; }
a:hover { text-decoration: underline; }

.hide { display: none; }
.attention { font-size: 1.2em; font-weight: bold; color: #C00; }
.fRed { color: #f00; }
.space { margin-top: 10px; }
.exSpace { margin-top: 30px; }
.spaceL { margin-left: 10px; }
.spaceR { margin-right: 10px; }
.center { text-align: center; }
.sup { font-size: .8em; }

/* clearfix
------------------------------------------------ */
.clearfix:after {
	clear: both;
	display: block;
	visibility: hidden;
	height: 0;
	font-size: 0;
	content: ".";
}

.clearfix {
	clear: both;
	*zoom: 1;
}

/* container
------------------------------------------------ */
#container {
	width: 100%;
}

/* wrap
------------------------------------------------ */
.wrap {
	margin: 0 auto;
	width: 950px;
}

/* header
------------------------------------------------ */
#header {
	position: relative;
}

	#header .leaf01 {
		position: absolute;
		top: 0;
		left: 0;
		z-index: 1;
	}

	#header .leaf02 {
		position: absolute;
		top: 0;
		right: 0;
		z-index: 1;
	}

/* head_top
------------------------------------------------ */
#head_top {
	position: relative;
	height: 92px;
	background: url(../img/share/head_bg02.png) repeat-x left top;
}

	#logo {
		position: relative;
		padding-top: 20px;
		z-index: 2;
	}

	#head_top .banner_area {
		margin: 0 auto;
		padding: 4px 0 0 4px;
		width: 939px;
		height: 85px;
		background: url(../img/share/bnr_area_bg.png) repeat-x left top;
	}

		#head_top .banner_area li {
			float: left;
			padding-right: 4px;
		}

/* head_btm
------------------------------------------------ */
#head_btm {
	position: relative;
	padding-top: 10px;
	height: 35px;
	background: url(../img/share/head_nav_bg.png) repeat-x left top;
}

	#gnav {
		position: relative;
		float: left;
		padding-left: 5px;
		z-index: 2;
	}

		#gnav li {
			float: left;
			padding-right: 15px;
		}

	#head_btm .cart {
		position: relative;
		float: right;
		padding-right: 5px;
		z-index: 2;
	}

/* contents
------------------------------------------------ */
#contents {
	padding-top: 20px;
	background: #FEFED9;
}

/* main_column
------------------------------------------------ */
#main_column {
    float: right;
    width: 640px;
}

    #main_column .main_area {	
    	float: left;
    	width: 470px;
    }

    #main_column .sub_area {
    	float: right;
    	width: 233px;
    }

	#main_column .section {
	    margin-bottom: 20px;
	    background: #fff;
	    border: solid #f60 1px;
	}
	
	    #main_column .section .sec_title {
	    	margin: 4px;
	    	padding: 6px 6px 3px;
	    	background: #B09979;
	    	color: #fff;
	    }

		#main_column .sub_area .bnr {
			padding-bottom: 10px;
			text-align: center;
		}

/* main_column
------------------------------------------------ */
#under_column {
    float: right;
	padding-bottom: 18px;
    width: 680px;
	background: #fff;
	border: solid #FF6702 1px;
}

/* topic_path */
#topic_path {
	padding: 18px 0 10px 18px;
}

	#topic_path li {
		float: left;
	}

/* title1 */
.title1 {
	margin-left: 12px;
	padding: 6px 0px 10px 18px;
	width: auto;
	height: 31px;
	background: #FFFFFF url(../img/share/title_bar01.gif) no-repeat left top;
	font-size: 100%;
	color: #4d2f00;
}

	.title1 img { vertical-align: middle; }

/* mainFrame */
.mainFrame {
	padding: 18px;
}

/* item_list */
.item_list {
	margin: 14px 0 0 -5px;
}

	.item_list li {
		float: left;
		margin-left: 14px;
		width: 140px;
		text-align: center;
		font-size: 90%;
	}

		.item_list li p {
			padding-bottom: 5px;
		}
		.item_list li .price { color: #f00; }

			.item_list li p img {
				margin-bottom: 5px;
				padding: 11px 13px;
				border: solid #E7D8CD 1px;
			}


/* guide_block */
.guide_block {
}

	.guide_block dl {
		padding: 20px 10px;
	}

		.guide_block dl dt {
			padding: 0 10px;
			font-weight: bold;
		}

		.guide_block dl dd {
			margin-bottom: 20px;
			padding: 20px 20px 20px 30px;
			border-bottom: dotted #B09979 1px;
			font-size: 90%;
		}

			.guide_block dl dd ul {
				margin-left: 20px;
			}

				.guide_block dl dd ul li {
					list-style: disc outside;
				}

/* left_column
------------------------------------------------ */
#left_column {
    float: left;
    width: 233px;
}

    #left_column .bnr {
    	padding-bottom: 15px;
    	text-align: center;
    }

    #left_column .aside {
    	margin: 0 auto 15px;
		width: 216px;
    }

/* category */
#category {
	padding-bottom: 10px;
	background: url(../img/share/side_bg_btm.png) no-repeat left bottom;
}

	#search {
		padding: 20px 20px 10px;
		background: url(../img/share/side_bg.png) repeat-y left top;
	}

		#search dt {
		}
		
		#search dd {
		}
		
			#search dd .keyword { padding: 3px 2px; width: 120px; border: solid #999 1px; }

	#category ul {
		padding: 10px 20px;
		background: url(../img/share/side_bg.png) repeat-y left top;
	}

		#category ul li {
			padding-bottom: 3px;
			font-size: 90%;
		}

			#category ul li a {
				display: block;
				padding-left: 15px;
				background: url(../img/icon/arrow01.png) no-repeat left 3px;
				color: #033;
			}

/* youtube */
#youtube {
	padding-bottom: 20px;
}

	#youtube p { text-align: center; }

/* dialy */
#dialy {
	padding-bottom: 10px;
}

	#dialy dl {
		padding: 0 25px;
		height: 182px;
		background: url(../img/top/dialy_bg.jpg) repeat-y left top;
		font-size: 85%;
		overflow: hidden;
	}

		#dialy dl dt {
			color: #f90;
		}

		#dialy dl dd {
			padding-bottom: .5em;
		}

/* pk_siam */
#pk_siam {
	background: url(../img/share/radius01_bg.gif) no-repeat left bottom;
	font-size: 85%;
}

	#pk_siam p {
		padding: 8px 10px;
		color: #4D2F00;
	}

		#pk_siam p a {
			color: #4D2F00;
		}

		#pk_siam .arrow a {
			padding-left: 10px;
			background: url(../img/icon/arrow02.gif) no-repeat left 3px;
		}

/* relate_link */
#relate_link {
}

	#relate_link ul {
		margin: 0 auto;
		width: 208px;
		font-size: 90%;
	}

		#relate_link ul li {
			float: left;
			padding: 5px 2px;
			width: 100px;
			text-align: center;
		}

			#relate_link ul li img { margin-bottom: 2px; }

/* footer
------------------------------------------------ */
#footer {
	padding: 20px 0;
}

	#footer ul {
		text-align: center;
	}

		#footer ul li {
			display: inline;
			color: #fff;
		}

			#footer ul li a {
				color: #fff;
			}

	#copyright {
		padding-top: 5px;
		text-align: center;
		color: #fff;
	}

/* modalwindow
------------------------------------------------ */
#overLay {
	position: absolute;
	top:0;
	left:0;
	height:100%;
	width:100%;
	background: #fff;
	z-index: 500;
}
#displayContent {
	position: absolute;
	top:50%;
	left:50%;
	margin: -50px 0 0 -50px;
	padding: 20px 40px 20px 20px;
	_padding: 20px;
	width: 100px;
	height: 100px;
	z-index: 600;
}
#getContents {
	padding: 10px;
	_padding: 6px;
	width: 100%;
	height: 100%;
	background: #fff;
	border: solid #ccc 2px;
}
#closeBox {
	position: absolute;
	top: 0;
	right: 0;
	width: 30px;
	height: 30px;
}