@charset "utf-8";
/*
 *トップページ用
 *
 */
#mainContent div.section{
padding: 0; /* 初期化 */
}
#mainContent h2{
font-size: 14px;color: #fff;line-height: 2.5;text-indent: 10px;
width: auto;height: 34px;
margin-bottom: 5px;
border-left: 1px solid #fff;border-right: 1px solid #fff;
background-color: #8DC21F;
padding: 0; /* 初期化 */
}
/*
 * イメージフリップ
 */
/* デフォルト */
#imageflip{position: relative;overflow: hidden;width: 608px;height: 310px;margin-top: 10px;margin-bottom: 10px;}
#imageflip #flip{overflow: hidden;width: 608px;height: 250px;}
#flip img{display: block;position: absolute;}
#flipnavi{overflow: hidden;height: 59px;padding: 0 9px;background-color: #202831;}
#flipnavi img{margin: 5px 2px;border: 2px solid #fff;}

/*
#imageflip{position: relative;overflow: hidden;width: 608px;height: 250px;margin-top: 10px;margin-bottom: 10px;}
#imageflip #flip{overflow: hidden;width: 608px;height: 250px;}
#flip img{display: block;position: absolute;}
#flipnavi{position: absolute;bottom: 0;right: 0;width: auto;z-index: 999;overflow: hidden;height: auto;padding: 5px 2px;background-color: transparent;}
#flipnavi img{margin: 1px 2px;border: 1px solid #fff;background-color: #666;padding: 1px;}
*/

/*
#imageflip{position: relative;overflow: hidden;width: 608px;height: auto;margin-top: 10px;margin-bottom: 0px;}
#imageflip #flip{overflow: hidden;width: 608px;height: 250px;}
#flip img{display: block;position: absolute;}
#flipnavi{overflow: hidden;height: 35px;padding: 0 9px;background-color: #fff;padding-left: 300px;}
#flipnavi img{margin: 5px 2px;border: 2px solid #fff;}
*/

/*
#imageflip{position: relative;overflow: hidden;width: 608px;height: 310px;margin-top: 10px;margin-bottom: 10px;}
#imageflip #flip{overflow: hidden;width: 608px;height: 250px;}
#flip img{display: block;position: absolute;}
#flipnavi{overflow: hidden;height: 59px;padding: 0 9px;background-color: #202831;}
#flipnavi img{margin: 5px 2px;border: 2px solid #fff;}
*/

#mainContent ul#pnrecomend{
margin-left: 10px;
list-style-type: none;
}
#mainContent ul#pnrecomend li{
float: left;
width: 194px; height: 63px;
margin-right: 4px;
}
#mainContent ul#pnrecomend li a{
display: block;
width: 194px; height: 63px;
margin: 0 auto;margin-top: 3px;
}
#mainContent ul#pnrecomend li a span{display: none;}
/* 背景 */
#mainContent ul#pnrecomend li#pnrecomend_1 a{background: #fff url(images/sp_contents.png) no-repeat scroll 0 0;}
#mainContent ul#pnrecomend li#pnrecomend_2 a{background: #fff url(images/sp_contents.png) no-repeat scroll -198px 0;}
#mainContent ul#pnrecomend li#pnrecomend_3 a{background: #fff url(images/sp_contents.png) no-repeat scroll -396px 0;}
#mainContent ul#pnrecomend li#pnrecomend_4 a{background: #fff url(images/sp_contents.png) no-repeat scroll 0 -64px;}
#mainContent ul#pnrecomend li#pnrecomend_5 a{background: #fff url(images/sp_contents.png) no-repeat scroll -198px -64px;}
#mainContent ul#pnrecomend li#pnrecomend_6 a{background: #fff url(images/sp_contents.png) no-repeat scroll -396px -64px;}
#mainContent ul#pnrecomend li#pnrecomend_7 a{background: #fff url(images/sp_contents.png) no-repeat scroll 0 -128px;}
#mainContent ul#pnrecomend li#pnrecomend_8 a{background: #fff url(images/sp_contents.png) no-repeat scroll -198px -128px;}
#mainContent ul#pnrecomend li#pnrecomend_9 a{background: #fff url(images/sp_contents.png) no-repeat scroll -396px -128px;}

