@charset "UTF-8";

@import 'reset.css';

.clearfix:after {

	content: ".";  /* 新しい要素を作る */

	display: block;  /* ブロックレベル要素に */

	clear: both;

	height: 0;

	visibility: hidden;

}

.clearfix {

	min-height: 1px;

}

* html .clearfix {

	height: 1px;/*\*//*/

  height: auto;

  overflow: hidden;

  /**/

}

/*共通内容*/



html {

}

body {

	padding: 0;

	margin: 0;

	font-family: Lucida Grande, Lucida Sans Unicode, Lucida Sans, Arial, "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", "Osaka", sans-serif;

	line-height: 160%;

	font-size: 12px;

}

a {

	text-decoration: underline;

}

a:link {

	color:#0066CC;

}

a:visited {

	color:#0066CC;

}

a:hover {

	color:#0066CC;

	text-decoration: none;

}

a:active {

	color:#0099CC;

}

img {

	vertical-align:bottom

}

/*フォント

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

.f10 {

	font-size: 10px;

}

.f22 {

	font-size: 22px;

}

/*高さ

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

.h240 {

	height: 240px;

}

/*幅

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

.w440 {

	width: 440px;

}

.w360 {

	width: 360px;

}

.w240 {

	width: 240px;

}

/*レイアウト

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

.cursor_default {

	cursor: default;

}

/*レイアウト

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

#wrapper {

	text-align: left;

	margin: 0 auto;

	background: #FFFFFF;

}

#header {

	width: 960px;

	margin: 0 auto;

}

/*ヘッダー

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

#header {

	padding-top: 20px;

	padding-bottom: 20px;

}

#header_text {

	padding-bottom: 15px;

	font-size:11px;

	line-height:100%;

}

.header_l {

	float: left;

	width: 221px;

}

.header_r {

	float: right;

	width: 356px;

}

.header_tel {

	margin-right: 20px;

}

/*メイン*/

#main {

	clear:both;

	width: 960px;

	margin: 0 auto;

}

#branding {

	margin-bottom: 40px;

}

.flag_title {

	border-bottom: 1px dotted #666666;

	margin-bottom: 15px;

	clear: both;

}

/*グルーバルナビ

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

#globalnavi {

	clear:both;

	border-top: 1px dotted #666666;

	border-bottom: 1px dotted #666666;

	margin-bottom: 20px;

}

/*上層のul*/

#nav {

	width: 960px;

	height: 40px;

	margin: 0 auto;

	position: relative;

	line-height:1;

	text-align: left;

	border-left: 1px dotted #666666;

}

/*下層のul*/

#nav ul {

	display: none;

	position: absolute;

	width: 138px;

	top: 40px;

	left: -1px;

	border-bottom: 1px dotted #666666;

	background: #FFFFFF;

}

/*上層のul内のli*/

#nav li {

	float: left;

	list-style: none;

	position: relative;

	width: 136px;

	line-height:40px;

	text-align:center;

	border-right: 1px dotted #666666;

	font-weight:bold;

}

/*下層のul内のli*/

#nav ul li {

	float: none;

	list-style: none;

	position: relative;

	width: 136px;

	line-height:30px;

	text-align:center;

	border-top: 1px dotted #666666;

	border-left: 1px dotted #666666;

	border-right: 1px dotted #666666;

	font-weight:bold;

}

/*すべてのa*/

#nav a {

	text-decoration: none;

	color: #000000;

	background:#FFFFFF;

}

#nav a:hover {

	background: #FF9900;

	color: #FFFFFF;

}

/*上層のa*/

#nav li a {

	display: block;

	width: 136px;

	height: 40px;

}

/*下層のa*/

#nav ul li a {

	display: block;

	width: 116px;

	height: 30px;

	font-size: 12px;

	font-weight: normal;

	text-align: left;

	padding-left: 20px;

	/*

	opacity: 0.95;

	filter: alpha(opacity=95);

	*/

	zoom: 1;

	background: url(../images/common/nav_arrow_b_bg.gif) no-repeat 7px 12px;

}

#nav ul li a:hover {

	color: #FFFFFF;

	background: #FF9900 url(../images/common/nav_arrow_w_bg.gif) no-repeat 7px 12px;

}

#nav a.current {

	background-color:#EEEEEE;

	color: #666666;

}

