@charset "Shift_JIS";



/*-----------------------------------------------------------------

	生協ひろしま共済トップページCSS



	左コンテンツ/c_left

	カレンダー/calender

	右コンテンツ/c_right

-----------------------------------------------------------------*/



/* ▼左コンテンツ/c_left

-----------------------------------------------------------------*/

#c_left{

	width: 540px;

	float: left;

	margin: 20px 0px 0px 0px;

	padding: 0px 0px 0px 10px;

}

#c_left h1{

	margin: 0px 0px 10px 0px;

}

#c_left dl{

	padding: 5px;

	background-image: url(/kyousai/inc/images/dot_winered.gif);

	background-repeat: no-repeat;

	background-position: 0% 100%;

}

#c_left dt{

	float: left;

	width: 70px;

	background-image: url(/kyousai/inc/images/i_winered.gif);

	background-repeat: no-repeat;

	background-position: right;

}

#c_left dd{

	width: 230px;

	margin-left: 6em;

}

/* 左/cl_left */

#cl_left{

	width: 330px;

	float: left;

}

#cl_left .list_color{

	background-color: #faf2f2;

}

#cl_left p{

	text-align: right;

	padding: 5px 0px;

}

/* 右/cl_right */

#cl_right{

	float: right;

	width: 200px;

	padding: 0px 0px 0px 0px;

}

#cl_right .illust{

	width: 200px;

	margin: 50px 0px 0px 0px;

}

#cl_right h3{

	text-align: center;

	margin: 0px 0px 5px 0px;

}

/* ▲左コンテンツ/c_left

-----------------------------------------------------------------*/



/* ▼カレンダー/calender

-----------------------------------------------------------------*/

.calender_5w{

	text-align: center;

	background-image: url(/kyousai/inc/images/il_calender_5w.gif);

	background-repeat: no-repeat;

	background-position: right top;

	width: 190px;

	height: 202px;

}

.calender_6w{

	text-align: center;

	background-image: url(/kyousai/inc/images/il_calender_6w.gif);

	background-repeat: no-repeat;

	background-position: right top;

	width: 190px;

	height: 218px;

}

#calender p{

	padding: 20px 143px 0px 0px;

}

#calender table{

	height: 100px;

	width: 140px;

	border-collapse: collapse;

	margin: 20px 25px 10px 25px;

}

#calender td{

	width: 19px;

	height: 19px;

	text-align: center;

	vertical-align: top;

}

#calender .sat{

	color: #1f478a;

}

#calender .sun{

	color: #d61f0f;

}

#calender li{

	float: right;

}

#calender li a{

	display: block;

	width: 70px;

	height: 12px;

}

#calender .back{

	text-align: left;

	padding: 0px 0px 0px 25px;

}

#calender .next{

	text-align: right;

	padding: 0px 25px 0px 0px;

}

/* ▲カレンダー/calender

-----------------------------------------------------------------*/



/* ▼右コンテンツ/c_right

-----------------------------------------------------------------*/

#c_right{

	width: 200px;

	float: right;

	margin: 20px 0px 0px 0px;

	padding: 0px 10px 0px 0px;

}

#c_right h1{

	margin: 0px 0px 10px 0px;

}

#c_right .list_color{

	background-color: #f1f7fa;

}

#c_right dl:after{

	clear: both;

}

/*#c_right dt{

	width: 100%;

	height: 20px;

}*/

#c_right dl{

	background-image: url(/kyousai/inc/images/dot_blue.gif);

	background-repeat: repeat-x;

	background-position: 0% 100%;

}

#c_right dt{

	float: left;

	width: 10px;

	display: block;

	background-image: url(/kyousai/inc/images/i_red.gif);

	background-position: 0px 8px;

	background-repeat: no-repeat;

	padding: 5px 0px 0px 10px;

	width: 50px;

}

#c_right dd{

	padding: 5px;

	margin-left: 5em;

	width: 100px;

/*	background-image: url(/kyousai/inc/images/dot_blue.gif);

	background-repeat: no-repeat;*/

	background-position: 0% 100%;

}

#c_right p{

	text-align: right;

	padding: 5px 0px;

}

/* ▲右コンテンツ/c_right

-----------------------------------------------------------------*/