@charset "UTF-8";
/* CSS Document */

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

/*　WEB・モバイルサイト制作　専用スタイルシート　　　　*/

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


/* --------------------------------------------------- */
/* 共通 */
/* --------------------------------------------------- */

/*index.htmlの枠消し*/
#seisaku div.article.idx{
	padding:0;
	border:none;
}

/*カテゴリリンク*/
.ctgLink{
 margin-top:20px;
}

dl.ctgLink dt{
 width:10em;
}

dl.ctgLink dd{
 margin-left:10em;
}


/* リスト */
li {list-style:none;}

/*フロート関連*/
#seisaku .mass{
	width:618px;
}
#seisaku .mass .text{
	width:385px;
	float:left;
	margin-right:5px;
}


/* ---------------------------------------------------
　　お願いトップ
 --------------------------------------------------- */



/* --------------------------------------------------- */
/* お客様の声 */
/* --------------------------------------------------- */

.voices{
	padding:10px;
	margin-bottom:20px;
	border-bottom:dotted 1px #ccc;
}
.voices img{
	float:right;
	margin-left:20px;
	margin-bottom:10px;
	border:solid 1px #ccc;
	padding:3px;
}
.voices .company{
	font-size:14px;
	font-weight:bold;
	color:#8b4c00;
	margin-bottom:5px;
}
.voices dl{
	padding-top:15px;
	margin-bottom:20px;
}
.voices dt{
	font-weight:bold;
	border-left:solid 5px #841527;
	padding:3px 0 3px 7px;
	margin-bottom:10px;
}
.voices dd{
	padding:0 0 5px 15px;
	line-height:160%;
}
.voices p{
	clear:both;
}


/* --------------------------------------------------- */
/* 価格表テーブル */
/* --------------------------------------------------- */

#seisaku table.price01{
	border-top:1px solid #CCB0B0;
	border-left:1px solid #CCB0B0;
	border-collapse:collapse;
	border-spacing:0;
	background-color:#ffffff;
	empty-cells:show;
	margin:10px auto 20px 0;
	width:600px;
}
.price01 th{
    border-right:1px solid #CCB0B0;
    border-bottom:1px solid #CCB0B0;
    color:#666666;
    background-color:#FFF6F3;
    background-position:left top;
    padding:0.3em 1em;
    text-align:center;
}
.price01 td{
    border-right:1px solid #CCB0B0;
    border-bottom:1px solid #CCB0B0;
    padding:0.3em 1em;
	text-align:left;
}
.price01 td.center{
    border-right:1px solid #CCB0B0;
    border-bottom:1px solid #CCB0B0;
	text-align:center;
}
.price01 td.right{
    border-right:1px solid #CCB0B0;
    border-bottom:1px solid #CCB0B0;
	text-align:right;
}



/* --------------------------------------------------- */
/* お問合せから納品まで */
/* --------------------------------------------------- */



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

/*index.htmlの枠消し*/
#service div.article.idx{
	padding:0;
	border:none;
}


/*適性検査CUBIC*/
.cubic{
	padding:0 auto 10px 10px;
}
.cubic p{
	clear:both;
}
.cubic p img{
	margin:0 60px;
	text-align:center;
}
.cubic dl{
	clear:both;
	padding-top:15px;
	margin-bottom:20px;
}
.cubic dt{
	font-weight:bold;
	border-left:solid 5px #841527;
	padding:3px 0 3px 7px;
	margin-bottom:10px;
}
.cubic dd{
	padding:0 0 5px 15px;
	line-height:160%;
}
.cubic dd.border{
	border:solid 1px #ccc;
	padding:10px;
	margin-bottom:10px;
}
.cubic dd.border span.item{
	font-weight:bold;
	font-size:12px;
}
.cubic dd.border p{
	font-size:12px;
	line-height:140%;
}
.cubic dd.border img.ml20{
	margin-top:5px;
	margin-left:20px;
}

.cubic dd.border table{
	text-align:center;
}
.cubic dd.border td{
	padding:10px 0 10px 20px;
}

.cubic div#cubic_voice{
	border-top:dotted 1px #ccc;
	margin-top:30px;
}
.cubic dl.text-right{
	float:left;
	clear:none;
	margin-top:10px;
}
.img_left{
	float:left;
	margin:20px 30px 10px 30px;
}