/*パンくずリスト

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

#topicspath {

	margin-left: 10px;

	margin-bottom: 20px;

}

/*ピックアップ

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

#pickup {

	clear:both;

	margin-bottom: 20px;

}

#pickup_item {

	float: left;

	width: 460px;

	padding: 0 10px 20px 10px;

}

#pickup_item h3 {

	margin-bottom: 10px;

}

/*indexのサービス

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

#index_service {

	clear:both;

	margin-bottom: 20px;

}

.index_pagetitle_box {

	width: 220px;

	float: left;

	padding: 0 10px;

	border-bottom: 1px dotted #666666;

	margin-bottom: 20px;

}

.index_pagetitle_box h3 {

	margin-bottom: 10px;

}

.index_pagetitle_box_pict {

	margin-bottom: 10px;

}

.index_pagetitle_box_bt {

	text-align:right;

	margin-bottom: 15px;

}

.index_pagetitle_box_text {

	height: 70px;

}

/*indexの製品

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

#index_solution {

	clear:both;

	margin-bottom: 40px;

}

.index_solution_shopapp_banner {

	padding: 0 10px;

	margin-bottom: 20px;

}

.index_shopapp_bt {

	clear: both;

	text-align: right;

}

/*デジ職について

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

#about {

	margin-bottom: 40px;

}

#about_l {

	width: 400px;

	float: left;

	background: url(../images/index/about_pict.gif) no-repeat;

	padding-left: 110px;

	margin-bottom: 20px;

	margin-left: 10px;

}

#about_r {

	width: 400px;

	float: right;

	margin-bottom: 20px;

	margin-right: 10px;

}

#about_bt {

	float: right;

	clear: both;

}

/*フッター

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

#pagetop {

	text-align:right;

	padding: 40px 0px;

	border-top: 1px dotted #666666;

	clear: both;

}

#footer {

	clear:both;

	width: 960px;

	margin: 0 auto;

}

#footer_link {

	background:#EEEEEE url(../images/common/footer_bg.gif) repeat-x left top;

	padding: 30px 19px 20px 19px;

	border-top: 1px solid #CCCCCC;

	border-left: 1px solid #CCCCCC;

	border-right: 1px solid #CCCCCC;

}

.footer_link_box {

	background: #FFFFFF;

	height: 230px;

	width: 178px;

	padding: 20px;

	float: left;

	border: 1px solid #CCCCCC;

	margin :0px 5px;

}

.footer_link_box ul {

	margin-bottom: 20px;

}

.footer_link_box ul li {

	margin-bottom: 3px;

}

.footer_link_box p {

	font-weight:bold;

	margin-bottom: 5px;

}

#copyright {

	background: #FF9900;

	font-size: 10px;

	color:#FFFFFF;

	line-height:40px;

	text-align: center;

	clear: both;

}

/*下層ページ メイン左

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

#main_l {

	width: 680px;

	float: left;

	margin-right: 10px;

	margin-left: 10px;

}

#main_l .flag_title {

	width: 700px;

	margin-left: -10px;

}

#page_title {

	margin-bottom: 40px;

}

.contactlink {

	clear: both;

	margin-bottom: 30px;

	margin-top: 30px;

}

.contactlink img {

	margin-right: 20px;

}

.contactlink a {

	line-height: 34px;

	font-weight: bold;

	font-size: 14px;

	color: #000000;

	text-decoration: none;

}

/*下層ページ メイン右

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

#main_r {

	width: 200px;

	float: right;

	margin-bottom: 40px;

}

/*下層ページ メイン左 お問い合わせ

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

.contactlink_box {

	z-index: 1;

	width: 680px;

	height: 196px;

	margin-bottom: 30px;

	margin-top: 30px;

	clear: both;

	position: relative;

}

.contactlink_btn {

	position: absolute;

	z-index: 2;

	width: 252px;

	height: 81px;

	margin-top: 87px;

	margin-left: 376px;

}

.contactlink_box img {

	margin-right: 0px;

}

/*subnabi

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



#subnabi {

}

#subnabi ul {

	width: 200px;

}

#subnabi ul li {

	width: 200px;

	line-height: 150%;

	border-bottom: 1px dotted #666666;

	background: url(../images/index/subnav_arrow_bule_bg.gif) no-repeat 8px 17px;

}

#subnabi ul li a {

	display : block;

	width: 180px;

	line-height: 150%;

	padding: 10px 0px 10px 20px;

}

#subnabi ul li a:hover {

	color:#FFFFFF;

	background: #FF9900 url(../images/index/subnav_arrow_w_bg.gif) no-repeat 8px 17px;

}

/*ニュース

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

.news {

	margin-bottom: 40px;

}

.newsbox dl {

	border-bottom: 1px dotted #666666;

}

.news_yaer {

	clear: both;

	font-weight: bold;

	padding-top: 15px;

	padding-bottom: 15px;

	border-bottom: 1px dotted #666666;

	padding-left: 10px;

}

.news_day {

	float: left;

	padding-left: 80px;

	width: 120px;

	padding-top: 15px;

	padding-bottom: 15px;

}

.news_text {

	float: left;

	width: 480px;

	padding-top: 15px;

	padding-bottom: 15px;

}

/*ニュース詳細ページ

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

.news_detail_title {

	font-size: 16px;

	margin-bottom: 15px;

}

.news_detail_text {

}

/*サービス一覧ページ

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

.pagetitle_box {

	padding: 19px 19px 19px 14px;

	margin-bottom: 10px;

	clear: both;

	border-top: 1px solid #CCCCCC;

	border-right: 1px solid #CCCCCC;

	border-bottom: 1px solid #CCCCCC;

	border-left: 6px solid #CCCCCC;

}

.pagetitle_box p {

	margin-top:10px;

}

/*各サービスページ

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

.work_box {

	padding: 19px;

	border: 1px solid #CCCCCC;

	background: url(../images/common/work_orange_bg.gif) repeat-y left top;

	margin-bottom: 10px;

	clear: both;

}

.work_box_l {

	width: 100px;

	float: left;

}

.work_box_r {

	width: 520px;

	float: right;

}

.work_box_r p {

	margin-top:10px;

}

.work_branding {

	margin-bottom: 30px;

}

/*会社概要、テーブルはアクセスページにも利用

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

.company table {

	width:100%;

	border: 1px solid #CCCCCC;

	margin-bottom: 40px;

}

.company tr, .company td {

	border: 1px solid #CCCCCC;

	padding:10px;

}

.company th {

	background:#EEEEEE;

	padding: 10px;

	text-align: left;

	vertical-align: top;

}

.company td {

}

.company td li {

	line-height: 2em;

	float: left;

	width: 228px;

}

/*アクセス

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

.map {

	margin-bottom: 20px;

}

.googlemaplink {

	margin-bottom: 20px;

}

/*お問い合わせ

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

#contact {

	width: 680px;

	margin: 0 auto;

}

#contact table {

	border: 1px solid #CCCCCC;

	margin-top: 30px;

	margin-bottom: 30px;

}

#contact tr, #contact td {

	border: 1px solid #CCCCCC;

	padding:10px;

}

#contact th {

	width:180px;

	background:#EEEEEE;

	padding: 10px;

	text-align: left;

	vertical-align: top;

}

#contact td {

	width:457px;

}

#contact .submit {

	text-align: center;

	padding-bottom: 30px;

}

#contact .submit p {

	padding-bottom: 15px;

}

#contact .submit_bt {

	padding: 7px 21px;

	color: #FFFFFF;

	background: #000000;

	border-style: none;

	cursor: pointer;

}

#contact .submit_bt:hover {

	background: #333333;

}

/*フォーム*/

