body {
	color: #666666;
/*	background-image: url(../images/bg_pattern.gif);*/
	margin: 0;
	font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
}
.clear {
	clear: both;
}

strong {
	font-weight: bolder;
	color: #0F4B50;
}

#admin {
	margin-left:10px;
	margin-top:10px;
}

#b {
	background-image: url(../images/b.jpg);
	width:786px;
	margin: 0 auto;
}

.colorful {
	color: #ECAC3E;
	border-bottom: 2px solid #ECAC3E;
	padding: 0 1px;
}
.seperator {
	background: #FFFFFF url(../images/separator_horz.gif) repeat-x left center;
	width: 90%;
	margin: 0 auto;
	height: 10px;
	float: left;
}

.form_wrap {
    width:510px;

}

.form_basic_head {
	background: #FFFFFF url(../images/regist_1.jpg) no-repeat left center;
    height:40px;
    width:510px;
}
.form_basic_title {
	text-align:left;
	font-size:12px;
	color:#666;
	padding-top:9px;
	padding-left:10px;
	font-weight: bold;
}

.form_basic_middle {
	background: #FFFFFF url(../images/regist_2.jpg) repeat-y left center;
    width:510px;
    padding-left:8px;
}
.form_basic_bottom {
	background: #FFFFFF url(../images/regist_3.jpg) no-repeat top center;
    width:510px;
    height:10px;
}

.form_arrow {
    text-align:center;
}

.form_button_head {
	background: #FFFFFF url(../images/button_head.jpg) no-repeat left center;
    height:10px;
    width:510px;
	font-size:0px;
}
.form_button_middle {
	background: #FFFFFF url(../images/button_body.jpg) repeat-y left center;
    width:510px;
    padding-left:8px;
}
.form_button_bottom {
	background: #FFFFFF url(../images/button_bottom.jpg) no-repeat top center;
    width:510px;
    height:10px;
}

table.price {
	background:#CCCCCC none repeat scroll 0 0;
	width:515px;
	margin-top:10px;
}
table.price th {
	/*background: #0066FF;*/
	font-size:11px;
	font-weight: bold;
	background: #ECE9D8 none repeat scroll 0 0;
    border-color:#FFFFFF #DAD5B7 #DAD5B7 #FFFFFF;
    border-style:solid;
    border-width:1px;
	padding-left: 1px;
	padding-right: 1px;
	color: #000;
	text-align: center;
    white-space:nowrap;
	/*border-top: solid 1px #0066FF;*/
}
table.price tr{
	background:none;
    border:0px;
}

table.price td{
	text-align:left;
	background:#FFF;
    border:0px;
	font-size:10px;
	border-left: 1px solid #DDDDDD;
	border-right: 1px solid #DDDDDD;
	border-bottom: 1px solid #DFDFDF;
	border-top: 1px solid #DFDFDF;
	padding-left: 4px;

}

table.price tr.row-a {
	background: #F8F8F8;
}
table.price tr.row-a:hover, tr.row-b:hover {
	background: #DDDDDD;
}

table.price tr.row-b {
	background: #EFEFEF;		
}



table.comment {
	background:none;
	border:0px;
	text-align:left;
	width:250px;
}
table.comment tr{
	background:none;
    border:0px;
}

table.comment td{
	text-align:left;
	background:none;
    border:0px;
	font-size:10px;
}

table.button {
	background:none;
	border:0px;
	width:496px;
}
table.button tr{
	background:none;
    border:0px;
}
table.button td{
	text-align:center;
	background:none;
    border:0px;
}

table.menu {
	background:none;
	border:0px;
}
table.menu tr{
	background:none;
    border:0px;
}
table.menu td{
	text-align:center;
	background:none;
    border:0px;
}



