@charset "utf-8";

/*-------------------------
  # ngi tech BaseTemplateCSS
  # update 2007.10.19
  -------------------------*/

/* ************************************************ 
 *	共通設定
 * ************************************************ */

/*------------------------------------
↓タグリセット
-------------------------------------*/

body {color:#000;background:#FFF;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td {margin:0; padding:0;}
table {border-collapse:collapse; border-spacing:0;}
fieldset,img {border:0;}
address,caption,cite,code,dfn,em,th,var {font-style:normal; font-weight:normal;}
li {list-style:none;}
caption,th {text-align:left;}
h1,h2,h3,h4,h5,h6 {font-size:100%; font-weight:normal;}
q:before,q:after {content:'';}
abbr,acronym {border:0; font-variant:normal;}
sup,sub{line-height:-1px; vertical-align:text-top;}
sub {vertical-align:text-bottom;}
input, textarea, select {font-family:inherit; font-size:inherit; font-weight:inherit;}


/*------------------------------------
↓主な小物
-------------------------------------*/
ol,ul,dl,div{zoom:1;}
ol:after,ul:after,dl:after,div:after {
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}

.message  {color:#666;}
.exe      {color:#006699;}
.error    {color:red;}
.must {
	padding-left:14px;
	background:url(/images/must.gif) no-repeat;
	background-position:left top;
}

.center   {text-align:center;}
.left     {text-align:left;}
.right    {text-align:right;}

.fontsize_xlarge {font-size:134%;}
.fontsize_large  {font-size:112%;}
.fontsize_small  {font-size:77%;}
.fontsize_xsmall {font-size:66%;}

/*------------------------------------
 *↓ページレイアウト（大枠）
 * --------------------------------- */
body {
	font-size: 78%; /* モダンブラウザ向け */
	*font: x-small;  /* IE 6以下 */
	line-height:1.0;
	font-family:Verdana,"ヒラギノ角ゴ Pro W3",osaka,"ＭＳ Ｐゴシック",sans-serif;
	word-break:break-all;
	background-color:#F1F1F1;
	background-image:url("/images/img_bodyBg.gif");
	background-repeat:repeat-y;
}


/*　ページ全体の幅、レイアウトをセンタリング　*/
#container {
	width:990px;
	text-align:left;
}

/*　ヘッダー（ページタイトル、グローバルメニュー）　*/
#header {
	position:relative;
	width:100%;
	height:110px;
	background:url("/images/img_headerBg.jpg");
}

#header_logo {
	float: left;
	width:220px;
	font: 0pt/0pt sans-serif;
}


/*　ホットニュース　*/
#hotnews {
	margin:7px auto;
	width:100%;
	text-align:center;
	background-color:#F8F8F8;
}

#hotnews li{
	display:inline;
	margin-right:30px;
	padding-left:8px;
	background-image:url("/images/hotnews_y.gif") ;
	background-repeat: no-repeat;
	background-position:left 6px;
}



/*　コンテンツを囲む　*/
#wrapper {
	/*styles-option.css参照*/
}


 /*　コンテンツの幅　*/
#contents {
	/*styles-option.css参照*/
}

#contents_inner {
	/*styles-option.css参照*/
}

.navi_both #contents_inner {
	/*styles-option.css参照*/
}

/*　左カラムの幅　*/
#sidenavi {
	/*styles-option.css参照*/
}

/***********sidnavi/menu_life内要素(080430削除可)***********/

#sidenavi .menu_life{
	margin:0px 5px 10px 5px;
	padding:1px;
	line-height:1.4;
	background-color:#fff;
}

#sidenavi .menu_life h4 {
	height:25px;
	padding:3px;
	text-align:center;
	color:#43322F;
	font-weight:bold;
	background:url("/images/img_menu_life_titleBg.jpg") repeat-x;
}

#sidenavi .menu_life dl{
	padding:3px 3px 10px 3px;
	font-size: 77%;
}

#sidenavi .menu_life dl dt{
	float:left;
	padding-left:16px;
	width:62px;
	clear:left;
	font-weight:bold;
}

#sidenavi .menu_life dl dt.buy    {background:url("/images/icon_life_buy.gif") no-repeat; }
#sidenavi .menu_life dl dt.gether {background:url("/images/icon_life_gether.gif") no-repeat; }
#sidenavi .menu_life dl dt.enjoy  {background:url("/images/icon_life_enjoy.gif") no-repeat; }
#sidenavi .menu_life dl dt.make   {background:url("/images/icon_life_make.gif") no-repeat; }
#sidenavi .menu_life dl dt.live   {background:url("/images/icon_life_live.gif") no-repeat; }
#sidenavi .menu_life dl dt.know   {background:url("/images/icon_life_know.gif") no-repeat; }


