@charset "utf-8";

/* -----------------------------------------------
   全体設定
   ----------------------------------------------- */
html {
	padding: 0;
	margin: 0;
}
body {
	font-size: 0.9em;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif;
	line-height: 1.4;
	padding: 0;
	margin: 0;
}
img {
	border: 0;
}
a img {
	border: 0;
}

/*--- 全体枠 ---*/
#wrapper {
	background: url(/portfolio/image/body-bg.gif) repeat-y center top #FCC;
	width: 800px;
	margin: 0 auto;
}


/* -----------------------------------------------
   ヘッダー
   ----------------------------------------------- */
#header {
	width: 800px;
	margin: 0 auto 1em auto;
	position: relative;
}
#header h1 {
	height: 75px;
	margin: 0;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 10;
}
#header h2 {
	padding: 0;
	margin: 0;
}
#header h2 img {
	display: block;
	vertical-align: bottom;
}
#header ul {
	font-size: 13px;
	text-align: right;
	list-style: none;
	padding: 25px 0 0 0;
	margin: 0 0 3px 0;
}
#header li {
	display: inline;
	padding: 0 10px;
	border-right: 1px solid #C00;
}
#header .left {
	border-left: 1px solid #C00;
}
#header li a {
	color: #C00;
}


/* -----------------------------------------------
   ページボディ
   ----------------------------------------------- */
#pagebody {
	padding-left: 10px;
	margin-bottom: 1em;
}


/* -----------------------------------------------
   メインボックス
   ----------------------------------------------- */
#mainbox {
	width: 590px;
	height: auto;
	min-height: 400px;
	padding-top: 1em;
	float: left;
}
* html #mainbox {
	height: 400px;
}
.blog-description {
	color: #C00;
	font-size: 1em;
	margin: 0 0 0.5em 0;
}

/* -- タイトル:説明:ギャラリー --------------------------- */
.archive-title {
	clear: both;
	color: #FFF;
	font-size: 1em;
	font-weight: bold;
	background: url(/portfolio/image/title-bg02.gif) no-repeat right top #3C96E6;
	padding: 6px 5px 5px 5px;
	margin: 0 0 0.5em 0;
}
.archive-title a {
	color: #FFF;
}
#cat01 {
	background: url(/portfolio/image/title-bg01.gif) no-repeat right top #64B464;
}
#cat02 {
	background: url(/portfolio/image/title-bg02.gif) no-repeat right top #3C96E6;
}
#cat03 {
	background: url(/portfolio/image/title-bg03.gif) no-repeat right top #C87850;
}
#cat04 {
	background: url(/portfolio/image/title-bg04.gif) no-repeat right top #DCA0DC;
}
#cat05 {
	background: url(/portfolio/image/title-bg05.gif) no-repeat right top #FFB464;
}
#cat06 {
	background: url(/portfolio/image/title-bg06.gif) no-repeat right top #8CB4F0;
}
#cat07 {
	background: url(/portfolio/image/title-bg07.gif) no-repeat right top #96BF00;
}
#cat08 {
	background: url(/portfolio/image/title-bg08.gif) no-repeat right top #FF6400;
}
#cat09 {
	background: url(/portfolio/image/title-bg09.gif) no-repeat right top #FFA0B4;
}
#cat10 {
	background: url(/portfolio/image/title-bg10.gif) no-repeat right top #F0B400;
}
#cat11 {
	background: url(/portfolio/image/title-bg08.gif) no-repeat right top #FF6400;
}
#cat12 {
	background: url(/portfolio/image/title-bg03.gif) no-repeat right top #C87850;
}
#cat13 {
	background: url(/portfolio/image/title-bg05.gif) no-repeat right top #FFB464;
}
#cat99 {
	background: url(/portfolio/image/title-bg01.gif) no-repeat right top #64B464;
}
.archive-description {
	font-size: 0.9em;
	margin: 0 0 0.5em 0;
}
.archivebox {
	margin-bottom: 1em;
}
.archivebox td {
	text-align: center;
	vertical-align: middle;
	width: 110px;
}

/* -- body（商品写真） --------------------------- */
.entry-body {
	margin-bottom: 1em;
}
.entry-body img {
	margin: 0 7px 7px 0;
}

/* -- excerpt（Youtube） --------------------------- */
.entry-excerpt {
	text-align:center;
	margin-bottom: 1em;
}

/* -- more（本文など） --------------------------- */
.entry-more {
	width: 270px;
	float: left;
}
.entry-more h3 {
	color: #FFF;
	font-size: 0.9em;
	font-weight: bold;
	background: #F66;
	padding: 2px 5px;
	margin: 0 0 0.5em 0;
}
.title {
	font-size: 0.9em;
	margin: 0 0 0.5em 0;
}