table {
	border-collapse: collapse;
	font-size:12px;
}
th strong {
	color: #fff;
}
th {
	/*background: #0066FF;*/
	/*border-top: solid 1px #0066FF;*/
	font-weight: bold;
	background: #ECE9D8 none repeat scroll 0 0;
    border-color:#FFFFFF #DAD5B7 #DAD5B7 #FFFFFF;
    border-style:solid;
    border-width:1px;
	padding-left: 1px;
	padding-right: 1px;
	color: #000;
	text-align: center;
    white-space:nowrap;

}
th.form {
	background: #EFEFEF;
	/*background: #FFFFFF url(../images/th_back.jpg) repeat-x left center;*/
	height: 29px;
	padding-left: 12px;
	padding-right: 12px;
	color: #111;
	text-align: left;
	/*border-left: 1px solid #0066FF;*/
	/*border-bottom: solid 1px #FFF;*/
	/*border-top: solid 1px #0066FF;*/
	border-color:#DFDFDF;
    border-style:solid;
    border-width:1px;

}
tr {
	height: 30px;
}

td {
	background:#FFF;
	text-align:left;
    border:0px;
	font-size:13px;
	border-left: 1px solid #DDDDDD;
	border-right: 1px solid #DDDDDD;
	border-bottom: 1px solid #DFDFDF;
	border-top: 1px solid #DFDFDF;
	padding-left: 4px;

}


td.first,th.first {
	border-left: 0px;
	color: #9AA646;
}
tr.row-a {
	background: #F8F8F8;
}
tr.row-a:hover, tr.row-b:hover {
	background: #DDDDDD;
}

tr.row-b {
	background: #EFEFEF;		
}

#wrapper {
	background-color: #FFFFFF;
	/*margin: 0 auto;*/
	width: 778px;
	margin-left:4px;
/*	height: 1px;*/
}
#logo {
	background-color: #FFFFFF;
	float: left;
	height: 85px;
	width: 617px;
}
#logo h1 {
	background-color: #FFFFFF;
	background-image: url(../images/logo.gif);
	height: 85px;
	background-position: left center;
	margin: 0 0 0 10px;
	/*padding: 0 0 0 110px;*/
	width: 370px;
}
#logo h1 a {
	/*background-image: url(../images/imageslogo.gif);*/
	background-repeat: no-repeat;
	color: #000;
	font-size: 10px;
	display: block;
	width: 100%;
	height: 100%;
	text-decoration: none;
}
#code {
	/*position: absolute;*/
    /*top:5px;*/
    /*left:728px;*/
    margin-top:5px;
	display:block;
	background: #FFFFFF url(../images/code.jpg) no-repeat 0px;
	float: left;
	height: 44px;
	width: 154px;
    text-indent: -9999px;
}
#email a{
	display:block;
	background: #FFFFFF url(../images/info.jpg) no-repeat 0px;
	float: left;
	height: 22px;
	width: 77px;
	margin-top: 10px;
	text-align:right;
}
#header2 {
	height: 9px;
	width: 100%;
	margin: 0;
	float: left;
	background: #FFFFFF url(../images/header2.jpg) no-repeat 0px;
	padding: 0;
	position: relative;
	border: none;
}
#header3 {
	height: 18px;
	width: 100%;
	margin: 0;
	float: left;
	background: #FFFFFF url(../images/p_header.jpg) no-repeat 0px;
	padding: 0;
	position: relative;
	border: none;
}


#header {
	height: 185px;
	width: 100%;
	margin: 0;
	float: left;
	background: #FFFFFF url(../images/header.jpg) no-repeat 0px;
	padding: 0;
	position: relative;
	border: none;
}
#header ul {
	margin: 0;
	padding: 0;
	text-align: right;
	width: 504px;
	position: absolute;
	left: 305px;
	top: 1px;
}
#header li {
	display: inline;
	font-weight: bolder;
	text-transform: uppercase;
}






a {
	color: #ECAC3E;
	/*text-decoration: none;*/
}

