@charset "Shift_JIS";

/* サンプル用スタイル */
/*============目次==============
　1. インデックス
　2. 下層共通
　3. タイトル

==============================*/
/*===========================
■ 全体レイアウト
============================*/

body.sample {
}

#fudousan3-middle_s{
		width:100%;
		background:url(/fudousan3/common/css/img/bg02_s.gif) repeat-y center top;
		height:100%;
		min-height: 100%;
		overflow: hidden;
}
	#fudousan3-middle-left_s{
		float:left;
		width:50%;
		height:100%;
		min-height: 100%;
		margin:0 -580px 0 0;
		padding:0;
	}
	#fudousan3-middle-left_s P{
		margin-right:580px;
	}
	#fudousan3-middle-center_s{
		float:left;
		width:1160px;
		height:100%;
		overflow: hidden;
		margin:0;
		padding:2px;
	}
	#fudousan3-middle-right_s{
		width:50%;
		height:100%;
		float:right;
		margin:0 0 0 -580px;
		padding:0;
	}
	#fudousan3-middle-right_s P{
		margin-left:580px;
	}

#fudousan3Main{
	background:url(/fudousan3/common/css/img/bg_item.gif) no-repeat center top;
	/*background:url(/fudousan3/common/css/img/bg_item.png) no-repeat center top;*/
	padding-top:40px;
	text-align:left;
}


DIV.HeaderBox{
}

#fudousan3-header{
	background:url(/fudousan3/common/css/img/bg01.jpg) repeat-x center top;
	position:relative;
	padding:15px 0 15px 5px;
}

/*===========================
■ サンプルレイアウト
============================*/

#sample{
	background: #dfd1b0;
}
#sample div.sampleBox{
	margin: 10px auto;
	position: relative;
	text-decoration: none;
	overflow: hidden;
	max-width: 1160px;
	background: #ddd;
}
#sample h1 {
	text-align:center;
	margin:3% auto;
	font-size: 180%;
	width:80%;
}
#sample h2.subt {
	background: #94cff7;
	color:#0a466b;
	padding:1%;
	font-weight:normal;
	font-size: 160%;
	font-style:italic;
}
#sample P.intro {
	width:90%;
	font-size: 95%;
	text-align:center;
	margin:2% auto !important;
	letter-spacing:0.1em;
	line-height: 150%;
}
#sample UL.sampleList  {
	width:1160px;
	margin: 10px 4px;
	padding: 0;
}
#sample UL.sampleList li {
	list-style:none;
	float:left;
	width:23%;
	padding:1%;
	padding:1%;
}
#sample UL.sampleList li img.tirasi{
	width:100%;
}
#sample UL.sampleList li b{
	font-size:90%;
	margin:10px;
	letter-spacing:0.1em;
	text-align:center;
	line-height: 250%;
}
#sample UL.sampleList li A{
	text-decoration:none;
	color:#333;
}

DIV.bana{
	margin:20px 4px 30px 4px;
}

/* detail */
#sample h1.ttl{
	font-family:"メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size:150%;
	font-weight:normal;
	padding:10px auto;
	text-align:center;
}
#sample h2.subt_d{
	font-size:120%;
	color:#603f11;
	padding:10px auto;
	margin-bottom:20px;
	text-align:center;
}
}#sample IMG.waku{
	border:5px solid #FFF;
}
#sample DIV.btn_dl{
	margin:10px;
}


/*===========================
■ グローバルナビ
============================*/

#headLogo{
	float:left;
	margin:5px 9px 5px 2px;
}

#headCopy{
	float:left;
}

#fudousan3-navwrap_s{
	height:47px;
	position:relative;
	z-index:1000;
}

