@charset "utf-8";

/* ----------------------------------------------------
 HOME
---------------------------------------------------- */

#topImg {
	clear: both;
	margin: 166px auto;
	width: 443px;
	height: 57px;
	text-align: center;
}

.topMain {
	overflow: hidden;
	clear: both;
	margin-bottom: 80px;
}

.topMain { /* IE6 */
	height: 1%;
}

.topLeft {
	float: left;
	width: 440px;
}

.topRight {
	float: right;
	width: 395px;
}

.topTitle {
	margin-bottom: 17px;
}

.topWorksList {
	overflow: hidden;
	clear: both;
	font-size: 0.8em;
}

.topWorksList { /* IE6 */
	height: 1%;
}

.topWorksList li {
	float: left;
	width: 190px;
	padding-right: 15px;
}

.topWorksList li.noSpace {
	padding: 0;
}

/* blog list */

.dataList dt {
	clear: both;
	float: left;
	width: 100px;
	padding-right: 10px;
}

.dataList dd {
	float: left;
	width: 330px;
}


/* ----------------------------------------------------
 page title
---------------------------------------------------- */

h2 a {
	clear: both;
	display: block;
	width: 112px;
	height: 17px;
	text-indent: -9999px;
	font-size: 0;
	line-height: 0;
}

#titleAbout a {
	background: url(../images/t_about.gif) no-repeat;
}

#titleWorks a {
	background: url(../images/t_works.gif) no-repeat;
}

#titleOrder a {
	background: url(../images/t_order.gif) no-repeat;
}

#titleBlog a {
	background: url(../images/t_blog.gif) no-repeat;
}

#titleContact a {
	background: url(../images/t_contact.gif) no-repeat;
}


/* page title */

.pageTitle {
	float: left;
	width: 122px;
	height: 17px;
}


/* ----------------------------------------------------
 #crumbList
---------------------------------------------------- */

#crumbList {
	float: left;
	width: 900px;
	margin: 60px 0 30px;
	font-size: 0.7em;
	color: #999;
	background: transparent;
}

#crumbList li {
	display: inline;
}
/*
#crumbList a {
	padding-right: 25px;
	background: url(../images/crumb.gif) right top no-repeat;
}
*/
#crumbList a:after {
	padding: 0 10px;
	content: ">";
	text-decoration: none;
}

#crumbList a:link,
#crumbList a:visited,
#crumbList li a:active,
#crumbList li a:hover {
	color: #999;
	background: transparent;
	text-decoration: none;
}


/* ----------------------------------------------------
 main
---------------------------------------------------- */

.entry {
	clear: both;
	overflow: hidden;
	margin-bottom: 50px;
}

* .entry {
	height: 1%;
}

.entry p {
	clear: both;
	margin-bottom: 25px;
}

.blogText {
	padding-bottom: 30px;
}

.doouble {
	padding-top: 25px;
}

div.asset-body,
div.entry-more {
	clear: both;
}

.entry p.data {
	background: #eee;
	border: 1px #ddd solid;
	padding: 10px;
}


/* ----------------------------------------------------
 entry title
---------------------------------------------------- */

h3 {
	margin-bottom: 15px;
	font-size: 1.2em;
}

div.entryTitle p {
	font-size: 10px;
	margin: 0;
}


/* ----------------------------------------------------
 ABOUT
---------------------------------------------------- */

.profileList dt {
	clear: both;
	float: left;
	width: 110px;
	padding-right: 20px;
}

.profileList dd {
	float: left;
	width: 470px;
}


/* ----------------------------------------------------
 works
---------------------------------------------------- */

.worksList {
	overflow: hidden;
	clear: both;
	font-size: 0.8em;
	line-height: 1.6;
}

.worksList { /* IE6 */
	height: 1%;
}

.worksList li {
	float: left;
	width: 190px;
	margin-bottom: 3em;
	padding-right: 15px;
}

.worksList li.noSpace {
	padding: 0;
}

.worksUrl {
	margin-left: 15px;
	font-size: 0.7em;
}


/* WORKS Gallery
---------------------------------------------------- */

div.contents {
	/* The display of content is enabled by a javascript generated style on the page.
	   This is so that the slideshow content won't display unless javascript is enabled. */
	display: none;
	float: right;
	width: 600px; 
}

/*
div.loader {
	background-image: url('../images/loader.gif');
	background-position: center;
	background-repeat: no-repeat;
	width: 600px;
	height: 350px
}
*/

#gallery-adv {
	display: block;
}

div.slideshow {
	clear: both;
}


div.slideshow span.image-wrapper {
	float: left;
	width: auto;
	padding-bottom: 12px;
}

