@charset 'utf-8';

/* 01. Universal */
/* ---------------------------------------------------------------- */

* {
	margin: 0;
	border: none;
	padding: 0;
}

body {
	color: #666;
	font-family: "Hiragino Kaku Gothic Pro","Hiragino Kaku Gothic Pro W3","HiraKakuPro-W3","メイリオ","Meiryo","ヒラギノ角ゴ Pro W3","ＭＳ Ｐゴシック","ＭＳ ゴシック", Sans-Serif;
	font-size: 16px;
	text-align: center;
}


/* 02. Link Decoration */
/* ---------------------------------------------------------------- */

a { overflow: hidden;
	outline: none;
}

a:link,
a:visited {
	color: #666;
	text-decoration: none;
	border-bottom: 1px solid #900;
}
a:hover {
	color: #333;
	text-decoration: none;
	border-bottom: 1px solid #ff0000;
}
a:active {
	color: #900;
	text-decoration: none;
	border-bottom: 1px solid #900;
}


/* 03. General- text */
/* ---------------------------------------------------------------- */

address {
	font-style: normal;
	font-weight: normal;
}

#content-path .current {
	font-weight: bold;
}


/* 04. General - Layout */
/* ---------------------------------------------------------------- */

hr {
	visibility: hidden;
}

.fclear {
	clear: both;
}

body {
	background-image: url(../imgs/bg.gif);
	background-repeat: repeat;
}

#wrapper {
	width: 60em;
	margin: 0 auto;
	text-align: left;

}

#header {
	width: 60em;
	margin: 3em 0 0 0;
}
#header p {
	clear: both;
	text-align: right;
}

h1 {
	float: left;
	width: 196px;
	height: 65px;
}
h1 a:link,
h1 a:hover,
h1 a:active,
h1 a:visited {
	display: block;
	width: 196px;
	height: 65px;
	background: url(../imgs/parts.png) -530px 10px no-repeat;
	border-bottom: none;
	text-indent: -9999px;
}

h1,
h2,
h3,
h4,
h5,
h6,
#copyright {
	font-family: "Georgia", "Times New Roman", "Hiragino Mincho Pro", "HiraMinPro-W3", "ヒラギノ明朝 Pro W3", "Meiryo", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}

#content-path {
	clear: both;
	margin: 2em 0;
}
#content-path p {
	font-size: 0.8em;
	font-family: "Georgia", "Times New Roman", "Hiragino Mincho Pro", "HiraMinPro-W3", "ヒラギノ明朝 Pro W3", "Meiryo", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}
#content-path p a:link {
	border: none;
}
#content-path p a:hover {
	border-bottom: 1px solid #ff0000;
}
#content-path p a:active {
	border-bottom: 1px solid #900;
}

#footer {
	margin: 2em 0 1em 0;
}
#copyright {
	font-size: 0.75em;
	text-align: right;
}

.geo {
	font-family: "Georgia", "Times New Roman", "Hiragino Mincho Pro", "HiraMinPro-W3", "ヒラギノ明朝 Pro W3", "Meiryo", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}

.uc {
	text-transform: uppercase;
}

.goth {
	font-family: "Hiragino Kaku Gothic Pro", "Hiragino Kaku Gothic Pro W3", "ヒラギノ角ゴPro W3", "HiraKakuPro-W3", "Meiryo", "ＭＳ Ｐゴシック", "ＭＳ ゴシック", Sans-Serif;
}



/* 05. Navigation - Layout */
/* ---------------------------------------------------------------- */

ul#navi {
	float: right;
}

ul#navi li {
	display: block;
	float: left;
}
ul#navi li a {
	border: none;
	text-indent: -9999px;
	outline: none;	
}