/*
 * シチュエーション検索
	div#situation{margin-top: 10px;
	margin-left: 10px;
	}
	div#situation a{
	display: block;width: 590px;height: 180px;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	background: #e6e6e6 url(images/situation.png) no-repeat scroll 0 0;
	}
	div#situation a:hover{
	background-color: orange;
	}
 */

/*
 * ピックアップカテゴリー
 */
ul#design,
ul#pickup_category{list-style-type: none;width: 590px;overflow: hidden;margin-left: 10px;margin-top: 5px;}
ul#design li,
ul#pickup_category li{float: left;display: inline;}
ul#design li a,
ul#pickup_category li a{display: block;}
/* 1段目 */
ul#pickup_category li#ebook{margin-right: 4px;}
ul#pickup_category li#ebook a{
width: 293px;height: 180px;
background: #e6e6e6 url(images/sp_contents.png) no-repeat scroll 0 -12px;
}
ul#pickup_category li#situation a{
width: 293px;height: 180px;
background: #e6e6e6 url(images/sp_contents.png) no-repeat scroll -297px -12px;
}
/* 2段目 */
ul#design li#design_pickup{margin-right: 5px;}
ul#design li#design_pickup a{
width: 345px;height: 199px;
background: #e6e6e6 url(images/sp_contents.png) no-repeat scroll 0 -211px;
}
ul#design li#water_less{height: 102px;}
ul#design li#water_less a{
width: 240px;height: 97px;
background: #e6e6e6 url(images/sp_contents.png) no-repeat scroll -350px -211px;
}
/*
ul#design li#recomend_pdf{margin-top: 5px;}
*/
ul#design li#recomend_pdf a{
width: 240px;height: 97px;
background: #e6e6e6 url(images/sp_contents.png) no-repeat scroll -350px -313px;
}

ul#pickup_category li#ebook a:hover,
ul#pickup_category li#situation a:hover,
ul#design li#design_pickup a:hover,
ul#design li#water_less a:hover,
ul#design li#recomend_pdf a:hover{background-color: orange;}


#mainContent h3{
font-size: 14px;color: #333;line-height: 2.5;text-indent: 10px;
/*
width: 588px;height: 34px;
margin-left: 10px;margin-top: 10px;
*/
width: 608px;height: 34px;
margin-top: 10px;
border: 1px solid #999;border-bottom: none;
background-color: #e6e6e6;
}

/*
 * お知らせ
 */
h3#information{
background: none;
background-color: #eaeaea;
}
#inform_area{
/*
width: 588px;height: 500px;

margin-left: 10px;
*/
width: 608px;height: 700px;
overflow: scroll;overflow-x: hidden;

border: 1px solid #999;border-top: none;
}
#inform_area table{border-collapse:collapse;}
#inform_area table td{font-size: 12px;line-height: 1.5;}

#past_history{
text-align: center;
/*
width: 590px;
margin-left: 10px;
*/
width: 608px;
padding: 5px 0;
background-color: #eaeaea;
}
/*
 * 定番商品
 */
h3#pickitem_title{
font-size: 14px;color: #fff;font-weight: bold;text-indent: 10px;line-height: 2.7;height: 34px;
border: none; /* 初期化 */
background-color: #8dc21f;
border: 1px solid #8dc21f;
/*
background: #8dc21f url(images/ring.png) no-repeat scroll 8px 11px;
*/
}
div.section div#pickitem{
overflow: hidden;
text-align: left;
border: 1px solid silver;
/*
width: 588px;
margin: 0 0 10px 10px;
*/
width: 608px;
margin: 0 0 10px 0;
}
div.section div#pickitem *{margin: 0;padding: 0;}

