@charset "utf-8";

@import url("../packages/houjin/css/import.css");

/* from main.css */
body {
	/* メインのフォントをMSPゴシックにセット Add 2010.02.03 */
	font-family:'ＭＳ Ｐゴシック', "MS PGothic", "メイリオ", Meiryo, Osaka, 'ヒラギノ角ゴ Pro W3', "Hiragino Kaku Gothic Pro";
	margin: 0px; font-size: 12px;
	color: #666666; background-image: url(../packages/houjin/img/common/bg.gif);
}
.header-right{
	background-color:#FFFFFF;
	background: url(../packages/houjin/img/header/bg_center2.jpg) repeat-y right top;
	/*background-image:url(../img/header/top05.jpg);*/
}
.header-detail {
	color: #666666;	font-size: 12px;
	font-style: normal;	line-height: 20px;
	font-weight: normal; font-variant: normal;
	float:left;
}
.header-detail span {
	color:#FFFFFF; background-color:#3F8EC7;
	font-size: 12px; font-weight: bold; padding:5px;
}
/* 左カラムのデザインを追加 2009.10.06 */
div#column_dzn {
	width:100%;
    padding: 0; margin: 0;
    text-align: left;
	background-color:#EBF4FA;
}
div#leftcolumn {
    float: left;
/*    width: 166px;*/
    width: 190px;
	/*background:url(../img/top/flower2.jpg) no-repeat left top;*/
	padding-left:10px; padding-bottom:20px;
}
div#leftcolumn_dzn {
    float: left;
/*    width: 166px;*/
    width: 190px;
	background-color:#EBF4FA;
	padding-left:10px;
}

/* ログイン
----------------------------------------------- */
div#loginarea {
    width: 180px;
    padding: 10px 2px;
	margin-bottom:2px;
	background-color:#74aee2;
}
div#login img.l_pass {
    padding: 0 0 0 5px;
    vertical-align:-0.1em;
}
div#loginarea .forget {
	padding-top:5px;
	margin-left:51px;
	margin-bottom:5px;
}
div#loginarea .forget label {
	color:#FFFFFF; 
	vertical-align:text-top;
}
div#loginarea .btn {
	padding-top:4px;
    text-align: center;
}
#useraddarea{
	padding-left:6px;
}

#useraddarea a{
	margin:0px 0px 5px 0px;
}

/* ログイン済み
----------------------------------------------- */
div#loginarea_un {
    width: 190px; height:232px;
    padding: 8px 0; font-size:10px;
    background: url("../packages/houjin/img/side/login_left.jpg") repeat-x top left;
}
div#order_info{
	width: 156px;
	border:2px #ff0000 solid;
	color:#ff0000;
	margin:0px 5px;
	padding:3px 10px;
	font-size:120%;
	line-height:130%;
}

/* ライトグリーンの太字フォント */
.blgreen {
	color: #258D5A; font-size: 14px;
	font-weight: bold; line-height: 18px;
}

/* from mypage.css */

/* 会員登録内容変更/退会
----------------------------------------------- */
div#mycontentsarea p.payment_detail {
	line-height:150%;
}
div#mycontentsarea table.tbl_user {
	width:615px; margin-top:10px;
    border-top: 1px #8652A1 solid;
    border-left: 1px #8652A1 solid;
}
div#mycontentsarea table.tbl_user th{
	padding:8px 7px; background-color:#F8F1F8;
	text-align:left; width:170px;
    border-bottom: 1px #8652A1 solid;
    border-right: 1px #8652A1 solid;
}
div#mycontentsarea table.tbl_user td{
	padding:8px 7px;
    border-right: 1px #8652A1 solid;
    border-bottom: 1px #8652A1 solid;
}

div#mycontentsarea table.tbl_user td.payment{
	line-height:130%;
}
div#mycontentsarea table.tbl_user td.payment img{
	padding:10px 0px;
}

/* from under.css */

/* ユーザ登録 入力画面
----------------------------------------------- */
.tbl_entry  {
    margin: 15px auto 0 auto;
    border-top: 1px solid #3F8EC7;
    border-left: 1px solid #3F8EC7;
/*    border-collapse: collapse; */
    text-align: left;
}
.tbl_entry th {
    padding: 8px 5px;
    border-right: 1px solid #3F8EC7;
    border-bottom: 1px solid #3F8EC7;
    background-color: #EBF4FA;
    font-weight: normal;
}
.tbl_entry td {
    padding: 8px 5px;
    border-right: 1px solid #3F8EC7;
    border-bottom: 1px solid #3F8EC7;
}
/* ユーザ登録 確認画面
----------------------------------------------- */
.tbl_confirm  {
    margin: 15px auto 0 auto;
    border-top: 1px solid #3F8EC7;
    border-left: 1px solid #3F8EC7;
    border-collapse: collapse;
    text-align: left;
}
.tbl_confirm th {
	width:32%;
    padding: 8px;
    border-right: 1px solid #3F8EC7;
    border-bottom: 1px solid #3F8EC7;
    background-color: #EBF4FA;
    font-weight: normal;
}
.tbl_confirm td {
	width:68%;
    padding: 8px;
    border-right: 1px solid #3F8EC7;
    border-bottom: 1px solid #3F8EC7;
    background-color: #CEE5F5;
}

/* TOPICS
----------------------------------------------- */
div#undercolumn_topics {

}
div#undercolumn_topics .topics_main {
    width: 600px; margin:0px auto;
	color:#000000;
}
div#undercolumn_topics .topics_main h3{
	color:#333333; margin:14px 0px;
	font-size:14px;
}
div#undercolumn_topics .topics_main p{
	width:600px; margin:12px 0px;
	text-align:right;
}
div#undercolumn_topics .topics_main div{
	padding:10px; border:1px #3F8EC7 solid;
}
div#undercolumn_topics .topics_main_html{
	padding:5px 25px;
}

