body {
	background: url(../images/bg.jpg) no-repeat center top;
	margin: 0;
	padding: 0;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Osaka", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	letter-spacing: 0.005em;
	float: none;
}

em, strong, p, td, ul, ol, li, dl, dt, li, h1, h2, h3, h4, h5, h6, caption  {
	text-align: left;
}

img {
	border: none;
}

a {	color: #006600;
}

a:focus{
	outline:none;
}

#wrapper {
	clear: both;
	background: url(../images/bg_main.jpg) repeat-y;
	padding: 0px;
	width: 820px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}

div#top {
	margin: 0px;
	padding: 0px;
}

#top h1 {
	background: url(../images/bg_top.jpg) no-repeat top;
	text-indent: -9999px;
	margin: 0px;
	padding: 0px;
	height: 286px;
	width: 820px;
}


#top div#header {
	background: url(../images/header.jpg) no-repeat top;
	margin: 0px 
	padding: 0px;
	height: 167px;
	width: 820px;
}


#menu {
	margin: 0px 12px 0px;
	padding: 0px;
	height: 48px;
	width: 796px;
	clear: left;
	overflow: hidden;
	position: relative;
	visibility: visible;
}

div#menu ul {
	margin: 0px;
	padding: 0px;
	float: left;
	height: 48px;
	width: 796px;
	text-align: left;
}
div#menu ul li {
	list-style: none;
	margin: 0px;
	padding: 0px;
	height: 48px;
	display: block;
	float: left;
	text-indent: -9999px;
	
}
div#menu ul li a {
	width: auto;
	height: 48px;
	display: block;
	text-decoration: none;
	text-indent: -9999px;
}
.gnavi1,.gnavi1_2,.gnavi1 a:hover,.gnavi2,.gnavi2_2,.gnavi2 a:hover,.gnavi3,.gnavi3_2,.gnavi3 a:hover,.gnavi4,.gnavi4_2,.gnavi4 a:hover,.gnavi5,.gnavi5_2,.gnavi5 a:hover {height: 48px; font-size: 9px; width: 130px;}
.gnavi6,.gnavi6_2,.gnavi6 a:hover {height: 48px;font-size: 9px;width: 146px;}

.gnavi1 {background: url(../images/gn_top.jpg) no-repeat;}
.gnavi1_2, .gnavi1 a:hover {
	background: url(../images/gn_top.jpg) no-repeat;
	background-position: bottom left;}

.gnavi2 {
	background: url(../images/gn_description.jpg) no-repeat;
}
.gnavi2_2,.gnavi2 a:hover {
	background: url(../images/gn_description.jpg) no-repeat;
	background-position: bottom left;
}
.gnavi3 {
	background: url(../images/gn_example.jpg) no-repeat;
}
.gnavi3_2,.gnavi3 a:hover {
	background: url(../images/gn_example.jpg) no-repeat;
	background-position: bottom left;
}
.gnavi4 {
	background: url(../images/gn_menu1.jpg) no-repeat;
}
.gnavi4_2,.gnavi4 a:hover {
	background: url(../images/gn_menu.jpg) no-repeat;
	background-position: bottom left;
}
.gnavi5 {
	background: url(../images/gn_profile1.jpg) no-repeat;
}
.gnavi5_2,.gnavi5 a:hover {
	background: url(../images/gn_profile.jpg) no-repeat;
	background-position: bottom left;
}
.gnavi6 {
	background: url(../images/gn_contact.jpg) no-repeat;
}
.gnavi6_2,.gnavi6 a:hover {
	background: url(../images/gn_contact.jpg) no-repeat;
	background-position: bottom left;
}





div#contents {
	background: url(../images/bg_main.jpg) repeat-y;
	margin: 0px;
	padding: 0px;
	width: 820px;
}


#headerbg1 h1 {
	text-indent: -9999px;
	margin: 30px auto 20px  39px ;
	padding: 0px;
	height: 113px;
	width: 744px;
	float: none;
}


#header a {
	height: 100px;
	width: 330px;
	display: block;
	padding-top: 50px;
	padding-left: 20px;
	text-indent: -9999px;
}

