@charset "UTF-8";

/* ***************************************************
* CSS file For osouji-taishi.jp
	FileName: example.css
	data:2009/07/06 kinoshita

■目次 ==========================================
■ページャー
**************************************************** */

/*-----------------------------------------------------------
■ページャー
------------------------------------------------------------*/
div.Pager{
	background:url(/img/example/bg_pager.gif) repeat-x left top;
	width: 642px;
	float: left;
	margin: 0 0 0 10px;
	display:inline;
}

div.Pager p{
	float: left;
}

div.Pager div{
	float: left;
	width: 442px;
	text-align: center;
	color: #53c4ff;
}

div.Pager div a{
	padding: 0 10px;
	line-height: 26px;
}

div.Pager div span{
	padding: 0 10px;
	line-height: 26px;
	font-weight: bold;
}
div.Pager div a:link 		{ color: #53c4ff; text-decoration: underline; }
div.Pager div a:visited 	{ color: #53c4ff; text-decoration: underline; }
div.Pager div a:hover 	{ color: #fff; text-decoration: none; background-color: #0099ff; }

dl.cateTitle{
	background:url(/img/example/bg_ttl.gif) no-repeat left top;
	width: 642px;
	float: left;
	display:inline;
	margin: 0 0 0 10px;
	height: 50px;
}

dl.cateTitle dt{
	color: #00a8ff;
	font-weight: bold;
	font-size: 14px;
	float: left;
	line-height: 50px;
	width: 546px;
}

dl.cateTitle dd{
	float: left;
	background:url(/img/example/bg_day.gif) no-repeat left top;
	width: 96px;
	color: #fff;
	font-size: 10px;
	letter-spacing: 1px;
	text-align: center;
	margin: 31px 0 0 0;
}

p.subTitle{
	background:url(/img/example/bg_subttl.gif) no-repeat left top;
	width: 642px;
	float: left;
	display:inline;
	font-size: 14px;
	font-weight: bold;
	margin: 0 0 0 10px;
/* 	height: 61px;
 */	color: #fff;
	padding: 24px 0 19px 30px;
}


div.detailBox{
	width: 642px;
	float: left;
	background-color: #def3ff;
	display:inline;
	margin: 0 0 0 10px;
	padding: 0 0 15px 0;
}

div.detailBox table{
	margin : 15px 20px;
}

div.detailBox table tr td p{
	font-size: 10px;
	color: #fff;
	text-align: center;
	background:url(/img/example/bg_summary.gif) no-repeat left top;
	width: 260px;
	line-height: 20px;
	height: 20px;
	margin-top : 5px;
}

div.detailItem{
	width: 300px;
	float: left;
	display:inline;
	margin: 10px 0 0 20px;
}


div.detailItem dl{
	float: left;
}

div.detailItem dl dt{
	float: left;
}

div.detailItem dl dd{
	float: left;
	color: #00a8ff;
	width: 188px;
}

div.detailItem dl dd.memberColor{
	color: #ff3232;
	font-weight: bold;
}



div.detailItem p.member{
	float: left;
	background:url(/img/example/arrow_red.gif) no-repeat left top;
	text-indent:18px;
	color: #ff3232;
	font-weight: bold;
}

div.detailItem p.member span{
	font-size: 10px;
}

div.detailItem p.member a:link 		{ color: #ff3232; text-decoration: underline; }
div.detailItem p.member a:visited 	{ color: #ff3232; text-decoration: underline; }
div.detailItem p.member a:hover 	{ color: #ff6666; text-decoration: underline;  }

div.linkText{
	float: left;
	width: 300px;
	margin: 30px 0 0 0;
}

div.linkText p.menu,div.linkText p.contact{
	float: left;
	width: 282px;
	font-weight: bold;
	line-height: 22px;
	text-align: right;
	padding-right: 18px;
}

div.linkText p.menu a,div.linkText p.contact a{
/* 	padding-right: 18px;
 */}
div.linkText p.menu span,div.linkText p.contact span{
	font-size: 10px;
}

div.linkText p.menu{ background:url(/img/example/arrow_blue.gif) no-repeat right 4px; color: #ff3232; }
div.linkText p.contact{ background:url(/img/example/arrow_brown.gif) no-repeat right 4px; color: #ff3232; }

div.linkText p.menu a:link 	{ color: #00a8ff; text-decoration: underline; }
div.linkText p.menu a:visited 	{ color: #00a8ff; text-decoration: underline; }
div.linkText p.menu a:hover 	{ color: #66ccff; text-decoration: underline;  }

div.linkText p.contact a:link 	{ color: #784f2c; text-decoration: underline; }
div.linkText p.contact a:visited{ color: #784f2c; text-decoration: underline; }
div.linkText p.contact a:hover 	{ color: #9a7555; text-decoration: underline;  }





/*-----------------------------------------------------------
■contents_common.cssを上書き共通
------------------------------------------------------------*/
div.cateTitle{
	margin: 30px 0px 10px 0px;
}

div.subBox {
	padding: 0px;
	margin: 0 0 0 22px;
}
div.subBox dl dd {
	padding: 2px 10px 0 20px;
}


/*-----------------------------------------------------------
■お客様の声
------------------------------------------------------------*/

div.voiceBox{
	width: 608px;
	margin: 0px 10px 0px 20px;
	float: left;
	padding: 10px 10px 16px 10px;
	background: url(/img/example/bg_voice_bottom.gif) no-repeat bottom left #def3ff;
}
* html div.voiceBox{ margin: 0px 10px 0px 10px;}

div.voiceBox dl dt{
	background: url(/img/example/bg_voice_ttl.gif) no-repeat top left;
	width: 608px;
	color: #fff;
	font-weight: bold;
	font-size: 14px;
	line-height: 24px;
	text-indent:10px;
	margin-bottom : 4px;
}

div.voiceBox dl dd{
	background: url(/img/example/dot.gif) repeat top left;
	line-height: 30px;
	padding-bottom: 1px;
}

div.voiceBox dl dd img{
	margin: 15px 0px 10px 10px;
}

div.voiceBox p{
	float: right;
	text-align: center;
	width: 132px;
	margin-top : 5px 10px 5px 10px;
	color: #fff;
	line-height: 30px;
	font-size: 10px;
	background: url(/img/example/bg_voice_frome.gif) no-repeat top right;
}


/*-----------------------------------------------------------
■よくある質問
------------------------------------------------------------*/
/* p.itemTitle2{ margin : 0 0 0 10px; } */
div.acc-section{ overflow:hidden; }

div.faqBox{
	float: left;
}

h4{
	margin: 0px 10px 1px 10px;
	width: 642px;
	float: left;
	display:inline;
	background:url(/img/example/bg_q.gif) repeat-y left top;
	cursor:pointer;
}

h4 p{
	color: #ff5684;
	padding: 10px 10px 10px 30px;
	text-decoration: underline;
	font-size: 12px;
	background:url(/img/example/ttl_q.gif) no-repeat 0px 6px;
}



/*-----------------------------------------------------------
■実例一覧
------------------------------------------------------------*/
p.cateListTitle{
	width: 642px;
	margin-left : 10px;
	background:url(/img/example/bg_list_cate_title.gif) no-repeat left top;
	line-height: 40px;
	font-size: 14px;
	color: #00a8ff;
	font-weight: bold;
}

div.exampleList{
	width: 602px;
	float: left;
	margin : 10px 0 10px 10px;
	display:inline;
	padding: 10px 20px 0 20px;
	background-color: #def3ff;
}

div.bgListTop{
	background:url(/img/example/bg_list_top.gif) no-repeat scroll left bottom;
	clear:both;
	height:10px;
	display:block;
}
div.listBox{
	background-color: #fff;
	padding: 0 10px;
	float: left;
	width: 582px;
}

div.listBox div.image{ float: left; }
div.listBox div.detail{ float: right; width: 394px; }
div.listBox div.detail p{
	color: #fff;
	font-size: 14px;
	font-weight: bold;
	padding: 5px 0 5px 10px;
	background:url(/img/example/bg_list_title.gif) no-repeat left top;
}

div.listBox div.detail p a{ color: #fff; }

div.listBox div.detail dl{
	float: left;
	width: 394px;
}

div.listBox div.detail dl dt{
	float: left;
	width: 266px;
	font-size: 10px;
	padding-top: 5px;
}

div.listBox div.detail dl dt div{ height: 80px; }

div.listBox div.detail dl dt span{
	display:block;
	color: #ff9900;
	line-height: 20px;
	padding-left: 10px;
	background:url(/img/example/bg_list_date.gif) repeat left top;
}

div.listBox div.detail dl dd{
	float: right;
	width: 120px;
}


div.bgListBottom {
	background:url(/img/common/bg_kome_bottom.gif) no-repeat scroll left top;
	clear:both;
	height:10px;
	margin-bottom : 10px;
}

/*-----------------------------------------------------------
■その他の実例
------------------------------------------------------------*/
div.otherExample{
	float: left;
	width: 642px;
	margin-left : 10px;
}