@charset "utf-8";

/* base */
* {
	margin: 0;
	padding: 0;
}
html {
	overflow-y: scroll;
}
body {
	color: #343536;
	background: #ffffff;
	font-size: 15px;
	letter-spacing: 2px;
	font-family: メイリオ,Meiryo,"ＭＳ Ｐゴシック","MS P Gothic",Osaka,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Verdana,Helvetica,san-serif;
}
img {
	border: none;
}
ul,ol {
	list-style: none;
}

/* for IE6,7 */
.clearfix:before,
.clearfix:after {
    content:"";
    display:table;
}
.clearfix:after {
    clear:both;
}
.clearfix {
    zoom:1;
}
.clear {
	clear: both;
}

/* link */
a,a:hover {
	color: #343536;
	text-decoration: none;
}
#menu ul a {
	width: 210px;
	height: 100px;
	float: left;
	overflow: hidden;
}
#menu ol a {
	width: 210px;
	height: 70px;
	float: left;
	overflow: hidden;
}
#menu a:hover img {
	margin-left: -210px;
}

/* layout common */
h1 {
	width: 1190px;
	margin: 10px auto;
	font-size: 12px;
	font-weight: normal;
	text-align: right;
}
#header {
	width: 1190px;
	height: 100px;
	margin: auto;
	background: url("../img/head.png") no-repeat;
}
#obi {
	width: 100%;
	height: 100px;
	background: url("../img/obi.png") no-repeat;
}
#contents {
	width: 1190px;
	margin: 20px auto 0;
	border-top: solid 1px #ff7d15;
}
#side {
	float: left;
	width: 210px;
}
#index,
#print,
#guide,
#price,
#work,
#faq,
#about {
	float: right;
	width: 980px;
}
#copyright {
	margin-top: 50px;
	padding-bottom: 10px;
	text-align: center;
}
#footer {
	padding: 10px 0;
	background: #ff7d15;
	color: #ffffff;
	text-align: center;
}
#up {
	position: fixed;
	right: 20px;
	bottom: 70px;
}

/* header */
#header ul li {
	float: left;
}
#header .head_logo {
	width: 400px;
	margin-top: 12px;
}
#header .head_mail {
	margin: 66px 0 0 393px;
}

/* copyright */
address {
	font-style: normal;
}
#copyright span {
	font-size: 12px;
}

/* footer */


/* contents side */
#menu ul li {
	height: 100px;
}
#menu ol {
	margin-top: 50px;
}
#menu ol li {
	height: 70px;
	margin-bottom: 20px;
}
#navi p {
	margin-top: 50px;
}
#navi ul li {
	margin: 10px 0;
}

/* contents index */
#icatch {
	width: 980px;
	height: 400px;
	overflow: hidden;
	position: relative;
	margin-bottom: 50px;
}
#icatch img {
	top: 0;
	left: 0;
	position: absolute;
}
#banner {
	margin-top: 50px;
}
#banner ul li {
	margin: 5px 0;
}
#topic {
	margin: 50px 0 20px 80px;
}



#top h2 {
	width: 840px;
	font-size: 16px;
	font-weight: normal;
	margin: 50px 0 20px 60px;
	padding-left: 50px;
	border-bottom: solid 1px #ff7d15;
	background: url("../img/icon_h.png") no-repeat 10px;
}
#top p {
	width: 780px;
	margin-left: 90px;
	line-height: 30px;
}
#item h2 {
	width: 800px;
	font-size: 15px;
	font-weight: normal;
	margin: 80px 0 10px 60px;
	padding-left: 50px;
	background: url("../img/icon_h.png") no-repeat 10px;
}
#item ul {
	width: 900px;
	margin-left: 65px;
}
#item li {
	float: left;
	width: 158px;
	font-size: 13px;
	text-align: center;
	margin: 0 5px 5px 0px;
	padding: 5px;
	border: solid 1px #ff7d15;
}
#job ul {
	width: 900px;
	margin-left: 65px;
}
#job li {
	float: left;
	margin: 0 5px 5px 0px;
	padding: 0px 10px;
}


