@charset "utf-8";


/* ━━━━　共通設定　━━━━ */

*{margin:0px;padding:0px;}

html{overflow-y:scroll;}

p{
margin:0;
line-height:1.5em;
}

address{font-style:normal;}

img{border:none;}

* html td{
font-size:90%;
line-height:1.4em;
}

td{
font-size:90%;
line-height:1.4em;
}


/* ━━━━　レイアウト　━━━━ */

body{
	font-family:Arial, Helvetica, sans-serif, ＭＳ Ｐゴシック, Osaka,
	ヒラギノ角ゴ Pro W3;
	font-size:83%;
	color:#333333;
	line-height:1.3;
	text-align:center;
	background:url(/img/common/body_bg.gif) repeat-y center;
	background-color:#ffda33;
}

* html body { /* for IE6 */
	font-size:12px;
}
  
*:first-child+html body { /* for IE7 */
	font-size:12px;
}

ul {
	list-style-position: outside;
	list-style-type: none;
}

ol {
	list-style-position: outside;
}
  
table {
	border-collapse: collapse;
}

legend {
	color: #333;
}

a {
	color: #333;
	text-decoration:underline;
	outline:none;
}

a:hover {
	color: #666;
}

* html #container{width:765px;}

#container{
	width:745px;
	background-color:#fff7be;
	margin:0px auto;
	text-align:left;
	padding:0px 10px;
}

/* ━━━━　フッター　━━━━ */

#footer{
	clear:both;
	background:url(/img/common/footer.jpg) no-repeat;
	width:745px;
	margin-top:20px;
	height:51px;
}


#footermenu {
	border: 0px;
	margin-bottom: 8px;
	text-align: center;
	width: 745px;
	margin-top: 10px;
}

#copyright {
	height: 20px;
	text-align: center;
	font-size: 87%;
	background-color: #fff7be;
	width: 745px;
	padding: 0px;
	margin-top:10px;
}

#copyex {
	text-align: center;
	font-size: 80%;
	background-color: #fff7be;
	width: 745px;
	padding: 0px;
	margin-bottom:10px;
}

#footer_old{
	width:741px;
	height:140px;
	margin:0px auto 0px auto;
	padding:0px;
	text-align:center;
	line-height:180%;
}

#footer span_old{
	font-size:10px;
}

.copy_old{
	width:741px;
	height:60px;
	background:url(../img/common/footer_bar.gif) no-repeat;
	text-indent:-9999px;
}

#page_top_old{
	width:699px;
	height:12px;
	margin:18px auto 4px auto;
	padding:0px;
	text-align:right;
	font-size:11px;
}

#page_top_old a{
	text-decoration:none;
}

#page_top_old img{
	margin-right:6px;
}


/* -----------------------------------------------------------------------------

clearfix

-------------------------------------------------------------------------------- */

.clearfix {
	clear:both;
	margin-bottom:15px;
}

.clearfix_rnw {
	clear:both;
}

/* -----------------------------------------------------------------------------

container

-------------------------------------------------------------------------------- */

#container{
	min-height:6px;
	margin:0px auto;
	padding:0px auto;
}

* #container {
	text-align:center;
}

/* -----------------------------------------------------------------------------

contens

-------------------------------------------------------------------------------- */

#contens{
	width:699px;
	margin:22px auto 0px auto;
	padding:0px;
}

* #contens {
	text-align:left;
}

#contens p{
	padding-top:12px;
}

/* -----------------------------------------------------------------------------

pbox01

-------------------------------------------------------------------------------- */

#pbox01{
	width:699px;
	margin:0px;
	padding:0px;
	background:url(/img/common/box01_bg.gif) repeat-y;
}

#pbox01 .buzzit{
	width:699px;
	height:24px;
	background:url(/img/project/project_h2_04.gif) no-repeat;
	text-indent:-9999px;
}