#sidenavi .menu_life dl dd{
	float:right;
	width:114px;
}

/***********sidnavi/menu_vw内要素***********/

#sidenavi .menu_vw , .menu_times {
	margin:0px 5px 10px 5px;
	padding:1px;
	line-height:1.4;
}

#sidenavi .menu_vw ul{
	border:solid 1px #ddd;
}

#sidenavi .menu_vw ul li{
	border-bottom:solid 1px #ddd;
	_height:15px;/*ie6対応*/
}


#sidenavi .menu_vw ul li a{
	padding:2px 5px; 
	display:block;
}

#sidenavi .menu_vw ul li a:hover {
	text-decoration:none;
	background-color:#ddd;
}


#sidenavi .menu_vw ul li.last{
	border-bottom:none;
}

#sidenavi .menu_vw .vw_main_name {
	margin:0px 5px;
	color:#663300;
	font-weight:bold;
}


#sidenavi .menu_life dl dt.buy    {background:url("/images/icon_life_buy.gif") no-repeat; }
#sidenavi .menu_life dl dt.gether {background:url("/images/icon_life_gether.gif") no-repeat; }
#sidenavi .menu_life dl dt.enjoy  {background:url("/images/icon_life_enjoy.gif") no-repeat; }
#sidenavi .menu_life dl dt.make   {background:url("/images/icon_life_make.gif") no-repeat; }
#sidenavi .menu_life dl dt.live   {background:url("/images/icon_life_live.gif") no-repeat; }
#sidenavi .menu_life dl dt.know   {background:url("/images/icon_life_know.gif") no-repeat; }


#sidenavi .menu_life dl dd{
	float:right;
	width:114px;
}


/***********sidnavi/menu_times内要素***********/

#sidenavi .menu_times {
	line-height:1;
	/*border-top:1px solid #CCCCCC;*/
}

#sidenavi .menu_times dl{
	border:solid 1px #ddd;
}

#sidenavi .menu_times dl dt a{
	display:block;
	padding:0px 10px 0px 20px; 
	height:21px;
	line-height:21px;
	text-decoration:none;
	font-weight:bold;
	background-image:url("/images/menu_times_Bg.gif") ;
}

#sidenavi .menu_times dl dd a{
	display:block;
	padding:0px 10px 0px 30px; 
	height:21px;
	line-height:21px;
	text-decoration:none;
	background-image:url("/images/menu_sub_times_Bg.gif") ;
}


#sidenavi .menu_times dl dt.title_mail {
	display:block;
	padding:0px 10px 0px 20px; 
	height:21px;
	line-height:21px;
	text-decoration:none;
	font-weight:bold;
	background-image:url("/images/menu_times_Bg_mail.gif") ;
}
#sidenavi .menu_times dl dt a:hover {
	background-image:url("/images/menu_times_Bg_hover.gif") ;
}

#sidenavi .menu_times dl dt a.active {
	color:#F0DECE;
	background-image:url("/images/menu_times_Bg_act.gif") ;
}



#sidenavi .menu_times dl dd a:hover {
	background-image:url("/images/menu_sub_times_Bg_hover.gif") ;
}
#sidenavi .menu_times dl dd a.active {
	color:#F0DECE;
	background-image:url("/images/menu_sub_times_Bg_act.gif") ;
}

#sidenavi .menu_times a:active  {color:#F2E0D0; text-decoration:none;}
#sidenavi .menu_times a:visited {text-decoration:none;}

/*#sidenavi .bnr p{
	margin:10px 5px;
}*/

#sidenavi .bnr_top p{
	margin:0px 5px 10px 5px;
}

#sidenavi .bnr p{
	margin:5px;
}

#sidenavi .bnr_top p{
	margin:0px 5px 10px 5px;
}

.bnr .ad_bnr {
	margin:10px 5px 10px 5px;
	border:1px solid #ccc;

}

/*　フッター（コピーライト）　*/
#footer {
	clear:both;
	width:100%;
	font-size: 77%;
}


/* ************************************************ 
 *	ページレイアウト（大枠の中：個人的な設定）
 * ************************************************ */

