/* CSS Document */

body  {
	font: 12px "Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","ＭＳ Ｐゴシック",Osaka, sans-serif;
	color:#000000;
	margin: 0px;
	background-image: url(img/mainbg.jpg);
	background-repeat: repeat-x;
}

.clr  {
	clear: both;
}

.sp10 {
	height: 5px;
	width: 5px;
	font-size: 5px;
	clear: both;
}

.ash {
	color: #666666;
	font-weight: bold;
}

.redbold {
	color: #0090BC;
	font-weight: bold;
}

.red {
	color: #0F92BE;
}


/* リンクの色  */

a{
	color: #0000FF;
	text-decoration: none;
}
a:active{
	color: #CC0099;
	text-decoration: none;
}
a:hover{ 
	color: #0000A6;
	text-decoration: none;
}

h1{
	font-size: 11px;
	margin: 0px;
	padding: 0px;
	font-weight: normal;
}

/* ベース */

#container {
	margin-right: auto;
	margin-left: auto;
	margin-top: 0px;
	width: 838px;
	margin-bottom: 0px;
	background-image: url(img/maincont.jpg);
	background-repeat: repeat-y;
}

#head {
	height: 123px;
	background-image: url(img/mainhead.jpg);
	background-repeat: no-repeat;
	padding-right: 30px;
	padding-left: 30px;
}

.headin {
	background-image: url(img/headbg.jpg);
	background-repeat: repeat-x;
	height: 80px;
}

.headinl {
	width: 230px;
	float: left;
	margin: 0px;
	padding: 0px;
}

.headinl2 {
	width: 300px;
	float: left;
	padding-top: 30px;
}

.headinl3 {
	width: 186px;
	float: right;
	background-image: url(img/headin3bg.jpg);
	background-repeat: no-repeat;
	height: 32px;
	padding-top: 48px;
	padding-left: 62px;
}

#menu_headbtn {
	height: 32px;
}

ul.headbtn {
	margin:0px;
	list-style-type:none;
	padding: 0px;
}

ul.headbtn li {
	height:23px;
	float: left;
}

ul.headbtn li a {
	display:block;
	height:23px;
	text-indent:-10000em;
	background-repeat:no-repeat;
	background-position:50% 0px;
}

ul.headbtn li a:hover {
	background-position:50% -23px;
}
ul.headbtn li.btn01 a {
	background-image:url(img/headbtn01.jpg);
	width: 53px;
}

ul.headbtn li.btn02 a {
	background-image:url(img/headbtn02.jpg);
	width: 76px;
}

ul.headbtn li.btn03 a {
	background-image:url(img/headbtn03.jpg);
	width: 57px;
}


#menu {
	height: 43px;
}

ul.mainbtn {
	margin:0px;
	list-style-type:none;
	padding: 0px;
}

ul.mainbtn li {
	height:43px;
	float: left;
}

ul.mainbtn li a {
	display:block;
	height:43px;
	text-indent:-10000em;
	background-repeat:no-repeat;
	background-position:50% 0px;
}

ul.mainbtn li a:hover {
	background-position:50% -43px;
}
ul.mainbtn li.mainbtn01 a {
	background-image:url(img/mainbt01.jpg);
	width: 135px;
}

ul.mainbtn li.mainbtn02 a {
	background-image:url(img/mainbt02.jpg);
	width: 129px;
}

ul.mainbtn li.mainbtn03 a {
	background-image:url(img/mainbt03.jpg);
	width: 129px;
}

ul.mainbtn li.mainbtn04 a {
	background-image:url(img/mainbt04.jpg);
	width: 127px;
}

ul.mainbtn li.mainbtn05 a {
	background-image:url(img/mainbt05.jpg);
	width: 130px;
}

ul.mainbtn li.mainbtn06 a {
	background-image:url(img/mainbt06.jpg);
	width: 128px;
}


#content {
	background-image: url(img/maincont02.jpg);
	background-repeat: no-repeat;
	padding-right: 30px;
	padding-left: 30px;
	line-height: 150%;
}

#content02 {
	background-image: url(img/maincont02.jpg);
	background-repeat: no-repeat;
	padding-right: 30px;
	padding-left: 30px;
	line-height: 150%;
}

