@charset "utf-8";

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

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

}

body {
    font-size:15px;
	font-family:"Times New Roman", Times, serif;
    scrollbar-base-color:#000;
	
	background-image:url(../00_img/bg.gif);
	background-repeat:repeat-x;
	background-color:#000;
	color: #f9f9f9;
	height: 100%;
}

body#sample{
    font-size:15px;
	font-family:"Times New Roman", Times, serif;
    scrollbar-base-color:#000;
	
	background-image:none;
	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: none;
}

.pc{
display:block;
}


/*wrap-------------------------------------*/
#wrap{
width:1020px;
margin:0 auto 0 auto;
}



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

#header {
	background-color:#000;
	height: 185px;
	border-bottom:1px solid #888;
}
#header .inBox {
	position: relative;
	width: 980px;
	margin:0 auto 0 auto;
}
#header h1 {
	position: relative;
	top: 40px;
	text-align: center;
}
#header h1 a{
	font-size:230%;
	color: #fff;
	font-variant:small-caps;
	letter-spacing:0.18em;
	text-decoration:none;
	font-weight:normal;
}

#sample #header {
	background-color:#000;
	height: 130px;
	border:none;
}

/*ヘッダー ナビゲーション for TOP-------------------------------------*/
#gNav1 {
	position: relative;
	width: 980px;
	margin:0 auto 0 auto;
	top: 54px;
	background-color:#000;
}
#gNav1 ul {
	width: 980px;
	margin:0 auto 0 auto;
	text-align:center;
}
#gNav1 ul li {
	list-style: none;
	float: left;
}
#gNav1 ul li a {
	display: block;
	width:169px;
	padding: 18px 38px 18px 38px;
	text-align:center;
	text-decoration: none;
	color: #888;
	font-size:120%;
	font-variant:small-caps;
	letter-spacing:0.18em;
}
#gNav1 ul li a:hover {
	color: #fff;
	text-decoration:none;
}

.nav {
	overflow: hidden;
	visibility: hidden;
}
.fixed {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	overflow: visible;
	visibility: visible;
	height: 55px;
}

/*ヘッダー ナビゲーション for 2nd-------------------------------------*/
#gNav2 .another {
	background-color:#000;
	border-bottom:1px solid #888;
}
#gNav2 .nav .inBox {
	position: relative;
	width: 980px;
	margin:0 auto 0 auto;
	padding:10px 0 10px 0 ;
}
#gNav2 .logo {
	float: left;
	font-size:180%;
	font-variant:small-caps;
	letter-spacing:0.15em;
	padding:8px 0 0 0;
}
#gNav2 .logo a{
	text-decoration:none;
	color:#fff;
}
#gNav2 .nav .lineNav {
	float:right;
}
#gNav2 .lineNav li {
	float: left;
}
#gNav2 .lineNav li a{
	display: block;
	width:100px;
	padding: 10px 20px 10px 20px;
	font-size:120%;
	text-align:center;
	text-decoration: none;
	color: #888;
	font-variant:small-caps;
	letter-spacing:0.18em;
}
#gNav2 .lineNav li.last a{
	display: block;
	width:100px;
	padding: 10px 0 10px 20px;
	font-size:120%;
	text-align:center;
	text-decoration: none;
	color: #888;
	font-variant:small-caps;
	letter-spacing:0.18em;
}
#gNav2 .lineNav li a:hover{
	color: #fff;
	text-decoration:none;
}


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


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

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


/* 各item内　中央左右-----------------------*/
.center{
	width:680px;
	margin:0 150px 0 150px ;
	font-size:90%;
	line-height:2.2;
}
.center_wide{
	width:780px;
	margin:0 100px 0 100px ;
	font-size:90%;
	line-height:2.2;
}
.center_max{
	width:980px;
	font-size:90%;
	line-height:2.2;
}
.left{
	float:left;
	width:455px;
	margin-right:70px;
	font-size:90%;
	line-height:2.2;
}
.right{
	float:right;
	width:455px;
	margin:0 auto 0 auto;
	text-align:left;
	font-size:90%;
	line-height:2.2;
}


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

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

h3{
	color:#fff;
	font-size:120%;
	margin:0 auto 30px auto;
	letter-spacing:0.18em;
	font-weight:normal;
}

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

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


p
{
	margin:0 0 20px 0 ;
}


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


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

#footerInbox{
	width: 980px;
	margin:0 auto 0 auto ;
}

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

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