/*
-----------------------------------------------------
Replan WebCenter CSS
Version:	2007.07.05
-----------------------------------------------------
_コンストラクター
_全体のレイアウト
-Topのレイアウト
-質問のレイアウト
-質問中リストのレイアウト
-質問掲示板のレイアウト
-プラン相談レイアウト
-ユーザー情報のレイアウト
-新規登録のレイアウト
-企業マイページのレイアウト
-ご利用方法のレイアウト
-ご利用の流れ


*/

* {	/*--make all to 0 as default--*/
	padding: 0;
	margin: 0;
}

h1, h2, h3, h4, h5, h6 ,p ,address {
	font-size:	100%;
	font-weight: normal;
	font-style:	normal;
}

body {
	background: #f3f3f3 url(/designcenter/wp-content/themes/green/images/header-bg.png) repeat-x top left;
	font: 80%/170% Verdana, Arial, Helvetica, sans-serif;
	color: #5d5b35;
	line-height:1.5;
}

p { line-height:1.5; }
a { text-decoration: none; color: #2392E4; }
a:hover { text-decoration: underline; color: #2392E4; }
a:hover img {
	opacity:0.8;
	filter: alpha(opacity=80);
}

h2 {
  font-size: 20px;
  padding: 0 0 8px 3px;
}

h3 {
  font-size: 18px;
  padding-bottom: 5px;
}

h4 {
  font-size: 16px;
}

h5 {
  font-size: 12px;
}

textarea{
	font-size: 13px;
}

#iehome p{
	font-size: 100%;
}

.fxl{
	font-size: 150%;
}

.fx{
	font-size: 130%;
}

.fo{
	font-size: 110%;
}

.fm{
	font-size: 90%;
}

.fs{
	font-size: 80%;
}

.fss{
	font-size: 70%;
}

hr{
border-top:1px solid #ccc;
border-bottom:none;
border-left:none;
border-right:none;
color:#fff;
}


/* 全体のレイアウト */

	#container{
		width:800px;
		text-align:center;
		word-break:break-all;
	}
	
	#submenu{
		display: none;
		text-align: left;
	}

/*--header--*/

#header-top {
	width: 900px;
	height: 100px;
}

#header-top #logo {
	width: 200px;
	height: 62px;
	float: left;
}

#header-top #menu em {
	color: #fff;
	font-size: 11px;
	line-height: 15px;
	float: left;
	height: 33px;
	padding: 0 5px 5px 5px;
	overflow: hidden;
	text-align: right;
	width: 690px;
}

#header-top #menu em a{
	color: #a9bf78;
}

#header-top #menu em a:hover{
	color: #fff;
	text-decoration: underline;
}

#header-top #logo h1 a {
	background: url(/designcenter/wp-content/themes/green/images/logo.png) no-repeat top left;
	width: 200px;
	height: 62px;
	float: left;
	text-indent: -9999em;
}

/*--page-menu--*/
#header-top #menu {
	float: left;
	width: 700px;
}

#header-top #menu ul {
	width: 700px;
	list-style: none;
	float: right;
	text-align: right;
}

#header-top #menu ul li.page_item {
	float: right;
}

#header-top #menu ul li.page_item a {
	padding: 4px 8px;
	display: block;
	margin: 0 7px 0 0;	
	float: left;
	text-decoration: none;
	font: 900 13px Arial, Helvetica, sans-serif;
	color: #a9bf78;
	-moz-border-radius-topleft: 2px;
	-moz-border-radius-topright: 2px;
}

#header-top #menu ul li.page_item a:hover {
	color: #fff;
}

#header-top #menu ul li.current_page_item a {
	color: #fff;
	background-color: #2c4106;
}

	#footer{
		word-break:break-all;
	}
	

#webcenter{
		width:580px;
		float:right;
		margin: 10px 0 10px 0 ;
	}

#menu_ie {
		width:200px;
		float:left;
		margin: 10px 0px;
		text-align:center;
}

