@charset "UTF-8";

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,input,textarea,p,blockquote,th,td { 
	margin: 0;
	padding: 0;
}

body {
	font-family: "メイリオ",Meiryo,verdana,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
	background: #ffffff;
	font-size: 12px;
	line-height:160%;
	text-align: left;
}

* html body {
	font-family: MS UI Gothic,"ＭＳ Ｐゴシック","MS PGothic",verdana,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,Sans-Serif;
}


table {
	border-collapse: collapse;
	border-spacing: 0;
}

td,th {
	vertical-align: top;
	text-align: left;
}

li img,dt img,dd img{
	vertical-align:bottom;
}

h1,h2,h3,h4,h5,h6,address,th {
	font-size: 12px;
	font-weight: normal;
}

a img {
	border: none;
}

/* ftHgnbN */
.clearfix:after {
  content: ".";  /* 新しい要素を作る */
  display: block;  /* ブロックレベル要素に */
  clear: both;
  height: 0;
  visibility: hidden;
}

.clearfix {
  min-height: 1px;
}

* html .clearfix {
  height: 1px;
  /*¥*//*/
  height: auto;
  overflow: hidden;
  /**/
}

/* ėpNX */
.left {
	float: left;
}

.right {
	float: right;
}

.clear {
	clear: both;
}

/* txt_aling */
.txt_l {
	text-align:left;
}

.txt_r {
	text-align:right;
}

.txt_c {
	text-align:center;
}

/* ページ全体の基本レイアウト
---------------------------------------------------- */
a:link {
	color:#05b5ff;
	text-decoration:none;}
a:visited {
	color:#05b5ff;
	text-decoration:none;}
a:hover {
	text-decoration:underline;}

#wrapper {
	width:950px;
	margin: 0 auto;
	position:relative;
}

#contents {
	width:950px;
	padding:0 0 20px;
}

#contents:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}


/* list
---------------------------------------------------- */
#l_body {
	background-image:none;
	background-color:#fff;
	color:#575757;
}

#l_head {
	width:950px;
	height:108px;
	overflow:hidden;
	color:#3a3a3a;
}

#l_head h1 {
	width:245px;
	height:101px;
	background:url(https://ninki-home.co.jp/wglist/logo01.gif) no-repeat;
	overflow:hidden;
	float:left;
}

#l_head h1 a {
	display: block;
	width:245px;
	height:108px;
	overflow:hidden;
	text-decoration: none;
	text-indent: -9999px;
}

#l_head p {
	width:500px;
	height:20px;
	position: absolute;
	left:8px;
	top:40px;
}

#list_conte_main {
	width:600px;
	float:left;
	padding:0 0 20px;
}

#list_conte_side {
	width:340px;
	float:right;
	color:#3a3a3a;
	padding:0 0 20px;
}


.list_title01 {
	padding:15px 10px 15px 10px;
	font-size:14px;
	color:#ffffff;
	font-family: "メイリオ",Meiryo,verdana,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
	float:left;
}

.list_txt01 {
	text-align:right;
	padding:15px 10px 5px;
	color:#ffffff;
}

.list_txt02 {
	padding:0 10px 5px;
}
	
.list_box01 {
	width:680px;
	margin:0 0 10px 5px;
	padding:9px;
	border:1px solid #E2E2E2;
}

.list_box02 {
	width:600px;
}

.list_box03 {
	width:300px;
	background:#0c2c91;
	margin:0 0 10px;
}

.list_img_box01 {
	margin:0 1px 0 5px;
	_margin:0 5px 0 5px;
	width:290px;
	display: -moz-inline-box; /*for Firefox 2*/
	display: inline-block; /*for modern*/
	/display: inline; /*for ie5～7*/
	/zoom: 1; /*for ie5～7*/
	vertical-align:top;
}

.list_img_box02 {
	margin:0 1px 0 5px;
	_margin:0 5px 0 5px;
	width:190px;
	display: -moz-inline-box; /*for Firefox 2*/
	display: inline-block; /*for modern*/
	/display: inline; /*for ie5～7*/
	/zoom: 1; /*for ie5～7*/
	vertical-align:top;
}

.list_left_box01 {
	width:160px;
	float:left;
}

.list_right_box01 {
	width:510px;
	float:right;
}

.list_left_box02 {
	width:300px;
	float:left;
}

.list_right_box02 {
	width:295px;
	float:right;
}