/* メリット共通 
----------------------------------------------- */
#merit {
	width: 650px;
	padding-bottom: 30px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}
#merit p {
	line-height: 1.5;
	margin-top: 10px;
	margin-bottom: 10px;
}

#merit .sub_title {
	background: url(../../zdenpo_biz/image/biz/merit_bar.jpg) no-repeat;
	height: 23px;
	width: 610px;
	padding-top: 10px;
	padding-left: 30px;
	margin-top: 20px;
	margin-bottom: 10px;
}
#merit .merit_box .item_box {
	padding: 5px;
	float: left;
	width: 206px;
}
#merit .merit_box .item {
	border: 1px solid #3F8EC7;
	height: 140px;
	width: 200px;
}
#merit .merit_box .item .name {
	background: #EAF1F4;
	padding: 5px;
	color: #3F8EC7;
	font-weight: bold;
}
#merit .merit_box .item .exp {
	line-height: 1.5;
	padding: 5px;
	height:100px;
}
#merit .sample {
	text-align: center;
}
#merit .sample em {
	color: #CC0000;
	line-height: 3;
}
#merit .merit_entry {
	background: url(../../zdenpo_biz/image/biz/meritem_img_02.gif) no-repeat;
	height: 73px;
	width: 481px;
	padding-top: 100px;
	margin: auto;
}
#merit .merit_entry .step {
	float: left;
	width: 130px;
	padding: 0px 10px;
	line-height: 1.4;
}

/* お申込み商品の修正画面
----------------------------------------------- */
.tbl_update {
    margin: 15px auto 0 auto;
    border-top: 1px solid #3F8EC7;
    border-left: 1px solid #3F8EC7;
    border-bottom: 1px solid #3F8EC7;
    text-align: left;
}
.tbl_update th {
    padding: 8px; font-weight: normal;
    border-right: 1px solid #3F8EC7;
    background-color: #EBF4FA;
}
.tbl_update td {
    padding: 8px;
    border-right: 1px solid #3F8EC7;
}
.tbl_update dl {  
	width:350px;  
}
/* firefox背景色表示用 */
.tbl_update dl:after {
    content: ""; display: block;
    clear: both; height: 1px;
    overflow: hidden;
}
.tbl_update dt {
	float:left; width:190px;
	padding:5px 0 5px 10px;
	line-height:150%; font-weight:normal;
}
.tbl_update dd {
	width:135px; float:left;
	padding:5px 5px 5px 10px;
	line-height:150%; text-align:right;
}

/* from under02.css */

/* ログインが画面用(オレンジの太字) */
div#under02column_login .login_main th{
	color: #FF6600; font-weight: bold;
}
div#under02column_login .login_main label {
	color: #FF6600; font-weight: bold;
}

/* from window.css */

/* お届け日時確認
----------------------------------------------- */
div#deliverycolumn #deliveryfooter {
	height:20px;
	background-color:#ABBEDC;
}

/* 請求書でのご注文について
----------------------------------------------- */
div#popaboutbillcolumn {
    width:420px; padding:10px 10px 20px 10px;
	background-image:url(../img/contents/back_stripe.gif);
}
div#popaboutbillcolumn h1 {
	text-align:center; font-size:14px;
	padding:10px 0px; line-height:140%;
}
div#popaboutbillcolumn p {
	line-height:140%; padding-bottom:5px;
	margin:10px 0px 15px 0px;
}
div#popaboutbillcolumn span {
	color:#FF0000; font-weight:bold;
}
div#btncolumn {
	text-align:center; padding:10px;

}
div#btncolumn .agreement {
	margin-right:30px;
}

/* from index.css */

/* 推奨環境
----------------------------------------------- */
.org_border {
	background-color:#ABBEDC;
	height:20px; text-align:center;
}

/* 文例集
----------------------------------------------- */
div.exsamplearea {
	width:600px; height:500px;
	overflow:auto; padding:10px;
	margin:0px auto;
}
table.tbl_exsample {
	width:580px;
	font-size:12px; line-height:16px;
    border-top: 1px solid #3F8EC7;
    border-left: 1px solid #3F8EC7;
}
table.tbl_exsample th{
	width:20%; padding:5px;
    border-right: 1px solid #3F8EC7;
    border-bottom: 1px solid #3F8EC7;
    background-color: #EBF4FA;
}
table.tbl_exsample td{
	width:80%; padding:5px;
    border-right: 1px solid #3F8EC7;
    border-bottom: 1px solid #3F8EC7;
}
div.exsamplearea div.example_card {
	text-align:center;
	padding:10px 0;
}

/* 法人番号とは？
----------------------------------------------- */
div#houjinnumbercolumn{
	width:300px;
	height:auto; 
	background-image:url("../packages/houjin/img/contents/question.gif");
}
div#houjinnumbercolumn .help{
	background-image:url("../packages/houjin/img/contents/help.jpg");
	width:300px; height:27px;
}
div#houjinnumbercolumn .help p{
	font-size:16px; color:#FFFFFF; 
	font-weight:bold;
	padding-left:8px;  
	margin-bottom:0px;
	padding-top:4px;
}
div#houjinnumbercolumn .title{
	background-color:#e9e9e9; 
	height:25px; 
	margin:auto;
	width:300px;
}
div#houjinnumbercolumn .title p{
	margin:5px 0 0 0px; 
	padding-left:10px; 
	font-weight:bold;
}
div#houjinnumbercolumn .contents{
	font-size:11px; 
	line-height:140%; 
	padding:5px; 
	margin-top:5px;
}
div#houjinnumbercolumn .btnfooter{
	text-align:center;
	padding:5px 0px 10px 0px;	
}