.checkbox {

	margin-right: 5px;

}

.from input {

	padding: 2px;

}

.from textarea {

	padding: 2px;

}

.caution {

	margin-top: 5px;

	color: #666666;

}

/*送信*/

.send {

	border: 1px solid #CCCCCC;

	text-align: center;

	padding: 30px;

	margin-bottom: 40px;

}

/*エラー*/

.error {

	color: #FF0000;

	margin-top: 15px;

	margin-bottom: 15px;

}

/*必須*/

.indispensable {

	font-size : 10px;

	color: #FF0000;

}

/*プライバシー

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



#privacy {

	margin-bottom: 40px;

}

#privacy h3 {

	border-bottom: 1px solid #CCCCCC;

	line-height: 2.5em;

	font-weight: bold;

	font-size: 16px;

	margin-top: 30px;

	margin-bottom: 10px;

}

#privacy p {

	margin-bottom: 20px;

}

#privacy ul {

	margin-bottom: 20px;

	margin-left: 40px;

}

/*スマートフォン最適化

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

#smart {

	border-bottom: 1px dotted #666666;

}

#smart img {

	margin-bottom: 40px;

}

#smart h3 img {

	margin-bottom: 15px;

}

/*shopapp

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

#shopapp {

	border-bottom: 1px dotted #666666;

}

#shopapp img {

	margin-bottom: 40px;

}

#shopapp h3 img {

	margin-bottom: 15px;

}

/*スマートフォンサイト制作

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

#smart_ph {

	border-bottom: 1px dotted #666666;

}

#smart_ph img {

	margin-bottom: 40px;

}

#smart_ph h3 img {

	margin-bottom: 15px;

}

#smart_ph h4 img {

	margin-bottom: 0px;

}

.smart_ph_box {

	z-index: 1;

	width: 680px;

	height: 49px;

	margin-bottom: 40px;

}

.smart_ph_btn {

	position: absolute;

	z-index: 2;

	width: 163px;

	height: 35px;

	margin-top: 7px;

	margin-left: 440px;

}

/*indexの実績

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

#index_result {

	clear:both;

	margin-bottom:40px;

}

.index_result_box {

	width: 220px;

	text-align:center;

	float:left;

	margin-right: 10px;

	margin-left: 10px;

	margin-bottom: 20px;

}

.result_pict {

	width: 200px;

	height: 200px;

	padding: 9px;

	border: 1px solid #CCCCCC;

	background-color:#EEEEEE;

}

#result_bt {

	float: right;

	clear: both;

}

/*実績紹介ページ

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

#result {

	margin-top: 0;

	width: 700px;

	margin-left: -10px;

}

.result_box {

	clear: both;

	border-bottom: 1px dotted #666666;

	padding-bottom: 30px;

	margin-bottom: 20px;

}

.result_box_l {

	float: left;

	margin-left:10px;

}

.result_box_r {

	float: right;

	width: 440px;

	margin-right:10px;

}

.result_icon li {

	float: left;

	margin-right:5px;

	margin-bottom: 10px;

}

.result_title {

	clear: both;

	font-size: 14px;

	margin-bottom: 20px;

}

.result_link {

	margin-bottom: 10px;

}

.result_img {

	padding: 9px;

	background: #EEEEEE;

	border: 1px solid #CCCCCC;

}

.result_img img {

	width: 200px;

	height: 200px;

}

.result_comment {

	padding: 10px;

	background: #EEEEEE;

}

.product table {

	width: 100%;

	border: 1px solid #999999;

	margin-bottom: 10px;

}

.product table th {

	background: #CCCCCC;

	width: 50px;

	padding: 3px 10px;

	font-size: 10px;

}

.product table td {

	padding: 3px 10px;

	font-size: 10px;

}

.result_subtitle {

	text-align:left;

	font-weight:bold;

	border-bottom: 2px solid #FF9900;

	padding-bottom:4px;

	margin-bottom:7px;

}

.result_subbox {

	padding-left:10px;

	padding-right:10px;

	margin-bottom:20px;

}

/*採用情報

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

.job table {

	width:100%;

	border: 1px solid #CCCCCC;

	margin-bottom: 40px;

}

.job tr, .company td {

	border: 1px solid #CCCCCC;

	padding:10px;

}

.job th {

	background:#EEEEEE;

	padding: 10px;

	text-align: left;

	vertical-align: top;

}

.job td {

}

.job td li {

	line-height: 2em;

	float: left;

	width: 228px;

}

td.entrysheet {

	text-align: center;

	padding: 30px 0px;

}

.job_pagetop {

	margin-bottm: 20px;

	text-align: right;

	margin-bottom: 20px;

}

.newmark {

	color: #FF0000;

}

.main_r_banner {

	margin-top: 40px;

}

/*デザインページ

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

#design {

	text-align: center;

}

#design img {

	margin-bottom: 40px;

}

#design h3 {

	border-bottom: 1px solid #999999;

	margin-bottom: 30px;

	text-align:left;

}

#design h3 img {

	margin-bottom: 10px;

	margin-left: 0px;

	margin-right: auto;

}

#design .design_arrow {

	margin:0 auto 0px;

}

#design img.design_arrow {

	margin:0 auto 20px;

}

/*サーバー9,980円プランページ

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

#sever_mg {

	text-align:center;

}

#sever_mg .branding {

	margin-bottom: 40px;

}

#sever_mg h3 {

	clear: both;

	border-bottom: 1px solid #999999;

	padding-bottom: 10px;

	margin-bottom: 20px;

	text-align:left;

}

#sever_mg h3 img {

	margin-left: 10px;

	margin-bottom: 0px;

}

#sever_mg .what0 {

	width: 248px;

	padding-left: 10px;

}

#sever_mg .what0 img {

	margin-bottom: 0;

}

#sever_mg .what1 {

	width: 168px;

	padding: 10px;

	float: left;

}

#sever_mg .what2 {

	width: 360px;

	padding: 10px;

	float: left;
	
	text-align: left;

	font-size: 1.4em;

	line-height: 1.75;

	padding: 10px;

}

#sever_mg .merit {

	width: auto;

	height: 170px;

	padding-top: 10px;
	
	padding-left: 10px;
	
	padding-right: 10px;
	
	padding-bottom: 10px;

	background-color: #ffffcc;

	border-radius: 10px;

	margin-bottom: 40px;

}

#sever_mg .merit_1 {

	clear: both;

	width: 72px;

	margin-top: 25px;

	padding: 20px;

	float: left;

}

#sever_mg .merit_2 {

	width: 390px;

	padding: 10px;

	float: left;
	
	text-align: left;

	font-size: 1.4em;

	line-height: 1.75;

	padding: 10px;

}

#sever_mg img {

	margin-bottom: 40px;

}

#sever_mg img.arrow {

	margin-bottom: 20px;

}

#sever_mg img.btn {

	display: block;

	margin-right: auto;

	margin-left: auto;

	width: 904px;

}

/*イラストページ

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

#illust .branding {

	margin-bottom: 0px;

}

#illust img {

	margin-bottom: 0px;

}

#illust .contact_bt {

	width: 918px;

	margin: 30px auto;

}

#illust #socialgame {

	background: url(../images/illust/socialgame_bg.jpg) no-repeat;

	position: relative;

}

#illust #socialgame h3 {

	background: url(../images/illust/socialgame_icon.png) no-repeat 0px 18px;

}

#illust #stamp {

	background: url(../images/illust/stamp_bg.jpg) no-repeat;

	position: relative;

}

#illust #stamp h3 {

	background: url(../images/illust/stamp_icon.png) no-repeat 0px 18px;

}

#illust #manga {

	background: url(../images/illust/manga_bg.jpg) no-repeat;

	position: relative;

}

#illust #manga h3 {

	background: url(../images/illust/manga_icon.png) no-repeat 0px 18px;

}

#cutillust {

	background: url(../images/illust/cutillust_bg.jpg) no-repeat;

	position: relative;

}

#cutillust h3 {

	background: url(../images/illust/cutillust_icon.png) no-repeat 0px 18px;

}



/*イラスト詳細ページ*/

