@charset "utf-8";					/*使用する文字コード*/
/* サイト共通要素 */
/****************突発系便利クラス*****************/

.mb00{margin-bottom:0px !important;}
.mb05{margin-bottom:5px !important;}
.mb10{margin-bottom:10px !important;}
.mb15{margin-bottom:15px !important;}
.mb20{margin-bottom:20px !important;}
.mb25{margin-bottom:25px !important;}
.mb30{margin-bottom:30px !important;}
.mb35{margin-bottom:35px !important;}
.mb40{margin-bottom:40px !important;}
.mb45{margin-bottom:45px !important;}
.mb50{margin-bottom:50px !important;}
.mb60{margin-bottom:60px !important;}
.mb80{margin-bottom:80px !important;}
.mb100{margin-bottom:100px !important;}

.mt00{margin-top:0px !important;}
.mt05{margin-top:5px !important;}
.mt10{margin-top:10px !important;}
.mt15{margin-top:15px !important;}
.mt20{margin-top:20px !important;}
.mt25{margin-top:25px !important;}
.mt30{margin-top:30px !important;}
.mt40{margin-top:40px !important;}

.mr00{margin-right:0px !important;}
.mr05{margin-right:5px !important;}
.mr10{margin-right:10px !important;}
.mr15{margin-right:15px !important;}
.mr20{margin-right:20px !important;}
.mr25{margin-right:25px !important;}
.mr30{margin-right:30px !important;}

.ml00{margin-left:0px !important;}
.ml05{margin-left:5px !important;}
.ml10{margin-left:10px !important;}
.ml15{margin-left:15px !important;}
.ml20{margin-left:20px !important;}
.ml25{margin-left:25px !important;}
.ml30{margin-left:30px !important;}

.pt00{padding-top:0px !important;}
.pt10{padding-top:10px !important;}
.pt20{padding-top:20px !important;}

.pr00{padding-right:0px !important;}
.pr05{padding-right:5px !important;}
.pr10{padding-right:10px !important;}
.pr15{padding-right:15px !important;}
.pr20{padding-right:20px !important;}

.pl00{padding-left:0px !important;}
.pl05{padding-left:5px !important;}
.pl10{padding-left:10px !important;}
.pl15{padding-left:15px !important;}
.pl20{padding-left:20px !important;}

.cboth{clear:both;}
.cnone{clear:none;}
.cleft{clear:left;}
.cright{clear:right;}
.fleft{float:left;}
.fright{float:right;}
.tleft{text-align:left;}
.tcenter{text-align:center;}
.tright{text-align:right;}
.relative{position:relative;}


.red{color:#F33;}

.indent01{text-indent:-1em; padding-left:1em;}

img.lid{display:block; clear:both;}

/*!このクラスは指定することでロールオーバーを可能にするものです。ファイル名は「通常時の名前+_on」としてください!*/
.rlov{}
/* ==================== タグの初期設定 ==================== */
body{
	font-size:75%;
	color:#333;
	line-height:1.8;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	background:url(../images/body_bg.jpg) center top repeat-x #fff;
	}

/* 管理画面 WYSIWYG プレビュー用にBODYの背景をリセット */
BODY#editor{
	margin:5px;
	background:none;
}

H1,
H2,
H3,
H4,
H5,
H6{
	font-weight:bold;
}
#container h1{
	display:block !important;
	margin:0 auto;
	color:#FFF;
	line-height:20px;
	text-align:right;
}
H2,
H3,
H4,
H5,
H6{
	font-size:medium;
}

INPUT,
TEXTAREA,
BODY#editor,
DIV.entryBody,
DIV.entryMore{
	font-size:small;
}
A,
A:visited{
	color:#2F9BD3;
	text-decoration:underline;
}
A:hover{
	text-decoration:none;
}

a{color:#0044CC;}

form em{font-size:80%; color:#F33;}

strong.orange{
	font-size:120%;
	color:#F60;
}
strong.subtitle{font-size:120%;}


p.linkarrow a,dd a.linkarrow{
	padding-left:24px;
	background:url(../../cmn/images/icon_arrow.jpg) left 50% no-repeat;
	font-size:110%;
}

dd a.linkarrow{line-height:50px;}

p.linkarrow a:link,dd a:link{text-decoration:underline;}
p.linkarrow a:visited,dd a:visited{text-decoration:underline;}
p.linkarrow a:hover,dd a:hover{text-decoration:none;}
p.linkarrow a:active,dd a:active{text-decoration:none;}


/* ==================== サイト全体 レイアウト ==================== */
/* ========== 全体枠 ========== */
div#container{
	width:100%;
	text-align:center;
	background:url(../images/footer_bg.jpg) left bottom repeat-x;
}
#container h1{
	display:block !important;
	margin:0 auto;
	padding:0 0 0 10px;
	color:#444;
	line-height:20px;
	text-align:right;
}


/* ========== ヘッダー ========== */
DIV#header{ width:1004px; margin:0 auto 0; height:138px !important;	background:url(../images/header_bg.jpg) left top repeat-x;}
DIV#header .fleft{ text-align:left; width:570px; position:relative; padding-top:20px;}
DIV#header .fright{ text-align:right; padding:10px 0 0 0;}

DIV#header H1{ line-height:18px; font-size:77%; text-align:left; position:absolute; top:2px; left:10px; overflow:visible; width:950px;}
DIV#header DIV#headerTitle{
display:none;
}
DIV#header DIV#headerAreaSub{
display:none;
}
DIV#header P#headerAddress{
display:none;
}
DIV#header DIV#headerSearch{display:none;}
DIV#header DIV#headerSearch DIV#googleSearch{
display:none;}
DIV#header DIV#headerSearch DIV#googleSearch FORM{
display:none;}
DIV#header DIV#headerSearch INPUT.text{
display:none;}
DIV#header DIV#headerSearch INPUT.submit{
display:none;}
DIV#header DIV#headerSearch INPUT{display:none;
}
DIV#header DIV#headerAreaLogo{display:none;}


/* ========== メインメニュー + キャッチ画像 + セカンドエリア + コンテンツ 枠 ========== */
#container div#mainBg{
	width:1060px;
	clear:both;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}

DIV#main{
	/* メインメニュー + キャッチ画像 + セカンドエリア + コンテンツ 枠 の共通の余白を設定 */
	padding:0px;
}


/* ========== 2カラム, 3カラム 設定 ========== */
/* { 2カラム, secondArea 右 
DIV#catchArea{
	float:left;
}
DIV#secondArea{
	float:right;
}
DIV#thirdArea{
	display:none;
}
DIV#contents{
	float:left;
}
 2カラム, secondArea 右 } */

/* { 2カラム secondArea 左 */
#container #catchArea{
	clear:both;
	width:840px;
	margin:0 auto;
}
#container #catchArea img{
	display:block;}
#container div#mainBg div#secondArea{
	width:250px;
	margin:0;
	padding:10px;
	float:left;
	text-align:left;
	background-color:#3c3c3c;
	font-family: 'Yu Mincho', YuMincho, 'Hiragino Mincho ProN', 'Hiragino Mincho Pro', 'HGP明朝B', serif;
}

#container div#mainBg div#secondArea ul li{
	display:inline;
}
#container div#mainBg div#secondArea ul li img{
	display:block;
	margin-bottom:10px;
}


#container div#mainBg div#contents{
	width:761px;
	margin:0 0 0;
	padding:10px 0 0 0;
	float:right;
	text-align:left;
}


#container div#mainBg div#contents h2{
	margin-bottom:20px;
	clear:both;
}

#container div#mainBg div#contents h3{
	margin:0 0 15px;
}

#container div#mainBg div#contents h4{
	margin:0 0 15px 0;
}


#container div#mainBg div#contents p{
	margin:0 10px 15px;
}

#container div#mainBg dl#exbox{margin-bottom:40px;}
#container div#mainBg dl#exbox dd{
	float:left;
	margin-right:10px;
	width:200px;
}
#container div#mainBg dl#exbox dd.last{
	margin-right:0;
}



