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

	牧島かれん WEB　政策提言用CSS

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

/*for IE 5.5-7*/
div{
	zoom:1;
}
/*for modern browser*/
div:after{
	content:" ";
	display: block;
	height:0.1px;
	clear:both;
	visibility:hidden;
	font-size: 0;
	line-height: 0;
}
* html div { display: inline-block; }


h2{
	background:url(../convictions/images/title.jpg);
	display: none;
}
.convictions-wrapper {
	padding:25px 0;
	margin:0 40px;
}
.convictions-wrapper p {
	padding-left: 30px;
	padding-top: 5px;
	line-height: 170%;
	padding-right: 20px;
}



.mt01,.mt02,.mt03{
height:41px;
text-indent:-9999px;}
.mt01{
background:url(../convictions/images/convictions-tit1.gif) no-repeat;
width:351px;
padding-bottom:10px;}

.mt02{
background:url(../convictions/images/convictions-tit2.gif) no-repeat;
width:351px;}
.mt03{
background:url(../convictions/images/convictions-tit3.gif) no-repeat;
width:490px;}


.Thumbnail {
	font-size: 10px;
	color: #666666;
	float: right;
	margin-right: 10px;
	z-index:10;
}
.Thumbnail2 {
	font-size: 10px;
	color: #666666;
	float: right;
	margin-right: 10px;
	margin-top: 10px;
}
.Thumbnail2 img {
	float: left;
	margin-right: 5px;
}
.teigen {
	width: 792px;
	margin-right: 16px;
	margin-left: 16px;
	padding-bottom: 20px;
	clear: both;
	padding-top: 10px;
	
}

#convictions-navi {
	text-align: center;
	margin-bottom: 50px;
}
#vision {
	background-image: url(../convictions/images/img_karen.jpg);
	background-repeat: no-repeat;
	background-position: 620px top;
	margin-bottom: 40px;
}
#vision .notice {
	font-weight: bold;
	color: #E84A82;
}
#btn {
	text-indent:-9999px;
	background-image: url(../convictions/images/title.jpg);
	background-repeat: no-repeat;
	height: 46px;
	width: 867px;
	margin-left: 15px;
	margin-bottom: 30px;
}
#btn a {
	display: block;
	width: 165px;
	float: right;
	height: 26px;
	margin-top: 10px;
	margin-right: 20px;
}
.old a {
background-image:url(../convictions/images/btn-old.jpg);
}
.old a:hover {
background-image:url(../convictions/images/btn-old_.jpg);
}
.new a {
background-image:url(../convictions/images/btn-new.jpg);
}
.new a:hover {
background-image:url(../convictions/images/btn-new_.jpg);
}
/* -----------------------------------------------------------------------
	小さい囲み
-----------------------------------------------------------------------*/
.S-yellow,.S-blue,.S-red {
	background-repeat: no-repeat;
	width: 380px;
}
.S-yellow {
	background-color: #FEFBF0;
	background-image: url(../convictions/images/bg_S_yellow_top.jpg);
	float: left;
}
.S-blue {
	background-image: url(../convictions/images/bg_S_blue_top.jpg);
	float: right;
}
.S-green {
	background-image: url(../convictions/images/bg_S_green.jpg);
	background-repeat: no-repeat;
	height: 191px;
	width: 318px;
	float: right;
	padding-top: 10px;
	padding-left: 10px;
	margin-left: 15px;
}
.S-red {
	background-image: url(../convictions/images/bg_S_red_top.jpg);
	background-color: #E4F5FD;
}
.S-yellow-close,.S-blue-close,.S-green-close
,.S-red-close {
	background-repeat: no-repeat;
	background-color: #FFFFFF;
	clear: both;
}
.S-yellow-close {
	background-image: url(../convictions/images/bg_S_yellow_bottom.jpg);
}
.S-blue-close {
	background-image: url(../convictions/images/bg_S_blue_bottom.jpg);
}
.S-green-close {
	background-image: url(../convictions/images/bg_S_green_bottom.jpg);
}
.S-green p {
	font-size: 12px;
	margin: 0px;
	padding-top: 0px;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 0px;
	line-height: 120%;
}
.S-red-close {
	background-image: url(../convictions/images/bg_S_red_bottom.jpg);
}