#pbox01 .maddress{
	width:699px;
	height:24px;
	background:url(/img/project/project_h2_05.gif) no-repeat;
	text-indent:-9999px;
}

#pbox01 .profile_edit{
	width:699px;
	height:24px;
	background:url(/img/project/profile_h2_01.gif) no-repeat;
	text-indent:-9999px;
}

#pbox01 .singup{
	width:699px;
	height:24px;
	background:url(/img/project/profile_h2_02.gif) no-repeat;
	text-indent:-9999px;
}

#pbox01 .resign{
	width:699px;
	height:24px;
	background:url(/img/project/resign_h2_01.gif) no-repeat;
	text-indent:-9999px;
}


#pbox01 .enquete{
	width:699px;
	height:24px;
	background:url(/img/project/enquete_h2_01.gif) no-repeat;
	text-indent:-9999px;
}
#pbox01 .enquete2{
	width:699px;
	height:24px;
	background:url(/img/project/enquete_h2_02.gif) no-repeat;
	text-indent:-9999px;
}
#pbox01 .enquete3{
	width:699px;
	height:24px;
	background:url(/img/project/enquete_h2_03.gif) no-repeat;
	text-indent:-9999px;
}

#pbox01 .contact_info{
	width:699px;
	height:24px;
	background:url(/img/project/contact_h2_01.gif) no-repeat;
	text-indent:-9999px;
}

#pbox01 .partner_corp{
	width:699px;
	height:24px;
	background:url(/img/project/partner_h2_01.gif) no-repeat;
	text-indent:-9999px;
}


/* -----------------------------------------------------------------------------
Feb 2nd 2009 added
-------------------------------------------------------------------------------- */
#pbox01 .buzzlesson{
	width:699px;
	height:24px;
	background:url(/img/project/lesson_tit_bar.gif) no-repeat;
	text-indent:-9999px;
}


#pbox01 .pethealth{
	width:699px;
	height:24px;
	background:url(/img/pethealth/tit_pethealth.gif) no-repeat;
	text-indent:-9999px;
}

/* -----------------------------------------------------------------------------
Feb 4th 2009 added
-------------------------------------------------------------------------------- */
#pbox01 .sb_deocp{
	width:699px;
	height:24px;
	background:url(/img/sb/tit_sb_deocp.gif) no-repeat;
	text-indent:-9999px;
}

#pbox01 .first_step{
	width:699px;
	height:24px;
	background:url(/img/project/about_h2_01.gif) no-repeat;
	text-indent:-9999px;
}

#pbox01 .login{
	width:699px;
	height:24px;
	background:url(/img/project/login_h2_01.gif) no-repeat;
	text-indent:-9999px;
}

#pbox01 .bottom{
	margin:21px 0px 0px 0px;
}

#pbox01 .border01{
	margin-top:20px;
}

#pbox01 .border02{
	margin-bottom:15px;
}

#pbox01 table{
	width:657px;
	text-align:left;
}


#pbox01 th{
	padding:4px 7px 4px 7px;
	font-weight:bold;
	color:#6d3428;
	white-space:nowrap; 
}

#pbox01 td{
	height:42px;
	padding:6px 7px 6px 7px;
}

#pbox01 td a{
	font-weight:bold;
}

#pbox01 td span{
	font-size:10px;
}

#pbox01 h2{
	font-size:16px;
	font-weight:bold;
}

/* -----------------------------------------------------------------------------

box01

-------------------------------------------------------------------------------- */

#box01{
	width:699px;
	margin:24px 0px 0px 0px;
	padding:0px;
	background:url(/img/common/box01_bg.gif);
}

#box01 .bottom{
	margin:15px 0px 0px 0px;
}

/* -----------------------------------------------------------------------------

box02

-------------------------------------------------------------------------------- */

#box02{
	width:699px;
	margin:0px;
	padding:0px;
	background:url(/img/common/box01_bg.gif) repeat-y;
}

