@charset "UTF-8";
/*
////////////////////////////////////////////////
////////////////////////////////////////////////

common

////////////////////////////////////////////////
////////////////////////////////////////////////
*/
section .box1 {
	clear: both;
    width: 640px;
    min-height: 410px;
	margin: 0 auto;
	padding: 80px 0;
}
/*
////////////////////////////////////////////////
////////////////////////////////////////////////

cover

////////////////////////////////////////////////
////////////////////////////////////////////////
*/
#wrapper #cover {
	position: relative;
	overflow: hidden;
	margin: 0 auto;
	padding: 0 60px;
	z-index: 8;
	background-image: none;
	text-align: left;
}
.ios #wrapper #cover,  .android #wrapper  #cover {
	padding: 0;
	margin: 0;
	width: 100%;
}
#cover .img {
	margin: 0;
	float: left;
	line-height: 100%;
	width: 360px;
	height: 600px;
}
.ios #cover .img,  .android #cover .img {
	margin: 0;
	padding: 0;
}
#cover section {
	float: left;
	width: 520px;
	margin: 0 0 0 40px;
	background-image: none;
}
.ios #cover section,  .android #cover section {
	margin: 0 0 0 40px;
}
#cover h2 {
	text-align: left;
	font-size: 24px;
	margin: 30px 0 0 0;
}
#cover h2 .roma{
	padding: 0 0 0 16px;
	font-size: 18px;
	font-weight: normal;
	color: #555;
}
#cover h3 {
	text-align: left;
	clear: both;
	margin: 35px 0 0 0;
}
/**/
#cover .profile {
	float: left;
	width: 240px;
	/*margin: 20px 20px 0 0;*/
	margin: 20px 20px 40px 0;
	font-size: 14px;
	line-height: 20px;
}
#cover .profile2 {
    clear: both;
    width: 500px;
    font-size: 14px;
    line-height: 20px;
}
#cover .profile tr {
    width: 240px;
    padding: 14px;
}
#cover .profile th, #cover .profile td, #cover .profile2 th, #cover .profile2 td {
    border-top: 1px solid #d5d5d5;
    border-bottom: 1px solid #d5d5d5;
    font-weight: normal;
    padding: 14px;
}
#cover .profile th, #cover .profile2 th {
	width: 4em;
}
#cover .profile2 th, #cover .profile2 td {
    border-top: none;
}
/**/
#cover .sns {
	clear: both;
	width: 510px;
	padding: 0;
	margin: 0;
}
#cover .sns li {
	float: left;
	list-style: none;
	width: 160px;
	height: 40px;
	padding: 0;
	margin: 0 10px 0 0;
}
/*神下（2015/6/15）*/
#cover dt {
	clear: both;
	width: 90px;
}
#cover dt, #cover dd {
	float: left;
	padding: 0 0 18px 0;
}
/*神下（2015/6/15）*/
/**/
#cover .news_info {
	width: 500px;
	background: #f3f3f3;
	margin: 20px 0 30px 0;
}
#cover .news_info tr {
	border-bottom: 1px solid #fff;
}
#cover .news_info th {
	padding: 14px;
}
#cover .news_info td {
	padding: 14px 14px 14px 0;
	vertical-align: middle;
	font-size: 12px;
	line-height: 18px;
}
/*
////////////////////////////////////////////////
////////////////////////////////////////////////

common2

////////////////////////////////////////////////
////////////////////////////////////////////////
*/
#wrapper section p {
	text-align: left;
    margin-top: 40px;
}
#wrapper .box2 {
    width: 640px;
    min-height: 280px;
    margin: 40px 0 0 0;
}
#wrapper .box3 {
    width: 640px;
    margin: 40px 0 40px 0;
}
#wrapper .box1 .box3:last-child {
    margin: 40px 0 0 0;
}
.box2 table, .box3 table {
	width: 100%;
	border-top: 1px solid #d5d5d5;
}
.box2 tr, .box3 tr {
	border-bottom: 1px solid #d5d5d5;
}
.box2 th, .box3 th {
	font-size: 14px;
	line-height: 20px;
	padding: 10px 0 10px 14px;
	font-weight: normal;
	text-align: left;
	width: 76px;
}
.box2 td, .box3 td {
	font-size: 12px;
	line-height: 20px;
	padding: 10px 14px;
}
.box2 td ul, .box3 td ul {
	margin: 5px 0;
}
.box2 td li, .box3 td li {
	list-style: none;
	font-size: 12px;
	text-indent: 3em;
}
/*
////////////////////////////////////////////////
////////////////////////////////////////////////

gallery

////////////////////////////////////////////////
*/
#gallery {
    margin: 0 59px;
    padding: 0 21px;
    background-color: #000;
    background-image: url(../../common/images/frame1_b.gif), url(../../common/images/frame2_b.gif);
    background-position: 20px top, 20px bottom;
}
.ios #gallery,  .android #gallery {
	padding: 0;
	margin: 0;
	width: 100%;
}
#gallery .box1 {
    width: 740px;
    min-height: 400px;
    padding: 80px 0 40px 0;
}
#gallery ul {
    margin-top: 20px;
    -webkit-column-count: 2;
    -webkit-column-gap: 40px;
    -webkit-column-fill: auto;
    -moz-column-count: 2;
    -moz-column-gap: 40px;
    -moz-column-fill: auto;
    column-count: 2;
    column-gap: 40px;
    column-fill: auto;
}
#gallery li {
    width: 350px;
    display: inline-block;
    margin-bottom: 40px;
}