/*  --------------------- Font-size Adjustment -----------------------------

	77% = 10px	|	122% = 16px	|	167% = 22px	
	85% = 11px	|	129% = 17px	|	174% = 23px
	92% = 12px	|	136% = 18px	|	182% = 24px
	100% = 13px	|	144% = 19px	|	189% = 25px
	107% = 14px	|	152% = 20px	|	197% = 26px
	114% = 15px	|	159% = 21px	|

--------------------------------------------------------------------------*/

p,
pre,
cite,
blockquote {font-size: 100%;}

li,dt,dd {font-size: 85%;}

* {line-height: 1.8; font-style: normal;}



/*  -------------------------- 基本設定 --------------------------------- */

/* Don't Edit */
body {font:13px/1.22 arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small;}table {font-size:inherit;font:100%;}pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;line-height:99%;}

body { background-image:  url(../img/bg.gif); background-repeat: repeat-x;}

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}

#b {background-color: #FFFFFF; background-image:  url(../img/bg_b.gif); background-repeat: repeat-x; text-align:center;}

img, a img { border: none;}

h2 {margin: 0px; padding: 0px; text-indent: -3000px; display: block; font-size: 1px; text-decoration: none;}

#cd {width: 926px; text-align: center; margin: 0px auto; padding: 0px; background-color: #FFFFFF; color: #333333;}

#wrapper {width: 910px; text-align: center; margin: 0; padding: 0px; float:left;}

#wrapper-left {width: 8px; height:568px; margin: 0; padding: 0; float:left; background: url(../img/bg_left.gif) 0 0 no-repeat;}

#wrapper-right {width: 8px; height:568px; margin:0; padding: 0; float:right; background: url(../img/bg_right.gif) 0 0 no-repeat;}

#wrapper-left-b {width: 8px; height:568px; margin: 0; padding: 0; float:left; background: url(../img/bg_left_b.gif) 0 0 no-repeat;}

#wrapper-right-b { width: 8px; height:568px; margin:0; padding: 0; float:right; background: url(../img/bg_right_b.gif) 0 0 no-repeat;}

/*  -------------------------- ナビゲーション --------------------------------- */

#preloadedImages {width: 0px; height: 0px; display: inline;
       background-image:  url(../img/main_menu_01.gif);
       background-image:  url(../img/main_menu_01_on.gif);
       background-image:  url(../img/main_menu_02.gif);
       background-image:  url(../img/main_menu_02_on.gif);
	   background-image:  url(../img/main_menu_03.gif);
       background-image:  url(../img/main_menu_03_on.gif);
	   background-image:  url(../img/main_menu_03_1.gif);
       background-image:  url(../img/main_menu_03_1_on.gif);
	   background-image:  url(../img/main_menu_03_2.gif);
       background-image:  url(../img/main_menu_03_2_on.gif);
	   background-image:  url(../img/main_menu_04.gif);
       background-image:  url(../img/main_menu_04_on.gif);
	   background-image:  url(../img/main_menu_05.gif);
       background-image:  url(../img/main_menu_05_on.gif);
	   background-image:  url(../img/mail.gif);
	   background-image:  url(../img/mail_on.gif);
}

#main-menu {margin:0 0 0 180px; padding:0; text-align:left;}

#navi {width: 100%; height:41px; margin:0px auto; padding:0px;}

#navi ul {margin: 0; padding : 0; list-style-type : none;}

#navi li {display: block; padding:0; margin:0; float:left; }

#navi #menu_a_1	{background-image:  url(../img/main_menu_01_on.gif);}

#navi #menu_a_1 a {background-image:url(../img/main_menu_01.gif); width: 100px; height: 41px; background-repeat: no-repeat; margin: 0px; padding: 0px; display: block;}

#navi #menu_a_1 a:hover {background-image:none; width: 100px; height: 41px; margin: 0px; padding: 0px; display: block;}

#navi #menu_1 a {background-image:  url(../img/main_menu_01_on.gif); width: 100px; height: 41px; background-repeat: no-repeat; margin: 0px; padding: 0px; display: block;}