#illust .mb20 {

	margin-bottom: 20px;

}

#illust .mb30 {

	margin-bottom: 30px;

}

#illust .mb40 {

	margin-bottom: 40px;

}



/*アプリ

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

#app .contact_bt {

	width: 918px;

	margin: 30px auto;

}

#app #iphone {

	background: url(../images/app/iphone_bg.jpg) no-repeat;

	position: relative;

}

#app #iphone h3 {

	background: url(../images/app/iphone_icon.png) no-repeat 0px 18px;

}

#app #ipad {

	background: url(../images/app/ipad_bg.jpg) no-repeat;

	position: relative;

}

#app #ipad h3 {

	background: url(../images/app/ipad_icon.png) no-repeat 0px 18px;

}

#app #android {

	background: url(../images/app/android_bg.jpg) no-repeat;

	position: relative;

}

#app #android h3 {

	background: url(../images/app/android_icon.png) no-repeat 0px 18px;

}

#app #store {

	background: url(../images/app/store_bg.jpg) no-repeat;

	position: relative;

}

#app #store h3 {

	background: url(../images/app/store_icon.png) no-repeat 0px 18px;

}



/*電子書籍

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

#book .contact_bt {

	width: 918px;

	margin: 30px auto;

}

#book #format {

	background: url(../images/book/format_bg.jpg) no-repeat;

	position: relative;

}

#book #comic {

	background: url(../images/book/comic_bg.jpg) no-repeat;

	position: relative;

}

#book #filmcomic {

	background: url(../images/book/filmcomic_bg.jpg) no-repeat;

	position: relative;

}

#book #pageview {

	background: url(../images/book/pageview_bg.jpg) no-repeat;

	position: relative;

}

#book #photobook {

	background: url(../images/book/photobook_bg.jpg) no-repeat;

	position: relative;

}

#book h3 {

	background: url(../images/book/book_icon.png) no-repeat 0px 18px;

}

#book .price {

	text-align: center;

}


/*Web制作

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

#web .contact_bt {

	width: 918px;

	margin: 30px auto;

}

#web #spo {

	background: url(../images/web/spo_bg.jpg) no-repeat;

	position: relative;

}

#web #spo h3 {

	background: url(../images/web/spo_icon.png) no-repeat 0px 18px;

}

#web #webdesign {

	background: url(../images/web/design_bg.jpg) no-repeat;

	position: relative;

}

#web #webdesign h3 {

	background: url(../images/web/design_icon.png) no-repeat 0px 18px;

}

#web #cording {

	background: url(../images/web/cording_bg.jpg) no-repeat;

	position: relative;

}

#web #cording h3 {

	background: url(../images/web/cording_icon.png) no-repeat 0px 18px;

}

#web #seo {

	background: url(../images/web/seo_bg.jpg) no-repeat;

	position: relative;

}

#web #seo h3 {

	background: url(../images/web/seo_icon.png) no-repeat 0px 18px;

}

#web #campaign {

	background: url(../images/web/campaign_bg.jpg) no-repeat;

	position: relative;

}

#web #campaign h3 {

	background: url(../images/web/campaign_icon.png) no-repeat 0px 18px;

}

#web #mobile {

	background: url(../images/web/mobile_bg.jpg) no-repeat;

	position: relative;

}

#web #mobile h3 {

	background: url(../images/web/mobile_icon.png) no-repeat 0px 18px;

}

#web #smartphone {

	background: url(../images/web/smartphone_bg.jpg) no-repeat;

	position: relative;

}

#web #smartphone h3 {

	background: url(../images/web/smartphone_icon.png) no-repeat 0px 18px;

}

#web #wp {

	background: url(../images/web/wp_bg.jpg) no-repeat;

	position: relative;

}

#web #wp h3 {

	background: url(../images/web/wp_icon.png) no-repeat 0px 18px;

}

#web #homepage {

	background: url(../images/web/homepage_bg.jpg) no-repeat;

	position: relative;

}

#web #homepage h3 {

	background: url(../images/web/homepage_icon.png) no-repeat 0px 18px;

}



/*ホームページ制作

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

#homepage .contact_bt {

	width: 918px;

	margin: 30px auto;

}

#homepage .box {

	clear: both;

	margin-bottom: 20px;

}

#homepage .box  img.step {

	float: left;

	margin-left: 10px;

	margin-right: 14px;

}


/*サウンド制作
-----------------------------------------*/
#sounds {
	font-size: 14px;
}