li#navi-profile {
	width: 181px;
	height: 65px;
}
li#navi-profile a {
	display: block;
	width: 181px;
	height: 65px;
	background: url(../imgs/parts.png) 0 -90px no-repeat;
}
li#navi-profile a:hover {
	background: url(../imgs/parts.png) 0 -155px no-repeat;
}
li#navi-profile a:active {
	background: url(../imgs/parts.png) 0 -220px no-repeat;
}
li#navi-profile.current {
	background: url(../imgs/parts.png) 0 -220px no-repeat;
	text-indent: -9999px;
}

li#navi-name {
	width: 175px;
	height: 65px;
}
li#navi-name a {
	display: block;
	width: 175px;
	height: 65px;
	background: url(../imgs/parts.png) -180px -90px no-repeat;
}
li#navi-name a:hover {
	background: url(../imgs/parts.png) -180px -155px no-repeat;
}
li#navi-name a:active {
	background: url(../imgs/parts.png) -180px -220px no-repeat;
}
li#navi-name.current {
	background: url(../imgs/parts.png) -180px -220px no-repeat;
	text-indent: -9999px;
}

li#navi-printing {
	width: 175px;
	height: 65px;
}
li#navi-printing a {
	display: block;
	width: 175px;
	height: 65px;
	background: url(../imgs/parts.png) -355px -90px no-repeat;
}
li#navi-printing a:hover {
	background: url(../imgs/parts.png) -355px -155px no-repeat;
}
li#navi-printing a:active {
	background: url(../imgs/parts.png) -355px -220px no-repeat;
}
li#navi-printing.current {
	background: url(../imgs/parts.png) -355px -220px no-repeat;
	text-indent: -9999px;
}
#navi-printing-soon {
	display: block;
	width: 175px;
	height: 65px;
	background: url(../imgs/parts.png) -355px -285px no-repeat;
	text-indent: -9999px;
}

li#navi-blog {
	width: 98px;
	height: 65px;
}
li#navi-blog a {
	display: block;
	width: 98px;
	height: 65px;
	background: url(../imgs/parts.png) -530px -90px no-repeat;
}
li#navi-blog a:hover {
	background: url(../imgs/parts.png) -530px -155px no-repeat;
}
li#navi-blog a:active {
	background: url(../imgs/parts.png) -530px -220px no-repeat;
}
li#navi-blog.current {
	background: url(../imgs/parts.png) -530px -220px no-repeat;
	text-indent: -9999px;
}
#navi-blog-soon {
	display: block;
	width: 98px;
	height: 65px;
	background: url(../imgs/parts.png) -530px -285px no-repeat;
	text-indent: -9999px;
}

li#navi-contact {
	width: 98px;
	height: 65px;
}
li#navi-contact a {
	display: block;
	width: 98px;
	height: 65px;
	background: url(../imgs/parts.png) -629px -90px no-repeat;
}
li#navi-contact a:hover {
	background: url(../imgs/parts.png) -629px -155px no-repeat;
}
li#navi-contact a:active {
	background: url(../imgs/parts.png) -629px -220px no-repeat;
}
li#navi-contact.current {
	background: url(../imgs/parts.png) -629px -220px no-repeat;
	text-indent: -9999px;
}
#navi-contact-soon {
	background: url(../imgs/parts.png) -629px -285px no-repeat;
	text-indent: -9999px;
}


#sub-navi li {
	margin-bottom: 0.5em;
	list-style: none;
	font-family: "Georgia", "Times New Roman", "Hiragino Mincho Pro", "HiraMinPro-W3", "ヒラギノ明朝 Pro W3", "Meiryo", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	font-size: 0.84em;
}
#sub-navi li a {
	display: block;
	padding-left: 2em;
	background: url(../imgs/parts.png) -356px -357px no-repeat;
	border: none;
	line-height: 1.5em;
}
#sub-navi li a:hover {
	margin-left: 0.25em;
	background: url(../imgs/parts.png) -356px -421px no-repeat;
}

#sub-navi em {
	font-size: 1.25em;
}

#sub-navi li.current {
	display: block;
	padding-left: 2em;
	background: url(../imgs/parts.png) -356px -421px no-repeat;
	border: none;
	line-height: 1.5em;
}



	
/* 06. index.html */
/* ---------------------------------------------------------------- */

