/*

		佐々木則夫 officialsite - JUNON企画　base.css
		copyright(c)gonza gold. All Rights Reserved.
		

*/


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

* {
margin: 0;
padding: 0;
}


/*-----------------------------------
  Page Whole
------------------------------------*/
body {
	margin: 0;
	color: #999;
	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: #ff6699;
	text-decoration: none;
	font-weight:bold;
}

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

a:hover, a:active {
	color: #ffabc7;
	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 {

}

/* h3 */









/* p */
p {
	margin: 0px;
	padding: 0px;
	font-size: 0.8em;
	line-height: 1.6em;
	color: #212121;
}




/*font設定*/
.bold{font-weight:bold;}
.fwn{font-weight:normal !important;}
.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;}
.ff2200{color:#ff2200;}
.cfff{color:#fff;}
.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:#00561f;}
/*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;
	padding: 30px;
	left: 0px;
	top: 0px;
}
.leftbox {
	text-align: left;
	margin-bottom: 115px;
}










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

.header {
	width: 900px;
	text-align: center;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	background-image: url(../../images/bg/bg_header02.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	padding-right: 30px;
	padding-left: 30px;
	padding-top: 30px;
}
.header_inner {
	width: 960px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	text-align: left;
}

#viewer {
	margin: 0 auto;
	width: 960px;
	height: 328px;
	text-align: left;
	overflow: hidden;
	position: relative;
}

#viewer img {
	top: 0;
	left: 0;
	position: absolute;
}

.g_navi {
	height: 56px;
	width: 100%;
	background-image: url(../../images/bk_02.png);
	background-repeat: repeat;
}
.g_navi_inner {
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	width: 900px;
}
.contens {
	width: 900px;
	text-align: center;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}
.top_list_title {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #ff6699;
}
.top_list {
	background-image: url(../../images/bg/bg_top_list01.gif);
	background-repeat: no-repeat;
	background-position: left top;
	padding-left: 43px;
}

.top_list02 {
	background-image: url(../../images/bg/bg_top_list02.gif);
	background-repeat: no-repeat;
	background-position: left top;
	padding-left: 43px;
}

.top_list03 {
	background-image: url(../../images/bg/bg_top_list03.gif);
	background-repeat: no-repeat;
	background-position: left top;
	padding-left: 43px;
}

.top_list04 {
	background-image: url(../../images/bg/bg_top_list04.gif);
	background-repeat: no-repeat;
	background-position: left top;
	padding-left: 43px;
}

.sponsor_area {
	width: 100%;
	text-align:center;
	background-image: url(../../images/bg/bg_sponsor01.jpg);
	background-repeat: repeat-x;
	background-position: 0px 1px;
}

.sponsor_area_inner {
	background-image: url(../../images/footer/footer_anime.gif);
	background-repeat: no-repeat;
	background-position: 30px top;
	width: 900px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	padding-right: 30px;
	padding-left: 30px;
	text-align: left;
	height: 30px;
	padding-top: 50px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #ff6699;
}
.sponsor_area_inner02 {
	width: 900px;
	padding-right: 30px;
	padding-left: 30px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}



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


.w60{ width:60px;
}

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

.w191{ width:191px;
}

.w215{ width:215px;
}

.w288{ width:288px;
}

.w290{ width:290px;
}

.w318{ width:318px;
}

.w570{ width:570px;
}

.w595{ width:595px;
}


.w960{ width:960px;
}





/*-----------------------------------
  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;}
.mb5{margin-bottom:5px;}
.mb10{margin-bottom:10px;}
.mb15{margin-bottom:15px;}
.mb20{margin-bottom:20px;}
.mb30{margin-bottom:30px;}
.mb60{margin-bottom:60px;}
.mb65{margin-bottom:65px;}
.mr3{margin-right:3px;}
.mr15{margin-right:15px;}
.mr20{margin-right:20px;}
.mr30{margin-right:30px;}





/*-----------------------------------
  Footer
------------------------------------*/
.footer {
	text-align: center;
	background-color: #1922fb;
	width: 100%;
	padding-top: 30px;
	padding-bottom: 30px;
	color: #FFF;
}
.footer_inner {
	width: 900px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	color: #FFF;
}
.copyright {
	padding-top: 30px;
}





	




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

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

ol {
	list-style-position: inside;
}



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


/*-----------------------------------
  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;
}





/*-----------------------------------
  新規
------------------------------------*/
#tab li {
	float: left;
}


.top_list_xx dt {
  clear: left;
  float: left;
  padding-right:10px;
}

dl.top_list_xx dd {
  margin-left: 7.5em;
}