#sub {
    width:767px;
	background-color: #FFFFFF;
    padding: 11px 0px 0px 11px;
	float:left;
	font-size:12px;
}
#content {
	width: 370px;
	margin: 0;
	background-color: #FFFFFF;
	float: left;
	padding: 11px 8px 0 11px;
}
#content2 {
	width: 525px;
	margin: 0;
	background-color: #FFFFFF;
	float: left;
	padding: 11px 8px 0 11px;
}
#content3 {
	width: 759px;
	margin: 0;
	background-color: #FFFFFF;
	float: left;
	padding: 11px 8px 0 11px;
}
#content3 p{
    font-size:13px;
	line-height:140%;
}
#content4 {
	width: 400px;
	margin: 0;
	background-color: #FFFFFF;
	float: left;
	padding: 11px 8px 0 11px;
}
#content4 p{
    font-size:13px;
	line-height:140%;
}
#content2 img.flow{
	float:left;
	margin:0 5px 0 0;
	border:0px;
}
#content img.center{
	text-align:center;
	margin:5px;
	border:0px;
}
#content2 img.center{
	text-align:center;
	margin:5px;
	border:0px;
}
#content img.right{
	text-align:right;
	margin:1px;
}
#content p{
    font-size:13px;
	line-height:140%;
}
#content2 p{
    font-size:13px;
	line-height:140%;
}

#content2 #policy p{
    font-size:11px;
	line-height:140%;
}
#content2 #policy ol li{
    font-size:11px;
	line-height:140%;
	margin-left:40px;
}
#content2 p.conv{
    font-size:14px;
	line-height:170%;
	margin-left:10px;
}
#content2 p.down{
    font-size:11px;
	margin:10px;
	line-height:140%;
}

div.plan {
    margin-left:10px;
}

#k_plan a {
    background:transparent url(../images/k_plan.jpg) no-repeat scroll left top;
	display:block;
	height:237px;
    text-indent: -9999px;
	width:246px;;
/*	margin:10px 8px 10px 9px;*/
	float:left;
}

div #k_plan a:hover {
    background:transparent url(../images/k_plan.jpg) no-repeat scroll 0 -237px;
}

#m_plan a {
    background:transparent url(../images/m_plan.jpg) no-repeat scroll left top;
	display:block;
	height:237px;
    text-indent: -9999px;
	width:246px;
/*	margin:10px 8px 10px 9px;*/
	float:left;
}

div #m_plan a:hover {
    background:transparent url(../images/m_plan.jpg) no-repeat scroll 0 -237px;
}



#sidebar {
	margin: 0;
	width: 370px;
	float: right;
	background-color: #FFFFFF;
	padding: 11px 8px 0 11px;
}
#sidebar2 {
	margin: 0;
	width: 215px;
	float: right;
	background-color: #FFFFFF;
	padding: 11px 8px 0 11px;
}
#sidebar img.center{
	text-align:center;
	margin:5px;
	border:0px;
}
#sidebar2 img.center{
	text-align:center;
	margin:5px;
	border:0px;
}
#sidebar2 img.center-no-margin{
	text-align:center;
	border:0px;
}

#sidebar p{
    font-size:13px;
	line-height:140%;
}
#sidebar2 p{
    font-size:13px;
	line-height:140%;
}

h2#top1 {
	background-image: url(../images/top_1.jpg);
	text-indent:-9999px;
	font-size:0px;
	display:block;
	width:525px;
	height:30px;
	padding:0;
	margin-bottom:10px;
}
h2#top2 {
	background-image: url(../images/top_2.jpg);
	text-indent:-9999px;
	font-size:0px;
	display:block;
	width:370px;
	height:30px;
	padding:0;
	margin-bottom:10px;
}
h2#top3 {
	background-image: url(../images/top_3.jpg);
	text-indent:-9999px;
	font-size:0px;
	display:block;
	width:525px;
	height:30px;
	padding:0;
	margin-top:20px;
	margin-bottom:10px;
}
h2#top4 {
	background-image: url(../images/top_4.jpg);
	text-indent:-9999px;
	font-size:0px;
	display:block;
	width:525px;
	height:30px;
	padding:0;
	margin-top:20px;
	margin-bottom:10px;
}
h2#top5 {
	background-image: url(../images/top_5.jpg);
	text-indent:-9999px;
	font-size:0px;
	display:block;
	width:525px;
	height:30px;
	padding:0;
	margin-top:20px;
	margin-bottom:10px;
}