.message {
	font-size: 0.9em;
	margin-bottom: 0.5em;
}
.message p {
	margin: 0 0 0.5em 0;
}

.adia {
	margin-top:1.5em !important;
	border-top:1px dotted #666;
}

.entry-catalog {
	font-size: 0.9em;
	background: url(/portfolio/image/icon_pdf.gif) no-repeat left center;
	padding:2px 0 2px 18px;
}
.entry-catalog a {}

.entry-footer {
	font-size: 0.9em;
	text-align: right;
	padding-top: 3px;
	margin: 0;
	border-top: 1px dashed #000;
}
.entry-footer a {
	margin-right: 5px;
}

/* -- お問合せフォーム --------------------------- */
.entry-inquiry {
	width: 310px;
	float: right;
}
.entry-inquiry h3 {
	color: #FFF;
	font-size: 0.9em;
	font-weight: normal;
	text-align: center;
	background: #C00;
	margin: 0 0 0.5em 0;
}
.entry-inquiry p {
	font-size: 0.9em;
	margin: 0 0 0.5em 0;
}
.entry-inquiry .tel {
	color: #C00;
	font-size: 1.2em;
	text-align: center;
}
.entry-inquiry .tel strong {
	font-size: 1.5em;
	font-weight: bold;
}

.fontpdf {
	clear: both;
}
.fontpdf em {
	color: #C00;
	font-style: normal;
}

.mailbtn {}


#mail_formbox {
	border-top: 2px dashed #C00;
}
#mail_formbox p {}

/*
#mail_form {
	background: #FFF0F0;
	padding: 5px;
	margin: 0;
}

#mail_form table {
	width: 290px;
}

#mail_form th {
	color: #C00;
	font-size: 0.9em;
	font-weight: normal;
	text-align: left;
	white-space: nowrap;
}
#mail_form th em {
	color: #000;
	font-size: 0.9em;
	font-style: normal;
}
#mail_form input {
	width: 200px;
}
#mail_form textarea {
	width: 280px;
}
#mail_form #mail_post {
	width: auto;
	padding: 3px 5px;
}
#mail_form td {
	white-space: nowrap;
}
*/

/* -- 100409メールフォーム変更 -- */
#mailform {
	background: #FFF0F0;
	padding: 5px;
	margin: 0;
}

#mailform table {
	width: 290px;
}

#mailform th {
	color: #C00;
	font-size: 0.9em;
	font-weight: normal;
	text-align: left;
	white-space: nowrap;
}
#mailform th em {
	color: #000;
	font-size: 0.9em;
	font-style: normal;
}
#mailform input {
	width: 200px;
}
#mailform textarea {
	width: 280px;
}
#mailform #mail_post {
	width: auto;
	padding: 3px 5px;
}
#mailform td {
	white-space: nowrap;
}



/* -----------------------------------------------
   サイドボックス
   ----------------------------------------------- */
#sidebox {
	width: 180px;
	float: right;
}
#sidebox-inner {
	padding: 10px;
	border: 1px solid #C00;
}

.error #sidebox {
	width: auto;
	float: none;
}

.module {
	clear: both;
	margin-bottom: 1em;
}
.module-header {
	color: #FFF;
	font-size: 0.9em;
	font-weight: normal;
	background: #F66;
	padding: 1px 5px;
	margin: 0 0 0.5em 0;
}

/* -- 前後のエントリー -- */
.next-prev {}
.next-prev ul {
	list-style: none;
	padding: 0;
	margin: 0;
}
.next-prev li {
	font-size: 0.9em;
	width: 75px;
}
.next-prev li a {
	display: block;
	color: #C00;
	font-weight: bold;
	text-align: center;
	text-decoration: none;
}
.next-prev .prev {
	float: left;
}
.next-prev .prev a {
	padding-left: 8px;
	background: url(/portfolio/image/side-prev.gif) no-repeat left 25px;
}
.next-prev .next {
	float: right;
}
.next-prev .next a {
	padding-right: 8px;
	background: url(/portfolio/image/side-next.gif) no-repeat right 25px;
}

/* -- カテゴリー -- */
.genre {}
.genre ul {
	font-size: 0.9em;
	list-style: square;
	padding: 0;
	margin: 0 0 0 1.5em;
}
.genre li {
	color: #C00;
}
.genre li a {
	color: #C00;
}

/* -- 最新のエントリー -- */
.newimages {}
.newimages table {}
.newimages td {
	text-align: center;
	vertical-align: middle;
	width: 80px;
}

/* -- 過去の事例 -- */
.monthly {}
.monthly ul {
	font-size: 0.9em;
	padding: 0;
	margin: 0 0 0 1.5em;
}
.monthly li {
	color: #C00;
}
.monthly li a {
	color: #C00;
}