.contentin {
	background-image: url(img/mainbg02.jpg);
	background-repeat: no-repeat;
	padding-top: 26px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #FFFFFF;
}

.contentin02 {
	background-image: url(img/mainbg0202.jpg);
	background-repeat: no-repeat;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #FFFFFF;
}

#contentunder {
	background-image: url(img/maincontunder.jpg);
	background-repeat: no-repeat;
	margin: 0px;
	padding: 0px;
	height: 17px;
}

#left {
	float: left;
	width: 506px;
	padding-right: 22px;
	padding-left: 30px;
}

.leftmainimg {
	height: 141px;
}

.leftmainwhatsnew {
	width: 506px;
}

.leftmainwhatsnewtitle {
	margin: 0px;
	padding: 0px;
	height: 41px;
	background-image: url(img/mainwhatsnewbg.jpg);
	background-repeat: repeat-y;
}

.leftmainwhatsnewtext {
	padding-bottom: 10px;
	border-bottom-style: dotted;
	border-bottom-color: #666666;
	border-bottom-width: 1px;
	padding-right: 15px;
	padding-left: 15px;
	margin-bottom: 10px;
}

.leftmainwhatsnewtextin {
	padding-right: 15px;
	padding-left: 15px;
	background-image: url(img/mainwhatsnewbg.jpg);
	background-repeat: repeat-y;
}

.leftmainwhatsnewtextl {
	float: left;
	width: 100px;
	background-image: url(img/mainwhatsnewundli.jpg);
	background-repeat: no-repeat;
	padding-left: 18px;
	color: #42BCE1;
}

.leftmainwhatsnewtextr {
	width: 328px;
	float: right;
}


.leftmainwhatsnewunder {
	background-image: url(img/mainwhatsnewundr.jpg);
	height: 15px;
	background-repeat: no-repeat;
}

.leftmember {
	margin-top: 5px;
	margin-bottom: 5px;
	background-image: url(img/memberback.jpg);
	background-repeat: repeat-y;
}

.leftmemberl {
	background-image: url(img/member01.jpg);
	height: 135px;
	background-repeat: no-repeat;
	float: left;
	width: 132px;
}

.leftmemberr {
	height: 15px;
	float: right;
	width: 350px;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	padding-right: 10px;
}


#menu_lcheckbtn {
	height: 78px;
	margin-bottom: 10px;
}

ul.lcheckbtn {
	margin:0px;
	list-style-type:none;
	padding: 0px;
}

ul.lcheckbtn li {
	height:78px;
	float: left;
}

ul.lcheckbtn li a {
	display:block;
	height:78px;
	text-indent:-10000em;
	background-repeat:no-repeat;
	background-position:50% 0px;
}

ul.lcheckbtn li a:hover {
	background-position:50% -78px;
}
ul.lcheckbtn li.lcheckbtn01 a {
	background-image:url(img/maincheckbt01.jpg);
	width: 253px;
}
ul.lcheckbtn li.lcheckbtn02 a {
	background-image:url(img/maincheckbt02.jpg);
	width: 253px;
}

.leftbord {
	width: 506px;
	background-image: url(img/mainbordbg.jpg);
	background-repeat: repeat-y;
}

.leftbordl {
	width: 245px;
	float: left;
	padding-right: 8px;
}

.leftbordtitle {
	width: 245px;
	height: 34px;
}

.leftbordtext {
	width: 210px;
	padding-left: 20px;
	background-image: url(img/mainwhatsnewundli.jpg);
	background-repeat: no-repeat;
	margin-left: 15px;
	margin-top: 10px;
	margin-bottom: 10px;
}

.leftbordr {
	width: 245px;
	float: right;
	padding-left: 8px;
}

.leftbordunder {
	width: 500px;
	background-image: url(img/mainbordunder.jpg);
	height: 16px;
	background-repeat: no-repeat;
	padding-right: 3px;
	padding-left: 3px;
}

.leftintertext {
	width: 506px;
	margin-bottom: 15px;
}

.leftpageheadtext {
	padding-top: 20px;
	padding-left: 20px;
	padding-bottom: 17px;
	color: #666666;
	font-size: 18px;
	font-weight: bold;
}

