@charset "utf-8";					/*使用する文字コード*/
/* サイト共通要素 */

/* ==================== タグの初期設定 ==================== */

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {
	padding: 0;
	margin: 0;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
img,abbr,acronym,fieldset {
	border: 0;
}
address,caption,cite,code,dfn,em,strong,th,var {
	font-weight: normal;
	font-style: normal;
}
ol,ul {
	list-style: none;
}
caption,th {
	text-align: left;
}
h1,h2,h3,h4,h5,h6 {
	font-weight: normal;
	font-size: 100%;
}
q:before,q:after {
	content:'';
}
abbr,acronym { border: 0;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

a {text-decoration: underline; color: #669900;}
a:hover { text-decoration: none;}


/* default */
body {
	background: #FFFFFF;
	color: #666666;
	font-size: 12px;
	line-height: 1.5;
}



/* ==================== サイト全体 レイアウト ==================== */
/* ========== 全体枠 ========== */
DIV#container{
}

/* ========== ヘッダー ========== */

#header {
	width: 800px;
	margin: 0 auto;
}

#header h1 {
	margin: 20px 0 15px 0;
font-size:10px;
color:#666666;
}

#header h2 {
	margin: 0 0 10px 0;
font-size:10px;
color:#aaaaaa;
text-align:right
}

#header div#logo {
	float: left;
	margin: 0 0 0 0;
}


#header div.sub {
	float: right;
	text-align: right; 
	width: 310px;
}

#header div.sub ul {
	margin: 8px 0 15px 0;
}

#header div.sub ul li {
	display: inline;
	border-left: solid 1px #666666;
	padding: 0 5px;
}

#header div.sub ul li:first-child,
#header div.sub ul li.firstChild {
	border: none;
}

#header div.sub ul li a {
	color: #666666;
}

#header div.sub img {
	margin-bottom: 10px;
}



/* ========== メインメニュー + キャッチ画像 + セカンドエリア + コンテンツ 枠 ========== */
DIV#mainBg{
	background:url(/cmn/images/content_back.jpg) repeat-x 0 0;
	width: 100%;
}
DIV#main{
	/* メインメニュー + キャッチ画像 + セカンドエリア + コンテンツ 枠 の共通の余白を設定 */
	width: 800px;
	margin: 0 auto;
	padding-bottom: 25px;
}


/* ========== 2カラム, 3カラム 設定 ========== */
/* { 2カラム, secondArea 右 */
DIV#catchArea{
	width: 800px;
	margin: 0 auto;
	padding-bottom: 20px;
}
DIV#secondArea{
	float:right;
	width: 246px;
	padding:0 15px 0 0;
}
DIV#thirdArea{
	display:none;
}
DIV#contents{
	float:left;
	width: 501px;
	padding:0 0 0 18px;
}

/*中ページ*/

.inpage #catchArea{
	width: 800px;
	margin: 0 auto;
	padding-bottom: 0;
}

.inpage #main #secondArea {
	float:left;
	width: 246px;
	padding: 40px 0 0 18px;
}

.inpage #main #contents{
	float:right;
	width: 501px;
	padding: 5px 15px 0 0;
}


/* ========== メインメニュー ========== */
/* 背景画像は main_menu.css にて、MTのエントリーから読込 */

#mainMenu_wrap {
	background:url(/cmn/images/gmenu_back.jpg) repeat-x 0 0;
	width: 100%;
}

