@charset "utf-8";

@import url("../packages/default/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/default/img/common/bg.jpg);
	background-repeat:no-repeat;
	background-position:50% 0%;
}
.header-right{
	background-image:url(../packages/default/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/default/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:#f8c9cf;
}
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/default/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_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;
}

/* お支払い情報用
----------------------------------------------- */
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;
}