@charset "shift_jis";

/* ------------------------------------------------------------
#	toppage.css
#	2012-12-10
#
#
------------------------------------------------------------ */

/* --------------------------------------------------------
	topMainimg
-------------------------------------------------------- */
#topMainimg {
	clear: both;
	margin-bottom: 20px;
	padding-top: 5px;
}

/* --------------------------------------------------------
	2 column layout
-------------------------------------------------------- */
#topLeftcol {
	float: left;
	width: 460px;
}

#topRightcol {
	float: left;
	margin-left: 20px;
	width: 460px;
}

/* --------------------------------------------------------
	column innner style
-------------------------------------------------------- */
h2,
h3 {
	clear: both;
}

h3 {
	padding: 2px 10px;
	background: url(../images/bg_h_02.gif) repeat-y left top;
	font-weight: bold;
}

/* common style */
#topLeftcol .secInfo,
#topLeftcol .secMovie,
.secMagazine,
#topRightcol .secProducts {
	margin: 10px 0 20px 0;
}

/* irregular style */
#topLeftcol .secMovie ul li,
.secMagazine ul li,
#topRightcol .secProducts ul li {
	float: left;
	margin-left: 15px;
}

#topLeftcol .secMovie ul li.first-child,
.secMagazine ul li.first-child,
#topRightcol .secProducts ul li.first-child {
	margin-left: 0;
}

/* products */
#topRightcol .secProducts ul {
	margin-bottom: 15px;
}

#topRightcol .secProducts ul li {
	margin-top: 10px;
}

/* information */
#topLeftcol .secInfo dl {
}

#topLeftcol .secInfo dt {
	clear: left;
	float: left;
	padding: 5px 0 5px 0;
	width: 70px;
}

#topLeftcol .secInfo dd {
	padding: 5px 0 5px 80px;
	border-bottom: 1px dotted #CCC;
}

#topLeftcol .secInfo dd span {
	margin-left: 5px;
	font-size: 12px;
}

#topLeftcol .secInfo p {
	float: right;
	margin: 5px 0 0 0;
	padding-left: 15px;
	background: url(../images/arw_cont_02.gif) no-repeat left center;
}

/* magazine */
.secMagazine input[type="text"] {
	border: 1px solid #CCC;
	width: 150px;
}

.secMagazine .magJoin {
	float: left;
	width: 220px;
	margin-bottom: 30px;
}

.secMagazine .magExit {
	float: right;
	width: 220px;
	margin-bottom: 30px;
}


.snsb {
	overflow: hidden;
	margin-top:3px;
}

.snsb ul {
	float: right;
}

.snsb li {
	float: right;
	margin-left: 4px;
}