@charset "utf-8";

/*ベース----------------------------------------------*/

* {
    margin : 0;
    padding : 0;
}
html{
overflow-x:hidden;

}

body {
	min-width: 320px;
    font-size:14px;
    font-family: Georgia, Baskerville, Palatino, Times;
    scrollbar-base-color:#000;
	
	background-color:#000;
	color: #f9f9f9;
	height: 100%;
}



* html .pngfix{
    behavior: expression(IEPNGFIX.fix(this));
}


.clear {
    clear: both;
    overflow: hidden;
    width: 1px;
    height: 1px;
    margin: 0 -1px -1px 0;
    border: 0;
    padding: 0;
    font-size: 0;
    line-height: 0;
}
.clearfix:before,
.clearfix:after {
    content:"";
    display:table;
}
.clearfix:after {
    clear:both;
}
.clearfix {
    zoom:1;
}
* html .clearfix             { zoom: 1; } /* IE6 */  
*:first-child+html .clearfix { zoom: 1; } /* IE7 */



/*基本リンク-------------------------------------*/
a{
	color:#00baff;
    text-decoration:none;
}

a:hover{
	color:#FF0066;
    text-decoration:underline;
}


/*レスポンシブ-------------------------------------*/
.nonpc{
display:block;
}

.pc{
display:none;
}


/*wrap-------------------------------------*/
#wrap{
width:100%;
margin:0 auto 0 auto;
}



/*ヘッダー-------------------------------------*/

#header {
	width:100%;
	background-color:#000;
	margin:0;
}

#header h1{
	display:block;
	font-size:180%;
	color: #fff;
	text-align: center;
	text-decoration:none;
	font-variant:small-caps;
	letter-spacing:0.15em;
	padding:50px 0 40px 0 ;
	font-weight:normal;
}

#sample #header h1{
	display:block;
	font-size:180%;
	color: #fff;
	text-align: center;
	text-decoration:none;
	font-variant:small-caps;
	letter-spacing:0.15em;
	padding:50px 0 0 0 ;
	font-weight:normal;
}

/*ヘッダー ナビゲーション for TOP-------------------------------------*/
#gNav {
	display:block;
	width: 100%;
	margin:0 auto 0 auto;
	text-align: center;
	background-color:#000;
}
#gNav ul {
}
#gNav ul li {
}
#gNav ul li a {
	display: block;
	width:100%;
	padding: 20px 0 20px 0;
	text-align:center;
	text-decoration: none;
	color: #fff;
	font-variant:small-caps;
	letter-spacing:0.15em;
	border-bottom:1px solid #666;
}
#gNav ul li.first a {
	display: block;
	width:100%;
	padding: 20px 0 20px 0;
	text-align:center;
	text-decoration: none;
	color: #fff;
	font-variant:small-caps;
	letter-spacing:0.15em;
	border-top:1px solid #666;
	border-bottom:1px solid #666;
}
#gNav ul li a:hover {
	color: #fff;
	background-color:#444;
}


/*コンテンツ全体-------------------------------------*/
#contents {
    width:100%;
	padding:0;
	margin: 0;
	background-color:#000;
	color:#fff;
}


/* 各item----------------------------------*/
#item0
{
	margin:0 20px 20px 20px ;
	padding:20px 0 20px 0 ;
	border-bottom:dotted #999 1px;
}

#item1,
#item2,
#item3,
#item4,
#item5,
#item6{
	margin:0 20px 20px 20px ;
	padding:0 0 20px 0 ;
	border-bottom:dotted #999 1px;
}


/* 各item内　中央左右-----------------------*/
.center{
	width:100%;
	margin:0 auto 0 auto ;
	font-size:90%;
	line-height:1.6;
}
.center_wide{
	width:100%;
	margin:0 auto 0 auto ;
	font-size:90%;
	line-height:1.6;
}
.center_max{
	width:100%;
	margin:0 auto 0 auto ;
	font-size:90%;
	line-height:1.6;
}
.left{
	float:left;
	width:100%;
	margin-right:0;
	font-size:90%;
	line-height:1.6;
}
.right{
	float:left;
	width:100%;
	margin-right:0;
	font-size:90%;
	line-height:1.6;
}


/* コンテンツ内 部分--------------------------------------------------------------*/

h2{
	width:100%;
	margin:0 auto 30px auto;
	text-align:center;
	font-size:180%;
	color:#fff;
	font-variant:small-caps;
	letter-spacing:0.2em;
	text-decoration:none;
	font-weight:normal;
}

h3{
	width:100%;
	margin:20px auto 10px auto;
	color:#fff;
	font-size:110%;
	letter-spacing:0.18em;
	font-weight:normal;
	text-align:left;
}


h3 span.sub{
	color:#ccc;
	font-size:60%;
}

span.sub{
	color:#ccc;
	font-size:90%;
}

p
{
	margin:0 0 20px 0 ;
}




/*ページトップへ戻る-------------------------------------*/
#page-top {
	display:block;
	position: fixed;
	width:100%;
	bottom: 0;
	font-size: 77%;
}
#page-top a {
	display: block;
	background: #f9f9f9;
	text-decoration: none;
	color: #000;
	padding: 15px 0;
	margin-bottom:-20px;
	text-align: center;
}
#page-top a:hover {
	text-decoration: none;
	background: #666;
}

