@charset "utf-8";

/* -------------------------- */
/* リセット              　　 */
/* -------------------------- */
body { margin:0; padding:0; font-size:12px; color:#4F4F4F; line-height:150%; font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", sans-serif; background:url(../img/common/bgSite.png) repeat-x top #F4F9F9;}
ul, ol, li, form, hr, p { margin:0; padding:0;}
select { font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";}
textarea { font-size:13px; font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";}
img, table { margin:0; padding:0; border:0;}
h1, h2, h3 ,h4 ,h5 { padding:0; margin:0; font-size:12px;}
dl, dt, dd { margin:0; padding:0;}
.clear{ clear:both;}
a { color:#0207C4;}a:hover { color:#C25903;}a:visited { color:#003366;}

/* -------------------------- */
/* サイトレイアウト      　　 */
/* -------------------------- */
#marginFrame { width:952px;margin:0 auto; background:url(../img/common/copyright.gif) no-repeat bottom; margin-bottom:30px; padding-bottom:20px;}
#marginFrame h1 { font-weight:normal; font-size:10px; color:#666;}
#container { width:950px; border:1px solid #EFEFEF; background:#FFF; padding-bottom:15px;}
#header	{ background:url(../img/common/tabBg.gif) bottom repeat-x; padding:20px 25px 15px;}
#header .logo a { display:block; width:311px; height:52px; background:url(../img/common/siteLogo.gif) no-repeat;}
#header .logo a span { display:none;}
#contents { clear:both; margin:15px 25px 25px;}
#footer { clear:both;}
#footer .fotterTop { padding-bottom:10px;}
#footer .fotterTop a { margin-left:805px; display:block; width:120px; height:32px; background:url(../img/common/footerTop.gif) no-repeat right;}
#footer .fotterTop a span { display:none;}
#footer .footerLink { border-top:1px solid #CCC; border-bottom:1px solid #CCC; background: #EFEFEF;  padding:10px 25px 5px;}
#footer .footerInfo { background: #EFEFEF; padding:10px 25px 10px; margin-bottom:10px;}
#footer .footerInfo span ,#footer .footerLink span { margin-right:10px;}
#footer .ivInfo { float:left; width:720px; padding-left:25px; font-size:10px; color:#777;}
#footer .ivInfo span { border-right: 1px solid #777; margin-right:2px; padding-right:5px;}
#footer .ivInfo span.last { border-right: 0px}
#footer .ivInfo a { color:#777;}
#footer .ivInfo a:hover { color:#999;}
#footer .pMark { float:right;}
#footer .pMark a {	width:197px; height:70px; background:url(../img/common/fotterPolicy.gif); display:block;}
#footer .pMark .alt { font-size:1px; left:-9999px; position:absolute;}

/* -------------------------- */
/* 各フレーム            　　 */
/* -------------------------- */
/* 各ページ共通 */
.pageTitle { background:url(../img/common/titleBg.gif) no-repeat; height:24px; font-size:14px; padding:9px 0 0 15px; margin-bottom:20px;}
.subTitleL { background:url(../img/common/subTitleBgL.gif) no-repeat; height:25px; font-size:14px; padding:5px 0 0 15px; width:835px; margin:0 auto;}
.subTitleS { background:url(../img/common/subTitleBgS.gif) no-repeat; height:25px; font-size:14px; padding:5px 0 0 15px; width:385px;}
.termTitleL { background:url(../img/common/termTitleBgL.gif) no-repeat; height:25px; font-size:14px; padding:5px 0 0 15px; width:835px; margin:0 auto;}
.iconBlank { background:url(../img/common/iconBlank.gif) no-repeat center left; padding-left:14px;}
.iconAlL { background:url(../img/common/iconAlL.gif) no-repeat center left; padding-left:18px;}
.iconAtention { background:url(../img/common/iconAtention.gif) no-repeat left center; color:#2276F4; padding-left:18px; margin-bottom:10px;}
.iconQuestion { background:url(../img/common/iconQuestion.gif) no-repeat left center; color:#2276F4; padding-left:18px;}
.iconSecret { background:url(../img/common/iconSecret.gif) no-repeat right center; padding:2px 0;}
.btn { text-align:center; margin:15px;}
.olStyleS { list-style:none; margin:10px 0 20px 15px; line-height:200%;}
.olStyleS li { background:url(../img/common/iconCircle.gif) no-repeat center left; padding-left:15px; font-size:14px;}
.mb5 { margin-bottom:5px;}.mb10 { margin-bottom:10px;}.mb15 { margin-bottom:15px;}
.text10 { font-size:10px;}
.prText { font-size:14px; font-weight:bold; color:#F87518;}

/* コンテンツ枠 */
.contentsBox { width:900px; margin-bottom:20px;}
.contentsBox .term { background:url(../img/common/contentsBoxHeaderLine.gif) no-repeat center; padding-left:10px;}
.contentsBox .box { border:1px solid #CCC; border-top:0; padding:10px;}
.contentsBox .setTerm { background:url(../img/set/setServiceBg.gif) no-repeat; width:900px; height:31px; font-size:16px; text-align:center; padding-top:12px; color:#FFF;}

/* テーブル */
.mainTable table { border-collapse:collapse; border:1px solid #CCC;}
.mainTable table th, .mainTable table td { border:1px solid #CCC;}
.mainTable table th.colum { background:#EFF5FE; font-weight:normal;}
.mainTable table td.colum { background: url(../img/common/tableAngle.gif) no-repeat left top #EFF5FE; font-size:14px;}
.mainTable table caption { text-align:left;}
.mainTable .none table, .mainTable .none td { border:0;}
/*
.enqueteTable table  { border-top:1px solid #CCC;}
.enqueteTable table td { border-bottom:1px solid #CCC;}
.enqueteTable table td.colum { background:#FFFFD9;}
*/

/* ページング */
.paging { text-align:right; padding:7px 0;}
.paging .stand { padding:5px; border:1px solid #2276F4; background:#2276F4; color:#FFF; font-weight:bold; margin:0 2px;}
.paging a { padding:5px; background:#F6F6F6; border:1px solid #CCC; margin:0 2px;}
.paging a:hover { background:#DDE9FB;}

/* 入力フォーム */
.w40 { width:40px;}
.w60 { width:60px;}
.w150 { width:150px;}
.w250 { width:250px;}
.w400 { width:400px;}
label { font-size:14px;}
.must { font-size:10px; font-weight:bold; color:#F87518; margin-left:5px;}
.formEx { color:#666666; margin-left:5px;}
.colum .formEx { color:#666666; margin-left:5px; font-size:12px;}
.errorMsg { background:#FFFCF4; border:dotted #FF9999; margin:0 20px 10px; padding:5px;}
.iconErrorMsg { background:url(../img/common/iconErrorMsg.gif) no-repeat left center; font-weight:bold; color:#FF6A6A; padding-left:18px;}

/* トップページ */
.topMain { background:url(../img/root/mainBg.png) no-repeat bottom; height:200px; position:relative; margin-bottom:20px;}
.topMain span { display:none;}
.topMain .requestText { width:186px; height:28px; position:absolute; top:125px; left:460px;}
.topMain .request { width:186px; height:28px; position:absolute; top:163px; left:460px;}
.topMain .setText { width:186px; height:28px; position:absolute; top:125px; left:692px;}
.topMain .set { width:186px; height:28px; position:absolute; top:163px; left:692px;}
.topPickup { border:1px solid #CCC; background:#DDE9FB; margin-bottom:15px; width:898px;}
.topPickup .inbox { border:1px solid #FFF; margin:2px; padding:0 15px; height:115px; width:862px;}
.topPickup h3 { margin:5px 0;}
.topPickup .catBox { float:left; width:285px;}
.topPickup h4 { line-height:130%; font-size:12px;}
.topPickup .catBox img { float:left; margin-right:5px;}
.topPickup .catBox .info { font-size:10px; color:#4F4F4F; margin:3px 5px 0 0; line-height:130%;}
.topService { float:left; width:630px;}
.topService h3 { background:url(../img/common/titleBgS.gif) no-repeat; height:24px; font-size:14px; padding:9px 0 0 15px; margin-bottom:10px; width:615px;}
.topService ul { margin-bottom:10px;}
.topService li { margin-left:30px;}
.topService .catBox { background:url(../img/root/catBottom.gif) no-repeat bottom; padding-bottom:5px; margin:20px 0 30px;}
.topService .catBox h4 { background:url(../img/root/catTop.gif) no-repeat top; height:32px;}
.topService .catBox h4 span { display:none;}
.topService .catBox .middle { background:url(../img/root/catMiddle.gif) repeat-y; padding:10px 15px 0; width:600px;}
.topService .catBox dl { float:left; width:300px; margin-bottom:15px;}
.topService .catBox dt { font-weight:bold;}
.topService .catBox dd { background:url(../img/root/catIcon.gif) no-repeat center left; padding-left:28px; line-height:170%; margin-left:10px;}
.topService .catBox .last { clear:both; text-align:right;}
.topNavi { float:right; width:253px; background:url(../img/root/naviBottom.gif)  no-repeat bottom; padding-bottom:60px;}
.topNavi .top { background:url(../img/root/naviTop.gif) no-repeat top;}
.topNavi .middle { background:url(../img/root/naviMiddle.gif) repeat-y;}
.topNavi h3 { border-bottom:2px solid #66CC33; height:21px; margin-left:3px; padding-top:7px; margin-bottom:10px;}
.topNavi h3 span { border-left:#66CC33 solid 5px; padding-left:10px; margin-left:8px;}
.naviContents { width:235px; margin-left:3px;}
.naviContents h4 { margin-bottom:10px;}
.naviContents .banner { margin-left:12px; margin-bottom:10px;}
.naviContents .list { list-style:none; margin-left:25px;}
.naviContents .list li { padding-bottom:8px;}
.naviContents .list li a { color:#7C7C7C;}
.naviContents .list li a:hover { color:#C25903;}

/* カテゴリトップページ */
.requestBg { background:url(../img/root/requestMainBg.png) no-repeat bottom; height:200px; position:relative; margin-bottom:20px;}
.setBg { background:url(../img/root/setMainBg.png) no-repeat bottom; height:200px; position:relative; margin-bottom:20px;}
.catMain .sub { font-weight:normal; font-size:14px; position:absolute; top:55px; left:245px; width:360px;}
.catMain span { display:none;}
.catMain .infoText { width:186px; height:28px; position:absolute; top:125px; left:662px;}
.catMain .info { width:186px; height:28px; position:absolute; top:163px; left:662px;}
.topService .catBox .catDetail dl { float:none; width:600px; margin-bottom:15px;}
.topService .catBox .catDetail dt { font-weight:bold; font-size:14px; margin-left:10px;}
.topService .catBox .catDetail dd { background:url(../img/root/catIcon.gif) no-repeat center left; font-size:14px; padding-left:28px; line-height:170%; margin-left:20px;}

/* テキスト説明 */
.serviceInfo { font-size:14px; width:850px; margin:0 auto 15px;}
.serviceInfo strong { color:#F87518;}
.serviceInfo ol { margin-left:30px;}

/* STEP説明 */
.stepInfo ul { list-style:none; height:50px; margin:0 10px 15px;}
.stepInfo li { float:left;}
.stepInfo li span { display:none;}
.stepInfo .step1 { background:url(../img/request/step1.gif) top no-repeat; width:210px; height:50px; margin-right:13px;}
.stepInfo .step2 { background:url(../img/request/step2.gif) top no-repeat; width:210px; height:50px; margin-right:13px;}
.stepInfo .step3 { background:url(../img/request/step3.gif) top no-repeat; width:210px; height:50px; margin-right:13px;}
.stepInfo .step4 { background:url(../img/request/step4.gif) top no-repeat; width:210px; height:50px;}
.stepInfo .on { background-position: 0 -51px;}

/* クライアントデータ */
.clientData .companyName { border-bottom:1px solid #CCC; padding:3px; margin-bottom:15px;}
.clientData .companyName .inFrame { border-left:5px solid #2276F4; padding-top:5px;}
.clientData .companyName h4 { font-size:20px; margin-left:10px; margin-bottom:3px;}
.clientData .companyName p { color:#FF6600; font-weight:bold; margin-left:10px;}
.clientData .detail h4 { background:url(../img/common/tableAngle.gif) no-repeat left top #EEEEEE; padding:7px; font-size:14px;}
.clientData .detail p { font-size:14px; margin:5px 10px 15px;}
.clientData .detail .logo { float:left; margin:10px 10px 10px 0;}
.clientData .photo { margin-bottom:15px;}
.clientData .photo img { margin:5px;}

/* ログイン・リマインダー */
.login { width:850px; margin:0 auto;}
.login .term { background:url(../img/root/loginBoxHeaderLine.gif) no-repeat center; padding-left:10px;}
.login .box { border:1px solid #CCC; border-top:0; padding-bottom:10px;}
.login .mainTable { width:700px; margin:0px auto; padding-top:20px;}
.loginInfo { font-size:14px; margin-bottom:35px; margin-left:25px;}
.loginBtn { text-align:center; margin:10px 0 15px; padding-bottom:10px; border-bottom:1px solid #CCC;}
.setLogin .plus { background:url(../img/set/loginPlus.gif) no-repeat center left; padding-left:35px; margin-bottom:5px;}
.setLogin .minus { background:url(../img/set/loginMinus.gif) no-repeat center left; padding-left:35px; margin-bottom:7px;}

/* 利用規約 */
.policy { margin:0 25px 0;}
.policy h3 { margin-bottom:15px;}
.policy ol { line-height:200%; margin:10px 10px 20px 10px;}
.policy li { margin-left:35px;}

/* エラー */
.missing	{ width:95%; margin:10px auto; border:3px solid #ccc;}
.missing th	{ width:10%; text-align:center;}
.missing td	{ width:90%; line-height:180%; color:#555;}
.missing .line	{ height:1px; border-bottom:1px solid #ccc;}

/* -------------------------- */
/* 一括資料請求          　　 */
/* -------------------------- */
/* 共通 */
.pack h2 { margin-bottom:2px;}
.pack h2 span { display:none;}
.pack .linkBox { background:url(../img/set/linkMainBg.gif); padding:0px 5px; text-align:center; margin-bottom:5px;}
.pack .linkBox img { margin:10px 9px;}
.pack .setTitle { margin-bottom:15px;}
.pack .setEntryBtn { text-align:center; margin-bottom:20px; background:#EFF5FE; padding:15px 5px 20px; border-bottom:3px solid #2276F4;}
.pack .approach { background:url(../img/set/approachTop.gif) no-repeat top; padding-top:8px; margin-bottom:5px;}
.pack .approach .box { background:url(../img/set/approachMiddle.gif) repeat-y; padding:10px 20px;}
.pack .approach .bottom { background:url(../img/set/approachBottom.gif) no-repeat bottom; padding-top:8px;}
.pack .learn { background:#EFF5FE; padding:10px 10px 5px; width:840px;}
.pack .learn dl { float:left; width:410px; height:62px; padding:5px 5px 0;}
.pack .learn dd { padding-left:15px;}

/* メイン画像指定 */
.pack .mental { background:url(../img/set/mainMental.png) no-repeat; width:900px; height:200px;}
.pack .management { background:url(../img/set/mainManagement.png) no-repeat; width:900px; height:200px;}
.pack .business { background:url(../img/set/mainBusiness.png) no-repeat; width:900px; height:200px;}
.pack .presentation { background:url(../img/set/mainPresentation.png) no-repeat; width:900px; height:200px;}
.pack .it { background:url(../img/set/mainIt.png) no-repeat; width:900px; height:200px;}
.pack .newcomer { background:url(../img/set/mainNewcomer.png) no-repeat; width:900px; height:200px;}
.pack .selef { background:url(../img/set/mainSelef.png) no-repeat; width:900px; height:200px;}
.pack .manner { background:url(../img/set/mainManner.png) no-repeat; width:900px; height:200px;}

/* フォーム */
.selectFrame { width:850px; margin:0 auto;}
.selectFrame table { background:url(../img/set/dotLine.gif) bottom repeat-x;}
.selectFrame .check { width:8%; text-align:center;}
.selectFrame .check .bg { background:#CBDEFC; height:100px; margin:12px 0; padding-top:5px;}
.selectFrame .check label { font-size:12px; color:#333; line-height:120%;}
.selectFrame .logo { text-align:center; width:26%;}
.selectFrame .company { width:90%; font-size:10px; line-height:110%; margin:5px auto 0;}
.selectFrame .service { width:66%; padding:8px 0;}
.selectFrame .service h4 { font-size:14px; margin-bottom:5px; line-height:150%;}
.selectFrame .summary { color:#333; margin-bottom:10px; width:92%; line-height:130%;}
.selectFrame .condition { color:#666; font-size:10px; height:15px; width:100%; overflow:hidden;}
.selectFrame .condition .point { color:#390; margin-right:5px;}
.selectFrame .allCheckTop { background:url(../img/set/dotLine.gif) bottom repeat-x; padding-bottom:5px;}
.selectFrame .allCheckTop input { vertical-align:middle; margin-left:25px;}
.selectFrame .allCheckTop label { vertical-align:middle; font-weight:bold; color:#000;}
.selectFrame .allCheck { margin:5px 25px 5px 25px; background:url(../img/set/alGry.gif) no-repeat center bottom; padding-bottom:30px;}
.selectFrame .allCheck input { vertical-align:middle;}
.selectFrame .allCheck label { vertical-align:middle; font-weight:bold; color:#000;}

/* 詳細ページ */
.catName { border-bottom:1px solid #CCC; padding:3px; margin-bottom:20px;}
.catName .inFrame { border-left:5px solid #2276F4; padding-top:5px;}
.catName h2 { font-size:20px; margin-left:10px; margin-bottom:3px;}
.catName h2 a { text-decoration:none; color:#4F4F4F;}
.catName p { color:#FF6600; font-weight:bold; margin-left:10px;}
.pack .catDetail { float:left; width:630px; padding-bottom:1px;}
.pack .link { margin:5px 0 10px;}
.pack .link span { border-right: 1px solid #4F4F4F; margin-right:5px; padding-right:8px;}
.pack .link span.last { border-right: none;}
.pack .catDetail h3 { background:url(../img/common/tableAngle.gif) no-repeat left top #EEEEEE; padding:9px 7px 5px; font-size:18px; margin-bottom:8px;}
.pack .report { font-size:16px; line-height:170%; text-align:justify; text-justify:inter-ideograph; margin-bottom:20px;}
.pack .photo { float:right; margin-left:15px; width:240px;}
.pack .photo img {margin-bottom:15px;}
.recEntry { clear:both; background: url(../img/set/dotLineGry.gif) repeat-x top; text-align:center; padding-top:1px; margin-bottom:15px;}
.recEntry .ex { background:url(../img/set/alGry.gif) no-repeat center bottom; padding-bottom:50px; margin:10px 0 5px;}
.recEntry .recEntryBtn { background:#EFF5FE; padding:10px;}
.successTab { width:630px; height:44px; background:url(../img/set/serviceTabBg.gif) repeat-x bottom;}
.successTab ul { list-style:none; height:44px;}
.successTab li { float:left;}
.successTab li span { display:none;}
.successTab .tab1 a { display:block; background:url(../img/set/successTab1.gif) top left no-repeat; width:155px; height:44px;}
.successTab .tab1 a:hover { background-position: 0 -45px;}
.successTab .tab2 a { display:block; background:url(../img/set/successTab2.gif) top left no-repeat; width:155px; height:44px;}
.successTab .tab2 a:hover { background-position: 0 -45px;}
.successTab .tab3 a { display:block; background:url(../img/set/successTab3.gif) top left no-repeat; width:155px; height:44px;}
.successTab .tab3 a:hover { background-position: 0 -45px;}
.successTab .tab4 a { display:block; background:url(../img/set/successTab4.gif) top left no-repeat; width:155px; height:44px;}
.successTab .tab4 a:hover { background-position: 0 -45px;}
.successTab .tab1 .on, .successTab .tab2 .on, .successTab .tab3 .on, .successTab .tab4 .on { background-position: 0 -90px;}

/* -------------------------- */
/* 小窓                  　　 */
/* -------------------------- */
#marginFrameInfo { width:602px;margin:0 auto; background:url(../img/common/copyright.gif) no-repeat bottom; margin-bottom:30px; padding-bottom:20px;}
#marginFrameInfo #container { width:600px; border:1px solid #EFEFEF; background:#FFF; padding-bottom:15px;}
#marginFrameInfo .contentsBox { width:550px; margin-bottom:20px;}
#marginFrameInfo #footer .fotterTop a { margin-left:455px; display:block; width:120px; height:32px; background:url(../img/common/footerTop.gif) no-repeat right;}
#marginFrameInfo .pageTitle { background:url(../img/common/titleBg.gif) no-repeat; width:550px; height:24px; font-size:14px; line-height:150%; /*padding:9px 0 0 15px;*/ margin-bottom:15px; border-right:1px solid #CCC; overflow:hidden;}

/* クライアントデータ */
.serviceInfoTitle { height:70px; margin-bottom:10px;}
.serviceInfoTitle h2 { float:left; background:url(../img/set/serviceInfoBg.gif) no-repeat; width:335px; height:34px; text-align:center; padding:18px 15px;}
.serviceInfoTitle .logo { float:right;}
.serviceInfoTab { background:url(../img/set/serviceTabBg.gif) repeat-x bottom;}
.serviceInfoTab ul { list-style:none; height:32px;}
.serviceInfoTab li { float:left;}
.serviceInfoTab li span { display:none;}
.serviceInfoTab a { display:block; width:130px; height:32px;}
.serviceInfoTab .tab1 { background:url(../img/set/serviceTab1.png) top no-repeat;}
.serviceInfoTab .tab1 a:hover { background:url(../img/set/serviceTab1.png) top no-repeat; background-position: 0 -68px;}
.serviceInfoTab .tab2 { background:url(../img/set/serviceTab2.png) top no-repeat;}
.serviceInfoTab .tab2 a:hover { background:url(../img/set/serviceTab2.png) top no-repeat; background-position: 0 -68px;}
.serviceInfoTab .on { background-position: 0 -34px;}
.serviceInfoTab .on a:hover { background-position: 0 -34px;}
#marginFrameInfo .mainTable table td.colum { background: url(../img/common/tableAngle.gif) no-repeat left top #EFF5FE; font-size:12px;}