UL#mainMenu,
UL#mainMenu LI,
UL#mainMenu LI A {
	height:35px;/*  高さはUL,LI,Aそれぞれに設定 */
}
UL#mainMenu{/*
	position: relative;*/
	text-align: center;
	width: 800px;
	margin: 0 auto;
	padding:0px;
}
UL#mainMenu LI,
UL#mainMenu A{/*
	position: absolute;*/
	top: 0;
}
UL#mainMenu LI{
	float: left;
	list-style-type:none;/*Netscapeでは、表示エリア外に設定してもリストの「・」が残ってしまうための対応*/
	font-size:0.1em;/* IEでは「文字の高さ×liの数」の余白があいてしまう。余白があかないように設定 */
}
UL#mainMenu A{
	display:block;
	text-indent: -9999px;/* 文字を表示エリア外に移動 */
	text-decoration:none;/* firefoxでは下線がされてしまう問題を修正 */
	background-position: 0 0;
}
UL#mainMenu A#mainMenu1{
	width: 76px;/*
	left: 0;*/
}
UL#mainMenu A#mainMenu2{
	width: 127px;/*
	left: 76px;*/
}
UL#mainMenu A#mainMenu3{
	width: 105px;/*
	left: 203px;*/
}
UL#mainMenu A#mainMenu4{
	width: 118px;/*
	left: 308px;*/
}
UL#mainMenu A#mainMenu5{
	width: 128px;/*
	left: 426px;*/
}
UL#mainMenu A#mainMenu6{
	width: 88px;/*
	left: 554px;*/
}
UL#mainMenu A#mainMenu7{
	width: 158px;/*
	left: 554px;*/
}


/*=-----------------------------------------------------------------------------
■TOPページ
------------------------------------------------------------------------------*/


.pickup dl {
	border-top: solid 1px #D9D9D9;
	padding: 10px 0 5px 0;
}

.pickup dl:first-child,
.pickup dl.firstChild {
	border: none;
}

.pickup dl dt {
	margin-bottom: 5px;
}

.pickup dl dd {
	background:url(/cmn/images/sub_arrow.gif) no-repeat 0 50%;
	margin-bottom: 8px;
	padding-left: 18px;
}

.top_box  {
	padding-top:15px;
}

.top_box p {
	display: block;
	line-height: 1.7;
	margin-bottom: 15px;
}
/*ニュース*/

.entryMeta {
	text-align: right;
	margin-bottom: 10px;
}

.top_info {
	padding: 0 0 0 0;
}

.top_info .info_p01 {
	font-size: 87%;
	margin-bottom: 15px;
}

.top_info .info_p01 span {
	padding: 0 10px 0 5px;
}

