@charset "utf-8";

@import "reset.css";


/* ---------------------------------------------------
common.css
共通CSS
--------------------------------------------------- */

/* ---------------------------------------------------
common
--------------------------------------------------- */
html {
	/*background: #56679a url(../images/common/bg_base.jpg) repeat-x left top;*/
}

body {
	/*background: #f1f2f7 url(../images/common/bg_base.jpg) repeat-x left top;
	color: #000;*/
}

a {
	color: #012e76;
	text-decoration: underline;
}

a:hover {
	color: #0051d3;
	text-decoration: underline;
}


/* ---------------------------------------------------
layout
--------------------------------------------------- */
#pagetop {
	background: url(../images/common/bg_main.jpg) no-repeat center top;
	text-align: center;
}

#header {
	position: relative;
	width: 900px;
	height: 97px;
	margin: 0 auto;
	text-align: left;
}

#contents {
	width: 900px;
	margin: 0 auto;
	padding-bottom: 38px;
	background: #fff;
	text-align: left;
}

#footer {
	height: 115px;
	background: #56679a url(../images/common/footer_bg.jpg) repeat-x left top;
	text-align: center;
}

#footerin {
	position: relative;
	width: 900px;
	margin: 0 auto;
	text-align: left;
}


/* ---------------------------------------------------
header
--------------------------------------------------- */
#header h1 {
	position: absolute;
	top: 9px;
	left: 0;
	width: 240px;
	height: 53px;
	margin: 0;
	padding: 0;
}

#header h1 a,
#header h1 img {
	display: block;
	width: 240px;
	height: 53px;
	margin: 0;
	padding: 0;
}

#headerlink {
	position: absolute;
	top: 11px;
	left: 667px;
	width: 233px;
	height: 25px;
}

#headerlink .link1 {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 81px;
	height: 21px;
}

#headerlink .link2 {
	position: absolute;
	top: 0px;
	left: 81px;
	width: 83px;
	height: 21px;
}

#headerlink .link3 {
	position: absolute;
	top: 0px;
	left: 164px;
	width: 60px;
	height: 21px;
}

#headerlink .link4 {
	position: absolute;
	top: 25px;
	left: 112px;
	width: 112px;
	height: 22px;
}

#headerlink .textlink {
	margin: 0;
	padding: 0;
	line-height: 18px;
	font-size: 93%;
	line-height: 1.2;
}

#headerlink .textlink a {
	margin: 0;
	padding: 0 0 0 7px;
	background: url(../images/common/header_arw.gif) no-repeat left center;
	color: #595959;
	text-decoration: none;
}

#headerlink .textlink a:hover {
	color: #595959;
	text-decoration: underline;
}

#headerlink .btnlink {
	margin: 0;
	padding: 0;
}



/* ---------------------------------------------------
menu
--------------------------------------------------- */
#menu {
	position: absolute;
	top: 64px;
	left: 0px;
	width: 900px;
	height: 33px;
}

#menu ul {
	position: relative;
	margin: 0;
	padding: 0;
	width: 900px;
	height: 33px;
}

#menu ul li {
	position: absolute;
	top: 0;
	left: 0;
	margin: 0;
	padding: 0;
	height: 33px;
	list-style: none;
}

#menu ul li a {
	display: block;
	margin: 0;
	padding: 0;
	height: 33px;
	overflow: hidden;
}

#menu ul li.menu01 {
	left: 0;
	width: 177px;
	background: url(../images/common/menu01_on.gif) no-repeat left top;
}
#menu ul li.menu01 a {
	width: 177px;
}

#menu ul li.menu02 {
	left: 177px;
	width: 180px;
	background: url(../images/common/menu02_on.gif) no-repeat left top;
}
#menu ul li.menu02 a {
	width: 180px;
}

#menu ul li.menu03 {
	left: 357px;
	width: 186px;
	background: url(../images/common/menu03_on.gif) no-repeat left top;
}
#menu ul li.menu03 a {
	width: 186px;
}

#menu ul li.menu04 {
	left: 543px;
	width: 175px;
	background: url(../images/common/menu04_on.gif) no-repeat left top;
}
#menu ul li.menu04 a {
	width: 175px;
}

#menu ul li.menu05 {
	left: 718px;
	width: 182px;
	background: url(../images/common/menu05_on.gif) no-repeat left top;
}
#menu ul li.menu05 a {
	width: 182px;
}

#menu ul li a:hover {
	text-indent: -9999px;
}

#menu ul li.cr a:hover {
	text-indent: 0;
}



/* ---------------------------------------------------
contents
--------------------------------------------------- */
/*パンくず*/
#topicpath {
	height: 36px;
	margin: 0 0 0 22px;
}

#topicpath p {
	margin: 0;
	padding: 14px 0 0 0;
	line-height: 1.2;
	font-size: 93%;
}

#topicpath p a {
	color: #000;
	text-decoration: none;
}

#topicpath p a:hover {
	color: #000;
	text-decoration: underline;
}

/*レイアウト*/
#main {
	float: right;
	width: 683px;
}

#side {
	float: left;
	width: 217px;
}

/* ---------------------------------------------------
submenu
--------------------------------------------------- */
#submenu {
	width: 183px;
	margin: 0 0 0 20px;
	padding: 0 0 6px 0;
	background: url(../images/common/side_bg.gif) no-repeat left bottom;
	font-size: 93%;
	font-weight: bold;
	line-height: 1.2;
}