.leftsubheads {
	padding-top: 11px;
	padding-left: 35px;
	padding-bottom: 3px;
	color: #666666;
	font-size: 16px;
	font-weight: bold;
	margin-bottom: 10px;
	background-image: url(img/mainsubheads.jpg);
	background-repeat: no-repeat;
	margin-top: 20px;
}

.leftsubheadsundertext {
	margin-top: 10px;
}

.leftsubheadsundertext02 {
	margin-top: 20px;
}

.leftps01 {
	background-image: url(img/p01.jpg);
	background-repeat: no-repeat;
	padding-left: 150px;
	margin-top: 5px;
	margin-bottom: 5px;
	padding-top: 10px;
	padding-bottom: 10px;
	background-color: #F0F7FF;
}

.leftps02 {
	background-image: url(img/p02.jpg);
	background-repeat: no-repeat;
	padding-left: 150px;
	margin-top: 5px;
	margin-bottom: 5px;
	padding-top: 10px;
	padding-bottom: 30px;
	background-color: #F7F1FF;
}

.leftps03 {
	background-image: url(img/p03.jpg);
	background-repeat: no-repeat;
	padding-left: 150px;
	margin-top: 5px;
	margin-bottom: 5px;
	padding-top: 10px;
	padding-bottom: 10px;
	background-color: #FEEDF7;
}

.leftps04 {
	background-image: url(img/p04.jpg);
	background-repeat: no-repeat;
	padding-left: 150px;
	margin-top: 5px;
	margin-bottom: 5px;
	padding-top: 10px;
	padding-bottom: 10px;
	background-color: #FFF6E5;
}

.leftps05 {
	background-image: url(img/p05.jpg);
	background-repeat: no-repeat;
	padding-left: 150px;
	margin-top: 5px;
	margin-bottom: 5px;
	padding-top: 10px;
	padding-bottom: 10px;
	background-color: #F3FEEE;
}

.leftps06 {
	background-image: url(img/p06.jpg);
	background-repeat: no-repeat;
	padding-left: 150px;
	margin-top: 5px;
	margin-bottom: 5px;
	padding-top: 10px;
	padding-bottom: 10px;
	background-color: #F0FFFA;
}

.leftps07 {
	background-image: url(img/p07.jpg);
	background-repeat: no-repeat;
	padding-left: 150px;
	margin-top: 5px;
	margin-bottom: 5px;
	padding-top: 10px;
	padding-bottom: 10px;
	background-color: #F0F7FF;
}

.leftpstitle {
	color: #21B0E8;
	font-weight: bold;
}

#syousai_btn {
	padding-left: 345px;
	margin-top: 10px;
}

ul.syousaibtn {
	margin:0px;
	list-style-type:none;
	padding: 0px;
}

ul.syousaibtn li {
	width:161px;
	height:23px;
}

ul.syousaibtn li a {
	display:block;
	width:161px;
	height:23px;
	text-indent:-10000em;
	background-repeat:no-repeat;
	background-position:50% 0px;
}

ul.syousaibtn li a:hover {
	background-position:50% -23px;
}
ul.syousaibtn li.syousaibtn01 a {
	background-image:url(img/mainwsyousai.jpg);
}

ul.syousaibtn li.syousaibtn02 a {
	background-image:url(img/mainwsyousai02.jpg);
}

ul.syousaibtn li.syousaibtn03 a {
	background-image:url(img/mainwsyousai03.jpg);
}


#menu_underbtn {
	height: 47px;
	width: 450px;
	padding-right: 28px;
	padding-left: 28px;
}

ul.underbtn {
	margin:0px;
	list-style-type:none;
	padding: 0px;
}

ul.underbtn li {
	width:225px;
	height:47px;
	float: left;
}

ul.underbtn li a {
	display:block;
	width:225px;
	height:47px;
	text-indent:-10000em;
	background-repeat:no-repeat;
	background-position:50% 0px;
}

ul.underbtn li a:hover {
	background-position:50% -47px;
}
ul.underbtn li.underbtn01 a {
	background-image:url(img/mainunder01.jpg);
}
ul.underbtn li.underbtn02 a {
	background-image:url(img/mainunder02.jpg);
}

ul.underbtn li.underbtn03 a {
	background-image:url(img/mainunder03.jpg);
}



#right {
	width: 183px;
	padding-right: 16px;
	padding-left: 21px;
	padding-top: 15px;
	float: right;
}