#menu_ie .side-menu-top li{
		margin:0 0 3px 0;
}

.side-menu-top {
	padding: 10px 0 7px 0;
	border-bottom: solid 5px #fff;
	background-color: #e9f5e3;
}

.side-menu-login {
	padding: 10px 0;
	border-bottom: solid 5px #fff;
	background-color: #e9f5e3;
}

.side-menu-login table{
	margin-left: auto;
	margin-right: auto;
	width:160px;
}

.side-menu-bottom {
	padding: 10px 0 7px 0;
	background-color: #e9f5e3;
}

#menu_ie .side-menu-bottom li{
		margin:0 0 3px 0;
}

.web-bottom{
	margin: 5px 0;	
}
	
#menu_ie_plan {
		width:200px;
		float:left;
		margin: 0 5px 0 5px;
	}

	#singlebody {
		width:700px;
		margin-left: auto;
		margin-right: auto;
		padding-left:10px;
		padding-right:10px;
	}
	
	#riyouhoubody{
		width:500px;
		margin-left: auto;
		margin-right: auto;
		padding-left:10px;
		padding-right:10px;
	}

	#author{width:200px;border:1px solid #000;}
	#email{width:200px;border:1px solid #000;}
	#url{width:200px;border:1px solid #000;}
	#text{width:350px;height:200px;border:1px solid #000;}

a.mainButton {
	border-bottom: solid 2px #000000;
	color: black;
	font-size:large;
}
a.sub1Button {
	border-bottom: solid 2px #ff0000;
	color: red;
	font-size:medium;
}
a.sub2Button {
	border-bottom: solid 2px #00ff00;
	color: green;
	font-size:medium;
}
a.sub3Button {
	border-bottom: solid 2px #0000ff;
	color: blue;
	font-size:medium;
}

td.tdleft {
	text-align:left;
}

.clear{
	clear: both;
}
 
 .caution{
	color: #cc3300;
}

/* Topのレイアウト */

.logins{
	margin-left:20px;
}

.form_top{
	width: 150px;
}

.wkigyou ul{
	margin: 0 0 0 20px;
	list-style: inside;
	line-height: 20px;
}

.wkigyou table{
	margin: 10px 0 0 80px;
}

.lef{
	text-align: left;	
}


/* 質問のレイアウト */

.categorys{
	margin: 20px 0;
}

.qanda_search{
	font-size: 100%;	
}

.sitsu_srch{
	margin: 0 0 0 30px;
}

.sitsu_form{
	text-align: left;
}

.trouble{
	margin: 0 0 0 30px;
	text-align: left;
}

.trouble ul{
	list-style: inside;
	line-height: 20px;
}

h2.x_title{
	font-size: 26px;
	font-weight: bold;
	margin: 20px 0 10px 0;
}

h3.s_title {
	text-align: left;
	background: transparent url(http://www.replan.ne.jp/webcenter/img/note.gif) no-repeat left center;
	padding: 10px 10px 10px 30px;
}

.bottom_bar{
	text-align: center;
}

#menu_ie ul.menu_sin{
	margin-top: 10px;
	list-style: none;
}

#menu_ie .menu_sin li{
	margin: 0 0 10px 0;
}

#menu_ie ul.menu_user{
	margin-top: 10px;
	list-style: none;
}

#menu_ie .menu_user li{
	margin: 0 0 10px 0;
}


/* 質問中リストのレイアウト */

/* .qanda */

.qanda, .qanda1, .qanda2, .qanda3, .qanda4 {
	list-style: none;
}

.qanda li{
	border-left: 6px solid #c9dbe9;
	border-bottom: 1px solid #cfcfcf;
	border-top:1px solid #cfcfcf;
	border-right:1px solid #cfcfcf;
	margin: 0 0 10px 0;
	padding: 10px;
}