div#footer{
	height:100px;
	clear:both;
	text-align:center;
	color:#FFF;
	background:url(../images/footer_bg.jpg) left bottom repeat-x;
	font-size:80%;
}

div#footer .copyright{}
div#footer .copyright div{}
div#footer div#footerCopyrightArea{padding-bottom:0 !important; text-align:center;}

div#footer a{color:#FFF; text-decoration:underline;}
div#footer a:hover{color:#FFF; text-decoration:none;}

div#newsbox{
	margin-bottom:40px;
}

div#newsbox dl{
	padding:5px;
	border-bottom:1px dashed #999999;
	clear:both;
}

div#newsbox dl dt{float:left; width:80px;}
div#newsbox dl dd{float:right; width:500px; text-align:left !important;}

DIV#thirdArea{
	display:none;
}
/* 2カラム secondArea 左 } */

/* { 3カラム 画像 長, thirdArea 左, secondArea 右 
DIV#catchArea{
}
DIV#secondArea{
	float:right;
}
DIV#thirdArea{
	float:left;
}
DIV#contents{
	float:left;
}
 3カラム 画像 長, thirdArea 左, secondArea 右 } */

/* { 3カラム 画像 短, thirdArea 左, secondArea 右 
DIV#catchArea{
	float:left;
}
DIV#secondArea{
	float:right;
}
DIV#thirdArea{
	float:left;
}
DIV#contents{
	float:left;
}
 3カラム 画像 短, thirdArea 左, secondArea 右 } */

/* { 3カラム 画像 短, thirdArea 左, secondArea 右 
DIV#catchArea{
	float:right;
}
DIV#secondArea{
	float:left;
}
DIV#thirdArea{
	float:right;
}
DIV#contents{
	float:left;
}
 3カラム 画像 短, thirdArea 左, secondArea 右 } */

/* { 3カラム 画像 長, thirdArea 左, secondArea 右 
DIV#catchArea{
}
DIV#secondArea{
	float:left;
}
DIV#thirdArea{
	float:right;
}
DIV#contents{
	float:left;
}
 3カラム 画像 短, thirdArea 左, secondArea 右 } */



/* ========== メインメニュー ========== */
/* 背景画像は main_menu.css にて、MTのエントリーから読込 */
UL#mainMenu,
UL#mainMenu LI,
UL#mainMenu LI A{
display:none;
	height:45px; /* 高さはUL,LI,Aそれぞれに設定 */
}
UL#mainMenu{
	clear:both;
	position:relative; /* liで絶対的に位置を設定する際に、ウインドウからでなくULからの位置を設定できるように設定 */
	margin:0px;
	padding:0px;
	background-color:#F5F5F5;
}
UL#mainMenu LI,
UL#mainMenu A{
	position:absolute;/* liを横に並べるために、絶対的に位置を設定できるように設定 */
	top:0px;/* liを横に並べるため、全ての高さを揃える */
}
UL#mainMenu LI{
	list-style-type:none;/*Netscapeでは、表示エリア外に設定してもリストの「・」が残ってしまうための対応*/
	font-size:0.1em;/* IEでは「文字の高さ×liの数」の余白があいてしまう。余白があかないように設定 */
}
UL#mainMenu A{
	display:block;
	text-indent:-9999em;/* 文字を表示エリア外に移動 */
	text-decoration:none;/* firefoxでは下線がされてしまう問題を修正 */
	background-position:center center;
	width:160px;/* ボタンの幅 */
}
UL#mainMenu A#mainMenu1{
	left:0px;/*ボタンの位置を指定*/
}
UL#mainMenu A#mainMenu2{
	left:160px;/*ボタンの位置を指定*/
}
UL#mainMenu A#mainMenu3{
	left:320px;/*ボタンの位置を指定*/
}
UL#mainMenu A#mainMenu4{
	left:480px;/*ボタンの位置を指定*/
}
UL#mainMenu A#mainMenu5{
	left:640px;/*ボタンの位置を指定*/
}
UL#mainMenu A#mainMenu6{
	width:160px;/* ボタンの幅 */
	left:800px;/*ボタンの位置を指定*/
}
#container div#gnavi{
	background:url(../..../cmn/images/gnavi_00.jpg) left top repeat-x;
	height:140px !important;
	margin:0 0 20px;
}

#container div#gnavi ul{
	height:70px;
	width:1000px;
	display:block;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	clear:both;
}

#container div#gnavi ul li{
	height:70px;
	float:left;
}

#container div#gnavi ul li img{display:inline;}
#container div#gnavi ul li a{display:block;}



/* ========== サイドメニュー（画像） ========== */
/* 背景画像は main_menu.css にて、MTのエントリーから読込 */
UL#sideMenu,
UL#sideMenu LI,
UL#sideMenu LI A{
	height:45px; /* 高さはUL,LI,Aそれぞれに設定 */
}
UL#sideMenu{
	margin:0px;
	padding:0px;
	background-color:#F5F5F5;
}
UL#sideMenu LI{
	list-style-type:none;/*Netscapeでは、表示エリア外に設定してもリストの「・」が残ってしまうための対応*/
	font-size:0.1em;/* IEでは「文字の高さ×liの数」の余白があいてしまう。余白があかないように設定 */
}
UL#sideMenu A{
	display:block;
	text-indent:-9999em;/* 文字を表示エリア外に移動 */
	text-decoration:none;/* firefoxでは下線がされてしまう問題を修正 */
	background-position:center center;
}

/* ========== キャッチ画像 ========== */
#container #catchArea{
	clear:both;
	width:1000px;
	margin:0 auto;
	overflow:hidden;
}
#container #catchArea img{
	height:auto;
}

#catchArea #mainMenu{display:none !important;}

#container div#arrows img{position:absolute;}
#container div#arrows img#arrow01{left:10px; top:125px;}
#container div#arrows img#arrow02{left:171px; top:134px;}
#container div#arrows img#arrow03{left:261px; top:44px;}
#container div#arrows img#arrow04{left:273px; top:140px;}
#container div#arrows img#arrow05{left:271px; top:204px;}

/* ========== キャッチ画像・メインメニュー下 シャドウ ========== */
DIV#secondArea,
DIV#thirdArea,
DIV#contents{

	background-image:url(../images/mmenu_bottom_shadow.gif);
	background-position:left top;

	background-repeat:repeat-x;
}





/* ========== サードエリア ========== */
DIV#thirdArea{}



