@charset "utf-8";

/*  IMPORT
---------------------------------------------- */
@import url("image_navigation.css");



/*-------------------------------------------------------------------
bodyとid="container"のスタイル
--------------------------------------------------------------------*/
* {
margin : 0;
padding : 0;
font-family: "メイリオ","Meiryo",arial,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
}

#container {
width: 960px;
margin-right: auto;
margin-left: auto;
}

.clear{
clear : both;
}


/*-------------------------------------------------------------------
SNS系アイコン類
--------------------------------------------------------------------*/
#sns {
width : 960px;
height : 25px;
margin : 10px 0 15px 0;
text-align : right;
}


#sns ul li {
display : inline;
padding : 0 5px 0 0;
float : right;
}

#sns a:hover img {
opacity : 0.7;
filter : alpha(opacity=70);
-ms-filter : "alpha( opacity=70 )";
background : none!important;
}


/*-------------------------------------------------------------------
キャンペーン用バナー
--------------------------------------------------------------------*/
#camp_banner{
margin : 28px 0 30px 0;
overflow: hidden;
width: 960px;
}

#camp_banner ul{
list-style: none;
}

#camp_banner ul li{
float: left;
width: 960px;
}

#camp_banner ul li img{
vertial-align: bottom;
}

#camp_banner a:hover img{
opacity:0.7;
filter:alpha(opacity=70);
-ms-filter: "alpha( opacity=70 )";
background:none!important;
}


/*-------------------------------------------------------------------
スタジオ紹介スライドショー
--------------------------------------------------------------------*/
#new_slide_top{
width : 944px;
background-color : #edf5dd;
padding : 8px;
margin-top : 25px;
height : 20px;
}

#new_slide_top .title{
float : left;
font-size : 14px;
font-weight : bold;
padding-left : 9px;
}

#new_slide_top .list{
float : right;
padding : 4px 6px 0 0;
font-size : 14px;
font-weight : bold;
padding-left : 10px;
}

#new_slide_top .list a:hover img{
opacity:0.7;
filter:alpha(opacity=70);
-ms-filter: "alpha( opacity=70 )";
background:none!important;
}


#loopslider * {
margin : 0;
padding : 0;
}

#loopslider {
margin: 0px 0 30px 0;
width: 940px;
height: 130px;
padding : 0 10px 0 10px;
text-align: left;
position: relative;
overflow: hidden;
background-color : #edf5dd;
}

#loopslider ul {
/*	width: 100%;*/
	height: 150px;
	float: left;
	display: inline;
	overflow: hidden;
	background-color : #edf5dd;
}

#loopslider ul li {
	width: 164px;
	height: 120px;
	float: left;
	display: inline;
	overflow: hidden;
}

#loopslider ul li div {
	width:150px;
	height:100px;
	overflow:hidden;
}


/* =======================================
	ClearFix
======================================= */
#loopslider ul:after {
	content: ".";
	height: 0;
	clear: both;
	display: block;
	visibility: hidden;
}

#loopslider ul {
	display: inline-block;
	overflow: hidden;
}




/*-------------------------------------------------------------------
コンテンツ訴求スペース
--------------------------------------------------------------------*/
.contents_row{
width : 980px;
overflow: hidden;
margin: 0 -15px 20px 0;
overflow:hidden;
/zoom: 1;/* for IE6,7 */
}

a:hover img.hover {
opacity:0.7;
filter:alpha(opacity=70);
-ms-filter: "alpha( opacity=70 )";
background:none!important;
}


.contents_box{
width : 470px;
float : left;
margin : 0 15px 0 0;
border-radius : 8px; /* CSS3 */
-webkit-border-radius : 8px; /* Safari,Google Chrome */
-moz-border-radius : 8px; /* Firefox */ 
-o-border-radius : 10px;  /* when Opera Presto 2.3 or later is released */
-khtml-border-radius : 10px;   /* Linux browsers */
behavior : url(styles/PIE.htc);   /* for IE */
border : 1px #d0ccc2 solid;
background: #f3f0ed;
overflow: hidden;
height : 100%;
}