DIV.fudousan3-navwrap_in_s{
		background-image: url(/fudousan3/common/css/img/navi_tem_bc.png);

}
	#fudousan3Nav_s {
		width:976px;
		margin:0 0 0 5px;
		padding:0;
	}


	#fudousan3Nav_s li {
 		position: relative;
	}

	#fudousan3Nav_s .navTtl {
		background-image: url(/fudousan3/common/css/img/navi_tem.gif);
		background-repeat: no-repeat;
		/cursor: pointer;
		display: block;
		height: 47px;
		text-indent: 100%;
		white-space: nowrap;
		overflow: hidden;
	}
	#fudousan3Nav_s #nav01 .navTtl{ width:74px; }
	#fudousan3Nav_s #nav02 .navTtl{ width:97px; }
	#fudousan3Nav_s #nav03 .navTtl{ width:99px; }
	#fudousan3Nav_s #nav04 .navTtl{ width:104px; }
	#fudousan3Nav_s #nav05 .navTtl{ width:130px; }
	#fudousan3Nav_s #nav06 .navTtl{ width:108px; }
	#fudousan3Nav_s #nav07 .navTtl{ width:209px; }
	#fudousan3Nav_s #nav08 .navTtl{ width:155px; }

	/* hover, current */

	#fudousan3Nav_s #nav01 a:hover .navTtl,
	#fudousan3Nav_s #nav01.nav-current .navTtl {
		background-position: left bottom;
	}

	#fudousan3Nav_s #nav02 a:hover .navTtl,
	#fudousan3Nav_s #nav02.nav-current .navTtl {
		background-position: -75px bottom;
	}

	#fudousan3Nav_s #nav03 a:hover .navTtl,
	#fudousan3Nav_s #nav03.nav-current .navTtl {
		background-position: -172px bottom;
	}
	#fudousan3Nav_s #nav04 a:hover .navTtl,
	#fudousan3Nav_s #nav04.nav-current .navTtl {
		background-position: -271px bottom;
	}

	#fudousan3Nav_s #nav05 a:hover .navTtl,
	#fudousan3Nav_s #nav05.nav-current .navTtl {
		background-position: -375px bottom;
	}

	#fudousan3Nav_s #nav06 a:hover .navTtl,
	#fudousan3Nav_s #nav06.nav-current .navTtl {
		background-position: -505px bottom;
	}

	#fudousan3Nav_s #nav07 a:hover .navTtl,
	#fudousan3Nav_s #nav07.nav-current .navTtl {
		background-position: -613px bottom;
	}

	#fudousan3Nav_s #nav08 a:hover .navTtl,
	#fudousan3Nav_s #nav08.nav-current .navTtl {
		background-position: -822px bottom;
	}

	/* normal */
	#fudousan3Nav_s #nav01 .navTtl,
	#fudousan3Nav_s #nav01.current .navTtl {
		background-position: left top;
	}

	#fudousan3Nav_s #nav02 .navTtl,
	#fudousan3Nav_s #nav02.current .navTtl {
		background-position: -75px top;
	}

	#fudousan3Nav_s #nav03 .navTtl,
	#fudousan3Nav_s #nav03.current .navTtl {
		background-position: -172px top;
	}
	#fudousan3Nav_s #nav04 .navTtl,
	#fudousan3Nav_s #nav04.current .navTtl {
		background-position: -271px top;
	}

	#fudousan3Nav_s #nav05 .navTtl,
	#fudousan3Nav_s #nav05.current .navTtl {
		background-position: -375px top;
	}

	#fudousan3Nav_s #nav06 .navTtl,
	#fudousan3Nav_s #nav06.current .navTtl {
		background-position: -505px top;
	}

	#fudousan3Nav_s #nav07 .navTtl,
	#fudousan3Nav_s #nav07.current .navTtl {
		background-position: -613px top;
	}

	#fudousan3Nav_s #nav08 .navTtl,
	#fudousan3Nav_s #nav08.current .navTtl {
		background-position: -822px top;
	}

	/* subnav */
	#fudousan3Nav_s li .navLv2 {
		background-color:#9cc14b;
		-webkit-box-shadow: 1px 1px 2px rgba(12,3,6,.25);
		-moz-box-shadow: 1px 1px 2px rgba(12,3,6,.25);
		box-shadow: 1px 1px 2px rgba(12,3,6,.25);
		display: none;
		/*padding-top: 6px;*/
		position: absolute;
		padding-bottom:5px;
		top:41px;
		left:0px;
		z-index: 99999;
	}

	#fudousan3Nav_s li .function {
		width:97px;
	}

	#fudousan3Nav_s li .sample {
		width:104px;
	}

	#fudousan3Nav_s li .info {
		width:208px;
	}

		#fudousan3Nav_s li .navLv2 li{
			display:block;
			float:none;
		}

	#fudousan3Nav_s li .navLv2 .lv2In {
		/*padding:3px 15px 10px;*/
		padding:3px 6px 0;
	}
		#fudousan3Nav_s li .navLv2 li {
			border-bottom:1px dotted #009900;
			zoom: 1;
		}

	#fudousan3Nav_s li a {
		color: #FFF;
		display: block;
		text-decoration: none;
	}

	#fudousan3Nav_s li a:hover {
		background-color: transparent;
	}

	#fudousan3Nav_s li:hover > .navLv2 {
		display: block;
	}

/*===========================
■ フッターナビ
============================*/

#prsoft_s a,
#prsoft_s a:hover,
#prsoft_s a:visited{
}
#prsoft_s{
	border-radius: 10px;
	background-color: #fff;
	-webkit-box-shadow: 0 1px 3px rgba(11,3,6,.15);
	-moz-box-shadow: 0 1px 3px rgba(11,3,6,.15);
	box-shadow: 0 1px 3px rgba(11,3,6,.15);
	border: solid 1px #f5f5f5;
	letter-spacing:-.40em;
	margin:30px auto 20px ;
	padding:20px 20px 17px;
	text-align:left;
	width:1000px;
	zoom:1;
	font-size:100%;
	line-height:85%;
	font-family:"メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
	#prsoftTtl{
		margin-bottom:26px;
		position:relative;
		zoom:1;
	}
		#prsoftTtl #prsoftBtn{
			bottom:5px;
			position:absolute;
			right:5px;
		}
	#prsoft_s .fl{
	}
		#prsoft_s .prsoftList{
			display:inline-block;
			/display:inline;
			/zoom:1;
			letter-spacing:normal;
			margin-right:0px;
			margin-left:30px;
			vertical-align:top;
		}
			.prsoftList dt{
				font-size:95%;
				font-weight:bold;
				background: url(../img/btn_blue.gif) no-repeat left ;
				padding:5px 0 5px 23px;
				margin-top:5px;
			}
			.prsoftList dd{
				font-size:80%;
				line-height:1.77;
				margin-left:23px;
			}

	#prsoft_s .fr{
		margin-right:-5px;
		overflow:hidden;
	}

@media screen and (max-width: 767px) {
#fudousan3-middle-center_s{
	width:100%;
}
#fudousan3-middle-center_s img{

}
#sample UL.sampleList  {
	width:100%;
}
#sample UL.sampleList li {
	width:48%;
	
}