div.section div#pickitem div.categoly{border-top: 1px dotted silver;padding: 0 10px 10px 10px;margin-top: -1px;}
* html div.section div#pickitem div.categoly{height: auto;} /* IE5 */
div.section div#pickitem h4{
font-size: 15px;color: #333;font-weight: bold;text-indent: 0;line-height: 3;
height: 30px;
background-color: #fff;
}
* html div.section div#pickitem h4{
overflow: hidden;
clear: left; /* IE5 */
}
div.section div#pickitem h4 span{font-size: 12px;line-height: 3.8;}

div.section div#pickitem h5{
font-size: 15px;font-weight: bold;color: #0666AB;line-height: 1.8;
margin: 5px 0 0 0;padding: 0;background-color: #fff;
}

/* イメージ画像 */
div.section div#pickitem p#img_flyer,
div.section div#pickitem p#img_pamphlet,
div.section div#pickitem p#img_catalog,
div.section div#pickitem p#img_meishi,
div.section div#pickitem p#img_postcard{width: 140px; height: 140px;}
div.section div#pickitem p#img_flyer   {background: transparent url(images/sp_pickup.png) no-repeat scroll 0 0;}
div.section div#pickitem p#img_pamphlet{background: transparent url(images/sp_pickup.png) no-repeat scroll 0 -140px;}
div.section div#pickitem p#img_catalog {background: transparent url(images/sp_pickup.png) no-repeat scroll 0 -280px;}
div.section div#pickitem p#img_meishi  {background: transparent url(images/sp_pickup.png) no-repeat scroll 0 -420px;}
div.section div#pickitem p#img_postcard{background: transparent url(images/sp_pickup.png) no-repeat scroll 0 -560px;}

/* タイトルアイコン */
/*
div.section div#pickitem h4#c-fly     {background: transparent url(images/pick_ico.png) no-repeat scroll 0 0;}
div.section div#pickitem h4#c-pam     {background: transparent url(images/pick_ico.png) no-repeat scroll 0 -33px;}
div.section div#pickitem h4#c-oripam  {background: transparent url(images/pick_ico.png) no-repeat scroll 0 -66px;}
div.section div#pickitem h4#c-meishi  {background: transparent url(images/pick_ico.png) no-repeat scroll 0 -102px;}
div.section div#pickitem h4#c-postcard{background: transparent url(images/pick_ico.png) no-repeat scroll 0 -136px;}
*/

div.section div#pickitem p.paperimage{
display: inline; /* IE6 */
margin-left: 20px;
margin-right: 10px;
}

div.section div#pickitem .summary{width: 410px;}
div.section div#pickitem .summary p{color: #4c4c4c;line-height: 1.5;}

div.section div#pickitem .pititle{
font-size: 13px;color: #666;font-weight: bold;
margin-bottom: 5px;
}

div.section .kei{font-family: Arial;font-size: 40px;color: #E70012;font-weight: bold;font-style: oblique;
text-shadow:
-2px -2px 1px #fff,
2px -2px 1px #fff,
2px 2px 1px #fff,
-2px 2px 1px #fff,

-3px -3px 2px #E70012,
3px -3px 2px #E70012,
3px 3px 2px #E70012,
-3px 3px 2px #E70012;
}
div.section .small{font-size: 25px;}

p.pickup_price{margin-left: 10px !important;}
a.low_price{text-decoration: none;}
a.low_price:hover{text-decoration: underline;}

/*
 * 中央コンテンツバナー
 */
