@import "../../common/css/fonts.css";
@import "../../common/css/footer.css";


/*エラー表示切替用*/

/*エラー：入力もれ*/
#menu .menubox div.log_error1{
/*display:none;*/
}

/*エラー：認証不可*/
#menu .menubox div.log_error2{
/*display:none;*/
}





body{
    font-size:100%;
	font-family:"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","ＭＳＰ　ゴシック";
}

img{
    vertical-align:top;
}


#screen{
background:#FFF;
margin:0; padding:0;
}

#mainscreen{
border-top:solid 4px #2D87E4;
background:#FFF;
overflow: hidden;
}


#main{
width:760px;
margin:0 auto;
}

#main_contents{
width:740px;
margin:0 10px;
font-size:85%;
}


a:hover{
    color:#FE7800;
}


/*--------------- 基本設定 -------------------*/

body{
padding:0;
margin:0;
background:#EEF7FF;
line-height:1.3;
}
img{
border:none;
margin:0;
padding:0;
}

form{
margin:0;
padding:0;
}

dl, dt, dd{
margin:0;
padding:0;
}

ul,li{
margin:0;
padding:0;
list-style:none;
}

li input{
margin-top:1px;
}

table{
width:740px;
border-collapse: collapse;
}
th, td{
padding: 8px;
text-align: left;
vertical-align:top;
line-height:1.3;
}

th{
width:180px;
}



/*--------------- ヘッダー -------------------*/

#header{
width:760px;
margin:0 auto; padding:0px;
line-height:1.0;
text-align:left;
height:76px;
}

#header{
font-size:85%;/*10pt*/
}

#header a{
background:none;
padding:0;
margin:0;
}
#header a:hover{
    color:#FE7800;
}

#logo{
float:left;
padding:0;
margin:0;
width:185px;
/*height:52px;*/
}

#log{
float:right;
text-align:right;
vertical-align:top;
width:172px;
margin:2px 0px 0px 0px; padding:0px;
}

form#search{
    text-align:center;
    margin:3px 0px 2px 0px; padding:5px 0px 3px 0px;
    background:#EFEFEF none;
}
input.word{
    border:#7F9DB9 solid 1px;
    vertical-align:top;
    height:15px;
    width:95px;
}
#globalmenu{
    margin:0px 0px 2px 0px;
    font-size:10px;/*フォント固定*/
}


#log div a{
   padding:0px 5px 0px 15px; 
   background:#ffffff url(../../common/img/ico_link.gif) left center no-repeat; 
}

#header_pr{
    margin:0px; padding:10px 0px 0px 0px;
}

#headmenu{
    clear:both;
    width:760px;
    margin:0px auto; padding:0;
    vertical-align:top;
}

/* ------------------------------------------------------------ フッター ---- */
#footer_container{
    font-size:12px;/*フォントサイズ固定*/
}
#footer a:hover{
    color:#FE7800;
}


/* ---------------------------------------------------- お客様と法人タブ ---- */
#customer{
    height:39px;
    margin:0; padding:0px 0px 9px 0px;
    background:#ffffff url(../img/bg_underbt.gif) left bottom repeat-x;
}
#customer a{
    background-image:none;
    margin:0; padding:0;
}
#customer h1{
    display:inline;
    margin:0; padding:0;
}