/*フッター-------------------------------------*/
#footer{
	width:100%;
	padding:10px 0 10px 0;
	background-color:#000;
	font-size:75%;
	bottom:0;
}

#footerInbox{
	width:100%;
	margin:0 auto 40px auto ;
}

/*フッター：コピー------------------------------------*/
#footer #footerInbox  .copy{
	text-align:center;
	margin:10px 0 10px 0;
	letter-spacing:0.0.2em;
	color:#fff;
}

div.pic_00{
	margin:0 auto 20px auto;
	background-image:url(../sample/samplecommon/img/00.jpg);
	background-repeat:no-repeat;
	-moz-background-size:contain;
	background-size:contain;
	width:320px;
	height:435px;
}
div.pic_01{
	margin:20px auto;
	background-image:url(../sample/samplecommon/img/01.jpg);
	background-repeat:no-repeat;
	-moz-background-size:contain;
	background-size:contain;
	width:320px;
	height:435px;
}
div.pic_02{
	margin:20px auto;
	background-image:url(../sample/samplecommon/img/02.jpg);
	background-repeat:no-repeat;
	-moz-background-size:contain;
	background-size:contain;
	width:320px;
	height:435px;
}
div.pic_03{
	margin:20px auto;
	background-image:url(../sample/samplecommon/img/03.jpg);
	background-repeat:no-repeat;
	-moz-background-size:contain;
	background-size:contain;
	width:320px;
	height:435px;
}
div.pic_04{
	margin:20px auto;
	background-image:url(../sample/samplecommon/img/04.jpg);
	background-repeat:no-repeat;
	-moz-background-size:contain;
	background-size:contain;
	width:320px;
	height:435px;
}
div.pic_05{
	margin:20px auto;
	background-image:url(../sample/samplecommon/img/05.jpg);
	background-repeat:no-repeat;
	-moz-background-size:contain;
	background-size:contain;
	width:320px;
	height:435px;
}
div.pic_06{
	margin:20px auto;
	background-image:url(../sample/samplecommon/img/06.jpg);
	background-repeat:no-repeat;
	-moz-background-size:contain;
	background-size:contain;
	width:320px;
	height:435px;
}
div.pic_07{
	margin:20px auto;
	background-image:url(../sample/samplecommon/img/07.jpg);
	background-repeat:no-repeat;
	-moz-background-size:contain;
	background-size:contain;
	width:320px;
	height:435px;
}
div.pic_08{
	margin:20px auto;
	background-image:url(../sample/samplecommon/img/08.jpg);
	background-repeat:no-repeat;
	-moz-background-size:contain;
	background-size:contain;
	width:320px;
	height:435px;
}
div.pic_09{
	margin:20px auto;
	background-image:url(../sample/samplecommon/img/09.jpg);
	background-repeat:no-repeat;
	-moz-background-size:contain;
	background-size:contain;
	width:320px;
	height:435px;
}
div.pic_10{
	margin:20px auto;
	background-image:url(../sample/samplecommon/img/10.jpg);
	background-repeat:no-repeat;
	-moz-background-size:contain;
	background-size:contain;
	width:320px;
	height:435px;
}
div.pic_11{
	margin:20px auto;
	background-image:url(../sample/samplecommon/img/11.jpg);
	background-repeat:no-repeat;
	-moz-background-size:contain;
	background-size:contain;
	width:320px;
	height:435px;
}
div.pic_12{
	margin:20px auto;
	background-image:url(../sample/samplecommon/img/12.jpg);
	background-repeat:no-repeat;
	-moz-background-size:contain;
	background-size:contain;
	width:320px;
	height:435px;
}
div.pic_13{
	margin:20px auto;
	background-image:url(../sample/samplecommon/img/13.jpg);
	background-repeat:no-repeat;
	-moz-background-size:contain;
	background-size:contain;
	width:320px;
	height:435px;
}
div.pic_14{
	margin:20px auto;
	background-image:url(../sample/samplecommon/img/14.jpg);
	background-repeat:no-repeat;
	-moz-background-size:contain;
	background-size:contain;
	width:320px;
	height:435px;
}
div.pic_15{
	margin:20px auto;
	background-image:url(../sample/samplecommon/img/15.jpg);
	background-repeat:no-repeat;
	-moz-background-size:contain;
	background-size:contain;
	width:320px;
	height:435px;
}
div.pic_16{
	margin:20px auto;
	background-image:url(../sample/samplecommon/img/16.jpg);
	background-repeat:no-repeat;
	-moz-background-size:contain;
	background-size:contain;
	width:320px;
	height:435px;
}
div.pic_17{
	margin:20px auto;
	background-image:url(../sample/samplecommon/img/17.jpg);
	background-repeat:no-repeat;
	-moz-background-size:contain;
	background-size:contain;
	width:320px;
	height:435px;
}
div.pic_18{
	margin:20px auto;
	background-image:url(../sample/samplecommon/img/18.jpg);
	background-repeat:no-repeat;
	-moz-background-size:contain;
	background-size:contain;
	width:320px;
	height:435px;
}