@charset "utf-8";

@import url("../packages/agt/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-color: #fff;
	background-image: url(../packages/agt/img/common/bg.jpg);
	background-repeat:no-repeat;
	background-position:50% 0%;
}
.header-right{
	background-image:url(../packages/agt/img/header/top05.jpg);
}
.header-detail {
	color: #666666;	font-size: 12px;
	font-style: normal;	line-height: 16px;
	font-weight: normal; font-variant: normal;
	float:left;
}
/* 左カラムのデザインを追加 2009.10.06 */
div#column_dzn {
	width:100%;
    padding: 0; margin: 0;
    text-align: left;
	background-color:#ffeedc;
}
div#leftcolumn {
    float: left;
/*    width: 166px;*/
    width: 190px;
	background:url(../packages/agt/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:#ffeedc;
	padding-left:10px;
}

/* ログイン
----------------------------------------------- */
div#loginarea {
    width: 180px;
    padding: 15px 5px 10px;
	background-color:#fdeea9;
}
div#login img.l_pass {
    padding: 0 1px 0 5px;
    vertical-align:-0.8em;
}
div#loginarea .forget {
	padding-top:2px;
	margin-left:51px;
	margin-bottom:0px;
}
div#loginarea .btn {
	padding-top:2px;
    text-align: center;
}

/* ログイン済み
----------------------------------------------- */
div#loginarea_un {
    width: 190px; height:232px;
    padding: 8px 0; font-size:10px;
    background: url("../packages/agt/img/side/login_left.jpg") no-repeat 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%;
}
/* from mypage.css */

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

/* from under.css */

/* 個人ユーザ登録 入力画面
----------------------------------------------- */
.tbl_entry  {
    margin: 15px auto 0 auto;
    border-top: 1px solid #fe9900;
    border-left: 1px solid #fe9900;
    /*border-collapse: collapse;*/
    text-align: left;
}
.tbl_entry  tr{
    border-bottom: 1px solid #fe9900;
}
.tbl_entry th {
    padding: 8px 5px;
    border-right: 1px solid #fe9900;
    border-bottom: 1px solid #fe9900;
    background-color: #ffeedc;
    font-weight: normal;
}
.tbl_entry td {
    padding: 8px 5px;
    border-right: 1px solid #FE9900;
    border-bottom: 1px solid #fe9900;
}
/* 法人・従業員ユーザ登録 入力画面
----------------------------------------------- */
.tbl_entry2  {
    margin: 15px auto 0 auto;
    border-top: 1px solid #3F8EC7;
    border-left: 1px solid #3F8EC7;
/*    border-collapse: collapse; */
    text-align: left;
}
.tbl_entry2 th {
    padding: 8px 5px;
    border-right: 1px solid #3F8EC7;
    border-bottom: 1px solid #3F8EC7;
    background-color: #EBF4FA;
    font-weight: normal;
	width:160px;
}
.tbl_entry2 td {
    padding: 8px 5px;
    border-right: 1px solid #3F8EC7;
    border-bottom: 1px solid #3F8EC7;
	width:440px;
}
/* 個人ユーザ登録 確認画面
----------------------------------------------- */
.tbl_confirm  {
    margin: 15px auto 0 auto;
    border-top: 1px solid #fe9900;
    border-left: 1px solid #fe9900;
    border-collapse: collapse;
    text-align: left;
    width:580px;
}
.tbl_confirm th {
	width:32%;
    padding: 8px;
    border-right: 1px solid #fe9900;
    border-bottom: 1px solid #fe9900;
    background-color: #ffeedc;
    font-weight: normal;
}
.tbl_confirm td {
	width:68%;
    padding: 8px;
    border-right: 1px solid #fe9900;
    border-bottom: 1px solid #fe9900;
    background-color: #f7e0c8;
}

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

/* お支払い情報用
----------------------------------------------- */
table.tbl_user {
	width:615px; margin-top:10px;
    border-top: 1px #CABCDC solid;
    border-left: 1px #CABCDC solid;
}
table.tbl_user th{
	padding:7px 10px; background-color:#F2EAF4;
	text-align:left; width:180px;
    border-bottom: 1px #CABCDC solid;
    border-right: 1px #CABCDC solid;
}
table.tbl_user td{
	padding:7px 10px;
    border-right: 1px #CABCDC solid;
    border-bottom: 1px #CABCDC solid;
}
/* TOPICS
----------------------------------------------- */
div#undercolumn_topics {

}
div#undercolumn_topics .topics_main {
    width: 600px; margin:0px auto;
	color:#000000;
}
div#undercolumn_topics .topics_main h3{
	color:#CC0000; 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 #fe9900 solid;
}
div#undercolumn_topics .topics_main_html{
	padding:5px 25px;
}
/* お申込み商品の修正画面
----------------------------------------------- */
.tbl_update {
    margin: 15px auto 0 auto;
    border-top: 1px solid #fe9900;
    border-left: 1px solid #fe9900;
    border-bottom: 1px solid #fe9900;
    text-align: left;
}
.tbl_update th {
    padding: 8px; font-weight: normal;
    border-right: 1px solid #fe9900;
    background-color: #ffeedc;
}
.tbl_update td {
    padding: 8px;
    border-right: 1px solid #FE9900;
}
.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 window.css */

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

/* from index.css */

/* 推奨環境
----------------------------------------------- */
.org_border {
	background-color:#fed681;
	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 #E3CB96 solid;
	border-left:1px #E3CB96 solid;
}
table.tbl_exsample th{
	width:20%; padding:5px;
	background-color:#F6F0DD;
	border-bottom:1px #E3CB96 solid;
	border-right:1px #E3CB96 solid;
}
table.tbl_exsample td{
	width:80%; padding:5px;
	border-bottom:1px #E3CB96 solid;
	border-right:1px #E3CB96 solid;
}
div.exsamplearea div.example_card {
	text-align:center;
	padding:10px 0;
}
/* メンテナンス
----------------------------------------------- */
.emargency_box {
	width: 870px; padding: 5px;
	margin:20px auto; text-align: left;
	border-top: 1px #CC3333 solid;
	border-right-color: #CC3333;
	border-bottom-color: #CC3333;
	border-left-color: #CC3333;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	background-color: #fbe8ea;
}
.emargency_box #m_title {
	padding-left: 3px; font-size: 14px;
	color: #cc3333; font-weight: bold;
	border-left:#cc3333 4px solid;
}
.emargency_box #m_text {
	padding-left: 6px; line-height: 140%;
	vertical-align: top; margin: 5px 0 0 0;
}
/* トップページの本店へのリンク
----------------------------------------------- */
#webstore_link {
	color:#196D21; font-size:14px;
	font-weight:bold; margin:20px auto;
	text-align:center;
}
#webstore_link a,
#webstore_link a:link,
#webstore_link a:visited,
#webstore_link a:hover,
#webstore_link a:active {
	color:#196D21;
}
/* 請求書でのご注文について
----------------------------------------------- */
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;
}

/* 法人番号とは？
----------------------------------------------- */
div#houjinnumbercolumn{
	width:300px;
	height:auto; 
	background-image:url("../packages/agt/img/contents/question.gif");
}
div#houjinnumbercolumn .help{
	background-image:url("../packages/agt/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;	
}