@charset "utf-8";

/* サイト共通要素 */

/* ==================== タグの初期設定 ==================== */
body {
	color: #333;
}
h1,
h2,
h3,
h4,
h5,
h6 {
	font-weight: bold;
}
h1 {
	font-weight: normal;
	font-size: small;
}
h2,
h3,
h4,
h5,
h6 {
	font-size: medium;
}
p,
td,
th,
li,
dt,
dd,
input,
textarea,
.entryBody,
.entryMore {
	font-size: small;
}
.clear {
	clear: both;
}
br.clear {
	letter-spacing: 0;
	line-height: 1;
}
.center {
	text-align: center;
}



/* ==================== クリアフィックス ==================== */
.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	line-height: 0;
	font-size: 0;
	height: 0;
	visibility: hidden;
}
.clearfix {
	display: inline-block;
}
/* Mac版IEを除外 \*/
.clearfix {
	display: block;
}
/* */



/* ==================== サイト全体 レイアウト ==================== */
/* ========== 全体枠 ========== */
#container {
	background: url("../images/body_bg.gif") #fff repeat-x;
}

#container_index {
	background: url("../images/body_bg_index.gif") #fff repeat-x;
}

/* ========== ヘッダー ========== */
#header {
}

#siteTitle {
}
#siteTitle h1 {
	color: #fff;
	width: 900px;
	padding: 5px 5px 0;
	margin: 0 auto;
}

#headerTitle {
	width: 900px;
	margin: 0 auto;
	padding: 15px 0 8px;
}
#headerAreaLogo {
	float: left;
}
#headerAreaSub {
	float: right;
	text-align: right;
	position: relative;
	top: -30px;
}
p#headerAddress {
	color: #666;
	font-size: 10pt;
}
/* 【未使用】 Google 検索窓
#headerSearch {}
#googleSearch {
	margin: 15px 0 5px;
	padding: 5px 5px 0 0;
	width: 290px;
	background: url("../images/header_gsearch_bg.gif") left top no-repeat;
}
#googleSearch form {
	padding: 0 5px 5px 0;
	background: url("../images/header_gsearch_footer_bg.gif") left bottom no-repeat;
}
#headerSearch input {}
#headerSearch input.text {
	width: 180px;
}
#headerSearch input.submit {
	width: 45px;
}
 */



/* ========== メインメニュー + キャッチ画像 + セカンドエリア + コンテンツ 枠 ========== */

/* メインメニュー + キャッチ画像 + メイン をラップ */
#mainBg {
	width: 913px;
	margin: 0 auto;
}



/* ========== キャッチ画像 ========== */
#catchArea {
	text-align: center;
}



/* ========== キャッチ画像・メインメニュー下 シャドウ ========== */
/* セカンドエリア + コンテンツ をラップ */
#main {
	padding: 0 10px;
}
#mainInner {
	padding: 15px 0;
}



/* ========== メインメニュー ========== */
#mainMenu {
	clear: both;
	position: relative;
}
#mainMenu ul {
	margin: 0 auto;
	padding: 0;
}
/*
 * "/cmn/css/main_menu.css" に移動
 * （※【メインメニュー】ブログのインデックスアーカイブで生成。）
 */



/* ========== 2カラム 設定 ========== */
#secondArea {
	float: left;
}
#contents {
	float: right;
}



/* ==================== コンテンツ ==================== */
#contents {
	width: 650px;
}


/* ---------- コモン ---------- */
#contents h1,
#contents h2,
#contents h3,
#contents h4,
#contents h5,
#contents h6 {
	clear: both;
	margin-bottom: 10px;
}
#contents h2,
#contents h3,
#contents h4,
#contents H5,
#contents H6,
#contents p,
#contents td,
#contents th,
#contents li,
#contents dt,
#contents dd,
#contents .entryBody,
#contents .entryMore {
	line-height: 1.5;
}
#contents p,
#contents ul,
#contents ol,
#contents dl,
#contents table {
	margin-bottom: 15px;
}
#contents th,
#contents td {
	padding: 5px;
	border: 1px solid #666;
}
#contents th,
#contents thead td,
#contents tfoot td {
	background-color: #ddd;
}
#contents thead th,
#contents tfoot th {
	color: #fff;
	background-color: #333;
}
#contents textarea {
	width: 300px;
	height: 8em;
}