/* -----------------------------------------------------------------------
	大きい囲み
-----------------------------------------------------------------------*/
.B-yellow,.B-blue,.B-green,.B-red {
	background-repeat: no-repeat;
	clear: both;
	padding-top: 15px;
	
}
.B-yellow-close,.B-blue-close,.B-green-close
,.B-red-close {
	background-repeat: no-repeat;
	background-color: #FFFFFF;
	clear: both;
}
.B-green {
	background-image: url(../convictions/images/bg_green_top.jpg);
}
.B-green-close {
	background-image: url(../convictions/images/bg_green_bottom.jpg);
}
.B-red {
	background-image: url(../convictions/images/bg_red_top.jpg);
}
.B-red-close {
	background-image: url(../convictions/images/bg_red_bottom.jpg);
}
.B-yellow {
	background-image: url(../convictions/images/bg_yellow_top.jpg);
}
.B-yellow-close {
	background-image: url(../convictions/images/bg_yellow_bottom.jpg);
}
.B-blue {
	background-image: url(../convictions/images/bg_blue_top.jpg);
}
.B-blue-close {
	background-image: url(../convictions/images/bg_blue_bottom.jpg);
}


.teigen-01,.teigen-02,.teigen-03{
	margin:10px auto 10px 20px;
	padding-left:120px;
	height:81px;
	background-repeat: no-repeat;
	background-position: 20;
}
.teigen-01{
	background-image: url(../convictions/images/teigen-icon1.jpg);
}
.teigen-02{
	background-image: url(../convictions/images/teigen-icon2.jpg);	
}
.teigen-03{
	background-image: url(../convictions/images/teigen-icon3.jpg);
}

.teigen_txt{
margin:10px 40px;}
.teigen_txt .txt1{
color:#BF467C;
font-weight:bold;}
.teigen_txt .txt2{
color:#F07302;
font-weight:bold;}
.teigen_txt .txt3{
color:#6C9306;
font-weight:bold;}


.teigen-caution {
	background-image: url(../convictions/images/img_caution.jpg);
	height: 91px;
	background-repeat: no-repeat;
	margin-bottom: 20px;
	background-position: center top;
	text-indent: -9999px;
}
/* -----------------------------------------------------------------------
	提言見出し
-----------------------------------------------------------------------*/
.teigen-topic01,.teigen-topic02,.teigen-topic03,.teigen-topic04
,.teigen-topic05,.teigen-topic06,.teigen-topic07,.teigen-topic08,.teigen-topic09 {
	background-repeat: no-repeat;
	margin-top: 20px;
	margin-bottom: 10px;
	background-position: center top;
	text-indent: -9999px;
	clear:both;
	height: 55px;
}
.teigen-topic01 {
	background-image: url(../convictions/images/topic_01.gif);
}
.teigen-topic02 {
	background-image: url(../convictions/images/topic_02.gif);
}
.teigen-topic03 {
	background-image: url(../convictions/images/topic_03.gif);
	height: 80px;
}
.teigen-topic04 {
	background-image: url(../convictions/images/topic_04.gif);	
}
.teigen-topic05 {
	background-image: url(../convictions/images/topic_05.gif);	
}
.teigen-topic06 {
	background-image: url(../convictions/images/topic_06.gif);	
}
.teigen-topic07 {
	background-image: url(../convictions/images/topic_07.gif);	
}
.teigen-topic08 {
	background-image: url(../convictions/images/topic_08.gif);	
}
.teigen-topic09 {
	background-image: url(../convictions/images/topic_09.gif);	
	height: 85px;
}

