/* guide common css */

/*------------------
基本設定
------------------*/

body {
	font-size:12px;
	color: #3A3A3A;
	margin: 0px;
	padding: 0px;
	font-family: ＭＳ Ｐゴシック, Osaka, ヒラギノ角ゴ Pro W3;
	background: url('images/bg.gif') repeat-x top;
}

.fl {
	float: left;
}

.fr {
	float: right;
}

.cl {
	clear: both;
	height: 1px;
	overflow: hidden;
}

.s {
	margin:0px;
	font-size: 10px;
}

.left {
	text-align: left;
}

.right {
	text-align: right;
}

.center {
	text-align: center;
}

.vtop {
	vertical-align: top;
}

.emp {
	color:#CF010D;
	font-weight:nomal;
	font-size: 10px;
}

.a_top {
	margin:10px 0px 10px 0px;
	padding: 0px;
	padding-top:30px;
	padding-bottom:10px;
	text-align: right;
	font-weight:nomal;
	font-size: 12px;
}

.a_top1 {
	margin:0px 0px 10px 0px;
	padding: 0px;
	padding-top:30px;
	padding-bottom:10px;
	text-align: right;
	font-weight:nomal;
	font-size: 12px;
}



/*------------------
レイアウト wrapper
------------------*/
#wrapper {
	margin: 0 auto 0 auto;
	padding: 0px;
	width: 873px;
}

*html #wrapper {
	margin: 0 auto 0 auto;
	padding: 0px;
	width: 874px;
	position:relative;
}


#main {
	clear:both;
	margin:0px 0px 0px 9px;
	padding:0px;
	background: url('images/agrpop_bg01.gif') repeat-y top ;
}

*html #main {
	clear:both;
	margin:0px 0px 0px 9px;
	padding:0px;
	padding-top:84px;
	background: url('images/agrpop_bg01.gif') repeat-y top ;
}


#clip1 {
	margin:0px;
	padding:0px;
	width:640px;
}

#clip2 {
	margin:0px;
	padding-left:142px;
	width:580px;
}


/*------------------
基本リンク設定
------------------*/
a:link {
	color:#CF010D;
	overflow:hidden;
	font-weight:normal;
	text-decoration:underline;
}

a:visited {
	color:#CF010D;
	font-weight:normal;
	overflow:hidden;
	text-decoration:underline;
}

a:hover {
	color:#CF010D;
	font-weight:normal;
	text-decoration:none;
}

a:active {
	color:#CF010D;
	font-weight:normal;
	text-decoration:underline;
}


/*------------------
レイアウト clip1
------------------*/
h1 {
	margin: 0px;
	margin-left:112px;
	padding: 0px;
	display: block;
	background: url('images/logo.gif') no-repeat;
	text-indent: -9999px;
	width: 182px;
	height: 84px;
	float: left;
}

*html h1 {
	margin: 0px;
	padding: 0px;
	display: block;
	background: url('images/logo.gif') no-repeat;
	text-indent: -9999px;
	width: 182px;
	height: 84px;
	float: left;
	position:absolute;
	top:0px;
	left:113px;
}

h2 {
	margin: 0px;
	padding: 0px;
	display: block;
	background: url('images/title_agr.gif') no-repeat;
	text-indent: -9999px;
	width: 579px;
	height: 84px;
	float: left;
}

*html h2 {
	margin: 0px;
	padding: 0px;
	display: block;
	background: url('images/title_agr.gif') no-repeat;
	text-indent: -9999px;
	width: 579px;
	height: 84px;
	float: left;
	position:absolute;
	top:0px;
	left:295px;
}

#top_img {
	margin:0px;
	margin-left:62px;
	padding:0px;
	width: 802px;
	height: 308px;
	background: url('images/main01.jpg') no-repeat top ;
	text-indent: -9999px;
}

#top_img2 {
	margin:0px;
	margin-left:62px;
	padding:0px;
	width:802px;
	height:89px;
	background: url('images/main02.gif') no-repeat top ;
}

*html #top_img {
	margin:0px;
	margin-left:63px;
	padding:0px;
	width: 802px;
	height: 308px;
	background: url('images/main01.jpg') no-repeat top ;
	text-indent: -9999px;
}

