@charset "UTF-8";

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

BODY

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

body{
	-webkit-text-size-adjust: none;
	font-family:"メイリオ","meiryo","ＭＳ Ｐゴシック","Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", Osaka, Verdana, sans-serif;
	line-height:1.5em;
	background:#fff;

width:100%;
	}






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

WRAPPER

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

div#wrapper {
	margin: 0 auto;
	width:100%;
}




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

松沢しげふみチャンネル

**************************************************************************************************/
#comMovieBox{
background:#008c38;
width:960px;
text-align:center;
margin:80px auto 0 auto;
padding:20px 0 30px 0;
}

#comMovieBox p.roman{
font-size:85%;
color:#fff;
}

#comMovieBox h2{
font-size:210%;
font-weight:bold;
color:#fff;
margin:10px 0 15px 0;
}

#comMovieBox p{
font-size:120%;
color:#fff;
}

#comMovieBox .btn p{
line-height:1.4em;
padding:40px 0 0 0;
font-weight:bold;
text-align:center;
color:#333;
}


#comMovieBox .btn a{
width:400px;
background:#fff;
border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
margin:30px auto 0 auto;
display:block;
	text-decoration: none;
font-size:145%;
line-height:1.3em;
font-weight:bold;
text-align:center;
color:#333;
padding:20px 0 20px 0;
}


#comMovieBox .btn .visited a, {
	text-decoration: none;
color:#333;
}

#comMovieBox .btn  a:hover {
	text-decoration: none;
	background:#f0f0f0;
	color:#ff7c05;
}

#comMovieBox .btn a:active {
	text-decoration: none;
	color:#ff7c05;
}

#comMovieBox .btn img{
margin:0 5px 3px 0;
}



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

SNSエリア

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



#comSnsBox ul.snsMenu {
text-align: center;
margin:100px 0 0 0;
}

#comSnsBox ul.snsMenu {
text-align: center;
  }


#comSnsBox ul.snsMenu li{
display: inline-block;
  /display: inline;
  /zoom: 1;
padding:0;
margin:0;
border-bottom:solid 0 #dacdb0;
}



#comSnsBox ul.snsMenu li.fb{
margin:0 20px 0 0;
}
#comSnsBox ul.snsMenu li.twitter{
margin:0 20px 0 0;
}

#comSnsBox ul.snsMenu li.youtube{
margin:0 0 0 0;
}


#comSnsBox ul.snsMenu li.ishin{
margin:0;
}



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

CONTENTSBOX

**************************************************************************************************/
.contentsBox{
width:100%;
margin:15px 10px 0 10px;
}









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

FLOAT

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

.floatR{
float:right;
margin:0 0 10px 20px;
}

.floatL{
float:left;
margin:0 20px 10px 0;
}


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

PAGEUP

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

.pagetop {
	display: none;
	position: fixed;
	bottom: 58px;
	right: 55px;
}
.pagetop a {
	display: block;
	width: 60px;
	height: 60px;
	background-color: #008c38;
	text-align: center;
	color: #fff;
	font-size: 14px;
	text-decoration: none;
	line-height: 60px;
}


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

FOOTERNAVI

**************************************************************************************************/
#footerNavi{
width:960px;
margin:50px auto 0 auto;
}

#footerNavi p{
text-align:center;
}




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

FOOTER

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

#footerArea {
	width:100%;
	margin: 10px 0 auto;
	height:222px;
	background:#f0f0f0;
	text-align:center;
}

#footerBox {
	width:960px;
	margin: 0 auto;
	background:#f0f0f0;
}

#footerInfo{

}


#footerLeft{
float:left;
}

#footerLeft ul li{
float:left;
margin:0 50px 0 0;
}

#footerLeft ul li.last{
float:left;
margin:0;
}

#footerLeft p.name{
font-size:16px;
font-weight:bold;
margin:20px 0 5px 0;
text-align:left;
}

#footerLeft p{
font-size:14px;
font-weight:normal;
text-align:left;
}


#footerRight{
float:right;
padding:20px 0 0 0;
}

#footerRight img{
width:400px;
height:184px;
}


.copyright p{
text-align:center;
font-size:82.5%;
	height:18px;
padding:20px 0;
background:#008c38;
color:#fff;
}


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

BACKGROUND

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

.over a:hover img{
	opacity:0.7;
	filter: alpha(opacity=70);
}


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

CLEAR

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

.clear {
clear:both;
}

.clearfix:after {
  content: ".";  /* 新しい要素を作る */
  display: block;  /* ブロックレベル要素に */
  clear: both;
  height: 0;
  visibility: hidden;
}

.clearfix {
  min-height: 1px;
}

* html .clearfix {
  height: 1px;
  /*¥*//*/
  height: auto;
  overflow: hidden;
  /**/
}
