/* guide common css */

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

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

p {
	margin:5px 15px 10px 20px;
	font-size:12px;
	line-height:140%;
	color:#3A3A3A;
}

li {
	list-style-type:square;
}

.fl {
	float: left;
}

.fr {
	float: right;
}

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

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

.left {
	text-align: left;
}

.right {
	text-align: right;
}

.center {
	text-align: center;
}

.vtop {
	vertical-align: top;
}

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

.text1 {
	margin:30px 30px 10px 70px;
	padding: 0px;
	font-weight:nomal;
	font-size: 10px;
}

.text2 {
	margin:30px 30px 10px 35px;
	padding: 0px;
	font-weight:nomal;
	font-size: 10px;
}


.a_top {
	margin:20px 40px 20px 0px;
	padding-right:12px;
	text-align: right;
	font-weight:nomal;
	font-size: 10px;
	background: url('images/arrow.gif') no-repeat top right;
}

.a_top a:link, .a_top a:visited, .a_top a:active {
	color: #3A3A3A;
	text-decoration:underline;
}

.a_top a:hover {
	color: #3A3A3A;
	text-decoration:none;
}


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

#head {
	clear:both;
	margin: 0px 0px 0px 50px;
	padding:0px;
}

#main {
	clear:both;
	margin:0px;
	padding:0px;
}

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

#clip2 {
	margin-left:60px;
	padding:0px;
	background:url('images/agrpop_bg01.gif') repeat-y top right;
	width:640px;
	float:right;
}

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

a:visited {
	color:#CF010D;
	font-weight:nomal;
	text-decoration:underline;
}

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

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


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

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

#top_img {
	margin:0px;
	padding:354px 0px 0px 60px;
	width:640px;
	height:76px;
	text-align:center;
	background: url('images/main.jpg') no-repeat top right;
	text-indent: -9999px;
}

#top_img1 {
	margin:0px;
	padding:354px 0px 0px 60px;
	width:640px;
	height:76px;
	text-align:center;
	background: url('images/main1.jpg') no-repeat top right;
	text-indent: -9999px;
}


#top_btn {
	margin:0px auto 0px auto;
	padding:0px;
	width:291px;
	text-indent: -9999px;
}

#top_btn a {
	display: block;
	overflow:hidden;
	width:291px;
	height:53px;
	background:url('images/main_btn.gif') no-repeat bottom center;
}

#top_btn a:hover {
	background:url('images/main_btn_on.gif') no-repeat bottom center;
}


#apl_btn {
	margin:40px auto 0px auto;
	padding:0px;
	width:345px;
	text-indent: -9999px;
}

#apl_btn a {
	display: block;
	overflow:hidden;
	width:345px;
	height:35px;
	background:url('images/btn_application.gif') no-repeat bottom center;
}

#apl_btn a:hover {
	background:url('images/btn_application_on.gif') no-repeat bottom center;
}


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

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

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

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


h4 {
	margin:10px 0px 5px 35px;
	padding:0px;
}

h4.ttl1 {
	display:block;
	width:300px;
	height:30px;
	background: url('images/service_subttl1.gif') no-repeat;
	text-indent: -9999px;
}

h4.ttl2 {
	display:block;
	width:335px;
	height:30px;
	margin-left:52px;
	background: url('images/service_subttl2.gif') no-repeat;
	text-indent: -9999px;
}

h4.ttl3 {
	display:block;
	width:356px;
	height:30px;
	margin-left:52px;
	background: url('images/service_subttl3.gif') no-repeat;
	text-indent: -9999px;
}

h4.ttl4 {
	margin:10px 0px 0px 35px;
	padding:2px 0px 0px 20px;
	font-size:14px;
	font-weight:bold;
	line-height:140%;
	color:#008AE2;
	background: url('images/icon_star.gif') no-repeat top left;
}

h4.ttl5 {
	margin:10px 0px 0px 35px;
	padding:0px;
	font-size:14px;
	font-weight:bold;
	line-height:140%;
	color:#008AE2;
}

p.h4_txt {
	margin:5px 45px 5px 55px;
	padding:0px;
	font-size:12px;
	line-height:140%;
	color:#525252;
}