#sounds .contact_bt {
	width: 918px;
	margin: 30px auto;
}

audio {
	width: 350px;
}

#sounds .box {
	margin-bottom: 20px;
}

#sounds .boxx {
	text-align: left;
	width: 517px;
	height: 292px;
	background-image: url(http://digishoku.co.jp/images/sounds/shape5.png);
	background-repeat: no-repeat;
}

#sounds .boxx img {
	padding-left: 20px;
	padding-top: 10px;
}

#sounds .boxx p {
	max-width: 400px;
	font-size: 18px;
	font-weight: bold;
	padding-left: 30px;
	padding-top: 10px;
	line-height: 2;
	color: #4b342d;
}

#sounds .audio_box {
	text-align: left;
	width: 350px;
	margin-top: 10px;
	margin-bottom: 30px;
	background-color: #eee;
	background: -moz-linear-gradient(top, #fff, #eee);
	background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#eee));
	border: 1px solid #666666;
	border-left: 8px solid #14ad4a;
	-webkit-border-top-right-radius: 20px;  
	-webkit-border-bottom-right-radius: 20px;
	-moz-border-radius-topright: 20px;  
	-moz-border-radius-bottomright: 20px;
	padding: 10px;
	line-height: 1.5;
	-moz-box-shadow: 0px 1px 4px rgba(000,000,000,0.2), inset 0px 0px 2px rgba(255,255,255,0.5);
	-webkit-box-shadow: 0px 1px 4px rgba(000,000,000,0.2), inset 0px 0px 2px rgba(255,255,255,0.5);
	box-shadow: 0px 1px 4px rgba(000,000,000,0.2), inset 0px 0px 2px rgba(255,255,255,0.5);
}

