@charset "shift_jis";

/*-------------------------------------------------------------------------------------------------------------------- page common*/

/*     各ページ共通     */


.f_left {
	float:left;
}

.w350 {
	width:350px;
}

.f_right { float:right;}

a:link,
a:visited {  color: #144C7F; text-decoration: none;}
a:hover,
a:active {  color: #144C7F; text-decoration: underline;}

#pankuzu { 
	width:762px;
	margin:0 auto 25px;
	text-align:left;
	font-size : 10px; 
	}
#pankuzu a:link,
#pankuzu a:visited {  color: #828282; text-decoration: none; }
#pankuzu a:hover,
#pankuzu a:active {  color: #828282; text-decoration: underline; }

.pagetop { text-align:right; margin:20px 0 0 0; font-size:10px; font-family:Verdana;}
.pagetop a:link,
.pagetop a:visited {  color: #A5A5A5; text-decoration: none; }
.pagetop a:hover,
.pagetop a:active {  color: #5A0D41; text-decoration: none; }


h2 { text-indent:-9999px; }
h3{
	color:#144C7F;
	font-size:13px;
	font-weight:normal;
	margin:0px 0 8px 0;
}
h4 { color:#144C7F; font-size:12px;font-weight:normal;margin-bottom:8px;}

li { list-style: inside; }
.list_blu li { list-style:square inside; padding-bottom:4px; color:#144C7F;}

.edit { color:#666;font-size:0.92em;line-height:1.6em;}
.t_blu { color:#144C7F; }
.t_ppl { color:#660033; }


.hid {display:none;}
.hr {
	border-bottom:1px dotted #C8C8C8;
	height:10px;
	margin-bottom:30px;
	width:100%;
	}

.detail { 
	background:url(../images/icon_menu.gif) 0% 48% no-repeat;
	font-size:11px;
	text-indent:1em;
	}

/*-------------------------------------------------------------------------------------------------------------------- page base common*/

/*     幅広     */  /*      スタンス・ブランド・ウェブ・プロダクト 　   */
                       /*      会社概要・お問わせ・個人情報・採用情報 　   */

#base_wrap { width:760px;}
#content {	
	width:750px;
	padding:8px 0px 0 0;	
}
#l_content {
	float:left;
	width:550px;
	border-right:1px solid #D6D6D6;
	padding:8px 14px 0 0;
	}

#gaiyo #content,
#toi #content,
#kojinjoho #content {
	width:720px;
	margin:0 auto;
	}
#saiyo #content {
	width:550px;
	margin:36px auto 0;
	}






/*     幅狭     */ /*      リテイナー・VI・ディレクターズ・商品開発・オフィスデザイン    */

#base_narrow { width:620px;}
#content_nrw {	
padding:8px 0px 0 0;	
}



/*     幅広・幅狭　共通     */ 

#base_wrap,
#base_narrow {
	margin:0 auto 30px;
	text-align:left;
	}

#l_content,
#content,
#content_nrw { line-height:1.8em; }

#content p,#l_content p,#content_nrw p,
#l_content ul,#content_nrw ul { margin-bottom:24px;}




/*------------------------------------------- stance brand web product r_option VI w_directorsplan p_development*/

/*     title　[ スタンス・ブランド・ウェブ・プロダクト ]     */
/*     title　[ 会社概要・お問わせ・個人情報・採用情報・トピックス一覧  ]     */

#gaiyo h2,#toi h2,#kojinjoho h2,#saiyo h2,#topics_list h2,#topics_news h2,
#stance h2,
#brand h2,#brand01 h2,#brand02 h2,#brand03 h2,#brand04 h2,
#web h2,#web01 h2,#web02 h2,#web03 h2,#web04 h2,
#product h2,#product01 h2,#product02 h2,#product03 h2 {
	height:20px;
	border-bottom:1px solid #D6D6D6;
	margin:0 0 15px 0;
	}

#stance h2 { background:url(../images/second/t_st_top.gif) no-repeat;}
#brand h2 {	background:url(../images/second/t_br_top.gif) no-repeat;}
#brand01 h2 { background:url(../images/second/t_br_senryaku.gif) no-repeat;}
#brand02 h2 { background:url(../images/second/t_br_concept.gif) no-repeat;}
#brand03 h2 { background:url(../images/second/t_br_touch.gif) no-repeat;}
#brand04 h2 { background:url(../images/second/t_br_space.gif) no-repeat;}
#web h2 { background:url(../images/second/t_wb_top.gif) no-repeat;}
#web01 h2 {	background:url(../images/second/t_wb_kikaku.gif) no-repeat;}
#web02 h2 {	background:url(../images/second/t_wb_shop.gif) no-repeat;}
#web03 h2 {	background:url(../images/second/t_wb_marketing.gif) no-repeat;}
#web04 h2 {	background:url(../images/second/t_wb_dc.gif) no-repeat;}
#product h2 { background:url(../images/second/t_pr_top.gif) no-repeat;}
#product01 h2 {	background:url(../images/second/t_pr_syouhin.gif) no-repeat;}
#product02 h2 {	background:url(../images/second/t_pr_kougyou.gif) no-repeat;}
#product03 h2 {	background:url(../images/second/t_pr_comn.gif) no-repeat;}

#gaiyo h2 { background:url(../images/second/t_companyinfo_top.gif) no-repeat;}
#toi h2 { background:url(../images/second/t_inquiry_top.gif) no-repeat;}
#kojinjoho h2 { background:url(../images/second/t_privateinfo_top.gif) no-repeat;}
#saiyo h2 { background:url(../images/second/t_engagement_top.gif) no-repeat;}
#topics_list h2,
#topics_news h2 { background:url(../images/second/t_topics_top.gif) no-repeat;}
 
 
/*     title　[ リテイナー・VI・ディレクターズ・商品開発・制作事例 ]     */

#retainer_op h2,
#vi h2,
#webdir_plan h2,
#product_dev h2,
#portfolio h2 {
	height:48px;
	margin:48px 0 36px;
	}
