@charset "utf-8";

/*
@import url("../user_data/packages/enenga/css/main.css");
@import url("../user_data/packages/enenga/css/index.css");
*/
@import url("../user_data/packages/enenga/css/products.css");
@import url("../user_data/packages/enenga/css/under.css");
@import url("../user_data/packages/enenga/css/under02.css");
@import url("../user_data/packages/enenga/css/mypage.css");
@import url("../user_data/packages/enenga/css/window.css");


/*共通----------------------------------------------*/

html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,del, dfn, em, font, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	vertical-align: baseline;
	font-family: font-family:"ＭＳ Ｐゴシック",'メイリオ',Meiryo,"ヒラギノ丸ゴ Pro","Hiragino Maru Gothic Pro",Osaka,sans-serif;
}

/* 画像の隙間回避*/
img.sukima { vertical-align: bottom; }
img.top { vertical-align:text-top; }

/* Add for Safari*/
* {margin: 0; padding: 0;}

html {font-size: 12px; line-height: 18px; color: #222;}
a:link {color: #1023A7; text-decoration: none;}
/*
a:visited {color: #80496B; text-decoration: none;}
*/
a:visited {color: #1023A7; text-decoration: none;}
a:hover {color: #FF5B00; text-decoration: none;}
a:active {color: #FF5B00; text-decoration: none;}
body {overflow: scroll;}

/*見出し----------------------------------------------*/
h1{margin: 0; font-size: 12px; font-weight: 400; padding-left:10px;}
h2{color:#222;font-size: 12px; line-height : 18px; background-image:url(../images/00bar-h2.gif);
	height:25px; margin-top: 10px; margin-bottom: 10px; text-indent: 22px; font-weight: normal; padding-top:7px;}
#left240 h2{color:#222;font-size: 12px; line-height : 18px; background-image:none;
	height:73px; margin-top: 0px; margin-bottom: 0px; text-indent: 0px; font-weight: normal; padding-top:0px;}
h3{font-weight:400px; font-size: 12px; color:#222; text-align:center; background-image:url(../images/top-title-category.jpg); background-repeat: no-repeat;
width:300px; height:30px;}
h4{line-height:24px; font-size:12px; font-weight:400; width:467px; height:24px; border:1px solid #A1966F; margin:10px 0px 10px 0px; color:#111; padding-left:10px; background-color:#FFFFFF}
h5{font-weight:normal; font-size:12px;}

/*エリア指定----------------------------------------------*/
#wrap {width: 950px; margin-left:auto; margin-right:auto;}
#wraptop {width: 950px; margin-left:auto; margin-right:auto; background:url(../images/topbackimage.jpg) no-repeat top center #FFF;}
#wraptop2 {margin:0 auto; background:url(../images/topbackimage.jpg) no-repeat top center #FFF;}
div#header {width: 950px; height:83px;}
div#topheader {width: 950px; height:58px;}
div#headerinc {width: 950px; height:55px;}
div#header2 {width: 950px; height:30px; border-bottom:1px solid #999; padding-top:10px; margin-bottom:5px;}
div#topheader2 {width: 950px; height:30px; border-bottom:1px solid #999; border-top:1px solid #999; padding-top:1px; margin-bottom:10px;}
div#topheader2-logout {width: 950px; height:30px; border-bottom:1px solid #999; border-top:1px solid #999; padding-top:1px; margin-bottom:10px;}
div#body {width: 950px;}
div#left {width: 170px; float: left; margin-right:20px;}
div#right {width: 750px; float: right; }
div#left240 {width: 240px; float: left; }
div#right710 {width: 365px; float: right; margin-right:10px;}
div .leftdiv {float: left;}
div .rightdiv {float: right;}
div .left300 {width: 300px; float: left;}
div .right300 {width: 300px; float: right;}
div .right625 {width: 625px; float: right; }
div#left300 {width: 300px; float: left;}
div#right600 {width: 600px; float: right; }
div#honbun {width: 735px; border: solid 1px #888; padding-left:107px; padding-right:106px; padding-top:10px; margin-top:10px;}
div#rl {width: 550px; float: left; margin-right:30px;}
div#rr {width: 170px; float: right; }
div#rlwrap{width:950px; background-image:url(../images/headr2.gif); height:27px; clear:both;}
div#rl500 {width: 500px; float: left;}
div#rl300-h {width: 300px; float: left; line-height:27px; height:27px; font-weight:800px; color:white;}
div#rl500l-fuyou {width: 200px; float: left; padding-left:10px;}
div#rl500r-fuyou {width: 300px; float: right;}
div#rr640top {width: 490px; float: right; height:23px; padding-top:4px; padding-left:150px;}
div#rl735 {width: 735px; float: left;}
div#rr200 {width: 200px; float: right; }
div#rr440 {width: 440px; float: right;}
div#rr580 {width: 580px; float: right;}
div#rl500 {width: 500px; float: left; }
div#rr200cir {width: 200px; background-color:#D5D1B7; padding-top:5px; padding-bottom:5px;}
div#rll306 {width: 406px; float: left;}
div#rlr168 {width: 168px; float: right; }
div#rll100 {width: 100px; float: left;}
div#rlr400 {width: 400px; float: right; }
div#rl403 {width: 487px; float: left; padding-right:16px}
div#rr247 {width: 247px; float: right; }
div#rr450 {width: 450px; float: right; }
div#bottom {width: 950px; clear: both; font-size: 10px; line-height: 14px; text-align : center; margin-top:15px; border-top:1px solid #888; padding-top:10px;}
div#login {width:155px;height:51px; background-image:url(../images/001mypage.jpg); padding-top:33px; padding-left:15px;}
div#toiawase {width: 170px; height:30px; margin-bottom:2px;}
div#kanrihonbun {margin:10px;}
div.image {float:left; width:80px;}
div.image2 {float:right; width:569px;}
div.image3 {float:right; width:306px;}
div.image4 {float:right; width:166px;}
div.footer {width:950px; height:12px; padding:8px; text-align:center; background-color:#FFFFCC;}
div#dataup {width:498px; border:1px solid #CCC; padding:19px; float:left;}
div.craft {background-image:url(../images/craft.jpg);}

/*リンクの色替----------------------------------------------*/
.ryokin a:link {color: #BC0000; text-decoration: none;}
/*.ryokin a:visited {color: #A9161A; text-decoration: none;}*/
.ryokin a:visited {color: #BC0000; text-decoration: none;}
.ryokin a:hover {color: #FF6600; text-decoration: none;}
.ryokin a:active {color: #FF6600; text-decoration: none;}
.button a:link {font-weight : 800; color: #FFF; text-decoration: none;}
.button a:visited {font-weight : 800; color: #FFF; text-decoration: none;}
.button a:hover {font-weight : 800; color: #FFFF00; text-decoration: none;}
.button a:active {font-weight : 800; color: #FFFF00;text-decoration: none;}

/*パーツ----------------------------------------------*/
.clear {clear: both;}
ul {list-style:none;}
li.head {float:left; }
li.line {margin-top:3px; margin-bottom:3px; border-bottom:solid 1px #888; }
.kanrititle{height:20px; width:1000px; background-color:#000000; color:#FFFFFF; font-weight:800; padding-left:10px; margin-top:3px; margin-bottom:3px; padding-top:3px;}

.paddingtb5 {padding-top:5px; padding-bottom:5px;}
.paddingleft2 {padding-left:2px;}
.paddingleft5 {padding-left:5px;}
.paddingleft10 {padding-left:10px;}
.paddingleft40 {padding-left:40px;}
.paddingleft12 {padding-left:12px;}
.paddingtop30 {padding-top:30px;}
.paddingtop20 {padding-top:20px;}
.paddingtop15 {padding-top:15px;}
.paddingtop10 {padding-top:10px;}
.paddingtop6 {padding-top:6px;}
.paddingtop5 {padding-top:5px;}
.paddingtop4 {padding-top:4px;}
.paddingtop3 {padding-top:3px;}
.paddingbot10 {padding-bottom:10px;}
.paddingbot5 {padding-bottom:5px;}
.paddingbot3 {padding-bottom:3px;}
.padding10 {padding:10px;}
.paddingrl2 {padding-left:2px; padding-right:2px; padding-bottom:2px;}
.paddingrl3 {padding-left:3px; padding-right:3px; padding-bottom:2px;}
.paddingrl4 {padding-left:4px; padding-right:4px; padding-bottom:2px;}
.paddingrl5 {padding-left:5px; padding-right:5px; padding-bottom:2px;}

.width5 { width : 5px;}
.width10 { width : 10px;}
.width16 { width : 16px;}
.width20 { width : 20px;}
.width30 { width : 30px;}
.width40 { width : 40px;}
.width45 { width : 45px;}
.width50 { width : 50px;}
.width60 { width : 60px;}
.width63 { width : 63px;}
.width70 { width : 70px;}
.width76 { width : 76px;}
.width80 { width : 80px;}
.width89 { width : 89px;}
.width90 { width : 90px;}
.width95 { width : 95px;}
.width100 { width : 100px;}
.width105 { width : 105px;}
.width107 { width : 107px;}
.width110 { width : 110px;}
.width115 { width : 115px;}
.width120 { width : 120px;}
.width150 { width : 150px;}
.width160 { width : 160px;}
.width170 { width : 170px;}
.width180 { width : 180px;}
.width190 { width : 190px;}
.width200 { width : 200px;}
.width217 { width : 217px;}
.width221 { width : 221px;}
.width230 { width : 230px;}
.width250 { width : 250px;}
.width273 { width : 273px;}
.width280 { width : 280px;}
.width300 { width : 300px;}
.width305 { width : 305px;}
.width315 { width : 315px;}
.width320 { width : 320px;}
.width325 { width : 325px;}
.width340 { width : 340px;}
.width350 { width : 350px;}
.width360 { width : 360px;}
.width365 { width : 365px;}
.width370 { width : 370px;}
.width380 { width : 380px;}
.width400 { width : 400px;}
.width405 { width : 405px;}
.width424 { width : 424px;}
.width440 { width : 440px;}
.width450 { width : 450px;}
.width460 { width : 460px;}
.width474 { width : 474px;}
.width490 { width : 490px;}
.width500 { width : 500px;}
.width520 { width : 520px;}
.width540 { width : 540px;}
.width550 { width : 550px;}
.width574 { width : 574px;}
.width580 { width : 580px;}
.width600 { width : 600px;}
.width620 { width : 620px;}
.width650 { width : 650px;}
.width735 { width : 735px;}
.width740 { width : 740px;}
.width800 { width : 800px;}
.width950 { width : 950px;}

.height2 {height:2px;}
.height5 {height:5px;}
.height10 {height:10px;}
.height13 {height:13px;}
.height20 {height:20px;}
.height22 {height:22px;}
.height24 {height:24px;}
.height25 {height:25px;}
.height26 {height:26px;}
.height28 {height:28px;}
.height30 {height:30px;}
.height38 {height:38px;}
.height40 {height:40px;}
.height48 {height:48px;}
.height50 {height:50px;}
.height55 {height:55px;}
.height58 {height:58px;}
.height221 {height:221px;}
.height240 {height:240px;}
.height440 {height:440px;}
.height580 {height:580px;}

.indent1 {left:1em;}

.border {border-bottom: solid 1px #888;}
.border-r {border: solid 1px #888; padding-bottom:4px; padding-left:10px; padding-top:4px;}
.border-pad5 {border: solid 1px #888; padding:5px;}

.left {text-align:left;}
.center {text-align:center;}
.right {text-align:right;}
.floatright {float:right;}
.floatleft {float:left;}
.vcenter {vertical-align:middle;}

.tx9 {font-size: 9px; line-height: 11px;}
.tx10 {font-size: 10px; line-height: 14px;}
.tx10-11 {font-size: 10px; line-height: 11px;}
.tx11 {font-size: 11px; line-height: 15px;}
.tx12 {font-size: 12px; line-height: 18px;}
.tx12-14 {font-size: 12px; line-height: 14px;}
.tx12-12 {font-size: 12px; line-height: 12px;}
.tx14 {font-size: 14px; line-height: 18px;}
.tx16 {font-size: 16px; line-height: 20px;}

.gyoake10{margin-top:10px;}
.gyoake5{margin-top:5px;}
.bold {font-weight:800;}
.red {color:#D7616C;}
.white {color:#FFF;}
.gray {color:#999999;}
.darkred {color:#990000}
.darkyellow {color:#CCCC00}
.darkpurple {color:#663399}
.darkgreen {color:#003300}
.skyblue {color:#87CEEB}
.silver {color:#C0C0C0}
.gold {color:#FFD700}
.darkgray {color:#333;}
.grayback {background-color:#BBB;}
.grayback2 {background-color:#DDD;}

.verti80 {vertical-align: 80px;}
.verti30 {vertical-align: 30px;}
.verti10 {vertical-align: 10px;}
.verticenter {vertical-align:middle}

.imageleft0 {margin-right: 0px; float: left;}
.imageleft5 {margin-right: 5px; float: left;}
.imageleft10 {margin-right: 10px; float: left;}
.imageright0 {margin-left: 0px; float: right;}
.imageright5 {margin-left: 5px; float: right;}
.imageright10 {margin-left: 10px; float: right;}
.imagecenter {text-align: center;}
.imagetop4 {margin-top:4px;}

.textarea {padding-top: 2px; font-size: 12px; border: 1px #90ADCF solid;}

#right710 .imgleft5px {margin-right:5px;}
#osusume img { border:1px solid #888; margin-top:4px;}

.sampletitle{font-weight:400px; font-size: 12px; color:#FFF; text-align:center; background-image:url(../images/top-title-category.jpg); background-repeat: no-repeat;
width:300px; height:30px; margin-top:10px; line-height:30px;}

.sampletitle a:link {color: #FFF; text-decoration: none;}
.sampletitle a:visited {color: #FFF; text-decoration: none;}
.sampletitle a:hover {color: #FFF; text-decoration: none;}
.sampletitle a:active {color: #FFF; text-decoration: none;}

.samplenaka{font-weight:400px; font-size: 12px; color:#222; background-color:#F6E9D9; background-image:url(../images/top-title-category-naka.jpg); width:290px; height:168px; padding:5px;}
div.imgborder {text-align:center; width:290px;}
.imgborder img {border:1px solid #888; margin-right:0px; margin-left:0px; margin-top:10px;}
div#rapidssl{width:940px; height:50px; padding:5px; background-color:#DDDDDD;}

.topbody {background-image:url(../images/topbackimage.jpg); background-repeat:no-repeat;}

.margin-10 {margin-top:-10px;}
.margin-9 {margin-top:-9px;}
.margin-8 {margin-top:-8px;}
.margin-7 {margin-top:-7px;}
.margin-5 {margin-top:-5px;}

.jimon {background-image:url(../images/jimon.gif);}

#go2pagetop {
    width: 950px;
    margin: 0 auto;
    padding: 10px 8px 10px 8px;
    background-color: #fff;
    text-align: right;
}

.backbutton {
	background-image:url(../images/bu-photo14.gif);}


/* ECCube標準エラー
----------------------------------------------- */
div#under02column_error {
}

div#under02column_error .messagearea {
    width: 680px;
    margin: 15px auto 0 auto;
    padding: 10px 5px;
    border: 5px solid #ccc;
    text-align: center;
}

div#under02column_error .messagearea .error {
    padding: 120px 0;
}

div.tblareabtn {
    clear: both;
    margin: 15px 0 0 0;
    text-align: center;
}

.attention { color: #ff0000; }


.color1 {color:#CCCC00;}
.color2 {color:#CC3300;}
.color3 {color:#990066;}
.color4 {color:#003399;}
.color5 {color:#009966;}
.color6 {color:#999966;}

.chuui {background-color:#E0D8B1; padding:10px;}

button .shashin {
	margin: 0 10 0 0;
	padding: 0;
	border: 0px;
	outline: 0;
	vertical-align: baseline;
}