#blogheader a {
	height: 49px;
	width: 210px;
	display: block;
	text-indent: -9999px;
}


h1.example {
	background: url(../images/h1_example.jpg) no-repeat;
}

h1.description {
	background: url(../images/h1_description.jpg) no-repeat;
}

h1.menu {
	background: url(../images/h1_menu.jpg) no-repeat;
}

h1.profile {
	background: url(../images/h1_profile.jpg) no-repeat;
}
h1.contact {
	background: url(../images/h1_contact.jpg) no-repeat;
}
h1.privacy {
	background: url(../images/h1_privacy.jpg) no-repeat;
}




div#contents p.subtitle_description {
	text-indent: -9999px;
	margin: 0px 39px 0px;
	padding: 0px;
	height: 80px;
	width: 744px;
	background: url(../images/subtitle_description.jpg) no-repeat;
}

div#contents p.subtitle_description2 {
	text-indent: -9999px;
	margin: 0px 39px 0px;
	padding: 0px;
	height: 150px;
	width: 744px;
	background: url(../images/subtitle_description.jpg) no-repeat;
	clear: both;
	float: none;
}

div#contents p.subtitle_example {
	text-indent: -9999px;
	margin: 0px 39px 0px;
	padding: 0px;
	height: 115px;
	width: 744px;
	background: url(../images/subtitle_example.jpg) no-repeat;
}

div#contents p.subtitle_example2 {
	text-indent: -9999px;
	margin: 0px 39px 0px;
	padding: 0px;
	height: 115px;
	width: 744px;
	background: url(../images/subtitle_example2.jpg) no-repeat;
	display: block;
}




h2.description1, h2.description2, h2.example1, h2.example2, h2.menu1, h2.menu2, h2.menu3, h2.menu4, h2.menu5, h2.profile1, h2.contact1, h2.contact2, h2.contact3, h2.contact4, h2.contact5, h2.privacy1, h2.privacy2, h2.privacy3, h2.privacy4, h2.privacy5 {
	text-indent: -9999px;
	margin: 0px 39px 0px;
	padding: 0px;
	height: 83px;
	width: 744px;
	clear: both;
	float: none;
}

h2.description1 {
	background: url(../images/h2_description1.jpg) no-repeat;
}
h2.description2 {
	background: url(../images/h2_description2.jpg) no-repeat;
}
h2.example1 {
	background: url(../images/h2_example1.jpg) no-repeat;
}
h2.example2 {
	background: url(../images/h2_example2.jpg) no-repeat;
}
h2.menu1 {
	background: url(../images/h2_menu1.jpg) no-repeat;
}
h2.menu2 {
	background: url(../images/h2_menu2.jpg) no-repeat;
}
h2.menu3 {
	background: url(../images/h2_menu3.jpg) no-repeat;
}
h2.menu4 {
	background: url(../images/h2_menu4.jpg) no-repeat;
}

h2.menu5 {
	background: url(../images/h2_menu5.jpg) no-repeat;
}
h2.profile1 {
	background: url(../images/h2_profile1.jpg) no-repeat;
}
h2.contact1 {
	background: url(../images/h2_contact1.jpg) no-repeat;
}
h2.contact2 {
	background: url(../images/h2_contact2.jpg) no-repeat;
}
h2.contact3 {
	background: url(../images/h2_contact3.jpg) no-repeat;
}
h2.contact4 {
	background: url(../images/h2_contact4.jpg) no-repeat;
}
h2.contact5 {
	background: url(../images/h2_contact5.jpg) no-repeat;
}

h2.privacy1 {
	background: url(../images/h2_privacy1.jpg) no-repeat;
}
h2.privacy2 {
	background: url(../images/h2_privacy2.jpg) no-repeat;
}
h2.privacy3 {
	background: url(../images/h2_privacy3.jpg) no-repeat;
}
h2.privacy4 {
	background: url(../images/h2_privacy4.jpg) no-repeat;
}

h2.privacy5 {
	background: url(../images/h2_privacy5.jpg) no-repeat;
}