.top_info .info_p01 .c_166,.top_info .info_p01 .c_246 { border-left: solid 8px #669999;}
.top_info .info_p01 .c_165,.top_info .info_p01 .c_241 { border-left: solid 8px #A58934;}
.top_info .info_p01 .c_164,.top_info .info_p01 .c_242 { border-left: solid 8px #009966;}
.top_info .info_p01 .c_163,.top_info .info_p01 .c_243 { border-left: solid 8px #E69280;}
.top_info .info_p01 .c_162,.top_info .info_p01 .c_244 { border-left: solid 8px #663366;}
.top_info .info_p01 .c_161,.top_info .info_p01 .c_245 { border-left: solid 8px #999999;}

.top_info ul {
	margin: 5px 0 10px 0;
}

.top_info ul li {
	padding: 0 0 0 5px;
	margin-bottom: 4px;
}

.top_info ul .c_166,.top_info ul .c_246 { border-left: solid 5px #669999;}
.top_info ul .c_165,.top_info ul .c_241 { border-left: solid 5px #A58934;}
.top_info ul .c_164,.top_info ul .c_242 { border-left: solid 5px #009966;}
.top_info ul .c_163,.top_info ul .c_243 { border-left: solid 5px #E69280;}
.top_info ul .c_162,.top_info ul .c_244 { border-left: solid 5px #663366;}
.top_info ul .c_161,.top_info ul .c_245 { border-left: solid 5px #999999;}


.top_info .info_p02 {
	text-align: right;
	margin-top: 5px;
}

/* ---------- サブメニュー ---------- */
/* ----- 背景画像 ----- */
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 0;
}
/* ---------- サブメニュー ---------- */
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;
}


/*=-----------------------------------------------------------------------------
■アクセス・サイトマップ・プライバシーポリシー
------------------------------------------------------------------------------*/

#access_contents {
	width: 766px;
	margin: 0 auto;
}

#access_contents .access_h2,
#access_contents h2,
.sitemap_box h3 {
	background:url(/cmn/images/accsess_border.gif) no-repeat 0 bottom;
	margin-bottom: 15px;
	padding-bottom: 4px;
}

#access_contents .access_h2 a,
.sitemap_box h3 a {
	font-size: 112%;
	font-weight: bold;
	color: #666666;
}

.sitemap_box p {
	margin-bottom: 25px;
}



/*=-----------------------------------------------------------------------------
■お問い合わせ
------------------------------------------------------------------------------*/

.inquiry .entryBody {
	margin: 0 0 15px 0;
}
.inquiry H2{
	font-weight:bold;
}
.inquiry table {
	width: 600px;
}

.inquiry table tr th {
	background: #F5F5F5;
	border: solid 4px #FFFFFF;
	width: 100px;
	padding: 2px 3px 1px 3px;
}

.inquiry table tr th strong {
	color: #FF0000;
}

.inquiry table tr td {
	background: #D9FF88;
	border: solid 4px #FFFFFF;
	vertical-align: middle;
	font-size: 87%;
	width: 480px;
	padding: 2px 3px 1px 3px;
}

.inquiry table tr td .text {
	width: 450px;
}

.inquiry table tr td textarea {
	width: 450px;
}

.inquiry .center {
	text-align: center;
	padding-top: 10px;
}

/* ---------- ブログパーツ・カスタムパーツ ---------- */


#customPartsCategory,
.bloglink {
	padding-bottom: 25px;
}

#customPartsCategory h3,
.library_topbox h2,
.asia_h2,
#free_inquiry h3 {
	background:url(/cmn/images/sub_border.gif) no-repeat 0 bottom;
	font-size: 112%;
	font-weight: bold;
	padding-bottom: 8px;
}

.library_topbox h2 a {
	color: #666666;
}

.in_h2,
.asia_h2,
.library_topbox h2 {
	background:url(/cmn/images/content_border.gif) no-repeat 0 bottom;
	padding-top: 4px;
}

h2.under_border {
	background:url(/cmn/images/content_border.gif) no-repeat 0 bottom;
	font-size: 112%;
	font-weight: bold;
	padding-bottom: 6px;
}

.in_h2 {
	font-weight: bold;
	padding-bottom: 10px;
}

.in_h2 em {
	font-weight: bold;
}

#customPartsCategory li,
.japanese_ul li,
.asia_ul li {
	padding: 11px 0 0 0;
	list-style: none;
}

#brogPartsMonthlyArchive ul li,
#brogPartsEntry ul li  {
	padding: 5px 0 0 0;
}

#customPartsCategory ul .customPartsCategory_li,
.bloglink dl dt {
	border-top: solid 1px #D9D9D9;
	margin-top: 11px;
	padding-top: 0px;
}

.japanese_ul {
	border-top: solid 1px #D9D9D9;
	margin-top: 11px;
	padding-top: 0px;
}

#customPartsCategory .customPartsCategory_li:first-child,
#customPartsCategory .customPartsCategory_li.firstChild {
	border: none;
	margin-top: 0;
}

.border_none {
	border: none!important;
	margin-top: 0!important;
}

.tosyo_sub {
	*margin-top: -12px;
}

#customPartsCategory ul .customPartsCategory_li li {
	border: none;
	margin-top: 0;
	padding-top: 0;
}

#customPartsCategory li a,
#brogPartsMonthlyArchive ul li a,
#brogPartsEntry ul li a,
.japanese_ul li a,
.bloglink dl dd a,
.asia_ul li a {
	background:url(/cmn/images/sub_arrow.gif) no-repeat 0 50%;
	padding-left: 18px;
}

.bloglink dl dt,
.bloglink dl dd {
	padding-top: 11px;
}


/*先輩の声*/

.senior_voice h3 {
	font-weight: bold;
}

/*お問合せ箇所　文字*/
#free_inquiry p span {
	font-size: 87%;
}

/*アーカイブ*/

#secondArea #customPartsCategory {
	padding: 0 0 20px 0;
}

#brogPartsMonthlyArchive {
	padding: 0 0 10px 0;
}

/*ブログ　エントリー*/
#brogPartsEntry {
	border-top: solid 1px #D9D9D9;
	padding: 5px 0 20px 0;
}



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



/* ========== フッター ========== */
DIV# {
	margin:5px 0 5px 0;
	padding:15px 0px 12px 0px;
	border-top: solid 1px #D9D9D9;
	border-bottom: solid 1px #D9D9D9;
}
/* ---------- フッターメニュー ---------- */
#footerMenu{
	text-align:center;
	font-size: 87%;
	width: 650px;
	margin: 0 auto;
}

