@charset "utf-8";
/* CSS Document */


/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
#under_contents {
	font-family: "メイリオ", Meiryo, "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	float: left;
	height: auto;
	width: 650px;
	padding-left: 20px;
}
#under_contents .under_title {
	background-image: url(../img/underTitle_bg.jpg);
	background-repeat: no-repeat;
	height: 35px;
	width: 610px;
	display: block;
	font-size: 160%;
	font-weight: bold;
	color: #CC0000;
	line-height: 30px;
	padding-left: 40px;
}
#under_contents .top_textBox {
	height: auto;
	width: 610px;
	margin-left: 15px;
	background-image: url(../img/h2p_bg2.jpg);
	background-repeat: repeat-y;
	margin-right: 25px;
	margin-bottom: 40px;
	margin-top: 30px;

}
#under_contents p {
	height: auto;
	width: auto;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 15px;
	padding-right: 10px;
	font-weight: bold;
	color: #666666;
	font-size: 120%;
	line-height: 21px;
}
#under_contents table {
	width: 500px;
	margin-left: 15px;
	margin-top: 10px;
	font-size: 100%;
	line-height: 21px;
	font-weight: bold;
	margin-bottom: 20px;
}
#under_contents td {
	height: auto;
	width: 50%;
	padding-top: 3px;
	padding-bottom: 3px;
}
#under_contents .top_3pointTitle {
	background-image: url(../img/top_3pointTitle.jpg);
	background-repeat: no-repeat;
	height: 50px;
	width: 630px;
	margin-top: 15px;
	font-size: 160%;
	line-height: 50px;
	color: #FFFFFF;
	text-align: center;
	margin-right: 20px;
	font-weight: bold;
}
#under_contents .top_3pointBox {
	height: 325px;
	width: 630px;
	margin-top: 20px;
	background-image: url(../img/top_3pointBg.jpg);
	background-repeat: no-repeat;
	margin-right: 20px;
	margin-bottom: 40px;
	margin-bottom: 40px;
}
#under_contents .top_3pointBox .creat {
	float: left;
	height: 165px;
	width: 210px;
	background-image: url(../img/top_creat1.jpg);
	background-repeat: no-repeat;
	margin-top: 160px;
}
#under_contents .top_3pointBox .creat a {
	display: block;
	height: 165px;
	width: 210px;
	text-indent: -5999px;
}
#under_contents .top_3pointBox .creat a:hover {
	background-image: url(../img/top_creat2.jpg);
	background-repeat: no-repeat;
}
#under_contents .top_3pointBox .accessup {
	float: left;
	height: 165px;
	width: 210px;
	background-image: url(../img/top_access1.jpg);
	background-repeat: no-repeat;
	margin-top: 80px;
	margin-bottom: 80px;
}
#under_contents .top_3pointBox .accessup a {
	text-indent: -5999px;
	display: block;
	height: 165px;
	width: 210px;
}
#under_contents .top_3pointBox .accessup a:hover {
	background-image: url(../img/top_access2.jpg);
	background-repeat: no-repeat;
}
#under_contents .top_3pointBox .conversion {
	float: left;
	height: 165px;
	width: 210px;
	background-image: url(../img/top_conversion1.jpg);
	background-repeat: no-repeat;
	margin-bottom: 160px;
}
#under_contents .top_3pointBox .conversion a {
	display: block;
	height: 165px;
	width: 210px;
	text-indent: -5999px;
}
#under_contents .top_3pointBox .conversion a:hover {
	background-image: url(../img/top_conversion2.jpg);
	background-repeat: no-repeat;
}
#under_contents .update {
	background-image: url(../img/update_banner.jpg);
	background-repeat: no-repeat;
	height: 100px;
	width: 630px;
	margin-bottom: 60px;
}
#under_contents .update a {
	height: 30px;
	width: 135px;
	text-decoration: none;
	display: block;
	font-size: 14px;
	font-weight: bold;
	color: #FFFFFF;
	padding-left: 495px;
	padding-top: 70px;
	line-height: 18px;
	font-family: "ＭＳ Ｐゴシック";
}
#under_contents .update a:hover {
	height: 100px;
	width: 630px;
	background-image: url(../img/update_banner2.jpg);
	background-repeat: no-repeat;
}
#under_contents ul {
	height: auto;
	width: 635px;
	padding-left: 15px;
}
#contents #under_contents li {
	padding-top: 10px;
	padding-bottom: 10px;
	font-size: 120%;
	font-weight: bold;
	color: #666666;
	line-height: 18px;
}
#contents #under_contents li a:link {
	color: #666666;
	text-decoration: none;
}
#contents #under_contents li a:visited {
	text-decoration: none;
	color: #666666;
}
#contents #under_contents li a:hover {
	text-decoration: none;
	color: #0099FF;
}
#contents #under_contents li a:active {
	text-decoration: none;
	color: #666666;
}