#submenu p.ttl {
	margin: 0;
	padding: 0 0 5px 0;
	background: url(../images/common/side_bg02.gif) repeat-y left top;
}

#submenu p.ttl img {
	display: block;
	margin: 0;
	padding: 0;
}

/*第二階層*/
#submenu p.menu01 {
	margin: 0;
	padding: 0 1px;
	background: url(../images/common/side_bg02.gif) repeat-y left top;
}

#submenu p.menu01 a {
	display: block;
	width: 181px;
	margin: 0;
	padding: 5px 0;
	background: #fff;
	color: #010101;
	font-weight: bold;
	text-decoration: none;
}

#submenu p.menu01 a:hover {
	background: #edeefc;
	color: #010101;
	font-weight: bold;
	text-decoration: none;
}

#submenu p.cr01 a,
#submenu p.cr01 a:hover {
	background: #fff;
	color: #000cff;
	font-weight: bold;
	text-decoration: none;
}

#submenu p.menu01 a span {
	display: block;
	margin: 0;
	padding: 0 3px 0 28px;
	background: url(../images/common/side_arw01.gif) no-repeat 9px 2px;
}

/*第三階層*/
#submenu p.menu02 {
	margin: 0;
	padding: 0 1px;
	background: url(../images/common/side_bg02.gif) repeat-y left 1px;
}

#submenu p.menu02 a {
	display: block;
	width: 181px;
	margin: 0;
	padding: 5px 0;
	background: #fff;
	color: #010101;
	font-weight: bold;
	text-decoration: none;
}

#submenu p.menu02 a:hover {
	background: #edeefc;
	color: #010101;
	font-weight: bold;
	text-decoration: none;
}

#submenu p.cr02 a,
#submenu p.cr02 a:hover {
	background: #fff;
	color: #000cff;
	font-weight: bold;
	text-decoration: none;
}

#submenu p.menu02 a span {
	display: block;
	margin: 0;
	padding: 0 3px 0 41px;
	background: url(../images/common/side_arw02.gif) no-repeat 32px 3px;
}

#submenu p.menu02 a:hover span {
	background: url(../images/common/side_arw02_on.gif) no-repeat 32px 3px;
}


/* ---------------------------------------------------
contents共通
--------------------------------------------------- */
/*h2*/
h2.cont {
	margin: 0 0 10px 0;
	padding: 0;
}

h2.cont img {
	display: block;
	margin: 0;
	padding: 0;
}

/*h3*/
h3 {
	position: relative;
	margin: 0;
	padding: 0 0 0 15px;
	height: 28px;
	background: url(../images/common/h3_bg.gif) no-repeat left top;
	line-height: 28px;
	font-size: 100%;
	color: #000;
	font-weight: bold;
}

/*h4*/
h4.style01 {
	margin: 22px 0 0 6px;
	padding: 0 0 0 7px;
	border-left: 5px solid #666;
	line-height: 1.5;
	font-size: 93%;
	color: #000;
	font-weight: bold;
}

/*sec01*/
.sec01 {
	margin: 0 0 40px 0;
	padding: 0;
}

/*pagetoplink*/
.pagetoplink p {
	margin: 0 37px 0 0;
	padding: 0;
	text-align: right;
	font-size: 77%;
	line-height: 1.2;
}

.btn2 p {
	margin: 0px 21px 10px 0;
	padding: 0;
	text-align: right;
}

.pagetoplink2 {
	margin-bottom: 22px;
}

.pagetoplink p a {
	padding-left: 10px;
	background: url(../images/common/arw_pagetop.gif) no-repeat left 2px;
	color: #000;
	text-decoration: none;
}

.pagetoplink p a:hover {
	color: #000;
	text-decoration: underline;
}



/*cl*/
.cl {
	clear: both;
}


/*table*/
/*table {
	width: 634px;
	margin: 22px 0 0 13px;
	padding: 0;
	border-collapse: collapse;
	border: 0;
}

table th {
	margin: 0;
	padding: 7px;
	border: 0;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	background: #f7f7f7;
	color: #4d5ea8;
	font-weight: bold;
	font-size: 93%;
	line-height: 1.2;
	text-align: left;
	vertical-align: top;
}

table td {
	margin: 0;
	padding: 7px;
	border: 0;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	font-size: 93%;
	line-height: 1.2;
	text-align: left;
	vertical-align: top;
}

table tr.nobdr td {
	border-bottom: 0;
}*/




/* ---------------------------------------------------
footer
--------------------------------------------------- */
#footerlink {
	position: absolute;
	top: 14px;
	left: 8px;
	width: 480px;
	height: 28px;
}

#footerlink .textlink {
	margin: 0;
	padding: 0;
	font-size: 77%;
	line-height: 1.4;
	color: #fff;
}

#footerlink .textlink a {
	padding-left: 9px;
	background: url(../images/common/footer_arw.gif) no-repeat left 2px;
	color: #fff;
	text-decoration: none;
}

#footerlink .textlink a:hover {
	color: #fff;
	text-decoration: underline;
}

#copy {
	position: absolute;
	top: 12px;
	left: 480px;
	width: 420px;
	height: 25px;
	text-align: right;
}

#copy p {
	margin: 0;
	padding: 0;
	font-size: 77%;
	line-height: 1.2;
	color: #fff;
}