/* ---------- mainBlock ---------- */
#contents .mainBlock {
	margin-bottom: 30px;
}

/* ---------- 見出し ---------- */
#contents .mainTitle {
}
#contents .mainTitle h2 {
	color: #fff;
	margin-bottom: 0;
	padding: 5px 0 3px 32px;
	background: url("../images/h2_bg.gif") left top no-repeat;
}
#contents .mainTitle h2.rss {
	background-image: url("../images/h2_rss_bg.gif");
}
#contents .mainTitle a.rss {
	display: block;
	text-decoration: none;
	color: #fff;
	width: 100%;
}
#contents .mainTitle a.rss:hover {
	text-decoration: none;
}

#contents h3 {
	color: #7a6759;
	padding: 3px 0 3px 15px;
	margin-top: 10px;
	background: url("../images/h3_bg.gif") left bottom no-repeat;
}
#contents h4 {
	color: #7a6759;
	padding: 3px 0 3px 15px;
	background: url("../images/h4_bg.gif") left bottom no-repeat;
}

/* ---------- ボディー ---------- */
#contents .mainContents {
	padding: 10px;
	border: 1px solid #ccc;
}
#contents .entryBody,
#contents .entryMore {
	padding: 1px;
}
#contents .entryBody a:hover img,
#contents .entryMore a:hover img {
	opacity: 0.8;
	filter: alpha(opacity=80);
}

/* ---------- ページ送り ---------- */
#contents .contentNavi {
	text-align: center;
	padding-bottom: 8px;
	width: 100%;
	margin: 0 0 8px;
	background: url("../images/hr_bg.gif") left bottom repeat-x;
}
#contents .contentNavi a,
#contents .contentNavi strong {
	display: inline-block;
	text-decoration: underline;
	text-align: center;
	line-height: 1;
	font-size: 130%;
	margin: 0 5px 0 0;
	padding: 5px 8px;
	border: 2px solid #efefef;
	/* color */
	color: #1C55FF;
	border-color: #efefef;
	background-color: #f5f5f5;
}
#contents .contentNavi strong,
#contents .contentNavi a:hover {
	text-decoration: none;
	color: #101113;
	border-color: #90c6e0;
	background-color: #d8ecf6;
}



/* ---------- 基本クラス ---------- */
#contents .pankuzu {}
#contents .pankuzu p {}
#contents .fontXLarge {font-size: large;}
#contents .fontLarge {font-size: medium;}
#contents .fontSmall {font-size: x-small;}
#contents .fontMedium {font-size: small;}
#contents .fontXSmall {font-size: xx-small;}
#contents input.text {
	width: 300px;
}
#contents .caution {
	color: #e00;
}
#contents p.price {
	font-size: medium;
	text-align: right;
	font-weight: bold;
	color: #e00;
}
#contents .hr01 {
	margin: 0 0 15px;
	height: 1px;
	background-image: url("../images/hr_bg.gif");
	background-position: left top;
	background-repeat: repeat-x;
}
#contents .comment .hr01 {
	margin-top: -1em;
}
#contents p.nextPrevious {
	clear: both;
	text-align: center;
}
#contents p.linkBlock,
#contents p.anchorTop {
	text-align: right;
	padding-top: 15px;
	background: url("../images/hr_bg.gif") left top repeat-x;
}
#contents td.buttonArea {
	border: none;
}


/* ==================== セカンドエリア ==================== */
#secondArea {
	width: 220px;
}


/* ---------- 見出し ---------- */
#secondArea h2,
#secondArea h3,
#secondArea h4,
#secondArea h5,
#secondArea h6,
#secondArea td,
#secondArea th,
#secondArea li,
#secondArea dt,
#secondArea dd,
#secondArea p {
	font-size: small;
}
#secondArea th,
#secondArea td,
#secondArea li,
#secondArea dt,
#secondArea dd,
#secondArea p {
	line-height: 150%;
}

