/*

		新島村映像のチカラコンテスト2016　top.css
		

*/


/*----------------------------------------------------------------------------------------------------------------------------------
  全体項目↓
-----------------------------------------------------------------------------------------------------------------------------------*/
/*----------------------------------- 
  Initialization
------------------------------------*/

* {
margin: 0;
padding: 0;
}


/*-----------------------------------
  Page Whole
------------------------------------*/
body {
	margin: 0;
	color: #212121;
	font-style: normal;
	font-size: 12pt;
	line-height: 140%;
	font-family: "メイリオ", Meiryo, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", Osaka, sans-serif;
	padding: 0px;
	
}
/* img */

*:first-child+html img {
	border: 0;
	margin: 0px;
	padding: 0px;
	vertical-align:bottom;
}

#bg-img {
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
}

img.bg {
	  /* Set rules to fill background */
	  min-height: 100%;
 min-width: 1024px;
	  /* Set up proportionate scaling */
	  width: 100%;
	  height: auto;
	  /* Set up positioning */
	  position: fixed;
	  /* またはabsolute; */
	  top: 0;
	  left: 0;
	}
	
	img {
    border-style:none;
}
	 




/*-------------------------------------------------
  clear
-------------------------------------------------*/
.clear{
	clear:both;
	font-size:1px;
	line-height:1%;
}

/*clearfix*/
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix {display: inline-block;}
* html .clearfix {height: 1%;} 
.clearfix {display: block;} 
.clearfix {overflow:hidden;}


/*float設定*/
.fl{float:left;}
.fr{float:right;}
.fn{float:none !important;}
.cb{clear:both;}



/*-------------------------------------------------
  Links 
-------------------------------------------------*/
a:link {
	color: #5cbda5;
	text-decoration: none;
	font-weight:bold;
}

a:visited {
	color: #5cbda5;
	text-decoration: none;
	font-weight:bold;
}

a:hover, a:active {
	color: #9ad7ca;
	text-decoration: none;
	font-weight:bold;
}


/*-------------------------------------------------
 タイトル
-------------------------------------------------*/


/* h1 */
h1 {
	font-size: 1.2em;
	line-height: 1.4em;
	color: #fff;
	font-weight: bold;
	text-decoration: none;
	text-align: left;
}



/* h2 */
h2 {


}




/* h3 */
h3 {
    color:#232525;

}

/* h3 */









/* p */
p {
	margin: 0px;
	padding: 0px;
	font-size: 0.8em;
	line-height: 2em;
	color: #232525;
    letter-spacing: 2px;
}




