@charset "UTF-8";
/* CSS Document */

/*-----------------------------
style
-----------------------------*/
* {
	margin:0;
	padding:0;
}
.clear {
	clear:both;
}

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

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */


/* リンク */
a:link {
	color: #069;
	text-decoration: none;
}
a:visited {
	text-decoration: none;
	color: #039;
}
a:hover {
	color: #06C;
	text-decoration: underline;
}
a:active {
	text-decoration: underline;
}

/*layout----------------------------------------------------------------------
---------------------------------------------------------------------------------*/
body{
	width:100%;
	background:#000;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size:12px;
	line-height:18px;
	min-width:1400px;
}
h1{
	color:#fff;
	font-size:10px;
	font-weight:normal;
	line-height:15px;
	padding:0;
	margin:0;
	text-align:right;
}


div#wrapper{
	width:100%;
	max-width:1400px;
	margin:0 auto;
}

/*aside----------------------------------------------------------------------
---------------------------------------------------------------------------------*/

div#aside{
	width:320px;
	float:left;
}

div#aside p#logo{
	width:320px;
	margin-bottom:10px;

}
/*nav*/
div#aside ul#nav{
	width:320px;
	margin-bottom:20px;
}
/*div#aside ul#nav li.on :hover{
	cursor:pointer;
}*/

div#aside ul#nav li{
	margin:0;
	padding:0;
}

/*20150601追加ナビをスニペットに*/
div#aside ul#nav li span{
	display:block;
	width:320px;
	height:40px;
	margin:0;
	padding:0;
text-indent: 100%;
white-space: nowrap;
overflow: hidden;	
}
div#aside ul#nav li span#nav01{ background:url(../media/images/special/kappo/nav01.jpg) no-repeat;}
div#aside ul#nav li span#nav02{ background:url(../media/images/special/kappo/nav02.jpg) no-repeat;}
div#aside ul#nav li span#nav03{ background:url(../media/images/special/kappo/nav03.jpg) no-repeat;}
div#aside ul#nav li span#nav04{ background:url(../media/images/special/kappo/nav04.jpg) no-repeat;}
div#aside ul#nav li span#nav05{ background:url(../media/images/special/kappo/nav05.jpg) no-repeat;}
div#aside ul#nav li span#nav06{ background:url(../media/images/special/kappo/nav06.jpg) no-repeat;}
div#aside ul#nav li span#nav07{ background:url(../media/images/special/kappo/nav07.jpg) no-repeat;}
div#aside ul#nav li span#nav08{ background:url(../media/images/special/kappo/nav08.jpg) no-repeat;}
div#aside ul#nav li span#nav09{ background:url(../media/images/special/kappo/nav09.jpg) no-repeat;}
div#aside ul#nav li span#nav10{ background:url(../media/images/special/kappo/nav10.jpg) no-repeat;}
div#aside ul#nav li span#nav11{ background:url(../media/images/special/kappo/nav11.jpg) no-repeat;}
div#aside ul#nav li span#nav12{ background:url(../media/images/special/kappo/nav12.jpg) no-repeat;}
div#aside ul#nav li span#nav13{ background:url(../media/images/special/kappo/nav13.jpg) no-repeat;}
div#aside ul#nav li span#nav14{ background:url(../media/images/special/kappo/nav14.jpg) no-repeat;}
div#aside ul#nav li span#nav15{ background:url(../media/images/special/kappo/nav15.jpg) no-repeat;}
div#aside ul#nav li span#nav16{ background:url(../media/images/special/kappo/nav16.jpg) no-repeat;}
div#aside ul#nav li span#nav17{ background:url(../media/images/special/kappo/nav17.jpg) no-repeat;}
div#aside ul#nav li span#nav18{ background:url(../media/images/special/kappo/nav18.jpg) no-repeat;}
div#aside ul#nav li span#nav19{ background:url(../media/images/special/kappo/nav19.jpg) no-repeat;}
div#aside ul#nav li span#nav20{ background:url(../media/images/special/kappo/nav20.jpg) no-repeat;}