#retainer_op h2 { background:url(../images/second/tit_retainer.gif) no-repeat;}
#vi h2 { background:url(../images/second/tit_vi.gif) no-repeat;}
#webdir_plan h2 { background:url(../images/second/tit_webdirectors.gif) no-repeat;}
#product_dev h2 { background:url(../images/second/tit_itemproject.gif) no-repeat;}
#portfolio h2 { background:url(../images/second/tit_portfolio.gif) no-repeat;}




/*      sidemenu  サイドナビ　[ スタンス・ブランド・ウェブ・プロダクト ]     */

#sidemenu {
	width:190px;
	font-size:0.92em;
	float:right;
	}
#sidemenu li {
	text-align:left;text-indent:1em;
	background:url(../images/icon_menu.gif) 0% 48% no-repeat;
	height:16px;
	list-style:none;
	padding:10px 5px 10px 0;
	color:#660033;
	border-bottom:1px dotted #C8C8C8;
	}
#sidemenu a {color:#333;}
#sidemenu a:hover{color:#660033;}



/*-------------------------------------------------------------------------------------------------------------------- ここからページ毎*/

/*-------------------------------------------------------------------------------------------------------------------- brand*/

/*     　ブランド     */

#brand #l_contents p { margin-bottom:80px;}


/*-------------------------------------------------------------------------------------------------------------------- web*/

/*     　WEB     */

#web01 #wdp h3 {
	background:url(../images/second/t_wb_plan.gif) no-repeat;
	width:329px;
	height:13px;
	text-indent:-9999px;	
	}
#web01 #wdp p {margin-bottom:10px;}
#web02 #netshop { margin-bottom:32px;}
#web02 #netshop li { 
 	margin:0 0 8px 1.6em;
	 line-height:1.45em;
	list-style:decimal outside ; 	
}

/*-------------------------------------------------------------------------------------------------------------------- retainer_op*/

/*     　リテイナー・オプション      */

#retainer_op .edit { 
	margin:24px 0px 32px;
	padding:12px 0 ;
	border-top:1px dotted #D6D6D6;
	border-bottom:1px dotted #D6D6D6;
	}
#retainer_op li { line-height:1.45em;margin-bottom:8px;}
#retainer_op #serviceflow { margin:36px 0 48px; }
#retainer_op #serviceflow h3 {
	font-size:12px;
	color:#333;
	margin:24px 0;
	padding:8px 3px 6px;
	border-bottom:1px solid #D6D6D6;	
	}
#retainer_op #serviceflow li {
 	margin:0 0 20px 24px;
	 line-height:1.8em;
	list-style:decimal outside ; 	
	}


/*-------------------------------------------------------------------------------------------------------------------- vi*/

/*     　VI     */

#vi #content_nrw img {margin-right:24px;}


/*-------------------------------------------------------------------------------------------------------------------- webdir_plan*/

/*     　ディレクターズ      */

#webdir_plan #content_nrw img {margin:16px 0 40px;}


/*-------------------------------------------------------------------------------------------------------------------- portfolio*/

/*     　制作事例      */

#portfolio dl {	
	clear:both;	
	width:360px;
	padding-top:6px;
	font-size:11px;
	line-height:1.45em;
	}	
#portfolio dt {
	width:90px;
	color:#660033; 
	float:left;
	}
#portfolio dd {
	width:260px;
	float:right;
	text-indent:-8px;
	}
#portfolio #content_nrw img {margin:2px 0 30px;}
#portfolio .case .detail {margin:8px 0 12px;}
#portfolio .case .detail b {color:#828282;font-size:10px;font-family:Verdana;}
#portfolio .hr {clear:both;border-color:#828282;margin:32px 0;}


/*--------------------------------------------------------------------------------------------- gaiyo*/

/*     　会社概要      */

#outline {
	width:490px;
	border-bottom:1px solid #D5D5D5;
	margin-top:32px;
}
#outline dl {
	clear:both;
	border-top:1px solid #D5D5D5;
	padding:6px;
}
#outline dt {
 	width:80px;
	color:#5A0D41;
	float:left;
}
#outline dd {
 	width:390px;
	padding-bottom:4px;
	float:right;
}
#outline .ddm {margin-bottom:6px;padding:0;}