*html #top_img2 {
	margin:0px;
	margin-left:63px;
	padding:0px;
	width:802px;
	height:89px;
	background: url('images/main02.gif') no-repeat top ;
}



/*------------------
レイアウト search
------------------*/
div.main-search {
	float: left;
	width: 640px;
	height:25px;
	margin-top:4px;
	text-align:left;
}

div.main-search1 {
	float: left;
	width: 640px;
	height:25px;
	margin-top:4px;
	padding-bottom:15px;
	text-align:left;
}


div.search-box {
	float:left;
	width:290px;
	padding-left:185px;
}

div.search-box input {
	padding:6px;
	width:288px;
	height:13px;
	font-size: 12px;
	color:#3A3A3A;
	border:1px solid #8D8C19;
	background: url('images/sch_bg.gif') no-repeat left top;
}

div.search-box1 {
	float:left;
	width:290px;
	padding-left:115px;
}


div.search-box1 input {
	padding:6px;
	width:288px;
	height:13px;
	font-size: 12px;
	color:#3A3A3A;
	border:1px solid #8D8C19;
	background: url('images/sch_bg.gif') no-repeat left top;
}


div.search-btn {
	float:right;
	width:60px;
	padding:2px 90px 0px 0px;
	_padding:2px 90px 0px 0px;
}

div.search-btn input {
	width:60px;
	height:25px;
}

div.search-btn1 {
	float:right;
	width:60px;
	padding:2px 160px 0px 0px;
	_padding:2px 160px 0px 0px;
}

div.search-btn1 input {
	width:60px;
	height:25px;
}



/*------------------
レイアウト btn
------------------*/
ul.btn {
	margin:0px;
	height:37px;
	width:637px;
	margin-left:73px;
}

*:first-child+html ul.btn {
	margin:0px;
	height:37px;
	width:637px;
	margin-left:113px;
}

*html ul.btn {
	margin:0px;
	height:37px;
	width:637px;
	margin-left:114px;
}

li.btn_1, li.btn_2, li.btn_3, li.btn_4, li.btn_5  {
	float:left;
	text-indent: -9999px;
	list-style-type:none;
}

li.btn_1 a {
	display: block;
	width:128px;
	height:37px;
	background:url('images/btn.gif') no-repeat top center;
}

li.btn_2 a {
	display: block;
	width:127px;
	height:37px;
	background:url('images/btn-02.gif') no-repeat top center;
}

li.btn_3 a {
	display: block;
	width:127px;
	height:37px;
	background:url('images/btn-03.gif') no-repeat top center;
}

li.btn_4 a {
	display: block;
	width:127px;
	height:37px;
	background:url('images/btn-04.gif') no-repeat top center;
}

li.btn_5 a {
	display: block;
	width:128px;
	height:37px;
	background:url('images/btn-05.gif') no-repeat top center;
}

li.btn_1 a:hover {
	display: block;
	width:128px;
	height:37px;
	background:url('images/btnhv.gif') no-repeat top center;
}

li.btn_2 a:hover {
	display: block;
	width:127px;
	height:37px;
	background:url('images/btnhv-02.gif') no-repeat top center;
}

li.btn_3 a:hover {
	display: block;
	width:127px;
	height:37px;
	background:url('images/btnhv-03.gif') no-repeat top center;
}

li.btn_4 a:hover {
	display: block;
	width:127px;
	height:37px;
	background:url('images/btnhv-04.gif') no-repeat top center;
}

li.btn_5 a:hover {
	display: block;
	width:128px;
	height:37px;
	background:url('images/btnhv-05.gif') no-repeat top center;
}

/*------------------
レイアウト clip2
------------------*/
h3 {
	margin:30px 0px 15px 0px;
	padding:0px;
}

h3.ttl01 {
	display:block;
	width:580px;
	height:30px;
	background: url('images/title_1.gif') no-repeat;
	text-indent: -9999px;
}

h3.ttl02 {
	display:block;
	width:580px;
	height:30px;
	background: url('images/title_2.gif') no-repeat;
	text-indent: -9999px;
}