/* ----- コンテンツの余白 ----- */
#secondArea p,
#secondArea select,
#secondArea .entryBody {
	margin: 5px 10px;
}

/* ---------- サブメニュー ---------- */
/* ----- 背景画像 ----- */
#subMenu .subMenu,
#qrcode {
	margin-bottom: 25px;
	background: url("../images/second_area_bg.gif") left bottom no-repeat;
}
#secondArea #sideBanners {
	text-align: center;
	margin-bottom: 25px;
}
/* ----- タイトル ----- */
#subMenu .title,
#qrcode .title {
	overflow: hidden;
	text-indent: -9999px;
	height: 32px;
	background-position: left top;
	background-repeat: no-repeat;
}
/* ---------- サブメニュー ---------- */
/* title */
#subMenu .title {
	overflow: hidden;
	display: none;
	text-indent: -9999px;
}
/*
 * タイトル画像は "/cmn/css/sub_menu.css" で指定しています。
 * （※【サイドパーツ : サブメニュー／フッターメニュー】ブログのインデックスアーカイブで生成。）
 */

/* ---------- List ---------- */
#subMenu ul {
	width: 100%;/* IEの表示バグのため、widthを設定 */
	margin: 0;
	padding: 0;
}
#subMenu li {
	list-style-type: none;
	font-weight: bold;
	width: 100%;/*IE6の表示バグのため、widthを設定*/
	margin: 0;
	padding: 0;
	background: url("../images/second_area_hr.gif") center top no-repeat;
}
#subMenu li a {
	position: relative;
	display: block;
	text-decoration: none;
	margin: 0;
	padding: 5px 0 5px 15px;
}
#subMenu li a,
#subMenu li a:visited {
	color: #fff;
}
#subMenu li a:hover {
	color: #ddd;
}
/* ---------- バナー ---------- */
/*
 * バナーブロックは "/cmn/css/banner_side_link.css" で指定しています。
 * （※【サイドパーツ : バナー】ブログのインデックスアーカイブで生成。）
 */
/* ---------- QRコード ---------- */
#qrcode {
	text-align: center;
}
#qrcode .title {
	background-image: url("../images/second_area_title_mobile.gif");
}
#qrcode img {
	margin: 5px auto;
}

/* ---------- ブログパーツ・カスタムパーツ ---------- */
#secondAreaBlogParts,
#secondAreaFreeParts,
#secondAreaCustomParts {}

/* sideBlock */
#secondAreaBlogParts .sideBlock,
#secondAreaFreeParts .sideBlock,
#secondAreaCustomParts .sideBlock {
	margin-bottom: 25px;
	background: url("../images/second_area_bg.gif") left bottom no-repeat;
}
/* 見出し */
#secondAreaBlogParts .sideTitle,
#secondAreaFreeParts .sideTitle,
#secondAreaCustomParts .sideTitle {
}
#secondAreaBlogParts .sideTitle h3,
#secondAreaFreeParts .sideTitle h3,
#secondAreaCustomParts .sideTitle h3 {
	text-align: center;
	font-size: medium;
	color: #fff;
	padding: 5px;
	background: url("../images/second_area_title.gif") left top no-repeat;
}
#secondAreaBlogParts .sideTitle a,
#secondAreaFreeParts .sideTitle a,
#secondAreaCustomParts .sideTitle a {
	text-decoration: underline;
	color: #fff;
}
#secondAreaBlogParts .sideTitle a:hover,
#secondAreaFreeParts .sideTitle a:hover,
#secondAreaCustomParts .sideTitle a:hover {
	text-decoration: none;
}

/* ---------- コンテンツ ---------- */
#secondAreaBlogParts .sideContents,
#secondAreaFreeParts .sideContents,
#secondAreaCustomParts .sideContents {
}
/* ---------- LIST ---------- */
#secondAreaBlogParts .sideContents ul,
#secondAreaCustomParts .sideContents ul {
	width: 100%;/* IEの表示バグのため、widthを設定 */
	margin: 0;
	padding: 0;
}
#secondAreaBlogParts .sideContents li,
#secondAreaCustomParts .sideContents li {
	list-style-type: none;
	font-weight: bold;
	margin: 0;
	padding: 5px 10px;
	background: url("../images/second_area_hr.gif") center top no-repeat;
}
#secondAreaBlogParts .sideContents li a:visited,
#secondAreaCustomParts .sideContents li a:visited {
	color:#FFFFFF;
	text-decoration:underline;
}
#secondAreaBlogParts .sideContents li li,
#secondAreaCustomParts .sideContents li li {
	padding-left: 1em;
	background: url("../images/li_bg.gif") 5px 12px no-repeat;
}
/*
#secondAreaBlogParts .sideContents li a,
#secondAreaBlogParts .sideContents li span.empty,
#secondAreaCustomParts .sideContents li a,
#secondAreaCustomParts .sideContents li span.empty {
}
*/

/* ---------- 各パーツの設定 ---------- */
/* 
#brogPartsAuthor {}
#brogPartsCalendar {}
#brogPartsCategory {}
#brogPartsComment {}
#brogPartsEntry {}
#brogPartsMonthlyArchive {}
#brogPartsMonthlyArchiveDrop {}
#customPartsCategory {}
#customPartsComment {}
#freePageEntryList {}
#freePageCategoryEntryList {}
 */
#brogPartsTagCloud {}
#brogPartsTagCloud .rank-1 {font-size: 1.75em;}
#brogPartsTagCloud .rank-2 {font-size: 1.75em;}
#brogPartsTagCloud .rank-3 {font-size: 1.625em;}
#brogPartsTagCloud .rank-4 {font-size: 1.5em;}
#brogPartsTagCloud .rank-5 {font-size: 1.375em;}
#brogPartsTagCloud .rank-6 {font-size: 1.25em;}
#brogPartsTagCloud .rank-7 {font-size: 1.125em;}
#brogPartsTagCloud .rank-8 {font-size: 1em;}
#brogPartsTagCloud .rank-9 {font-size: 0.95em;}
#brogPartsTagCloud .rank-10 {font-size: 0.9em;}

/* ---------- 最近のアイテム ---------- */
#brogPartsAssets {}
#brogPartsAssets .sideContents ul {
	padding: 3px 0 0 1px;
	margin: 0;
}
#brogPartsAssets .sideContents li {
	display: inline;
	float: left;
	width: 95px;
	height: 95px;
	padding: 0;
	margin: 0 0 3px 3px;
}
#brogPartsAssets .sideContents li.even {
	margin-right: 0;
}
#brogPartsAssets .sideContents a {
	overflow: hidden;
	display: block;
	width: 91px;
	height: 91px;
	padding: 0;
	margin: 0;
	border: 2px solid #efefef;
}
#brogPartsAssets .sideContents a:hover {
	border-color: #90c6e0;
}



/* ========== フッター ========== */
#footer {
	background: url("../images/footer_bg.gif") #0059bf left top repeat-x;
	color:#fff;
}
#footerInner {
	width: 920px;
	margin: 0 auto;
}

/* ---------- フッターメニュー ---------- */
p#footerMenu {
	text-align: center;
	margin: 5px 0;
	padding: 5px 0 10px;
}
p#footerMenu a {
	display: inline-block;
	text-decoration: underline;
	padding: 2px 5px;
	color:#fff;
}
p#footerMenu a:hover {
	text-decoration: none;
}
/* ---------- フッターロゴ ---------- */
#footerAreaLogo {
}

/* ---------- フッター copyright エリア ---------- */
#footerCopyrightArea {
	padding: 5px 15px 15px;
}

/* ---------- フッター copyright 付メニュー ---------- */
p#footerFree {
	margin-bottom: 10px;
}

/* ---------- copyright ---------- */
p#copyright {
	text-align: center;
}