/* ---------- サブメニュー ---------- */
/* ----- 背景画像 ----- */
DIV#secondArea DIV#subMenu,
DIV#secondArea DIV#freeSpace,
DIV#secondArea DIV#banner,
DIV#secondArea DIV#qrcode,
DIV#secondArea DIV#case{
	margin-bottom:10px;
	background-image:url(../images/second_area_bg.gif);
	background-position:left bottom;
	background-repeat:no-repeat;
}
/* ----- タイトル ----- */
DIV#secondArea DIV#subMenu DIV.title,
DIV#secondArea DIV#freeSpace DIV.title,
DIV#secondArea DIV#banner DIV.title,
DIV#secondArea DIV#qrcode DIV.title,
DIV#secondArea DIV#case DIV.title,
DIV#secondArea DIV#brogPartsTagCloud DIV.title_tag{
	background-position:left top;
	background-repeat:no-repeat;
	height:32px;
}
/* ----- コンテンツの余白 ----- */
/*
DIV#secondArea P,
DIV#secondArea SELECT,
DIV#secondArea DIV.entryBody,
DIV#secondArea DIV#freeSpace H3{
	margin:5px 10px 5px 10px;
}
*/
/* ---------- サブメニュー ---------- */
DIV#secondArea DIV#subMenu DIV.title{
	background-image:url(../images/second_area_title_menu.gif);
}
/* ---------- サブメニュー ---------- */
DIV#secondArea DIV#subMenu UL{
	width:100%;/* IEの表示バグのため、widthを設定 */
	margin:0px;
	padding:0px;
}
DIV#secondArea DIV#subMenu LI{
	margin:0px;
	padding:0px;
	list-style-type:none;
	background-image:url(../images/second_area_hr.gif);
	background-position:center top;
	background-repeat:no-repeat;
	font-weight:bold;
}
DIV#secondArea DIV#subMenu LI A{
	display:block;
	margin:0px;
	padding:5px 10px 5px 10px;
	text-decoration:none;
	color:#2B1D13;
}
DIV#secondArea DIV#subMenu LI A:hover{
	color:#AB9E8E;
}
/* ---------- フリースペース ---------- */
DIV#secondArea DIV#freeSpace{}
DIV#secondArea DIV#freeSpace DIV.title{
	background-image:url(../images/second_area_title_free.gif);
}
DIV#secondArea DIV#freeSpace DIV.entryBody{
	padding-bottom:10px;
}
/* ---------- バナー ---------- */
DIV#secondArea DIV#banner{
	text-align:center;
}
DIV#secondArea DIV#banner DIV.title{
	background-image:url(../images/second_area_title_banner.gif);
}
DIV#secondArea DIV#banner IMG{
	margin:5px auto 5px auto;
}
DIV#secondArea DIV#banner P{
	text-align:left;
}
/* ---------- QRコード ---------- */
DIV#secondArea DIV#qrcode{
	text-align:center;
}
DIV#secondArea DIV#qrcode DIV.title{
	background-image:url(../images/second_area_title_mobile.gif);
}
DIV#secondArea DIV#qrcode IMG{
	margin:5px auto 5px auto;
}
/* ---------- 事例集 ---------- */
DIV#secondArea DIV#case DIV.title{
	background-image:url(../images/second_area_title_case.gif);
}
DIV#secondArea DIV#case UL{
	width:100%;/* IEの表示バグのため、widthを設定 */
	margin:0px;
	padding:0px;
}
DIV#secondArea DIV#case LI{
	margin:0px;
	padding:0px;
	list-style-type:none;
	background-image:url(../images/second_area_hr.gif);
	background-position:center top;
	background-repeat:no-repeat;
	font-weight:bold;
}
DIV#secondArea DIV#case LI A{
	display:block;
	margin:0px;
	padding:5px 10px 5px 10px;
	text-decoration:none;
	color:#2B1D13;
}
DIV#secondArea DIV#case LI A:hover{
	color:#AB9E8E;
}

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

DIV#secondArea DIV#brogPartsCategory H3,
DIV#secondArea DIV#brogPartsCalendar H3,
DIV#secondArea DIV#brogPartsTagCloud H3,
DIV#secondArea DIV#brogPartsMonthlyArchiveDrop H3,
DIV#secondArea DIV#brogPartsMonthlyArchive H3,
DIV#secondArea DIV#brogPartsEntry H3,
DIV#secondArea DIV#brogPartsComment H3,
DIV#secondArea DIV#brogPartsAuthor H3,
DIV#secondArea DIV#customPartsCategory H3,
DIV#secondArea DIV#customPartsComment H3,
DIV#secondArea DIV#duplicateEntryList H3,
DIV#secondArea DIV#duplicateCategoryEntryList H3{
	padding:5px 5px 0 0;
	background-image:url(../images/h3_bg.gif);
	background-position:left bottom;
	background-repeat:no-repeat;
	font-size:medium;
	color:#2a6684;
	margin-bottom:10px;
}

/* ---------- UL ---------- */
DIV#secondArea DIV#brogPartsCategory UL,
DIV#secondArea DIV#brogPartsCalendar UL,
DIV#secondArea DIV#brogPartsTagCloud UL,
DIV#secondArea DIV#brogPartsMonthlyArchiveDrop UL,
DIV#secondArea DIV#brogPartsMonthlyArchive UL,
DIV#secondArea DIV#brogPartsEntry UL,
DIV#secondArea DIV#brogPartsComment UL,
DIV#secondArea DIV#brogPartsAuthor UL,
DIV#secondArea DIV#customPartsCategory UL,
DIV#secondArea DIV#customPartsComment UL,
DIV#secondArea DIV#duplicateEntryList UL,
DIV#secondArea DIV#duplicateCategoryEntryList UL{
	width:100%;/* IEの表示バグのため、widthを設定 */
	margin:0px;
	padding:0px;
	list-style:disc;
}
DIV#secondArea DIV#brogPartsCategory LI,
DIV#secondArea DIV#brogPartsCalendar LI,
DIV#secondArea DIV#brogPartsTagCloud LI,
DIV#secondArea DIV#brogPartsMonthlyArchiveDrop LI,
DIV#secondArea DIV#brogPartsMonthlyArchive LI,
DIV#secondArea DIV#brogPartsEntry LI,
DIV#secondArea DIV#brogPartsComment LI,
DIV#secondArea DIV#brogPartsAuthor LI,
DIV#secondArea DIV#customPartsCategory LI,
DIV#secondArea DIV#customPartsComment LI,
DIV#secondArea DIV#duplicateEntryList LI,
DIV#secondArea DIV#duplicateCategoryEntryList LI{
	margin:0px;
	background-image:url(../images/li_bg.gif);
	background-position:left 5px;
	background-repeat:no-repeat;
	padding:3px 0 3px 1.4em;
	list-style-type:none;
	font-weight:bold;
	display:block !important;
}
DIV#secondArea DIV#brogPartsCategory LI LI,
DIV#secondArea DIV#brogPartsCalendar LI LI,
DIV#secondArea DIV#brogPartsTagCloud LI LI,
DIV#secondArea DIV#brogPartsMonthlyArchiveDrop LI LI,
DIV#secondArea DIV#brogPartsMonthlyArchive LI LI,
DIV#secondArea DIV#brogPartsEntry LI LI,
DIV#secondArea DIV#brogPartsComment LI LI,
DIV#secondArea DIV#brogPartsAuthor LI LI,
DIV#secondArea DIV#customPartsCategory LI LI,
DIV#secondArea DIV#customPartsComment LI LI,
DIV#secondArea DIV#duplicateEntryList LI LI,
DIV#secondArea DIV#duplicateCategoryEntryList LI LI{
	background-image:url(../images/listhead.gif);
	background-position:left 5px !important;
	background-repeat:no-repeat;
	padding:3px 0 3px 1.4em;
}
/* ---------- 各パーツの設定 ---------- */
DIV#secondArea DIV#brogPartsCategory,
DIV#secondArea DIV#brogPartsCalendar,
DIV#secondArea DIV#brogPartsTagCloud,
DIV#secondArea DIV#brogPartsMonthlyArchiveDrop,
DIV#secondArea DIV#brogPartsMonthlyArchive,
DIV#secondArea DIV#brogPartsEntry,
DIV#secondArea DIV#brogPartsComment,
DIV#secondArea DIV#brogPartsAuthor,
DIV#secondArea DIV#customPartsCategory,
DIV#secondArea DIV#customPartsComment,
DIV#secondArea DIV#duplicateEntryList,
DIV#secondArea DIV#duplicateCategoryEntryList{
	margin-bottom:15px;
background-color:#FFF;
padding:10px;
}

DIV#secondArea DIV#brogPartsCategory{}
DIV#secondArea DIV#brogPartsTagCloud{}
DIV#secondArea DIV#brogPartsTagCloud .rank-1{
	font-size: 1.75em;
}
DIV#secondArea DIV#brogPartsTagCloud .rank-2{
	font-size: 1.75em;
}
DIV#secondArea DIV#brogPartsTagCloud .rank-3{
	font-size: 1.625em;
}
DIV#secondArea DIV#brogPartsTagCloud .rank-4{
	font-size: 1.5em;
}
DIV#secondArea DIV#brogPartsTagCloud .rank-5{
	font-size: 1.375em;
}
DIV#secondArea DIV#brogPartsTagCloud .rank-6{
	font-size: 1.25em;
}
DIV#secondArea DIV#brogPartsTagCloud .rank-7{
	font-size: 1.125em;
}
DIV#secondArea DIV#brogPartsTagCloud .rank-8{
	font-size: 1em;
}
DIV#secondArea DIV#brogPartsTagCloud .rank-9{
	font-size: 0.95em;
}
DIV#secondArea DIV#brogPartsTagCloud .rank-10{
	font-size: 0.9em;
}
DIV#secondArea DIV#brogPartsMonthlyArchiveDrop{}
DIV#secondArea DIV#brogPartsMonthlyArchive{}
DIV#secondArea DIV#brogPartsEntry{}
DIV#secondArea DIV#brogPartsComment{}
DIV#secondArea DIV#brogPartsAuthor{}
DIV#secondArea DIV#customPartsCategory{}
DIV#secondArea DIV#customPartsComment{}
DIV#secondArea DIV#duplicateEntryList{}
DIV#secondArea DIV#duplicateCategoryEntryList{}