li.shitsumon{
	background: transparent url(http://www.replan.ne.jp/webcenter/img/b_sitsu.gif) no-repeat left center;
}

li.saishitsumon{
	background: transparent url(http://www.replan.ne.jp/webcenter/img/b_sai.gif) no-repeat left center;
}

li.kaitou{
	background: transparent url(http://www.replan.ne.jp/webcenter/img/b_kai.gif) no-repeat left center;
}

li.orei{
	background: transparent url(http://www.replan.ne.jp/webcenter/img/b_rei.gif) no-repeat left center;
}

li.shimekiri{
	background: transparent url(http://www.replan.ne.jp/webcenter/img/b_sime.gif) no-repeat left center;
}

.kaito-list-n{
	text-align:left;
	line-height: 1.8;
	font-size:14px;
	margin: 15px 0;
}

.kaito-ichi{
	border-top: 1px solid #ccc;
	padding: 10px;
}

span.kaito-name{
	padding: 0 10px 0 30px;
	margin: 0 10px 0 0;
}

span.shitsumon1{
	background: transparent url(/kitakenweb/webcenter/img/b_sitsu1.gif) no-repeat left center;
}

span.saishitsumon1{
	background: transparent url(/kitakenweb/webcenter/img/b_sai1.gif) no-repeat left center;
}

span.kaitou1{
	background: transparent url(/kitakenweb/webcenter/img/b_kai1.gif) no-repeat left center;
}

span.orei1{
	background: transparent url(/kitakenweb/webcenter/img/b_rei1.gif) no-repeat left center;
}

span.shimekiri1{
	background: transparent url(/kitakenweb/webcenter/img/b_sime1.gif) no-repeat left center;
}

/* .qanda1 */

.qanda_info{
	border-left: 6px solid #c9dbe9;
	border-bottom: 1px solid #cfcfcf;
	border-top:1px solid #cfcfcf;
	border-right:1px solid #cfcfcf;
	margin: 0 0 10px 0;
	padding: 10px;
}

.qanda_info li.shitsumon{
	margin: 5px 0 10px 0;
	padding: 15px;
}

.qanda_info li.saishitsumon,
.qanda_info li.kaitou,
.qanda_info li.orei,
.qanda_info li.shimekiri{
	border-top:1px solid #cfcfcf;
	margin: 5px 0 10px 5px;
	padding: 15px 10px 10px 10px;
}


/* 質問掲示板のレイアウト */

.qanda_bbs h5{
	font-size: 20px;
	font-weight: bold;
}

.qanda_bbs p.q_select{
	text-align: center;
}

.q_title{
	font-size: 16px;
	color: #37b600;
}

.q_bbs_text{
	margin-left: 10px;
	line-height: 1.5;
}

.q_kaitoucol{
	border: solid 5px #bce3d2 ;
	padding: 10px;
}

.qanda_bbs p{
	margin: 10px 0;
	padding: 5px;
}

.sitsu_info{
	text-align: left;
	margin: 10px;
	background: #e9e9e9;
}

.sitsu_forms{
	margin:10px;
	padding: 10px;
	background: #f3f3f3;
}

.sitsu_info_qa{
	text-align: left;
	margin: 10px
}

.q_maincol{
	text-align: left;
}

.q_maincol h5{
	font-size: 20px;
}

.info_shitu{
	font-size: 13px;
	background-color: #e9e9e9;
}

.col h4{
	color: #006600;
	font-weight: bold;
}

.q_col{
	width: 400px;
	height: 100px;
}

.q_coltitle{
	width: 400px;
	height:30px;
}


/* プラン相談レイアウト */

.my_plan_edit{
	text-align: center;
}

.my_plan_edit table{
	margin-left: auto;
	margin-right: auto;
	width: 450px;
}

.my_plan_edit th{
	padding: 5px 0;
}

#prezen table{
	margin: 0 0 0 30px;
}

.bod_img image{
}



/* ユーザー情報のレイアウト */

#webcenter th.title {
	white-space:nowrap;
}

#webcente th, #webcente td {
	vertical-align: top;
}

#view_user{
	text-align: left;
}

#view_user table {
  background:#fff;
  border-width:0;
  font-size:100%;
  color:#333;
  width:100%;
  }
  