/* -- フィード取得 -- */
.feed {}
.feed p {
	font-size: 0.9em;
	margin: 0;
}
.feed p a {
	color: #C00;
}

/* -- 検索 -- */
.search {}
.search form {
	padding: 0;
	margin: 0;
}
#search {
	width: 100px;
}
#sends {
	font-size: 0.9em;
}


/* -----------------------------------------------
   カテゴリーボディ
   ----------------------------------------------- */
.categorybox {}
.categorybox td {
	vertical-align: top;
	width: 288px;
}
.categorybox td a {
	text-decoration: none;
}
.categorybox td strong {
	font-size: 1.1em;
}
.categorybox td span {
	font-size: 0.8em;
}
.categorybox td img {
	margin-right: 10px;
	float: left;
}


/* -----------------------------------------------
   検索結果
   ----------------------------------------------- */
/* -- 検索フォーム -- */
#search-form {
	padding: 10px;
	margin: 0 0 1em 0;
	border: 1px dashed #F66;
}
#search-form #search {
	width: auto;
}
#search-form #sends {
	font-size: 1em;
}
.search-result {
	font-size: 1.2em;
	font-weight: bold;
	margin-top: 0;
}

/* -- 検索結果：有 -- */
.resultbox {
	width: 285px;
	margin: 0 10px 1em 0;
	float: left;
}
.resultbox h3 {
	font-size: 1.1em;
	font-weight: bold;
	margin: 0 0 0.5em 0;
}
.resultbox h3 span {
	font-size: 0.8em;
}
.resultbox p {
	font-size: 1em;
	margin: 0;
}
.resultbox a {
	text-decoration: none;
}
.resultbox img {
	margin-right: 10px;
	float: left;
}

/* -- 検索結果：無 -- */
.no-search {}
.no-search p {
	margin-top: 0;
}

/* -- 検索結果：空 -- */
.error-search {}
.error-search p {
	margin-top: 0;
}


/* -----------------------------------------------
   お問い合せ：エラー・サンクス
   ----------------------------------------------- */
.error #mainbox {
	float: none;
}
.error #mainbox h3 {
	font-size: 1.1em;
	font-weight: bold;
	margin-top: 0;
}
.error #mainbox p {
	margin-top: 0;
}
.error #mainbox strong {
	color: #C00;
	font-weight: bold;
}


/* -----------------------------------------------
   フッタナビ
   ----------------------------------------------- */
.foot-navi {
	clear: both;
	text-align: center;
	width: 590px;
	margin-left: 10px;
}
.foot-navi p {
	display: inline;
	color: #C00;
	font-size: 0.9em;
	padding-right: 10px;
	margin: 0 15px;
}
.foot-navi p a {
	color: #C00;
	padding: 3px;
}
.foot-navi .prev a {
	padding-left: 11px;
	background: url(/portfolio/image/main-prev.gif) no-repeat left center;
}
.foot-navi .next a {
	padding-right: 11px;
	background: url(/portfolio/image/main-next.gif) no-repeat right center;
}


/* -----------------------------------------------
   フッタ－
   ----------------------------------------------- */
#footer {
	clear: both;
	padding: 0 10px;
}
.gonetop {
	color: #C00;
	font-size: 0.9em;
	text-align: left;
	width: 170px;
	margin: 0;
	float: right;
}
.gonetop a {
	color: #C00;
}
.copyright {
	color: #C00;
	font-size: 0.9em;
	text-align: center;
	width: 590px;
	margin: 0;
	float: left;
}


/* -----------------------------------------------
   共通パーツ
   ----------------------------------------------- */
/* 親の枠で .clearfix すること */
/* -- 枠：左寄せ -- */
#box_left {
	float: left;
}
/* -- 枠：センター -- */
#box_center {
	float: left;
}
/* -- 枠：左寄せ -- */
#box_right {
	float: right;
}

/* -- 画像右寄せ -- */
.imgfloatright {
	margin-bottom: 5px;
	margin-left: 5px;
	float: right;
}
/* -- 画像左寄せ -- */
.imgfloatleft{
	margin-right: 5px;
	margin-bottom: 5px;
	float: left;
}

/* -- 回り込みクリア -- */
.floatclear {
	clear: both;
	height: 0;
}
.floatclear hr {
	display: none;
}

/* IE7対応clearfix 
   http://stopnlisten.no.land.to/2006/11/ie7clearfixclear.html */
.clearfix {
zoom:1; /* for IE 5.5-7 */
}
.clearfix:after { /* for modern browser */
content:".";
display: block;
height:0;
clear:both;
visibility:hidden;
}
.clearfix {display: inline-table;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */