/* -------------------------------------------------------------
	目次
	1.テーブルのspacing（数値が「cellspacing」の値）
	2.Marginセット
	3.clearfix
	4.コンテンツ用（独自追加分）
---------------------------------------------------------------*/


/* 1.テーブルのspacing（数値が「cellspacing」の値）
---------------------------------------------------------------*/
#column1-main table.spc5 {
	border-collapse: separate;
	border-spacing: 5px;
	text-align: left;
}

#column1-main table.spc10 {
	border-collapse: separate;
	border-spacing: 10px;
	text-align: left;
}

#column1-main table.spc15 {
	border-collapse: separate;
	border-spacing: 15px;
	text-align: left;
}

#column1-main table.spc20 {
	border-collapse: separate;
	border-spacing: 20px;
	text-align: left;
}

#column1-main table.spc25 {
	border-collapse: separate;
	border-spacing: 25px;
	text-align: left;
}


#column1-main table.spc30 {
	border-collapse: separate;
	border-spacing: 30px;
	text-align: left;
}

#column1-main table.spc35 {
	border-collapse: separate;
	border-spacing: 35px;
	text-align: left;
}



/* 2.Marginセット
---------------------------------------------------------------*/
/* TOP */
.mrg1px { margin-top:1px; }
.mrg5px { margin-top:5px; }
.mrg10px { margin-top:10px; }
.mrg15px { margin-top:15px; }
.mrg20px { margin-top:20px; }
.mrg25px { margin-top:25px; }
.mrg30px { margin-top:30px; }
.mrg35px { margin-top:35px; }
.mrg40px { margin-top:40px; }
.mrg45px { margin-top:45px; }
.mrg50px { margin-top:50px; }

/* LEFT */
.mrgL1px { margin-left:1px; }
.mrgL5px { margin-left:5px; }
.mrgL10px { margin-left:10px; }
.mrgL15px { margin-left:15px; }
.mrgL20px { margin-left:20px; }
.mrgL25px { margin-left:25px; }
.mrgL30px { margin-left:30px; }
.mrgL35px { margin-left:35px; }
.mrgL40px { margin-left:40px; }
.mrgL45px { margin-left:45px; }
.mrgL50px { margin-left:50px; }

/* RIGHT */
.mrgR1px { margin-right:1px; }
.mrgR5px { margin-right:5px; }
.mrgRL10px { margin-right:10px; }
.mrgR15px { margin-right:15px; }
.mrgR20px { margin-right:20px; }
.mrgR25px { margin-right:25px; }
.mrgR30px { margin-right:30px; }
.mrgR35px { margin-right:35px; }
.mrgR40px { margin-right:40px; }
.mrgR45px { margin-right:45px; }
.mrgR50px { margin-right:50px; }

/* BOTTOM */
.mrgB1px { margin-bottom:1px; }
.mrgB5px { margin-bottom:5px; }
.mrgB10px { margin-bottom:10px; }
.mrgB15px { margin-bottom:15px; }
.mrgB20px { margin-bottom:20px; }
.mrgB25px { margin-bottom:25px; }
.mrgB30px { margin-bottom:30px; }
.mrgB35px { margin-bottom:35px; }
.mrgB40px { margin-bottom:40px; }
.mrgB45px { margin-bottom:45px; }
.mrgB50px { margin-bottom:50px; }

/* LR */
.mrgLR1px { margin:0 1px; }
.mrgLR5px { margin:0 5px; }
.mrgLR10px { margin:0 10px; }
.mrgLR15px { margin:0 15px; }
.mrgLR20px { margin:0 20px; }
.mrgLR25px {margin:0 25px; }
.mrgLR30px { margin:0 30px; }
.mrgLR35px { margin:0 35px; }
.mrgLR40px { margin:0 40px; }
.mrgLR45px { margin:0 45px; }
.mrgLR50px { margin:0 50px; }

/* TB */
.mrgTB1px { margin:1px 0; }
.mrgTB5px { margin:5px 0; }
.mrgTB10px { margin:10px 0; }
.mrgTB15px { margin:15px 0; }
.mrgTB20px { margin:20px 0; }
.mrgTB25px { margin:25px 0; }
.mrgTB30px { margin:30px 0; }
.mrgTB35px { margin:35px 0; }
.mrgTB40px { margin:40px 0; }
.mrgTB45px { margin:45px 0; }
.mrgTB50px { margin:50px 0; }



/* 3.clearfix
---------------------------------------------------------------*/
.clearfix:after {
content: ".";
display: block;
visibility: hidden;
height: 0.1px;
font-size: 0.1em;
line-height: 0;
clear: both;
} 

.clearfix {
display: inline-block;
}

.clear{
clear:both;
}



/* 4.コンテンツ用（ここに追加してください）
---------------------------------------------------------------*/
/* キャラクター紹介 */
#charactor {
	width				: 930px;
	height				: 155px;
	margin				: 20px 0;
	padding				: 0;
	border				: none;
}

#charactor td {
	width				: 50%;
}

.chara_1 {
	height				: 150px;
	margin				: 0 5px 0 0;
	padding				: 0 0 0 155px;
	background			: URL(images/photo_1.jpg) no-repeat;
	border-bottom		: solid 5px #ccc;
}

.chara_2 {
	height				: 150px;
	margin				: 0 0 0 5px;
	padding				: 0 0 0 155px;
	background			: URL(images/photo_2.jpg) no-repeat;
	border-bottom		: solid 5px #ccc;
}

.cname {
	margin				: 0 0 10px 0;
	font-size			: 120%;
	font-weight			: bolder;
}

/* ビデオメニュー */
#movie_menu {
	width				: 930px;
	margin				: 0;
	padding				: 10px;
	border				: none;
}

#movie_menu p {
	margin				: 0 0 10px 0;
}

#movie_menu td {
	width				: 310px;
	padding				: 10px;
	vertical-align		: top;
}

#movie_menu ul {
	list-style			: none;
	padding				: 0 0 0 45px;
	line-height			: 100%;
}

#movie_menu li {
	line-height			: 100%;
}


/* ビデオエリア */
.movie_area {
	margin				: 20px 0 0 0;
	text-align			: center;
}

.movie_block {
	margin				: 0 0 0 190px;
	text-align			: left;
	font-size			: 120%;
}

.movie_block p {
	margin				: 20px 0 0 0;
}

p.movie_display {
	width				: 558px;
	height				: 354px;
	margin				: 0;
	background			: #000;
	color				: #fff;
}

/* その他レイアウトに関するもの */
.hider {
	display				: none;
}

.clearer {
	display				: none;
	clear				: both;
}