#view_user table table {
  background:none;
}

#view_user th, #view_user td {
  border-top:1px solid #ccc;
  border-width:1px 0 0 0;
  padding:6px 10px 5px;
  font-size:93%;
  line-height:1.5em;
  }
#view_user table table th, #view_user table table td {
  border:none;
  }
  
#view_user th {
  background:#fff;
  padding-left:5px;
  font-size:100%;
  text-align:left;
  }
  
  
/* 新規登録のレイアウト */

#webcenter th.title {
	white-space:nowrap;
}

#webcente th, #webcente td {
	vertical-align: top;
}

#view_user table {
  background:#fff;
  border-width:0;
  font-size:100%;
  color:#333;
  width:100%;
  }

#view_user table table {
  background:none;
}

#view_user th, #view_user td {
  border-top:1px solid #ccc;
  border-width:1px 0 0 0;
  padding:6px 10px 5px;
  font-size:93%;
  line-height:1.5em;
  }

#view_user table table th, #view_user table table td {
  border:none;
  }
  
#view_user th {
  background:#fff;
  padding-left:5px;
  font-size:100%;
  text-align:left;
  }


/* 企業マイページのレイアウト */

.info_member{
	list-style: none;
}

.info_member li{
	border-left: 6px solid #c9dbe9;
	border-bottom: 1px solid #cfcfcf;
	border-top:1px solid #cfcfcf;
	border-right:1px solid #cfcfcf;
	margin: 0 0 10px 0;
	padding: 10px;
}

li.list_miteian{
	background: transparent url(http://www.replan.ne.jp/webcenter/img/c_mitei.gif) no-repeat left center;
}

li.list_teian{
	background: transparent url(http://www.replan.ne.jp/webcenter/img/c_tei.gif) no-repeat left center;
}

li.list_contact{
	background: transparent url(http://www.replan.ne.jp/webcenter/img/c_tyoku.gif) no-repeat left center;
}

li.list_no{
	background: transparent url(http://www.replan.ne.jp/webcenter/img/c_dan.gif) no-repeat left center;
}

li.list_toiawase{
	background: transparent url(http://www.replan.ne.jp/webcenter/img/c_toi.gif) no-repeat left center;
}

.info_member span{
	color: #333;
}

div#box_plan{
height:40px;
border-top:40px solid #ccc;
border-bottom:none;
border-left:none;
border-right:none;
color:#fff;
}

#box_plan span{
display:none;
}

.qanda_kigyou{
	list-style: none;	
}

.qanda_kigyou li{
	border-left: 6px solid #ff7a91;
	border-bottom: 1px solid #cfcfcf;
	border-top:1px solid #cfcfcf;
	border-right:1px solid #cfcfcf;
	margin: 0 0 10px 0;
	padding: 10px;
}



/* ご利用方法のレイアウト */

.privacy_contents{
	text-align: left;
}

	#menu_riyou {
		width:170px;
		float:left;
		margin: 10px 5px;
		background-color: #f0fff6;
		text-align: left;
	}
	
#menu_riyou ul.menu_sin{
	margin-top: 10px;
	margin-left: 10px;
	list-style: none;
}

#menu_riyou .menu_sin li{
	margin: 0 0 10px 0;
}

.img_bord{
	border: 2px solid #bdbdbd;
	padding: 10px;
}


div.bookline{
	background:url(/img/bookcart/line_l.gif) no-repeat top left;
	height:2px;
}

#web_left_col{
	text-align:left;
	margin: 0px 10px;
	padding: 0px 10px;
	border:solid 1px #e6e6dc;
}


/* ご利用の流れ */

h2.maintitle{
	color:#333;
	font-size:130%;
	margin-bottom:15px;
}

h2.maintitle a{
	color:#fff;
	text-decoration:none;
}

h2.maintitle a:hover{
	text-decoration:underline;
}

#t_menu ul{
	list-style:none;
	margin-left:10px;
}