/* ------------------------------------ 左メニュー ---- */
#menu{
    float:left;
    width:175px;
    margin:0px 10px 0px 0px; padding:0;
    font-size:85%;
}
#menu h2{
    /*height:26px;*/
    margin:0; padding:0;
    background:none;
}
#menu .menubox{
    width:171px;
    margin:0px 0px 2px 0px; padding:1px;
    border:#CCCCCC solid 1px;
	font-size:86%;
}
#menu .menubox div{
    padding:5px;
}
#menu .menubox div.login_box{
    background:#FEF8D6 none;
}
#menu .menubox div.regist_box{
    padding:5px 0px 0px 0px;
    background:#F3FBD6 none;
}
#menu .menubox img#bt_login,
#menu .menubox img#bt_regist{
    margin:3px 5px 0px 12px; padding:0;
}
#login .login_box{
font-size:85%;
}
#login .login_box a.reminder,
#menu .menubox div a.trial{
    font-size:93%;
	margin:5px 0px 0px 12px; padding:0 0 8px 16px;
	background:url(../../common/img/ico_link_big.gif) no-repeat top left;
}
#login .login_box a.reminder:hover,
#menu .menubox div a.trial:hover{
    color:#FE7800;
}
#menu .menubox label{
    font-size:85%;
}
#menu .menubox p{
    font-size:77%;
    margin:0; padding:0;
}
#menu a{
    display:block;
    background:none;
    margin:0; padding:0;
}
#menu input.word,
#login input.word{
    width:88px;
}
#menu a.menu_bt{
    display:block;
    margin:0px 0px 2px 0px; padding:0;
    background:none;
    border:#CBCBC9 solid 1px;
}
#menu a.menu_bt:hover{
    background:none;
    border:#FD7800 solid 1px;
}
ul#info_link li{
    display:inline;
    margin:0; padding:0px;
}
ul#info_link a{
    display:block;
	margin:0px 0px 3px 0px; padding:0 3px 0 16px;
	background:url(../../common/img/ico_link_big.gif) no-repeat top left;
}
ul#info_link a:hover{
    color:#FE7800;
}
#menu .menubox div.others{
    text-align:center;
    margin:1px 0px 0px 0px; padding:2px 2px 1px 2px;
    background:#D0D5D9 none;
}
#menu .menubox div.others a{
    padding:0px 0px 1px 0px;
}
#menu .menubox div#guest_bt{
    margin:0px; padding:7px 2px 5px 2px;
    border-bottom:dotted 1px #CCCCCC;
}
#menu .menubox div#guest_bt img{
    margin:0px 0px 5px 0px; padding:0;
}
#menu .menubox div.scene_box{
    background:#ffffff url(../img/bg_scene.gif) left bottom no-repeat;
    margin:5px 3px 4px 3px;
    padding:0;
}
#menu .menubox div.scene_box img{
    margin:0; padding:0;
}
#menu .menubox div.scene_box ul{
    margin:0; padding:2px 0px 4px 0px;
}
#menu .menubox div.scene_box li{
    display:inline;
}
#menu .menubox div.scene_box a{
    display:block;
	margin:0px 0px 3px 7px; padding:0px 3px 0px 16px;
	background:url(../../common/img/ico_link_big.gif) no-repeat top left;
}

#menu .menubox div.log_error1,
#menu .menubox div.log_error2,
#login .login_box span.log_error1,
#login .login_box span.log_error2{
    padding:5px;
	font-weight:bold;
	color:#FE0000;
	background:#FFE8E8;
	border:solid 1px #FE0000;
	margin:5px 0;
    font-size:86%;
}

/* ------------------------------- インフォメーションブロック ---- */
#main_infomation{
    float:right;
    width:575px;
}
#info_block{
    margin:0; padding:0;
}
#info_block a{
    background:none;
    margin:0; padding:0;
}
#info_block a.infoimg{
    display:block;
    border:1px #CCCCCC solid;
    margin:0px 0px 5px 0px;
}
#info_block a.infoimg:hover{
    border:#FE7800 1px solid;
}

#info_block #banner {
    overflow:hidden;
    margin:5px 0px; padding:0;
}

#info_block #banner a{
    float:left;
    display:block;
    margin:0; padding:0;
    background:none;
    border:#CBCBC9 solid 1px;
}
#info_block #banner a:hover{
    background:none;
    border:#FD7800 solid 1px;
}
#info_block #banner a.bn_even{
margin:0px 0px 0px 3px; 
}