h3.ttl03 {
	display:block;
	width:580px;
	height:30px;
	background: url('images/title_3.gif') no-repeat;
	text-indent: -9999px;
}

h3.ttl04 {
	display:block;
	width:580px;
	height:30px;
	background: url('images/title_4.gif') no-repeat;
	text-indent: -9999px;
}

h4.g {
	margin:30px 0px 10px 0px;
	padding:0px 0px 0px 20px;
	font-size:14px;
	font-weight:bold;
	color:#0000d9;
	background: url('images/icon_g.gif') no-repeat left;
}

h4.r {
	margin:10px 0px 0px 0px;
	padding:0px 0px 0px 20px;
	font-size:14px;
	font-weight:bold;
	color:#0000d9;
	background: url('images/icon_g.gif') no-repeat left;
}

h4.r1 {
	margin:10px 0px 0px 0px;
	padding:0px 0px 10px 20px;
	font-size:14px;
	font-weight:bold;
	color:#0000d9;
	background: url('images/icon_g.gif') no-repeat left top;
}

.ttl04 {
	display:block;
	width:346px;
	height:20px;
	background: url('images/h4_01.gif') no-repeat;
	text-indent: -9999px;
}

.ttl05 {
	display:block;
	width:346px;
	height:20px;
	background: url('images/h4_02.gif') no-repeat;
	text-indent: -9999px;
}


/*------------------
レイアウト clip2.text
------------------*/
#clip2 .bold {
	margin-bottom:10px;
	padding-left:20px;
	font-size:12px;
	line-height:160%;
	font-weight:bold;
	color:#000000;
}

#clip2 .text {
margin-top:20px;
	margin-bottom:30px;
	padding-left:20px;
	font-size:12px;
	line-height:160%;
	font-weight:normal;
	color:#444444;
}

.text1 {
margin-top:20px;
	padding-bottom:45px;
	padding-left:20px;
	font-size:12px;
	line-height:160%;
	font-weight:normal;
	color:#444444;
}

#clip2 .text p {
	margin-top:10px;
	padding:0px;
}

#clip2 .text2 {
margin-top:5px;
	margin-bottom:20px;
	padding-left:20px;
	font-size:12px;
	line-height:160%;
	font-weight:normal;
	color:#444444;
}

/*------------------
レイアウト img
------------------*/
.ttl01_img1 {
margin-top:10px;
	margin-right:30px;
	margin-left:25px;
	padding:0px;
	float:left;
	width:200px;
	height:252px;
	background:url('images/img_1.gif') no-repeat top left;
	text-indent: -9999px;
}

.ttl01_img2 {
	margin-top:15px;
	padding:0px;
	width:580px;
	height:200px;
	background:url('images/img_2.gif') no-repeat top center;
	text-indent: -9999px;
}

.ttl02_img {
	margin-top:5px;
	padding:0px;
	padding-left:20px;
	width:563px;
	height:292px;
	background:url('images/img_3.gif') no-repeat top center;
}

.ttl02_img ol{
	padding-top:3px;
	list-style-type:none;
	}

.ttl02_img ol li{
	width:270px;
	line-height:130%;
	padding-left:30px;
}

.ttl02_img ol li.step1{ height:67px;}
.ttl02_img ol li.step2{ height:64px;}
.ttl02_img ol li.step3{ height:84px;}
.ttl02_img ol li.step4{ height:70px;}

.ttl02_img ol li span{
	display:none;
	}

.ttl03_img {
	margin:0px;
	padding:0px;
	width:570px;
	height:253px;
	background:url('images/img_4.gif') no-repeat top center;
	text-indent: -9999px;
}

.ttl04_img1 {
	margin:0px;
	padding:0px;
	float:right;
	width:230px;
	height:65px;
	background:url('images/img_5.gif') no-repeat top center;
	text-indent: -9999px;
}

.ttl04_img2 {
	margin:0px;
	padding:0px;
	width:580px;
	height:93px;
	background:url('images/img_6.gif') no-repeat top center;
	text-indent: -9999px;
}

