/*==========================================================



リセット



==========================================================*/

* {margin:0;padding:0;}

img {border:0;}

h1,h2,h3,h4,h5,h6 {font-size:100%;}



/*==========================================================



共通



==========================================================*/



body {

	background:left top url(/img/common/body_background.jpg);

	text-align:center;

	font-size:0.875em;

	line-height:1.2em;

	font-family:'ＭＳ Ｐゴシック','MS PGothic','メイリオ',Meiryo,sans-serif,Verdana,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro',osaka;

	color:#000000;

}



a {

	text-decoration: none;

	color:#0044cc;

}



a:hover{

	text-decoration: underline;

}



/*======= ページ全体=======*/

#container{

	width:54.268em;

	min-width:760px;

	padding:0;

	margin:0 auto;

	text-align:left;

	background-color:#FFF;

}

/*IE6*/

* html #container{

	width:760px;

}



/*==========================================================



ヘッダー



==========================================================*/

#header{

	width:100%;

	min-height:48px;

	padding:16px 0 0 8px;

}

/*IE6*/

* html #header{

	width:752px;

	height:48px;

}



/*======= 筆まめnetロゴマーク =======*/

#header h1{

	width:144px;

	height:33px;

	padding:0 8px 0 0;

	float:left;

}



/*======= ヘッダーナビ =======*/

#header ul{

	padding:15px 50px 0 8px;

	margin:0px;

	list-style:none;

	float:right;

}



#header ul li{

	min-width:50px;

	padding:0 0 0 16px;

	margin:0 6px 0 0;

	background: url(/img/common/marker_splite.png) -2px -236px no-repeat;

	float:left;

	vertical-align:bottom;

}

* html #header ul li{

white-space:nowrap;

}



/*==========================================================



コンテンツ



==========================================================*/

#contents{

	width:36.571em;

	min-width:512px;

	padding:0 0 0 8px;

	float:right;

	clear:both;

	position:relative;

}

/*IE6*/

* html #contents{

	width:512px;

}



/*==========================================================



ナビ



==========================================================*/

#navi{

/*	width:17.143em;*/

	width:240px;

	float:right;

}

/*IE6*/

* html #navi{

/*	width:240px;*/

	font-size:14px;

/*	padding:0 8px 0 0;*/

}



#navi a{

	font-weight:bold;

}



/*IE6のimgの上下余白対策*/

* html #navi img{

	display:block;

}



#main_navi

{

	margin:0 0 6px 0;

}





/*=======　製品に関する情報、サポート・サービス　=======*/

#main_navi dt{

/*	height:2.286em;*/

	height:32px;

	max-height:41px;

	padding:0;

	margin:0;

}

/*IE6*/

* html #main_navi dt{

	height:32px;

}



#main_navi dd{

	height:48px;

	padding:0;

	margin:0;

}



/*最終行（ダウンロード）*/

#main_navi dd#navi_download{

	height:50px;

}



/*=======　お役立ちサイト　=======*/



/*IE6*/

* html #helpful_site{

	margin:0 0 0 0;

}



#helpful_site dt{

	height:48px;

	margin:0;

	padding:0;

}

/*IE6*/

* html #helpful_site dt{

	margin:0 0 1px 0;

}



#helpful_site dd{

/*	width:17.143em;*/

	width:240px;

/*	height:4em;*/

	min-height:56px;

	padding:0;

	margin:0;

	overflow:hidden;

	background: url(/img/navi/bg_separator.png) left bottom no-repeat;

}



#helpful_site dd span.arrow{

	background:url(/img/common/marker_splite.png) 0 0 no-repeat;

	height:55px;

	width:43px;

	float:left;

	overflow:hidden;

	display:block;

}



/*IE6*/

* html #helpful_site dd{

	width:100%;

	height:56px;

	padding:0;

/*	margin:0 0 1px 0;*/

}

/*IE7*/

*:first-child+html #helpful_site dd{

	height:56px;

}



/*最終行（新聞・チラシ・POP作成ナビ）*/

#helpful_site dd#news_bill_pop_site{

	background:none;

}



/*=======　直販サイト　=======*/

#shopping_site{

	margin:0 0 8px 0;

}

/*IE6*/

* html dl#shopping_site{

	padding:0;

	margin:-5px 0 2px;

}



#shopping_site dt{

	height:48px;

	padding:0;

	margin:0;

}

/*IE6*/

* html #shopping_site dt{

	padding:4px 0 0 0 ;

/*	margin:0 0 2px 0;*/

}



#shopping_site dd{

/*	width:17.143em;*/

	width:240px;

/*	height:4em;*/

	min-height:56px;

	padding:0;

	margin:0;

	overflow:hidden;

	background: url(/img/navi/bg_separator.png) left bottom no-repeat;

}