#news{
    clear:both;
    border:#CCCCCC solid 1px;
    margin:5px 0px 0px 0px; padding:1px;
}
#news h2{
    height:18px;
    font-weight:normal;
    font-size:85%;
    background:#ffffff url(../img/bg_news.gif) repeat-x top left;
    margin:0; padding:0;
}
#news h2 img{
    float:left;
}
#news h2 a{
    float:right;
    text-align:right;
    vertical-align:bottom;
	padding:0px 10px 0px 16px;
	background:url(../../common/img/ico_link_big.gif) no-repeat left center;
}
#news h2 a:hover{
    color:#FE7800;
}
#news .news{
    height:97px;
    border:#7F9DB9 solid 1px;
    overflow:auto;
    margin:1px 0px 0px 0px;
    padding:0;
}
#news .news table{
    width:540px;
    margin:5px; padding:0px;
}
#news .news table th,
#news .news table td{
    border:#ffffff solid 5px;
}
#news .news table th{
    width:61px;
    margin:0; padding:0;
    font-size:10px;
    font-weight:normal;
    border:#ffffff solid 5px;
}
#news .news table td{
    border:#ffffff solid 5px;
    vertical-align:top;
    margin:0; padding:0;
    font-size:77%;
}
th.mente{
    text-align:center;
    background:#ffffff url(../../common/img/ico_mente.gif) no-repeat top left;
}
th.infomation{
    text-align:center;
    background:#ffffff url(../../common/img/ico_info.gif) no-repeat top left;
}
th.important{
    color:#ffffff;
    text-align:center;
    background:#ffffff url(../../common/img/ico_important.gif) no-repeat top left;
}
th.delivery{
    color:#ffffff;
    text-align:center;
    background:#ffffff url(../../common/img/ico_delivery.gif) no-repeat top left;
}



/* ----------------------------- 商品一覧タブ ----- */
#tab_item{
    height:48px;
}
.tab_celebrate{
    background:#ffffff url(../img/bg_c_item.gif) no-repeat bottom left;
}
.tab_regret{
    background:#ffffff url(../img/bg_r_item.gif) no-repeat bottom left;
}
#tab_item h2{
    display:inline;
    margin:0; padding:0;
}
#tab_item a{
    background:none;
    margin:0; padding:0;
}


/* ----------------------------- 商品一覧お祝い ----- */
#item_box{
    margin:0; padding:0px 8px;
    border-left:#E0E0E0 solid 2px;
    border-right:#E0E0E0 solid 2px;
}
#item_box a{
    margin:0; padding:0px;
    background:none;
}

/* ------------------------- 商品カテゴリ見出し ----- */
#item_box h3{
    color:#ffffff;
    font-weight:normal;
    height:21px;
    margin:0px; padding:0px;
    background:#ffffff url(../img/bg_t_item.gif) no-repeat right top;
}
#item_box #country h3{
    margin:0;
    background:#ffffff url(../img/bg_t_country.gif) no-repeat left top;
}
#item_box #west h3{
    background:#ffffff url(../img/bg_t_west.gif) no-repeat left top;
}
#item_box h3 img{
    float:left;
}
#item_box h3 span{
    float:left;
    font-size:7.8pt;/*固定*/
    margin:0; padding:4px 0px 0px 10px;
}
#item_box h3 a{
    float:right;
    text-align:right;
    vertical-align:bottom;
	padding:2px 12px 0px 16px;
	background-image:url(../../common/img/ico_link_big.gif);
	background-repeat:no-repeat;
	background-position:left center;
	color:#ffffff;
    font-size:9pt;/*固定*/
    font-weight:normal;
}
#item_box #country h3 a:hover{
    color:#FFE9A6;
}
#item_box #west h3 a:hover{
    color:#C7F0FF;
}
#item_box .celebrate h3 a:hover{
    color:#FFCBE4;
}


/* ----------------------------------- 商品一覧 ----- */
#item_box table{
    width:555px;
    border-collapse: collapse;
    border:none;
    margin:9px 0px 0px 0px; padding:0;
    font-size:68%;
}
#item_box table th,
#item_box table td{
    margin:0; padding:0px 7px;
    border:none;
    border-left:dotted 1px #000000;
    vertical-align:top;
}
#item_box table th.topitem,
#item_box table td.topitem{
    border-left:none;
}
#item_box table th{
    font-size:105%;
    padding:0px 7px 5px 7px;
}
#item_box table td{
    width:185px;
    font-size:94%; 
    vertical-align:baseline;
}
#item_box table p{
    float:right;
    width:86px;
    margin:0px 3px 5px 0px; padding:0;
/*    line-height:105%;*/
}


#item_box #country{
    background:#FEF6E1 none;
    overflow:hidden;
    margin:0px 0px 8px 0px;
    padding:0px 0px 9px 0px;
}
#item_box #west{
    background:#E7F8FF none;
    overflow:hidden;
    margin:0;
    padding:0px 0px 9px 0px;
}
#item_box .celebrate{
    background:#FFF0F7 none;
    overflow:hidden;
    margin:8px 0px 0px 0px;
    padding:0px 0px 9px 0px;
}

