/*
Theme Name: stinger_hoken
Template: stinger3ver20140124
*/
@import url('../stinger3ver20140124/style.css');


/*---------------------
ナビゲーション
-----------------------*/
#navi-in {			/* ナビゲーションバーベース */
  list-style-type: none;
  //width: 990px;
  //height: 40px;
  margin: 0 auto 0;
  //bottom-margin: 50px;
  padding: 0;
  //background: #cccccc;		/* ナビゲーションバーベース  バックグラウンド*/
  //border-bottom: 1px solid #1b1b1b;	/* ナビゲーションバーベース 下部バックグラウンド */
  border-radius: 3px 3px 0 0;
}

#navi-in li {			/* 親カテゴリ表示位置 */
  position: relative;
  margin: 0;
  padding: 5px; 
  //width: 25%;			/* 100/親カテゴリ数% */
  float: left;
  //background: #cccccc;	
  border:1px solid #999999;
	background: -moz-linear-gradient(
		top,
		#c2c2c2 0%,
		#878787);
	background: -webkit-gradient(
		linear, left top, left bottom,
		from(#c2c2c2),
		to(#878787));
	-moz-border-radius: 0px;
	-webkit-border-radius: 0px;
	border-radius: 0px;
	border: 1px solid #828282;
	-moz-box-shadow:
		0px 1px 3px rgba(000,000,000,0.5),
		inset 0px 0px 2px rgba(255,255,255,0.7);
	-webkit-box-shadow:
		0px 1px 3px rgba(000,000,000,0.5),
		inset 0px 0px 2px rgba(255,255,255,0.7);
	box-shadow:
		0px 1px 3px rgba(000,000,000,0.5),
		inset 0px 0px 2px rgba(255,255,255,0.7);
}

#navi-in li a {
  display: block;
  margin: 0;
  padding: 0 0; 		/* 文字表示位置 */
  color: #000000;			/* 親カテゴリ文字色 */
  font-size: 13px;			/* 親カテゴリフォントサイズ */
  font-weight: bold;		/* 親カテゴリフォントの太さ */
  text-decoration: none;		/* 親カテゴリ下線を消す */
  text-align: center;		/* 親カテゴリテキスト水平表示位置 */
}

#navi-in li:hover{		/* マウスオーバー時の色*/
  background: #665e53;
}
#navi-in li:hover > a{		/* マウスオーバー時の色*/
 text-decoration: none;
  color: #ffffff;
}

#navi-in li ul {			/* 子表示位置 */
  position: absolute;
  top: 100%;
  left: 0%;
  list-style: none;
  z-index: 2;
}

#navi-in li ul li{
  margin: 0;
  //width: 100%;			/* サブメニューの幅 */
  background: #cccccc;		/* 子のバックグラウンド */
  -moz-transition: .2s;
  -webkit-transition: .2s;
  -o-transition: .2s;
  -ms-transition: .2s;
  transition: .2s;
}

#navi-in li ul li a{
  //padding: 5px 5px;
  padding:0;
  color: #000; 
  text-align: left;
  font-size: 12px;
  font-weight: normal;
}
#navi-in ul li ul{
  margin: 0;
  width: 100%;			/* 孫メニューの幅 */
  background: #cccccc;		/* 孫のバックグラウンド */
  -moz-transition: .2s;
  -webkit-transition: .2s;
  -o-transition: .2s;
  -ms-transition: .2s;
  transition: .2s;
}
#navi-in ul li:last-child ul li ul{	/* 親メニュー最後の孫メニュー表示位置 ※はみ出ないため */
  left: -100%;			
  width: 100%;
}

#navi-in li ul,
#navi-in li ul li ul {		/* 下層のメニューを不可視に */
        display: none;
}

#navi-in li:hover ul {		/*  親メニューマウスオーバー時 子メニューを可視に */
        display: block;
        position: absolute;
        z-index: 100;
}

#navi-in li:hover ul li ul {		/* 親メニューマウスオーバー時 孫メニューを不可視に */
        display: none;
}