body#on_nav01 div#aside ul#nav li span#nav01{ background:url(../media/images/special/kappo/nav01_on.jpg) no-repeat;}
body#on_nav02 div#aside ul#nav li span#nav02{ background:url(../media/images/special/kappo/nav02_on.jpg) no-repeat;}
body#on_nav03 div#aside ul#nav li span#nav03{ background:url(../media/images/special/kappo/nav03_on.jpg) no-repeat;}
body#on_nav04 div#aside ul#nav li span#nav04{ background:url(../media/images/special/kappo/nav04_on.jpg) no-repeat;}
body#on_nav05 div#aside ul#nav li span#nav05{ background:url(../media/images/special/kappo/nav05_on.jpg) no-repeat;}
body#on_nav06 div#aside ul#nav li span#nav06{ background:url(../media/images/special/kappo/nav06_on.jpg) no-repeat;}
body#on_nav07 div#aside ul#nav li span#nav07{ background:url(../media/images/special/kappo/nav07_on.jpg) no-repeat;}
body#on_nav08 div#aside ul#nav li span#nav08{ background:url(../media/images/special/kappo/nav08_on.jpg) no-repeat;}
body#on_nav09 div#aside ul#nav li span#nav09{ background:url(../media/images/special/kappo/nav09_on.jpg) no-repeat;}
body#on_nav10 div#aside ul#nav li span#nav10{ background:url(../media/images/special/kappo/nav10_on.jpg) no-repeat;}
body#on_nav11 div#aside ul#nav li span#nav11{ background:url(../media/images/special/kappo/nav11_on.jpg) no-repeat;}
body#on_nav12 div#aside ul#nav li span#nav12{ background:url(../media/images/special/kappo/nav12_on.jpg) no-repeat;}
body#on_nav13 div#aside ul#nav li span#nav13{ background:url(../media/images/special/kappo/nav13_on.jpg) no-repeat;}
body#on_nav14 div#aside ul#nav li span#nav14{ background:url(../media/images/special/kappo/nav14_on.jpg) no-repeat;}
body#on_nav15 div#aside ul#nav li span#nav15{ background:url(../media/images/special/kappo/nav15_on.jpg) no-repeat;}
body#on_nav16 div#aside ul#nav li span#nav16{ background:url(../media/images/special/kappo/nav16_on.jpg) no-repeat;}
body#on_nav17 div#aside ul#nav li span#nav17{ background:url(../media/images/special/kappo/nav17_on.jpg) no-repeat;}
body#on_nav18 div#aside ul#nav li span#nav18{ background:url(../media/images/special/kappo/nav18_on.jpg) no-repeat;}
body#on_nav19 div#aside ul#nav li span#nav19{ background:url(../media/images/special/kappo/nav19_on.jpg) no-repeat;}
body#on_nav20 div#aside ul#nav li span#nav20{ background:url(../media/images/special/kappo/nav20_on.jpg) no-repeat;}
/*//20150601追加ナビをスニペットに*/




div#aside ul#nav li ul.sub{ }

div#aside ul#nav li ul.sub li{
	display:block;
	width:160px;
	height:35px;
	margin:0;
	padding:0;
	float:left;
}

/*nav*/
div#aside ul#thum{
	margin-bottom:40px;
}
div#aside ul#thum li:hover{
	cursor:pointer;
	opacity : 0.7;
	filter : alpha(opacity=70);
}

div#aside ul.link{}
div#aside ul.link li{
	margin-bottom:5px;
}


/*contents----------------------------------------------------------------------
---------------------------------------------------------------------------------*/

div#contents{
	width:990px;
	float:right;
}

div.slide{	margin-bottom:50px; }
div.slide ul{ margin:0; padding:0;}
div.slide ul li{ margin:0; padding:0;}

div#web li.a{ height:500px;}
div#web li.b{ height:500px;}
div#web li.c{ height:400px;}

div#pre li.a{ height:500px;}
div#pre li.b{ height:500px;}
div#pre li.c{ height:280px;}



/*contents----------------------------------------------------------------------
---------------------------------------------------------------------------------*/
p.ptop{
	width:100%;
	height:35px;
	text-align:right;
}