h2#h1 {
	background-image: url(../images/h1.jpg);
	text-indent:-9999px;
	display:block;
	width:514px;
	height:94px;
	padding:0;
}
h2#h2 {
	background-image: url(../images/h2.jpg);
	text-indent:-9999px;
	display:block;
	width:514px;
	height:94px;
	padding:0;
}
h2#k1 {
	background-image: url(../images/j3.jpg);
	text-indent:-9999px;
	display:block;
	width:514px;
	height:94px;
	padding:0;
}
h2#a1 {
	background-image: url(../images/a1.jpg);
	text-indent:-9999px;
	display:block;
	width:514px;
	height:94px;
	padding:0;
}
h2#k-detail {
	background-image: url(../images/k_plan_detail.jpg);
	text-indent:-9999px;
	display:block;
	width:514px;
	height:94px;
	padding:0;
	font-size:0px;
	margin-bottom:10px;
}

h2#m-detail {
	background-image: url(../images/m_plan_detail.jpg);
	text-indent:-9999px;
	display:block;
	width:514px;
	height:94px;
	padding:0;
	font-size:0px;
	margin-bottom:10px;
}

h2#q1 {
	background-image: url(../images/q1.jpg);
	text-indent:-9999px;
	display:block;
	width:514px;
	height:94px;
	padding:0;
	font-size:0px;
	margin-bottom:10px;
}

h2#p1 {
	background-image: url(../images/p1.jpg);
	text-indent:-9999px;
	display:block;
	width:514px;
	height:94px;
	padding:0;
	font-size:0px;
	margin-bottom:10px;
}

div.announse-important {
    background-color:#FFB6C1;
	font-size:11px;
    margin:10px;
	padding:10px;
	color:#000;
	width:480px;
}

div.announse2 {
	border: 1px dotted #DDDDDD;
	font-size:11px;
    margin:10px;
	padding:10px;
	color:#000;
	width:480px;
}

div.announse {
    background-color:#f0e68c;
	font-size:11px;
    margin:10px;
	padding:10px;
	color:#000;
	width:480px;
}
span.attention {
    color:orange;
	font-weight: bold;
}
div.f {
    background-color:orange;
	font-size:12px;
    margin:10px;
	padding:10px;
	font-weight: bold;
}

div.q {
    background-color:#EEEEEE;
	font-size:12px;
    margin:10px;
	padding:10px;
	font-weight: bold;
}

div.ask {
    background-color:#EEEEEE;
	font-size:12px;
    margin:10px;
	padding:10px;
}

div.reply {
    background-color:#DEDEDE;
	font-size:12px;
    margin:10px;
	padding:10px;
}
div.a {
	font-size:12px;
    margin:10px 10px 10px 40px;
	padding:10px;
}

div.suggest {
	font-size:12px;
    margin:10px 10px 10px 40px;
    text-align:right;
	padding:10px;
}


div.login_name {
	margin-top:10px;
	background-color:#EEE;
	display:block;
	width:195px;
    padding:10px;
    font-size:11px;
}

div.login-partners {
	margin-top:10px;
	background-image: url(../images/login_partners.jpg);
	display:block;
	width:215px;
	height:170px;
}
div.loginform-partners {
   padding-top:38px;
   padding-left:20px;
   padding-right:20px;
   font-size:10px;
}
div.loginform input{
	margin-bottom:5px;
}