/* 大バナー 3大ポイント */
#content_banner_0{
width: 608px;height: 134px;
/*
margin-bottom: 5px;
*/
background: #fff url(./images/sp_contents_banner.png) no-repeat scroll 0 0;
}
#content_banner_0 a{
display: block;float: left;display: inline;margin-left: 2px;
width: 199px;height: 103px;
margin-top: 28px;
}
#content_banner_0 a:hover{border: 2px solid orange;}
/* 普通サイズバナー */
.content_banner{width: 608px;height: 74px;margin-bottom: 5px;}
.content_banner a{display: block;width: 608px;height: 74px;}
#content_banner_1{background: #fff url(./images/sp_contents_banner.png) no-repeat scroll 0 -285px;}/* ウイルスガード */
#content_banner_2{background: #fff url(./images/sp_contents_banner.png) no-repeat scroll 0 -210px;}/* お買い物手順 */
#content_banner_3{background: #fff url(./images/sp_contents_banner.png) no-repeat scroll 0 -135px;}/* 請求書払い */
#content_banner_4{background: #fff url(./images/sp_contents_banner.png) no-repeat scroll 0 -361px;}/* ワンコイン名刺 */

/*
 * 並列ミニバナー
 */
.cb_box{width: 608px;}
.cb_mini{width: 616px;margin-right: -8px;}
.cb_mini li{float: left;list-style-type: none;margin-right: 8px;
margin-bottom: 10px;
/*
*/
}
.cb_mini li a{display: block;width: 300px;height: 74px;}
#cb_9 a,#cb_10 a,#cb_11 a,#cb_12 a{width: 300px;height: 96px;}
#cb_13 a{display: block;width: 608px; height: 71px;}

#cb_1 a{background: #fff url(./images/sp_contents_banner_mini.png) no-repeat scroll 0 0;} /* 法人請求書払い */
/* #cb_2 a{background: #fff url(./images/sp_contents_banner_mini.png) no-repeat scroll -308px 0;} */ /* お買い物手順 */
#cb_2 a{background: #fff url(./images/sp_2014_center.png) no-repeat scroll -309px -291px;} /* お買い物手順 */
#cb_3 a{background: #fff url(./images/sp_contents_banner_mini.png) no-repeat scroll -308px -84px;} /* ワンコイン名刺 */
#cb_4 a{background: #fff url(./images/sp_contents_banner_mini.png) no-repeat scroll 0 -84px;} /* コミックマーケット85 */
#cb_5 a{background: #fff url(./images/sp_contents_banner_mini.png) no-repeat scroll 0 -168px;} /* 電子ブック */
#cb_6 a{background: #fff url(./images/sp_contents_banner_mini.png) no-repeat scroll -308px -168px;} /* シチュエーション検索 */
#cb_7 a{background: #fff url(./images/sp_contents_banner_mini.png) no-repeat scroll 0 -252px;} /* メール便印刷チラシ */
#cb_8 a{background: #fff url(./images/sp_contents_banner_mini.png) no-repeat scroll -308px -252px;} /* メール便中綴じ */
#cb_9 a{background: #fff url(./images/sp_2014_center.png) no-repeat scroll 0 -81px;} /* 名刺 */
#cb_10 a{background: #fff url(./images/sp_2014_center.png) no-repeat scroll -309px -81px;} /* フライヤー・チラシ */
#cb_11 a{background: #fff url(./images/sp_2014_center.png) no-repeat scroll 0 -184px;} /* 中綴じ冊子 */
#cb_12 a{background: #fff url(./images/sp_2014_center.png) no-repeat scroll -309px -184px;} /* ポスター */
#cb_13 a{background: #fff url(./images/sp_2014_center.png) no-repeat scroll 0 0;} /* 楽デザネット */

.cb_box .sepa{
color: #3c3c3c;
padding-left: 20px;
background: #fff url(./images/bullet.png) no-repeat scroll 0 center;}


/*
 * ページ下部に商品一覧
 */
.list_item_all{height: 850px;background-color: #f5f5f5;}
.list_item_column{float: left;height: 100%;padding: 0 22px;margin-left: -1px;border-left: 1px solid silver;}
.list_item_column div{margin-top: 10px;}
.list_item_column dt{font-weight: bold;text-indent: 7px;display: block;padding: 2px;margin-bottom: 5px;background-color: #eaeaea;}
.list_item_column ul{font-size: 11px;list-style-type: none;}