#item_box table th img{
    margin:0px 0px 0px 2px;
}


#item_box .regret{
    background:#F6EAFF none;
    overflow:hidden;
    margin:8px 0px 0px 0px;
    padding:0px 0px 9px 0px;
}




/* -------------------------------- お問い合せブロック ------- */
img #step{
    clear:both;
}

#contact_field{
    width:575px;
    border-top:#DFDFDF dotted 2px;
    margin:10px 0px 0px 0px;
}
#contact{
    width:565px;
    padding:8px 5px;
    background:#DFDFDF none;
}
#contact a{
    background:none;
}
#contact div{
    height:32px;
}
#contact div img{
    float:left;
}
#contact div a{
    float:right;
}
#contact table{
    clear:both;
    width:555px;
    margin:0 auto;
    background:#ffffff none;
    border-color:#DFDFDF;
    font-size:77%;
}
#contact table th{
    color:#001583;
    background:#ffffff none;
    border-color:#DFDFDF;
    vertical-align:middle;
}
#contact table td{
    color:#001583;
    width:130px;
    background:#ffffff none;
    border-color:#DFDFDF;
    vertical-align:middle;
}
#contact table td.tel{
    color:#000000;
    width:330px;
    background:#ffffff url(../../common/img/arrow.gif) left center no-repeat;
    padding:5px 1px 5px 29px;
    font-size:100%;
}
td.tel .freetel1{
    font-size: 138.5%;
    font-weight: bold;
    color: #3D5E53;
    letter-spacing: -1px;
    line-height:1.6em;
    padding: 2px 0px 2px 27px;
    background: url(../../common/img/ico_tel.gif) no-repeat left center;
}
td.tel .freetel2{
    font-size: 138.5%;
    font-weight: bold;
    color: #3D5E53;
    letter-spacing: -2px;
    color:#3D5E53;
    background:#ffffff url(../../common/img/ico_tel2.gif) left center no-repeat;
    padding: 2px 0px 2px 27px;
}
td.tel .freetel3{
    font-size: 138.5%;
    font-weight: bold;
    color: #3D5E53;
    letter-spacing: -1px;
    color:#3D5E53;
    padding: 2px 0px 2px 0px;
}
td.tel span{
    font-size:93%;
}
#main #contact_field div.attention{
    color: #000000;
    font-size:65%;
    font-weight:normal;
    border-top:#DFDFDF dotted 2px;
    width:575px;
    margin:0; padding:5px 0px 0px 0px;
}



/*基本設定*/

th, td{
border: 1px #BFB99A solid;
}

td strong{
color:#665F45;
}

td .error{
color:#FF0200;
}

#error{
color:#FF0200;
}

.caption{
color:#FF0200;
}

.text .attention{
color:#000;
}

.label{
color:#665F45;
}

#gotop{
    font-size:12px;
}


/* ----------------------------------------------------------- ログイン用 --- */
#login{
    margin:0px 0px 5px 0px; padding:0px;
    border:#cccccc solid 1px;
    overflow: hidden;
}
#login div.login{
    margin:0; padding:0px;
    border:#ffffff solid 1px;
    background:#FAE19F url(../img/bg_loginbox.gif) left top repeat-y;
}
#login h2{
    float:left;
    width:171px;
    margin:0; padding:0;
}
#login div.login_box{
    float:right;
    width:578px;
    margin:0; padding:3px 0px 0px 5px;
    background:#FEF8D6 none;
    border-left:#EEAC3B solid 2px;
    vertical-align:top;
}
#login div.login_box form a.reminder{
    font-size:86%;
    margin:0px 0px 0px 10px;
    padding:2px 0px 3px 16px;
}
#login form{
    margin:0; padding:6px 0px 0px 0px;
}
#login img#bt_login{
    position: relative;
    top:-4px; left:5px;
}
#login  .error_box{
    padding:4px 0px 8px 0px;
}

div.clear{
    clear:both;
    height:0px; margin:0; padding:0;
    background:#ffffff none;
    overflow: hidden;
}
div.clear0{
    clear:both;
    height:0px;
}