#contents div.txtbox {
	margin: 0px 39px;
	padding: 0px;
	width: 734px;
	clear: right;
	float: none;
}

#contents div.txtbox p {
	margin: 0px 30px 10px;
	font-size: 13px;
	line-height: 180%;
	color: #666666;
	padding: 0px;
	width: 430px;
	float: left;
	clear: none;
}


#contents div.txtbox2 {
	margin: 0px 0px 0px 39px;
	padding: 0px;
	width: 749px;
	clear: right;
	float: none;
}

#contents div.txtbox2 p {
	margin: 0px 0px 10px 30px;
	font-size: 13px;
	line-height: 180%;
	color: #666666;
	padding: 0px;
	width: 410px;
	clear: none;
}


#contents div.txtbox_s {
	margin: 0px 39px 0px;
	padding: 0px;
	height: auto;
	width: 744px;
	clear: both;
	float: none;
	display: block;
}

#contents div.txtbox_s p {
	margin: 0px 30px 10px 0px ;
	font-size: 13px;	line-height: 180%;
color: #666666;
	padding: 0px;
	height: auto;
	width: 440px;
	float: left;
	clear: none;
}

#contents div.txtbox2 p.wide550 {
	margin: 20px 30px 10px 30px;
	font-size: 13px;	line-height: 180%;
color: #666666;
	padding: 0px;
	height: auto;
	width: 700px;
	float: left;
	clear: none;
}



#contents div.txtbox_wide  {
	margin: 0px 83px 20px;
	padding: 0px;
	height: auto;
	width: 660px;
	clear: both;
	float: none;
	display: block;
}

#contents div.txtbox_wide p {
	margin: 0px 0px 10px;
	font-size: 13px;	line-height: 180%;
	color: #666666;
	padding: 5px;
	height: auto;
	float: none;
	clear: none;
}


#contents div.margin {
	height: 50px;
	width: 440px;
	float: none;
	clear: both;
}

#contents div.margin_m {
	height: 35px;
	width: 440px;
	float: left;
	clear: both;
}

#contents div.margin_s {
	height: 10px;
	width: 440px;
	float: none;
	clear: both;
}

img.description1 {
	float: left;
	clear: none;
}

img.description2 {
	float: right;
	clear: none;
}

#contents div.nextpage {
	margin: 20px 39px 20px;
	padding: 0px;
	height: auto;
	width: 744px;
	clear: both;
	float: none;
	text-align: right;
}

.nextpage ul {
	list-style: none;
	padding: 0px;
	margin: 15px auto 15px 383px ;
}
.nextpage ul li a {
	list-style: none;
	text-indent: -9999px;
	display: block;
	padding: 0px;
	margin: 0px;
}

.nextpage ul.description li a {
	height: 41px;
	width: 296px;
	background: url(../images/btn_example.jpg) no-repeat;
}

.nextpage ul.description li a:hover {
	height: 41px;
	width: 296px;
	background: url(../images/btn_example.jpg) no-repeat;
	background-position: bottom;
}

.nextpage ul.example li a {
	height: 41px;
	width: 296px;
	background: url(../images/btn_menu.jpg) no-repeat;
}

.nextpage ul.example li a:hover {
	height: 41px;
	width: 296px;
	background: url(../images/btn_menu.jpg) no-repeat;
	background-position: bottom;
}

.nextpage ul.menu li a {
	height: 41px;
	width: 296px;
	background: url(../images/btn_profile.jpg) no-repeat;
}

.nextpage ul.menu li a:hover {
	height: 41px;
	width: 296px;
	background: url(../images/btn_profile.jpg) no-repeat;
	background-position: bottom;
}

.nextpage ul.profile li a {
	margin: 0px auto 0px 30px ;
	height: 43px;
	width: 266px;
	background: url(../images/btn_form.jpg) no-repeat;
}

.nextpage ul.profile li a:hover {
	margin: 0px auto 0px 30px ;
	height: 43px;
	width: 266px;
	background: url(../images/btn_form.jpg) no-repeat;
	background-position: bottom;
}