#sounds .audio_box2 {
	text-align: left;
	width: 350px;
	margin-top: 10px;
	margin-bottom: 30px;
	background-color: #eee;
	background: -moz-linear-gradient(top, #fff, #eee);
	background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#eee));
	border: 1px solid #666666;
	border-left: 8px solid #cc0000;
	-webkit-border-top-right-radius: 20px;  
	-webkit-border-bottom-right-radius: 20px;
	-moz-border-radius-topright: 20px;  
	-moz-border-radius-bottomright: 20px;
	padding: 10px;
	line-height: 1.5;
	-moz-box-shadow: 0px 1px 4px rgba(000,000,000,0.2), inset 0px 0px 2px rgba(255,255,255,0.5);
	-webkit-box-shadow: 0px 1px 4px rgba(000,000,000,0.2), inset 0px 0px 2px rgba(255,255,255,0.5);
	box-shadow: 0px 1px 4px rgba(000,000,000,0.2), inset 0px 0px 2px rgba(255,255,255,0.5);
}

#sounds .audio_box3 {
	text-align: left;
	width: 350px;
	margin-top: 10px;
	margin-bottom: 30px;
	background-color: #eee;
	background: -moz-linear-gradient(top, #fff, #eee);
	background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#eee));
	border: 1px solid #666666;
	border-left: 8px solid #1515b0;
	-webkit-border-top-right-radius: 20px;  
	-webkit-border-bottom-right-radius: 20px;
	-moz-border-radius-topright: 20px;  
	-moz-border-radius-bottomright: 20px;
	padding: 10px;
	line-height: 1.5;
	-moz-box-shadow: 0px 1px 4px rgba(000,000,000,0.2), inset 0px 0px 2px rgba(255,255,255,0.5);
	-webkit-box-shadow: 0px 1px 4px rgba(000,000,000,0.2), inset 0px 0px 2px rgba(255,255,255,0.5);
	box-shadow: 0px 1px 4px rgba(000,000,000,0.2), inset 0px 0px 2px rgba(255,255,255,0.5);
}

