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


*/

* {
	margin: 0;
	padding: 0;
}

body {
  text-align: center;
  font-size: 14px;
  color: #000;
  font-family:Verdana, arial, sans-serif, "ヒラギノ角ゴ Pro W3", "ＭＳ ゴシック", "Osaka";
}

hr{
  height:0px;
  margin:7px 0;
  border:none;
  border-top:1px solid #ccc;
}

* html hr{/* for -IE6 */
  margin:0;
}

*:first-child+html hr{/* for IE7 */
  margin:0;
}

em,address,dfn{
  font-style:normal;
}

ul ul,ul dl,dl ul,table p,table ul,table table{
  font-size:1em;
}

ul,ol,dl{
  list-style:none;
}
li{
  display:list-item;
  zoom:normal;
}

table{
  border-collapse:collapse;
  border:none;
  border-spacing:0;
}

th,td{
  font-weight:normal;
}

caption{
  text-align:left;
}

p { line-height: 150%; }
a { text-decoration: none; }

a:link, a:visited{
	color:#3399cc;
	}

a:hover{
	color:#99CC33;
	}

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

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

h4 {
  font-size: 16px;
}

h5 {
  font-size: 12px;
}

#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%;
}

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

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

	#header{
	}

	#footer{
		word-break:break-all;
	}
	
	#iehome{
		margin-top: 20px;
	}

	#content{
		margin: 0 10px 0 10px;
		overflow: hidden;
	}

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

	#menu_ie {
		width:200px;
		float:left;
		margin: 10px 5px;
	}
	
	#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.login {
	text-align:left;
}

.clear{
	clear: both;
	margin: 0;
	padding: 0;
}
 
 .caution{
	color: #cc3300;
}

/* Topのレイアウト */

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

.web_topinfo{
	text-align: left;
	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/jiasodan/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/jiasodan/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/jiasodan/webcenter/img/ie_dabback1.gif) no-repeat left top;
	width: 385px;
	height: 200px;
	margin:  0 0 0 150px;
}


#menu_ie{
	margin:30px 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 ul{
	margin: 0 0 0 20px;
	list-style: inside;
	line-height: 20px;
}

.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/jiasodan/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/jiasodan/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/jiasodan/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/jiasodan/webcenter/img/ie_dabback1.gif) no-repeat left top;
	float: left;
	width: 385px;
	height: 200px;
}

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

.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;
}


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

.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;
}

/* .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 image{
	border: solid 1px #333;
}