div.login {
	margin-top:10px;
	background-image: url(../images/login.jpg);
	display:block;
	width:215px;
	height:170px;
}
div.loginform {
   padding-top:38px;
   padding-left:20px;
   padding-right:20px;
   font-size:10px;
}
div.loginform input{
	margin-bottom:5px;
}
input.w164 {
	margin-bottom:5px;
	width:164px;
}

div.loginform-center{
	text-align:center;
	color="orange";
	font-size:10px;
}

div.loginform-center a{
	color="orange";
	font-size:9px;
}

div.seo-head {
	margin-top:10px;
	background-image: url(../images/seo_head.jpg);
	display:block;
	width:215px;
	height:39px;
}

div.news-head {
	margin-top:10px;
	background-image: url(../images/news_head.jpg);
	display:block;
	width:215px;
	height:39px;
}

div.news-body {
	background:transparent url(../images/news_body.jpg) repeat scroll left top
}
div.news-contents {
    padding:10px;
	font-size:10px;
	border-bottom: 1px dotted #DDDDDD;
	
}
div.news-bottom {
	background-image: url(../images/news_bottom.jpg);
	display:block;
	width:215px;
	height:21px;
	margin-bottom:10px;
}

div.news-more {
	text-align: right;
    font-size:9px;
    margin-right:15px;
}

div.shiharai {
	text-align: center;
    padding-top:10px;
}


div.notice {
	border:1px dotted;
	width:450px;
	margin:10px 0 10px 20px;
	padding:10px;
    font-size:12px;
}

textarea.member_k{
    width:510px;
	font-size:11px;
	height:140px;

}

span.ote {
    color:blue;
}
span.hou {
    color:orange;
}

span.ethna-error {
    color:red;
    font-size:11px;
}


input.w180{
 padding:3px;
 width:180px;
}
input.w282{
 padding:3px;
 width:282px;
 margin: 5px 0 5px 0;
}

textarea.w180{
 padding:3px;
 width:180px;
}
textarea.w282{
 padding:3px;
 width:282px;
}
select.w282{
 padding:3px;
 width:282px;
}

select.w100{
 padding:3px;
 width:100px;
}



input.w50{
 padding:3px;
 width:50px;
}
input.w100{
 padding:3px;
 width:100px;
}

h1 {
	font-size: 18px;
	line-height: 24px;
	color: #746F51;
/*	background-image: url(../images/category.jpg);*/
	background-repeat: no-repeat;
	background-position: left center;
	display: block;
/*	margin: 17px 4px;*/
	height: 24px;
	width: 300px;
	padding-left: 10px;
	font-weight: lighter;
	float: left;
	clear: both;
}
a:hover, a:visited {
	color: #000000;
}

.more:link, .more:visited {
	text-decoration: none;
	font-weight: bold;
	color: #BEC2AA;
	display: block;
	float: left;
	margin: 3px 2px 3px 5px;
	line-height: 30px;
	padding: 0 5px;
}
.fix {
	display: block;
	margin: 0px;
	padding: 0px;
	float: left;
	height: 20px;
	width: 65px;
	color: #000000;
	font-weight: bold;
	font-size: 12px;
}
.fix2 {
	margin-left: 10px;
	display: block;
	float: right;
}



.more:hover {
	text-decoration: none;
	background-color: #BEC2AA;
	color: #EEEFEA;
}
#header li a, #header li a:visited {
	display: block;
	margin: 0px 5px 0px 0px;
	padding: 0 10px;
	width: 70px;
	float: left;
	line-height: 40px;
	text-align: center;
	color: #ECAC3E;
}

.sub_head {
	font-weight: bold;
	padding-top: 5px;
}

.justify {
	text-align: justify;
}

.norm_link:hover {
	text-decoration: underline;
}
#form1 input, #form1 textarea {
	font-family: "Trebuchet MS";
	color: #746F51;





	border: 1px solid #;
	border: 1px solid #ECAC3E;
	font-size: 11px;
	width: 140px;
}
#form1 textarea:hover, #form1 input:hover {
	border: 1px solid #746F51;
}
#form1 {
	width: 239px;
}