/* ========== コンテンツ ========== */
DIV#contents{
	width:570px;
	padding:15px 0px 15px 15px;
}
BODY#editor,/* 管理画面 WYSIWYG プレビュー用設定 */
DIV#contents{}



/* ========== フッター ========== */
DIV#footer{}
/* ---------- フッターメニュー ---------- */
DIV#footer P#footerMenu{
	margin:5px 25px 5px 25px;
	padding:15px 0px 10px 0px;
	text-align:center;
}

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

/* ---------- フッター copyright 付メニュー ---------- */
DIV#footer P#footerFree{
	float:left;
	width:450px;
	margin-bottom:10px;
	display:none;
}
DIV#footer P#footerSiteLink{
	float:right;
	width:300px;
	text-align:right;
	margin-bottom:10px;
	display:none;
}

/* ---------- copyright ---------- */
DIV#footer P#copyright{
	clear:both;
}

BR.clear,
DIV.clear{
	clear:both;
}



/* ==================== サイト全体 装飾 ==================== */
/* ========== セカンドエリア ========== */
/* ---------- 見出し ---------- */
/*
DIV#secondArea H2,
DIV#secondArea H3,
DIV#secondArea H4,
DIV#secondArea H5,
DIV#secondArea H6,
DIV#secondArea TD,
DIV#secondArea TH,
DIV#secondArea LI,
DIV#secondArea P{
	font-size:small;
}
DIV#secondArea TD,
DIV#secondArea TH,
DIV#secondArea LI,
DIV#secondArea P{
	line-height:150%;
}
*/
/* ========== コンテンツ ========== */
/* ---------- 見出し ---------- */
BODY#editor,
BODY#editor H2,
BODY#editor H3,
BODY#editor H4,
BODY#editor H5,
BODY#editor H6,
BODY#editor P,
BODY#editor TD,
BODY#editor TH,
BODY#editor LI,
BODY#editor DIV.entryBody,
BODY#editor DIV.EntryMore,
DIV#contents H2,
DIV#contents H3,
DIV#contents H4,
DIV#contents H5,
DIV#contents H6,
DIV#contents P,
DIV#contents TD,
DIV#contents TH,
DIV#contents LI,
DIV#contents DIV.entryBody,
DIV#contents DIV.EntryMore{
	line-height:200%;
}
BODY#editor P,
BODY#editor OL,
BODY#editor UL,
BODY#editor TABLE,
DIV#contents P,
DIV#contents OL,
DIV#contents UL,
DIV#contents TABLE{
	margin-bottom:15px;
}
BODY#editor H1,
BODY#editor H2,
BODY#editor H3,
BODY#editor H4,
BODY#editor H5,
BODY#editor H6,
DIV#contents H1,
DIV#contents H2,
DIV#contents H3,
DIV#contents H4,
DIV#contents H5,
DIV#contents H6{
	margin-bottom:10px;
}

BODY#editor H2,
DIV#contents H2{
	background-image:url(../images/h2_bg.jpg);
	background-position:left top;
	background-repeat:no-repeat;
	padding:0 0 0 0;
	line-height:35px;
	font-size:160%;
	color:#444444;
}

DIV#contents H2.image{
background:none;
padding:0;
margin:0 0 15px;
border:none;
}
BODY#editor A.rss H2,
DIV#contents A.rss H2{
	background-image:url(../images/h2_rss_bg.gif);
	padding-right:32px;
}
BODY#editor A.rss,
DIV#contents A.rss{
	text-decoration:none;

}
BODY#editor A:hover.rss,
DIV#contents A:hover.rss{
	text-decoration:none;
}
BODY#editor H3,
DIV#contents H3{
	background-image:url(../images/h3_bg.jpg);
	background-position:left bottom;
	background-repeat:no-repeat;
	padding:0 3px 0 2px;
	color:#666666;
	line-height:28px;
}
BODY#editor H4,
DIV#contents H4{
	background-image:url(../images/h4_bg.gif);
	background-position:left bottom;
	background-repeat:no-repeat;
	padding:3px 3px 2px 0px;
	font-weight:normal;
	color:#006193;
	font-weight:bold;
}
BODY#editor UL.date,
DIV#contents UL.date{
	margin-top:0px;
	margin-right:0px;
	margin-left:0px;
	padding:0px;
}
BODY#editor UL.date LI,
DIV#contents UL.date LI{
	margin:0px;
	list-style-type:none;
	text-indent:-5.5em;
	padding:0px 0px 0px 5.5em;
}

DIV#contents table{
	border-collapse: collapse;
}

BODY#editor TH,
BODY#editor TD,
DIV#contents TH,
DIV#contents TD{
	border:1px solid #AAAAAA;
	padding:5px;
}
BODY#editor TH,
DIV#contents TH{
	background-color:#DDDDDD;
	font-weight:normal;
	text-align:left;
}


BODY#editor .noborder Td,
BODY#editor .noborder TH,
DIV#contents .noborder Td,
DIV#contents .noborder TH{
	padding:0px;
	border:none;
}





BODY#editor .table01 TH,
DIV#contents .table01 TH{
	width:30% !important;}


BODY#editor H2.rss A,
DIV#contents H2.rss A{
	display:block;
	text-decoration:none;
}
BODY#editor P.pankuzu,
DIV#contents P.pankuzu{}
BODY#editor .fontXLarge,
DIV#contents .fontXLarge{
	font-size:large;
}
BODY#editor .fontLarge,
DIV#contents .fontLarge{
	font-size:medium;
}
BODY#editor .fontSmall,
DIV#contents .fontSmall{
	font-size:x-small;
}
BODY#editor .fontMedium,
DIV#contents .fontMedium{
	font-size:small;
}
BODY#editor .fontXSmall,
DIV#contents .fontXSmall{
	font-size:xx-small;
}
BODY#editor input.text,
DIV#contents input.text{
	width:300px;
}
DIV#contents INPUT.textShort{
	width:50px;
}
BODY#editor TEXTAREA,
DIV#contents TEXTAREA{
	width:430px;
	height:15em;
}
BODY#editor .caution,
DIV#contents .caution{
	color:#EE0000;
}
BODY#editor P.price,
DIV#contents P.price{
	font-size:medium;
	text-align:right;
	font-weight:bold;
	color:#EE0000;
}
BODY#editor DIV.hr01,
DIV#contents DIV.hr01{
	margin:0px 0px 15px 0px;
	height:1px;
	background-image:url(../images/hr_bg.gif);
	background-position:left top;
	background-repeat:repeat-x;
}
BODY#editor DIV.comment DIV.hr01,
DIV#contents DIV.comment DIV.hr01{
	margin-top:-1em;
}
BODY#editor P.nextPrevious,
DIV#contents P.nextPrevious{
	text-align:center;
}
BODY#editor P.linkBlock,
DIV#contents P.linkBlock,
BODY#editor P.anchorTop,
DIV#contents P.anchorTop{
	padding-top:15px;
	background-image:url(../images/hr_bg.gif);
	background-position:left top;
	background-repeat:repeat-x;
}
BODY#editor P.entryMeta,
DIV#contents P.entryMeta{}
BODY#editor P.linkBlock,
DIV#contents P.linkBlock,
BODY#editor P.anchorTop,
DIV#contents P.anchorTop{
	text-align:right;
}
BODY#editor TD.buttonArea,
DIV#contents TD.buttonArea{
	border:none;
}
DIV#contents DIV.center{
	text-align:center;
}