.ttl04_img3 {
	margin:0px;
	padding:0px;
	width:580px;
	height:113px;
	background:url('images/img_7.gif') no-repeat top center;
	text-indent: -9999px;
}

.ttl04_img4 {
	margin:0px;
	padding:0px;
	width:580px;
	height:179px;
	background:url('images/img_8.gif') no-repeat top center;
	text-indent: -9999px;
}

.ttl04_img5 {
	margin:0px;
	padding:0px;
	width:580px;
	height:508px;
	background:url('images/tokubetu.gif') no-repeat top center;
}


/*------------------
レイアウト attention
------------------*/
#attention {
	margin:30px 0 50px 0;
	padding:0px;
	width:580px;
}

#attention p#title {
	margin:0px;
	padding:0px;
	width:580px;
	height:30px;
	background:url('images/attention.gif') no-repeat top center;
	text-indent: -9999px;
}


#attention li {
	margin:0px;
	padding:10px 0px 0px 0px;
	color: #97020C;
	font-size:12px;
	font-weight:nomal;
	line-height:160%;
	list-style-type:disc;
}

#attention p {
	margin:3px 0px 0px 0px;
	padding:0px;
	font-size:12px;
	font-weight:nomal;
}


/*------------------
運用方法
--------------------*/
div.makeUse{
	margin-left:15px;
	height:170px;
	padding:15px 285px 0 0;
	background:url(images/img_9.gif) no-repeat right top;
	}

div.makeUse p{
	line-height:150%;
	}

div.sdBanner{
	width:565px;
	height:105px;
	margin-left:15px;
	background:url(images/sd_banner01.jpg) no-repeat left top;
	}

div.sdBanner a{
	display:block;
	width:565px;
	height:105px;
	text-indent:-9999px;
	}

div.sdBanner a:hover{ background:url(images/sd_banner01_on.jpg) no-repeat left top; }

/*------------------
レイアウト closed
------------------*/
div.closed {
	text-align:center;
}
	

/*------------------
レイアウト footer
------------------*/
#footer {
	margin:0px 0px 0px 121px;
	padding:0px;
	width: 640px;
	background: url('images/agrpop_bg01.gif') repeat-y top ;
}

*html #footer {
	margin:0px 0px 0px 122px;
	padding:0px;
	width: 640px;
	background: url('images/agrpop_bg01.gif') repeat-y top ;
}

#copyright {
	margin:0px;
	padding: 8px 0px 7px 0px;
	display: block;
	color: #FFFFFF;
	font-size: 80%;
	text-align: center;
	border-bottom: 1px solid #BBBBBB;
	background: #CE0909;
}


/*080509追加分*/
p.smlglay{
font-size:10px;
color:#888888;}

p.smlglay1{
font-size:10px;
color:#888888;
padding-left:10px;
padding-bottom:30px;}

div.attention{
background:url(images/attention1.gif) no-repeat;
text-indent:-9999px;
height:43px;
width:529px;
margin-left:20px;
}

p.tokubetu1{
padding-top:120px;
padding-left:15px;
width:545px;}

p.tokubetu2{
padding-left:35px;
width:545px;
line-height:20px;}

p.tokubetu3{
padding-left:15px;
width:545px;}

p.tokubetu4{
padding-top:115px;
padding-left:15px;
line-height:17px;
width:545px;}

*:first-child+html p.tokubetu4{
padding-top:105px;
padding-left:15px;
line-height:17px;
width:545px;}

*html p.tokubetu4{
padding-top:105px;
padding-left:15px;
line-height:17px;
width:545px;}

p.tokubetu5{
padding-left:15px;
line-height:17px;
width:545px;}

span.tokuspan{
color:#00a608;}

span.tokuspan1{
font-size:10px;
margin-left:20px;}

span.tokuspan2{
margin-left:20px;}

.omoushikomi {
	text-indent: -9999px;
	margin-left:366px;
}

.omoushikomi a {
	display: block;
	width:214px;
	height:32px;
	background:url(images/omoushikomi.gif) no-repeat top right;
}


.omoushikomi a:hover {
	display: block;
	width:214px;
	height:32px;
	background:url(images/omoushikomihv.gif) no-repeat top right;
}