#navi-in li ul li:hover ul {		/* 子メニューマウスオーバー時 孫メニューを可視に */
        display: block;
        position: absolute;
        top: 0;
        left: 100%;
        z-index: 200;
}
/*---------------------------------
サイドバーのh2変更
--------------------------------*/
.menu_underh2{		
        background-color: #444;
	color: #FFF;
	margin:20px 0px 5px 0px;
	background: -moz-linear-gradient(
		top,
		#c2c2c2 0%,
		#878787);
	background: -webkit-gradient(
		linear, left top, left bottom,
		from(#c2c2c2),
		to(#878787));
	-moz-border-radius: 0px;
	-webkit-border-radius: 0px;
	border-radius: 0px;
	border: 1px solid #828282;
	-moz-box-shadow:
		0px 1px 3px rgba(000,000,000,0.5),
		inset 0px 0px 2px rgba(255,255,255,0.7);
	-webkit-box-shadow:
		0px 1px 3px rgba(000,000,000,0.5),
		inset 0px 0px 2px rgba(255,255,255,0.7);
	box-shadow:
		0px 1px 3px rgba(000,000,000,0.5),
		inset 0px 0px 2px rgba(255,255,255,0.7);
}
/*---------------------------------
サイドバーメニューの見出し部分にもリンクをつけたい場合のクラス
ウィジェットの「テキスト」で別途htmlを書くことで実装
--------------------------------*/
.menu_title_by_widget a {
 color: #ffffff;			/* 親カテゴリ文字色 */
 text-decoration: none;
}
.menu_title_by_widget:hover{		
  color: #ffffff;
 background: #665e53;
}
/*---------------------------------
サイドバーメニューをボタン風にする
--------------------------------*/
.menu li {			/* 親カテゴリ表示位置 */
  //position: relative;
  margin: 0px 10px;
  //width: 25%;			/* 100/親カテゴリ数% */
  //float: left;
  //background: #cccccc;	
  border:1px solid #999999;
}

.menu li a {
  display: block;
  padding: 0px; 		/* 文字表示位置 */
  color: #000000;			/* 親カテゴリ文字色 */
  //font-size: 13px;			/* 親カテゴリフォントサイズ */
  font-weight: bold;		/* 親カテゴリフォントの太さ */
  text-decoration: none;		/* 親カテゴリ下線を消す */
　padding-left:20px;
}

.menu li:hover{		/* マウスオーバー時の色*/
  background: #665e53;
}
.menu li:hover >a{		
  color: #ffffff;
}

/*---------------------------------
デフォルトcssキャンセル用
--------------------------------*/

#side ul li {
 padding:0px;
 margin:0px;
}

/*---------------------------------
フッター追記
--------------------------------*/
#footer {
	background-color: #444;
	color: #444;
}
#footer-in h3 a {
	color: #fff;
}
#footer-in h4 a {
	color: #ccc;
}
 
#footer_w {
	width: 986px;
	margin: 20px auto;
	text-align: left;
}
.footer_l {
	float: left;
	width: 336px;
	margin: 0 10px 20px 0;
	padding: 0;
}
 
.footer_r {
	float: left;
	width: 620px;
	margin: 0 0 20px 20px;
}
 
#footer_w h5 {
	font-size: 120%;
	color: #fff;
	border-bottom: 3px dotted #70a83e;
	margin: 0 0 20px 0;
	padding: 0 0 3px 3px;
}
 
#footer_w p {
	color: #fcfcfc;
}
#footer_w ul li a {
	color: #fff;	
	padding-left:20px;
}
/*---------------------------------
インデックスページ用css
--------------------------------*/
.index_detail_div{
 border:1px solid #dddddd;
}
.index_detail_div p{
 padding:0px 10px;
}
.index_detail_title{
  font-size: 18px;	
 color:#fff;	
  font-weight: bold;
 padding:5px;
 background-color:#70a83e;
}

.index_detail_a {
color: #FFF;
text-decoration: none;
background-color: #dddddd;
width: 150px; 
color: #666666;
text-align: center;
//display: block;
padding-top: 2px;
padding-right: 5px;
padding-bottom: 2px;
padding-left: 5px;
font-weight: normal;
}
.index_detail_a:hover{
color: #FFF;
background-color: #999999;
width: 150px; 
text-align: center;
//display: block;
padding-top: 2px;
padding-right: 5px;
padding-bottom: 2px;
padding-left: 5px;
font-weight: normal;
}