/* ==================== トップページ ==================== */
DIV#contents DIV#categoryTop{}
DIV#contents DIV#categoryTop H3{
	background-image:url(../images/h2_bg.gif);
	background-position:left top;
	background-repeat:no-repeat;
	padding:5px 5px 3px 32px;
	border-bottom:1px solid #2B1D13;
	color:#FFFFFF;
	text-decoration:none;
}
DIV#contents DIV#categoryTop DIV.topNews{}
DIV#contents DIV#categoryTop DIV.topLatestBlog{}
DIV#contents DIV#categoryTop DIV#topContents{}

DIV#contents DIV#categoryTop DIV.accessText{}

DIV#contents DIV#categoryTop TABLE.accessTable{
	width:100%;
}

DIV#contents DIV#categoryTop DIV#googleMapsArea{
	margin-bottom:10px;
	width:100%;
	height:450px;
}



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


DIV#contents DIV#categoryCompany DIV.accessText{}

DIV#contents DIV#categoryCompany TABLE.accessTable{
	width:100%;
}

DIV#contents DIV#categoryCompany DIV#googleMapsArea{
	margin-bottom:10px;
	width:100;
	height:450px;
}




/* ==================== プライバシーポリシー ==================== */
DIV#contents DIV#categoryPrivacyPolicy{}



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

DIV#contents DIV#categoryInquiry TH{
	width:8em;
}
DIV#contents DIV#categoryInquiry .formErrorBg{
	background-color:#FFDDDD;
}


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



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



/* ==================== デュプリケートページ ==================== */
DIV#contents DIV#categoryDuplicate{}



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



/* ==================== お買い物ページ ==================== */
DIV#contents DIV#categoryShop{}
DIV#contents DIV#categoryShop DIV.shopSubImg{
	margin-bottom:15px;
}
DIV#contents DIV#categoryShop DIV.shopMainImg IMG{
	margin-bottom:15px;
}
DIV#contents DIV#categoryShop DIV.shopSubImg IMG{
	margin:3px;
}



/* ==================== 事例集ページ ==================== */
DIV#contents DIV#categoryCase{}

/* トップページ ・ デザインコンセプト */
DIV#contents DIV.caseDesignEntry{}
DIV#contents IMG.caseDesignEntryImg{
	float:left;
	margin-bottom:10px;
}
DIV#contents DIV.caseDesignEntryText{
	float:right;
	width:440px;
}
DIV#contents P.caseDesignEntryLink{
	text-align:right;
}

/* デザインコンセプト */
DIV#contents DIV#categoryCase DIV.caseDesignGallary{
	margin-bottom:8px;
}
DIV#contents DIV#categoryCase DIV.caseDesignGallary IMG{
	margin:0px 7px 7px 0px;
}


/* ==================== ギャラリー & スタッフ ページ ==================== */
DIV#contents DIV.galleryCatContainer,
DIV#contents DIV.staffCatContainer{
	float:left;
	width:190px;
}
DIV#contents P.galleryListContainer,
DIV#contents P.staffListContainer{
	float:left;
	width:190px;
}
DIV#contents DIV.galleryCatContainer H3,
DIV#contents DIV.staffCatContainer H3{
	margin:0px 5px 0px 5px;
}
DIV#contents P.galleryListContainer A,
DIV#contents P.staffListContainer A{
	margin:5px;
	padding:5px;
	background-color:#f2f0e7;
	display:block;
	text-decoration:none;
}
DIV#contents P.galleryListContainer A,
DIV#contents P.galleryListContainer A:visited,
DIV#contents P.staffListContainer A,
DIV#contents P.staffListContainer A:visited{
	text-decoration:none;
	color:#907b6a;
}
DIV#contents P.galleryListContainer A:hover,
DIV#contents P.staffListContainer A:hover{
	background-color:#907b6a;
	text-decoration:none;
	color:#ffffff;
}
DIV#contents SPAN.galleryListImgContainer,
DIV#contents SPAN.staffListImgContainer{
	width:170px;
	height:170px;
	
	display:block;
	background-repeat:no-repeat;
	background-position:center center;
}
DIV#contents SPAN.galleryListTitleContainer,
DIV#contents SPAN.staffListTitleContainer{
	overflow:hidden;
	display:block;
	height:3em;
}
DIV#contents DIV.galleryCatContainer SPAN.galleryListTitleContainer,
DIV#contents DIV.staffCatContainer SPAN.staffListTitleContainer{
	height:6em;
}
DIV#contents DIV#galleryImageAndText,
DIV#contents DIV#staffImageAndText{
	margin-bottom:15px;
}
DIV#contents DIV.galleryThumb{
	
}
DIV#contents DIV.galleryThumb A{
	width:67px;
	height:67px;
	
	float:left;
	display:block;
	margin:2px;
	background-repeat:no-repeat;
	background-position:center center;
}
DIV#contents DIV#galleryImage,
DIV#contents DIV#staffImage{
	float:left;
	width:284px;
}
DIV#contents DIV#galleryMainImage,
DIV#contents DIV#galleryMainImageFade,
DIV#contents DIV#staffMainImage{
	margin-bottom:10px;
}
DIV#contents DIV#galleryMainImage,
DIV#contents DIV#galleryMainImageFade,
DIV#contents DIV#galleryMainImageFade #galleryMainImage1,
DIV#contents DIV#galleryMainImageFade #galleryMainImage2,
DIV#contents DIV#galleryMainImageFade #galleryMainImage3,
DIV#contents DIV#galleryMainImageFade #galleryMainImage4,
DIV#contents DIV#galleryMainImageFade #galleryMainImage5,
DIV#contents DIV#galleryMainImageFade #galleryMainImage6,
DIV#contents DIV#galleryMainImageFade #galleryMainImage7,
DIV#contents DIV#galleryMainImageFade #galleryMainImage8,
DIV#contents DIV#staffMainImage{
	height:380px;
	overflow:hidden;
}
DIV#contents DIV#galleryMainImage{
	display:none;
}
DIV#contents DIV#galleryText,
DIV#contents DIV#staffText{
	float:right;
	width:270px;
}
DIV#contents TABLE.galleryDetail,
DIV#contents TABLE.staffDetail{
	width:100%;
}
DIV#contents TABLE.galleryDetail TH,
DIV#contents TABLE.galleryDetail TD,
DIV#contents TABLE.staffDetail TH,
DIV#contents TABLE.staffDetail TD{
	border:none;
	border-bottom:1px dashed #C8AE8C;
}
DIV#contents TABLE.galleryDetail TH,
DIV#contents TABLE.staffDetail TH{
	background:none;
	font-weight:bold;
	color:#C8AE8C;
}
DIV#contents TABLE.galleryDetail TD,
DIV#contents TABLE.staffDetail TD{}



/* ==================== フォトギャラリー ページ ==================== */
/* ===== サイドカラムを使用しない場合 ===== */
/* コンテンツの最大幅 */
BODY.photoDetail DIV#contents{
	width:770px;
}
BODY.photoDetail DIV#contents H2{
	background-image:url(../images/h2_bg_nocolumn.gif);
}
BODY.photoDetail DIV#contents H3{
	background-image:url(../images/h3_bg_nocolumn.gif);
}
BODY.photoDetail DIV#contents DIV#gallery DIV#controls{
	font-size:small;
}

/* メイン画像表示枠の幅 */
BODY.photoDetail DIV#contents DIV.content,
BODY.photoDetail DIV#contents DIV.loader,
BODY.photoDetail DIV#contents DIV.slideshow a.advance-link,
BODY.photoDetail DIV#contents SPAN.image-caption{
	width: 450px;
}
/* メイン画像表示枠の高さ */
BODY.photoDetail DIV#contents DIV.slideshow-container,
BODY.photoDetail DIV#contents DIV.loader,
BODY.photoDetail DIV#contents DIV.slideshow a.advance-link
{
	height: 450px;
}
BODY.photoDetail DIV#contents DIV.slideshow a.advance-link {
	line-height: 450px;
}
/* サムネイルサイズ */
BODY.photoDetail DIV#contents a.thumb {
	
	width:87px;
	height:87px;
}
BODY.photoDetail DIV#contents ul.thumbs li a.thumb{
	border: 1px solid #CCCCCC;
}
BODY.photoDetail DIV#contents ul.thumbs li.selected a.thumb{
	border: 1px solid #999999;
}

