@charset "utf-8";

@import "./common.css";

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

/* style css */

/*==================================================================*/
#contents *{margin:0;padding:0;}
#contents img{vertical-align:bottom;}
#contents a:hover img{opacity:0.75;filter:alpha(opacity=75);}



#mainvisual li{list-style:none;}

#contents h1{
	padding:6px 0;
	font-size:11px;
	font-weight:normal;
	text-align:center;
}

/* ---------------------------------------------------------------- */
/* read */
/* ---------------------------------------------------------------- */
#read{
	margin:0 12px 1em;
	padding:24px 0 36px;
	background:url('../image/read_photo.jpg') no-repeat 0 0;
}
/* clear hack */
#read{zoom:1;}
#read:after{content:".";clear:both;height:0;display:block;visibility:hidden;}

#read ul{
	margin:0 0 24px;
	text-align:right;
}
#read li{
	margin:0 0 18px;
	list-style-type:none;
}

#read p{
	text-align:right;
}
#read p img{margin-left:12px;}

/* ---------------------------------------------------------------- */
/* point：プロ集団 */
/* ---------------------------------------------------------------- */
#point{
	margin:0 0 2em;
	padding:36px 12px 0;
	background:url('/common_img/line_dash_blue.gif') repeat-x 0 0;
}
/* clear hack */
#point{zoom:1;}
#point:after{content:".";clear:both;height:0;display:block;visibility:hidden;}

#point a:hover img{opacity:1;filter:alpha(opacity=100);}

#point h2{margin:0 9px 12px;}

#point dl{
	float:left;
	width:236px;
}

#point dt{margin:0 6px;}
#point dd{
	margin:0 6px;
	padding:3px 0 24px 28px;
	background:no-repeat 0 0;
}
#point strong{color:#f00;}

/* 背景 */
#point dl.first dd{background-image:url('../image/point1_back.gif');}
#point dl.second dd{background-image:url('../image/point2_back.gif');}
#point dl.third dd{background-image:url('../image/point3_back.gif');}
#point dl.four dd{background-image:url('../image/point4_back.gif');}
#point dl.five dd{background-image:url('../image/point5_back.gif');}
#point dl.six dd{background-image:url('../image/point6_back.gif');}

/* 1～3高さ調節 */
#point dl.first,#point dl.second,#point dl.third{height:109px;}

/* 4調節 */
#point dl.four dd{padding-top:6px;line-height:1.3;}

/* 5調節 */
#point dl.five dd{padding-top:12px;}


/* ---------------------------------------------------------------- */
/* flowchart：印刷サービスの流れ */
/* ---------------------------------------------------------------- */
#flowchart{margin:0 12px 2em;}

#flowchart h3{margin:0 0 12px;}

#flowchart dl{
	padding:12px 0 6px;
	background:url('../image/flowchart_back.gif') no-repeat 0 0;
}

#flowchart dt{
	margin:0 0 15px;
	text-align:center;
}

#flowchart dd{
	margin:0 12px 9px;
}


/* ---------------------------------------------------------------- */
/* lineup：製品ラインナップ */
/* ---------------------------------------------------------------- */
#lineup{margin:0 12px 2em;}
#lineup h3{margin:0 0 12px;}
#lineup ul{text-align:center;}
#lineup li{
	padding:0 6px;
	display:inline;
	list-style:none;
}


/* ---------------------------------------------------------------- */
/* member：会員 */
/* ---------------------------------------------------------------- */
#member{
	margin:0 12px 4em;
	padding:6px;
	background:#163088;
	zoom:1;
}

#member dl{background:url('../image/member_back.gif') no-repeat 100% 0 #fff;}
#member dt{padding:12px 12px;}
#member dd{padding:0 0 3px 60px;}
#member dd.detail{
	padding:0 12px 12px 60px;
	text-align:right;
}


/* ---------------------------------------------------------------- */
/* company：会社概要 */
/* ---------------------------------------------------------------- */
#company{margin:0 24px 2em;}

#company h3{margin:0 0 12px;}
#company h4{
	margin:0 24px 12px;
	padding:0 0 6px;
	background:url('/common_img/line_dash_double.gif') repeat-x 0 100%;
	font-size:20px;
	font-weight:normal;
}
#company dl{
	margin:0 24px 12px;
	padding:0 0 12px;
	background:url('/common_img/line_dot.gif') repeat-x 0 100%;
}
/* clear hack */
#company dl{zoom:1;}
#company dl:after{content:".";clear:both;height:0;display:block;visibility:hidden;}

#company dt{
	float:left;
	width:70px;
	font-weight:bold;
}
#company dd{
	float:right;
	width:552px;
}

#company p.detail{
	float:none;
	clear:both;
	width:auto;
	text-align:right;
}


/* ---------------------------------------------------------------- */