#shopping_site dd span.arrow{

	background:url(/img/common/marker_splite.png) 0px -165px no-repeat;

	height:55px;

	width:43px;

	float:left;

	overflow:hidden;

	display:block;

}

/*IE6*/

* html #navi dl#shopping_site dd{

	width:100%;

	height:56px;

}

/*IE7*/

*:first-child+html #shopping_site dd{

	height:56px;

}



/*=======　お役立ちサイト、直販サイトのテキスト　=======*/

#helpful_site dd p,

#shopping_site dd p{

	width:192px;

	padding:6px 0 0 0;

	float:right;

}



* html #helpful_site dd p{

	padding:5px 0 0 0;

}

* html #shopping_site dd p{

	padding:6px 0 0 0;

}



/*=======　リンクの説明文　=======*/

#helpful_site dd p.explanation{

/*	width:13.143em;*/

	width:193px;

	margin:0;

	padding:5px 0 8px 0px;

}



#shopping_site dd p.explanation{

/*	width:13.143em;*/

	width:193px;

	margin:0;

	padding:4px 0 8px 0px;

}







/*IE6*/

* html #helpful_site dd p.explanation{

	padding:4px 0 8px 0;

}

* html #shopping_site dd p.explanation{

	padding:3px 0 5px 0;

}



/*IE7*/

*:first-child+html #shopping_site dd p.explanation,

*:first-child+html #helpful_site dd p.explanation{

	padding-bottom:7px;

}



/*=======　お役立ちサイトリンク　=======*/

#helpful_site dd p a{

/*	width:13.643em;*/

	width:191px;

/*	min-height:48px;*/

	padding:1px 0 0 0px;

	margin:0 0 2px 0;



	display:block;

}





/*=======　直販サイトリンク　=======*/

#shopping_site dd p a {

/*	width:13.643em;*/

	width:191px;

/*	min-height:48px;*/

	padding:1px 0 0 0px;

	margin:0 0 3px 0;

	display:block;

}

/*IE6*/

* html #shopping_site dd p a,

* html #helpful_site dd p a{

	width:191px;

/*	height:45px;

	vertical-align:text-bottom;*/

}



/*=======　バナー領域　=======*/

#navi ul.banner_area{

	padding:0 0 0 8px;

	margin:0 0 0 0;

	list-style:none;

}

/*IE6*/

* html #navi ul.banner_area{

	padding:7px 0 0 8px;

	margin:0 0 0 0;

}

*:first-child+html #navi ul.banner_area{

	padding:0 0 0 8px;

	margin:-17px 0 0 0;

}



#navi ul.banner_area li{

	display:block;

	padding:0 0 16px 0;

	margin:0 0 0 0;

}



#navi ul.banner_area li img{

	display:block;

	padding:0 0 0 0;

	margin:0 0 0 0;

}



/*IE6*/

* html #navi ul.banner_area li{

	padding:0 0 0 0;

	margin:-18px 0 0 0;

	display:inline-table;

}

*:first-child+html #navi ul.banner_area li{

	padding:0 0 0 0;

	margin:-1px 0 0 0;

}



/*==========================================================



フッター



==========================================================*/

#footer{

	width:100%;

	height:56px;

	padding:5px 0 0 0;

	clear:both;

	border-top:#959595 1px solid;

}

/*IE6*/

* html #footer{

	padding:6px 0 0 0;

}





/*=======　株式会社クレオマーク　=======*/

#footer #company{

	padding:3px 8px 0 0;

	float:right;

}

/*IE6*/

* html #footer #company{

	padding:2px 7px 0 0;

}



/*=======　フッターリンク　=======*/

#footer ul{

	padding:0 4px 0 7px;

	float:left;

	list-style:none;

	background: url(/img/footer/separator.png) right 3px no-repeat;

}

/*IE6*/

* html #footer ul{

	padding:0 5px 0 7px;

}

/*IE7*/

*:first-child+html #footer ul{

	padding:0 5px 0 7px;

}



#footer ul li{

	height:1em;

	padding:2px 5px 6px 9px;

	float:left;

	background: url(/img/footer/separator.png) left 3px no-repeat;

}

/*IE6*/

* html #footer ul li{

	padding:1px 5px 3px 9px;

	background-position:left 2px;

/*	white-space:nowrap;*/

}



/*=======　コピーライト　=======*/

#footer #copyright{

	margin:0px;

	padding:0 0 0 8px;

	font-style:normal;

	font-size:0.714em;

	font-family:Geneva, Arial, Helvetica, sans-serif;

	color:#959595;

	float:left;

	white-space:nowrap;

}