/* ==================== メニュー ページ ==================== */
.menu_boxL{
 float:left;
 width:50%;
 margin:0;padding:0;
 padding-bottom:10px;
}
.menu_boxR{
 float:right;
 width:50%;
 margin:0;padding:0;
 padding-bottom:10px;
}
#editor .menu_boxL H5,
#editor .menu_boxR H5,
#contents .menu_boxL H5,
#contents .menu_boxR H5{
 margin:0;
 margin-left:15px;
 font-weight:bold;
 text-align:left;
 letter-spacing:1px;
 position:relative;
 background-color:#F5F5F5;
 padding:2px 10px;
}
.menu_boxL SPAN,.menu_boxR SPAN{
 display:block;
 text-align:right;
 padding:2px 0;margin:0;
 padding-right:5px;
 font-weight:bold;
 font-size:15px;
 line-height:120%;
}
.menu_boxL P,.menu_boxR P{
 display:block;
 margin-left:15px;
 text-align:left;
 letter-spacing:1px;
 line-height:100%;
 clear:both;
 padding:0px 10px;
}
.menu_sum_img{
 margin-top:5px;
 padding:5px;
 text-align:left;
 margin-bottom:15px;
}
.menu_sum_img IMG{
 height:50px;
 margin-left:10px;
}

/* ==================== クーポン ページ ==================== */
.coupon_waku{
	border:1px solid #666666;
	background-color:#e8e8e8;
	width:100%;
	margin:0 auto 10px auto;
}
.coupon_menu{
	width:40%;
	float:left;
	background-image:url(https://www.links-hori.jp/coupon/img/bk_coupon.gif);
	background-position:2px 2px;
	background-repeat:no-repeat;
}
div#contents H3.coupon_title{
	font-weight:bold;
	color:red;
	text-align:left;
	letter-spacing:1px;
	line-height:110%;
	padding:25px 10px 10px 45px;
	background:none;
}
.coupon_detail{
	float:right;
	background-color:white;
	width:60%;
	text-align:left;
	font-size:12px;
	padding-bottom:10px;
}
.coupon_detail DL{
	display:block;
	margin:10px;
}
.coupon_detail DT,.coupon_detail DD{
	display:block;
}
.coupon_detail DT{
	float:left;
	width:27%;
}
.coupon_detail DD{
	float:right;
	width:73%;
}
.coupon_input{
	background-color:white;
	border-top:1px solid #eeeeee;
	padding:10px;
}
div#contents TABLE.coupon_inp_tbl{
	width:100%;
	border-collapse:collapse;
	background-color:white;
}
div#contents TABLE.coupon_inp_tbl TD,div#contents TABLE.coupon_inp_tbl TH{
	border:none;
	border-bottom:1px solid black;
}
/* ==================== フリー2 ページ ==================== */
.free2_imgR{
	float:right;
	width:240px;
	margin-left:10px;
	margin-bottom:10px;
}
.free2_imgL{
	float:left;
	width:240px;
	margin-right:10px;
	margin-bottom:10px;
}
.free2_txt_s{
	width:305px;
	display:inline-block;
	*display:inline;*zoom:1;
}
.free2_txt{
}
.free2_sub_img{
	background-color:#efefef;
	text-align:center;
	padding:10px;
	margin-bottom:10px;
}
.free2_sub_img img{
	border:2px solid #eeeeee;
	margin:0 2px;
	height:60px;
}
img{
	-ms-interpolation-mode: bicubic; 
}

dl.faq{
	margin:0 10px 30px 30px;
	padding-bottom:14px;
	background:url(../../design/images/faq_underline.gif) left bottom repeat-x;
}

dl.faq dt{
	font-weight:bold;
	padding-left:40px;
	padding-top:4px;
	margin-bottom:20px;
	background:url(../../design/images/icon_q.gif) left top no-repeat #E8FFF0;}
dl.faq dd{
	padding-left:40px;
	padding-top:4px;
	background:url(../../design/images/icon_a.gif) left top no-repeat;}




dl.faq02{
	margin:0 0 50px 0px;
}

dl.faq02 dt{
	background:url(../../hajimete/images/faq02_q.jpg) left top no-repeat #000;
	padding:25px 25px 25px 70px;
	color:#FFF;
	font-size:160%;
	line-height:20px;
	font-weight:bold;
	margin-bottom:20px;
}

dl.faq02 dd{
	padding:25px;
	margin-left:100px;
	background:#efefef;
	font-size:130%;
	line-height:1.7;
}

/*
dl.faq03{
	margin:0 0 50px 0px;
}

dl.faq03 dt{
	background:url(../../hajimete/images/faq02_q.jpg) left top no-repeat #000;
	padding:25px 25px 25px 70px;
	color:#FFF;
	font-size:150%;
	line-height:30px;
	font-weight:bold;
	margin-bottom:20px;
}

dl.faq03 dd{
	padding:25px;
	margin-left:40px;
	background:#efefef;
	font-size:126%;
	line-height:1.7;
}*/

/*dl.faq03{
	margin:0 0 50px 0px;
	background:#efefef;
	padding:20px;
	position: relative;
	padding: 10px 40px 10px 10px;
	cursor: pointer;
}

dl.faq03 dt{
	background:url("../../onayami/images/faq_q.png") left top no-repeat #363;
	padding:25px 25px 25px 70px;
	color:#FFF;
	font-size:150%;
	line-height:30px;
	margin-bottom:10px;
	border-radius: 20px;
}

dl.faq03 dd{
	padding:20px 15px;
	background:#FFF;
	font-size:120%;
	margin-bottom:0px;
	line-height:1.7;
	border-radius: 20px;
}*/




/*　20250916　dl.faq03{
	margin:0px;
	position: relative;
	padding: 10px;
	cursor: pointer;
}

dl.faq03 dt{
	background:url("../../onayami/images/faq_q.png") left top no-repeat #363;
	padding:25px 25px 25px 70px;
	color:#FFF;
	font-size:140%;
	line-height:30px;
	margin-bottom:10px;
	border-radius: 10px;
	position: relative;
}

dl.faq03 dd{
	padding:20px 12px;
	background:#FFF;
	font-size:115%;
	margin-bottom:0px;
	line-height:1.7;
	border: 1px solid #959595;
}*/




dl.faq03{
	margin:0px;
	position: relative;
	padding: 10px;
	cursor: pointer;
}

dl.faq03 dt{
	/*background:url("../../onayami/images/faq_q.png") left top no-repeat;*/
	background:url("../../onayami/images/faq_q.png") left top no-repeat, linear-gradient(-30deg, #e5efd6 5%, #c5e693 95%);
	padding:25px 25px 25px 70px;
	color:#333;
	font-size:120%;
	line-height:30px;
	font-weight:bold;
	margin-bottom:10px;
	border-radius: 30px;
	position: relative;
}

dl.faq03 dd{
	padding:20px 12px;
	/*margin-left:40px;*/
	background:#FFF;
	font-size:115%;
	margin-bottom:0px;
	line-height:1.7;
	border: 1px solid #959595;
}

.accordion dt {
  position: relative;               /*疑似要素を右端に配置*/
  padding: 10px 40px 10px 10px;     /*右に余白を確保*/
  background: #eee;
  cursor: pointer;
}

.accordion dt::after {
  content: "";
  position: absolute;
  right: 10px;
  top: 50%;
  transform: translateY(-50%);
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-top: 12px solid #363;   /▼/
  transition: transform 0.3s;
}

.accordion dt.active::after {
  border-top: none;
  border-bottom: 12px solid #363;  /▲/
}



div#blogbox{
	margin-bottom:40px;
}
div#blogbox div{border-bottom:1px dashed #999999; margin-bottom:10px; clear:both;}
div#blogbox img{display:block; float:left; margin-bottom:10px;}

div#blogbox dl{
	padding:5px;
	float:right;
	width:440px;
}

div#blogbox dl dt{font-size:130%; font-weight:bold; margin-bottom:10px;}
div#blogbox dl dd{text-align:left !important;}