.img_thumb {
	border: 5px solid #e7e7e7;
	height: 69px;
	width: 113px;
	margin: 3px;
	clear: both;
	padding: 0;
	float: left;
}
.portfolio_head {
	font-weight: bold;
	color: #000000;
}
h3 {
	font-size: 11px;
	line-height: 15px;
	font-weight: bold;
	color: #000000;
	margin: 5px 0;
	padding: 2px 0;
	display: block;
	width: 99%;
	float: left;
}
#footer {
	background-color: #FFFFFF;
	background-repeat: no-repeat;
	width: 100%;
	clear: both;
	/*text-indent: 10px;*/
	text-align:center;
	padding: 10px 0 10px 0;
	font-size:10px;
	border-top:2px solid #CCC;
}

#footer a{
	color: #BBB;
	text-decoration: none;
	font-size:10px;
}

#content ul {
	margin: 0px;
	padding: 0px;
	float: left;
	height: 80px;
	width: 299px;
	list-style-type: none;
}


.img_prev {
	height: 30px;
	width: 248px;
	border: 5px solid #e7e7e7;
	padding: 0;
	margin: 0;
}

.img_thumb:hover {

	border: 5px solid #000000;
}
.img_prev:hover {
	border: 5px solid #000000;
}
.norm_link {
	color: #177B7B;
	text-decoration: none;
}

abbr {
	color: #ECAC3E;
	border-bottom: 1px dotted #ECAC3E;
}
p {
	margin: 2px 0;
	padding: 0px;
	display: block;
}

p.down {
    font-size:10px;
	margin:10px;
	line-height:140%;
}

h2 {
	font-size: 16px;
	line-height: 28px;
	padding: 3px 0;
}
h2 span {
	color: #666666;
}
.home {
	background-color: #FFFFFF;
	display: block;
	margin: 0;
	padding: 0px;
	float: left;
	height: 85px;
	width: 75px;
}
.home a {
	background-image: url(../images/home_up.gif);
	background-repeat: no-repeat;
	display: block;
	width: 50px;
	height: 68px;
	margin: 0;
	padding: 0 0 0 25px;
	background-position: left center;
	line-height: 68px;
	color: #666666;
}
.home a:hover {
	background-image: url(../images/home_over.gif);
}

.commentbox{
	background-color: #ECECEC;
	width: 80%;
	padding: 10px;
	margin: 0 auto;
	float: left;
}

.commentfooter{
	background: url(../images/arrow.gif) 40px 0 no-repeat; /*20px 0 equals horizontal and vertical position of arrow. Adjust as desired (ie: 20px -5px).*/
	padding-left: 30%;
	padding-top: 1px;
	margin-bottom: 2em;
	font-size: 90%;
	color: #4A4A4A;
	float: left;
	width: 60%;
}
.welcome {
	width: 80%;
	margin: 0;
	padding: 0;
	float: left;
}
#content li {
	display: block;
	float: left;
	width: 350px;
	padding: 5px 0;
	clear: both;
	margin: 1px 0;
}
.invisible {
	color: #FFFFFF;
}
td a {
	color: #333333;
}
h5 {
	font-size: 108%;
	color: #E59700;
}
#header li a:hover {
	background: url(../images/nav-hover.gif) repeat-x;
}

myshow { text-decoration:none;color:blue; } /* クラス名myshow の文字飾り none、文字色 blue */
a:hover { color:green; }/* マウスが来たときの文字色 green */

a.myshow span {
  display:none; padding:5px; margin-left:10px; width:150px;
  border:1px solid #cccccc; color:#000033;background-color:#ffffff;
 }
a.myshow:hover span{ display:inline; position:absolute; }

a.myshow font {
display:none; padding:25px; margin-left:70px; width:200px;
  border:2px solid #cccccc;background-color:#ffffff;
 }
a.myshow:hover font { display:inline;color:red; position:absolute;}