#footerMenu li {
	display: inline;
	border-left: solid 1px #666666;
	white-space:nowrap;
	line-height: 1.8;
	padding: 0 6px;
}

#footerMenu li:first-child,
#footerMenu li.firstChild {
	border-left: none;
}

DIV#footer P#footerMenu{
}


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

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

/* ---------- copyright ---------- */
#copyright{
	clear:both;
	width: 800px;
	margin: 0 auto;
	padding: 15px 0;
}

#copyright h2{
	float:right;
font-size:12px;
font-weight:normal;

}

BR.clear{
	clear:both;
}



/* ==================== サイト全体 装飾 ==================== */
/* ========== セカンドエリア ========== */
/* ---------- 見出し ---------- */


/* ========== コンテンツ ========== */
/* ---------- 見出し ---------- */

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{
}
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 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;
}
/*
BODY#editor TD,
DIV#contents TD{
	background: #D9FF88;
	border: solid 4px #FFFFFF;
	font-size: 87%;
	padding: 2px 3px 1px 3px;
}
BODY#editor TH,
DIV#contents TH{
	background: #CCCCCC;
	border: solid 4px #FFFFFF;
	padding: 2px 3px 1px 3px;
}
*/
BODY#editor TD,
DIV#contents TD,
BODY#editor TH,
DIV#contents TH{
	border: solid 1px #bbbbbb;
	padding:3px;
}
BODY#editor TH,
DIV#contents TH{
	background: #CCCCCC;
}

BODY#editor H2.rss A,
DIV#contents H2.rss A{
	display:block;
	text-decoration:none;
}

/*パンくず*/
#main .pankuzu {
	text-align: right;
	font-size: 112%;
	color: #669900;
	margin: 0 0 15px 0;
}

BODY#editor input.text,
DIV#contents input.text{
	width:300px;
}
DIV#contents INPUT.textShort{
	width:50px;
}
BODY#editor TEXTAREA,
DIV#contents TEXTAREA{
	width:300px;
	height:8em;
}
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;
}
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:center;
}
BODY#editor TD.buttonArea,
DIV#contents TD.buttonArea{
	border:none;
}
DIV#contents DIV.center{
	text-align:center;
}





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


DIV#contents DIV#categoryCompany DIV.accessText{}

DIV#contents DIV#categoryCompany TABLE.accessTable{
	float:right;
	width:280px;
}

DIV#contents DIV#categoryCompany DIV#googleMapsArea{
	float:left;
	margin-bottom:10px;
	width:280px;
	height:350px;
}




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



/* ==================== ���₢���� ==================== */
DIV#contents DIV#categoryInquiry{}



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



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



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



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

UL.archiveUl{
	margin-bottom:30px;
}


/* ==================== お買い物ページ ==================== */
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;
}



.mt20 { margin-top: 20px;}

/* =clearfix
----------------------------------------------------------------
*/

#header:after,
#mainMenu:after,
#main:after,
DIV#footer #footerMenu:after,
.cl:after {
 content:".";
 display:block;
 clear:both;
 height:0;
 visibility:hidden;
}
#header,
#mainMenu,
#main,
DIV#footer #footerMenu,
.cl {
 display:inline-block;
}

/* exlude MacIE5 \*/
* html #header,
* html #mainMenu,
* html #main,
* html DIV#footer #footerMenu,
* html .cl {
 height:1%;
}
#header,
#mainMenu,
#main,
DIV#footer #footerMenu,
.cl {
 display:block;
}
/* end MacIE5 */