table.noborder{
	border:0 !important;
	padding:0 !important;
}
table.noborder td{
	border:0 !important;
	padding:0 !important;
}

table.noborder td img{
	display:block;
}

table.noborder th{
	border:0 !important;
	padding:0 !important;
}


table.noborder table.expl td{
	padding:5px !important;
}
table.noborder table.expl th{
	padding:5px !important;
	font-weight:normal;
	text-align:left;
}

strong.subtitle{font-size:120%;}

/*
div#sideblog{margin-bottom:40px;}
div#sideblog dl{ background: url(../images/side_cutline.jpg) left bottom no-repeat; padding-bottom:10px;}
div#sideblog dt{ background:url(../images/arrow_01.jpg) left 4px no-repeat; padding-left:20px;}
div#sideblog dd{ padding-left:20px;}
*/

div#sidenews{margin-bottom:40px;}
div#sidenews dl{ background: url(../images/side_cutline.jpg) left bottom no-repeat; padding-bottom:10px;}
div#sidenews dt{ background:url(../images/arrow_02.jpg) left 4px no-repeat; padding-left:20px;}
div#sidenews dd{ padding-left:20px;}

ul#sitemap{
	margin-left:40px;
}

ul#sitemap li{
	padding-left:18px;
	background:url(../images/arrow_01.jpg) left 5px no-repeat;
}

ul#sitemap li ul{
	margin:20px 0 0 20px;
}

ul#sitemap li ul li{
	padding-left:18px;
	background:url(../images/arrow_02.jpg) left 5px no-repeat;
	float:left;
	width:290px;
	margin-bottom:10px;
}


h3#maps {
	padding:5px 5px 0 0;
	background-image:url(../images/h3_bg.gif);
	background-position:left bottom;
	background-repeat:no-repeat;
	font-size:medium;
	color:#2a6684;
	margin-bottom:10px;
}


ul.casebox{
	border-left:5px solid #363;
	padding:10px;
	background-color:#F8F8F8;
}
ul.casebox li{
	border-bottom:1px dashed #999;
}

dl.topicbox{
	margin:0 0px 20px;
	padding:15px;
	background-color:#FFF6EA;
	border-radius:10px;
	font-size:120%;
}

dl.topicbox dt{
	color:#041;
	font-weight:bold;
	border-bottom:1px dashed #063;
	margin-bottom:10px;
}

div#pagetop{ position:fixed; bottom:10px; right:10px; width:70px; display:table; }
div#pagetop div{
	height:70px;
	width:70px;
	border-radius:100%;
	background-color:rgba(51,51,51,0.6);
	color:#FFF;
	text-align:center;
	vertical-align:middle;
	margin-bottom:10px;
}
div#pagetop div div{
	height:70px;
	width:70px;
	display:table-cell;
	text-align:center;
	vertical-align:middle;
	line-height:1.3;
}

div#pagetop div div a{
	color:#FFF;
	text-decoration:none;
}



ul.indexlist{
	
}
ul.indexlist li{
	width:32%;
	margin-right:2%;
	text-align:center;
	background-color:#363;
	color:#FFF;
	font-weight:bold;
	float:left;
	font-size:110%;
	padding:5px 0;
	box-sizing:border-box;
	border-radius:20px;
	margin-bottom:10px;
	transition: all 0.5s;
}
ul.indexlist li:hover{
	background-color:#339;
	text-shadow:2px 2px 0 #000;
	box-shadow:5px 5px 2px #006 inset;
}
ul.indexlist li a{
	color:#FFF;
	display:block;
}
ul.indexlist li:nth-child(3n+1){
	clear:both;
}
ul.indexlist li:nth-child(3n){
	margin-right:0 !important;
}


ul.indexlist02{
	
}
ul.indexlist02 li{
	width:48%;
	margin-right:2%;
	text-align:center;
	background-color:#363;
	color:#FFF;
	font-weight:bold;
	float:left;
	font-size:120%!important;
	padding:5px 0;
	box-sizing:border-box;
	border-radius:20px;
	margin-bottom:10px;
	transition: all 0.5s;
}
ul.indexlist02 li:hover{
	background-color:#339;
	text-shadow:2px 2px 0 #000;
	box-shadow:5px 5px 2px #006 inset;
}
ul.indexlist02 li a{
	color:#FFF;
	display:block;
}
ul.indexlist02 li:nth-child(2n+1){
	clear:both;
}
ul.indexlist02 li:nth-child(2n){
	margin-right:0 !important;
}



#contents h3.idea{
	clear:both;
	text-align:left;
	font-size:160%;
	margin-bottom:30px;
	padding:20px 0;
	background:#000;
	border-left:5px solid #a30707;
	color:#FFF;
	padding-left:20px;
	background-image:none;
	font-family: 'Yu Mincho', YuMincho, 'Hiragino Mincho ProN', 'Hiragino Mincho Pro', 'HGP明朝B', serif;
}

#contents h4.idea{
	clear:both;
	text-align:left;
	font-size:130%;
	margin-bottom:20px;
	padding:8px 40px 5px;
	display:inline-block;
	border-radius:0 30px 30px 0;
	background:#52660f;
	color:#FFF;
	padding-left:10px;
	background-image:none;
	font-family: 'Yu Mincho', YuMincho, 'Hiragino Mincho ProN', 'Hiragino Mincho Pro', 'HGP明朝B', serif;
}

.mintyo{
		font-family: 'Yu Mincho', YuMincho, 'Hiragino Mincho ProN', 'Hiragino Mincho Pro', 'HGP明朝B', serif;
}

ul.kajyo{
	padding:1em;
	background-color:#FFF8F0;
	border-radius:10px;
	margin-bottom:50px !important;
}

ul.kajyo li{
	border-left:5px solid #063;
	padding-left:10px;
	margin-bottom:15px;
	border-bottom:1px dashed #999;
}
ul.kajyo li:last-child{
	margin-bottom:0;
}

.big{font-size:130%;}
.big2{font-size:160%;}

