@charset "utf-8";
@import url(./base.css);
/* description=======================
/
/ #1 shell
/ #2 shell h3
/ #3 photo slideshow
/ #4 topic_path
/ #5 contents 
/ #6 contents h4 h5 h6
/ #7 contents section
/ #8 top
/ #9 boss
/ #10 map
/ #11 Goods
/ #11 utility
/ #12 utility bunner
/
/
=================================== */
/*---------------------------------
 =1 shell
----------------------------------- */
div#shell {
	background : #fff url(../images/photo/bg-line.jpg) repeat-x 0 65px;
}
/*---------------------------------
 =2 shell h3
----------------------------------- */
div#shell.cp h3,
div#shell.web h3,
div#shell.print h3,
div#shell.goods h3 {
	width : 765px;
	height : 60px;
	line-height : 150px;
	overflow : hidden;
}
div#shell.cp h3 {
	background : transparent url(../images/cp/h3.jpg) no-repeat 0 0;
}
div#shell.web h3 {
	background : transparent url(../images/web/h3.jpg) no-repeat 0 0;
}
div#shell.print h3 {
	background : transparent url(../images/print/h3.jpg) no-repeat 0 0;
}
div#shell.goods h3 {
	background : transparent url(../images/goods/h3.jpg) no-repeat 0 0;
}
/*---------------------------------
 =3 photo slideshow
----------------------------------- */
div.slideshow {
	margin : 15px 13px 10px 27px;
	float : left;
	width : 140px;
	height : 99px;
}
/*---------------------------------
 =4 topic_path
----------------------------------- */
div#shell ul.topic_path {
	padding : 2px 0 0 0;
	clear : both;
	width : 760px;
	height : 20px;
}
div#shell ul.topic_path li {
	margin : 0 0 0 5px;
	display : inline;
	font-size : 0.8em;
}
/*---------------------------------
 =5 contents 
----------------------------------- */
div#contents {
	margin : 10px 0 10px 0;
	float : right;
	width : 600px;
}
/*---------------------------------
 =6 contents h4 h5 h6
----------------------------------- */
div#contents h4,
div#contents h5,
div#contents h6 {
	margin : 0 0 5px 0;
	padding :5px 0 0 10px;
	clear : both;
}
div#contents h4,
div#contents h5 {
	height : 30px;
}
div#contents h6 {
	height : 20px;
}
div#shell.cp h4 {
	background : #fff url(../images/cp/h4.jpg) no-repeat 0 0;
}
div#shell.web h4 {
	background : #fff url(../images/web/h4.jpg) no-repeat 0 0;
}
div#shell.print h4 {
	background : #fff url(../images/print/h4.jpg) no-repeat 0 0;
}
div#shell.goods h4 {
	background : #fff url(../images/goods/h4.jpg) no-repeat 0 0;
}
div#shell h5 {
	background : #fff url(../images/h5.jpg) no-repeat 0 0;
}
div#shell h6 {
	background : #efefef;
}
/*---------------------------------
 =7 contents section
----------------------------------- */
div#contents div.section p,
div#contents div.section ul,
div#contents div.section dl,
div#contents address {
	margin : 0 10px 10px 10px;
}
div#contents div.section dl {
	clear : both;
}
div#contents div.section dt,
div#contents div.section dd {
	height : 20px;
}
div#contents div.section dt {
	margin : 5px 0 0 0;
	padding :5px 0 0 10px;
	background : #efefef ;
}
div#contents div.section dd {
	margin : 0 0 15px 0;
	padding :5px 0 10px 20px;
}
div#contents div.section img {
	margin : 0 0 20px 10px;
	float : right;
	border : #e0e0e0 1px solid;
}

div#shell.goods div.section ul li,
div#shell.cp  div.section ul li,
div#contents div#dsn ul li {
	margin : 0 0 0 10px;
	list-style : circle inside;
}
/*---------------------------------
 =8 top
----------------------------------- */
div#contents p.top {
	clear : both;
	text-align : right;
}
/*---------------------------------
 =9 boss
----------------------------------- */
div#contents div.section p.boss {
	height : 40px;
	line-height : 90px;
	overflow : hidden;
	background : #fff url(../images/cp/boss.jpg) no-repeat right 0;
}
/*---------------------------------
 =10 map
----------------------------------- */
div#contents div#map {
	margin : 0 0 15px 0;
}
/*---------------------------------
 =11 Goods
----------------------------------- */
div.section p.t-oder a {
	display : block;
	width : 280px;
	height : 40px;
	line-height : 40px;
	background : #fff url(../images/goods/pdf.gif) no-repeat right 0;
}

div#contents div.section p.banner-c {
	margin-right: 140px;
}
/*---------------------------------
 =12 utility
----------------------------------- */
div#utility {
	margin : 10px 0 10px 0;
	float : left;
	width : 150px;
}
div#utility ul {
	margin : 0 0 20px 0;
}
div#utility ul li {
	line-height : 2em;
	background : #fff url(../images/arrow.gif) no-repeat 0 0.5em;
	text-indent : 15px;
}
/*---------------------------------
 =13 utility bunner
----------------------------------- */
div#utility p.web a,
div#utility p.print a,
div#utility p.goods a,
div#utility p.contact a,
div#utility p.genjin a,
div#utility p.education a,
div#utility p.bridal a {
	margin : 5px auto;
	display : block;
	width : 150px;
	overflow : hidden;
}
div#utility p.web a,
div#utility p.print a,
div#utility p.goods a,
div#utility p.genjin a {
	height : 50px;
	line-height : 120px;
}
div#utility p.web a {
	background : #fff url(../images/utility/u_web.jpg) no-repeat 0 0;
}
div#utility p.web  a:hover {
	background : #fff url(../images/utility/u_web_on.jpg) no-repeat 0 0;
}
div#utility p.print a {
	background : #fff url(../images/utility/u_print.jpg) no-repeat 0 0;
}
div#utility p.print  a:hover {
	background : #fff url(../images/utility/u_print_on.jpg) no-repeat 0 0;
}
div#utility p.goods a {
	background : #fff url(../images/utility/u_goods.jpg) no-repeat 0 0;
}
div#utility p.goods  a:hover {
	background : #fff url(../images/utility/u_goods_on.jpg) no-repeat 0 0;
}
div#utility p.contact a {
	height : 100px;
	line-height : 220px;
	background : #fff url(../images/utility/u_contact_off.gif) no-repeat 0 0;
}
div#utility p.contact a:hover{
	background : #fff url(../images/utility/u_contact_on.gif) no-repeat 0 0;
}
div#utility p.qrcode {
	margin : 15px auto;
	text-align : center;
	border : #e0e0e0 1px solid;
}
div#utility p.genjin a {
	background : #fff url(../images/utility/u_satsumahonpo.jpg) no-repeat center 0;
}
div#utility p.education a {
	margin-top: 15px;
	height : 50px;
	line-height : 150px;
	background : #fff url(../images/utility/u_education.jpg) no-repeat center 0;
}
div#utility p.bridal a {
	margin-top: 15px;
	height : 50px;
	line-height : 150px;
	background : #fff url(../images/utility/u_bridal.jpg) no-repeat center 0;
}