.list_data01 {
	width:510px;
	margin:0 0 5px;
}

	.list_data01 dt {
		float:left;
		width:100px;
		padding:6px 5px 6px 10px;
		line-height: 150%;
		clear:left;
	}
		
	.list_data01 dd {
		padding:6px 10px 6px 120px;
		line-height: 150%;
		background:url(https://ninki-home.co.jp/wglist/line01.gif) repeat-x bottom;
	}
	
.list_data02 {
	width:700px;
	margin:0 5px 5px;
	border-top:1px #CCCCCC solid;
	border-right:1px #CCCCCC solid;
}

	.list_data02 dt {
		float:left;
		width:150px;
		padding:10px 5px 8px 10px;
		line-height: 150%;
		clear:left;
	}
		
	.list_data02 dd {
		padding:10px 10px 8px 170px;
		line-height: 150%;
		border-bottom:1px #CCCCCC solid;
		border-top:1px #fff solid;
		border-left:1px #CCCCCC solid;
		background:url(https://ninki-home.co.jp/wglist/t_bg02.gif) repeat-y;
	}
	
.list_t_box01 {
	width:340px;
	border-left: 1px solid #CCC;
	border-top: 1px solid #CCC;
}

.list_t_box02 {
	width:340px;
	border-left: 1px solid #CCC;
}

.list_t_box03 {
	width:950px;
	border-left: 1px solid #CCC;
	border-top: 1px solid #CCC;
}

	.list_t_box01 td,
	.list_t_box02 td,
	.list_t_box03 td {
		font-weight: normal;
		border-right: 1px solid #CCC;
		border-bottom: 1px solid #CCC;
		vertical-align:middle;
	}

	.list_size01 {
		width:90px;
	}
	
	.list_size02 {
		width:80px;
	}
	
	.list_size03 {
		width:100px;
	}
	
	.list_size04 {
		width:350px;
	}
	
	.list_c1 {
		background-color: #edf2ff;
		vertical-align:middle;
		text-align:center;
		padding:5px 5px 2px;
	}
	
	.list_c2{ 
		background:#FFF;
		padding:5px 5px 2px;
	}
	
	.list_c3 {
		background-color: #f7f7f7;
		vertical-align:middle;
		text-align:center;
		padding:5px 5px 2px;
	}

/* イメージ
---------------------------------------------------- */
.img01 {
	margin:0px;
	padding:4px;
	border:1px solid #E2E2E2;
	background-color:#FFFFFF;
}

/* MARGIN
--------------------------------------------*/
.sp_bottom5 {
	margin-bottom: 5px;
}

.sp_bottom10 {
	margin-bottom: 10px;
}

.sp_bottom15 {
	margin-bottom: 15px;
}

.sp_bottom20 {
	margin-bottom: 20px;
}

.sp_bottom25 {
	margin-bottom: 25px;
}

.sp_bottom30 {
	margin-bottom: 30px;
}

.sp_bottom35 {
	margin-bottom: 35px;
}

.sp_bottom40 {
	margin-bottom: 40px;
}

.sp_bottom45 {
	margin-bottom: 45px;
}

.sp_top15 {
	margin-top: 15px;
}

/**
 * jQuery lightBox plugin
 * This jQuery plugin was inspired and based on Lightbox 2 by Lokesh Dhakar (http://www.huddletogether.com/projects/lightbox2/)
 * and adapted to me for use like a plugin from jQuery.
 * @name jquery-lightbox-0.5.css
 * @author Leandro Vieira Pinho - http://leandrovieira.com
 * @version 0.5
 * @date April 11, 2008
 * @category jQuery plugin
 * @copyright (c) 2008 Leandro Vieira Pinho (leandrovieira.com)
 * @license CC Attribution-No Derivative Works 2.5 Brazil - http://creativecommons.org/licenses/by-nd/2.5/br/deed.en_US
 * @example Visit http://leandrovieira.com/projects/jquery/lightbox/ for more informations about this jQuery plugin
 */
#jquery-overlay {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
}
#jquery-lightbox {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
}
#jquery-lightbox a img { border: none; }
#lightbox-container-image-box {
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
}
#lightbox-container-image { padding: 10px; }
#lightbox-loading {
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
}
#lightbox-nav {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
}
#lightbox-container-image-box > #lightbox-nav { left: 0; }
#lightbox-nav a { outline: none;}
#lightbox-nav-btnPrev, #lightbox-nav-btnNext {
	width: 49%;
	height: 100%;
	zoom: 1;
	display: block;
}
#lightbox-nav-btnPrev { 
	left: 0; 
	float: left;
}
#lightbox-nav-btnNext { 
	right: 0; 
	float: right;
}
#lightbox-container-image-data-box {
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	overflow: auto;
	width: 100%;
	padding: 0 10px 0;
}
#lightbox-container-image-data {
	padding: 0 10px; 
	color: #666; 
}
#lightbox-container-image-data #lightbox-image-details { 
	width: 70%; 
	float: left; 
	text-align: left; 
}	
#lightbox-image-details-caption { font-weight: bold; }
#lightbox-image-details-currentNumber {
	display: block; 
	clear: left; 
	padding-bottom: 1.0em;	
}			
#lightbox-secNav-btnClose {
	width: 66px; 
	float: right;
	padding-bottom: 0.7em;	
}