#outline .ddm1 {
	font-weight:bold;
}
#outline .ddm2 {
	margin-top:0px;
	margin-bottom:6px;
	margin-left:20px;
	width:390px;
}

/*--------------------------------------------------------------------------------------------- toi*/

/*     　お問い合わせ      */


#toi dl {
	clear:both;
	width:700px;
	padding:6px 0 24px;
	line-height:1.8em;
	}
#toi dt {
 	width:100px;
	color:#5A0D41;
	float:left;
}
#toi dd {
 	width:600px;
	padding-bottom:4px;
	float:right;
}
/*--------------------------------------------------------------------------------------------- saiyo*/

/*     　採用情報       */

#saiyo h3 {
	background:url(../images/second/saiyo_t.gif) no-repeat;
	height:45px;
	text-indent:-9999px;
	margin-top:36px;
	}

#saiyo h4 {
	margin:36px 0 16px;
	font-weight:bold;
	}
#saiyo #content li {list-style:none;}
#saiyo #content .hoka li {list-style:inside;}

#saiyo #content strong {
	color:#C30;
	font-size:1.1em;
}



/*--------------------------------------------------------------------------------------------- topics_list*/

/*     　トピックス 一覧      */

#topics_list dl {	
	clear:both;
	margin-left:16px;
	line-height:1.45em;
	}	
#topics_list dt {
	width:88px;
	font-family:Verdana;
	font-size:11px;
	padding-top:10px;
	float:left;
	}
#topics_list dd {
	width:645px;
	padding-top:10px;
	float:right;
	}

/*--------------------------------------------------------------------------------------------- topics_news*/

/*     　トピックスニュース詳細      */

#topics_news h3 {
	background:url(../images/news/sub_icon_001.gif) no-repeat;
	text-indent:1.1em;
	margin-bottom:30px;
}

#news_area {
	margin:0 1.2em;
	}
	
#news_area p {
	margin-bottom:24px;
	line-height:2em;
}

#news_area a:link,
#news_area a:visited {  color: #828282; text-decoration: none; }
#news_area a:hover,
#news_area a:active {  color: #5A0D41; text-decoration: none; }


/*--------------------------------------------------------------------------------------------- office_design*/

#office_design #base_narrow {
	width:590px;
	margin:0 auto;
}

#office_design h2 {
	background:url(../images/officework.gif) no-repeat;
	width:549px;
	height:57px;
	margin:48px 0 36px;
	}

#office_design #content_nrw img {
	margin-right:10px;
	margin-bottom:10px;
	}

.wine {
	color:#50234F;
}


/*--------------------------------------------------------------------------------------------- urushinolingo*/

#urushinolingo #base_narrow { width:550px;margin:0 auto;}
#urushinolingo h2 {
	background:url(../images/second/ringo_img/ringo01.gif) no-repeat;
	width:244px;
	height:41px;
	margin:36px 0 24px;
	}
#urushinolingo strong {color:#828282;}
#urushinolingo #base_narrow .f_left {width:220px;}
#urushinolingo #base_narrow .f_right {width:330px;}
#urushinolingo #base_narrow img {margin-bottom:20px;}
#urushinolingo #base_narrow .f_right p {line-height:2em;}

.category_box {
	height:230px;
}

.category_box li {
	float:left;
	width:310px;
	height:140px;
	list-style:none;
}

.category_box li a {
	display:block;
	width:290px;
	height:25px;
	text-indent:-9999px;
	margin-bottom:5px;
}

.category_box img {
	margin-bottom:5px !important;
}

.category_box p {
	margin-left:26px;
	font-size:11px !important;
	line-height:20px;
	color:#999999;
}

.category_box li.on p {
	color:#333333;
}

.category_box li a.c1_on {
	background:url(../images/pcategory1_on.gif) no-repeat;
}
.category_box li a.c1_off {
	background:url(../images/pcategory1_off.gif) no-repeat;
}
.category_box li a.c1_off:hover {
	background:url(../images/pcategory1_on.gif) no-repeat;
}
.category_box li a.c2_on {
	background:url(../images/pcategory2_on.gif) no-repeat;
}
.category_box li a.c2_off {
	background:url(../images/pcategory2_off.gif) no-repeat;
}
.category_box li a.c2_off:hover {
	background:url(../images/pcategory2_on.gif) no-repeat;
}
.category_box li a.c3_on {
	background:url(../images/pcategory3_on.gif) no-repeat;
}
.category_box li a.c3_off {
	background:url(../images/pcategory3_off.gif) no-repeat;
}
.category_box li a.c3_off:hover {
	background:url(../images/pcategory3_on.gif) no-repeat;
}
.category_box li a.c4_on {
	background:url(../images/pcategory4_on.gif) no-repeat;
}
.category_box li a.c4_off {
	background:url(../images/pcategory4_off.gif) no-repeat;
}
.category_box li a.c4_off:hover {
	background:url(../images/pcategory4_on.gif) no-repeat;
}