/*人材派遣
-----------------------------------------*/
#haken {
	font-size: 14px;
	line-height: 1;
}

#haken .text {
	margin-left: 50px;
	margin-top: 10px;
}

#haken .contact_bt {
	width: 918px;
	margin: 30px auto;
}


/*LINEスタンプ制作
-----------------------------------------*/
#stamp {
	font-size: 18px;
	line-height: 1;
}

#stamp .txtbox {
	background: url(http://digishoku.co.jp/images/stamp/stamp_06.jpg);
	background-repeat: no-repeat;
	width: 675px;
	height: 204px;
	padding-left: 165px;
	padding-top: 76px;
	padding-right: 120px;
	line-height: 2;
}

#stamp .contact_bt {
	width: 918px;
	margin: 30px auto;
}



/*新サービスデザイン時のカテゴリ

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

.category_box {

	width: 946px;

	height: 279px;

	font-family: 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', sans-serif;

	margin-right: auto;

	margin-left: auto;

	margin-bottom: 10px;

}

.category_box h3 {

	border-bottom: 1px solid #CCCCCC;

	padding-left: 43px;

	font-size: 32px;

	line-height: 70px;

	text-decoration:none;

}

.category_title {

	width: 680px;

	margin-right: 23px;

	margin-left: auto;

	margin-bottom: 30px;

	padding-top: 10px;

	text-decoration:none;

}

.category_text {

	width: 630px;

	margin-right: 26px;

	margin-left: auto;

	font-size: 16px;

	line-height: 180%;

}



.category_link {

	position: absolute;

	left: 0px;

	top: 0px;

}

.category_link a {

	display:block;

	width: 946px;

	height: 279px;

}

.category_link a img {

	margin-top: 19px;

	margin-left: 683px;

}



/*キャリア決済ページ

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

#payment {

	width: 940px;

	margin:0 auto;

}

#payment h3 {

	margin-bottom: 20px;

}

#payment .price {

	margin-bottom: 20px;

}

#payment .contact_bt {

	width: 918px;

	margin: 0px auto 40px auto;

}

#payment .payment_text {

	margin-bottom: 20px;

	font: 16px/160% 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', sans-serif;

	overflow: hidden;

}

#payment .payment_text .text_l {

	width: 440px;

	float: left;

}

#payment .payment_text .text_r {

	width: 440px;

	float: right;

}

#payment .explanation_img {

	margin-bottom: 10px;

}

#payment .explanation_img img {

	margin-bottom: 10px;

}

#payment .emphasis_img {

	margin-bottom: 20px;

}

#payment .merit {

	overflow:hidden;

	width: 940px;

}

#payment .site_merit {

	width: 440px;

	text-align:center;

	float: left;

}

#payment .site_merit p {

	text-align:left;

}

#payment .user_merit {

	width: 440px;

	text-align:center;

	float: right;

}

#payment .user_merit p {

	text-align:left;

}

#payment .because {

	text-align:center;

	margin-bottom: 10px;

}

#payment .because img {

	margin-bottom: 10px;

}

/*SEOサービスページ

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

#seo_service {

	font-family: 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', sans-serif;

}

#seo_service .branding {

	margin-bottom: 40px;

}

#seo_service .contact_bt {

	text-align:center;

	margin-bottom: 40px;

	clear: both;

}

#seo_service h3 {

	font-size: 24px;

	font-weight: bold;

	border-left: 14px solid #99CC00;

	line-height: 32px;

	padding-left: 10px;

	margin-bottom: 20px;

	clear: both;

}

#seo_service .seo_service_box {

	background: url(../images/seo/seo_service_bg.gif) no-repeat left top;

	height: 240px;

	width: 750px;

	clear: both;

	padding-top: 30px;

	padding-left: 210px;

	margin-bottom: 40px;

}

#seo_service .seo_service_title {

	font-size: 18px;

	font-weight: bold;

	margin-bottom: 20px;

}

#seo_service .seo_service_comment {

	margin-top: 20px;

}

#seo_service .seo_service_comment p {

	float: left;

	width: 350px;

	margin-right:20px;

	line-height:180%;

	font-size:14px;

}

/*SEOの流れ*/

