@charset 'utf-8';

/*////////////////////////////////////// initialize */

body,div,pre,p,blockquote,
form,fieldset,input,textarea,select,option,
dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,
table,th,td,embed,object {
	margin: 0;
	padding: 0;
	vertical-align: baseline;
	font-size: 12px;
	line-height: 18px;
}

h1,h2,h3,h4,h5,h6 {
	font-style: normal;
	font-weight: normal;
	font-size: 1.0em;
}

img,iframe{
	border: 0;
}

ol,ul {
	list-style:none;
}

html {
	overflow-y:scroll;
}

/*////////////////////////////////////// clearfix */

div:after {
	content: "."; 
	display: block; 
	height: 0;
	clear: both; 
	visibility: hidden;
}

div {display: inline-table;}

/*\*/
* html div { height: 1em;}
div { display: block;}
/**/

/*////////////////////////////////////// layout */

body {
	background-image: url('img/sidebar_48x800.jpg');
	background-repeat: repeat-y;
}

#container{
	width: 896px;
}

#header{
	height: 128px;
	
	border-bottom: 1px solid black;
	
	background-image: url('img/header-bg_896x128.jpg');
}

#contents{
	position: relative;
}

#side{
	position: absolute;
	top: 0;
	left: 0;
	width: 192px;
}

#frame{
	margin: 0 0 0 192px;
	width: 704px;
}

#footer{
	background: url('img/arrow_footer_800x108.gif') no-repeat 96px 0px;
}

/*////////////////////////////////////// header */

#header h1#logo{
	margin: 0 0 0 48px;
}

#header h1#logo a{
	width: 176px;
	height: 128px;
	
	font-size: 1px;
	display: block;
	te\xt-indent: -10000px;
}

/*////////////////////////////////////// sidenavi */

#navi{
	margin: 0 16px 0 16px;
}

#navi ul{
	width: 160px;
}

#navi ul li{
	padding: 0 0 0 32px;
	background: url('img/nav-line_32x32.gif') no-repeat 0px 0px;
}

#navi ul li ul{
	width: auto;
}

#navi ul li ul li{
	background: none;
	padding: 0 0 0 0;
}

#contents_navi{
	margin: 16px 0 0 0;
	
	width: 160px;
	height: 24px;
	
	background: url('img/contents_160x24.gif') no-repeat 0px 0px;
}

#contents_navi_service{
	margin: 8px 0 8px 0;
	
	width: 128px;
	height: 32px;
	
	background: url('img/service_128x32.gif') no-repeat 0px 0px;
}

#contents_navi_company{
	margin: 8px 0 8px 0;
	
	width: 128px;
	height: 32px;
	
	background: url('img/company_128x32.gif') no-repeat 0px 0px;
}

#contents_navi_inquiry{
	margin: 8px 0 8px 0;
	
	width: 128px;
	height: 32px;
	
	background: url('img/inquiry_128x32.gif') no-repeat 0px 0px;
}

/*////////////////////////////////////// frame */

#frame{
	
}

h2#contents_printing_works{
	background: url('img/title-printing-works_704x64.gif') no-repeat 0px 0px;
}

h2#contents_designing{
	background: url('img/title-designing_704x64.gif') no-repeat 0px 0px;
}

h2#contents_digital_data{
	background: url('img/title-digital-data_704x64.gif') no-repeat 0px 0px;
}

h2#contents_workflow{
	background: url('img/title-workflow_704x64.gif') no-repeat 0px 0px;
}


h2#contents_products{
	background: url('products/title-products_704x64.gif') no-repeat 0px 0px;
}

h2#contents_manufacturing{
	background: url('products/title-manufacturing_704x64.gif') no-repeat 0px 0px;
}


h2#contents_company_information{
	background: url('img/title-company_704x64.gif') no-repeat 0px 0px;
}

h2#contents_map{
	background: url('img/title-map_704x64.gif') no-repeat 0px 0px;
}

h2#contents_recruit{
	background: url('company/title-recruit_704x64.gif') no-repeat 0px 0px;
}

h2#contents_plivacy_policy{
	background: url('company/title-plivacy_policy_704x64.gif') no-repeat 0px 0px;
}

h2#contents_inquiry{
	background: url('img/title-inquiry_704x64.gif') no-repeat 0px 0px;
}

h4#sub_dezain{
	background: url('designing/dezain_352x32.gif') no-repeat 0px 0px;
}

h4#sub_toriatsukai{
	background: url('products/sub_toriatsukai_352x32.gif') no-repeat 0px 0px;
}

h4#sub_hazimete{
	background: url('products/sub_hazimete_352x32.gif') no-repeat 0px 0px;
}

h4#sub_seihon{
	background: url('products/sub_seihon_352x32.gif') no-repeat 0px 0px;
}

h4#sub_hyomen{
	background: url('products/sub_hyomen_352x32.gif') no-repeat 0px 0px;
}

h4#sub_goaisatsu{
	background: url('company/sub_goaisatu_352x32.gif') no-repeat 0px 0px;
}

h4#sub_eigyoannai{
	background: url('company/sub_eigyoannai_352x32.gif') no-repeat 0px 0px;
}

h4#sub_enkaku{
	background: url('company/sub_enkaku_352x32.gif') no-repeat 0px 0px;
}

h4#sub_setsubi{
	background: url('company/sub_setubi_352x32.gif') no-repeat 0px 0px;
}

h4#sub_setsubi{
	background: url('company/sub_setubi_352x32.gif') no-repeat 0px 0px;
}

h4#sub_tousyade{
	background: url('digital-data/sub_tousyade_352x32.gif') no-repeat 0px 0px;
}

h4#sub_detano{
	background: url('digital-data/sub_detano_352x32.gif') no-repeat 0px 0px;
}

h4#sub_saitekina{
	background: url('digital-data/sub_saitekina_352x32.gif') no-repeat 0px 0px;
}

h4#sub_otemoto{
	background: url('workflow/sub_otemoto_352x32.gif') no-repeat 0px 0px;
}



h4#sub_akusesu{
	background: url('company/sub_akusesu_352x32.gif') no-repeat 0px 0px;
}

h4#sub_type_of_job{
	background: url('company/sub_type_of_job_352x32.gif') no-repeat 0px 0px;
}

h4#sub_how_to_entry{
	background: url('company/sub_how_to_entry_352x32.gif') no-repeat 0px 0px;
}

h4#sub_kihonrinen{
	background: url('company/sub_kihonrinen_352x32.gif') no-repeat 0px 0px;
}

h4#sub_housin{
	background: url('company/sub_housin_352x32.gif') no-repeat 0px 0px;
}

h4#sub_meruniyoru{
	background: url('inquiry/sub_meruniyoru_352x32.gif') no-repeat 0px 0px;
}

h4#sub_kakunin{
	background: url('inquiry/sub_kakunin_352x32.gif') no-repeat 0px 0px;
}

h4#sub_error{
	background: url('inquiry/sub_error_352x32.gif') no-repeat 0px 0px;
}

h4#sub_soushin{
	background: url('inquiry/sub_soushin_352x32.gif') no-repeat 0px 0px;
}

#top_copy{
	width: 704px;
	height: 256px;
	
	background: url('img/main-image_704x256.jpg') no-repeat 0px 0px;
}

/*////////////////////////////////////// top_navi */

#top_navi{
	margin: 16px 0 16px 0;
}

#top_navi .contents_navi2_title{
	display: block;
	padding: 0 0 0 4px;
	font-size: 12px;
	line-height: 32px;
	border-bottom: 1px solid #00008B;
}

#top_navi .contents_navi2_discript{
	padding: 4px 0 0 4px;
	display: block;
}

#top_navi li{
	position: relative;
}

#contents_navi2_design{
	background: url('img/designing_24x72.gif') no-repeat 0px 0px;
}

#contents_navi2_design .button_white_large{
	width: 160px;
}

#contents_navi2_design_pallet{
	position: absolute;
	top: 0;
	margin: 0 0 0 256px;
	width: 448px;
}

#contents_navi2_data{
	float: left;
	background: url('img/digital-data_24x72.gif') no-repeat 0px 0px;
}

#contents_navi2_workflow{
	float: left;
	background: url('img/workflow_24x72.gif') no-repeat 0px 0px;
}

#contents_navi2_overview{
	float: left;
	background: url('img/company_24x72.gif') no-repeat 0px 0px;
}

#contents_navi2_mail{
	float: left;
	background: url('img/inquiry_24x72.gif') no-repeat 0px 0px;
}

#contents_navi2_design .contents_navi2_container,
#contents_navi2_workflow .contents_navi2_container,
#contents_navi2_data .contents_navi2_container,
#contents_navi2_overview .contents_navi2_container{
	margin: 0 16px 0 24px;
}

#contents_navi2_mail .contents_navi2_container{
	margin: 0 0 0 24px;
}


#contents_navi2_design{
	height: 88px;
	width: 184px;
}

#contents_navi2_data,
#contents_navi2_workflow{
	height: 72px;
	width: 200px;
}

#contents_navi2_overview{
	height: 72px;
	width: 160px;
}

#contents_navi2_mail{
	height: 72px;
	width: 144px;
}

/*////////////////////////////////////// designing */

#design_container{
	position: relative;
}

#design_pallet{
	position: absolute;
	left: 0;
	width: 128px;
}

#design_view{
	margin: 0 0 0 144px;
	width: 560px;
	height: 720px;
}

#design_pallet{
	
}

.design_pallet_list{
	width: 100%;
}

.design_pallet_list li{
	width: 56px;
	height: 56px;
	float: left;
}

/*////////////////////////////////////// workflow */

#workflow_details{
	margin: 16px 0 16px 32px;
}

#workflow_details li{
	margin: 16px 0 0 0;
	padding: 0 0 0 96px;
}

#workflow_details_access{
	background: url('workflow/access-icon_64x64.jpg') no-repeat 0px 0px;
}

#workflow_details_access_title{
	background: url('workflow/access_512x36.gif') no-repeat 0px 0px;
	width: 512px;
	height: 36px;
}

#workflow_details_planning{
	background: url('workflow/planning-icon_64x64.jpg') no-repeat 0px 0px;
}

#workflow_details_planning_title{
	background: url('workflow/planning_512x36.gif') no-repeat 0px 0px;
	width: 512px;
	height: 36px;
}

#workflow_details_order{
	background: url('workflow/order-icon_64x64.jpg') no-repeat 0px 0px;
}

#workflow_details_order_title{
	background: url('workflow/order_512x36.gif') no-repeat 0px 0px;
	width: 512px;
	height: 36px;
}

#workflow_details_design{
	background: url('workflow/design-icon_64x64.jpg') no-repeat 0px 0px;
}

#workflow_details_design_title{
	background: url('workflow/design_512x36.gif') no-repeat 0px 0px;
	width: 512px;
	height: 36px;
}

#workflow_details_production{
	background: url('workflow/production-icon_64x64.jpg') no-repeat 0px 0px;
}

#workflow_details_production_title{
	background: url('workflow/production_512x36.gif') no-repeat 0px 0px;
	width: 512px;
	height: 36px;
}

#workflow_details_packaging{
	background: url('workflow/packaging-icon_64x64.jpg') no-repeat 0px 0px;
}

#workflow_details_packaging_title{
	background: url('workflow/packaging_512x36.gif') no-repeat 0px 0px;
	width: 512px;
	height: 36px;
}

#workflow_details_access .workflow_details_discript,
#workflow_details_planning .workflow_details_discript,
#workflow_details_order .workflow_details_discript,
#workflow_details_design .workflow_details_discript,
#workflow_details_production .workflow_details_discript{
	padding: 16px 0 48px 0;
	background: url('workflow/arrow-flow_64x32.gif') no-repeat bottom center;
}