.contents_box_inner{
width : 417px;
min-height : 180px;
margin : 0 12px 14px 12px;
padding : 12px 14px 10px 14px;
background-color:#fff;

}

iframe{
float : left;
margin : 0 8px 15px -8px;
}

.contents_box_inner .date{
font-size : 10px;
}

.contents_box_inner img{
float : left;
margin : 2px 8px 0 0;
}

.contents_box_inner a.link {
font-size : 15px;
font-weight : bold;
text-decoration : none;
color : #00804a;
}

.contents_box_inner a:hover.link {
font-size : 15px;
color : #e78108;
text-decoration : underline;
}


.contents_title{
text-align : right;
width : 440px;
height : 30px;
padding-top : 15px;
padding-left : 15px;
}

.contents_title p{
float : left;
font-size : 18px;
font-weight : bold;
}

.contents_title h2{
float : left;
font-size : 18px;
font-weight : bold;
}

.contents_title span{
float : left;
font-size : 13px;
color : #99907f;
font-weight : normal;
margin-left : 8px;
}




/** ------新着ニュース一覧画像付き------**/
#news_list_img{
width : 230px;
float : right;
}

#news_list_img .open{
background:url(/commons/images/icon_newopen.png) no-repeat 0 3px;
padding : 0 0 0 0px;
margin : 0 0 8px 0px;
text-indent : 80px;
line-height : 130%;
}

#news_list_img .camp{
background:url(/commons/images/icon_campaign.png) no-repeat 0 3px;
padding : 0 0 0 0px;
margin : 0 0 8px 0px;
text-indent : 80px;
line-height : 130%;
}

#news_list_img .info{
background:url(/commons/images/icon_info.png) no-repeat 0 3px;
padding : 0 0 0 0px;
margin : 0 0 8px 0px;
text-indent : 80px;
line-height : 130%;
}

#news_list_img .media{
background:url(/commons/images/icon_media.png) no-repeat 0 3px;
padding : 0 0 0 0px;
margin : 0 0 8px 0px;
text-indent : 80px;
line-height : 130%;
}




/** ------新着ニュース一覧------**/
#news_list{
width : 420px;
margin-top : 4px;
}

#news_list .open{
background:url(/commons/images/icon_newopen.png) no-repeat 0 3px;
padding : 0 0 0 80px;
margin : 0 0 8px 0;
line-height : 130%;
}

#news_list .camp{
background:url(/commons/images/icon_campaign.png) no-repeat 0 3px;
padding : 0 0 0 80px;
margin : 0 0 8px 0;
line-height : 130%;
}

#news_list .info{
background:url(/commons/images/icon_info.png) no-repeat 0 3px;
padding : 0 0 0 80px;
margin : 0 0 8px 0;
line-height : 130%;
}

#news_list .media{
background:url(/commons/images/icon_media.png) no-repeat 0 3px;
padding : 0 0 0 80px;
margin : 0 0 8px 0;
line-height : 130%;
}

/*-------------------------------------------------------------------
Yururila一覧
--------------------------------------------------------------------*/

#yururila_list li{
margin : 0 0 8px 0;
line-height : 130%;
}


/*-------------------------------------------------------------------
ページ下部表示バナー
--------------------------------------------------------------------*/

#banner_box{
width : 960px;
margin : 30px 0 30px 0;
overflow:hidden;
zoom:1;
}

#banner_box a:hover{
text-decoration : none;
opacity:0.7;
filter:alpha(opacity=70);
-ms-filter: "alpha( opacity=70 )";
background:none!important;
}

#banner_box ul{
margin-left : -12px;
}

#banner_box li{
float : left;
display : inline;
margin : 10px 0 0 12px;
}