body#index h1 {
	float: none;
	width: 531px;
	height: 90px;
	margin: 73px 0 0 -0.3em;
	background: url(../imgs/parts.png) no-repeat;
	text-indent: -9999em;
}

body#index ul#navi {
	float: left;
	margin: 0 0 1em -0.8em;
}

#whatsnew {
	margin: 1em 0 3em 0;
}

#whatsnew h2 {
	width: 181px;
	height: 50px;
	background: url(../imgs/parts.png) 0 -357px no-repeat;
	text-indent: -9999em;
}

body#index dl {
	clear: both;
	margin: 0 0 2em 0;
}
body#index dt {
	float: left;
	margin-right: 0.5em;
	color: #900;
	font-family: "Georgia", "Times New Roman", serif;
}
body#index dd {
	margin: 0 0 0.75em 9em;
	font-size: 0.875em;
}

body#index #copyright {
	margin: 1em 0;
	text-align: left;
}


/* 07. profile.html */
/* ---------------------------------------------------------------- */

#basic-info {
	position: relative;
	margin: 2em 0;
}

body#profile #basic-info h2 {
	float: left;
	width: 384px;
	height: 103px;
	background: url(../imgs/parts.png) 0 -676px no-repeat;
	text-indent: -9999em;
}

#additional-info {
	position: absolute;
	top: 150px;
	left: 0;
}

#outline {
	margin-left: 30em;
}

#outline dl {
	margin: 0 0 1em 0;
	font-size: 0.875em;
}
#outline dt {
	float: left;
	width: 9em;
	text-align: right;
}
#outline dd {
	margin: 0 0 0.5em 11em;
}

#office dt {
	float: none;
	margin:1em 0 0.5em 0;
	font-size: 1.142em;
	text-align: left;
}
#office dd {
	margin-left: 0;
	margin-bottom: 0.5em;
	font-size: 1.142em;
	line-height: 1.513em;
}

h3#the-principles {
	width: 356px;
	height: 64px;
	margin-bottom: 0.25em;
	background: url(../imgs/parts.png) 0 -419px no-repeat;
	text-indent: -9999em;
}

#additional-info dl {
	margin-bottom: 2em;
	font-family: "Georgia", "Times New Roman", "Hiragino Mincho Pro", "HiraMinPro-W3", "ヒラギノ明朝 Pro W3", "Meiryo", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}
#additional-info dt {
	margin-bottom: 0.5em;
}

h3#the-efforts {
	width: 356px;
	height: 64px;
	margin-bottom: 0.25em;
	background: url(../imgs/parts.png) 0 -484px no-repeat;
	text-indent: -9999em;
}

#eco-project {
	float: left;
	width: 27em;
	margin: 1em 0;
}

#eco-project div {
	margin-bottom: 2em;
}

#eco-project h3 {
	width: 399px;
	height: 64px;
	background: url(../imgs/parts.png) 0 -548px no-repeat;
	text-indent: -9999em;
}
#eco-project h4 {
	float: left;
	width: 98px;
	height: 256px;
	margin-bottom: 2em;
	text-indent: -9999em;
	
}
#ink h4 {
	background: url(../imgs/parts.png) -433px -484px no-repeat;
}
#make-up h4 {
	background: url(../imgs/parts.png) -530px -484px no-repeat;
}
#print h4 {
	background: url(../imgs/parts.png) -628px -484px no-repeat;
}

#eco-project h5 {
	margin-left: 120px;
}
#natural-ink {
	width: 175px;
	height: 23px;
	background: url(../imgs/parts.png) -181px -778px no-repeat;
	text-indent: -9999em;
}
#ctp {
	width: 175px;
	height: 23px;
	background: url(../imgs/parts.png) -181px -823px no-repeat;
	text-indent: -9999em;
}
#fairdot {
	width: 175px;
	height: 23px;
	background: url(../imgs/parts.png) -181px -847px no-repeat;
	text-indent: -9999em;
}
#filter {
	width: 175px;
	height: 23px;
	background: url(../imgs/parts.png) -181px -870px no-repeat;
	text-indent: -9999em;
}
#eco-project p {
	margin: 0  0 1.5em 120px;
	font-size: 0.875em;
	line-height: 1.75em;
}