/* 提携パートナー */
p.catch{
	margin:0 10px;
}
#service img.rgt{
	margin-left:448px;
}
#ptnList{
	margin:10px;
	padding:10px;
	border:solid 1px #ccc;
}
#ptnList dl{
	height:auto;
	clear:both;
}
#ptnList dt{
	border:solid 1px #CCB0B0;
	background:#FFF6F3;
	padding:5px;
	font-size:13px;
	font-weight:bold;
	width:170px;
	height:100%;
	float:left;
	margin-right:20px;
	clear:both;
}
#ptnList dd{
	float:right;
	padding:2px 5px 5px 0;
	width:380px;
	height:100%;
	margin-bottom:20px;
}
#ptnList dd.name{
	font-weight:bold;
	margin-top:2px;
	margin-bottom:0;
}

/*カテゴリリンク*/
dl.ctgLink{
 margin-top:20px;
}

dl.ctgLink dt{
 width:6em;
}

dl.ctgLink dd{
 margin-left:6em;
}

/*カテゴリリンク　お願いウェブタント用　上段*/
dl.ctgLink02{
	margin-top:20px;
}

dl.ctgLink02 dt{
	clear:left;
	float:left;
	width:11em;
	padding:10px 0;
	border-top:#cccccc 1px dotted;
}

dl.ctgLink02 dd{
	margin-left:11em;
	padding:10px 0;
	border-top:#cccccc 1px dotted;
}

/*カテゴリリンク　お願いウェブタント用　下段*/
dl.ctgLink03{
	margin-top:10px;
	padding:10px 0;
	border-bottom:#cccccc 1px dotted;
}
dl.ctgLink03 dt{
	float: left;
	margin-right: 10px;
}
dl.ctgLink03 dd{
	float: left;
	margin-right: 7px;
}
dl.ctgLink03 dd.last{
	margin-right: 0;
}

/*カテゴリリンク下段*/
dl.ctgLink04{
	margin-top:10px;
	padding:10px 0;
	border-bottom:#cccccc 1px dotted;
}
dl.ctgLink04 dt{
	float: left;
	margin-right: 10px;
	height: 2.5em;
}
dl.ctgLink04 dd ul{
	margin-bottom: 4px;
}
dl.ctgLink04 dd li{
	float: left;
	padding-right: 8px;
	margin-right: 8px;
	border-right: #CCCCCC solid 1px;
}
dl.ctgLink04 dd li.last{
	margin-right: 0;
	border-right: none;
}


dl.gazo_f_navi{
	background: url(img/gazo_f_navi_bg.gif) no-repeat right 0;
	margin-top: 20px;
}
dl.gazo_f_navi dt{
	float: left;
	margin-right: 6px;
}
dl.gazo_f_navi dd{
	float: left;
	margin-top: 7px;
}

/* ---------------------------------------------------------------- */
/* 事業紹介トップ */
/* ---------------------------------------------------------------- */
p.headline01.mt10{
margin-top:10px;
}
/*フロート関連*/
#service .mass{
	width:618px;
}

#service .mass .text{
	width:385px;
	float:left;
	margin-right:5px;
}

/*本文内リンクボタン*/
.linkBtn{
	margin-top:10px;
}

.linkBtn li{
	margin-top:5px;
}

/*====================================================*/
/*　お願い！ウェブタント */
/*====================================================*/

/*画像加工サービス*/
#onegai_bnr_box{
	width: 100%;
	height: 210px;
	background: url(img/bnr01_bg3.jpg) no-repeat 0 0;
	position: relative;
	margin-top: 10px;
}
#onegai_bnr_box_info_bt{
	position: absolute;
	left: 325px;
	top: 145px;
}
/*#onegai_bnr_box_opt_bt{
	position: absolute;
	left: 327px;
	top: 127px;
}*/
#onegai_bnr_box_link{
	position: absolute;
	left: 490px;
	top: 232px;
	background: url(img/bnr01_icon.gif) no-repeat 0 0.4em;
	padding-left: 10px;
}

#onegai_bnr_box ul{
	position: absolute;
	left: 43px;
	top: 320px;
	height: 17px;
}
#onegai_bnr_box ul li{
	float: left;
	margin-right: 7px;
	
}
#onegai_bnr_order{
	margin-top: 10px;
	margin-left: 10px;
	
}
#onegai_bnr_order li{
	float: left;
	margin-right: 10px;
}
#onegai_bnr_order li.end{
	margin-right: 0;
}