#right02 {
	width: 183px;
	padding-right: 16px;
	padding-left: 21px;
	padding-top: 15px;
	float: right;
	margin-top: 26px;
}

.right_mainbox {
	width: 183px;
	background-image: url(img/rightboxbg.jpg);
	background-repeat: repeat-x;
	margin-bottom: 15px;
	background-color: #FDFEFF;
}

.right_mainboximg {
	margin-top: 5px;
	margin-bottom: 5px;
}

.right_mainbox2 {
	width: 183px;
	background-image: url(img/rightboxbg02.jpg);
	background-repeat: repeat-x;
	background-color: #A4E6FC;
	margin-bottom: 15px;
}


.right_maintitle {
	width: 183px;
	height: 35px;
	margin: 0px;
	padding: 0px;
}

.right_maintext {
	width: 163px;
	padding-right: 10px;
	padding-left: 10px;
}



#menu_rightmailbtn {
	padding: 0px;
}

ul.rightmailbtn {
	margin:0px;
	list-style-type:none;
	padding: 0px;
}

ul.rightmailbtn li {
	width:183px;
	height:100px;
}

ul.rightmailbtn li a {
	display:block;
	width:183px;
	height:100px;
	text-indent:-10000em;
	background-repeat:no-repeat;
	background-position:50% 0px;
}

ul.rightmailbtn li a:hover {
	background-position:50% -100px;
}
ul.rightmailbtn li.btnmail a {
	background-image:url(img/rightboxmailbt.jpg);
}

#sitemenu_text {
	width: 183px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #2FAACC;
	margin-bottom: 15px;
}

.sitemenu-list
{
	margin: 0;
	padding: 0;
	list-style: none;
	text-align: center;
}

.sitemenu-list-item a
{
	width: 174px;
	padding-top: 5px;
	display: block;
	font-size: 12px;
	text-decoration: none;
	color: #1287A9;
	background-color: #EDFAFF;
	font-weight: bold;
	border-top-width: 1px;
	border-right-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-top-color: #2FAACC;
	border-right-color: #2FAACC;
	border-left-width: 7px;
	border-left-style: solid;
	border-left-color: #2FAACC;
	padding-bottom: 5px;
}

.sitemenu-list-item a:hover
{
	color: #FFFFFF;
	font-weight: bold;
	background-color: #6AD7FF;
}





#foot {
	height: 55px;
	background-image: url(img/mainfoot.jpg);
	padding-right: 30px;
	padding-left: 30px;
	background-repeat: no-repeat;
}

.footin {
	background-image: url(img/foot.jpg);
	background-repeat: no-repeat;
	height: 42px;
}

.footinleft {
	float: left;
	width: 235px;
	padding-top: 15px;
	padding-bottom: 15px;
	color: #FFFFFF;
	padding-left: 15px;
}

.footinright {
	float: right;
	width: 503px;
	padding-top: 25px;
	text-align: right;
	padding-right: 25px;
}

/*----------(Menu Text)----------*/

#menu_text {
	margin-left: 30px;
}

.menu-list
{
	margin: 0;
	padding: 0;
	list-style: none;
	text-align: center;
}

.menu-list-item a
{
	width: 181px;
	height: 14px;
	padding-top: 1px;
	display: block;
	font-size: 12px;
	text-decoration: none;
	margin: 3px;
	color: #FFFFFF;
	background-color: #333333;
	border-top-width: 1px;
	border-right-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-left-style: solid;
	border-top-color: #87D9F1;
	border-right-color: #87D9F1;
	border-left-color: #87D9F1;
}

.menu-list-item a:hover
{
	color: #FFFFFF;
	font-weight: bold;
}


/*----------(Menu Btn)----------*/

#menu_btn {
	padding-left: 30px;
}

ul.btn {
	margin:0px;
	list-style-type:none;
	padding: 0px;
}

ul.btn li {
	width:120px;
	height:30px;
	float: left;
}

ul.btn li a {
	display:block;
	width:120px;
	height:30px;
	text-indent:-10000em;
	background-repeat:no-repeat;
	background-position:50% 0px;
}

ul.btn li a:hover {
	background-position:50% -30px;
}
ul.btn li.btn01 a {
	background-image:url(imge/bt_01.jpg);
}