/* ==================== ブログ別 装飾 ==================== */


/* ==================== トップページ ==================== */
#contents #categoryTop {}
#contents #categoryTop #topNews {}
#contents #categoryTop #topLatestBlog {}
#contents #categoryTop #topContents {}
#contents #categoryTop .accessText {}

#categoryTop table.accessTable {
	float: right;
	width: 320px;
	margin-right: 1px;
}

#categoryTop #googleMapsArea {
	float: left;
	margin-bottom: 10px;
	width: 300px;
	height: 340px;
}
#categoryTop ul.date {
	list-style:none;
	margin:0;
	padding:0;
}
#categoryTop dl.date {
	overflow: auto;
	height: 90px;
	margin-top: 0;
	margin-right: 0;
	margin-left: 0;
	padding: 0 10px 0 0;
}
#categoryTop .date {
	list-style:none;
}
#categoryTop .date dt {
	margin: 0 0 5px;
	padding: 0;
}
#categoryTop .date dd {
	margin: 0 0 10px;
	padding: 0 0 0 8px;
	border-left: 8px solid #ddd;
}
#categoryTop .date .dateTime {
	color: #e78737;
}
#categoryTop .date .dateTitle {
	font-weight: bold;
}



/* ==================== 企業情報 ==================== */
#contents #categoryCompany {}

#categoryCompany .accessText {
}
#categoryCompany table.accessTable {
	float: right;
	width: 320px;
}
#categoryCompany #googleMapsArea {
	float: left;
	margin-bottom: 10px;
	width: 300px;
	height: 340px;
}



/* ==================== スタッフ紹介/アイテム紹介 ==================== */
#contents #categoryCustom2 {}

#categoryCustom2 p.photo {
	float: left;
	width: 230px;
	margin: 0 0 30px;
	padding: 2px;
	border: 1px solid #ccc;
}
#categoryCustom2 table.itemInfo {
	float: right;
	width: 345px;
	margin-bottom: 15px;
}
#categoryCustom2 table.itemInfo th {
	width: 3.5em;
}
#categoryCustom2 .entryBody {
	clear: right;
	float: right;
	text-align: justify;
	width: 345px;
	margin-bottom: 30px;
}
#categoryCustom2 h4 {
	padding: 0;
	background: none;
}



/* ==================== 良くあるご質問 ==================== */
/* ショートカットメニュー */
#categoryFaq .shortCut dt {
	font-weight: bold;
	font-size: 100%;
	margin: 0 0 .5em;
}
#categoryFaq .shortCut dd {
	margin: 0 0 1.5em 10px;
	padding-left: 15px;
	border-left: 2px dotted #462e92;
}
#categoryFaq .shortCut a {
	display: block;
	width: 100%;
}
#categoryFaq .shortCut .even a {
	background-color: #f5f3f9;
}
/*コンテンツ*/
#categoryFaq .entryOdd {
	margin: 0 0 10px;
	padding: 10px 10px 0;
}
#categoryFaq .entryEven {
	margin: 0 0 10px;
	padding: 10px 10px 0;
	background-color: #f5f3f9;
}
#categoryFaq .faq_q {
	line-height: 1.5;
	font-size: small;
	color: #462e92;
	padding: 2px 0 0 25px;
	margin: 0 0 4px;
	background: url("../images/faq_q.gif") left bottom no-repeat;
}
#categoryFaq .faq_a {
	width: auto;
	margin-bottom: 20px;
	padding: 5px 0 0 25px;
	background: url("../images/faq_a.gif") left 4px no-repeat;
	border-top: 1px dotted #462e92;
}
#categoryFaq p.anchorTop {
	margin-bottom: 50px;
}



/* ==================== 設計例ページ ==================== */
#contents #categoryWorks {}

/* ========== アーカイブ ========== */