/*本文イメージ画像*/
#idx_sec01,#idx_sec02,#idx_sec03,#idx_sec04,#idx_sec05,#idx_sec06,#idx_sec07{
	margin:0 10px;
}

#idx_sec01{
	background:url(img/idx_ph01.jpg) right top no-repeat;
	min-height:140px;
}
#idx_sec02{
	background:url(img/idx_ph02.jpg) right top no-repeat;
	min-height:140px;
}
#idx_sec07{
	background:url(img/idx_ph07.jpg) right top no-repeat;
	min-height:140px;
}

/* 共通 */

li {list-style:none;}

/*IE6*/
*html #idx_sec01,
*html #idx_sec02{
	height:140px;
	background-position:right 15px;
}

/*IE7*/
*:first-child+html #idx_sec01,
*:first-child+html #idx_sec02{
	background-position:right 15px;
}

#idx_sec01 p,
#idx_sec02 p{
	width:390px;
}

table.svc_cnt{
/*	width:100%;*/
	margin-top:10px;
}
table.svc_cnt td{
	padding-right:4px;
}
img.ml34{
	margin-left:34px;
}
img.ml15{
	margin-left:15px;
}
ul.btn{
	list-style:non;
}
ul.btn li{
	float:left;
	display:block;
	text-align:center;
}

/* 価格表 */
#seisaku table.price02{
	border-top:1px solid #CCB0B0;
	border-left:1px solid #CCB0B0;
	border-collapse:collapse;
	border-spacing:0;
	background-color:#ffffff;
	empty-cells:show;
	margin:10px auto 0 10px;
	width:600px;
}
.price02 th{
    border-right:1px solid #CCB0B0;
    border-bottom:1px solid #CCB0B0;
    color:#666666;
    background-color:#FFF6F3;
    background-position:left top;
    padding:5px 10px;
    text-align:center;
}
.price02 th.left{
    border-right:1px solid #CCB0B0;
    border-bottom:1px solid #CCB0B0;
    color:#666666;
    background-color:#FFF6F3;
    background-position:left top;
    padding:5px 10px;
	text-align:left;
}
.price02 td{
    border-right:1px solid #CCB0B0;
    border-bottom:1px solid #CCB0B0;
    padding:5px 10px;
	text-align:left;
}
.price02 td.center{
    border-right:1px solid #CCB0B0;
    border-bottom:1px solid #CCB0B0;
	text-align:center;
}
.price02 td.right{
    border-right:1px solid #CCB0B0;
    border-bottom:1px solid #CCB0B0;
	text-align:right;
}
/*価格表の右側のボーダーを消す*/
.price02 td.center.ls{
    border-right:none;
}

/*制作例table*/
#seisaku table.ill_ex{
	border-top:1px solid #CCB0B0;
	border-left:1px solid #CCB0B0;
	border-collapse:collapse;
	border-spacing:0;
	background-color:#ffffff;
	empty-cells:show;
	margin:10px auto 0 10px;
	width:600px;
}
.ill_ex tr{
    border-right:1px solid #CCB0B0;
    border-bottom:1px solid #CCB0B0;
    padding:0.3em 1em;
	text-align:center;
}
.ill_ex td{
    border-right:1px solid #CCB0B0;
    border-bottom:1px solid #CCB0B0;
    padding:0.3em 1em;
	text-align:center;
}
.ill_ex td.left{
    border-right:1px solid #CCB0B0;
    border-bottom:1px solid #CCB0B0;
    padding:0.3em 1em;
	text-align:left;
}

/*お問合せ・担当*/
.one_foot{
	margin-top:15px;
	width:640px;
	border: 1px solid #ccc;
	text-align: left;
	padding:10px;
	font-size:14px;
	line-height:18px;
}

/*流れ*/
.bdr{
	border:#ccc solid 1px;
	padding:10px;
	width:550px;
	margin:0 auto;
	background:#fff;
}
.bdr .ttl{
	font-weight:bold;
	text-align:center;
	font-size:14px;
	color:#333;
}
.bdr .ttl13{
	font-weight:bold;
	font-size:13px;
	color:#333;
}
.bdr p{
	text-align:center;
}
.bdr p.left{
	text-align:left;
	margin-left:20px;
}

.bdr .copy{
	line-height:1.3em;
}
.bdr dl{
	margin-top:20px;
}
.bdr dt{
	font-weight:bold;
}
.bdr dd{
	line-height:1.4em;
}
.bdr img{
	float:right;
	margin-left:10px;
	margin-bottom:10px;
}