#t_menu li{
	display:inline;
}

#t_menu li a{
	float:left;
	color:#fff;
	text-decoration:none;
	text-decoration:none;
	background:#666 no-repeat 0 0;
	margin-right:5px;
}

#t_menu li a span{
	float:left;
	display:block;
	padding:10px;
	text-align:center;
	background:#999 no-repeat 100% 0;
}

#t_menu li a span{
	cursor:pointer;
}

#t_menu li.on a{
	color:#000;
	font-weight:bold;
	background:#fff no-repeat 0 0;
}

#t_menu li.on a span{
	background:#fff;
}

#t_menu li a:hover span{
	background: #72d3e0;
}

h1#about-maintitle{
	color:#000;
	font-size:22px;
	font-weight:bold;
	padding-top:15px;
}

p#about-headline{
	font-size:108%;
	color: #666;
	line-height:1.4em;
	padding:19px 0px;
}

#about-headline_c{
	font-size:108%;
	color:#666;
	line-height:1.4em;
	padding:19px 0px;
}

h2.about-title{
	font-size:18px;
	color:#fff;
	line-height:54px;
	padding-left:65px;
	padding-top: 10px;
	background:url(../webcenter/ieweb/css/img/title.png) no-repeat 0 50%;
}

h2.about-indextitle {
	font-size:16px;
	color:#fff;
	line-height:54px;
	padding-left:42px;
	background:url(../webcenter/ieweb/css/img/title.png) no-repeat 0 50%;
}

.box_a{
	font-size:105%;
	padding:5px 0px 15px 0px;
}

.box_a h3{
	color:#0082C9;
	padding: 8px;
}

ul.about-list li{
	padding-left:16px;
	background: no-repeat 0 0;
	line-height:1.4em;
	margin-bottom:10px;
}

ul.about-list li h3{
	font-size:102%;
	margin-bottom:4px;
}

.about_list h3{
	color:#0068C9;
	font-size: 18px; important!
}

h4.about_imghead{
	color:#0082C9;
	padding:20px 0px 5px 15px;
}
.about_img{
	width:500px;
	text-align:center;
	padding:15px 0px;
	margin:0px 0px 30px 15px;
	border: 1px solid #c2c2c2;
	background:#fff;
}

.faqbox{
	width:530px;
	margin-left:5px;
}

h3.faq-guidetitle{
	font-size:100%;
	padding-left:10px;
	margin-left:5px;
	line-height:41px;
	background: #DAFFDD;
}

div.faq_box_bg .faq_box_a{
	font-size:100%;
	padding-left:10px;
	margin-left:5px;
}

.faq_box_a p{
	padding: 10px;
	line-height:1.4em;
	margin-bottom:30px;
	}
	
.faq_box_a h4{
	font-size:102%;
	margin:10px 0px 10px;
}

.faq_box_a ul li{padding-bottom:5px;}


div.faq_box_a ul li {
	padding-left: 10px;
}

#container_s{
	background:#ebf5f4 repeat-x 0 0;
	text-align:left;
}

#container_s{
	padding:10px 0px 20px 0;
}

	
#content-btm{
	width: 560px;
}

#container_s #content-btm {
	margin-right:auto;
	margin-left:auto;
}

#content-f {
	padding: 10px;
	background:#fff;
}

ul,dl{
	list-style:none;
}

.clearfix:after{
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
}

.clearfix{
	zoom:1;
}

.clear{
	clear:both;
}

div#faq-index {
	margin-left:5px;
	margin-top:3px;
}

dl.faq_navi {
	margin-bottom: 15px;
	margin-left: 5px;
}

dl.faq_navi dt {
	background: #D8FEFF;
	padding : 5px;
	font-size: 16px;
}

dl.faq_navi dt a {
	font-weight: bold;
}

dl.faq_navi dd {
	margin-left:3px;
	margin-top:10px;
	padding-left:20px;
	background-repeat:no-repeat;
}

