@charset "utf-8";

/* UCHIWA_TOP.CSS */


/*---------------------------------------
*	
*	現在のCSS上書き用のファイルです。
*	対象：うちわ本舗トップページ
*
*--------------------------------------*/


/**--------------------------------------
	0*.CSS記述部分
---------------------------------------**/
#topLeft h3,#topRight h3{
	margin: 0;
	padding: 0;
	background: none;
	width: auto;
	height: auto }

.banner {
	margin:1em 0;
}
#PR {
	height:100%;
	overflow:auto;
}
#PR p {
	margin-bottom:1em;
	float:left;
}
#PR p.left {
	margin-right:5px;
}
/*------------topItem部分-----------------*/

#topItem h2{
	margin: 0;
	padding: 0;
	text-indent: -9999px }
#topItem h2 a {
	display: block;
	width: 270px;
	height: 153px;
	overflow: hidden }
	
#topItem p{
	padding: 5px 10px;
	width: 250px;
	height: 8em;
	overflow: hidden;
	color: #333 }

#topItem div{ padding: 5px }

#topItem01 h2        { background: url(../images/toppage/top_item_01_t.jpg)    top left no-repeat }
#topItem01 h2 a:hover{ background: url(../images/toppage/top_item_01_t_f2.jpg) top left no-repeat }
#topItem01 p         { background: url(../images/toppage/top_item_01_b.jpg) bottom left no-repeat }

#topItem02 h2        { background: url(../images/toppage/top_item_02_t.jpg)    top left no-repeat }
#topItem02 h2 a:hover{ background: url(../images/toppage/top_item_02_t_f2.jpg) top left no-repeat }
#topItem02 p         { background: url(../images/toppage/top_item_02_b.jpg) bottom left no-repeat }

#topItem03 h2        { background: url(../images/toppage/top_item_03_t.jpg)    top left no-repeat }
#topItem03 h2 a:hover{ background: url(../images/toppage/top_item_03_t_f2.jpg) top left no-repeat }
#topItem03 p         { background: url(../images/toppage/top_item_03_b.jpg) bottom left no-repeat }

#topItem04 h2        { background: url(../images/toppage/top_item_04_t.jpg)    top left no-repeat }
#topItem04 h2 a:hover{ background: url(../images/toppage/top_item_04_t_f2.jpg) top left no-repeat }
#topItem04 p         { background: url(../images/toppage/top_item_04_b.jpg) bottom left no-repeat }

#topItem05 h2        { background: url(../images/toppage/top_item_05_t.jpg)    top left no-repeat }
#topItem05 h2 a:hover{ background: url(../images/toppage/top_item_05_t_f2.jpg) top left no-repeat }
#topItem05 p         { background: url(../images/toppage/top_item_05_b.jpg) bottom left no-repeat }

#topItem05 h2        { background: url(../images/toppage/top_item_05_t.jpg)    top left no-repeat }
#topItem05 h2 a:hover{ background: url(../images/toppage/top_item_05_t_f2.jpg) top left no-repeat }
#topItem05 p         { background: url(../images/toppage/top_item_05_b.jpg) bottom left no-repeat }

#topItem06 h2        { background: url(../images/toppage/top_item_06_t.jpg)    top left no-repeat }
#topItem06 h2 a:hover{ background: url(../images/toppage/top_item_06_t_f2.jpg) top left no-repeat }
#topItem06 p         { background: url(../images/toppage/top_item_06_b.jpg) bottom left no-repeat }

/*------------topLeft-----------------*/

#topjisin,
#topIntro,
#topabout,
#topsensu,
#topaogu {
	margin: 0;
	padding: 0 0 20px;
	width: 550px }

#topLeft h3{
	display: block;
	width: 530px;
	height: 80px;
	overflow: hidden;
	text-indent: -9999px }

#topjisin h3{ background: url(../images/toppage/topjisin_h.jpg) top left no-repeat }
#topIntro h3{ background: url(../images/toppage/topintro_h.jpg) top left no-repeat }
#topabout h3{ background: url(../images/toppage/topabout_h.jpg) top left no-repeat }
#topsensu h3{ background: url(../images/toppage/topsensu_h.jpg) top left no-repeat }
#topaogu  h3{ background: url(../images/toppage/topaogu_h.jpg)  top left no-repeat }

#topjisin div{
	margin: 0;
	padding: 0 25px 25px;
	width: 490px;
	background: url(../images/toppage/topics2_bg.jpg) bottom left no-repeat 
}
#topIntro div,
#topabout div,
#topsensu div,
#topaogu  div{
	margin: 0;
	padding: 0 25px 25px;
	width: 490px;
	background: url(../images/toppage/topics_bg.jpg) bottom left no-repeat }
#topjisin div p,
#topabout div p,
#topaogu  div p{
	margin-bottom: 1em }

/*------------topRight-----------------*/
#topTopics,#topBlog,#topLink{
	clear: both;
	margin: 0;
	padding: 0;
	width: 290px }

#topRight h3 {
	display: block;
	width: 290px;
	height: 80px;
	overflow: hidden;
	text-indent: -9999px }

#topTopics h3{ background: url(../images/toppage/topics_h.jpg)  left top no-repeat }
#topBlog h3{ background: url(../images/toppage/topblog_h.jpg) left top no-repeat }
#topLink h3{ background: url(../images/toppage/toplink_h.jpg) left top no-repeat }

#topTopics dl,
#topBlog dl,
#topLink ul{
	margin: 0;
	padding: 0 20px 20px;
	width: 250px;
	background: url(../images/toppage/topintro_bg.jpg) bottom left no-repeat }

#topTopics dt,#topBlog dt{
	margin: 0 0 5px;
	padding: 0;
	width: 90px }

#topTopics dd{
	margin: 0 0 15px;
	padding: 0;
	width: 250px }

#topBlog dt {
	float: left;
	margin: 0 0 5px;
	padding: 0;
	width: 90px }

#topBlog dd {
	float: left;
	margin: 0 0 15px;
	padding: 0;
	width: 160px }

#topLink ul li {
	margin-left:1em;
	list-style:disc outside;
	line-height:1.4;
}