@charset "UTF-8";

/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/

html, body, div, span, applet, object, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, 
fieldset, form, label, legend, table, caption, tbody, tfoot, thead, article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; vertical-align: baseline; font-family: inherit; }
iframe { border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-top-color: #666666; border-right-color: #CCCCCC; border-bottom-color: #CCCCCC; border-left-color: #666666; }

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
.gradient01	{
	background: -moz-linear-gradient(top, #ffffff, #f2f2f2);　/* Firefox用 */
	background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#f2f2f2));　/* Safari,Google Chrome用 */
}

.sli { display: block; height: 260px; width: 445px; margin: 0px; padding: 0px; }
.sli_ima { height: 130px; width: 222px; position: relative; left: 223px; top: 65px; }
.sli_text { float: left; }

/* ---------------------------------------------------------------- *
	共通設定ここから
 * ---------------------------------------------------------------- */
body { font-family: 'Lucida Grande', 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, 'メイリオ', sans-serif; font-size: 12px; line-height: 1.6; margin: 0;  /* 複数の異なるブラウザの初期設定値に対応するため、body エレメントのマージンと余白を 0 にすることをお勧めします */ padding: 0; text-align: center;  /* これにより、IE 5* ブラウザではコンテナが中央揃えになります。そして、テキストは、#container セレクタの初期設定である左揃えに設定されます */ color: #333333; font-family: Verdana, Arial, Helvetica, sans-serif; background-image: url(../img/back.gif); background-position: center top; background-repeat: repeat-y; }

.oneColFixCtrHdr #container { width: 840px; text-align: left; margin-top: 0; margin-right: auto; margin-bottom: 0; margin-left: auto; background-color: #f7f7f7; padding-top: 0px; padding-right: 80px; padding-bottom: 0px; padding-left: 80px; }

.oneColFixCtrHdr #header { width: 740px; height: 91px; display: block; padding-top: 60px; padding-left: 50px; }
#logo { display: block; min-width: 0px; width: 370px; float: left; }
#h_text { width: 369px; display: block; float: right; text-align: right; margin-top: 33px; }
.oneColFixCtrHdr #header h1 {
	margin: 0; /* #header div の最後のエレメントのマージンを 0 に設定することにより、マージンの相殺（div 間の原因不明のスペース）が回避されます。div の周囲に境界線が適用されている場合は、境界線によってマージンの相殺が回避されるため、この操作は不要です */
	padding: 10px 0; /* マージンの代わりに余白を使用して、エレメントを div の端に接触しない位置に維持することができます */
}

#navi_base { width: 740px; height: 175px; display: block; clear: both; padding-left: 50px; }/* グローバルナビベース */
.oneColFixCtrHdr #mainContent { padding: 0; background-color: #F7F7F7; overflow-y: hidden; }
.oneColFixCtrHdr #contents { display: block; float: left; width: 740px; padding-left: 50px; }

.oneColFixCtrHdr #footer { clear: both; background-color: #f7f7f7; padding-bottom: 20px; padding-left: 50px; }
.oneColFixCtrHdr #footer_ind { clear: both; padding-bottom: 20px; top: 1000px; position: absolute; }
.footer_text { width: 740px; border-top: 3px solid #000000; display: block; text-align: right; font-size: 10px; height: 12px; padding-top: 9px; padding-bottom: 9px; line-height: 10px; font-weight: bold; }
.footer_copyright { width: 740px; border-top: 1px dotted #000000; display: block; padding-top: 8px; padding-bottom: 8px; text-align: right; font-size: 10px; line-height: 10px; }
.oneColFixCtrHdr #footer p { margin: 0; /* フッターの最初のエレメントのマージンを 0 に設定することにより、マージンの相殺（div 間のスペース）が回避されます */ padding: 10px 0; /* このエレメントの余白により、マージンの相殺を発生させることなく、マージンの効果とまったく同じように、スペースが設定されます */ font-size: 92%; }

a:link { text-decoration: none; color: #3366FF; }
a:visited { text-decoration: none; color: #666666; }
a:hover { text-decoration: none; color: #991620; }
a:active { text-decoration: none; }

 
/* ---------------------------------------------------------------- *
	index
 * ---------------------------------------------------------------- */
.swf { display: block; width: 740px; position: relative; }
.copy_box { display: block; width: 100%; padding-bottom: 10px; font-size: 100%; font-family: Geneva, Arial, Helvetica, sans-serif; color: #444444; }
/* ---------------------------------------------------------------- *
	aboutus
 * ---------------------------------------------------------------- */
.about_contents { width: 740px; display: block; clear: both; padding-bottom: 70px; overflow-y: hidden; }
.a_c_left { width: 130px; margin-right: 145px; float: left; padding-bottom: 5px; border-bottom: 1px dotted #030303; }
.a_c_right { width: 370px; display: block; float: left; }
.text_13b { font-size: 13px; font-weight: bold; }
.text_11 { font-size: 11px; }
.text_10 { font-size: 10px; }
.text_12b { font-size: 12px; font-weight: bold; }

/* ---------------------------------------------------------------- *
	client
 * ---------------------------------------------------------------- */
.client_img { display: block; margin-bottom: 0px; padding-bottom: 45px; clear: both; }
.c_c_left { width: 370px; float: left; display: block; }
.c_c_left2 {width: 185px; float: left; display: block; padding-bottom: 70px; overflow-y: hidden; }

/* ---------------------------------------------------------------- *
	work
 * ---------------------------------------------------------------- */
.work_contents { width: 740px; height: 260px; display: block; background-color: #F7F7F7; margin: 0px; padding: 0px; border: 1px solid #999999; }
.work_left { width: 235px; height: 260px; display: block; float: left; padding-left: 60px; }
.work_l_text { width: 160px; height: 46px; margin-top: 90px; margin-bottom: 90px; border-right: 1px dashed #888888; padding-top: 34px; }
.work_right { width: 445px; height: 260px; display: block; float: left; margin: 0px; padding: 0px; }
.work_text { width: 740px; height: 210px; display: block; clear: both; margin-top: 105px; }

/* グローバルナビ */
/* -+-+-+-+-+-+-+-+-+-+-+-+- Global Navi Style */
#base_g_navi { width: 275px; height: 175px; display: block; float: left; }
#g_navi { width: 275px; display: block; color: #000000; font-family: "Arial Black", Gadget, sans-serif; line-height: 1; }
#g_navi ul { }
#g_navi p { padding-bottom: 10px; font-size: 13px; }
#g_navi li { list-style-type: none; }
#g_navi li a { font: 12px/1 Arial, Helvetica, sans-serif; padding-top: 3px; padding-bottom: 3px; display: block; }
/*------off*/
#g_navi li.g_navi01 a { color: #999999; }
#g_navi li.g_navi02 a { color: #999999; }
#g_navi li.g_navi03 a { color: #999999; }
#g_navi li.g_navi04 a { color: #999999; }
/*------hover*/
#g_navi li.g_navi01 a:hover { color: #777777; text-shadow: 2px 2px 2px #999999; }
#g_navi li.g_navi02 a:hover { color: #777777; text-shadow: 2px 2px 2px #999999; }
#g_navi li.g_navi03 a:hover { color: #777777; text-shadow: 2px 2px 2px #999999; }
#g_navi li.g_navi04 a:hover { color: #777777; text-shadow: 2px 2px 2px #999999; }
/*------on*/
#g_navi li.g_navi01_on a { color: #666666; text-shadow: 2px 2px 2px #999999; }
#g_navi li.g_navi02_on a { color: #666666; text-shadow: 2px 2px 2px #999999; }
#g_navi li.g_navi03_on a { color: #666666; text-shadow: 2px 2px 2px #999999; }
#g_navi li.g_navi04_on a { color: #666666; text-shadow: 2px 2px 2px #999999; }

/* ワークナビ */
/* -+-+-+-+-+-+-+-+-+-+-+-+- Work Navi Style */
#base_w_navi { width: 275px; height: 175px; display: block; float: left; }
#w_navi { width: 275px; display: block; color: #000000; font-family: "Arial Black", Gadget, sans-serif; line-height: 1; }
#w_navi ul { }
#w_navi p { padding-bottom: 10px; font-size: 13px; }
#w_navi li { list-style-type: none; }
#w_navi li a { font: 12px/1 Arial, Helvetica, sans-serif; padding-top: 3px; padding-bottom: 3px; display: block; }
/*------off*/
#w_navi li.w_navi01 a { color: #999999; }
#w_navi li.w_navi02 a { color: #999999; }
#w_navi li.w_navi03 a { color: #999999; }
#w_navi li.w_navi04 a { color: #999999; }
#w_navi li.w_navi05 a { color: #999999; }
#w_navi li.w_navi06 a { color: #999999; }
/*------hover*/
#w_navi li.w_navi01 a:hover { color: #777777; text-shadow: 2px 2px 2px #999999; }
#w_navi li.w_navi02 a:hover { color: #777777; text-shadow: 2px 2px 2px #999999; }
#w_navi li.w_navi03 a:hover { color: #777777; text-shadow: 2px 2px 2px #999999; }
#w_navi li.w_navi04 a:hover { color: #777777; text-shadow: 2px 2px 2px #999999; }
#w_navi li.w_navi05 a:hover { color: #777777; text-shadow: 2px 2px 2px #999999; }
#w_navi li.w_navi06 a:hover { color: #777777; text-shadow: 2px 2px 2px #999999; }
/*------on*/
#w_navi li.w_navi01_on a { color: #666666; text-shadow: 2px 2px 2px #999999; }
#w_navi li.w_navi02_on a { color: #666666; text-shadow: 2px 2px 2px #999999; }
#w_navi li.w_navi03_on a { color: #666666; text-shadow: 2px 2px 2px #999999; }
#w_navi li.w_navi04_on a { color: #666666; text-shadow: 2px 2px 2px #999999; }
#w_navi li.w_navi05_on a { color: #666666; text-shadow: 2px 2px 2px #999999; }
#w_navi li.w_navi06_on a { color: #666666; text-shadow: 2px 2px 2px #999999; }