.green{color:#3b7135;}
.red{color:#FF3333;}
.orange{color:#F60;}
.orange02{color:#be781e;}
.blue{color: #36F;}
.blue2{color: #353792;}
.white{color:#FFF;}

div.cutline{
margin:60px 10px;
border-bottom:1px dashed #999;
}


div#sideblog {
    margin-bottom: 40px;
}

div#brogPartsEntry{
	background-color:#FFF;
	padding:10px;
}

div#brogPartsEntry dl{
	padding-bottom:10px;
	margin-bottom:10px;
	border-bottom:1px dashed #666;
}

div#brogPartsEntry dl dt{
	font-weight:600;
	font-family: "游ゴシック", Yu Gothic,  "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	display:inline-block;
	color:#FFF;
	background-color:#55a13d;
	padding:3px 8px;
	border-radius:20px;
	margin-bottom:7px;
}
div#brogPartsEntry dl dd{
	font-weight:600;
	color:#333;
	font-family: "游ゴシック", Yu Gothic,  "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	display:block;
}


ul.minimenu{
	padding-left:10px;
	color:#FFF;
	text-align:center;
	margin-bottom:50px;
	font-size:120%;
}
ul.minimenu li{
	display:block !important;
	line-height:50px;
	border-bottom:1px solid #333;
}
ul.minimenu li a{
	color:#FFF;
	text-decoration:none;
}

ul.impbutton{
	display:flex;
	flex-wrap:wrap;
	margin-bottom:60px;
}
ul.impbutton li{
	margin:0 10px 20px;
	width:calc(50% - 20px);
}
ul.impbutton li a{
	display:block;
	box-shadow:0 0 5px #666;
	border-left:10px solid #104203;
	padding:0.8em 0;
	padding-left:1.5em;
	font-size:130%;
	color:#000;
	font-family: 'Yu Mincho', YuMincho, 'Hiragino Mincho ProN', 'Hiragino Mincho Pro', 'HGP明朝B', serif;
	transition:0.3s all;
	font-weight:bold;
}
ul.impbutton li a:hover{
	transition:0.3s all;
	border-left:10px solid #308233;	
	background-color:#FFF0E0;
}

h3.imp_h3{
	background:url(../images/imp_h3.png) right center no-repeat #104203 !important;
	font-family: 'Yu Mincho', YuMincho, 'Hiragino Mincho ProN', 'Hiragino Mincho Pro', 'HGP明朝B', serif !important;
	padding:20px 30px !important;
	color:#FFF !important;
	box-shadow:0 0 5px #666;
	font-size:140%;
}

div.impbox{
	box-shadow:0 0 5px #666;
	border-bottom:10px solid #104203;
	padding:40px 20px 20px;
	font-size:105%;
	margin-bottom:100px;
}

div.impbox#imp01_txt{	background:url(../../impressions/images/imp_01_bg.jpg) right top no-repeat #FFF;}
div.impbox#imp02_txt{	background:url(../../impressions/images/imp_02_bg.jpg) right top no-repeat #FFF;}
div.impbox#imp03_txt{	background:url(../../impressions/images/imp_03_bg.jpg) right top no-repeat #FFF;}
div.impbox#imp04_txt{	background:url(../../impressions/images/imp_04_bg.jpg) right top no-repeat #FFF;}
div.impbox#imp05_txt{	background:url(../../impressions/images/imp_05_bg.jpg) right top no-repeat #FFF;}
div.impbox#imp06_txt{	background:url(../../impressions/images/imp_06_bg.jpg) right top no-repeat #FFF;}
div.impbox#imp07_txt{	background:url(../../impressions/images/imp_07_bg.jpg) right top no-repeat #FFF;}
div.impbox#imp08_txt{	background:url(../../impressions/images/imp_08_bg.jpg) right top no-repeat #FFF;}
div.impbox#imp09_txt{	background:url(../../impressions/images/imp_09_bg.jpg) right top no-repeat #FFF;}
div.impbox#imp10_txt{	background:url(../../impressions/images/imp_10_bg.jpg) right top no-repeat #FFF;}
div.impbox#imp11_txt{	background:url(../../impressions/images/imp_11_bg.jpg) right top no-repeat #FFF;}

dl.imp_comment{margin-bottom:40px;}
dl.imp_comment dt{
	background-color:#104203;
	color:#FFF;
	padding:0.1em 1.5em;
	display:inline-block;
	font-size:130%;
	font-family: 'Yu Mincho', YuMincho, 'Hiragino Mincho ProN', 'Hiragino Mincho Pro', 'HGP明朝B', serif !important;
}
dl.imp_comment dd{
	border:1px solid #104203;
	padding:1.5em;
}

div.btn_black{text-align:center;}
div.btn_black a{
	display:inline-block;
	font-family: 'Yu Mincho', YuMincho, 'Hiragino Mincho ProN', 'Hiragino Mincho Pro', 'HGP明朝B', serif !important;
	background-color:#000;
	color:#FFF;
	font-size:110%;
	padding:0.5em 2em;
	transition:0.3s all;
}

div.btn_black a:hover{
	background-color:#666;
	transition:0.3s all;
}

div.photolist{
	display:flex;
	flex-wrap:wrap;
}
div.photolist > div{
	width:350px;
	margin-bottom:40px;
}
div.photolist > div img{
	max-width:100%;
	height:auto;
	margin-bottom:10px;
}
div.photolist > div:nth-child(odd){
	margin-right:21px;
}


div.nosidemenu{
	text-align:left;
}

div.nosidemenu section{
	text-align:left;
	width:1000px;
	margin:0 auto;
	display:block;
}

ul.simplelist{
	border-top:1px dashed #333;
	margin-top:20px;
	line-height:1.2;
}

ul.simplelist li{
	border-bottom:1px dashed #333;
	padding:10px 0;
}


div#top_feature{
	 text-align:center;
	 /*
	 background:url(../images/images_22.jpg) center center no-repeat;
	 background-size:cover;
	 background-color:#7A7;
	 height:620px;
	 */
	font-size:105%;
}

div#top_feature div.feature{
	background-color:#e0e0e0;
	padding:30px 0;
	position:relative;
	z-index:3;
}

div#top_feature table{
	margin:0 auto;
}

div#top_feature table p.title{
	display:block;
	text-align:center;
	line-height:60px;
	color:#093a00;
	font-weight:bold;
	font-size:140%;
}


div#top_feature table div{
	background-color:#F6F6F6;
	padding:20px;
	min-height:4em !important;
	font-weight:bold;
	line-height:1.6;
}


div#introduction{}
div#introduction dl{
	width:fit-content;
	margin:0 auto 10px;
	display:flex;
	margin-bottom:10px;
}
div#introduction dl dt{
	width:300px;
	margin-right:10px;
}
div#introduction dl dd{
	width:450px;
	height:132px;
	padding:25px;
	background:rgba(195,195,195,0.3);
	position:relative;
	font-size:95%;
	line-height:1.8;
	box-sizing:border-box;
}

div.arrowbox{
	margin-top:50px;
	padding-left:200px;
	margin-bottom:80px;
	background:url(../../common/images/arrowbox_bg.jpg) left top no-repeat;
}



div.arrowbox h4{
	color:#039 !important;
}

div.contactbox{
	width:720px;
	margin:0 auto;
	border-radius:10px;
	background-color:#FFF;
	padding:30px;
	padding-left:290px;
	font-size:100%;
	text-align:left;
	box-sizing:border-box;
	background:url(../../common/images/chara_icon.jpg) 30px center no-repeat #FFF;
	min-height:240px;
	line-height:2 !important;
}

div.contactbox a{
	color:#333;
	text-decoration:underline;
}


div.banner_flex{
	display:flex;
	flex-wrap:wrap;
	margin-bottom:80px;
}

div.banner_flex > div{
	width:370px;
	margin-bottom:40px;
}
div.banner_flex > div:nth-child(odd){
	margin-right:20px;
}


div.banner_flex > div p{
	border-left:10px solid #0f6500;
	border-bottom:none;
	font-size:120%;
	color:#111;
	padding-left:20px;
	font-weight:bold;
	margin:10px 0 0 0 !important;
	line-height:1.7 !important;
}



div.pagelink{
	text-align:center;
	font-size:120%;
	margin:40px 0;
}

div.pagelink a{
	color:#039;
}


dl.youkou{
	margin-bottom:80px;
	display:flex;
	flex-wrap:wrap;
	align-items:stretch;
}
dl.youkou dt{
	width:25%;
	padding:1em;
	box-sizing:border-box;
	margin-bottom:5px;
	display: flex;
	align-items: center;
	font-size:120%;
	font-weight:bold;
}
dl.youkou dt:nth-child(4n+1){
	background-color:#FFF0E0;
}
dl.youkou dt:nth-child(4n+3){
	background-color:#F0F0F0;
}
dl.youkou dd{
	width:75%;
	padding:1em;
	box-sizing:border-box;
	margin-bottom:5px;
	display: flex;
	align-items: center;
}
dl.youkou dd:nth-child(4n+2){
	background-color:#F0F0F0;
}
dl.youkou dd:nth-child(4n+4){
	background-color:#FFF0E0;
}


div.blog_subtitle h5{
	border-left:10px solid #0f6500;
	border-bottom:none;
	font-size:110%;
	color:#111;
	padding-left:15px;
	font-weight:bold;
	margin-bottom:20px;
}



div.blog_subtitle h5{
	border-left:10px solid #0f6500;
	border-bottom:none;
	font-size:110%;
	color:#111;
	padding-left:15px;
	font-weight:bold;
	margin-bottom:20px;
}

.textbox {
    position: relative;
    padding: 3rem;
    border-radius: 50%;
    border: 2px solid #333;
    background-color: #EEE;
}

.textbox:before,
.textbox:after {
    position: absolute;
    left: 50%;
    content: "";
    height: 0;
    width: 0;
}

.textbox:before {
    top: 100%;
    border: 9px solid;
    border-color: transparent;
    border-top-color: #333;
    margin-left: -9px;
}

.textbox:after {
    top: 99%;
    border: 8px solid;
    border-color: transparent;
    border-top-color: #EEE;
    margin-left: -8px;
}