/* エントリ一覧 */
#contents .categoryWorksList ul {
	list-style: none;
	margin: 0 0 6px;
	padding: 0;
}
#contents .categoryWorksList ul li {
	float: left;
	vertical-align: middle;
	width: 130px;
	margin: 0 2px 0 0;
}
#contents .categoryWorksList ul li.last {
	margin-right: 0;
}
#contents .categoryWorksList ul li a {
	overflow: hidden;
	display: block;
	text-align: center;
	text-decoration: none;
	color: #1C55FF;
	width: 120px;
	padding: 2px;
	background-color: #f5f5f5;
	border: 2px solid #efefef;
}
#contents .categoryWorksList ul li a:hover {
	color: #101113;
	background-color: #d8ecf6;
	border-color: #90c6e0;
}
#contents .categoryWorksList ul li .entryTitle {
	display: block;
	line-height: 1.2;
	font-size: 100%;
	margin: 2px 0 0;
}

/* ========== エントリ タイプ共通 ========== */
/* 画像 */
#categoryWorks #entry_sub_image {
	margin: 15px 0 0;
}
#categoryWorks a.highslide {
	overflow: hidden;
	display: block;
	text-align: center;
	text-decoration: none;
	border: 1px solid #efefef;
}
#categoryWorks a.highslide:hover {
	border-color: #90c6e0;
}
#categoryWorks a.highslide img {
	border: none;
}

/* 情報 */
#categoryWorksData table.categoryWorksData {
	width: 100%;
	margin: 1px 0 0;
}

/* ========== エントリ タイプ1 ========== */
#showType1 #categoryWorksPhoto {
	float: left;
	width: 252px;
	margin: 0 0 10px;
}
#showType1 #categoryWorksData {
	float: right;
	width: 360px;
	padding: 1px;
	margin: 0 0 10px;
}

#showType1 .entryBody {
	clear: both;
	margin: 10px 0 0;
}
#showType1 .entryMore {
	clear: both;
	margin: 0 0 10px;
}

/* 画像 */
#showType1 a.highslide {
	overflow: hidden;
	display: block;
	text-align: center;
	text-decoration: none;
	border: 1px solid #efefef;
}
#showType1 a.highslide:hover {
	border-color: #90c6e0;
}
#showType1 a.highslide img {
	border: none;
}

#showType1 #entry_sub_image ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
#showType1 #entry_sub_image li {
	float: left;
	vertical-align: middle;
	width: 82px;
	margin: 0 2px 0 0;
}
#showType1 #entry_sub_image li.last {
	margin-right: 0;
}
#showType1 #entry_sub_image a {
	width: 80px;
	height: 80px;
}

/* ========== エントリ タイプ2 ========== */
#showType2 #entry_main_image {
	text-align: center;
	margin: 0 0 15px;
}
#showType2 #categoryWorksData {
	margin: 0 0 15px;
}
#showType2 .entryBody {
	clear: both;
	margin: 0 0 20px;
}
#showType2 .entryMore {
	clear: both;
	margin: 0 0 20px;
	padding: 0 0 20px;
	border-bottom: 1px dashed #aaa;
}

/* 画像 */
#showType2 #entry_sub_image ul {
	list-style: none;
	margin: 0 30px 20px;
	padding: 0 0 20px 25px;
	border-bottom: 1px dashed #aaa;
}
#showType2 #entry_sub_image li {
	float: left;
	vertical-align: middle;
	width: 242px;
	margin: 0 47px 0 0;
}
#showType2 #entry_sub_image li.last {
	margin-right: 0;
}
#showType2 #entry_sub_image a.highslide {
	overflow: hidden;
	width: 240px;
	background-color: #f5f5f5;
	border: 2px solid #efefef;
}
#showType2 #entry_sub_image a.highslide:hover {
	background-color: #d8ecf6;
	border-color: #90c6e0;
}
#showType2 .image-caption p {
	margin: 10px 0 0;
}



/* ==================== お問い合せ ==================== */
#contents #categoryInquiry {}



/* ==================== ブログページ ==================== */
#contents #categoryBlog {}



/* ==================== フリーページ ==================== */
#contents #categoryFree {}



/* ==================== カスタムページ ==================== */
#contents #categoryCustom {}