@charset "utf-8";
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,table,th,td { 
	margin:0;
	padding:0;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
header,nav,article,footer{
	display:block;
}
table{
	border-spacing:0;
}
body{
	color:#666;
	width:836px;
	margin:0 auto;
	font-size:16px;
	text-align:justify;
}
h1,h2,h3{color:#006}
h1{
	font-size:120%;
	line-height:150%;
	/*border:solid 1px black;*/
	padding:0;
	margin:0;
}
h2{
	font-size:100%;
	line-height:120%;
	padding:0;
	margin:0;
}
h3{
	font-size:100%;
	line-height:120%;
}
em{
	font-weight:bold;
}
.clearfix:after { /*float解除*/
    display:block;
    clear:both;
    height:0px;
    visibility:hidden;
    content:".";
}
.clearfix {
    min-height: 1px; /*IE6、7対策*/
}
* html .clearfix {
    height: 1px;
    /*\*//*/ /*MAC IE5.x対策*/
    height: auto;
    overflow: hidden;
    /**/
}
img,div,nav,header{
	display:block;
	border:0;
}
div#color_panel{
	width:100%;
}
div#color_panel img{
	margin-bottom:5px;
	float:right;
}
div#head{
	clear:both;
	width:836px;
	height:89px;
	background-image:url(../images/common/logo.png);
}
div#head .tel{
	float:right;
}
div#top_image{
	margin-bottom:20px;
}
div#left{
	float:left;
	margin-right:32px;
}
div#left nav.items{
	margin-top:5px;
}
div#left nav.items a{
	display:block;
	width:228px;
	height:32px;
	text-indent:-9999px;
	background-repeat:no-repeat;
	background-position:-228px 10px;
	border-left:solid 2px #fff;
	margin-left:4px;
}
div#left nav.items .item{
	border-bottom:dotted 1px #666;
	padding-bottom:10px;
	padding-top:10px;
}
div#left nav.items a:hover{
	background-position:0 10px;
}
div#left nav.items a.this{
	border-left:solid 2px #00A0E9;
	background-position:0 10px;
}
div#left nav.items .heading{
	margin-top:0;
	margin-left:7px;
}
div#left nav.items a.logo{
	background-image:url(../images/common/item_logo.png);
}
div#left nav.items a.card{
	background-image:url(../images/common/item_card.png);
}
div#left nav.items a.dm{
	background-image:url(../images/common/item_dm.png);
}
div#left nav.items a.flier{
	background-image:url(../images/common/item_flier.png);
}
div#left nav.items a.leaflet{
	background-image:url(../images/common/item_leaflet.png);
}
div#left nav.items a.other{
	background-image:url(../images/common/item_other.png);
}
div#left nav.items a.naming{
	background-image:url(../images/common/item_naming.png);
}
div#left nav.items a.fudemoji{
	background-image:url(../images/common/item_fudemoji.png);
}
div#left nav.items a.total{
	background-image:url(../images/common/item_total.png);
}
div#left nav.other{
	margin-top:20px;
}
div#left nav.other a{
	display:block;
	width:228px;
	height:41px;
	text-indent:-9999px;
	margin:10px 0;
}
div#left nav.other a:hover{
	background-position: 0 -41px;
}
div#left nav.other a.set{
	background-image:url(../images/common/item_btn_set.png);
}
div#left nav.other a.tegaki{
	background-image:url(../images/common/item_btn_tegaki.png);
}
div#left nav.other a.digital{
	background-image:url(../images/common/item_btn_digital.png);
}
div#left a.zenkoku{
	display:block;
	width:228px;
	height:116px;
	background-image:url(../images/common/zenkoku_btn.png);
	text-indent:-9999px;
}
div#left a.zenkoku:hover{
	background-position:0 -116px;
}
footer{
	background-image:url(../images/common/logo_obi.png);
	color:#fff;
	margin-top:50px;
	padding-top:80px;
	padding-left:50px;
	font-size:75%;
	height:78px;
}
footer .upper{
	width:736px;
	border-bottom:solid 1px #fff;
	padding-bottom:5px;
	line-height:150%;
}
footer .lower{
	width:736px;
	font-size:75%;
	margin-top:5px;
}
footer .copyright{
	text-align:right;
}
footer a{
	color:#fff;
	text-decoration:none;
}

div#art{
	width:570px;
	float:left;
	margin-top:15px;
}

div#art .intro{
	width:570px;
	text-align:justify;
	font-size:90%;
}


nav.main{
	background-image:url(../images/common/nav_bg2.png);
	background-repeat:repeat-x;
	margin-top:10px;
	margin-bottom:10px;
	height:40px;
	width:832px;
}
nav.main a{
	display:block;
	float:left;
	width:137px;
	height:40px;
	padding:0;
	margin:0 2px 0 0;
	text-indent:-9999px;
}

nav.main a:hover{
	background-position:0 -40px;
}

nav.main a#home{
	background-image:url(../images/common/home_btn.png);
}

nav.main a#systems{
	background-image:url(../images/common/system_btn.png);
}

nav.main a#workflow{
	background-image:url(../images/common/workflow_btn.png);
}

nav.main a#price{
	background-image:url(../images/common/price_btn.png);
}

nav.main a#work{
	background-image:url(../images/common/work_btn.png);
}

nav.main a#order{
	background-image:url(../images/common/order_btn.png);
	margin-right:0;
}

a.order{
	display:block;
	width:570px;
	height:36px;
	background-image:url(../images/common/btn_toiawase.png);
	text-indent:-9999px;
	margin:15px 0;
}
a.order:hover{
	background-position:0 -36px;
}
a.btn{
	display:block;
	text-indent:-9999px;
	width:145px;
	height:29px;
	margin-left:10px;
}
a.btn:hover{
	background-position:0 -29px;
}
a.production{
	background-image:url(../images/common/btn_seisaku.png);
}
a.flow{
	background-image:url(../images/common/btn_nagare.png);
}
a.sample{
	background-image:url(../images/common/btn_sample.png);
}