#navi #menu_a_2	{background-image:  url(../img/main_menu_02_on.gif);}

#navi #menu_a_2 a {background-image:url(../img/main_menu_02.gif); width: 100px; height: 41px; background-repeat: no-repeat; margin: 0px; padding: 0px; display: block;}

#navi #menu_a_2 a:hover {background-image:none; width: 100px; height: 41px; margin: 0px; padding: 0px; display: block;}

#navi #menu_2 a {background-image:  url(../img/main_menu_02_on.gif); width: 100px; height: 41px; background-repeat: no-repeat; margin: 0px; padding: 0px; display: block;}

#navi #menu_a_3	{background-image:  url(../img/main_menu_03_on.gif);}

#navi #menu_a_3 a {background-image:url(../img/main_menu_03.gif); width: 100px; height: 41px; background-repeat: no-repeat; margin: 0px; padding: 0px; display: block;}

#navi #menu_a_3 a:hover {background-image:none; width: 100px; height: 41px; margin: 0px; padding: 0px; display: block;}

#navi #menu_3 a {background-image:  url(../img/main_menu_03_on.gif); width: 100px; height: 41px; background-repeat: no-repeat; margin: 0px; padding: 0px; display: block;}

#navi #menu_a_3_1	{background-image:  url(../img/main_menu_03_1_on.gif);}

#navi #menu_a_3_1 a {background-image:url(../img/main_menu_03_1.gif); width: 100px; height: 41px; background-repeat: no-repeat; margin: 0px; padding: 0px; display: block;}

#navi #menu_a_3_1 a:hover {background-image:none; width: 100px; height: 41px; margin: 0px; padding: 0px; display: block;}

#navi #menu_3_1 a {background-image:  url(../img/main_menu_03_1_on.gif); width: 100px; height: 41px; background-repeat: no-repeat; margin: 0px; padding: 0px; display: block;}

#navi #menu_a_3_2	{background-image:  url(../img/main_menu_03_2_on.gif);}

#navi #menu_a_3_2 a {background-image:url(../img/main_menu_03_2.gif); width: 100px; height: 41px; background-repeat: no-repeat; margin: 0px; padding: 0px; display: block;}

#navi #menu_a_3_2 a:hover {background-image:none; width: 100px; height: 41px; margin: 0px; padding: 0px; display: block;}

#navi #menu_3_2 a {background-image:  url(../img/main_menu_03_2_on.gif); width: 100px; height: 41px; background-repeat: no-repeat; margin: 0px; padding: 0px; display: block;}

#navi #menu_a_4	{background-image:  url(../img/main_menu_04_on.gif);}

#navi #menu_a_4 a {background-image:url(../img/main_menu_04.gif); width: 100px; height: 41px; background-repeat: no-repeat; margin: 0px; padding: 0px; display: block;}

#navi #menu_a_4 a:hover {background-image:none; width: 100px; height: 41px; margin: 0px; padding: 0px; display: block;}

#navi #menu_4 a {background-image:  url(../img/main_menu_04_on.gif); width: 100px; height: 41px; background-repeat: no-repeat; margin: 0px; padding: 0px; display: block;}

#navi #menu_a_5	{background-image:  url(../img/main_menu_05_on.gif);}

#navi #menu_a_5 a {background-image:url(../img/main_menu_05.gif); width: 100px; height: 41px; background-repeat: no-repeat; margin: 0px; padding: 0px; display: block;}

#navi #menu_a_5 a:hover {background-image:none; width: 100px; height: 41px; margin: 0px; padding: 0px; display: block;}

#navi #menu_5 a {background-image:  url(../img/main_menu_05_on.gif); width: 100px; height: 41px; background-repeat: no-repeat; margin: 0px; padding: 0px; display: block;}



/*  -------------------------- アイテム --------------------------------- */

.icon {margin: 0px 3px 0px 0px; padding:0;}

.icon2 {margin: 7px 0px 0px 0px; padding:0; float:left}

.clear {clear: both;}

