@charset "utf-8";

/* -------------------- contetnsArea -------------------- */
#contetnsArea{
	background:#ffffff;
	float:right;
	width:565px;
}

#contetnsArea.w{
	float:none;
	width:740px;
}

/* コンテンツエリア基本スタイル */
/* 見出し */
h1,h2,h3,h4,h5,h6{
	clear:both;
	margin-top:2em;
	margin-bottom:1em;
	margin:20px 20px 10px 20px;
}
h1{
	/*
	background:url(../images/bg_title.gif) left top no-repeat;
	font-size:125%;
	line-height:80px;
	margin:0;
	padding-left:25px;
	width:540px;
	*/
	background:url(../images/bg_title.gif) left top no-repeat;
	display:table-cell;
	font-size:125%;
	height:80px;
	margin:0;
	padding-left:25px;
	padding-right:15px;
	width:525px;
	vertical-align:middle;
	/padding-top:20px;
	/height:60px;
}
*:first-child+html h1 {
	line-height:115%;
	vertical-align:baseline;
}

h2{
	background:url(../images/bg_h2.gif) left top no-repeat;
	border-bottom:1px solid #B2B2B2;
	font-size:125%;
	/*line-height:42px;
	padding-left:10px;*/
	padding:10px 0 7px 10px;
	width:515px;
}

h3{
	background:url(../images/bg_h3.gif) left bottom no-repeat;
	font-size:110%;
	padding:0 5px 4px 5px;
	width:515px;
}

h4{
	background:url(../images/pt_si_h4.gif) left center no-repeat;
	font-size:110%;
	padding:0 5px 0 10px;
	width:510px;
}

h5{
	font-size:110%;
}

h6{
	font-size:100%;
}

/**/
.product h1{
	background:url(../images/product/bg_pro_h1.jpg) left center no-repeat;
}

/*
.paper h1,
.print_news h1{
}
*/

.paper_after h1{
	background:url(../images/product/bg_si_after_h1.jpg) left center no-repeat;
}

.paper_inquiry h1{
	background:url(../images/product/bg_ref_h1.jpg) left center no-repeat;
}

.printing h1{
}

.printing_ptop h1{
	background:url(../images/product/bg_pr_h1.jpg) left center no-repeat;
}

.sheet_fed h1{
	background:url(../images/product/bg_pr1_h1.jpg) left center no-repeat;
}

.commercial h1{
	background:url(../images/product/bg_pr2_h1.jpg) left center no-repeat;
}


.newspaper h1{
	background:url(../images/product/bg_pr3_h1.jpg) left center no-repeat;
}

.user_repo h1{
	background:url(../images/product/bg_pr_us_h1.jpg) left center no-repeat;
}

.technic h1{
	background:url(../images/product/bg_pr_te_h1.jpg) left center no-repeat;
}

.service h1{
	background:url(../images/service/bg_after_h1.jpg) left center no-repeat;
}

.company h1{
	background:url(../images/company/bg_co_h1.jpg) left center no-repeat;
}

.recruit h1{
	background:url(../images/recruit/bg_rec_h1.jpg) left center no-repeat;
}

/**/
#contetnsArea.w h1{
	width:715px;
	/width:700px;
}

#contetnsArea.w h2{
	width:690px;
}

#contetnsArea.w h3{
	width:690px;
}

#contetnsArea.w h4{
	width:695px;
}

/* 段落 */
.para{
	clear:both;
	line-height:1.4em;
	margin:15px 20px 0 20px;
	zoom:100%;
}
.para:after{
	clear:both;
	content:"";
	display:block;
	height:0;
	visibility:hidden;
}

/* テキスト */
.para p{
	margin:0 0 8px 0;
}

.para .title{
	/*clear:both;*/
	font-weight:bold;
	margin:0 0 4px 0;
}

/* リスト */
.para ul,
.para ol{
	margin:0 0 8px 35px;
}

.para ul{
	list-style-image:url(../images/dot_m.gif);
}

.para .listM{
	list-style-image:url(../images/dot_m.gif);
}

.para .listS{
	list-style-image:url(../images/dot_s.gif);
}

.para .circle{
	list-style-type:circle;
	list-style-image:none;
}

.para .disc{
	list-style-type:disc;
	list-style-image:none;
}

.para .square{
	list-style-type:square;
	list-style-image:none;
}

/* 定義リスト */
.para dt{
	margin:0 0 0 0;
	font-weight:bold;/*追加*/
}

.para dd{
	margin:0 0 8px 25px;
}

.para .column2dl{
	margin-top:4px;
}
.para .column2dl:after{
	clear:both;
	content:"";
	display:block;
	height:0;
	visibility:hidden;
}

.para .column2dl dt{
	clear:both;
	float:left;
	width:75px;
	zoom:100%;
	font-weight:normal;/*追加*/
}

.para .column2dl dd{
	margin:0 0 4px 80px;
}

