@charset "Shift_JIS";

/***************************************************************

* info/index.css

***************************************************************/
h1 {
	text-align:center;
}
h2 {
	margin:0 auto 20px;
	text-align:center;
}
h3 {
	color:#333;
    font-size:18px;
    font-weight:bold;
    margin:0 0 15px;
}
#contents {
	/* width:800px;
	margin:0 auto;
	padding:20px;
	text-align:left; */
	width: 100%;
	max-width: 900px;
	margin: 0 auto;
	padding: 20px;
	text-align: left;
}

#info {
	/* width:800px; */
	width: 100%;
	padding: 10px;
}

#info .column {
	margin:0 0 45px;
}


#info .column dl {

}
#info.column dt {
	font-size:14px;
	font-weight:bold;
	color:#313131;
	margin: 0 0 5px;
}
#info.column dd {
	padding: 20px;
	background: #FFF;
	margin: 0 0 20px;
}
#info.column dd em {
	font-weight: bold;
	font-style: normal;
}
#info p {
	margin: 20px 0 ;
}
#info em {
	font-weight:bold;
	font-style:normal;
}

/*magazine*/
#magazine #column1 {
	width:800px;
	border-bottom:1px solid #ccc;
	margin:0 0 30px;
}
#magazine #column1 p,#magazine #column2 p {
	margin:0 0 30px;
}
#magazine #column1 p.note {
	color:#cc6666;
	margin:0 0 15px;
}
#magazine #column1 .jScrollPaneContainer {
	margin:10px 0 0;
	padding:10px!important;
	border:#ccc 1px solid!important;
}
#magazine #column1 p.text {
	width:750px;
	height:120px;
	font-size:11px;
	overflow:hidden;
	margin:10px 0 0;
}
#magazine #column1 p.btn {
    text-align:center;
    margin:30px auto 45px;
}
#magazine #column2 {
	width:800px;
	padding:0 10px 20px;
}
#magazine #column2 p.btn {
    text-align:center;
    margin:0 auto 45px;
}


/*mobile*/
#magazine #mobile {
	width: 800px;
	line-height: 20px;
	border-bottom:1px solid #ccc;
	margin:0 0 30px;
	text-align:center;
}
#magazine #mobile h3, p, img {
	text-align:left;
	margin:30px 0;
}

#magazine #mobile input.field {
	margin:0 auto;
	width: 350px;
	height: 20px;
	line-height: 20px;
	background: #FFF;
	border: 1px solid #CCC;
}