img.arrow{
	width:76px;
	height:27px;
	margin:5px 280px;
}
.bdr_last{
	border:#ccc solid 1px;
	padding:10px;
	width:550px;
	margin:0 auto 50px;
}
.bdr_last .ttl{
	font-weight:bold;
	text-align:center;
	font-size:14px;
	color:#333;
}

/* ---------------------------------------------------
　　お悩み例
 --------------------------------------------------- */
.nayami{
/*	width:620px;*/
	padding:10px 15px;
	border:solid 2px #7c5353;
/*	border-top:none;*/
/*	margin:0;*/
	margin:0 10px 30px;
}
*html .nayami{
	margin-top:-3px;
}
*:first-child+html .nayami{
	margin-top:-3px;
}
.nayami ul.check{
	list-style:none;
}
.nayami li{
	background:url(../common/img/ic_check.gif) no-repeat 10px 5px;
	padding:5px 0 5px 35px;
}



/* --------------------------------------------------- */
/* セール残り日数 */
/* --------------------------------------------------- */

#limit_box{
	background:url(img/sale02_bnr03.jpg) no-repeat 0 0;
	width:618px;
	height:80px;
	margin: 10px auto 0 auto;
	position:relative;
}
#sale_percent,
#limit_day{
	font-size:40px;
	line-height:80px;
	font-weight:bold;
	position:absolute;
	bottom:1px;
	color:#FFFFFF;
	text-align:center;
	width:100px;
}
#sale_percent{
	right:85px;
}
#limit_day{
	right:365px;
}


#limit_box2{
	background:url(img/sale02_bnr03b.jpg) no-repeat 0 0;
	width:618px;
	height:145px;
	margin: 10px auto 0 auto;
	position:relative;
}
#limit_box2 #sale_percent,
#limit_box2 #limit_day{
	top:24px;
}
#limit_box2#sale_percent{
	right:85px;
}
#limit_box2#limit_day{
	right:365px;
}
#limt_info{
	text-indent:-9999px;
	position:absolute;
	right:0;
	bottom:0;
}
#limt_info a {
	display:block;
	height:26px;
	width:120px;
	overflow:hidden;
}


/* 画像加工内容メニューナビゲーション */
/* --------------------------------------------------- */
#process_menu_navi{
	
}
#process_menu_navi li{
	float:left;
	margin-right:6px;
}
#process_menu_navi li.end{
	margin-right:0;
}


/* バナー制作ページ */
/* --------------------------------------------------- */
/*.plan_box{
	background:url(img/bnr_plan.jpg) no-repeat 0 0;
	width:638px;
	height:273px;
	position:relative;
}
.plan_box .bt{
	position:absolute;
	left:21px;
	top:202px;
}*/

.sample_bnr_box_bod{
	margin-top:10px;
}
.sample_bnr_box_bod ul{
	border-bottom:#CCCCCC solid 1px;
	text-align:center;
	padding-bottom:10px;
	margin-bottom:10px;
}
.sample_bnr_box_bod ul.bnr_list li{
	display:inline;
	margin-right:5px;
}
.sample_bnr_box_bod ul.bnr_list li.end{
	margin-right:0;
}
.sample_bnr_box_bod ul.end{
	border-bottom:none;
}


/* 画像加工トップ */
/* --------------------------------------------------- */
.alert_box{
	border:#CCCCCC solid 1px;
	padding:10px 10px 5px 10px;
	margin-top:10px;
}
.alert_box p{
	margin:0;
	margin-bottom:5px;
	margin-left:10px;
	margin-right:10px;
}
.alert_box p.hea{
	font-weight:bold;
	color:#CC0000;
	padding-bottom:5px;
	border-bottom:#CCCCCC solid 1px;
	margin-bottom:7px;
	margin-left:0;
	margin-right:0;
}



/* サンプルバナー */
/* --------------------------------------------------- */
#sample_bnr_box_bod{
	text-align:center;
	margin-top:10px;
}
#sample_bnr_box_bod ul{
	border-bottom:#CCCCCC solid 1px;
	margin-bottom:10px;
	padding-bottom:5px;
}
#sample_bnr_box_bod ul.end{
	border-bottom:none;
}
#sample_bnr_box_bod ul.narabi li{
	display:inline;
	margin-right:5px;
}
#sample_bnr_box_bod ul.narabi li.end{
	margin-right:0;
}