p.h4_txt span {
	font-weight:bold;
	color:#FE9B00;
}

p.h4_txt2 {
	margin:5px 45px 5px 35px;
	padding:0px;
	font-size:12px;
	line-height:140%;
	color:#525252;
}

p.h4_txt_s {
	margin:0px 50px 15px 55px;
	padding:0px;
	font-size:10px;
	line-height:140%;
	color:#525252;
}



/*------------------
レイアウト btn
------------------*/
.btn {
	margin:0px 1px 10px 1px;
	padding:0px;
	height:55px;
	background:#464646;
}

.btn1, .btn2, .btn3 {
	text-indent: -9999px;
	float:left;
}

li.btn1, li.btn2, li.btn3 {
	list-style-type:none;
}


.btn1 a {
	display: block;
	overflow:hidden;
	width:205px;
	height:55px;
	background:url('images/btn_service.gif') no-repeat top center;
}

.btn2 a {
	display: block;
	overflow:hidden;
	width:220px;
	height:55px;
	background:url('images/btn_site.gif') no-repeat top center;
}

.btn3 a {
	display: block;
	overflow:hidden;
	width:213px;
	height:55px;
	background:url('images/btn_campaign.gif') no-repeat top center;
}

.btn1 a:hover {
	background:url('images/btn_service_on.gif') no-repeat top center;
}

.btn2 a:hover {
	background:url('images/btn_site_on.gif') no-repeat top center;
}

.btn3 a:hover {
	background:url('images/btn_campaign_on.gif') no-repeat top center;
}


/*------------------
レイアウト h3
------------------*/
.service_img {
	margin:12px 0px 0px 35px;
	padding:0px;
	width:569px;
	height:868px;
	text-indent: -9999px;
	background:url('images/service_img1.gif') no-repeat top center;
}


.site_box {
	display:inline-block;
	margin-left:35px;
	padding:0px;
	width:580px;
}

.site_box:after {
	content:".";
	height:0;
	clear:both;
	display:block;
	visibility:hidden;
}

.site_box h4 {
	margin:10px 0px 5px 20px;
	padding:0px;
	font-size:12px;
	font-weight:bold;
	line-height:140%;
	color:#0188E4;
}

.site_box div.site_txt {
	margin:0px;
	padding:0px;
	width:345px;
	float: left;
	font-size:12px;
	line-height:140%;
	color:#525252;
}

.site_box div.site_img1 {
	margin:0px 0px 5px 20px;
	_margin:0px 0px 5px 10px;
	padding:0px;
	width:205px;
	height:150px;
	float: left;
	text-indent: -9999px;
	background:url('images/site_img1.gif') no-repeat top left;
}

.site_box div.site_img2 {
	margin:0px 0px 5px 20px;
	_margin:0px 0px 5px 10px;
	padding:0px;
	width:205px;
	height:110px;
	float: left;
	text-indent: -9999px;
	background:url('images/site_img2.gif') no-repeat top left;
}

.site_box div.site_img3 {
	margin:0px 0px 5px 20px;
	_margin:0px 0px 5px 10px;
	padding:0px;
	width:205px;
	height:150px;
	float: left;
	text-indent: -9999px;
	background:url('images/site_img3.gif') no-repeat top left;
}


/*------------------
レイアウト attention
------------------*/
#attention {
	margin:0px 0px 0px 35px;
	padding:0px;
	width:570px;
	height:30px;
	text-indent: -9999px;
	background:url('images/ttl_attention.gif') no-repeat top center;
}

#attention_txt li {
	margin:5px 30px 10px 15px;
	padding:0px;
	color:#676767;
	font-size:12px;
	font-weight:nomal;
	line-height:140%;
	list-style-type:disc;
}

dl.attention-box{
	width:550px;
	padding:10px;
	margin:20px 10px 20px 35px;
	background:#feffb3;
	}

dl.attention-box dt{
	font-weight:bold;
	padding-left:40px;
	line-height:28px;
	background:url(images/ssl_img01.gif) no-repeat left top;
	}

dl.attention-box dd{
	margin:10px 0 0 40px;
	padding-left:10px;
	line-height:140%;
	background:url(images/ssl_list01.gif) no-repeat left 3px;
	}

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


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

#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;
}