/* print */
#print h2 {
	width: 800px;
	font-size: 15px;
	font-weight: normal;
	margin: 50px 0 20px 80px;
	padding-left: 50px;
	border-bottom: solid 1px #ff7d15;
	background: url("../img/icon_h.png") no-repeat 10px;
}
#print h3 {
	width: 820px;
	font-size: 15px;
	font-weight: normal;
	margin: 30px 0 20px 80px;
	padding: 5px 0 5px 15px;
	background: #ffcba1;
}
#print p {
	width: 780px;
	margin-left: 100px;
	line-height: 30px;
}
#print p span {
	color: #ff0000;
}
#print dl {
	width: 800px;
	margin: 30px 0 0 100px;
}
#print dt {
	float: left;
	width: 513px;
	height: 140px;
	line-height: 25px;
	padding: 70px 0 0 15px;
	border-top: solid 1px #ff7d15;
	border-bottom: solid 1px #ff7d15;
	border-left: solid 1px #ff7d15;
}
#print dd {
	height: 210px;
	margin-bottom: 30px;
	border-top: solid 1px #ff7d15;
	border-bottom: solid 1px #ff7d15;
	border-right: solid 1px #ff7d15;
}
#print dd img {
	padding: 10px;
}
#print dt.step1 {
	background: url("../img/icon_step1.png") no-repeat;
}
#print dt.step2 {
	background: url("../img/icon_step2.png") no-repeat;
}
#print dt.step3 {
	background: url("../img/icon_step3.png") no-repeat;
}
#print dt.step4 {
	background: url("../img/icon_step4.png") no-repeat;
}
#print dt.step5 {
	background: url("../img/icon_step5.png") no-repeat;
}
#print dt.step6 {
	background: url("../img/icon_step6.png") no-repeat;
}

/* guide */
#guide h2 {
	width: 800px;
	font-size: 15px;
	font-weight: normal;
	margin: 50px 0 20px 80px;
	padding-left: 50px;
	border-bottom: solid 1px #ff7d15;
	background: url("../img/icon_h.png") no-repeat 10px;
}
#guide h3 {
	width: 820px;
	font-size: 15px;
	font-weight: normal;
	margin: 30px 0 20px 80px;
	padding: 5px 0 5px 15px;
	background: #ffcba1;
}
#guide p {
	width: 780px;
	margin-left: 100px;
	line-height: 30px;
}

/* price */
#price h2 {
	width: 800px;
	font-size: 15px;
	font-weight: normal;
	margin: 50px 0 20px 80px;
	padding-left: 50px;
	border-bottom: solid 1px #ff7d15;
	background: url("../img/icon_h.png") no-repeat 10px;
}
#price p {
	width: 800px;
	margin-left: 100px;
	line-height: 30px;
}
#price table {
	margin: 30px 0 10px 100px;
	border-collapse: collapse;
}
#price caption {
	color: #ff7d15;
	font-size: 15px;
	text-align: left;
	margin-bottom: 5px;
}
#price th {
	color: #ffffff;
	background: #ff7d15;
	padding: 6px 0;
}
#price td {
	text-align: center;
	padding: 6px 0;
	border: solid 1px #ff7d15;
}
#price .cell_il {
	width: 120px;
	border-left: solid 1px #ff7d15;
	border-right: solid 1px #ffffff;
}
#price .cell_ic {
	width: 200px;
	border-right: solid 1px #ffffff;
}
#price .cell_ir {
	width: 280px;
	border-right: solid 1px #ff7d15;
}
#price .cell_sl {
	width: 120px;
	border-left: solid 1px #ff7d15;
	border-right: solid 1px #ffffff;
}
#price .cell_sc {
	width: 120px;
	border-right: solid 1px #ffffff;
}
#price .cell_sr {
	width: 200px;
	border-right: solid 1px #ff7d15;
}
#price p.text {
	line-height: 25px;
}

#price span {
	color: red ;
	font-weight: bold;
}

/* work */
#work h2 {
	width: 800px;
	font-size: 15px;
	font-weight: normal;
	margin: 50px 0 20px 80px;
	padding-left: 50px;
	border-bottom: solid 1px #ff7d15;
	background: url("../img/icon_h.png") no-repeat 10px;
}

#sample ul {
	width: 900px;
	margin-left: 80px;
}
#sample li {
	float: left;
	width: 270px;
	padding: 5px;
}





/* faq */
#faq h2 {
	width: 800px;
	font-size: 15px;
	font-weight: normal;
	margin: 50px 0 20px 80px;
	padding-left: 50px;
	border-bottom: solid 1px #ff7d15;
	background: url("../img/icon_h.png") no-repeat 10px;
}
#faq dl {
	margin: 30px 0 0 100px;
}
#faq dt {
	width: 770px;
	padding: 10px 0 10px 35px;
	background: url("../img/icon_q.png") #ffcba1 no-repeat 10px 10px;
}
#faq dd {
	margin: 20px 0 30px 20px;
	line-height: 25px;
}

/* about */
#about h2 {
	width: 800px;
	font-size: 15px;
	font-weight: normal;
	margin: 50px 0 20px 80px;
	padding-left: 50px;
	border-bottom: solid 1px #ff7d15;
	background: url("../img/icon_h.png") no-repeat 10px;
}
#about p {
	width: 800px;
	margin-left: 100px;
	line-height: 30px;
}
#about dl {
	margin: 20px 0 10px 100px;
}
#about dt {
	float: left;
	width: 120px;
}
#about dt,
#about dd {
	padding: 7px 0;
}