@charset "utf-8";

/* =Reset default browser CSS. Based on work by Eric Meyer: http://meyerweb.com/eric/tools/css/reset/index.html
-------------------------------------------------------------- */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	background: transparent;
	border: 0;
	margin: 0;
	padding: 0;
	vertical-align: baseline;
}
body {line-height: 1;}

h1, h2, h3, h4, h5, h6 {
	clear: both;
	font-size: 100%;
	font-weight: normal;
	
}
ol, ul {list-style: none;}

blockquote {quotes: none;}

blockquote:before, blockquote:after {
	content: '';
	content: none;
}
del {text-decoration: line-through;}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}
a img {border: none;}

.clearfix {width:100%; margin: 0;}
.clearfix:after{
     content: ".";
     display: block;
     clear: both;
     height: 0;
     visibility: hidden;
     }

/* =Layout
-------------------------------------------------------------- */
body {
	font: 9pt "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS P Gothic", sans-serif;
	background: #000;
	margin: 0;
	padding: 0;
	color: #fff;
	line-height: 15pt;
}

/* ~~ エレメント / タグセレクター ~~ */
ul, ol, dl {
	padding: 0;
	margin: 0;
}
a img {
	border: none;
}
a:link {
	color: #ff0000;
	text-decoration: none; 
}
a:visited {
	color: #ff0000;
	text-decoration: underline;
}
a:hover{ 
	color: #ff0000;
	text-decoration: underline;
}


h1.main_image{
	width: 740px;
	margin: 0 auto;
}

.container {
	width: 740px;
	background: #000;
	margin: 0 auto;
}

.content {
	padding: 10px 0;
}

.content h1{
	margin-top: 30px;
	padding-bottom: 10px;
	
}

.clearfloat { 
	clear:both;
	height:0;
	font-size: 1px;
	line-height: 0px;
}

.contents_box{
	width: 740px;
	margin-bottom: 20px;
}

	.contents_box a{
		float: left;
		display: block;
	}
	
	.contents_box img{
		padding: 5px;
		border: solid 1px #a0050a;
	}
	
	.contents_box img.img_left{
		margin-right: 10px;
	}
	
	.contents_box img.img_right{
		margin-left: 10px;
	}
	
	.contents_box p{
		float: left;
		width: 510px;
		padding-top: 3px;
	}

.wc_gallery{
	width: 740px;
}

.wc_gallery img{
	margin-bottom: 3px;
	margin-right: 4px;
	padding: 4px;
	border: solid 1px #a0050a;
}

.content_index{
	margin-top: 20px;
}

.content_index img.top3_img{
	float: left;
	margin-left: 20px;
}

.content_index div.text_box{
float: left;
	width: 410px;
	margin-left: 20px;
	font-size: 14px;
	line-height: 22px;
}

.content_index .btn_box{
	width: 300px;
	margin-top: 10px;
	margin-left: 60px;
}

.content_index .btn_box a{
	float: left;
	width: 150px;
	height: 35px;
	display: block;
	overflow: hidden;
}

.content_index .btn_box img:hover{margin-top: -35px;}



.copy{
	width: 740px;
	height: 30px;
	margin-top: 30px;
	text-align: center;
	
}