.faq_q{
	color:#43CA00;
	font-size:16px;
	font-weight: bold;
}

.faq_a{
	color:#D13F00;
	font-size:16px;
	font-weight: bold;
}

#page_main h2{
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size: 2.5em;
	color: #333;
	padding: 0 0 20px 0;
	margin: 0 0 20px 0;
	border-bottom: 1px solid #e3e3e3;
}

.page_entry {
	font-family: Arial, Helvetica, Verdana, sans-serif;
	color: #333;
	padding: 0 0 20px 0;
	margin: 0 0 20px 0;
	border-bottom: 1px solid #e3e3e3;
}

.contactform{
	padding: 20px 20px;
	margin: 10px 20px 20px 50px;
	width: 400px;
	height: 320px;
	border: solid 1px #ccc;
	background-color: #eee;
}

.contactright #wpcf_your_name {
	max-width: 200px;
	min-width: 150px;
}

.contactright #wpcf_email,
.contactright #wpcf_website {
	max-width: 300px;
	min-width: 200px;
}

.contactform textarea{
	width: 300px;
	height: 150px;
}

.shitu_back{
	background: #F1FFFF;
}

.soudan_back{
	background: #FFFEE7;
}



/* アンケート問い合わせ */	

.toiawase_top{
	margin:15px 0px 15px 0px;
	padding:5px;
	}

.toiawase_top li{
	margin: 10px;
	font-size:0.9em;
	}

.form_sample{
	color: #4493cd;
	font-weight:bold;
	}

.toiawase_list{
	margin:0px 0px 15px 20px;
	}

.toiawase_list li{
	margin: 10px;
	font-size:0.9em;
	}

.toiawase_tyui{
	margin:0px 15px 15px 0px;
	padding:5px;
	}

.toiawase_form{
	line-height:1.5;
	margin:0px 0px 15px 0px;
	padding:20px;
	}

.toiawase_form p{
	margin:0px 0px 5px 0px;
	}	

/*----------------------------------------------------*/
/*	プライバシー	*/
/*----------------------------------------------------*/
.privacy_contents{
	margin: 20px 0;
}

.privacy_contents p{
	line-height:1.5;
}

.privacy_midashi{
	font-size: 1.1em;
	color: #333;
}

.privacy_kaitei ul{
	text-align: right;
}


/*------- WEBセンターで家を建てました --------*/

h2.ichi {
	font-size: 26px;
	color: #333;
}

h3.ichi {
	font-size: 16px;
	color: #666;
}

h4.ichi{
	border-left: solid 10px #666;
	padding: 0px 0px 0px 10px;
	font-size: 16px;
	font-weight: 600;
	color:#666;
}

.kigyou{
	font-size: 0.8em;
	color:#333333;
}

.ichicontent{
	background: url(../img2/underline.gif) top repeat-x;
	margin: 10px 0px 10px 0px;
	padding: 15px 0px 10px 0px;
	font-size: 13px;
	color: #333;
	line-height: 20px;
}

ichiimg{

}

.box {
	display: block;
	width: 500px;
}

.box_dark {
	float: left; 
	width: 500px;
	background: url(../img2/box_dark.gif) bottom left no-repeat #c2c1b9;
}

#ichiph {margin: 20px 0px 0px 20px;}
.ichiphoto {float: left; margin: 0 13px 15px 3px;}
.ichiphoto a img {margin: -3px; border: 3px solid #faf9f1; overflow: hidden;}
.ichiphoto a:hover {background: none;}
.ichiphoto a:hover img {margin: -6px; border: 6px solid #fff;}
#flickr_badge_image3, #flickr_badge_image6 {margin-right: 0;}

.ichidata{
	margin: 20px 20px 20px 20px;
	font-size:12px;
	color:#333333;
}

.ichiclear{
	clear: both;
}







/* Topのレイアウト */

#web_info{
	font-size: 16px;
	color: #363636;
	width:790px;
	height: 200px;
	background: transparent url(http://www.replan.ne.jp/kitakenweb/webcenter/img/ie_fukidasi.gif) no-repeat left center;
}

.web_topinfo{
	text-align: left;
	line-height: 1.5;
	padding: 30px 50px 10px 50px;
}

.web_bottom{
	margin: 0;
	padding: 0;
}

#kentikushi{
	text-align: left; !important
	margin: 0;
	padding: 0;
}


#kentikushi .top_box{
	float:left;
	margin:0 5px 5px 0;
	width:128px;
	background:#fff;
	line-height: 1.5;
}