ul.form {
	list-style: none;
	padding: 0px;
	margin: 15px 0px 15px 200px ;
	height: 43px;
	width: 266px;
}
ul.form li a {
	list-style: none;
	text-indent: -9999px;
	display: block;
	padding: 0px;
	margin: 0px;
	height: 43px;
	width: 266px;
	background: url(../images/btn_form.jpg) no-repeat;
}

ul.form li a:hover {
	background: url(../images/btn_form.jpg) no-repeat;
	background-position: bottom left;
}

#contents div.main_index {
	background: url(../images/main_index_bg.jpg) no-repeat 43px 78px;
	margin: 0px;
	padding: 0px;
	display: block;
	width: 820px;
	height: 315px;
}

h2.index {
	background: url(../images/index_h2.gif) no-repeat 43px 78px;
	text-indent: -9999px;
	margin: 45px 0px 0px 87px ;
	padding: 0px;
	height: 20px;
	width: 267px;
	background-repeat: no-repeat;
	background-position: left;
}

.main_index p {
	font-size: 13px;	line-height: 180%;
color: #666666;
	margin: 33px 0px auto 222px;
	padding: 0px;
	height: auto;
	width: 297px;
}
.main_index ul.navi {
	list-style: none;
	padding: 0px;
	margin: 15px 0px 15px 264px ;
	height: 41px;
	width: 257px;
}
.main_index ul.navi li a {
	list-style: none;
	text-indent: -9999px;
	display: block;
	padding: 0px;
	margin: 0px;
	height: 41px;
	width: 257px;
	background: url(../images/btn_description1.jpg) no-repeat;
}

.main_index ul.navi li a:hover {
	background: url(../images/btn_description2.jpg) no-repeat;
}


div.mainleft {
	margin: 0px ;
	padding: 0px;
	clear: none;
	float: left;
}
div.mainright {
	padding: 0px;
	clear: right;
	float: left;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 52px;
	display: block;
}


/* header */

#headerbg1 {
	margin: 0px;
	padding: 0px;
	height: auto;
	width: auto;
	background-image: url(../images/header2.jpg);
	background-repeat: no-repeat;
}
#headerbg2 {
	background: url(../images/header2.jpg);
	height: auto;
	margin: 0px;
	padding: 0px;
	width: auto;
	background-repeat: no-repeat;
}




/* footer */

#footer {
	margin: 0px;
	height: 70px;
	width: 820px;
	background: url(../images/bg_footer.jpg);
	clear: both;
	float: none;
	padding-top: 40px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}

#footer p,#footer p a  {
	font-size: 12px;
	line-height: 140%;
	color: #FFFFFF;
	text-align: center;
	height: auto;
	margin: 0px;
	padding: 0px;
	text-decoration: none;
}

#footer p a:hover {
	text-decoration: underline;
}
#footer .copy {
	color: #B9D260;
}


#footer p.indexfooter,#footer p.indexfooter a  {
	font-size: 12px;
	line-height: 140%;
	color: #FFFFFF;
	text-align: center;
	width: 820px;
	height: auto;
	margin: 0px;
	padding: 0px;
	text-decoration: none;
}

#footer p.indexfooter a:hover {
	text-decoration: underline;
}


/* breadcrumb */


#breadcrumb {
	margin: 0px;
	padding: 10px 0px;
	height: 50px;
	width: 820px;
	clear: both;
	float: none;
	background-image: url(../images/breadcrumb.jpg);
	background-position: center;
	background-repeat: no-repeat;
}

#breadcrumb p {
	font-size: 13px;
	line-height: 100%;
	color: #666666;
	text-align: right;
	height: auto;
	padding: 25px 100px 0px 0px;
	text-decoration: none;
	margin: 0px;
}
#breadcrumb p a {
	color: #666666;
	text-decoration: none;
} 

#breadcrumb p a:hover {
	text-decoration: underline;
}


/* contact */


div.contactheader {
	margin: 0px;
	padding: 0px;
	height: 15px;
	width: 650px;
	background-image: url(../images/contact_header.gif);
	background-position: center;
	background-repeat: no-repeat;
	font-size: 0px;
}