/* -----------------------------------------------------------------------
	ポイント、例えばの囲み部分
-----------------------------------------------------------------------*/
.point-yellow2,.point-yellow,.point-blue,.point-green,.point-red,.point-red2,
.point-red3 {
	background-position: left center;
	background-repeat: no-repeat;
	margin-left: 17px;
	padding-left: 53px;
	padding-right: 20px;
	font-size: 12px;
	line-height: 145%;
	z-index:1;
	clear: left;
	padding-top: 5px;
	padding-bottom: 5px;
	
}

.point-yellow {
	background-image: url(../convictions/images/point_yellow.gif);
	
}
.point-yellow2 {
	background-image: url(../convictions/images/point_yellow.gif);
	float:left;
	width: 500px;
	padding-right: 0px;
}
.point-green {
	background-image: url(../convictions/images/point_green.gif);
	float: left;
	width: 530px;
	padding-right: 0px;
}
.point-green-small {
	background-image: url(../convictions/images/point_green.gif);
	float: left;
	width: 360px;
	background-position: left center;
	background-repeat: no-repeat;
	margin-top: 5px;
	padding-left: 53px;
	margin-bottom: 5px;
	
}
.point-green-small p {
	line-height: 145%;
	font-size: 12px;
	padding: 0px;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 20px;
}

.point-green-small2 {
	background-image: url(../convictions/images/point_green.gif);
	float: left;
	width: 300px;
	background-position: left center;
	background-repeat: no-repeat;
	margin-left: 17px;
	padding-left: 53px;
	margin-top: 15px;
	margin-bottom: 5px;
	font-size: 12px;
	line-height: 145%;
}
.point-blue {
	background-image: url(../convictions/images/ex_blue.gif);
	
}
.point-red {
	background-image: url(../convictions/images/ex_red.gif);
	width: 440px;
	padding-right: 0px;
	float: left;
		}
.point-red2 {
	background-image: url(../convictions/images/ex_red.gif);
	width: 530px;
	padding-right: 0px;
	
}
/* -----------------------------------------------------------------------
	提言タイトル
-----------------------------------------------------------------------*/
#teigen-title01,#teigen-title02,#teigen-title09,#teigen-title10  {
	background-repeat: no-repeat;
	text-indent: -9999px;
	height: 29px;
	margin-top: 15px;
	width: 380px;
	margin-bottom: 5px;
}
#teigen-title03,#teigen-title04,#teigen-title05,#teigen-title06
,#teigen-title07,#teigen-title08,#teigen-title09{
	background-repeat: no-repeat;
	text-indent: -9999px;
	height: 29px;
	margin-bottom: 5px;
}
#teigen-title01 {
	background-image: url(../convictions/images/teigen-title01.png);
}
#teigen-title02 {
	background-image: url(../convictions/images/teigen-title02.png);
}
#teigen-title03 {
	background-image: url(../convictions/images/teigen-title03.png);
	background-color: #7CA54B;
}
#teigen-title04 {
	background-image: url(../convictions/images/teigen-title04.png);
	z-index:2;
	background-color: #EA6A98;
}
#teigen-title05 {
	background-image: url(../convictions/images/teigen-title05.png);
	background-color: #EA6A98;
	z-index:2;
	clear: left;
}
#teigen-title06 {
	background-image: url(../convictions/images/teigen-title06.png);
	background-color: #EEB64D;
}
#teigen-title07 {
	background-image: url(../convictions/images/teigen-title07.png);
	background-color: #5192D7;
}
#teigen-title08 {
	background-image: url(../convictions/images/teigen-title08.png);
	background-color: #EA6A98;
}
#teigen-title09 {
	background-image: url(../convictions/images/teigen-title09.png);
}

#teigen-title10 {
	background-image: url(../convictions/images/teigen-title10.png);
}
.teigen-text {
	padding-left: 17px;
	padding-top: 5px;
	float: left;
	clear: left;
	padding-bottom: 5px;
}