/**/
.para .dllist{
	margin:0 0 8px 0;
	clear:both;
}
.para .dllist:after{
	clear:both;
	content:"";
	display:block;
	height:0;
	visibility:hidden;
}

.para .dllist dt{
	float:left;
	font-weight:normal;
	margin:0 0 2px 0;
	width:3em;
	clear:left;
}

.para .dllist dd{
	margin:0 0 2px 3.2em;
	clear:right;
}
.para .dllist dd:after{
	clear:both;
	content:"";
	display:block;
	height:0;
	visibility:hidden;
}

/**/
.para table .dllist{
	margin:0;
}

.para table .dllist dt{
	width:auto;
}

.para table .dllist dd{
	text-align:right;
	margin-left:0;
}

/* テーブル */
.para table{
	border-collapse:collapse;
	border:0;
	margin:0 0 8px 0;
}

.para table img{
	vertical-align:middle;
}

.para table ul{
	margin-left:20px;
	list-style-image:url(../images/dot_s.gif);
	list-style:square;
}

.para th,
.para td{
	border:1px solid #999;
	padding:4px;
	vertical-align:top;
}

.para th{
	background:url(../images/bg_1.gif) #BABEC4;
	text-align:left;
}

.para .bgcolor1{
	background:url(../images/bg_2.gif) #EDEEF0;
}

.para .event_foreign{
	background:#D6D1F8;
}
.para .event_domes{
	background:#FFFFFF;
}

.para .noborder{
	border:none;
}
.para .noborder th,
.para .noborder td{
	border:none;
	padding:1px;
}

/* 2カラム リスト */
.para .columnlist,
.para .column2list,
.para .column3list{
	clear:both;
	list-style-image:none;
	list-style-type:none;
	margin-left:0;
	margin-right:0;
	zoom:100%;
}
.para .columnlist:after,
.para .column2list:after,
.para .column3list:after{
	clear:both;
	content:"";
	display:block;
	height:0;
	visibility:hidden;
}

.para .columnlist li,
.para .column2list li,
.para .column3list li{
	float:left;
	margin-bottom:4px;
	width:49%;
}
.para .column2list li{
	float:left;
	margin-bottom:4px;
	width:33%;
}

.para .column3list li{
	float:left;
	margin-bottom:4px;
	width:99%;
}

/* 2カラム イラスト */
.para .column,
.para .column2,
.para .column3,
.para .column4{
	clear:both;
	margin:0 0 5px 0;
	text-align:center;
	zoom:100%;
}

.para .column:after,
.para .column2:after,
.para .column3:after,
.para .column4:after{
	clear:both;
	content:"";
	display:block;
	height:0;
	visibility:hidden;
}

.para .column2 .fLeft,
.para .column2 .fRight{
	width:262px;
}

.para .column2 .tLeft{
	margin:0 auto;
	width:175px;
}

.para .column3 .fLeft,
.para .column3 .fRight{
	width:175px;
}

.para .column4 .fLeft,
.para .column4 .fRight{
	width:131px;
}

.categorytop{
	margin-top:20px;
}

.categorytop .column{
	padding-bottom:30px;/**/
}

.categorytop .img{
	float:left;
	width:80px;
}
.categorytop .column dl{
	margin-left:87px;
	text-align:left;
	width:160px;
}

.categorytop .column dd{
	margin:0;
	padding:4px 0;
}

/**/
.categorytop .column3 .fLeft{
	padding-left:4px;
	width:170px;
}

.categorytop .column3 p{
	background:url(../images/bg_tlist.gif) right bottom no-repeat;
	border:1px solid #dfdfdf;
	display:table-cell;
	text-align:left;
	width:160px;
	height:75px;
	vertical-align:middle;
	/position:relative;
}

.categorytop .column3 a{
	background:url(../images/arrow_m.gif) left 3px no-repeat;
	display:block;
	padding-left:12px;
	margin:0 10px;
	/position:absolute;
	/top:27%;
	/left:0;
}

/* バックナンバー一覧 */
.para .backnumberList{
	list-style-type:none;
	list-style-image:none;
	margin:0;
}
.para .backnumberList li{
	clear:both;
	margin-bottom:15px;
	zoom:100%;
}
.para .backnumberList li:after{
	clear:both;
	content:"";
	display:block;
	height:0;
	visibility:hidden;
}

.technic .para .backnumberList dl{
	margin-left:180px;
}

.user_repo .para .backnumberList dl{
	margin-left:100px;
}

.para .backnumberList dt{
	border-bottom:1px dotted #B5B5B5;
}
.para .backnumberList dd{
	margin:4px 0 0 0;
}

/* 強調 */
.para .emph{
	border:1px solid #b3b3b3;
	margin:0 0 8px 0;
	padding:6px;
}

.para .emph .title{
	margin:-6px -6px 6px -6px;
	padding:4px 4px 2px 4px;
}

/* 注意 */
.para .note{
	background:#EFEFEF;
	color:#CC3300;
	margin:0 0 8px 0;
	padding:6px;
}