div.slideshow a.advance-link {
	display: block;
}


div.slideshow img {
	border: none;
	display: block;
}


div.navigation {
	/* The navigation style is set by a javascript generated style on the page.
	   This is so that the javascript specific styles won't be applied unless javascript is enabled. */
	width:250px;
	float: left;
}

ul.thumbs {
	clear: both;
	overflow: hidden;
	margin: 15px 0;
}

* html ul.thumbs {
	height: 1%;
}

ul.thumbs li {
	float: left;
	width: 90px;
	margin-bottom: 15px;
	padding-right: 15px;
	list-style: none;
}


a.thumb {
	display: block;
	width: 90px;
}

ul.thumbs li.selected a.thumb {
	background: #666666;
}

a.thumb:focus {
	outline: none;
}

ul.thumbs img {
	border: none;
	display: block;
}


/* ----------------------------------------------------
 ORDER
---------------------------------------------------- */

.priceList {
	margin-bottom: 10px;
}

.priceList dt {
	clear: both;
	float: left;
	width: 200px;
	padding-right: 10px;
}

.priceList dd {
	float: left;
	width: 390px;
}


/* ----------------------------------------------------
 #contact
---------------------------------------------------- */

input {
	font-size: 1em;
	margin: 3px;
	padding: 3px;
	border: 1px solid #ddd;
}

textarea {
	margin: 3px;
	padding: 3px;
	font-size: 1em;
	line-height: 1.4;
	border: 1px solid #ddd;
}

.contactForm {
	overflow: hidden;
	float: right;
	width: 600px;
	margin: 30px 0;
}

* html dl.contactForm { /* IE6 */
	height: 1%;
}

.contactForm dt {
	clear: both;
	float: left;
	width: 180px;
	padding: 5px 10px 5px 0;
}

.contactForm dt span {
	color: #ffd400;
	background: transparent;
}

.contactForm dd {
	float: left;
	width: 390px;
	padding: 5px 0 ;
}

#center {
	clear: both;
	text-align: center;
}
/*
#main p.contactSubTitle {
	clear: both;
	float: left;
	width: 100px;
	margin: 0;
	padding: 0;
	color: #d0ac40;
	background: transparent;
}*/

.contactForm textarea {
	width: 380px;
	height: 200px;
}

/*
.contactForm select {
	background-color:#3d312b;
	color:#dadada;
	border: 1px #806c5b solid;
}
.scroll {
	width: 266px;
	overflow: scroll;
}
*/

.error {
	color: #ffd400;
	font-weight: bold;
	background: transparent;
}

#name, 
#name_kana,
#mail {
	width: 220px;
}

#url,
#name_company,
#address1,
#address2 {
	width: 380px;
}

#zip {
	width: 60px;
}
  
#tel,
#schedule {
	width: 150px;
}

#way_tel {
	margin-left: 40px;
}

.button {
	width: 150px;
	margin: 3px 50px;
	text-align: center;
	color: #555;
	background: #eee;
}

.backPage {
	width: 100px;
	margin: 3px 15px 10px 15px;
	text-align: center;
	color: #555;
	background: #eee;
}

.send {
	width: 100px;
	margin: 3px 0px 10px 0px;
	text-align: center;
	color: #555;
	background: #eee;
}

.thanks {
	color: #ffd400;
	font-size: 1.6em;
	line-height: 1.5;
	background: transparent;
}


/* ----------------------------------------------------
 news blog
---------------------------------------------------- */
/*
.blogDate {
	float: left;
	width: 100px;
	color: #fff;
	background: transparent;
}

.blogText {
	overflow: hidden;
	float: right;
	width: 600px;
}

* .blogText {
	height: 1%;
}

.blogText h3,
.blogText h3 a {
	color: #fff;
	background: transparent;
}
*/

/* news
---------------------------------------------------- */
/*
.newsText {
	overflow: hidden;
	float: right;
	width: 350px;
}

* .newsText {
	height: 1%;
}

.newsText h3 {
	float: right;
	width: 350px;
	font-size: 1em;
	color: #fff;
	background: transparent;
}

* .newsText p {
	height: 1%;
}

.newsMore a {
	color: #d0ac40;
	background: transparent;
}

.arrowBig a {
	display: block;
	width: 67px;
	height: 25px;
	margin-top: 5px;
	text-indent: -9999px;
	font-size: 0;
	line-height: 0;
}

.arrowBig a:link,
.arrowBig a:visited {
	background: url(../images/arrow_big.gif) no-repeat left top;
}

.arrowBig a:active,
.arrowBig a:hover {
	background: url(../images/arrow_big.gif) no-repeat -67px top;
}

.highslide-image {
	border-width: 2px;
	border-style: solid;
	border-color: white;
}

.wide-border {
	background: white;
}

.wide-border .highslide-image {
	border-width: 10px;
}


a.highslide-credits,
a.highslide-credits i {
	display: none;
	text-indent: -9999px;
	font-size: 0;
	line-height: 0;
}
*/


