@charset "utf-8";
/*all setting*/
* {
	padding: 0;
	margin: 0;
	font-family: Arial, "ＭＳ Ｐゴシック";
	font-size: 0.78pc;
	color: #292929;
	line-height: 1pc;
	word-spacing: normal;
	letter-spacing: normal;
}


/*body setting*/
body {
	text-align: center;
	background-attachment: scroll;
	background-color: #000755;
	background-image: url(../image/system/body_bg.jpg);
	background-repeat: repeat-x;
}


/*commons*/
a {
	color: black;
	text-decoration: underline;
}

a:hover {
	color: #0016ba;
	text-decoration: underline;
}

img {
	border-style: none;
	border-width: 0;
}

img.right {
	float: right;
}

img.left {
	float: left;
}

/*wrapper state*/
#wrapper {
	width: 830px;
	margin-right: auto;
	margin-left: auto;
	text-align: left;
	background-color: #00053f;
	background-image: url(../image/system/wraper_bg.jpg);
	background-repeat: repeat-x;
}

h1 {
	float: left;
	clear: both;
	width: 820px;
	padding-top: 5px;
	padding-bottom: 5px;
	margin-left: 5px;
	border-bottom: 1px solid #000;
	font-size: 0.95pc;
	font-weight: bold;
	display: inline;
	text-indent: 5px;
	background-color: #d1d1d1;
}

/*header state*/
#header {
	float: left;
	clear: both;
	width: 820px;
	margin-left: 5px;
	display: inline;
	background-color: #efefef;
}

#header img.logo {
	float: left;
}

.subnavi {
	float: right;
	padding-top: 25px;
	list-style-type: none;
}

.subnavi li.top {
	float: left;
	padding-right: 10px;
	padding-left: 15px;
	display: inline;
	background-image: url(../image/system/list_top.gif);
	background-position: 0 3px;
	background-repeat: no-repeat;
}

.subnavi li.sp {
	float: left;
	padding-right: 10px;
	padding-left: 15px;
	display: inline;
	background-image: url(../image/system/list_sp.gif);
	background-position: 0 3px;
	background-repeat: no-repeat;
}

.subnavi li.sm {
	float: left;
	padding-right: 5px;
	padding-left: 15px;
	display: inline;
	background-image: url(../image/system/list_sm.gif);
	background-position: 0 3px;
	background-repeat: no-repeat;
}

.subnavi li a {
	color: black;
	text-decoration: none;
}

.subnavi li a:hover {
	color: #989898;
	text-decoration: none;
}

#header img {
	vertical-align: bottom;
}

/*navi state*/
#navi {
	float: left;
	clear: both;
	width: 820px;
	margin-left: 5px;
	display: inline;
}

#navi li {
	float: left;
	display: block;
	list-style-image: none;
	list-style-type: none;
}

#navi img {
	vertical-align: bottom;
}


/*content state*/	
#content {
	float: left;
	clear: both;
	width: 820px;
	padding-top: 20px;
	padding-bottom: 10px;
	margin-left: 5px;
	display: inline;
	background-color: #fff;
}


/*main state*/
#main {
	float: left;
	clear: both;
	width: 815px;
	margin-left: 5px;
	display: inline;
}

#main div.top_main {
	background-image: url(../image/system/top_main_bg.jpg);
	background-repeat: no-repeat;
	width: 395px; height: 410px;
	float: left; margin-right: 5px;
	margin-left: 5px; display: inline;
}

.l20{ margin-left: 20px; }

#main div.top_main h2 {
	margin-top: 4px;
	margin-left: 4px;
}

#main div.top_main p {
	padding-bottom: 10px;
	margin-top: 15px;
	margin-right: 15px;
	margin-left: 15px;
	color: #0051b1;
	line-height: 1.11pc;
}

#main div.top_main p img {
	margin-left: 10px;
}

#main div.top_main p a {
	margin-top: 15px;
	font-weight: bold;
	color: #0051b1;
	text-decoration: underline;
	display: block;
}

#main div.top_main p a:hover {
	margin-top: 15px;
	font-weight: bold;
	color: #757575;
	text-decoration: underline;
	display: block;
}

#main div.top_blog {
	float: left;
	width: 260px;
	margin-left: 5px;
	border-bottom: 3px solid #00bb42;
	display: inline;
	background-image: url(../image/system/top_blog_bg.gif);
	background-repeat: no-repeat;
}

#main div.top_blog p {
	margin-top: 48px;
	margin-right: 15px;
	margin-left: 15px;
	color: #1b4a02;
	line-height: 130%;
}

#main div.top_blog img {
	margin: 10px 15px 15px;
}


/*追加---------------------------------------------------------------------*/
#main div.top_blog2 {
	float: left;
	width: 394px;
	margin-left: 5px;
	border-bottom: 3px solid #00bb42;
	display: inline;
	background-image: url(../image/system/top_blog_bg.gif);
	background-repeat: no-repeat;
}

#main div.top_blog2 p {
	margin-top: 8px;
	margin-right: 15px;
	margin-left: 65px;
	color: #1b4a02;
	line-height: 130%;
}

#main div.top_blog2 img {
	margin: 10px 15px 5px 65px;
}

#main div.top_contact2 {
	float: left;
	width: 394px;
	margin-left: 12px;
	border-bottom: 3px solid #0016ba;
	background-image: url(../image/system/top_contact_bg.gif);
	background-repeat: no-repeat;
}

#main div.top_contact2 p {
	margin-top: 8px;
	margin-right: 15px;
	margin-left: 65px;
	color: #000f7b;
	line-height: 130%;
}

#main div.top_contact2 img {
	margin: 10px 15px 5px 65px;
}
/*---------------------------------------------------------------------*/


#main div.top_report {
	float: left;
	width: 260px;
	margin-left: 10px;
	border-bottom: 3px solid #009abc;
	background-image: url(../image/system/top_report_bg.gif);
	background-repeat: no-repeat;
}

#main div.top_report p {
	margin-top: 48px;
	margin-right: 15px;
	margin-left: 15px;
	color: #015c6f;
	line-height: 130%;
}

#main div.top_report img {
	margin: 10px 15px 15px;
}


#main div.top_contact {
	float: left;
	width: 260px;
	margin-left: 10px;
	border-bottom: 3px solid #0016ba;
	background-image: url(../image/system/top_contact_bg.gif);
	background-repeat: no-repeat;
}

#main div.top_contact p {
	margin-top: 48px;
	margin-right: 15px;
	margin-left: 15px;
	color: #000f7b;
	line-height: 130%;
}

#main div.top_contact img {
	margin: 10px 15px 15px;
}

#main div.top_link {
	float: left;
	clear: both;
	width: 800px;
	padding-top: 60px;
	margin-top: 10px;
	margin-left: 5px;
	border-bottom: 1px solid #34a6dc;
	display: inline;
	background-color: #36b5ea;
	background-image: url(../image/system/top_link_bg.gif);
	background-repeat: no-repeat;
}


#main div.top_link img {
	margin-bottom: 5px;
	/*margin-left: 2px;*/
	
}

#main div.top_link img.first{
	margin-left: 6px;
}


#main div.c_add {
	padding-left: 5px;
}

#main div.c_add img {
	margin-top: 10px;
}

/*footer state*/
#footer {
	float: left;
	clear: both;
	width: 820px;
	padding-top: 10px;
	padding-bottom: 7px;
	margin-left: 5px;
	color: white;
	display: inline;
	text-align: center;
	background-color: #000755;
	background-image: url(../image/system/footer_bg.gif);
	background-repeat: no-repeat;
}