.redSale { color:#AC0000;}

/*  -------------------------- ヘッダー --------------------------------- */

#header {width: 910px; height:89px; margin:0; padding:0;}

#logo {float: left; margin:0; padding:0; width: 324px; height: 50px;}

*html #logo a:link, *html #logo a:visited, *html #logo a:hover {margin: 20px 0 0 20px; padding:0; width: 324px; height: 50px; display: block; text-decoration: none; background:  url(../img/logo.gif) no-repeat;}

#logo a:link, #logo a:visited, #logo a:hover {float: left; margin: 20px 0 0 20px; padding:0; width: 324px; height: 50px; display: block; text-decoration: none; background:  url(../img/logo.gif) no-repeat;}

#header h1 { margin: 0px; padding: 0px; width: 324px; height: 50px; text-indent: -3000px; display: block; font-size: 1px; text-decoration: none;}

#header-menu { width: 120px; height: 26px; margin: 0px auto; padding :0px; float: right;}

#header-menu ul { margin: 0; padding : 0; list-style-type : none; }

#header-menu li {display: block; padding : 0; margin: 0 10px 0 0; float: left; }

#header-menu #menu_a_2 {background-image:  url(../img/mail_on.gif); width: 91px; height: 26px; background-repeat: no-repeat; margin: 0; padding: 0; display: block;}

#header-menu #menu_a_2 a {background-image:  url(../img/mail.gif); width: 91px; height: 26px; background-repeat: no-repeat; margin: 0; padding: 0; display: block;}

#header-menu #menu_a_2 a:hover {background-image:  url(../img/mail_on.gif); width: 91px; height: 26px; background-repeat: no-repeat; margin: 0; padding: 0; display: block;}

.span1 { display: none; margin: 0; padding: 0;}

/*  -------------------------- パンくず --------------------------------- */

#subnavi	{width:770px; border:none; margin:0 auto 10px auto; padding:5px 15px; background-color:#F1F1F0; text-align:left;}

#subnavi a:link {color:#0099CC; text-decoration: none; font-weight:bold;}

#subnavi a:visited {color:#006699; text-decoration: none; font-weight:bold;}

#subnavi a:hover {color:#FFFFFF;background-color: #000000; text-decoration: none; font-weight:bold;}

#subnavi a:active {color:#000000; text-decoration: none; font-weight:bold;}

/*  -------------------------- コンテンツ --------------------------------- */

#contents-title { margin: 0px 0px 20px 0px; padding:0; width: 910px; height: 95px;}

#contents {width: 860px; margin:0; padding: 25px 25px; text-align: left;}

#contents a:link {color:#0099CC; text-decoration: none;}

#contents a:visited {color:#006699; text-decoration: none;}

#contents a:hover {color:#FFFFFF;background-color: #000000; text-decoration: none;}

#contents a:active {color:#000000; text-decoration: none;}

.contents-box {width: 800px; margin:0 auto 30px auto; padding:0;}

.contents-box h3 {margin-bottom:20px; padding:0;}

.contents-box .priceTable {width: 800px;border-collapse:collapse; margin:0 0 20px 0;}

.priceTable th { margin:0; padding:5px; border:1px solid #AEAEAE; text-align:center; background-color:#F1F1F0; font-weight:normal;}

.priceTable td { margin:0; padding:5px; border:1px solid #AEAEAE; text-align:center; font-weight:bold;}

.priceTable .blueBox { background-color:#EBF6FD;}

.priceTable .yellowBox { background-color:#FCFCF7;}



.lnk_icon		{padding:0px 0px 0px 15px; font-weight:bold; background:url(../img/icon.gif) no-repeat left center;}

.lnk_icon2		{padding:0px 0px 0px 15px; font-weight:bold; background:url(../img/icon2.gif) no-repeat left center;}

.pagetop	{width: 860px; margin-top:30px; padding:0; text-align: right;}

/*  -------------------------- 新着情報 --------------------------------- */

.top-news-colum {width: 550px; margin: 5px 0px 10px 0px; padding: 0;}

.top-news-img {float: left; margin: 0px 10px 10px 0px; padding:0;}

.top-news-desc {margin: 0px 20px 0px 0px; padding: 0;}

.top-news-desc h3 {margin: 0px 20px 0px 0px; padding: 0 0 5px 0; font-size:90%; font-weight: bold;}

*html .top-news-desc h3 { margin: 0; padding: 0; font-size: 95%; line-height: 140%; font-weight: bold;}

.top-news-desc p {margin: 0; padding: 0; font-size: 80%; line-height: 180%;}

*html .top-news-desc p {margin: 0; padding: 0; font-size: 75%; line-height: 150%;}

.date {margin:0; padding: 0; font-size: 77%; font-weight: bold; color: #DD8822; float:right;}

/*  -------------------------- フッター --------------------------------- */

#footer {width: 860px; height: 50px; margin: 25px 25px 0px 25px;padding:10px 0 0 0;background-image:  url(../img/footer.gif);background-repeat: no-repeat;font-size: 90%;text-align: center;color: #FFFFFF; clear:both;}

#footer a:link,
#footer a:visited,
#footer a:active {color:#FFF;text-decoration: none;}

#footer a:hover {color: #0099CC;text-decoration: none;background: none;}

#footer ul {margin: 5px 0 0 0;padding:0;}

#footer ul li {display: inline;margin: 0px 5px 0px 0px;padding: 0px 5px 0px 0px;border-right: 1px #FFFFFF solid;}

#footer li.border-none {border-right: none;}


/*  -------------------------- ウェブサイト --------------------------------- */

.web-colum	{width: 365px; height:140px; margin: 10px 10px; padding: 0; float:left;}

.web-colum img {float:left; margin:0 10px 0 0; padding:0;}

.web-desc {width: 235px; margin:0; padding:0; float:right;}

.web-desc h3 {margin: 0 0 10px 0; padding: 0; font-size:90%; font-weight: bold;}

*html .web-desc h3 { margin: 0 0 10px 0; padding: 0; font-size: 95%; line-height: 140%; font-weight: bold;}

.web-desc p {margin: 0; padding: 0; font-size: 75%; line-height: 180%;}

*html .web-desc p {margin: 0; padding: 0; font-size: 75%; line-height: 150%;}

#webTitle		{width:250px; height:50px; background-image: url(../img/h2_web_title.gif); float:left;}

#webWork		{width:800px; height:40px; background-image: url(../img/h2_web.gif); margin:30px 0;}

/*  -------------------------- 広告デザイン --------------------------------- */

.graphic-colum	{width:100px; height:100px; margin:0; padding: 0; float:left;}

#graphicTitle		{width:250px; height:50px; background-image: url(../img/h2_graphic_title.gif); float:left;}

#graphicWork1		{width:800px; height:40px; background-image: url(../img/h2_graphic1.gif); margin:30px 0 10px 0;}

#graphicWork2		{width:800px; height:40px; background-image: url(../img/h2_graphic2.gif); margin:30px 0 10px 0;}

#graphicWork3		{width:800px; height:40px; background-image: url(../img/h2_graphic3.gif); margin:30px 0 10px 0;}

#graphicWork4		{width:800px; height:40px; background-image: url(../img/h2_graphic4.gif); margin:30px 0 10px 0;}

#graphicWork5		{width:800px; height:40px; background-image: url(../img/h2_graphic5.gif); margin:30px 0 10px 0;}

/*  -------------------------- グッズ --------------------------------- */

.goods-colum	{width: 365px; height:204px; margin: 10px 10px; padding: 0; float:left;}

.goods-colum img {float:left; margin:0 10px 0 0; padding:0;}

.goods-desc {width: 235px; margin:0; padding:0; float:right;}

.goods-desc h3 {margin: 0 0 10px 0; padding: 0; font-size:90%; font-weight: bold;}

*html .goods-desc h3 { margin: 0 0 10px 0; padding: 0; font-size: 95%; line-height: 140%; font-weight: bold;}

.goods-desc p {margin: 0; padding: 0; font-size: 80%; line-height: 140%;}

*html .goods-desc p {margin: 0; padding: 0; font-size: 75%; line-height: 175%;}

#goodsTitle		{width:250px; height:50px; background-image: url(../img/h2_goods_title.gif); float:left;}

#h2_goods		{width:800px; height:40px; background-image: url(../img/h2_goods.gif); margin:30px 0;}

/*  -------------------------- 事務所概要 --------------------------------- */

#company-info-Box { width:780px; margin:0 auto;}

#company-info-Box dl {background:  url(../img/line.gif) repeat-x top; margin: 14px 0px 0px 0px; padding: 14px 0px 0px 0px; line-height: 140%; clear:both;}

#company-info-Box dt { float: left; margin: 0; padding: 0; font-weight: bold; color: #333333;}

#company-info-Box dd { margin: 0px 0px 8px 150px; padding: 0px 0px 0px 10px; border-left: 3px #CCCCCC solid;}

#company-info-Box dd b {font-size:120%; font-weight: bold;}

#company-info-Box .line { margin: 0px 0px 8px 150px; padding: 0px 0px 15px 10px; border-left: 3px #CCCCCC solid; background:url(../img/line.gif) repeat-x bottom;}

/*  -------------------------- ロゴ --------------------------------- */

#logoTitle		{width:250px; height:50px; background-image: url(../img/h2_logo_title.gif); float:left;}

#h2_logo		{width:800px; height:40px; background-image: url(../img/h2_logo.gif); margin:30px 0 10px 0;}


/*  -------------------------- CG --------------------------------- */

#cgTitle		{width:250px; height:50px; background-image: url(../img/h2_cg_title.gif); float:left;}

#h2_cg		{width:800px; height:40px; background-image: url(../img/h2_cg.gif); margin:30px 0;}



/*  -------------------------- リクルート --------------------------------- */

#h2_recruit1		{width:800px; height:40px; background-image: url(../img/h2_recruit1.gif); margin:0;}

#h2_recruit2		{width:800px; height:40px; background-image: url(../img/h2_recruit2.gif); margin:30px 0 0 0;}

/*  -------------------------- 制作実績(下層ページ) --------------------------------- */

.workTitle		{width:800px; height:38px; background-image: url(../img/h2.gif); margin:30px 0 10px 0; padding:2px 0 0 0; text-indent: 20px; font-size: 16px; color:#FFF;}

.workComment		{width:800px; margin:20px 0 0 0; padding:0 0 20px 0; background:  url(../img/line.gif) repeat-x bottom;}
 
.workComment h3		{font-size:16px; margin:0 0 30px 0; }

.workComment .date		{margin:20px 0 0 0; float:right;}

.workComment .mainPhoto		{margin:0 0 8px 0; padding:0;}

.workPhoto		{float:left; margin:0; padding:0 20px 0 0;}

.workPhoto img		{margin:0 8px 20px 0; padding:0; float:left;}

#work-info-Box { width:480px; margin:0; float:right;}

#work-info-Box dl {background:  url(../img/line.gif) repeat-x top; margin: 14px 0px 0px 0px; padding: 14px 0px 0px 0px; line-height: 140%; clear:both;}

#work-info-Box dt { float: left; margin: 0; padding: 0; font-weight: bold; color: #333333;}

#work-info-Box dd { margin: 0px 0px 8px 80px; padding: 0px 0px 0px 10px; border-left: 3px #CCCCCC solid;}

#work-info-Box dd b {font-size:120%; font-weight: bold;}

#work-info-Box .line { margin: 0px 0px 8px 80px; padding: 0px 0px 15px 10px; border-left: 3px #CCCCCC solid; background:url(../img/line.gif) repeat-x bottom;}

.shop-img { width:280px; height:200px; margin:0 20px 0 0; padding:10px; background:url(../img/workback.gif) no-repeat; float:left;}

/*  -------------------------- 名刺 --------------------------------- */

#businesscardTitle		{width:274px; height:63px; background-image: url(../img/h2_businesscard_title.gif); margin-bottom:30px;}

/*  -------------------------- ロゴ --------------------------------- */

#logomarkTitle		{width:407px; height:64px; background-image: url(../img/h2_logomark_title.gif); margin-bottom:30px;}