/*ページ大枠*/
.container{
width:980px;
margin:0 auto 0 auto;
background-color:#ffffff;
text-align:center;
}

/* ========ヘッダ部分========== */

/*ヘッダ背景*/
.header_backimg{
background:url(../img/back2.png) no-repeat;
height:120px;
width:980px;
}

/*ヘッダh1*/
.headerA{
padding:5px 0 5px 0;
}

/*ヘッダロゴ枠*/
.headerB_l{
float:left;
text-align:left;
width:275px;
text-indent:30px;
padding-top:3px;
}

/*ヘッダテキスト画像枠*/
.headerB_c{
float:left;
text-align:left;
width:400px;
padding-top:3px;
}

/*ヘッダテキスト、ボタン枠*/
.headerB_r{
float:left;
width:305px;
text-align:right;
line-height:100%;
}

/*検索ボックス部分*/
.headerB2_l{
float:left;
width:685px;
text-align:left;
padding-left:150px;
}

.headerB2_l_table{
height:40px;
width:685px;
}


.headerB2_r{
float:left;
width:145px;
text-align:right;
}

.headerB2_r_table{
height:40px;
width:145px;
}


/*ヘッダBクリア*/
.headerB_clear{
clear:left;
padding-bottom:3px;
}

/*ヘッダメニュー*/
.headerC{
margin:5px 0 0 0;
}

/*メニュー下　オレンジ線*/
.backborder_orange{
/*background-color:#F8C079;*/
background:url(../img/bg1.png) repeat-x;
height:12px;
clear:left;
font-size:0;
line-height:100%;
}


/* ========メイン部分========== */

.contents{
width:980px;
}

/* ---メインカテゴリ一覧--- */
.contents_main_left{
width:620px;
float:left;
text-align:left;
background-color:#f8f8f8;
}

.contents_main_left_in{
width:620px;
padding:5px;
}


/* ---広告--- */
.contents_main_right{
width:355px;
float:left;
text-align:right;
}





/* ---左ブロック--- */
.contents_left{
width:714px;
float:left;
text-align:left;
}

/*バナー表示ブロック*/
.main_banner{
width:704px;
margin:0 auto 10px 0;
}

/*バナー2表示ブロック*/
.main_banner2{
width:704px;
margin:10px auto;
}

.main_banner2dl1{
width:220px;
float:left;
margin:0 5px 10px 10px;
}

.main_banner2dl1 dd{
text-aligin:center;
padding:5px 0 5px 10px;
line-height:150%;
background-color:#fffaf0;
font-size:11px;
}

.main_banner2dl2{
width:220px;
float:left;
margin:0 5px 10px 5px;
}

.main_banner2dl2 dd{
text-aligin:center;
padding:5px 0 5px 10px;
line-height:150%;
background-color:#fffaf0;
font-size:11px;
}

.main_banner2dl3{
width:220px;
float:left;
margin:0 0 10px 5px;
}

.main_banner2dl3 dd{
text-aligin:center;
padding:5px 0 5px 10px;
line-height:150%;
background-color:#fffaf0;
font-size:11px;
}



/*お知らせブロック*/
.contents_info{
margin:0 auto 0 0;
width:704px;
}

/*ピックアップアイテムブロック*/
.contents_pickup{
width:704px;
margin:0 auto 0 0;
}

/*新着商品表示ブロック*/
.contents_new{
margin:0 auto 30px 0;
width:704px;
background-color:#ffffff;
}


/* ---右ブロック--- */

.gienkin{
width:266px;
border:1px solid #cccccc;
padding:10px 5px;
}


.contents_right{
width:266px;
float:left;
text-align:right;
}

/*カテゴリブロック*/
.contents_category{
width:256px;
margin:0 0 0 auto;
background-color:#ffffff;
border:1px solid #ffffff;
}

/*ランキングブロック*/
.contents_ranking{
width:256px;
margin:0 0 0 auto;
background:#ffffff;
border:1px solid #ffffff;
}

/*QRコードブロック*/
.contents_mobile{
width:256px;
margin:0 0 30px auto;
background:#ffffff;
border:1px solid #ffffff;
text-align:center;
}

/*カレンダーブロック*/
.contents_calender{
width:200px;
margin:0 33px 30px 33px;
background-color:#ffffff;
text-align:center;
}

/*右バナーブロック*/
.contents_linkbanner{
margin:0 auto 30px auto;
width:256px;
text-align:left;
}

/* =========フッタ部分========== */
.footer{
clear:left;
background-color:#FF7900;
color:#ffffff;
font-size:12px;
width:980px;
}

/* =========独自ページ（更新業務関連）========== */


.contner{
width:980px;
margin:0 auto;
font-size:12px;
line-height:200%;
text-align:center;
background:#f8f8ff;
}

.comp_work1{
width:900px;
margin:0 auto;
}

.comp_work1 dl dt{
width:170px;
margin:0 0 0 80px;
float:left;
clear:left;
}

.comp_work1 dl dd{
width:400px;
margin:0 0 0 100px;
text-align:left;
float:left;
}



.comp_work2{
width:240px;
margin:0 20px 0 80px;
float:left;
clear:left;
border:3px dotted #4682b4;
}

.comp_work2 dl dt{
text-align:left;
padding:0 10px 0 10px;
background:#ffffff;
}

.comp_work2 dl dd{
padding:0 5px 0 40px;
text-align:left;
}

.comp_work3{
width:240px;
margin:0 20px 0 20px;
float:left;
border:3px dotted #4682b4;

}

.comp_work3 dl dt{
text-align:left;
padding:0 10px 0 10px;
background:#ffffff;
}

.comp_work3 dl dd{
padding:0 5px 0 20px;
text-align:left;
}

.comp_work4{
width:240px;
margin:0 80px 0 20px;
float:left;
border:3px dotted #4682b4;

}

.comp_work4 dl dt{
text-align:left;
padding:0 10px 0 10px;
background:#ffffff;
}

.comp_work4 dl dd{
padding:22px 5px 0 20px;
text-align:left;
}

.comp_work5{
width:800px;
margin:10px auto;
text-align:left;
}

.comp_work5 dl dt{
width:290px;
margin:10px;
float:left;
}

.comp_work5 dl dd{
width:450px;
margin:10px;
text-align:left;
float:left;
}

.comp_work6{
width:800px;
margin:0 auto;
}

.comp_work6 dl dt{
width:250px;
float:left;
}

.comp_work6 dl dd{
width:500px;
text-align:left;
float:left;
}

.comp_work6 dl dd p{
padding:10px 0 5px 0;
font-size:15px;
font-weight:bold;
}


.comp_work7{
width:800px;
margin:0 auto;
font-size:13px;
}

.comp_work8{
width:200px;
height:50px;
text-align:center;
border-bottom:1px dotted #cccccc;
background:#e0ffff;
}

.comp_work9{
width:450px;
height:50px;
text-align:center;
border-bottom:1px dotted #cccccc;
background:#ffffff;
}

.comp_work10{
width:150px;
height:50px;
text-align:center;
border-bottom:1px dotted #cccccc;
background:#ffffff;
}

.comp_work11{
width:980px;
margin:0 auto;
}

.clear_l{
clear:left;
}

.banner_img1{
margin:0 auto;
}

img{
vertical-align:bottom;
border:none;
}

/*画像にアルファをかける*/
.alphaimage a:hover *{
filter: alpha(style=0; opacity=50);
-moz-opacity: 0.5;
opacity: 0.5;
}