#seo_service .seo_flow_box {

	margin-bottom:40px;

}

#seo_service .seo_flow_box ul {

	width:960px;

	height: 120px;

	margin: 0 auto;

}

#seo_service .seo_flow_box li {

	display: inner-table;

	width:195px;

	height:120px;

	background: url(../images/seo/seo_flow_bg.jpg) no-repeat;

	float:left;

}

#seo_service .seo_flow_box li.flow_last {

	width:180px;

}

#seo_service .seo_flow_box li p {

	display: table-cell;

	width:180px;

	height:120px;

	text-align:center;

	vertical-align:middle;

	layout-grid-line: 120px;

	font-size: 16px;

	font-weight: bold;

	color:#FFFFFF;

	line-height:150%;

}

/*SEOのトラブル*/

#seo_service .seo_trouble_box ul {

	width:960px;

	height: 133px;

	overflow: hidden;

	margin-top: 0;

	margin-right: auto;

	margin-bottom: 0;

	margin-left: auto;

	clear: both;

}

#seo_service .seo_trouble_box li {

	margin-left: 1px;

	width:318px;

	height:133px;

	background: url(../images/seo/trouble_bg.gif) no-repeat;

	float:left;

	margin-right: 1px;

}

#seo_service .seo_trouble_box li p {

	width:200px;

	height:60px;

	margin-left:80px;

	margin-top:20px;

	padding:20px;

	text-align:center;

	font-size: 17px;

	line-height:150%;

}

.trouble_arrow {

	text-align:center;

	clear: both;

	margin-top: 10px;

	margin-right: auto;

	margin-bottom: 10px;

	margin-left: auto;

}

.trouble_proposal {

	width: 940px;

	height: 50px;

	margin: 10px auto 40px;

	text-align:center;

	background:#FF0000;

	color:#FFFFFF;

	font-size:24px;

	font-weight:bold;

	line-height:50px;

	overflow: hidden;

	border-radius: 25px; /* CSS3草案 */

	-webkit-border-radius: 25px; /* Safari,Google Chrome用 */

	-moz-border-radius: 25px; /* Firefox用 */

}

.seo_price {

	margin-bottom: 40px;





}

.seo_price p {

	font-size: 18px;

}

.seo_price .table_title {

	margin-top:20px;

	margin-bottom:10px;

}

.seo_price table {

	width: 100%;

	font-size: 18px;

	border:1px solid #999999;

	border-collapse:collapse;

	margin-bottom: 20px;

}

.seo_price th {

	width: 25%;

	padding:10px;

	text-align:center;

	border:1px solid #999999;

	background:#333333;

	color:#FFFFFF;

}

.seo_price td {

	width: 25%;

	padding:10px;

	text-align:center;

	border:1px solid #999999;

}

.seo_price tr.bg_gray {

	background:#EEEEEE;

}