#box02 .bottom{
	margin:21px 0px 0px 0px;
}

#box02 .border01{
	margin-top:20px;
}

#box02 .border02{
	margin-bottom:15px;
}

#box02 table{
	width:657px;
	border-top:1px solid #f1a231;
	border-left:1px solid #f1a231;
	text-align:left;
}

#box02 th{
	padding:4px 7px 4px 7px;
	border-bottom:1px solid #f1a231;
	border-right:1px solid #f1a231;
	font-weight:bold;
	background-color:#ffeb61;
	color:#6d3428;
	white-space:nowrap; 
}

#box02 td{
	height:42px;
	padding:6px 7px 6px 7px;
	border-bottom:1px solid #f1a231;
	border-right:1px solid #f1a231;
}

#box02 td a{
	font-weight:bold;
}

#box02 td span{
	font-size:10px;
}

/* -----------------------------------------------------------------------------

box03

-------------------------------------------------------------------------------- */

#box03{
	width:510px;
	margin:0px;
	padding:0px;
	background:url(/img/common/box03_bg.gif);
	float:left;
}

#box03 .bottom{
	margin:15px 0px 0px 0px;
}

/* -----------------------------------------------------------------------------

box04

-------------------------------------------------------------------------------- */

#box04{
	width:179px;
	margin:0px 0px 0px 10px;
	padding:0px;
	background:url(/img/common/box04_bg.gif);
	float:left;
}

#box04 .bottom{
	width:179px;
	margin:0px 0px 0px 0px;
	clear:both;
}

/* -----------------------------------------------------------------------------

box05

-------------------------------------------------------------------------------- */

#box05{
	width:699px;
	margin:0px;
	padding:0px;
	background:url(/img/common/box05_bg02.gif);
}

#box05 .bottom{
	margin:10px 0px 0px 0px;
}

/* -----------------------------------------------------------------------------

box06

-------------------------------------------------------------------------------- */

#box06{
	width:179px;
	margin:10px 0px 0px 10px;
	padding:0px;
	background:url(/img/common/box06_bg.gif);
	float:left;
}

#box06 .bottom{
	margin:15px 0px 0px 0px;
}

/* -----------------------------------------------------------------------------

box07

-------------------------------------------------------------------------------- */

#box07{
	width:699px;
	margin:0px 0px 20px 0px;
	padding:0px;
	background:url(/img/common/box07_bg.gif);
	float:left;
}

#box07 .bottom{
	margin:5px 0px 0px 0px;
}

/* ━━━━　フォーム用カラーテーブル　━━━━ */

#form_tbl_bdy{
	text-align:left;
	width:100%;
	margin:0px 0px 30px 0px;
	padding:0px;
}

#form_tbl{
	width:655px;
	margin:0px auto;
	padding:0px;
	border-left: 1px solid #FFDA33;
	border-right: 1px solid #FFDA33;
	border-bottom: 1px solid #FFDA33;
}

#form_tbl tr{
	margin:0px;
	padding:0px;
	border-top: 1px solid #FFDA33;
}

#form_tbl th{
	width:158px;
	margin:0px;
	padding:6px;
	text-align:left;
	border-top: 1px solid #FFDA33;
	background-color:#FFF7BE;
	line-height:140%;
	font-size:90%;
	_font-size:83%;
	font-weight:bold;
}

#form_tbl th span{
	font-weight:bold;
	color:#CC0000;
}

#form_tbl td{
	width:400px;
	margin:0px;
	padding:6px;
	border-top: 1px solid #FFDA33;
	border-left: 1px dashed #FFDA33;
	background-color:#FFFFFF;
	font-size:90%;
	_font-size:83%;
}

#form_tbl td span{
	font-weight:bold;
}





/* font */
.orange{
	font-weight:bold;
	color:#ff3c00;
}

.brown{
	font-weight:bold;
	color:#6d3428;
}

/* border */
.border03{
	margin:10px 0px;
}