/*====================
Service List
====================*/
#under_contents .service_listTitle {
	height: 50px;
	width: 630px;
	margin-bottom: 30px;
	padding-top: 10px;
}
#under_contents .service_listArea {
	width: 630px;
	margin-bottom: 15px;
}
#under_contents .service_listArea2 {
	width: 630px;
	margin-bottom: 60px;
}
#under_contents .each_service {
	float: left;
	width: 268px;
	padding-right: 25px;
	padding-left: 20px;
}
#under_contents .each_service .each_title {
	height: 48px;
	width: 268px;
}
#under_contents .each_service .catch_p {
	font-size: 14px;
	line-height: 20px;
	color: #666666;
	padding-bottom: 20px;
}
#under_contents .service_listArea .service_link1 {
	height: 28px;
	background-image: url(../img/service_link1a.jpg);
	background-repeat: no-repeat;
	width: 147px;
	float: right;
	padding-right: 6px;
}
#under_contents .service_listArea .service_link1 a {
	font-size: 14px;
	line-height: 28px;
	color: #333333;
	text-decoration: none;
	height: 28px;
	width: 123px;
	display: block;
	padding-left: 24px;
}
#under_contents .service_listArea .service_link1 a:hover {
	background-image: url(../img/service_link1b.jpg);
	background-repeat: no-repeat;
	color: #FF3333;
}
#under_contents .service_listArea .service_link2 {
	height: 28px;
	background-image: url(../img/service_link2a.jpg);
	background-repeat: no-repeat;
	width: 135px;
	float: right;
	padding-right: 6px;
}
#under_contents .service_listArea .service_link2 a {
	font-size: 14px;
	line-height: 28px;
	color: #333333;
	text-decoration: none;
	height: 28px;
	width: 113px;
	display: block;
	padding-left: 22px;
}
#under_contents .service_listArea .service_link2 a:hover {
	background-image: url(../img/service_link2b.jpg);
	background-repeat: no-repeat;
	color: #669900;
}
#under_contents .service_listArea .service_link3 {
	height: 28px;
	background-image: url(../img/service_link3a.jpg);
	background-repeat: no-repeat;
	width: 135px;
	float: right;
	padding-right: 6px;
}
#under_contents .service_listArea .service_link3 a {
	font-size: 14px;
	line-height: 28px;
	color: #333333;
	text-decoration: none;
	height: 28px;
	width: 113px;
	display: block;
	padding-left: 22px;
}
#under_contents .service_listArea .service_link3 a:hover {
	background-image: url(../img/service_link3b.jpg);
	background-repeat: no-repeat;
	color: #FF6633;
}
#under_contents .service_listArea .service_link4 {
	height: 28px;
	background-image: url(../img/service_link4a.jpg);
	background-repeat: no-repeat;
	width: 135px;
	float: right;
	padding-right: 6px;
}
#under_contents .service_listArea .service_link4 a {
	font-size: 14px;
	line-height: 28px;
	color: #333333;
	text-decoration: none;
	height: 28px;
	width: 113px;
	display: block;
	padding-left: 22px;
}
#under_contents .service_listArea .service_link4 a:hover {
	background-image: url(../img/service_link4b.jpg);
	background-repeat: no-repeat;
	color: #0099FF;
}
#under_contents .service_listArea2 .service_link5 {
	height: 28px;
	background-image: url(../img/service_link5a.jpg);
	background-repeat: no-repeat;
	width: 160px;
	float: right;
	padding-right: 6px;
}
#under_contents .service_listArea2 .service_link5 a {
	font-size: 14px;
	line-height: 28px;
	color: #333333;
	text-decoration: none;
	height: 28px;
	width: 138px;
	display: block;
	padding-left: 22px;
}
#under_contents .service_listArea2 .service_link5 a:hover {
	background-image: url(../img/service_link5b.jpg);
	background-repeat: no-repeat;
	color: #FF3399;
}
#under_contents .service_listArea2 .service_link6 {
	height: 28px;
	background-image: url(../img/service_link6a.jpg);
	background-repeat: no-repeat;
	width: 170px;
	float: right;
	padding-right: 6px;
}
#under_contents .service_listArea2 .service_link6 a {
	font-size: 14px;
	line-height: 28px;
	color: #333333;
	text-decoration: none;
	height: 28px;
	width: 150px;
	display: block;
	padding-left: 20px;
}
#under_contents .service_listArea2 .service_link6 a:hover {
	background-image: url(../img/service_link6b.jpg);
	background-repeat: no-repeat;
	color: #DBA500;
}

/*====================
フォントスタイル
====================*/
.style1 {
	color: #CC0000;
	font-size: 24px;
	height: 25px;
	line-height: 25px;
}
.style2 {
	color: #FF6600;
	font-size: 100%;
	height: 25px;
	line-height: 18px;
}