@charset "UTF-8";

@import url(import.css);

image {
	display: block;
	margin-left: auto;
	margin-right: auto;
	width:auto;

}

/*メディア掲載情報*/

/*#newtopWrapper {
width:960px;
text-align:left;
margin:0 auto;
padding-top:20px;
}*/

#mediaWrapper {
padding-top:20px;
}
#mediaContents {
width:20%;
float:left;
}
.mediaList {
list-style:none;
}

.mediaList li {
	width:80%;
	margin-bottom:2%;
	width:auto;
	padding:5%;
	border: 0px solid #ccc;
}


.mediaList li h3 {
font-size:1.6em;
font-weight:bold;
padding:2%;
margin-bottom:2%;
}
.mediaList li h3 span {
font-weight:normal;
font-size:1.4em;
color:#fff;
padding: 0;
text-align:center;
margin-left:2%;
}
.mediaList li h3.cd {
border-left: 4px solid #ff9900;
}
.mediaList li h3.cd span {
background-color:#ff9900;
}
.mediaList li h3.tv {
border-left: 4px solid #3366FF;
text-align:left;
}
.mediaList li h3.tv span {
background-color:#3366FF;
}
.mediaList li h3.tv2 {
border-left: 8px solid #3366FF;
font-size:1.8em;
text-align:left;
padding-left:5%;
}
.mediaList li h3.tv2 span {
background-color:#3366FF;
}
h3.tv3 {
border: 5px double #3366FF;
width:50%;
font-size:150%;
text-align:center;
letter-spacing:8px;
}
h3.tv33 {
border-left: 5px solid #3366FF;
font-size:170%;
text-align:left;
}
.mediaList li h3.tv4 {
margin-top:2%;
border-left: 2px solid #3366FF;
letter-spacing:2px;
text-align:left;
}
.tv5{
text-align:left;
font-size:120%;
}
.mediaList li h3.movie {
border-left: 4px solid #00CCFF;
}
.mediaList li h3.movie span {
background-color:#00CCFF;
}
.mediaList li h3.newspaper {
border-left: 4px solid #FF0000;
}
.mediaList li h3.newspaper span {
background-color:#FF0000;
}
.mediaList li h3.maga {
border-left: 4px solid #339900;
}
.mediaList li h3.maga span {
background-color:#339900;
}
.mediaList li h3.event {
border-left: 4px solid #663300;
}
.mediaList li h3.event span {
background-color:#663300;
}
.mediaList li h3.radio {
border-left: 4px solid #ff6666;
}
.mediaList li h3.radio span {
background-color:#ff6666;
}
.mediaList li .mediaLeft {
float:left;
width:200px;
margin-right:20px;
}
.mediaList li .mediaLeft2 {
float:left;
position:relative;
width:200px;
height:416px;
margin-right:20px;
}
span.guard{
    position:absolute;
    display:block;
    width:100%;
    height:100%;
    background-image:url(images/spacer.gif);
}

.mediaList li .mediaRight {
float:left;
width:418px;
}
.mediaList li .mediaRight2 {
margin-left:0%;
width:100%;
border:5px double #ccc;
border-radius:5px;
text-align:center;
padding:20px;
}
.mediaList li .mediaRight2 table tr td {
	text-align:center;
}
.mediaList li .mediaRight2 > img {
width:20%;
}

.mediaList li .mediaRight p {
line-height:1.8;
}
.mediaList li .mediaRight .mediaDesc02 {
margin:10px 0;
}
.mediaList li .mediaRight .mediaDesc04 {
margin:10px 0 0;
}

.mediaList li:after{
	content:"";
	display:block;
	clear:both;
}


ul.inner {
list-style: square;
padding: 10px 0px 0px 20px;
margin: 0px 0px 20px 0px;
text-align: left;
clear: left;
font-size: 12px;
}


#event_box .contents {
padding-top: 10px;
}

.index_op {
font-size: 1.4em;
padding-bottom: 5px;
margin-top: 10px;
margin-bottom: 15px;
background: url(../formal/info/img/line.gif) no-repeat bottom left;
}

#event_box .contents2 {
padding-top: 10px;
}

.info .contents2 {
padding: 10px;
padding-bottom: 15px;
margin-bottom: 10px;
}

.contents p, .contents2 p{
font-size: 14px;
}


.div_left_right {
	width:45%;
	margin:1%;
	margin-left:3%;
	height:auto;
	float:left;
}

.div_left_right table {
	text-align:left;
	width:100%;
	height:auto;
	border:1px solid #ccc;
	font-size:1.2em;
}

.div_left_right img {
	width:70%;
}
.footer {
	position:relative;
	width:100%;
	clear:both;
	text-align:center;
}

/* 
-----------------------------------------------------------------------
index2
-----------------------------------------------------------------------
*/
/* ---------- pc_style ---------- */
body.pc_style#index2 #container_inner{
	width:80%;
	padding-top:2%;
	padding-bottom:2%;
}

/* ---------- sp_style ---------- */
body.sp_style#index2 #container{
	background:#EFEFEF;
	margin-top:10px;
	border:2px solid #ccc;
	border-radius:5px;
}
body.sp_style#index2 .container2{
	background:#EFEFEF;
	margin-top:0px;
	text-align:center;
}
.blog_img {
	border:1px solid #ccc;
	border-radius:25px;
	width:60%;
	margin-top:10px;
}
@media screen and (max-width: 800px) {
	body.pc_style#index2 #container_inner{
		margin-left:0;
	}
	.blog_img {
		width:90%;
	}
	.mediaList li h3.tv2 {
	border-left: 8px solid #3366FF;
	font-size:1.2em;
	text-align:left;
	padding-left:5%;
	}

	.mediaList li h3.tv4 {
	border-left: 2px solid #3366FF;
	letter-spacing:2px;
	text-align:left;
	font-size:1.2em;
	}

	.mediaList li h3.tv5{
	text-align:left;
	font-size:1.2em;
	}
}