#clione-mark {
	float: right;
	width: 27em;
	margin: 1em 0;
}
#clione-mark h3 {
	width: 399px;
	height: 64px;
	background: url(../imgs/parts.png) 0 -612px no-repeat;
	text-indent: -9999em;
}
#clione-mark h4 {
	width: 181px;
	height: 46px;
	margin-left: 113px;
	background: url(../imgs/parts.png) 0 -778px no-repeat;
	text-indent: -9999em;
}

#clione-mark img {
	float: left;
	margin: 0 10px 0 0;
}
#clione-mark p {
	font-size: 0.875em;
	line-height: 1.75em;
}

#eco-project .back-to-top,
#clione-mark .back-to-top {
	text-align: right;
}


/* 08. printing project */
/*

	printing_project.html
	name_card_project.html
	dm_project.html
	king-size_project.html
	paper_fan_project.html


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

/* ----- temporary item --------------------------------> */

body#printingproject {
	margin-top: 15em;
}

#teaser {
	position: absolute;
	top: 80px;
	left: 0;
	margin-top: 1em;
	width: 294px;
	height: 47px;
	background: url(../imgs/parts.png) -432px -847px no-repeat;
	text-indent: -9999px;
}

#notice {
	position: absolute;
	width: 100%;
	top: 0;
	left: 0;
	background-color: #21281f;
	border-bottom: solid 2px #900;
	text-align: left;
}
#notice div {
	margin: 1em auto;
	padding-left: 10em;
	width: 64em;
	background: url(../imgs/notice.png) no-repeat;
	color: #fff;
	font-size: 0.8125em;
	line-height: 1.5em;
}
#notice div dl {
	margin: 1em 0;
	font-size: 1.3333em;
	font-family: "Georgia", "Times New Roman", "Hiragino Mincho Pro", "HiraMinPro-W3", "ヒラギノ明朝 Pro W3", "Meiryo", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;

}
#notice div dt {
	float: left;
	margin-right: 1em;
	color: #f00;
	font-style: italic;
	
}
#notice div dd {
	float: left;
	margin-right: 2em;
}
#notice a:link,
#notice a:visited {
	color: #fff;
	text-decoration: none;
	border-bottom: none;
}
#notice a:hover {
	color: #fff;
	text-decoration: none;
	border-bottom: 1px solid #f00;
}
#notice a:active {
	color: #f00;
	text-decoration: none;
	border-bottom: none;
}


/* <----- temporary item -------------------------------- */

body#printingproject #basic-info h2 {
	float: left;
	width: 412px;
	height: 103px;
	background: url(../imgs/parts.png) 0 -940px no-repeat;
	text-indent: -9999em;
}
body#printingproject #basic-info h2 a {
	display: block;
	width: 412px;
	height: 103px;
	border: none;
	text-indent: -9999em;
}

body#printingproject #sub-navi {
	position: absolute;
	top: 170px;		/* サービスイン後は110px */
	left: 0;
}
body#printingproject #sub-navi li {
	font-size: 0.875em;
	text-transform: uppercase;
}
body#printingproject #sub-navi li em {
	font-size: 1em;
	font-weight: bold;
	font-style: normal;
	text-transform: none;
}

body#printingproject #sub-navi li#namecard em {
	text-transform: uppercase;
}


#attention,
#spec {
	margin-left: 30em;
}

#attention h3 {
	width: 294px;
	height: 27px;
	background: url(../imgs/parts.png) -432px -913px no-repeat;
	text-indent: -9999em;
}