/*////////////////////////////////////// products */

.products_discription{
	margin: 32px 0 32px 240px;
}

/*////////////////////////////////////// footer */

#copyright{
	padding: 108px 0 0 0;
	text-align: right;
	
	color: gray;
}

/*////////////////////////////////////// util */

h1{
	
}

h2{
	margin: 16px 0 16px 0;
	
	width: 704px;
	height: 64px;
	
	font-size: 1px;
	display: block;
	text-indent: -10000px;
}

h3{
	font-size: 16px;
	font-weight: normal;
	line-height: 24px;
	
	padding: 0px 0px 2px 32px;
	margin: 4px 0px 8px 0px;
	border-bottom: 1px solid #808080;
}

h4{
	margin: 16px 0 16px 0;
	
	width: 704px;
	height: 32px;
	
	font-size: 1px;
	display: block;
	text-indent: -10000px;
}

h5{
	font-weight: normal;
	line-height: 21px;
	font-size: 14px;
	color: #00008B;
	padding: 2px 0px 2px 32px;
	margin: 16px 0px 8px 0px;
	border-left: 1px solid #00008B;
	border-bottom: 1px solid #00008B;
}


/* buttom */
.button_white{
	height:32px;
	width:100%;
	position: reletive;
}

.button_white a{
  line-height:32px;
	display:block;
	text-decoration:none;
	color: #00008B;
	padding: 0 0 0 16px;
	width:100% - 16px;
	height:100%;
}

.button_white a:hover{
	background-color: #E7E7FF;
}


.button_white_large{
	height:72px;
	width:100%;
	position: reletive;
}

.button_white_large a{
	display:block;
	text-decoration:none;
	color: #00008B;
	padding: 0 0 0 0;
	width:100%;
	height:100%;
}

.button_white_large a:hover{
	background-color: #E7E7FF;
}


.button_red{
	margin: 8px 0 8px 16px;
	width: 128px;
	height:32px;
	position: reletive;
}

.button_red a{
  line-height:32px;
	display:block;
	text-decoration: none;
	background-color:#ff6347;
	color: #ffffff;
	padding: 0 0 0 24px;
	height:100%;
	background: url('img/button_red.gif') no-repeat bottom center;
}

.button_red a:hover{
	background-color:#ff4500;
	background: url('img/button_red_over.gif') no-repeat bottom center;
}

/* util class */

.text_hidden{
	font-size: 1px;
	display: block;
	text-indent: -10000px;
}

.item_left{
	float: left;
	margin: 8px 32px 0 0;
}

.item_right{
	float: right;
	margin: 8px 0 0 32px;
}

.sentence{
	margin: 16px 0 0 32px;
}

.sentence table{
	border-collapse: separate;;
	border-spacing: 8px;
	margin: 4px 0px 8px 0px;
}

.sentence table tr{
	maring: 16px 0 0 0;
}

.sentence table tr th{
	text-align: left;
	vertical-align: middle;
	font-weight: normal;
	padding: 2px 8px 2px 0px;
	border-right: 4px solid #D8D8D8;
}

.sentence table tr td{
	padding: 2px 0px 2px 16px;
	vertical-align: middle;
}

.sentence table tr td.mark{
	background: url('img/mark_24x24.gif') no-repeat 0px 0px;
	padding: 2px 0px 2px 24px;
	vertical-align: top;
}


.sentence ol{
	list-style: decimal;
	margin: 16px 0 16px 0;
}

.sentence ol li{
	margin: 16px 0 0 0;
}

.sentence ul{
	margin: 16px 0 16px 0;
}

.sentence ul li{
	background: url('img/mark_24x24.gif') no-repeat 0px 0px;
	height: 24px;
	line-height: 24px;
	padding: 0 0 0 24px;
}

p{
	margin: 8px 0 8px 0;
}

.red{
	color: #FF0000;
	font-size: 12px;
}

.blue{
	color: #0000CD;
	font-size: 12px;
}