div.contactheader2 {
	margin: 0px;
	padding: 0px;
	height: 60px;
	width: 650px;
	background-image: url(../images/contact_header2.gif);
	background-position: center;
	background-repeat: no-repeat;
}

div.contactheader3 {
	margin: 0px;
	padding: 0px;
	height: 60px;
	width: 650px;
	background-image: url(../images/contact_header3.gif);
	background-position: center;
	background-repeat: no-repeat;
}

div.contactbody {
	margin: 0px;
	padding: 0px;
	width: 650px;
	clear: both;
	float: none;
	background-image: url(../images/contact_body.gif);
	background-position: center;
	background-repeat: repeat-y;
}
div.contactfooter {
	margin: 0px;
	padding:0px;
	height: 50px;
	width: 650px;
	clear: both;
	float: none;
	background-image: url(../images/contact_footer.gif);
	background-position: center top;
	background-repeat: no-repeat;
}


#contents .contactbody dl {
	margin: 0px;
	padding: 0px;
	background-image: url(../images/contact_body.gif);
}

#contents .contactbody dt {
	font-size: 13px;
	color: #006600;
	text-indent: 20px;
	background-image: url(../images/contact_body.gif);
	margin: 0px;
	padding-top: 20px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
#contents .contactform {
	text-align: center;
}


#contents p.error {
	color: #FF3300;
	margin: 0px;
	padding: 40px;
	background-image: url(../images/contact_body.gif);
}


/* form */

#contents div.contactbody p.error {
	color: #FF3300;
	margin: 0px;
	padding: 10px 20px 0px;
}



/* blog */

h2#blogheader {
	background-image: url(../images/blog_header.gif);
	background-repeat: no-repeat;
	text-indent: -9999px;
	padding: 0px;
	height: 49px;
	width: 210px;
	margin: 25px auto 0px 0px;
}

div#blog {
	padding: 25px 45px 0px 0px;
	width: 190px;
	margin: 0px;
	background-repeat: repeat-y;
	background-image: url(../images/blog_body.gif);
}


ul#blogrss {
	margin: 0px;
	padding: 0px;
	background-repeat: repeat-y;
	background-image: url(../images/blog_body.gif);
	color: #006600;
	list-style-type: none;
}

ul#blogrss li {
	padding: 0px 0px 9px 40px;
	font-size: 11px;
	color: #006600;
	margin: 0px;
	background-repeat: no-repeat;
	height: auto;
	width: 160px;
	background-image: url(../images/blogicon.gif);
	background-position: 19px top;
}


#blogrss li a {
	font-size: 12px;
	line-height: 110%;
	color: #006600;
	text-decoration: none;
	margin: 0px;
	padding: 0px;
}

#blogrss li a:hover {
	text-decoration: underline;
}

#blogrss li span.date {
	padding: 0px;
	width: 90px;
	height: auto;
	font-size: 11px;
}

#blogrss li span.title {
	margin: 0px;
	padding: 0px;
	width: 160px;
	height: auto;
	list-style-type: none;
}


#blogfooter {
	background-image: url(../images/blog_footer.gif);
	background-repeat: no-repeat;
	margin: 0px;
	padding: 0px;
	height: 15px;
	width: 210px;
	text-indent: -9999px;
	display: block;
}

/* profile */

#contents .txtbox_s .profname {
	font-weight: bold;
	color: #006600;
}


img.profile1  {
	float: left;
	clear: none;
	margin: 0px 0px 150px;
}

ul.proftxt {
	width: 450px;
	float: left;
	list-style-type: disc;
	font-size: 13px;
	line-height: 140%;
	color: #666666;
	text-decoration: none;
	margin: 0px;
	padding: 0px 0px 20px 10px;
}


ul.proftxt li {
	list-style-type: disc;
	margin: 0px 0px 6px 10px;
	padding: 0px;
}



/* menu */


div.menuheader1 {
	text-indent: -9999px;
	margin: 0px 0px 0px 60px;
	padding: 0px;
	height: 45px;
	width: 538px;
	background-image: url(../images/menu_header1.jpg);
	background-position: center;
	background-repeat: no-repeat;
}