#attention p {
	margin: 1.5em auto 2.5em auto;
	width: 90%;
	padding: 1em;
	border: solid 1px #900;
	font-size: 0.875em;
	line-height: 1.75em;
}

#attention dl {
	margin: 0 0 2em 0;
	font-size: 0.875em;
}
#attention dt {
	margin-bottom: 1em;
	color: #900;
	font-size: 1em;
	font-weight: bold;
}
#attention dd {
	margin: 0 0 1em 0;
	padding-left: 1.5em;
	line-height: 1.75em;
	list-style: circle;
}
#attention dd em {
	color: #666;
	font-weight: bold;
	font-style: normal;
}

#spec h3 {
	color: #41583d;
	font-size: 1.75em;
	font-family: "Georgia", "Times New Roman", serif;
	font-weight: normal;
	text-transform: uppercase;
}
#spec h3 em {
	margin-right: -0.25em;
	font-weight: bold;
	font-style: normal;
	text-transform: none;
}

#spec h4 {
	clear: both;
	float: left;
	width: 7em;
	font-size: 0.857em;
	font-weight: normal;
}

#spec dl {
	margin: 1em 0;
	font-size: 0.857em;
}
#spec dt {
	float: left;
	width: 7em;
	font-family: "Georgia", "Times New Roman", serif;

}
#spec dd {
	margin-left: 8em;
}

#download-template dd {
	float: left;
	margin: 0 0.5em 3em 0.75em;
}
dd#forwin a {
	display: block;
	width: 109px;
	height: 37px;
	background: url(../imgs/parts.png) -432px -940px no-repeat;
	border: none;
	text-indent: -9999em;
}
dd#forwin a:hover {
	background: url(../imgs/parts.png) -432px -977px no-repeat;
}
dd#forwin a:active {
	background: url(../imgs/parts.png) -432px -977px no-repeat;
}
dd#forwin-soon {
	display: block;
	width: 109px;
	height: 37px;
	background: url(../imgs/parts.png) -432px -802px no-repeat;
	text-indent: -9999px;
}
dd#formac a {
	display: block;
	width: 109px;
	height: 37px;
	background: url(../imgs/parts.png) -548px -940px no-repeat;
	border: none;
	text-indent: -9999em;
}
dd#formac a:hover {
	background: url(../imgs/parts.png) -548px -977px no-repeat;
}
dd#formac a:active {
	background: url(../imgs/parts.png) -548px -977px no-repeat;
}
dd#formac-soon {
	display: block;
	width: 109px;
	height: 37px;
	background: url(../imgs/parts.png) -548px -802px no-repeat;
	text-indent: -9999px;
}


#spec p {
	clear: both;
	margin: 1em 0;
	padding: 0.25em;
	border: solid 1px #900;
	font-size: 0.857em;
	text-align: center;
}

dl#price-list {
	margin-left: 8em;
}
#price-list dt {
	float: none;
	font-family: "Hiragino Kaku Gothic Pro", "Hiragino Kaku Gothic Pro W3", "ヒラギノ角ゴPro W3", "HiraKakuPro-W3", "Meiryo", "ＭＳ Ｐゴシック", "ＭＳ ゴシック", Sans-Serif;
}
#price-list dd {
	font-size: 1em;
	margin-left: 0;
}
p#price-list-tax {
	font-size: 0.75em;
	text-align: right;
	border: none;
}

#spec table {
	clear: both;
	margin: 1em 0;
	width: 100%;
	font-size: 0.857em;

}
#spec td,
#spec th {
	padding: 0.25em;
	border-bottom: solid 1px #999;
}
table#list-namecard td {
	width: 7em;
}
#spec th {
	font-weight: normal;
}
#spec thead th {
	text-align: center;
	font-size: 0.9285em;
}
#spec tbody th {
	text-align: right;
}
#spec tbody td {
	font-family: "Georgia", "Times New Roman", serif;
	font-style: italic;
	text-align: center;
}



/* 99. hasLayout for IE */
/* ---------------------------------------------------------------- */

*{zoom:1;}