@charset "UTF-8";
/*
Theme Name: ni
Theme URI: http://www.no-image.net
Description: 
Author: nnjyami
Author URI: http://www.nnjyami.net/
Version: 0.95
*/


/* ============================================================================= 
 common
============================================================================= */  

*{ margin:0; padding:0; }  
a img { border-width: 0px; }
a { outline : 0 ; }
h1,h2,h3,h4,h5,em{ font-style: normal; font-weight: normal; margin: 0; padding: 0; }
ul li { list-style: none; }


/* clear,float
------------------------------------------------------------------------ */  
.clear { clear: both; }
.left { float: left; }
.right { float: right; }
.clearfix { overflow: hidden; /* clearfix */ }  
/* IE6 */  
* html .clearfix { zoom: 1; } 



/* txt
------------------------------------------------------------------------ */ 
.center { text-align: center; }
.txt_right { text-align: right; }





/*=============================================================================
basic layout
============================================================================= */

body { background: #000 url(img/bg.png) repeat-x top left; overflow-x:hidden; background-attachment:fixed; }

#wrapper { background: url(img/bg-ptn_01.gif) repeat; display:none; }

#wrapper,#header,#main,#footer { display:none; }



/* header---------------------------------------------------- */ 
#header { position:absolute; z-index:10; top:0; left:0; background: url(img/header_bg.png) repeat-x top left; }

#header .inner { width:960px; height:280px; padding:70px 0 0; margin:0 auto; }

h1 { width:147px; height:70px; background: url(img/logo.png) no-repeat left top; text-indent:-9999px; float:left; margin-right:100px; }

#nav { width:400px; margin-top:15px; float:left; position:relative; z-index:30; }
#nav ul { width:400px; display:block; }
#nav li { width:100px; display:block; float:left; }
#nav li a { color:#666; text-decoration:none; }
#nav li a:hover { color:#EB3C12; }

#footer { clear:both; padding:10px; text-align:right; }
#footer p { color: #3B3B3B; font-size: 11px; font-family: Georgia, "Times New Roman", Times, serif; }


/*=============================================================================
Text
============================================================================= */
body { font-size: 13px; font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; color: #CCC; }

h3 { font-size: 20px; font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif; }
h4 { font-size: 16px; }


/*=============================================================================
link
============================================================================= */
a { color: #F6F6F6; text-decoration:none; }
a:hover { color:#890F0F; text-decoration:underline; visibility:visible }



/*=============================================================================
contents
============================================================================= */

/* パターン---------------------------------------------------- */
#main { width:260px; position:absolute; z-index:1; top:0; }

#pattern { width:240px; position:absolute; z-index:2; top:300px; left:0; }

#pattern2 { width:960px; margin:150px auto 10px; position:relative; z-index:21; }

.thum { display:block; width:240px; overflow:hidden; float:left; }
.thum li { width:240px; display:block; clear:both; }
.thum a.left { display:block; width:156px; height:156px; margin-bottom:10px; }
.thum a.left img { border:1px solid #333; padding:1px; }
.thum .thum_nav { width:70px; float:right; font-size:8px; line-height:20px; }
.thum_nav a { display:block; height:20px; background-color:#000; color:#666; text-decoration:none; }
.thum_nav a:hover { color:#EB3C12; }
.thum_nav p {text-align:center; }

.thum2 { display:block; width:960px; }
.thum2 li { width:240px; display:block; float:left; }
.thum2 a.left { display:block; width:156px; height:156px; margin-bottom:10px; float:left; }
.thum2 a.left img { border:1px solid #333; padding:1px; }
.thum2 .thum_nav { width:70px; float:left; font-size:8px; line-height:20px; }
.thum_nav a { display:block; height:20px; background-color:#000; color:#666; text-decoration:none; padding-left:6px; }
.thum_nav a:hover { color:#EB3C12; }
.thum_nav p {text-align:left; }
p.expand { margin-top:115px; margin-bottom:1px; }

#slide { position:absolute; right:0; bottom:5px; width:1px; height:250px;
	border:none!important; background-image:none; background-color:none; border-left:1px solid #404040!important; }
#slide a { border:none!important; background-color:none!important; width:10px; left:-4px; display:block; width:7px; height:9px; }
.ui-state-default, .ui-widget-content .ui-state-default { background:transparent url(img/scroller.png) no-repeat 0 0!important; }
.ui-corner-all {
-moz-border-radius-bottomleft:0px!important;
-moz-border-radius-bottomright:0px!important;
-moz-border-radius-topleft:0px!important;
-moz-border-radius-topright:0px!important;
}

/* その他---------------------------------------------------- */
#about,#license,#contact { display:none; height:350px; position:absolute; top:300px; z-index:40; background-color:#000; padding:20px; }
#about h3,#license h3,#contact h3 { font-size:26px; font-family:Georgia, "Times New Roman", Times, serif; margin-bottom:15px; }
#about h4,#license h4,#contact h4 { font-size:18px; font-family:"ヒラギノ明朝 Pro W3", "平成明朝", "HG明朝E", "HG明朝B", "ＭＳ Ｐ明朝", "MS Serif", Century, "Times New Roman", serif; }
about p,#license p,#contact p { padding:15px 0; }

/* ex---------------------------------------------------- */
#ex_bg { position:absolute; width:100%; height:100%; z-index:50; top:0; left:0; background-color:#000; display:none; padding:0; cursor: pointer; }
#ex_win { position:absolute; z-index:60; width:100%; height:100%; background-repeat:repeat; display:none; cursor: pointer; }
#ex_tlt { position:absolute; z-index:70; bottom:15px; background-color:#000; display:none; }
#ex_tlt h3 { width: 250px; float:left; padding-left:25px; line-height:40px; }
#ex_close { width: 200px; float:right; text-align:right; padding-right:25px; line-height:40px; color:#666; }