@charset "UTF-8";
@media print {body {zoom:80%;}}
/* ------------------------------------------------------------------------------------------
--RESET CSS--
Copyright (c) 2008, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version:2.5.2
------------------------------------------------------------------------------------------ */
html{}
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;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,th,var{font-style:normal;font-weight:normal;}
li{list-style:none;}
caption,th{text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
q:before,q:after{content:'';}
abbr,acronym{border:0;font-variant:normal;}
sup{vertical-align:text-top;}
sub{vertical-align:text-bottom;}
input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}
legend{color:#000;}
/* font css
10px 77%
11px 85%
12px 93%
13px 100%
14px 108%
15px 116%
16px 123.1%
17px 131%
18px 138.5%
19px 146.5%
20px 153.9%
*/
body {
	font:13px/1.231 "ＭＳ Ｐゴシック",Osaka,"Hiragino Kaku Gothic Pro W3","ヒラギノ角ゴ Pro W3",sans-serif;
	*font-size:small; /* for IE6/7 */
	*font:x-small; /* for IE Quirks Mode */
}
table {font-size:inherit; font:100%;}
@media screen and (-webkit-min-device-pixel-ratio:0){ body{ font-size:77%; letter-spacing:-0.09em;} } /* for safari */

/* ------------------------------------------------------------------------------------------
　基本 タグ
------------------------------------------------------------------------------------------ */
body {margin:0px; padding:0px; text-align:center; background:#edeadf; color:#666;}
a  { color:#c06; /*color:#039;*/ text-decoration:none;}
a:hover { color:#c69; /*color:#03f;*/ }
img	 { margin:0; padding:0; display:block; }
a img { border:none;}
a:hover img {opacity:0.9; -moz-opacity:0.9;/*mozilla*/ filter:alpha(opacity=90);/*IE6,7*/ -ms-filter:"alpha(opacity=80)";/*IE8*/}
a:hover img.imgover {opacity:inherit; -moz-opacity:inherit;/*mozilla*/ filter:none;/*IE6,7*/ -ms-filter:none;/*IE8*/}
ul		{ margin:0; padding:0; }
ul li	{ display:block;}
ol {margin:10px 0 0 25px;}
ol li {padding:15px 0 0 0; list-style:decimal; list-style-position:outside;}
.dummy {behavior:url(http://mejane-saja.com/common/ie-css3.htc);}
p {font-size:108%; line-height:1.4; margin-bottom:15px;}

/* ------------------------------------------------------------------------------------------
　共通部品　class
------------------------------------------------------------------------------------------ */
/* 見出し */
h2 {font-size:123.1%; font-weight:bold; line-height:1.2;}
h3 {font-weight:bold; line-height:1.2;}

/* table */
table.tbl {border-left:1px solid #ccc; border-top:1px solid #ccc; width:100%; margin-top:5px; line-height:1.6;}
table.tbl th, table.tbl td {border-right:1px solid #ccc; border-bottom:1px solid #ccc; padding:5px;}
table.tbl th {background:#eed; font-weight:bold;}
table.tbl td {background:#fff;}

table.tbl2 {border-top:1px solid #fff; width:100%; margin-top:5px;}
table.tbl2 th, table.tbl2 td {border-bottom:2px solid #fff; padding:15px 20px;}
table.tbl2 th {background:#fffff4; font-weight:bold;}
table.tbl2 td {background:#edeadf;}

/* リストマーク */
ul.list { text-align:left; font-size:108%;}
ul.list li { background:url(../images/listmark.gif) 0 0.45em no-repeat; padding:0 0 0 10px; margin:0 0 5px 0; line-height:1.4;}
ul.list2 { text-align:left; font-size:108%;}
ul.list2 li { background:url(../images/listmark2.gif) 0 0.45em no-repeat; padding:0 0 0 10px; margin:0 0 5px 0; line-height:1.4;}
a.link {display:block; clear:both; padding:0 0 0 14px;
	background:url(../images/listmark.gif) 2px 0.5em no-repeat; text-decoration:none;}
a.btn_detail {text-align:right; display:block;}

/* PDFマーク */
.pdf {background:url(../images/icon_pdf.gif) top left no-repeat; padding:3px 0 4px 20px;}

/* 注釈 */
.note {font-size:85%; line-height:1.2 !important; color:#888;}

/* ------------------------------------------------------------------------------------------
　基本構造
------------------------------------------------------------------------------------------ */

#container {width:950px; margin:-1px auto 0 auto; text-align:left; padding-top:1px;}
#content3col { margin-top:10px;}
#content2col { margin-top:10px;}
#content1col { margin-top:10px; margin-left:45px;}
#left { float:left; width:230px;}
#main { float:left; width:540px;}
#content2col #main { float:left; width:720px; background:#fff;}
#content1col #main { float:left; width:850px; background:#fff;}
#right { float:right; width:175px; _margin-right:-1px;}

/* #header */
#header {}
#header a#logo {display:block; float:left; width:270px;}
#header a#logo img {margin:10px 0 0 45px;}

/* droppy */
/* Basic code - don't modify */
 #nav { display: block; margin: 0; padding: 0; position: relative; }
  #nav li { display: block; list-style: none; margin: 0; padding: 0; float: left; position: relative; }
  #nav a { display: block; }
  #nav ul { display: none; position: absolute; left: 0; margin: 0; padding: 0; }
  * html #nav ul { line-height: 0; } /* IE6 "fix" */
  	#nav ul a { zoom: 1; } /* IE6/7 fix */
    #nav ul li { float: none; }
    #nav ul ul { top: 0; }
/* Essentials - configure this */
#nav ul { width:180px;}
#nav ul ul { left:180px; }
/* Everything else is theming */
#nav { width:650px; background:url(../images/links_bg.gif) 0 0 no-repeat; float:left; }
#nav *:hover { background-color: none; }
#nav ul a { border-right: 1px solid white; color: white; font-size: 12px; padding:6px; _padding:4px; line-height: 1; }
  #nav ul li.hover a { background-color: #a59e8e; color:#ff9; }
  #nav ul { top: 32px; }
    #nav ul li a { background-color: #605b52;}
      #nav ul a.hover { background-color: #a59e8e; }
   #nav ul a { border-bottom: 1px solid white; border-right: none; opacity: 0.9; filter: alpha(opacity=90); }
/* #nav ul a { border-bottom: none; } - I also needed this for IE6/7 */

/* #mainvisual */
#mainvisual {}

/* #menu */
ul#menu { background:url(../images/menu_bg.gif) 0 0 no-repeat; padding:24px 0 0 0; margin:0 0 20px 0;}
ul#menu li {display:inline;}
ul#menu li a {display:inline;}
ul#menu li a img { display:inline; }

/* #menu2 */
ul#menu2 { background:url(../images/menu2_bg.gif) 0 0 no-repeat; padding:24px 0 0 0; margin:0 0 20px 0;}
ul#menu2 li {display:inline;}
ul#menu2 li a {display:inline;}
ul#menu2 li a img { display:inline; }

/* コンテンツページ */
#main { width:720px; background:#fff;}
#main .inner {padding:60px 60px;}
#main h1 { padding-bottom:40px;}
#main h2 { border-left:solid 2px #c06; padding:3px 0 4px 8px; font-size:138.5%; margin-top:50px;}
#main h3 { border-bottom:solid 1px #bbb; padding:6px 0 3px 6px; font-size:123.1%; margin-top:30px; background:#f8f8f8;}
#main h4 { font-weight:bold; margin:30px 0 0 0; padding:0;}
#main p {line-height:1.8; margin-top:15px;}

/* お問い合わせボタン */
a.btn {display:block; text-align:center; padding:50px 0 10px 0;}
a.btn img {display:inline;}
.btns { text-align:center; padding:30px 0;}
.btns img {display:inline;}

/* unit */
#main .unit1 { padding-bottom:40px;}
#main .unit1 img {float:left;}
#main .unit1 .right { float:left; text-align:left;}
#main .unit1 .right h3 { margin:0; border:none; padding:0 0 5px 0; font-size:14px; background:none;}
#main .unit1 .right h2 { margin:0; border:none; padding:0 0 5px 0; font-size:14px;}

#main .unit2 { float:left; width:280px; margin-top:20px;}
#main .unit2 h2 { float:left; width:90px; border:none; padding:3px 0 0 0; margin:0; font-size:14px;}
#main .unit2 ul { float:left; width:120px; text-align:left; /*border-left:1px solid #ddd; padding:2px 0 0 10px;*/}

/* 枠 */
#content1col #main .frm,
#content2col #main .frm { background:url(../images/frm_bg.gif) left repeat-y; margin:40px 0 0 10px;}
#content1col #main .frm h2,
#content1col #main .frm h3,
#content2col #main .frm h2,
#content2col #main .frm h3 {background:url(../images/frm_h.gif) 0 0 no-repeat; padding:8px 0 6px 12px; border:none; font-size:14px; margin:0;}
#content1col #main .frm p,
#content2col #main .frm p {padding:0 25px 0 15px;}

#main p.frm2 { border:1px solid #dcb; background:#ffe; padding:10px; color:#960; line-height:1.6;}


/* スタッフ */
ul.staff {padding:15px 0 10px 10px;}
ul.staff li { float:left; width:105px; text-align:center;}
ul.staff li img {margin:0 auto 2px auto;}

/* 2つ横並び */
#content2col #main .frm2col { background:url(../images/frm2col.gif) no-repeat 0 0; padding-left:20px;}
#content2col #main .frm2col {}
#content2col #main .frm2col {}
#content2col #main .frm2col {}

/* 4つ横並び */
#content2col #main .col4 {}
#content2col #main .col4 div { float:left; width:145px;}
#content2col #main .col4 div img {}
#content2col #main .col4 div p {margin:5px 10px 0 1px; line-height:1.4;}

/* エラーメッセージ */
.error {font-size:16px; margin:10px; color:#c06;}
.error ul { text-align:left; font-size:108%; margin-top:20px;}
.error ul li { background:url(../images/listmark.gif) 0 0.45em no-repeat; padding:0 0 0 10px; margin:0 0 5px 0; line-height:1.4;}

/* #right */
#right h2 { background:url(../images/side_h.gif) 0 0 no-repeat; color:#fff; font-weight:bold; font-size:93%; padding:6px 0 11px 10px;}
.entry_info { background:url(../images/entry_bg.gif) left bottom no-repeat; margin-bottom:7px;}
.entry_info h3 { background:url(../images/entry_h2.gif) 0 0 no-repeat; color:#996; padding:5px 0 5px 10px; font-weight:bold;}
.entry_info p { padding:10px 15px; margin:0;}

/* 'ページの先頭に戻る'リンク */
/*.pagetop {margin-top:15px; line-height:1;}*/
a.pagetop  {display:block; margin:15px 0 5px 840px;}

/* footer */
#footer {background:#ddc; text-align:center; margin-top:10px;}
#footer .inner { width:950px; margin:0 auto; background:url(../images/foot_bg.gif) 0 0 repeat-y; text-align:left; /*float:right;*/}
#footer h2, #footer ul { font-size:93%;}
#footer #footer_top { float:left; width:163px;}
#footer #footer_service { float:left; width:394px;}
 #footer_service ul { float:left; width:170px; margin:0;}
#footer #footer_company { float:left; width:203px;}
#footer #footer_site { float:left; width:190px;}
#footer h2 { margin:10px 10px 0 15px;}
#footer ul { margin:7px 0;}
#footer ul li {margin-left:17px;}
#footer a {color:#666; text-decoration:none;}
#footer a:hover {color:#936;}

#footer .inner0 { width:950px; margin:0 auto; background:url(../images/foot_bg.gif) 0 0 repeat-y; text-align:left; float:right;}
#footer .inner1 {width:1070px; margin:0 auto;}
#footer #nakanohito {float:right; width:55px;}
#footer #nakanohito img { margin:8px 0 0 8px;}

address { margin:5px; color:#999;}


/* ------------------------------------------------------------------------------------------
　トップページ
------------------------------------------------------------------------------------------ */
.fadein { position:relative; height:180px; width:950px; }
.fadein img { position:absolute; left:0; top:0; display:none; }

#toppage #main { background:none; width:540px;}
#toppage #main h2 { background:url(../images/content_h.gif) 0 0 no-repeat; color:#fff; font-weight:bold; font-size:93%; padding:6px 0 11px 10px; border:none; margin:0;}

#toppage #main .entries { float:left; width:180px;}
#toppage #main .entry { background:url(../images/entry_bg.gif) left bottom no-repeat; margin-bottom:7px;}
#toppage #main .entry .inner { padding:5px 10px 9px 10px;}
#toppage #main .entry .inner h3 { color:#c06; border-left:2px solid #c06; padding:0; font-weight:bold; border:none; margin:0; background:none; font-size:13px;}
#toppage #main .entry .inner h3 a { color:#c06;}
#toppage #main .entry .inner img { margin-top:10px;}
#toppage #main .entry .inner p { margin-top:10px; line-height:1.4;}
#toppage #main .entry .inner p a { color:#666;}
#toppage #main .entry .inner .date { color:#999; font-size:93%; font-weight:bold; margin-top:8px;}
#toppage #main .entries .banner { display:block; margin-bottom:7px;}

/* ------------------------------------------------------------------------------------------
　メンバー紹介ページ
------------------------------------------------------------------------------------------ */
#main .members { margin:30px 0 0 0;}
#main .members .unit1 { width:350px;}
#main .members .unit1 img  {margin-right:10px;}
#main .members .unit1 .right { width:245px;}
#main .members .unit1 .right p { margin:0;}
#main .members .unit1 .right .frm2 { margin-top:5px;}

/* ------------------------------------------------------------------------------------------
　WEB制作・ネット戦略支援
------------------------------------------------------------------------------------------ */
#main ul#web_tab { background:url(../images/tab_bg.gif) bottom repeat-x; width:100%;}
#main ul#web_tab li { float:left; width:116px;}

#main .web_btn { margin-top:50px;}
#main .web_btn a { display:block; float:left; width:295px; height:135px;}
#main .web_btn a:hover img {opacity:0.6; -moz-opacity:0.6;/*mozilla*/ filter:alpha(opacity=60);/*IE6,7*/ -ms-filter:"alpha(opacity=60)";/*IE8*/}

#main .frm .profile { padding:20px;}
#main .frm .profile .left { display:block; float:left; width:50px;}
#main .frm .profile .right { float:right; width:450px;}
#main .frm .profile .right p.name { font-weight:bold; margin-top:0; padding-top:0;}

/* ------------------------------------------------------------------------------------------
　お問い合わせページ
------------------------------------------------------------------------------------------ */
input.txt, textarea { border:1px solid #CCC; margin:0; padding:2px; width:400px;}
.send {text-align:center; padding:40px 0 10px 0;}

/* ------------------------------------------------------------------------------------------
　調整用　class
------------------------------------------------------------------------------------------ */

/* clearfix */
.clearfix:after {visibility:hidden; display:block; font-size:0; content:" "; clear:both; height:0;}
* html .clearfix             { zoom:1; position:relative; } /* IE6 */
*:first-child+html .clearfix { zoom:1; } /* IE7 */

/* 配置 */
.txtleft {text-align:left;}
.txtright {text-align:right;}
.center {text-align:center;}
.middle {vertical-align:middle;}
.relative {position:relative;}
.block { display:block;}

/* テキスト */
.blue {color:#09c}
.black {color:#333}
.orange {color:#f63}
.gray {color:#666}
.bold {font-weight:bold; color:#796f47;}

/* float */
.floatLft {float:left; display:block;}
.floatRgt {float:right; display:block;}

/* 幅 */
.w50 {width:50px; display:block;}
.w100 {width:100px; display:block;}
.w150 {width:150px; display:block;}
.w200 {width:200px; display:block;}
.w250 {width:250px; display:block;}
.w300 {width:300px; display:block;}
.w350 {width:350px; display:block;}
.w400 {width:400px; display:block;}
.w450 {width:450px; display:block;}
.w500 {width:500px; display:block;}
.w550 {width:550px; display:block;}
.w600 {width:600px; display:block;}
.w650 {width:650px; display:block;}
.w900 {width:900px; display:block;}

/* マージン */
.mt0 {margin-top:0px !important; display:block;}
.mt5 {margin-top:5px !important; display:block;}
.mt10 {margin-top:10px !important; display:block;}
.mt20 {margin-top:20px !important; display:block;}
.mt30 {margin-top:30px !important; display:block;}
.mt40 {margin-top:40px !important; display:block;}
.mt80 {margin-top:80px !important; display:block;}

.ml5 {margin-left:5px !important; display:block;}
.ml10 {margin-left:10px !important; display:block;}
.ml15 {margin-left:15px !important; display:block;}
.ml20 {margin-left:20px !important; display:block;}
.ml30 {margin-left:30px !important; display:block;}
.ml50 {margin-left:50px !important; display:block;}
.ml100 {margin-left:100px !important; display:block;}
.ml150 {margin-left:150px !important; display:block;}
.ml200 {margin-left:200px !important; display:block;}
.ml250 {margin-left:250px !important; display:block;}

.mr10 {margin-right:10px !important; display:block;}
.mr15 {margin-right:15px !important; display:block;}
.mr20 {margin-right:20px !important; display:block;}
.mr30 {margin-right:30px !important; display:block;}
.mr40 {margin-right:40px !important; display:block;}
.mr50 {margin-right:50px !important; display:block;}
.mr100 {margin-right:100px !important; display:block;}

.mb0 {margin-bottom:0px !important; display:block;}
.mb5 {margin-bottom:5px !important; display:block;}
.mb10 {margin-bottom:10px !important; display:block;}
.mb20 {margin-bottom:20px !important; display:block;}
.mb30 {margin-bottom:30px !important; display:block;}
.mb40 {margin-bottom:40px !important; display:block;}
.mb100 {margin-bottom:100px !important; display:block;}