div.menuheader2 {
	text-indent: -9999px;
	margin: 0px 0px 0px 60px;
	padding: 0px;
	height: 45px;
	width: 538px;
	background-image: url(../images/menu_header2.jpg);
	background-position: center;
	background-repeat: no-repeat;
}

div.menuheader3 {
	text-indent: -9999px;
	margin: 0px 0px 0px 60px;
	padding: 0px;
	height: 41px;
	width: 538px;
	background-image: url(../images/menu_header3.jpg);
	background-position: center;
	background-repeat: no-repeat;
}

div.menuheader4 {
	text-indent: -9999px;
	margin: 0px 0px 0px 60px;
	padding: 0px;
	height: 51px;
	width: 538px;
	background-image: url(../images/menu_header4.jpg);
	background-position: center;
	background-repeat: no-repeat;
}

div.menubody {
	margin: 0px 0px 0px 60px;
	padding: 0px;
	width: 538px;
	clear: both;
	float: none;
	background-image: url(../images/menu_body.jpg);
	background-position: center;
	background-repeat: repeat-y;
}

div.menubody span.menu1 {
	margin: 0px 20px 0px 35px;
	padding: 0px;
	font-size: 12px;
	line-height: 140%;
	color: #666666;
	display: block;
}
div.menubody span.menu2 {
	margin: 0px;
	padding: 0px 20px 20px 35px;
	font-size: 12px;
	line-height: 130%;
	color: #666666;
	display: block;
}

p#menutxt {
	margin: 0px 0px 20px 60px;
}

.txtbox_wide ul.menuul {
	margin: 0px auto 0px 15px;
	padding: 0px;
}


.txtbox_wide ul.menuul li {
	margin: 0px auto 5px 0px;
	font-size: 13px;
	line-height: 130%;
	color: #666666;
	padding: 0px;
}



table.menu {
	margin: 0px;
	padding: 16px 0px 0px;
	background-image: url(url(../images/contact_body.gif));
	background-repeat: repeat-y;
}


table.menu td {
	font-size: 13px;
	color: #666666;
	text-align: left;
	vertical-align: top;
}


table.menu td.tbttl {
	font-size: 13px;
	font-weight: bold;
	color: #006600;
	text-align: right;
	vertical-align: top;
}





h3.know {
	padding: 0px;
	margin: 15px 30px 10px;
	font-size: 13px;
	font-weight: bold;
	width: 410px;
	clear: none;
	float: left;
	color: #666666;
}


/* description */

div.descriptiontxt {
	float: none;
	clear: right;
}

.txtbox ul.descriptiontxt {
	float: none;
}


.txtbox .descriptiontxt li {
	padding: 0px;
	margin: 15px 0px 5px 10px;
	color: #666666;
	font-size: 13px;
	line-height: 130%;
	float: none;
}
.txtbox2 ul.descriptiontxt {
	float: none;
}


.txtbox2 .descriptiontxt li {
	padding: 0px;
	margin: 15px 0px 5px 10px;
	color: #666666;
	font-size: 13px;
	line-height: 130%;
	float: none;
}

#contents .txtbox p.borderwrap {
	border: 1px #E3EFB1 solid;
	margin-top: 5px;
	margin-bottom: 20px;
	padding: 10px 15px;
	width: 400px;
	background: #F8FAEC;
	}
	
#txtbox-desc2 {
	margin: -10px auto 0;
	width: 680px;
	}

#txtbox-desc2 p.image {
	float: right;
	widht: 270px;
	margin: -5px 0 10px 20px;
	}

#txtbox-desc2 h3 {
	font-size: 80%;
	line-height: 1.4em;
	color: #666;
	margin: 20px 0 10px;
	}

#txtbox-desc2 p {
	font-size: 80%;
	line-height: 1.8em;
	color: #666;
	margin: 0 0 10px;
	}

#txtbox-desc2 ul {
	margin: 20px 0 20px 15px;
	padding-left: 15px;
	}

#txtbox-desc2 ul li {
	font-size: 80%;
	line-height: 1.8em;
	margin-bottom: 8px;
	color: #666;
	}