@charset "UTF-8";


/*--------------------------------------------------------------------
初期設定
--------------------------------------------------------------------*/


/* --------------- タグのリセット */

html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td,article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video
{ margin:0; padding:0; border:0; outline:0; font-size:100%; vertical-align:baseline; background:transparent; font-style:normal; }


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

body { font-size:0.8em; line-height:1.4; -webkit-text-size-adjust:none; text-align:center; font-family:Arial, Helvetica, sans-serif; background:#fff url(../../images/bg/body_bg.gif) repeat-y 50% 0; }
h1, h2, h3, h4, h5, h6 { font-weight:bold; }
a { color:#19c; }
table { border-collapse:collapse; }
b, em, strong { font-weight:bold; }
ul { list-style-type:none; }
ol { padding-left:2em; list-style-type:decimal; }
p { margin-bottom:0.6em; }

article,aside,details,figcaption,figure, footer,header,hgroup,menu,nav,section { display:block; }
blockquote, q { quotes:none; }
blockquote:before, blockquote:after, q:before, q:after { content:''; content:none; }
.to_form {text-align:center;}

/* --------------- class設定 */

.clear{ clear:both; }
.clearfix { zoom:1; }
.clearfix:after{ content:""; display:block; clear:both; }
.center{ text-align:center; }
.noMgnTop{ margin-top:0!important; }
.noMgnBtm{ margin-bottom:0!important; }
.top10{ margin-top:10px!important; }
.top15{ margin-top:15px!important; }
.top20{ margin-top:20px!important; }
.top25{ margin-top:25px!important; }
.btm10{ margin-bottom:10px!important; }
.btm15{ margin-bottom:15px!important; }
.btm20{ margin-bottom:20px!important; }
.btm25{ margin-bottom:25px!important; }
.h5 { margin-left:5px!important; margin-right:5px!important; }
.h10 { margin-left:10px!important; margin-right:10px!important; }
.h15 { margin-left:15px!important; margin-right:15px!important; }
.h20 { margin-left:20px!important; margin-right:20px!important; }
.v5 { margin-top:5px; margin-bottom:5px; }
.v10 { margin-top:10px; margin-bottom:10px; }
.v15 { margin-top:15px; margin-bottom:15px; }
.w100{ width:100%; }
.w90{ width:90%; margin-left:auto; margin-right:auto; }
.w80{ width:80%; margin-left:auto; margin-right:auto; }
.w70{ width:70%; margin-left:auto; margin-right:auto; }
.w60{ width:60%; margin-left:auto; margin-right:auto; }
.w50{ width:50%; margin-left:auto; margin-right:auto; }
.w40{ width:40%; margin-left:auto; margin-right:auto; }
.w30{ width:30%; margin-left:auto; margin-right:auto; }
.w20{ width:20%; margin-left:auto; margin-right:auto; }
.w100 img, .w90 img, .w80 img, .w70 img, .w60 img, .w50 img, .w40 img, .w30 img, .w20 img{ width:100%; }
.hidden{ height:0!important; width:0!important; overflow:hidden!important; }
.align_right {text-align:right;}

/* マウスオーバーで透明度変更 */
.opacity a:hover, .opacity a:hover *, .opacity *:hover { filter:alpha(opacity=70); opacity:0.70; -moz-opacity:0.70; }
.opacity_minus, .opacity_minus * { filter:alpha(opacity=70); opacity:0.70; -moz-opacity:0.70; }
.opacity_minus a:hover, .opacity_minus a:hover * { filter:alpha(opacity=100); opacity:1.00; -moz-opacity:1.00; }

/* 表にボーダー＋見出しセル着色 */
table.bordered th, table.bordered td { padding:0.4em 0.7em; border:1px #ccc solid; border-width:1px 0;}
table.bordered th { background:#f2f2f2; }

/* 折り畳みメニュー化 */
dl.accordion dt { cursor:pointer; }
dl.accordion dt:hover { color:#aaa; }
dl.accordion dd { overflow:hidden; }

/* dtとddを横並びにさせる */
dl.date dt { width:8em; }
dl.date dd { margin:-1.5em 0 0.25em 9em; }

/* リスト見出しマークを表示 */
ul.square { margin:0; padding:0 0 0 1.5em; list-style-type:square; }
ul.disc { margin:0; padding:0 0 0 1.5em; list-style-type:disc; }

/* ポップアップメニュー */
.popUpMenu{ display:none; }
#colorbox .popUpMenu{ display:block!important; }

/* フォーム共通 */
form#mailform span{ color:#f55; }
dl.mailform { margin-bottom:0.6em; }
dl.mailform dt{ padding-top:0.6em; }
dl.mailform dd input, dl.mailform dd textarea{ width:97%; padding:10px 5px; font-size:100%; }

/* レイアウト確認用 ※iを消して使用 */
i div { border:1px #f00 solid; }	/* divのみにボーダー表示 */
i * { border:1px #f00 solid; }	/* 全要素にボーダー表示 */


/* --------------- CSSテンプレート 
角丸
border-radius:10px;
シャドウ
box-shadow: 1px 1px 1px #888; -webkit-box-shadow: 1px 1px 1px #888;
グラデーション 上から下
background: -moz-linear-gradient(top, #000, #fff);
background: -webkit-gradient(linear, center top, center bottom, from(#000), to(#fff));
------------------------------ */


/*--------------------------------------------------------------------
基本レイアウト
--------------------------------------------------------------------*/

/* 配置 */
header, #main, footer { width:900px; margin:0 auto; text-align:left; }

/* ヘッダ内 */
header h1 { float:left;}
header h2 { display:none; }
header ul { float:right; text-align:right; padding:6px 10px 0 0; font-size:0.85em; }
header li { display:inline; padding:0 0.4em; border-left:1px #379fbd solid;  vertical-align:top;}
header li:first-child, header li.jgif { border:0!important; }
header li.jgif img { margin-top:-3px; }
header li a { text-decoration:none; color:#379fbd;  vertical-align:top; }

/* メインカラム */
#main { padding-bottom:25px; }
.topicpath { margin:0 40px 10px; color:#777; font-size:0.8em; text-align:left;}
.topicpath a { text-decoration:none; color:#777; }
article {margin:20px 40px;}
h2.page_title {background:url(../../images/bg/page_title_bg.jpg) no-repeat right 50%; border:1px #ddd solid;}
h2 span { display:block; font-size:1.4em; color:#146; letter-spacing:0.2em; padding:0.75em 0.8em; border:1px #fff solid;}
.inside_menu ul { margin-top:1px; color:#38a; }
.inside_menu li { float:left; }
.inside_menu a { display:block; background:#f2f2f2; border:1px #ddd solid; border-top:0; border-radius:0 0 4px 4px; margin:0 2px 0 0; padding:0.5em 0.8em; color:#555; text-decoration:none; }
article section nav ul { height:1.5em; margin:0 20px -5px;}
article section nav li { display:inline; padding:0 0.4em; border-left:1px #379fbd solid;  vertical-align:top; }
article section nav li:first-child, header li.jgif { border:0!important; }
article section nav li a { text-decoration:none; }
article section { margin:40px 15px; }
article section article { margin:20px; }
article section h3 { background:#49c1e4; color:#fff; border-radius:2px; color:#fff; padding:0.45em 1em; margin:0 0 20px; font-size:1.2em; }
.backtotop { text-align:right; margin:10px 0; }
.backtotop a { text-decoration:none; }


/* フッタ内 */
footer { clear:both; background:#45bee3 url(../../images/bg/footer.jpg) no-repeat 98% 0; padding:15px 0 0; /*border-top:#f2f2f2 12px solid; */color:#fff; zoom:1; }
footer ul {margin:0 0 45px 15px;}
footer li { display:inline; padding:0 0.5em; border-left:1px #fff solid; }
footer li:first-child { border:0!important; }
footer li a { text-decoration:none; color:#fff; }
footer p { margin:0 0 10px 20px; text-align:left!important; width:400px; height:1.5em; line-height:1.5em; overflow:hidden; font-size:0.9em;}
footer address { display:block; padding:1em 20px; background:#ffffff; color:#333; margin:0!important; text-align:left; line-height: 1.4em; overflow: hidden;font-size: 90%;
white-space: normal;width: auto;
}
footer address span { font-weight:bold; }
footer address a { text-decoration:none; white-space: nowrap; }
.footer_address {margin:5px 0 0 0;}
.footer_address a { text-decoration:none; color:#19C; }
.footer_address li {padding:0 0.5em 0 0;}

/* その他共通利用 */
br.br_sp { display:none; }
.bold {font-weight:bold;}
.mg_b20 {margin-bottom:20px;}


/*--------------------------------------------------------------------
ページ個別
--------------------------------------------------------------------*/

/* index.html */

/* 全体配置 */
#index #main { position:relative; top:-125px; padding:0; z-index:20; }
#index footer { position:relative; top:-125px; z-index:10;height:170px; }

#top_block1 { display:inline; float:left; margin-left:40px; width:540px; overflow:hidden;}
#top_block2 { display:inline; float:right; margin-right:40px; z-index:30; width:260px;}
#top_block3 { clear:both; margin:0 0 20px 40px; padding-top:15px; width:556px; }


/* 詳細 */
#top_image {margin-top:20px;}
#top_image .sp { display:none; }
#top_image iframe {width:900px;height:506px;}
#index section { display:block; width:260px; background-color:#fff; zoom:1; border-style:solid; border-width:1px 1px 0px; border-image:url("../img/border-side-line60.png") 1 1 0/1px stretch; -webkit-border-image:url("../img/border-side-line60.png")  1 1 0/1px stretch; -moz-border-image:url("../img/border-side-line60.png") 1 1 0/1px stretch; position:relative; behavior:url("common/js/PIE.htc");}
.ie8 #index section {border:1px #ccc solid!important;}
#index section div { margin:10px; }
#index section h2 { margin:0 10px 10px;}
#index .panel h2 { border:1px #e4e4e4 solid; border-radius:4px; font-size:16px; font-weight:bold; padding:0.33em 0.5em; background:url(../../images/bg/top_h2_bg.jpg) no-repeat right 50%; } 
#index section p {margin:0 13px 10px; }
  /* Firefox hack start */
  @-moz-document url-prefix() { #index #panel_interview p {padding-bottom: 20px;}}
  /* Firefox hack end */
#index section h2:hover { cursor:pointer; } 

#index #panel_recruit { width:auto!important; border:1px #ccc solid!important; margin-bottom:10px; padding:0 4px;}
#index #panel_recruit h2 { padding:0!important; margin:0 auto!important; background:none!important; border:0!important; height:auto; overflow:hidden; vertical-align:bottom;}
#index #panel_recruit h2 img {vertical-align:bottom;}
#index #panel_recruit .latter { background:#f7f1d9; margin:0 0 4px!important; padding:0 10px 6px;}
#index #panel_recruit p {width:320px; float:left; margin:0!important; padding:0!important; font-size:0.9em;}
#index #panel_recruit .nav {margin:0!important; width:160px; float:right;}
#index #panel_recruit .nav a {display:block; border:1px #e4e4e4 solid; border-radius:4px; font-size:16px; font-weight:bold; padding:0.4em 0.5em; background:url(../../images/bg/top_h2_bg.jpg) no-repeat right 50%; color:#333; text-decoration:none;} 
#index #panel_recruit .nav br {display:none;}

#index #panel_company { float:left; }
#index #panel_message { float:right; }
#index #panel_image {border-width:0!important; background:none!important; }
#index #rikunabi_banner {border-width:0!important;  margin-top: 1em;}
#index #panel_interview { z-index: 50; }
#index #panel_news { margin-bottom:15px!important; width:auto!important; border-width:0!important; padding:20px 0 0!important;}
#index #panel_news h2 { text-indent:-9999px; background:url(../../images/index/news_title.jpg) no-repeat 0 0; height:23px; margin:0 0 15px!important;}
#index #panel_news h2:hover {cursor:default!important;}
#index #panel_news ul { height:100px; overflow:auto; margin:0 10px 10px; }
#index #panel_news li { margin-bottom:0.4em;font-size: 0.9em; }
#index #panel_news li span  { font-size:0.85em; color:#555; display:block; }

#index #top_movie {display:block; border:1px #ddd solid!important; padding:10px 0; width:auto!important; cursor:pointer; background:url(../../images/bg/top_movie_bg.jpg) no-repeat 0 0;}
#index #top_movie h2 {font-size:20px; visibility:hidden;}
#index #top_movie p {margin-bottom:0;}

#top_block1 .clear {width:556px; padding-top:12px;}
#top_block1 .clear li { float:left; width:173px; border:1px #28a solid; border-radius:4px; margin: 0 8px 8px 0; background:url(../../images/bg/button_bg.jpg) no-repeat right 50%; }
#top_block1 .clear li:hover { filter:alpha(opacity=70); opacity:0.70; -moz-opacity:0.70;  }
#top_block1 .clear li a { display:block; color:#fff; text-decoration:none; font-size:16px; font-weight:normal; padding:0.5em 0.5em; }


#top_fb { height:580px; border:0!important;}
#top_fb iframe {width:260px; height:520px; background-color:#fff; zoom:1; border-style:solid; border-width:1px 1px 0px; border-image:url("../img/border-side-line60.png") 1 1 0/1px stretch; -webkit-border-image:url("../img/border-side-line60.png")  1 1 0/1px stretch; -moz-border-image:url("../img/border-side-line60.png") 1 1 0/1px stretch; position:relative; behavior:url("common/js/PIE.htc");}
#top_fb div {margin:0!important; width:100%; padding-right:2px; background:url(../../images/index/top_fb_bg.gif) repeat-x 0 0;}
#top_fb div img {display:block;}


/* 全体配置 */
#recruit header nav { margin-bottom:10px; }
#recruit #main { padding:0; }


#rec_block1 { display:inline; float:left; margin-left:40px; width:540px; }
#rec_block2 { display:inline; float:right; margin-right:40px; z-index: 30; }
#rec_block3 { display:inline; float:left; margin-left:40px; padding-top:15px; width:556px; }
#rec_block4 { display:inline; float:left; margin-left:40px; padding-top:15px; width:820px; }
#rec_block5 { display:inline; float:right; margin-right:40px; width:260px; position:relative; top:-140px; margin-bottom:-140px; }


/* 詳細 */
#rec_image {background:url(../../images/recruit/rec_image.jpg) no-repeat 50% 0;}
#rec_image .sp1, #rec_image .sp2 { display:none; }
#recruit section { display:block;width:260px; background-color:#fff; zoom:1; border-style:solid; border-width:1px 1px 0px; border-image:url("../img/border-side-line60.png") 1 1 0/1px stretch; -webkit-border-image:url("../img/border-side-line60.png")  1 1 0/1px stretch; -moz-border-image: url("../img/border-side-line60.png") 1 1 0/1px stretch; position:relative; behavior:url("common/js/PIE.htc");}
.ie8 #recruit section {border:1px #ccc solid!important; margin-bottom:10px;}
#recruit section div { margin:10px; }
#recruit section h2 { margin:0 10px 10px;}
#recruit .panel h2 { border:1px #e4e4e4 solid; border-radius:4px; font-size:16px; font-weight:bold; padding:0.33em 0.5em; background:url(../../images/bg/top_h2_bg.jpg) no-repeat right 50%; } 
#recruit section p {margin:0 13px 10px; }
/* Firefox hack start */
@-moz-document url-prefix() { #recruit #panel_interview p {padding-bottom: 20px;}}
/* Firefox hack end */
#recruit section h2:hover { cursor:pointer; } 
#recruit #panel_company { float:left; }
#recruit #panel_message { float:right; }
#recruit #panel_interview { z-index: 50; float:left;}
#recruit #panel_news { margin-bottom:15px; }
#recruit #panel_image {float:right;}
#recruit #panel_image div {margin:0!important;}
/* #panel_news h2 { line-height:2.4em; border-left:#46c0e4 6px solid; padding-left:5px; margin: 8px 0 10px!important; font-size:1.2em; } */
#recruit #panel_news h2 { line-height:1.4em; font-weight:normal; padding-left:10px; margin: 8px 0 10px!important; font-size:1.2em; }
#recruit #panel_news ul { height:100px; overflow:auto; margin:0 10px 10px; }
#recruit #panel_news li { margin-bottom:0.4em;font-size: 0.9em; }
#recruit #panel_news li span  { font-size:0.85em; color:#555; display:block; } 
#rec_block2 p {border:3px #ddd solid;}
#rec_block2 p a {display:block; margin:1px;}
#rec_block2 p img {vertical-align:bottom;}
#rec_block3 li { float:left; width:173px; border:1px #28a solid; border-radius:4px; margin: 0 8px 8px 0; background:url(../../images/bg/button_bg.jpg) no-repeat right 50%; }
#rec_block3 li:hover { filter:alpha(opacity=70); opacity:0.70; -moz-opacity:0.70;  }
#rec_block3 li#btn_fb { background-image:url(../../images/bg/button_bg_fb.jpg); border-color:#347; }
/*#rec_block3 li a { display:block; color:#fff; text-decoration:none; font-size:16px; font-weight:bold; padding:1.35em 0.5em; }*/
#rec_block3 li a { display:block; color:#fff; text-decoration:none; font-size:16px; font-weight:normal; padding:0.5em 0.5em; }
#rec_block5 iframe { border:1px #ccc solid; width:260px; height:520px; border-style:solid; border-width:0px; border-image:url("../img/border-side-line60.png") 1 1 0/1px stretch; -webkit-border-image:url("../img/border-side-line60.png")  1 1 0/1px stretch; -moz-border-image: url("../img/border-side-line60.png") 1 1 0/1px stretch; position:relative; behavior:url("common/js/PIE.htc");}
.ie8 #rec_block5 iframe {border:1px #ccc solid!important;}

#rec_block5 {border:0!Important;}
#rec_block5 div {margin:0!important; background:url(../../images/index/top_fb_bg.gif) repeat-x 0 bottom; width:100%;  padding-right:2px;}
#rec_block5 div img {display:block;}



/* ::::::::::::::::::::::::: 新デザイン */

#recnew_image {margin-bottom:30px;}
#recnew_image .sp {display:none;}
#recnew_block1 {width:262px; margin-left:40px; float:left; display:inline; zoom:1; overflow:hidden;}
#recnew_block2 {width:530px; margin-right:40px; float:right; display:inline;}
#recnew_block2 .sp {display:none;}
#recnew_block2 img {vertical-align:bottom;}
#recnew_block2 .exp {background:#d6f0ff; padding:10px 16px; color:#2a6ab9; margin:1px 0 20px; font-size:116%; line-height:1.6;}
#recnew_block3 {width:260px; height:680px; margin-left:40px; float:left; display:inline;}
#recnew_block3 iframe {border:1px #ccc solid; width:260px; height:610px; border-style:solid; border-width:0px; border-image:url("../img/border-side-line60.png") 1 1 0/1px stretch; -webkit-border-image:url("../img/border-side-line60.png")  1 1 0/1px stretch; -moz-border-image: url("../img/border-side-line60.png") 1 1 0/1px stretch; position:relative; behavior:url("common/js/PIE.htc");}
.ie8 #recnew_block3 iframe {border:1px #ccc solid!important;}
#recnew_block3 div {margin:0!important; background:url(../../images/index/top_fb_bg.gif) repeat-x 0 bottom; width:100%;  padding-right:2px;}
#recnew_block3 div img {display:block;}
#recnew_block4 {clear:both; padding-top:30px; margin:0 40px;}
#recnew_block4 .center {border-top:1px #666 dotted; padding-top:25px; margin-bottom:6px;}
#recnew_block4 img {vertical-align:bottom;}
#recnew_block4 .exp {background:#d6f0ff; padding:16px 24px; color:#2a6ab9; margin-bottom:20px; zoom:1; overflow:hidden; font-size:116%; line-height:1.5;}
#recnew_block4 .left {float:left; width:550px;}
#recnew_block4 .right {float:right; width:190px; text-align:right;}
#recnew_block4 .buttons {margin-bottom:60px;}
#recnew_block4 .buttons .first {padding:0 15px;}

#recruit #panel_news ul {height:350px;}
#recruit #panel_news li {padding-bottom:0.6em; border-bottom:1px #ccc dotted; margin:0 0.6em 0.6em 0;}
#recruit #panel_news ul li:last-child {border:0;}
#recruit .techboshu {text-align:center; background:#1668bc; margin-bottom:20px; padding:2px 0;}

#panel_recnav li { float:left; width:260px; border:1px #28a solid; border-radius:4px; margin: 0 8px 8px 0; background:url(../../images/bg/button_bg.jpg) no-repeat right 50%; }
#panel_recnav li:hover { filter:alpha(opacity=70); opacity:0.70; -moz-opacity:0.70;  }
#panel_recnav li#btn_fb { background-image:url(../../images/bg/button_bg_fb.jpg); border-color:#347; }
/*#panel_recnav li a { display:block; color:#fff; text-decoration:none; font-size:16px; font-weight:bold; padding:1.35em 0.5em; }*/
#panel_recnav li a { display:block; color:#fff; text-decoration:none; font-size:16px; font-weight:normal; padding:0.5em 0.5em; }

#panel_recbanners {margin-top:20px;}
#panel_recbanners li {padding:0 8px 8px 0;}


/* company */

#company table { width:94%; margin:0 3%; }
#company #section00 .jgif { float:left; }
#company #section00 .jgif img { margin:20px 0 30px; }
#company #section00 div.image1 { float:right; }
#company #section00 p { width:400px; margin-left:20px; }
#company article section article h1, #business article section article h1 { margin:0 0 10px; clear:both; font-size:1.4em; padding:0 0 0 40px; }
#company article section article h2, #business article section article h2 { background:0; border-bottom:3px #ccc double; color:#de6b03; font-size:1.1em; margin:25px 30px 15px; clear:both; }
#company #section03 th {padding:0.4em 0.7em; font-weight:normal;}
#company #section03 td {padding:0.4em 0.7em 0.4em 1em; border-left:1px #888 solid}
#company th { white-space:nowrap; }

.gray_outer { background:url(../../images/bg/grey_diminish_bg.jpg) no-repeat 0 0; zoom:1; padding:25px 20px; }
.gray_inner { background:#fff; border-radius:5px; border:1px #e2e2e2 solid; padding:10px 0; width:710px; position:relative; }
.gray_inner h3 {margin:0 0 10px; background:0; padding:0;}
.gray_inner img { display:block; max-width:100%; }
.gray_inner_left, .gray_inner_left2 { display:inline; float:left; margin-left:30px; width:180px; }
.gray_inner_left li, .gray_inner_left2 li { margin-bottom:10px; }
.gray_inner_left li img, .gray_inner_left2 li img { border:1px #ccc solid; }
.gray_inner_left li span, .gray_inner_left2 li span { color:#888; display:block; text-align:right; font-size:0.85em; }
.gray_inner_right { display:inline; float:right; margin-right:30px; width:440px; }
.gray_inner_left2 { padding-top:10px; background:url(../../images/bg/gray_inner_left2_bg.gif) repeat-x 0 0; }
.gray_inner_left2 li { width:160px; margin:0 10px 10px; }
.img_and_cap_2, .img_and_cap_3 { clear:both; padding-top:20px; }
.img_and_cap_2 li { display:inline; float:left; width:46%; margin:0 2%; }
.img_and_cap_3 li { display:inline; float:left; width:29%; margin:0 2%; }
.img_and_cap_2 img, .img_and_cap_3 img, .img_and_cap_3 iframe { margin:5px 0; }
.company_b01_02, .company_b02_02 { float:right; }
.company_b01_02 img { position:relative; top:-130px; left:6px; margin-bottom:-120px; }
.company_b02_02 img { position:relative; top:-10px; }
.noborder { border:0!important; }
.suppl { clear:both; background:#fffae6; border:1px #f6e59f solid; padding:10px 16px;  }

#company #section01 table#kyoten { width:auto!important; margin:15px 10px; }
#kyoten th, #kyoten td { background:none; border:1px #ccc solid; vertical-align:middle; }
#kyoten th { text-align:center; }
#kyoten th a {color:#333; text-decoration:none!important;}

#company .gaiyo-banner { vertical-align: top; padding: 2em 0; text-align: center;}
#company .gaiyo-banner img { width:auto;max-width: 150px; display:block;margin: 0 auto;}

/* 事業紹介（独立後） */

#business_index article .intro {margin-bottom:30px;}
#business_index article .odd {overflow:hidden; zoom:1; float:left; width:380px; padding:20px 0; cursor:pointer; position:relative;}
#business_index article .even {overflow:hidden; zoom:1; float:right; width:380px; padding:20px 0; cursor:pointer; position:relative;}
#business_index article .odd p,
#business_index article .even p {margin-left:215px;}
#business_index article img {float:left; margin-right:10px;}
#business_index article h3 {background:none; color:#222; padding:0 0 10px; margin-bottom:0.6em; background:url(../../images/company/border_mesh.gif) repeat-x 0 bottom; font-size:1.22em;}


/* faq */

#faq h3 { background:#eee; color:#333; }
#faq ol { margin:0 15px 10px; color:#19c; }
#faq article a { text-decoration:none; }
#faq #index h3 {  padding:0.2em 1em; margin:0 0 10px; }
#faq #body { border-top:2px #aaa dotted; padding-top:50px; }
#faq article dl { margin:0 15px 40px; }
#faq article dt { font-size:1.1em; font-weight:bold; color:#19c; margin-bottom:0.4em; }
#faq article p.backtotop { border-top:1px #ddd solid; padding-top:0.4em; margin-bottom:60px; font-size:0.9em; }
#faq article p.backtotop a {color:#888; text-decoration:underline;}
#faq article .button { margin:6px 10px; }
#faq article .button a { background:#3ad; border:1px #3ad solid; padding:0 2em; border-radius:15px; color:#fff; }



/* recovery */

#recovery #intro .image { display:inline; float:right; margin-right:15px; }
#recovery #intro .text { display:inline; float:left; margin-left:15px; width:380px; }
#recovery #intro .text h3 { background:none; padding:0; margin:1em 10px 0.66em; color:#333; font-weight:bold; }
#recovery #details article { margin:0 1% 20px; display:inline; float:left; background:#f4f4f4; border:1px #ccc solid; border-radius:4px; width:44%; } 
#recovery #details article .image { float:right; padding:5px; }
#recovery article  article h1 { background:#fff; color:#fff; border-radius:16px; margin:20px 7px; padding:4px 7px; font-size:1.2em; }
#recovery article article h2 { font-weight:bold; color:#c00; margin:5px 10px 10px; padding-bottom:10px; border-bottom:1px #aaa dotted; }
#recovery article p { margin:0 10px 10px; }
#recovery #logical, #recovery #physical { padding:0 10px 10px 10px;}
#recovery #logical h1 { background-color:#fc9d15;padding-left: 10px;}
#recovery #physical h1 { background-color:#81bc01; padding-left: 10px;}
#recovery #examples li { display:inline; zoom:1; }
#recovery #examples li img { margin:4px; }
#recovery #episode article { margin: 0 40px; }
#recovery #episode article p { margin-right: 90px; }
#recovery #episode h1 { color:#333!important; float:left; }
#recovery #episode h1 span { color:#c00; font-size:1.2em; display:block; margin-top:0.6em; }
#recovery #episode div { float:right; }
#recovery #episode h2 { border:0; color:#19c; font-size:1.14em; margin: 1.2em 0 0.4em 0.6em; clear:both;}



/* event */

#event .image { display:inline; float:left; margin-left:15px; }
#event .text { display:inline; float:right; margin-right:15px; width:440px; }

#event .text h3 { padding:0.2em 0.5em; margin-top:30px!important; }
#event .text h4 { border-bottom:1px #555 solid; margin:1.2em 0 0.6em; color:#07a; }
#event .text dl { margin:10px; border-bottom:1px solid #ccc;padding-bottom: 1em; }
#event .text dt { font-weight:bold;}
#event .text dd { margin:-1.5em 0 0 8em; padding:0 0 0.6em 1em; border-left:6px #eee solid; zoom:1;  }
#event .text dd.new { padding-left:45px; background:url(../../images/tool/icon_new.gif) no-repeat 1em 2px; }
#event .text dd:last-child { padding-bottom:0; }
#event .text .box { border:solid 1px #eee; padding: 1em;font-size: 90%;}
#event .text .box dd { margin-left: 6em;	border-left:0; }



/* training */

#training article section li { clear:both; padding:10px 15px 0; zoom:1; }
#training article img { float:left; margin-right:15px; }
#training article h3 { float:right; background:none; margin:0 0 0.2em!important; padding:0!important; width:530px; color:#da8f44; }
#training li p { float:right; width:530px;  } 



/* entry */

#entry table { width:94%; margin:0 3%; }
#entry th { width:9em; }



/* message */

#message #movie { text-align:center; }
#message iframe { margin:0 auto; border:5px #eee solid; width:640px; height:390px;}
#message .frame { height:1px; overflow:hidden!important; zoom:1; margin-bottom:-1px;}
#message #movie ul { padding:15px 0; }
#message #movie li { display:inline; padding:0 1em; font-size:1.1em; font-weight:bold; line-height:1.8em; white-space:nowrap;}
#message #movie a { text-decoration:none; color:#333; }
#message a.active { border-top:5px #ddd solid!important; }
#message #movie p { color:#777; }

#message #text h3 { background:none; padding:0 0 0.2em 0; margin:30px 10px 20px; border-bottom:1px #aaa solid; color:#333; }
#message #text p { margin:0 15px 1.5em; }

/* interview */
#interview #section00 { width:95%; margin:0 auto; position:relative; background:url("../../images/interview/index_bg.png") 0 bottom no-repeat;}
#interview #interview_01 { margin:80px 0 0 50px; float:left;  }
/* #interview #riplus_earth { position:absolute; bottom:0; right:0; } */
#interview #riplus_earth { margin-top:90px; float:right;}
#interview .body_text { width:55%; padding:30px 0 30px 50px; color:#666; float:left; }
#interview #section01 {  margin-top:10px; }
#interview #section01 li { float:left; margin:0 10px 30px 30px; }

#interview_inner #section01 { margin:0 80px;}
#interview_inner #section01 .movie iframe { border:5px solid #eee;}
#interview_inner h3.division { background:url("../../images/interview/division_bg.png") 0 0 repeat-x; margin:1em 2em; padding:0 0 2em 1.5em;}
#interview_inner h3 { background:none; padding:0;}
#interview_inner #section02 { margin:30px 80px; width:660px;}
#interview_inner #section02 .staff_photo { float:left;}
#interview_inner #section02 .qa { float:right; width:68%; margin-left:0;}
#interview_inner #section02 h3 { text-align:left; border-bottom:solid 1px #ccc; padding-bottom:5px;}
#interview_inner #section02 .question { font-size:140%; font-weight:normal; color:#cc6600; font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','Meiryo UI','メイリオ',Verdana,'ＭＳ Ｐゴシック',sans-serif; margin:2em 0 1em 20px;}
#interview_inner #section02 p { font-size:100%; color:#333; font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','Meiryo UI','メイリオ',Verdana,'ＭＳ Ｐゴシック',sans-serif; margin-left:20px;}
#interview_inner #section03 { margin:0 40px; border-top:1px solid #ccc;}
#interview_inner #section03 ul {margin:10px 0; text-align:center;}
#interview_inner #section03 li {width:182px; display:inline;}
#interview_inner #section03 .interview_top{text-align:center;}


/* office */
#office article {text-align:center; margin:20px 10px;}
#office article h2 {text-align:left; margin:20px 30px;}
#office #section01 h3.jgif {background:#fff url(../../images/bg/office_border.gif) no-repeat 50% bottom!important; border:none!important; padding:0 0 4px!important; height:auto!important;}
#office .video-box7 {text-align:right; margin:0px auto; position:relative; max-width:660px; max-height:212px;}
.ie8 #office .video-box7 {width:660px;}
#office .video-box7 h3 {background:none!important; padding:0!important;}
#office #thumb {width:280px; max-width:42.2%; position:absolute; right:11px; top:21px;}
#office #thumb img {max-width:100%;}
.ie8 #office #thumb img {width:280px;}

/* privacy */
#privacy .pmark {float:right;}
#privacy ol {margin-top:1.2em;}
#privacy li {margin-bottom:0.8em;}

#privacy_notice {height:150px; overflow:auto; padding:10px 15px; background:#f8f8f8; margin:20px 0;}
#privacy_notice ol {list-style-type:decimal!important; padding-left:2em;}
#privacy_notice li {margin-bottom:0.6em; list-style-type:decimal!important;}
#privacy_notice p.right {text-align:right; margin-bottom:30px;}

/* movie */
#movie section h3 {margin:2.5em 0 1em;}
#movie section li {display:inline; float:left; margin:0 5px 10px 0;}
#movie section a img {height:140px; border:1px #aaa solid;}



/* bcp */
#bcp_intro {float:left; width:290px; font-size:1.1em; line-height:1.7;}
#bcp_kawamura {float:right; background:#f0f8fb; padding:8px;}
#bcp_photo {float:left;}
#bcp_photo img {margin-right:10px; border:1px #fff solid;}
#bcp_bio {color:#036;}
#bcp_bio span {display:block; font-size:0.76em; line-height:1.4; margin-top:3em; color:#777;}
#bcp #case {border:1px #ccc solid; padding:8px 12px;}
#bcp #case h3 {background:none; color:#222; padding:0; border-bottom:2px #aaa dotted;}
#bcp #case .clearfix img {float:left; margin:0 10px 10px 0;}
#bcp #case #problem {background:#fee; padding:8px 12px; margin:20px 0 10px; border:3px #f8b3b6 solid;}
#bcp #case #solution {background:#e6f3fb; padding:8px 12px; margin:10px 0 25px; border:3px #b7c5d0 solid;}
#bcp #case h4 {margin-bottom:0.6em; padding-bottom:0.2em; border-bottom:1px #bbb solid;}
#bcp #case b span {color:#e34;}


/* page */
#page .asset-body {margin-left:2em;}
#page .asset-body li {line-height:1.7;margin-bottom:0.5em;list-style-type:circle;}


/* blog */

#blog .page_title {padding-right:20%;}
#blog .page_title a {text-decoration: none;}
#blog .box {width: 800px;float: left;zoom: 1;}
#blog aside {width: 230px;padding-left:30px;margin-top:40px;float: left;
}
#blog h3.title {font-size: 140%;line-height:160%;color: #333;background: none;padding: 0;margin-bottom:10px;}
#blog .entry_info {color: #999;}
#blog .entry-content {margin:0 15px;font-size: 15px;line-height: 1.7em;}
#blog .entry-content img {max-width: 100%;height: auto;}
#blog .entry-content h3 {margin-top:2em;}
#blog .entry-content .more {margin-top:3em;}

#blog aside h3 {text-align:right;font-size: 100%;
	background: url(../img/blog_side_bg.png) repeat-x 0 50%;}
#blog aside h3 span {background:#fff;padding-left:0.6em;}
#blog aside .widget-recent-entries li img {float: left;margin-right: 10px;margin-bottom:20px;}
#blog aside .widget-recent-entries li {margin-bottom:10px;}
#blog aside .widget-archive-monthly li, #blog aside .widget-archive-category li{
	background: url(../img/blog_indent.png) no-repeat 0 50%;padding-left: 8px;
}
#blog aside .widget-syndication{
	margin-top: 30px;
}
#blog aside nav {clear: both;}
#blog aside nav li {clear: both;}
#blog .pagination {margin:0 15px;clear: both;}
#blog #posts li{
	margin-bottom: 2em;
	padding-bottom: 2em;
	border-bottom: 1px dotted #999;
	float: left;
	clear: both;
}
#blog #posts li img {float: left;margin-right: 10px;margin-bottom:20px;}
#blog #posts li div {float: left;width: 750px;}
#blog #posts li a .title{font-size: 120%;display: block;line-height: 160%;}
#blog #posts li time{
	color: #999;font-size: 80%;display: block;margin: .2em 0 1em;
}
#blog #posts li .to_more{
	display: block;margin-top: 0.7em;
}

/* form */
.shinsotsu {font-size:140%;padding-bottom:0px;}

.font-red {color:red;}
.pd_b20px {padding-bottom: 20px;}

.staff-box {width: 820px;padding-bottom: 20px;}
.staff-text {width: 500px;float: right;padding: 0;font-size: 11pt;line-height: 1.5em;}

/* form2 */
#form2  {
	margin:0;
	padding:0;
}

#form2 table {
	font-size:16px;
	color:#333333;
	font-weight:bold;
	line-height:1.4em;
	border:#333333 solid 1px;
}

#form2 table tr {
	border-bottom:#333333 dotted 1px;
}


#form2 table td {
	padding:7px 10px;
}

#form2 table th {
	text-align:center;
	vertical-align:middle;
}