.top_title{
	text-align:center;
	width:128px;
	color: #fff;
	background:#c3c3c3;
	padding: 10px 0 10px 0;
}


.top_maincol{
	width: 800px;
	vertical-align: top;
}

.top_leftcol{
	background: transparent url(http://www.replan.ne.jp/kitakenweb/webcenter/img/ie_dabback1.gif) no-repeat left top;
	float:left;
	width: 395px;
	height: 200px;
}

.top_rightcol{
	background: transparent url(http://www.replan.ne.jp/kitakenweb/webcenter/img/ie_dabback1.gif) no-repeat left top;
	float: left;
	width: 385px;
	height: 200px;
}

.reg_login{
	background: transparent url(http://www.replan.ne.jp/kitakenweb/webcenter/img/ie_dabback1.gif) no-repeat left top;
	width: 385px;
	height: 200px;
	margin:  0 0 0 150px;
}


#menu_ie{
	margin:10px 0 0 0;
}

.top_shinki{
	margin-top: 20px;
	margin-left: auto;
	margin-right: auto;
}

.top_kenname{
	margin: 10px 0 0 10px;	
}

.top_login{
	float: left;
	display: inline;
}

.top_login table{
	margin: 0 0 0 50px;
	border: none;
}

.top_login_font{
	text-align: right;
	color: #333;
}

.top_login_me{
	text-align: center;
}

.logins{
	margin-left:15px;
}

.form_top{
	width: 150px;
}

.wkigyou table{
	margin: 10px 0 0 80px;
}

.lef{
	text-align: left;	
}


/* MY_Topのレイアウト */

#my_info{
	text-align: left;
	height: 40px;
	vertical-align: middle;
}

.cautiontochi{
	width: 550px;
	height: 120px;
	background: #ffcccc;
}

.cautiontochi span{
	color: #cc3300;
}


.my_username{
	background: transparent url(http://www.replan.ne.jp/kitakenweb/webcenter/img/ie.gif) no-repeat left center;
	padding: 5px 0 0 30px;
	width: 400px;
	float:left;
	height: 25px;
}

.my_userinfo{
	width: 300px;
	float: right;
}

.my_kentiku{
	padding: 10px 0 0 0;
	float: right;
}

.my_shintiku{
	background: transparent url(http://www.replan.ne.jp/kitakenweb/webcenter/img/my_shintiku3.gif) no-repeat left top;
	width: 780px;
	height: 65px;
}

.my_maincol{
	width: 800px;
}

.my_leftcol{
	background: transparent url(http://www.replan.ne.jp/kitakenweb/webcenter/img/ie_dabback1.gif) no-repeat left top;
	float:left;
	width: 395px;
	height: 200px;
}

.my_rightcol{
	background: transparent url(http://www.replan.ne.jp/kitakenweb/webcenter/img/ie_dabback1.gif) no-repeat left top;
	float: left;
	width: 385px;
	height: 200px;
}

.my_left{
	float: left;
	width: 120px;
}

.my_left-ie{
	float: left;
	width: 250px;
}

.my_right-ie{
	float: left;
	width: 400px;
}

.my_right{
	float: left;
	width: 250px;
}

.my_box{
	text-align: center;
	margin: 20px 0 0 10px;
}

.my_box hr{
	width: 370px;
}

.my_box p{
	text-align: left;
}

.my_sodaninfo{
	margin: 10px 10px 0 0;
	padding: 5px;
	background: #fff;
	color: #666;
	line-height: 1.5;
}