/* PDFのダウンロード */
.para .pdfdownload{
	background:#EEEEEE;
	clear:both;
	padding:10px;
	zoom:100%;
}
.para .pdfdownload:after{
	clear:both;
	content:"";
	display:block;
	height:0;
	visibility:hidden;
}
.para .pdfdownload .fLeft{
	margin:0 10px 10px 0;
}

/* アイコン1（オレンジ三角） */
.para a img{
	vertical-align:middle;
}

.para .icon1{
	background:url(../images/arrow_pagetop.gif) left center no-repeat;
	padding-left:12px;
}

/* アイコン2（オレンジ＞＞） */
.para .icon2{
	background:url(../images/arrow_m.gif) left 0.2em no-repeat;
	padding-left:12px;
}

/* アイコン3（PDF＞＞） */
.para .icon3{
	background:url(../images/pdficon01.gif) left 0.2em no-repeat;
	padding-left:20px;
}



/* ボタンリンク */
.para .btLink{
	background:url(../images/bg_bt_b_off.gif) left center repeat-x #8494da;
	border:1px solid #3356c9;
	color:#ffffff;
	display:inline-block;
	padding:4px 8px;
	text-decoration:none;
	vertical-align:middle;
	/display:inline;
	/zoom:100%;
}
.para .btLink:link{
	color:#ffffff;
}
.para .btLink:visited{
	color:#ffffff;
}
.para .btLink:hover{
	background:url(../images/bg_bt_b_on.gif) left center repeat-x #a0b6e5;
	border:1px solid #628cd9;
	color:#ffffff;
}
.para .btLink:active{
	color:#ffffff;
}

/* pagenavi */
.pageNavi{
	text-align:center;
}

.pageNavi p{
	background:#eff0f2;
	margin:0 75px 10px 75px;
	padding:2px 4px 4px 4px;
}

.pageNavi p a{
	background:url(../images/arrow_s.gif) left 0.2em no-repeat;
	padding-left:12px;
}


.pageNavi ul{
	font-size:85%;
	font-weight:bold;
	margin:0;
	padding:0;
	text-align:center;
}

.pageNavi li{
	display:inline;
}

.pageNavi li a,
.pageNavi li span{
	display:inline-block;
	padding:0 8px;
	margin-bottom:4px;
	padding-top:12px;
}

.pageNavi li a{
	color:#8c8c8c;
	text-decoration:none;
}
.pageNavi li a:hover{
	color:#000;
	text-decoration:underline;
}

.pageNavi li span{
	color:#000;
}

/**/
.pageNavi li.c a,
.pageNavi li.c span{
	background:url(../images/ico_c.gif) center top no-repeat;
}

.pageNavi li.m a,
.pageNavi li.m span{
	background:url(../images/ico_m.gif) center top no-repeat;
}

.pageNavi li.y a,
.pageNavi li.y span{
	background:url(../images/ico_y.gif) center top no-repeat;
}

.pageNavi li.k a,
.pageNavi li.k span{
	background:url(../images/ico_k.gif) center top no-repeat;
}

.pageNavi li.g a,
.pageNavi li.g span{
	background:url(../images/ico_g.gif) center top no-repeat;
}

.pageNavi li.b a,
.pageNavi li.b span{
	background:url(../images/arrow_back.gif) center top no-repeat;
	border-right:1px solid #8c8c8c;
}

.pageNavi li.n a,
.pageNavi li.n span{
	background:url(../images/arrow_next.gif) center top no-repeat;
	border-left:1px solid #8c8c8c;
}

/* ページトップへ戻る */
.pageTop{
	clear:both;
	font-size:85%;
	margin:25px 0 0 0;
	text-align:right;
}

.pageTop a{
	background:url(../images/arrow_pagetop.gif) left center no-repeat;
	padding-left:12px;
}



/* -------------------- menuArea -------------------- */
#menuArea{
	float:left;
	font-size:90%;
	width:175px;
}

#menuArea dl{
	margin-bottom:25px;
}

#menuArea img{
	vertical-align:top;
}

#menuArea .selected a{
	background:#fbdddf;
}

#menuArea a{
	display:block;
	width:100%;
}
#menuArea a:hover{
	
}

/* 第1階層 */
#menuArea ul{
	width:100%;
	list-style:none;
}

#menuArea ul ul{
	display:none;
}
	

/* 第2階層 */
#menuArea ul ul a{
	/*background:#d1d1d1;
	font-weight:bold;
	width:150px;*/
	background:#e9e5e4;
	border-bottom:1px dotted #b5b5b5;
	border-left:5px solid #b5b5b5;
	font-weight:normal;
	padding:4px 5px 4px 20px;
	width:145px;

}

/* 第3階層 */
#menuArea ul ul ul a{
	background:#e9e5e4;
	border-bottom:1px dotted #b5b5b5;
	border-left:5px solid #b5b5b5;
	font-weight:normal;
	padding:4px 5px 4px 20px;
	width:145px;
}

#bannerArea{
	text-align:center;
}

#bannerArea li{
	margin-bottom:10px;
}