/*font設定*/
.bold{font-weight:bold;}
.fwn{font-weight:normal !important;}
.size8{font-size:8px;}
.size10{font-size:10px;}
.size12{font-size:12px;}
.size14{font-size:14px;}
.size16{font-size:16px;}
.size18{font-size:18px;}
.size20{font-size:20px;}
.size22{font-size:22px;}
.size24{font-size:24px;}
.size36{font-size:36px;}
.ff2200{color:#ff2200;}
.cfff{color:#fff;}
.cbk{color:#212121;}
.c111{color:#111;}
.c333{color:#333;}
.c666{color:#666;}
.c999{color:#999;}
.strike{text-decoration:line-through;}
.text_orange{color:#ff4200;}
.ls01{letter-spacing:1px;}
.lh100{line-height:1;}
.blue{color:#0023b7;}
.pink{color:#f22b92;}
.ylw{color:#ffb700;}
.green{color:#5cbca5;}
.red{color:#FF0004;}
/*align設定*/
.tal{text-align:left;}
.tac{text-align:center;}
.tar{text-align:right;}
.vat{vertical-align:top;}
.vam{vertical-align:middle;}
.vab{vertical-align:bottom;}
.taj{text-align:justify;}


/*-----------------------------------
  Wrapper
------------------------------------*/


.wrapper {
    margin: 0px;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    text-align: center;
}

.header_bg{
    width:100%;//値はサイトに合わせて
    min-height:380px;//値はサイトに合わせて
    position:relative;
    background-position:50% 0;
    background-repeat:no-repeat
}

.header {
}

.leftbox {
	text-align: left;
	margin-bottom: 115px;
}










/*-----------------------------------
  header
------------------------------------*/

.copy_area {
    height: 22px;
    width: 100%;
    background-repeat: repeat;
    background-color: #5cbda5;
    padding-top:4px;
    padding-bottom:4px;
}



.copy_area_inner {
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	width: 900px;
}



.nav_menu{
    padding-top:8px;
}

.h1_area{
    padding-top:125px;
    padding-bottom:125px;
    height:100px;
}


.gray_area{
    width:100%;
    background-color:#f2f2f2;
    padding-top:30px;
    padding-bottom:60px;
}

.g_navi{
    	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}
    


.contens {
	width: 900px;
	text-align: center;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}


.rule_icons{

	text-align: center;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}


.slider_area{
    width:100%;
}

.anchor_point{
    margin-top:-46px;
    padding-top:76px;
}


/*-----------------------------------
  Contents
------------------------------------*/


.w60{ width:60px;
}

.w95{ width:95px;
}
.w100{ width:100px;
}


.w148{width:148px;
}


.w150{width:150px;
}



.w191{ width:191px;
}


.w245{ width:245px;
}

.w288{ width:288px;
}

.w290{ width:290px;
}

.w318{ width:318px;
}


.w378{ width:378px;
}

.w400{ width:400px;
}



.w490{ width:490px;
}

.w570{ width:570px;
}

.w595{ width:595px;
}

.w620{ width:620px;
}

.w735{ width:735px;
}

.w860{ width:860px;
}

.w900{ width:900px;
}


.w980{ width:980px;
}





/*-----------------------------------
  Margin
------------------------------------*/
.mt5{margin-top:5px;}
.mt10{margin-top:10px;}
.mt15{margin-top:15px;}
.mt30{margin-top:30px;}
.ml15{margin-left:15px;}
.mr5{margin-right:5px;}
.mr11{margin-right:11px;}
.mr15{margin-right:15px;}
.mr40{margin-right:40px;}
.mr65{margin-right:65px;}
.mr78{margin-right:78px;}
.mr85{margin-right:85px;}
.mr100{margin-right:100px;}
.mb5{margin-bottom:5px;}
.mb10{margin-bottom:10px;}
.mb15{margin-bottom:15px;}
.mb20{margin-bottom:20px;}
.mb30{margin-bottom:30px;}
.mb50{margin-bottom:50px;}
.mb60{margin-bottom:60px;}
.mb90{margin-bottom:90px;}
.mb110{margin-bottom:110px;}
.mb120{margin-bottom:120px;}
.mb65{margin-bottom:65px;}
.mr3{margin-right:3px;}
.mr15{margin-right:15px;}
.mr20{margin-right:20px;}
.mr30{margin-right:30px;}


.h3_pt30{padding-top:30px;}


.qa_area{background-color:#eeeeee;
padding-top:60px;
padding-bottom:60px;
}


/*-----------------------------------
  line
------------------------------------*/

.line{
    height:10px;
    background-color:#5cbda5;
    margin-top:0px;
    margin-left:auto;
    margin-bottom:0px;
    margin-right:auto;
}


/*-----------------------------------
  Footer
------------------------------------*/
.footer {
    background-color:#5cbda5;
    padding-top:30px;
    padding-bottom:30px;
}

.footer_inner{
    margin-top:0px;
    margin-left:auto;
    margin-bottom:0px;
    margin-right:auto;
}






	




/*----------------------------------------------------------------------
  list↓
-----------------------------------------------------------------------*/
ul {
	list-style-type: none;
}

li {
}
.submenu_s  li {
	list-style: disc inside;
}

ol {
	list-style-position: inside;
}


.list_year{
    color:#797979;
    font-size:0.8em;
}


.list_content{
    color:#212121;
    font-size:0.8em;
}




/*----------------------------------------------------------------------------------------------------------------------------------
  パーツデザイン↓
-----------------------------------------------------------------------------------------------------------------------------------*/
/*----------------------------------------------------------------------
  段落構成↓
-----------------------------------------------------------------------*/
/* 画像用レイアウト */


/*-----------------------------------
  Caption
------------------------------------*/



/* 表の設定 */
.table_wrapper{
	background:#cfd1d4;
	margin-bottom:20px;
}
.table_wrapper table{
	border:solid 1px #fff;
	border-collapse:separate;
	border-spacing:1px;
}
.table_wrapper table tr{
	background:#fff;
}
.table_wrapper th {
	border:solid 1px #fff;
	border-collapse:separate;
	border-spacing:1px;
	vertical-align:middle;
	padding:10px;
	width:150px;
	font-weight:bold;
	background-color: #CCC;
}
.table_wrapper th{
	border:solid 1px #fff;
	border-collapse:separate;
	border-spacing:1px;
	vertical-align:middle;
	padding:10px;
	
}

.table_wrapper td{
	background:#fff;
	padding:10px;
}





/*-----------------------------------
  新規
------------------------------------*/

.txt01{
    border:0;
padding:10px;
font-size:0.8em;
font-family:Arial, sans-serif;
color:#aaa;
border:solid 1px #ccc;
height:25px;
-moz-box-shadow: inset 0 0 4px rgba(0,0,0,0.2);
-webkit-box-shadow: inset 0 0 4px rgba(0, 0, 0, 0.2);
box-shadow: inner 0 0 4px rgba(0, 0, 0, 0.2);
}


.txt02{
    border:0;
padding:10px;
font-size:1em;
font-family:Arial, sans-serif;
color:#aaa;
border:solid 1px #ccc;
height:314px;
-moz-box-shadow: inset 0 0 4px rgba(0,0,0,0.2);
-webkit-box-shadow: inset 0 0 4px rgba(0, 0, 0, 0.2);
box-shadow: inner 0 0 4px rgba(0, 0, 0, 0.2);
text-align:left;
vertical-align:top;

}

.btn_01{
    padding:0px;
    border:none;

}



/*-----------------------------------
  pgtop
------------------------------------*/

.fadeTopBtn {
z-index: 100;
}
.fadeTopBtn a {
background-color : #000;
display : block;
padding : 10px 15px;
}
.fadeTopBtn a:link {
color : #fff;
}
.fadeTopBtn a:visited {
color : #fff;
}
.fadeTopBtn a:active {
color : #fff;
}
.fadeTopBtn a:hover {
color : #fff;
}

/*-----------------------------------
  簡単スライド
------------------------------------*/

#slide01 {
width:480px;
height:278px;
margin:0 auto;
position:relative;
}
#slide01 img {
position:absolute;
left:0;
top:0;
}

#slide02 {
width:480px;
height:278px;
margin:0 auto;
position:relative;
}
#slide02 img {
position:absolute;
left:0;
top:0;
}

.pa120{padding-top:120px;}