/* ----------------------------------------------------
 blog
---------------------------------------------------- */

.blogDate {
	font-size: 0.7em;
	line-height: 1;
}

.entry h3 {
	margin-top: -1.5em;
}

div.asset-body blockquote,
div.entry-more blockquote,
div.asset-body pre,
div.entry-more pre,
div.asset-body code,
div.entry-more code {
	clear: both;
	margin-bottom: 15px;
	padding: 5px;
	background: #eee;
}

.entry form {
	margin-bottom: 25px;
}


/* dl */

div.asset-body dl,
div.entry-more dl {
	margin-bottom: 25px;
}

div.asset-body dt,
div.entry-more dt {
	margin-bottom: 0px;
}

div.asset-body dd,
div.entry-more dd {
	margin: 0 0 7px 2em;
}


/* ul , ol */

.asset-body ul,
.entry-more ul {
	list-style: square;
	padding-left: 20px;
	margin-bottom: 25px;
}

.asset-body ol,
.entry-more ol {
	margin-bottom: 25px;
	padding-left: 25px;
}

.asset-body ul li ul,
.entry-more ul li ul,
.asset-body ul li ol,
.entry-more ul li ol,
.asset-body ol li ul,
.entry-more ol li ul,
.asset-body ol li ol,
.entry-more ol li ol {
	margin-bottom: 0;
}


/* #side
---------------------------------------------------- */

#side h4 {
	margin-top: 10px;
}

#side ul {
	margin-bottom: 30px;
}

#side ul li ul {
	margin-bottom: 5px;
}

#monthlylist ul li ul li {
	margin-left: 15px;
	list-style: circle;
	color: #9a9a9a;
}

#search {
	width: 100px;
}

.searchButton {
	font-size: 0.9em;
	color: #555;
	background: #eee;
}

/*
.fold-header a {
    width: 100%;
}

.fold-header a:link,
.fold-header a:visited {
    display: block;
    text-decoration: none;
}
.fold-header a:hover {
    color:#fff;
    background: #AB0404;
    text-decoration: none!important;
}
*/

/* 続きを読む　Entry-more
---------------------------------------------------- */

p.ajax-entry-more-link a {
	clear: both;
	display: block;
	width: 8em;
	padding: 2px;
	color: #555;
	background: #eee;
	text-align: center;
	text-decoration: none;
}

/*
p.ajax-entry-more-link a:link,
p.ajax-entry-more-link a:visited {
	color: #d0ac40;
	background: transparent;
}

p.ajax-entry-more-link a:hover,
p.ajax-entry-more-link a:active {
	color: #d0ac40;
	background: transparent;
}*/


/* ページ分割
---------------------------------------------------- */

#pages {
	clear: both;
	margin-bottom: 30px;
	text-align: center;
}

.current_page {
	padding: 2px 5px;
	color: #666;
	background: #eee;
	border: 1px #ddd solid;
}

#pages a {
	text-decoration: none;
}

.link_page,
.link_next,
.link_before {
	padding: 2px 5px;
	border: 1px #ddd solid;
}

a:hover.link_page,
a:hover.link_next,
a:hover.link_before {
	color: #999;
	background: #eee;
}


/* ----------------------------------------------------
 link
---------------------------------------------------- */

.topWorksList li a:link,
.topWorksList li a:visited,
.topWorksList li a:active,
.topWorksList li a:hover,
.worksList li a:link,
.worksList li a:visited,
.topWorksList li a:active,
.topWorksList li a:hover,
#side a:link,
#side a:visited {
	text-decoration: none;
}

#side a:active,
#side a:hover   {
	text-decoration: underline;
}

.entry h3 a:link,
.entry h3 a:visited {
	color: #000;
	background: #fff;
	text-decoration: none;
}

.entry h3 a:active,
.entry h3 a:hover {
	color: #999;
	background: #fff;
	text-decoration: none;
}


/* ----------------------------------------------------
 changeDevice
---------------------------------------------------- */

#changeDevice {
	display: none;
	clear: both;
	margin-top: 50px;
	padding: 50px 0;
	text-align: center;
	font-size: 0.9em;
	background: #eee;
}

 @media screen and (max-device-width: 480px) and (min-device-width: 0px) {
#changeDevice {
	display: block;
}
}