/* ----- lp8.css ----- */

@charset "utf-8";

#main div.lp_content2top {
	width: 600px;
}
.lp_title_img{
	width: 519px;
}
.lp_sample_img{
	width: 440px;
}
.lp_section_mark{
	width: 9px;
	vertical-align: bottom;
}
.lp_support_img{
	width: 255px;
}


#main div.lp_content1,
#main div.lp_content1text,
#main div.lp_content2,
#main div.lp_content3 {
	margin: 20px;
	padding: 0px;
    display: block;
}

#main div.lp_download{
	width: 300px;
	display: block;
	margin: 0 auto;
}

/* 1カラム用*/
#main div.lp_content1text {
	height: 30px;
    color: #dd1d25
}

#main div.lp_content1text,
#main div.lp_content1{
	width: 976px;
}

/* 2:1 カラムの幅 2 のカラム用*/
#main div.lp_content2top {
	margin: 20px;
	padding: 0px;
    display: block;
}

#main div.lp_content2top,
#main div.lp_content2{
	width: 440px;
	float: left;
}

/* 3カラム用 */
#main div.lp_content3top {
	margin-top: 100px;
	margin-left: 20px;
	margin-right: 20px;
	padding: 0px;
    display: block;
}

#main div.lp_content3top,
#main div.lp_content3{
	width: 280px;
	float: left;
}

/* スマホ対応 */
@media only screen and (max-width:519px){
	#main div.lp_content2top {
		width: 90%;
	}
	.lp_title_img{
		width: 100%;
	}
	.lp_sample_img{
		width: 100%;
	}
	.lp_section_mark{
		height: 1.2em;
		vertical-align: bottom;
	}
	.lp_support_img{
		width: 100%;
	}
	#main div.lp_content1{
		width: 90%;
	}
	#main div.lp_content2,
	#main div.lp_content2top{
		width: 90%;
		float: left;
	}
	#main div.lp_content3top {
		margin: 10px;
		padding: 0px;
		float: left;
		display: block;
	}
}
/* タブレット対応（？ 実物が無いので確認できず） */
@media only screen and (min-width:520px) and (max-width:975px){
	#main div.lp_content2top {
		width: 90%;
	}
	.lp_title_img{
		width: 519px;
	}
	.lp_sample_img{
		width: 511px;
	}
	.lp_section_mark{
		height: 1.2em;
		vertical-align: bottom;
	}
	.lp_support_img{
		width: 255px;
	}
	#main div.lp_content1{
		width: 90%;
	}
	#main div.lp_content2,
	#main div.lp_content2top{
		width: 90%;
		float: left;
	}
	#main div.lp_content3top {
		margin: 10px;
		padding: 0px;
		float: left;
		display: block;
	}
}

#main div.height30{
	height: 30px;
}

#main div.height40{
	height: 40px;
}

#main div.height60{
	height: 60px;
}

#main div.height80{
	height: 80px;
}

#main div.height100{
	height: 100px;
}

#main div.height120{
	height: 120px;
}

#main div.height150{
	height: 150px;
}

#main div.height180{
	height: 180px;
}

#main div.height220{
	height: 220px;
}

#main div.height250{
	height: 250px;
}

#main div.height300{
	height: 300px;
}

#main div.height330{
	height: 330px;
}

#main div.height430{
	height: 430px;
}

#main div.height460{
	height: 460px;
}

#main div.height480{
	height: 480px;
}

#main div.height600{
	height: 600px;
}

#main div.height680{
	height: 680px;
}

#main img {
	margin-top: 5px;
	margin-bottom: 5px;
}

#main div.lp_topnews {
	margin: 20px;
	padding: 0px;
    float: left;
    display: block;
	height: 100px;
	width: 100%;
}

#main div.lp_infobox {
	height: 70px;
	width: 80%;
	overflow: auto;
	border: 1px #ddd dashed;
}

#main div.lp_infoboxdate{
    float: left;
    display: block;
	width: 80px;
}

#main a:hover img{
	opacity:0.7;
	filter:alpha(opacity=70);
	-ms-filter: "alpha( opacity=70 )";
}

.box-info {
    margin: 0 auto;
    padding: .5em 1.5em 1em;
    border-top: 5px solid #0063cc;
    border-radius: 3px;
    background-color: #F3F3F3;
    box-shadow: 0 3px 4px rgba(0, 0, 0, 0.32);/*影*/
}

.box-info div.info-title {
    margin-bottom: .5em;
    color: #0063cc;
    font-weight: 600;
    font-size: 1.2em;
}

.box-info > p {
    margin: 0;
    color: #333;
}


.box10 {
    padding: 1em 2em;
    margin: 2em 0;
    color: #000000;
    background: #ffefef;/*背景色*/
    border-top: solid 6px #ff7f7f;
    box-shadow: 0 3px 4px rgba(0, 0, 0, 0.32);/*影*/
}

.box10 p {
    margin: 0; 
    padding: 0;
}

.openbox input {
	display: none; /* チェックボックスを隠す */
}

.openbox .boxshow {
	height: 0;
	opacity: 0; /* 折り畳んだ時に中を透明にする */
	display: none;/* 閉じた時に中身の要素をなくす */
}

.inputcss:checked + .boxshow {
	height: auto;
	opacity: 1; /*クリックやタップで中を表示させる*/
	display: block;/* 折り畳みになるように */
}

.SubSection{
	font-size: x-large;
	color: #333333;
}

.SubSubSection{
	font-size: large;
	color: black;
}

.SubSubSection_min{
	font-size: small;
	color: black;
}

#main ul.lp_list{
	padding-left: 1.5em;
	list-style-type: square;
}

#main dl.lp_dl{
	padding-left: 1.5em;
	width: 90%;
	display: block;
}

#main dt.lp_dt{
	float: left;
}

#main dt.lp_dt::after{
	content: " : ";
}

/*
.openbox label {
background: #babbbb;
padding: 5px 10px;
}*/