a:link    {color:#660033; text-decoration: none;}
a:visited {color:#660033; text-decoration: none;}
a:hover   {color:#650104; text-decoration:underline;}
a:active  {}


/***********header内要素***********/
#header h1 {
	padding:3px 7px;
    color:#F0DECE;
	font-size: 77%;
	background:url("/images/img_headerh1_Bg.jpg");
}

/*検索ボックス*/
#header #search {
	float:left;
	padding:24px 0px 0px 70px;
	width:470px;
	height:42px;
}

#header #search #searchtext{
	width:337px;
	_width:307px;
	padding:0px;
	margin-right:0px;
}

#header #search #searchbutton{
	width:45px;
	cursor:pointer;
	border:solid 1px #ccc;
	background:#999 url("/images/search_btn_Bg.gif") repeat-x left top;
	padding: 0px 2px;
	height:20px;
	margin-left:0px;
}

#header #search .search_menu {
	position: relative;
	overflow: hidden;
	top:2px;
	*top:3px;
	padding:0px 0px 0px 10px;
	height: 19px;
}

.search_menu li {
	float: left;
	padding:0px 5px;
	width:60px;
	text-align:center;
	border-right:1px solid #A29998;
}

#header #search .search_menu a,
.search_menu a:link {
	color: #F0DECE;
	display: block;
	position: relative;
	width:60px;
	margin:0px 0px;
	line-height:13px;
	text-align: center;
}

.search_menu li.active {
	position: relative;
	left:-1px;
	background-image: url("/images/search_tab_Bg.gif") ;
	background-color:#fff;
	border-right:none;
	padding:3px 5px;
}

#header #search .search_menu li.active a:link,
#header #search .search_menu li.active a:hover,
#header #search .search_menu li.active a:active,
#header #search .search_menu li.active a:visited {
	color:#660033;
	text-decoration:none;
}


/*aboutと会員登録など*/
#header #aboutandregist {
	float:right;
	padding:34px 10px 0px 0px;
	/*_margin:;*/
	/*width:222px;*/
	/*_width:272px;*/
	color:#F0DECE;
}

#header #aboutandregist p {
	padding:3px 0px;
	text-align:right;
}

#header #aboutandregist p.about a{
	padding-left:16px;
	background:url("/images/icon_q.gif");
	background-position:left top;
	background-repeat:no-repeat;
}

#header #aboutandregist a:link    {color:#F0DECE; text-decoration:none;}
#header #aboutandregist a:visited {color:#F0DECE; text-decoration:none;}
#header #aboutandregist a:hover   {color:#F0DECE; text-decoration:underline;}
#header #aboutandregist a:active  {color:#F0DECE; text-decoration:none;}



/***********共通のきまり事***********/

/*基本のtable*/
/*パンくずの設定*/
#pankuzu,  .pankuzu{
font-size:77%;
height:20px;
padding:0px 0px 5px 0px;
}

table{
width:100%;
border-collapse:separate;
background-color:#E5E5E5;
border-spacing:2px;
}

th{
padding: 5px;
text-align: left;
width:30%;
font-weight:bold;
background: #F5F5F5;
}

td{
width:70%;
padding: 5px;
background: #fff;
}

.more {
margin-top:10px;
}

.more a{
padding-left:14px;
background-image:url(/images/img_icon_subcategory.gif);
background-position:left center;
background-repeat:no-repeat;
}


.archives {
clear:both;
display:block;
float:right;
margin:5px 10px;
padding-left:14px;
background-image:url(/images/img_icon_subcategory.gif);
background-position:left center;
background-repeat:no-repeat;
}

.corp_page {
	margin:10px 0px;
}
	
.corp_page a{
padding:3px 0px 3px 70px;
background-image:url(/images/btn_corp.gif);
background-position:left center;
background-repeat:no-repeat;
}

.corp_page a:link    {text-decoration:underline;}
.corp_page a:visited {text-decoration:underline;}
.corp_page a:hover   {text-decoration:none;}
.corp_page a:active  {text-decoration:none;}

/***********footer内要素***********/

#footer ul{
	padding:10px 10px;
	text-align:right;
}

#footer li{
	display:inline;
	margin-left:10px;
}

#footer p {
	padding:5px 10px;
    color:#fff;
	text-align:right;
	background-color:#38231E;
}

.gsl{
width:60px;
float:left;
}

.gsl_r{
padding-top:10px;
width:120px;
font-size:77%;
line-height:1.4;
float:left;
text-align:left;
}