@charset "utf-8";

/*===============================================
  リセットCSS
===============================================*/

/* 
html5doctor.com Reset Stylesheet
v1.6.1
Last Updated: 2010-09-17
Author: Richard Clark - http://richclarkdesign.com 
Twitter: @rich_clark
*/

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;
}

body {
    line-height:1;
}

article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section { 
    display:block;
}

nav ul {
    list-style:none;
}

blockquote, q {
    quotes:none;
}

blockquote:before, blockquote:after,
q:before, q:after {
    content:'';
    content:none;
}

a {
    margin:0;
    padding:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
}

/* change colours to suit your needs */
ins {
    background-color:#ff9;
    color:#000;
    text-decoration:none;
}

/* change colours to suit your needs */
mark {
    background-color:#ff9;
    color:#000; 
    font-style:italic;
    font-weight:bold;
}

del {
    text-decoration: line-through;
}

abbr[title], dfn[title] {
    border-bottom:1px dotted;
    cursor:help;
}

table {
    border-collapse:collapse;
    border-spacing:0;
}

/* change border colour to suit your needs */
hr {
    display:block;
    height:1px;
    border:0;   
    border-top:1px solid #cccccc;
    margin:1em 0;
    padding:0;
}

input, select {
    vertical-align:middle;
}

/*===============================================
  基本設定
===============================================*/

body{
	background-image:url(image/bg1_4.gif);
	font-family:"ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo, Osaka", "MS PGothic", sans-serif;
	font-size:12px;
	color:#555555;
	margin:0px;
	line-height:150%;
	-webkit-text-size-adjust:100%;
}

/* リンク設定 */
a:link {
	color:#2699FD
}
a:visited {
	color: #2699FD
}
a:hover {
	color: #FD4A26;
}
a:active {
	color: #2699FD;
}

/* clearfix */
.clearfix:before,
.clearfix:after {
    content: " ";
    display: table;
}

.clearfix:after {
    clear: both;
}

.clearfix {
    *zoom: 1;
}


/*===============================================
  画面の横幅が767pxまで
===============================================*/

@media screen and (max-width:767px)
{

body{
	font-size:13px;
	background-image:none;
	background-color:#fff;
}

/*---------------------------------------
　レイアウト設定
---------------------------------------*/

#wrap_layout1,
#wrap_layout2
{
	width:100%;
	min-width:320px;
}

#inner_layout1,
#inner_layout2
{
	width:94%;
	min-width:300px;
	margin:0 auto;
}

/* ナビゲーション */
nav#sp-nav{
	width:96%;
	min-width:300px;
	margin:30px auto;
}

/* aside */
aside{
	width:96%;
	min-width:300px;
	margin:0 auto 30px;
}

/*---------------------------------------
　ヘッダー
---------------------------------------*/

header{
	width:98%;
	height:auto;
	margin:0 auto;
	background:url(image/header_bg_sp.jpg) top right repeat-x;
	-moz-background-size:cover;
	-webkit-background-size:cover;
	background-size:cover;
	background-color:#fcffc8;
}

header .rogo{
	width:43.7%;
	height:auto;
	float:left;
}

header .rogo img{
	width:100%;
	/*min-width:140px;*/
	min-height:21px;
	height:auto;
}

/*---------------------------------------
　トップ画像
---------------------------------------*/
#main-image_sp img{
	width:98%;
	height:auto;
	margin:-5px 1% 0;
}

/*---------------------------------------
　トップ下画像
---------------------------------------*/
#mainsita-image_sp img{
	width:85%;
	height:auto;
	padding-top:20px;
	padding-left:20px;
	margin:-5px 1% 0;
}

#mainsita-image img{
	display:none;
	}

/*---------------------------------------
　HOME
---------------------------------------*/

/* News */
#wrap_layout1 .contents_news{
	width:100%;
	padding-top:15px;
	padding-bottom:6px;
	padding-left:10px;
	text-align:left;
	font-weight:bold;
	}

/* 事業内容-サービス */
#contents-box_col2{
	width:100%;
	margin:0 auto 30px;
}

/* 事業内容 */
#contents-box_col2_l{
	width:100%;
	border-bottom:1px solid #5e9b9c;
	margin-bottom:25px;
}

#contents-box_col2_l .title a{
	width:auto;
	min-width:300px;
	height:60px;
	display:block;
	background:url(image/title_business_lines.jpg) left bottom no-repeat;
	text-indent:100%;
	white-space:nowrap;
	overflow:hidden;
}

#contents-box_col2_l .contents{
	width:95%;
	height:130px;
	padding:30px 0 0 5%;
}

#contents-box_col2_l .contents p{
	line-height:1.6;
	padding-bottom:10px;
	font-size:13px;
	color:#000;
}

/* サービス */
#contents-box_col2_r{
	width:100%;
	border-bottom:1px solid #5e9b9c;
}

#contents-box_col2_r .title_sp a{
	width:auto;
	min-width:300px;
	height:46px;
	display:block;
	background:url(image/title_service.jpg) left no-repeat;
	text-indent:100%;
	white-space:nowrap;
	overflow:hidden;
}

#contents-box_col2_r .contents{
	width:95%;
	padding:30px 0 30px 5%;
}

#contents-box_col2_r .contents p{
	line-height:1.6;
	padding-bottom:10px;
	font-size:13px;
	color:#000;
}

#contents-box_col2_r .contents table{
	width:100%;
}

#contents-box_col2_r table .contents td.title{
	width:57.4%;
}

/* ＋スマホサイト付き */
/*
#contents-box_col2_r table tr:nth-child(2) td.title{
	width:51.4%;
	padding-left:6%;
}
*/

#contents-box_col2_r table td.price{
	width:30%;
	padding-right:12.6%;
	text-align:right;
}

/* SEO、更新代行の金額 */
/*
#contents-box_col2_r table tr:nth-child(3) td.price,
#contents-box_col2_r table tr:nth-child(4) td.price{
	width:36.6%;
	padding-right:6%;
}
*/

/** スマホ横向きの表示設定 **/
@media all and (orientation:landscape)
{
#contents-box_col2_r table .contents td.title{
	width:45.4%;
}

/* ＋スマホサイト付き */
/*
#contents-box_col2_r table tr:nth-child(2) td.title{
	width:39.4%;
	padding-left:6%;
}
*/

#contents-box_col2_r table td.price{
	width:32%;
	padding-right:22.6%;
	text-align:right;
}

/* SEO、更新代行の金額 */
/*	
#contents-box_col2_r table tr:nth-child(3) td.price,
#contents-box_col2_r table tr:nth-child(4) td.price{
	width:36.6%;
	padding-right:18%;
}
*/
}

/* リンクボタン */
.link_bt_sp{
	text-align:right;
	margin:0px 6% 14px 0px;
}

/* 制作実績 */
#wrap_layout1 #contents_works{
	width:100%;
	margin:0 auto 30px;
	border-bottom:1px solid #5e9b9c;
}

#wrap_layout1 #contents_works .title_sp a{
	width:auto;
	min-width:300px;
	height:40px;
	margin-bottom:30px;
	display:block;
	background:url(image/title_works.jpg) left no-repeat;
	text-indent:100%;
	white-space:nowrap;
	overflow:hidden;
}

#wrap_layout1 #contents_works ul{
	width:98%;
    list-style:none;
	margin-bottom:20px;
	padding:0 1%;
}

#wrap_layout1 #contents_works ul li{
	width:30%;
	padding:0 4% 12px 0;
	float:left;
}

#wrap_layout1 #contents_works ul li:nth-child(3n){
	padding-right:0;
}

#wrap_layout1 #contents_works ul li img{
	width:100%;
	height:auto;
}


/* 紹介文 */
.intro_sp{
	width:94%;
	min-width:300px;
	margin:0 auto;
	background-color:#ffffcd;
	border:solid 1px #5e9b9c;
}

.intro_sp p{
	padding:15px;
	line-height:1.6;
}

/*---------------------------------
　サービスページ
---------------------------------*/

/*---------------------------------
　サービス/Service
---------------------------------*/

/* 見出し画像 */
#title_service{
	width:100%;
	min-width:300px;
	height:50px;
	margin:10px auto 10px;
	background:url(image/title_service2.jpg) left bottom no-repeat;
	text-indent:100%;
	white-space:nowrap;
	overflow:hidden;
}


/*---------------------------------
　ホームページ制作
---------------------------------*/

/* 見出し画像 */
#title_hpseisaku{
	width:100%;
	min-width:300px;
	height:29px;
	margin:0 auto;
	background:url(image/title_hpseisaku.jpg) left no-repeat;
	text-indent:100%;
	white-space:nowrap;
	overflow:hidden;
}

/* コンテンツ */
table#hpseisaku{
	width:100%;
	min-width:300px;
	margin:0 auto 25px;
	border:1px solid #5f999d;
	background-color:#e6fde1;
}


/* 金額表示無しの設定 */
table#hpseisaku td.left{
	width:94%;
	padding:0 0 10px 3%;
	line-height:1.6;
	font-size:13px;
}

table#hpseisaku td.right{
	width:3%;
	padding-bottom:10px;
	line-height:1.6;
	font-size:14px;
	color:#D56A00;
	font-weight:bold;
	text-align:right;	
}

/* 金額表示有りの設定 */
/*
table#hpseisaku td.left{
	width:62%;
	padding:0 0 10px 3%;
	line-height:1.6;
	font-size:13px;
}

table#hpseisaku td.right{
	width:32%;
	padding:0 3% 10px 0;
	line-height:1.6;
	font-size:14px;
	color:#D56A00;
	font-weight:bold;
	text-align:right;	
}
*/

table#hpseisaku tr:first-child td{
	padding-top:15px;
}

table#hpseisaku tr:last-child td{
	padding-bottom:15px;
}

/*---------------------------------
　SEO、インターネット広告
---------------------------------*/

/* 見出し画像 */
#title_seo_netkoukoku{
	width:100%;
	min-width:300px;
	height:29px;
	margin:0 auto;
	background:url(image/title_seo_netkoukoku.jpg) left no-repeat;
	text-indent:100%;
	white-space:nowrap;
	overflow:hidden;
}

/* コンテンツ */
table#seo_netkoukoku{
	width:100%;
	min-width:300px;
	margin:0 auto 25px;
	border:1px solid #5f999d;
	background-color:#e9f8ff;
}

table#seo_netkoukoku td{
	width:94%;
	padding:0 3% 10px;
	line-height:1.6;
	font-size:13px;
}

/* 金額表示無しの設定 */
table#seo_netkoukoku td.left{
	width:94%;
	padding:0 0 10px 3%;
	line-height:1.6;
	font-size:13px;
}

table#seo_netkoukoku td.right{
	width:3%;
	padding-bottom:10px;
	line-height:1.6;
	font-size:14px;
	color:#D56A00;
	font-weight:bold;
	text-align:right;	
}

/* 金額表示有りの設定 */
/*
table#seo_netkoukoku td.left{
	width:62%;
	padding:0 0 10px 3%;
	line-height:1.6;
	font-size:13px;
}

table#seo_netkoukoku td.right{
	width:32%;
	padding:0 3% 10px 0;
	line-height:1.6;
	font-size:14px;
	color:#D56A00;
	font-weight:bold;
	text-align:right;	
}
*/

table#seo_netkoukoku tr:first-child td{
	padding-top:15px;
}

table#seo_netkoukoku tr:last-child td{
	padding-bottom:15px;
}

/* フォントサイズ12px */
.size12{
	font-size:12px;
}

/*---------------------------------
　更新、運営サポート
---------------------------------*/

/* 見出し画像 */
#title_koushin_unei{
	width:100%;
	min-width:300px;
	height:29px;
	margin:0 auto;
	background:url(image/title_koushin_unei.jpg) left no-repeat;
	text-indent:100%;
	white-space:nowrap;
	overflow:hidden;
}

/* コンテンツ */
table#koushin_unei{
	width:100%;
	min-width:300px;
	margin:0 auto 25px;
	border:1px solid #5f999d;
	background-color:#ffeff9;
}

table#koushin_unei td{
	width:94%;
	padding:0 3% 10px;
	line-height:1.6;
	font-size:13px;
}

/* 金額表示無しの設定 */
table#koushin_unei td.left{
	width:94%;
	padding:0 0 10px 3%;
	line-height:1.6;
	font-size:13px;
}

table#koushin_unei td.right{
	width:3%;
	padding-bottom:10px;
	line-height:1.6;
	font-size:14px;
	color:#D56A00;
	font-weight:bold;
	text-align:right;	
}


/* 金額表示有りの設定 */
/*
table#koushin_unei td.left{
	width:62%;
	padding:0 0 10px 3%;
	line-height:1.6;
	font-size:13px;
}

table#koushin_unei td.right{
	width:32%;
	padding:0 3% 10px 0;
	line-height:1.6;
	font-size:14px;
	color:#D56A00;
	font-weight:bold;
	text-align:right;	
}
*/

table#koushin_unei tr:first-child td{
	padding-top:15px;
}

table#koushin_unei tr:last-child td{
	padding-bottom:15px;
}


/*---------------------------------
　作業内容
---------------------------------*/

/* 見出し画像 */
#title_price{
	width:100%;
	min-width:300px;
	height:29px;
	margin:0 auto;
	background:url(image/title_option.jpg) left no-repeat;
	text-indent:100%;
	white-space:nowrap;
	overflow:hidden;
}

/* コンテンツ */
table#price{
	width:100%;
	min-width:300px;
	margin:0 auto 25px;
	border:1px solid #5f999d;
	background-color:#ffe8cc;
}

/* 金額表示無しの設定 */
table#price td.left{
	width:94%;
	padding:0 0 10px 3%;
	line-height:1.8;
	font-size:13px;
}

table#price td.right{
	width:3%;
	padding-bottom:10px;
	line-height:1.8;
	font-size:13px;
	text-align:right;	
}


/* 金額表示有りの設定 */
/*
table#price td.left{
	width:62%;
	padding:0 0 10px 3%;
	line-height:1.8;
	font-size:13px;
}

table#price td.right{
	width:32%;
	padding:0 3% 10px 0;
	line-height:1.8;
	font-size:13px;
	text-align:right;	
}
*/

table#price tr:first-child td{
	padding-top:14px;
}

table#price tr:last-child td{
	padding-bottom:15px;
}

/* サービスページ フッターテキスト */
p.service_footer-text{
	width:94%;
	text-align:left;
	margin:0;	
	padding:0 3%;
}

/*---------------------------------
　制作実績ページ
---------------------------------*/

/* 見出し画像 */
#title_works{
	width:100%;
	min-width:300px;
	height:50px;
	margin:10px auto 25px;
	background:url(image/title_works2.jpg) left bottom no-repeat;
	text-indent:100%;
	white-space:nowrap;
	overflow:hidden;
}

#wrap_layout2 #contents_works{
	width:100%;
	margin:0 auto 25px;
}

#wrap_layout2 #contents_works ul{
	width:98%;
    list-style:none;
	padding:0 1%;
}

#wrap_layout2 #contents_works ul li{
	width:30%;
	padding:0 4% 12px 0;
	float:left;
}

#wrap_layout2 #contents_works ul li:nth-child(3n){
	padding-right:0;
}

/* 最後の行の下余白を0に設定 */
#wrap_layout2 #contents_works ul li:nth-last-child(1),
#wrap_layout2 #contents_works ul li:nth-last-child(2),
#wrap_layout2 #contents_works ul li:nth-last-child(3)
{
	padding-bottom:0;
}

#wrap_layout2 #contents_works ul li img{
	width:100%;
	height:auto;
}

/* 制作実績ページ フッターテキスト */
.footer-text_box{
	width:100%;
	margin:0 auto;
}

p.work_footer-text
{
	width:auto;
	font-size:15px;
	float:right;
	margin-right:4%;
}

/*---------------------------------
　会社案内ページ
---------------------------------*/

/* 見出し画像 */
#title_about-us{
	width:100%;
	min-width:300px;
	height:40px;
	margin:20px auto;
	background:url(image/title_about_us2.jpg) left no-repeat;
	text-indent:100%;
	white-space:nowrap;
	overflow:hidden;
}

#wrap_layout2 .contents2{
	width:90%;
	height:auto;
	margin:0 auto 5px;
	padding:20px 5%;
	line-height:1.6;
	border:solid 1px #5E9B9C;
	background-color:#FFFFCD;
}

#wrap_layout2 .contents2 p{
	margin-bottom:10px;
}

#wrap_layout2 .contents2 p:last-child{
	margin-bottom:0;
}

/* 従業員一同 */
#wrap_layout2 .contents2 p.sign{
	padding-top:10px;
	padding-right:3%;
	text-align:right;
}

/* 注記 */
.chuki{
	font-size:12px;
}

/*---------------------------------
　お知らせページ
---------------------------------*/

/* 見出し画像 */
#title_news{
	width:100%;
	min-width:300px;
	height:50px;
	margin:10px auto 20px;
	background:url(image/title_news.jpg) left bottom no-repeat;
	text-indent:100%;
	white-space:nowrap;
	overflow:hidden;
}

/* お知らせ有り */
#wrap_layout2 .contents_news{
	width:90%;
	min-height:138px;
	height:auto;
	margin:0 auto 50px;
	padding:20px 5%;
	line-height:1.6;
	border:solid 1px #5E9B9C;
	background-color:#FFFFCD;
}

/* お知らせ無し */
#wrap_layout2 .contents_news-non{
	width:90%;
	min-height:138px;
	margin:0 auto 50px;
	padding:50px 5%;
	text-align:center;
	line-height:1.4;
}

/*---------------------------------------
　メニューボタン
---------------------------------------*/

ul.button{
 width:100%;
 overflow: hidden;
}

ul.button li a{
 width:49%;
 height:48px;
 background: url(image/navi-bkmenu.jpg) repeat-x;
 color:#555555;
 font-size:14px;
 font-weight:bold;
 font-family:"メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
 text-align:center;
 text-decoration:none;
 line-height:3.5;
 display:block;
 float:right;
 border-top:2px solid #e0e5e1;
 border-right:1px solid #e0e5e1;
 border-left:1px solid #e0e5e1;
}

/* News Service TEL */
ul.button li#spbtn1 a,
ul.button li#spbtn3 a,
ul.button li#spbtn5 a
{
 float:left;
}

/* TEL */
/*
ul.button li#spbtn5 a{
 float:left;
 background: url(image/navi-bktel.jpg) left no-repeat;
 background-color:#ffffcd;
 -moz-background-size:320px 48px;
 -webkit-background-size:320px 48px;
 background-size:320px 48px;
}
*/

/* HOME */
ul.button li#spbtn7 a{
 float:left;
 background: url(image/navi-bkhome.jpg) left no-repeat;
 background-color:#fdfde7;
 -moz-background-size:320px 48px;
 -webkit-background-size:320px 48px;
 background-size:320px 48px;
 border-top:2px solid #e0e5e1;
 border-bottom:2px solid #e0e5e1;
}

/* ぺージトップへ */
ul.button li#spbtn8 a{
 background: url(image/navi-bktop.jpg) left no-repeat;
 background-color:#fdfde7;
 -moz-background-size:320px 48px;
 -webkit-background-size:320px 48px;
 background-size:320px 48px;
 border-top:2px solid #e0e5e1;
 border-bottom:2px solid #e0e5e1;
}

/*---------------------------------------
　バナー
---------------------------------------*/

ul.banner{
 width:100%;
 overflow: hidden;
}

ul.banner li{
 width:50%;
 height:57px;
 text-align:center;
 float:left;
 list-style:none;
}

/*---------------------------------------
　フッター
---------------------------------------*/

footer#footer_layout1,
footer#footer_layout2
{
	width:94%;
	min-width:300px;
	margin:0 auto;
	color:#555555;
}

footer#footer_layout1 table,
footer#footer_layout2 table
{
	width:100%;
}

/*コピーライト*/
.copyright{
	text-align:center;
	padding-top:15px;
}

/*---------------------------------------
　その他設定
---------------------------------------*/

/* 改行 */
span.sp_break{
	display:block;
	margin-bottom:-17px;
}

/*=======================================
  お問合せページ
=========================================*/

/* 見出し画像 */
#title_contact{
	width:100%;
	min-width:300px;
	height:50px;
	margin:10px auto 20px;
	background:url(image/title_contact.jpg) left bottom no-repeat;
	text-indent:100%;
	white-space:nowrap;
	overflow:hidden;
}

/*---------------------------------------
　フォームの設定 
----------------------------------------*/

#contact-form,
#contact-form_kakunin
{
	width:100%;
	margin:0 auto 20px;
	padding:10px 0;
}

#mailform_box{
	width:100%;
	margin:0 auto;
}

/* フォーム注記 */
.contact_chuki{
	text-align:left;
	padding-bottom:11px;
}

/* 入力内容確認メッセージ */
.contact_kakunin{
	text-align:left;
	padding-top:10px;
	padding-bottom:10px;
}

/** スマホ横向きの表示設定(入力内容確認メッセージ) **/
@media all and (orientation:landscape)
{
.contact_kakunin{
	text-align:center;
}
}

#mailform_box dl{
	width:100%;
}

#mailform_box dl dt {
	width:89%;
	font-size:12px;
	padding:10px 5.5%;
	border-top:1px solid #5f999d;
	border-left:1px solid #5f999d;
	border-right:1px solid #5f999d;
	background-color:#e9f8ff;
}

#mailform_box dl dd {
	width:89%;
	font-size:12px;
	padding:10px 5.5%;
	border-top:1px solid #5f999d;
	border-left:1px solid #5f999d;
	border-right:1px solid #5f999d;
	background-color:#ffffcd;
}

/* お問合せ内容欄 */
#mailform_box dl dd.toiawase
{
	width:88.4%;
	padding:10px 5.8%;
	border-bottom:1px solid #5f999d;
}

/* 入力欄の設定 */
#mailform_box input[type="text"]{
	font-size:13px;
	color:#555555;
	border:1px solid #aeadab;
	-webkit-border-radius:3px 3px 3px 3px;
	-moz-border-radius:3px 3px 3px 3px;
	border-radius:3px 3px 3px 3px;
	width:96%;
	padding:5px 2%;
}

#mailform_box textarea{
	font-size:13px;
	color:#555555;
	border:1px solid #aeadab;
	-webkit-border-radius:3px 3px 3px 3px;
	-moz-border-radius:3px 3px 3px 3px;
	border-radius:3px 3px 3px 3px;
	width:96%;
	height:125px;
	padding:5px 2%;
}

/*---------------------------------------
　確認・送信ボタンの設定 
----------------------------------------*/

#submit_box{
	width:100%;
}

form#mailform input[type="submit"],
#submit_box input[type="submit"]
{	
	width:41.8%;
	height:auto;
	min-height:45px;
	font-size:13px;
	font-weight:normal;
	font-family:"メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	color:#333333;
	margin-top:30px;
	padding:0;
 	background-color:#ffffcd;
	text-align:center;
	line-height:1.9;
	border:1px solid #5f999d;
	-webkit-border-radius:3px 3px 3px 3px;
	-moz-border-radius:3px 3px 3px 3px;
	border-radius:3px 3px 3px 3px;
	-webkit-appearance:none;
}

/* 確認ボタン */
form#mailform input.kakunin_btn{
	margin-left:29.1%;
	clear:both;
}

/* 送信ボタン */
#submit_box input.send_btn{
	margin-left:5.7%;
	float:left;
	clear:both;
}

/* 戻るボタン */
#submit_box input.back_btn{
	margin-left:5%;
	float:left;
	clear:both;
}


/*---------------------------------------
　お問合せエラー/送信完了画面 
----------------------------------------*/

/* 入力エラーメッセージ */
#error_comment{
	color:#ff0000;
	padding-bottom:10px;
	padding-left:12px;
}

#wrap_layout2 .contents_contact{
	width:90%;
	margin:0 auto 50px;
	padding:50px 5%;
	text-align:center;
	line-height:1.4;
}

#wrap_layout2 .contents_contact p{
	font-size:13px;
	padding-bottom:10px; 
}

#wrap_layout2 .contents_contact p.error{
	font-weight:bold;
}

/*---------------------------------------
　サイトポリシー 
----------------------------------------*/

.contact_policy{
	width:90%;
	margin:0 auto;
	padding:10px 5%;
	line-height:1.6;
}


/* お知らせ無し */
#wrap_layout2 .contents_news-none
{
	width:90%;
	min-height:80px;	
	margin:0 auto;
	padding:40px 5% 0px 5%;
	text-align:center;
	line-height:1.6;
	font-size:13px;
}	


/*=======================================
  非表示設定
=========================================*/

/* TOP画像 */
#main-image{
	display:none;
}

/* トップページ　見出しサービス */
#contents-box_col2_r .title a{
	display:none;
}

/* トップページ　見出し制作実績 */
#contents_works .title a{
	display:none;
}

/* トップページ　moreボタン */
.link_bt{
	display:none;
}

/*---------------------------------------
　フッター
---------------------------------------*/

/* リンク */
footer#footer_layout1 table td.left,
footer#footer_layout2 table td.left
{
	display:none;
}

/* 住所・電話番号 */
footer#footer_layout1 table td.right,
footer#footer_layout2 table td.right
{
	display:none;
}

/* コメント */
p.small-txt,
p.small-txt2
{
	display:none;
}

/* Page Topボタン */
.page_top_layout2{
	display:none;
}

/*---------------------------------------
　ナビゲーション
---------------------------------------*/

nav#navi{
	display:none;
}

}


/*================================================================================================================================
  画面の横幅が768px以上
================================================================================================================================*/

@media screen and (min-width:768px) 
{

/*---------------------------------------
レイアウト設定
---------------------------------------*/

/* 枠 */
#wrap_layout1,#wrap_layout2{
	width:800px;
	margin:0 auto;
	background-image:url(image/page_bg.jpg);
	background-repeat:repeat-y;
}
#inner_layout1{
	width:716px;
	margin:0 auto;
	clear:both;
}
#inner_layout2{
	width:800px;
	clear:both;
}

#inner_left{
	width:630px;
	background-image:url(image/inner_left_bg.jpg);
	background-repeat:repeat-y;
	float:left;
}

/* ヘッダー */
header{
	width:798px;
	height:45px;
	border-left:1px solid #000;
	border-right:1px solid #000;
	background:url(image/header_bg.jpg) top right repeat-x;
	clear:both;
}

header .rogo{
	width:289px;
	height:45px;
	float:left;
}

header .rogo img{
	width:289px;
	height:45px;
}

/*ナビゲーション*/
nav#navi{
	float:right;
	width:170px;
	margin-top:43px;
}

.button{
	margin:0px 6px -2px;;
}

/* バナー1（ノービル） */
.banner1{
	margin-top:22px;
	margin-left:22px;
	clear:both;
}

/* バナー2（share'n win-win） */
.banner2{
	margin-top:6px;
	margin-left:28px;
	clear:both;
}

/* トップ画像 */
#main-image{
	width:800px;
	height:240px;
}

#main-image2{/* 会社案内ページ */
	width:800px;
	height:240px;
}

/* トップ下画像 */
#mainsita-image{
	width:800px;
	height:122px;
}
#wrap_layout1 #main-image{
	margin-bottom:20px;
}

/*---------------------------------
　HOME
---------------------------------*/

/* News */
#wrap_layout1 .contents_news{
	width:716px;
	padding-bottom:13px;
	text-align:right;
	clear:both;
}

/* 事業内容-サービス */
#contents-box_col2{
	width:716px;
	margin:0 auto 30px;
}

/* 事業内容 */
#contents-box_col2_l{
	width:343px;
	float:left;
	border-bottom:1px solid #5e9b9c;
}

#contents-box_col2_l .title a{
	width:343px;
	height:46px;
	display:block;
	background:url(image/title_business_lines.jpg) left no-repeat;
	text-indent:100%;
	white-space:nowrap;
	overflow:hidden;
}

#contents-box_col2_l .contents{
	width:328px;
	height:148px;
	padding:29px 0 0 15px;
}

#contents-box_col2_l .contents p{
	line-height:1.6;
	padding-bottom:10px;
	font-size:13px;
	color:#000;
}

/* サービス */
#contents-box_col2_r{
	width:338px;
	float:right;
	border-bottom:1px solid #5e9b9c;
}

#contents-box_col2_r .title a{
	width:338px;
	height:46px;
	display:block;
	background:url(image/title_service.jpg) left no-repeat;
	text-indent:100%;
	white-space:nowrap;
	overflow:hidden;
}

#contents-box_col2_r .contents{
	width:323px;
	height:148px;
	padding:29px 0 0 15px;
}

#contents-box_col2_r .contents p{
	line-height:1.6;
	padding-bottom:10px;
	font-size:13px;
	color:#000;
}

#contents-box_col2_r table{
	width:323px;
}

#contents-box_col2_r table td.title{
	width:193px;
}

/* ＋スマホサイト付き */
/*
#contents-box_col2_r table tr:nth-child(2) td.title{
	width:174px;
	padding-left:19px;
}
*/

#contents-box_col2_r table td.price{
	width:88px;
	padding-right:42px;
	text-align:right;
}

/* SEO、更新代行の金額 */
/*
#contents-box_col2_r table tr:nth-child(3) td.price,
#contents-box_col2_r table tr:nth-child(4) td.price{
	width:106px;
	padding-right:24px;
}
*/

/* リンクボタン */
.link_bt{
	text-align:right;
	margin:0px 20px 14px 0px;
}

/* 制作実績 */
#wrap_layout1 #contents_works{
	width:716px;
	margin:0 auto 16px;
}

#wrap_layout1 #contents_works .title a{
	width:716px;
	height:40px;
	margin-bottom:30px;
	display:block;
	background:url(image/title_works.jpg) no-repeat;
	text-indent:100%;
	white-space:nowrap;
	overflow:hidden;
}


#wrap_layout1 #contents_works ul{
	width:682px;
    list-style:none;
	padding-left:17px;
	margin-bottom:17px;
}

#wrap_layout1 #contents_works ul li{
	width:90px;
	padding:0 28px 13px 0;
	float:left;
}

#wrap_layout1 #contents_works ul li:nth-child(6n){
	padding-right:0;
}

#wrap_layout1 #contents_works ul li img{
	width:90px;
	height:90px;
}

/*---------------------------------
　サービスページ
---------------------------------*/

/*---------------------------------
　サービス/Service
---------------------------------*/

/* 見出し画像 */
#title_service{
	width:610px;
	height:50px;
	margin:10px auto 10px;
	background:url(image/title_service2.jpg) left bottom no-repeat;
	text-indent:100%;
	white-space:nowrap;
	overflow:hidden;
}


/*---------------------------------
　ホームページ制作
---------------------------------*/

/* 見出し画像 */
#title_hpseisaku{
	width:610px;
	height:29px;
	margin:0 auto;
	background:url(image/title_hpseisaku.jpg) left no-repeat;
	text-indent:100%;
	white-space:nowrap;
	overflow:hidden;
}

/* コンテンツ */
table#hpseisaku{
	width:610px;
	margin:0 auto 25px;
	border:1px solid #5f999d;
	background-color:#e6fde1;
}


table#hpseisaku td.left{
	width:435px;
	padding:0 0 10px 15px;
	line-height:1.6;
	font-size:13px;
}

table#hpseisaku td.right{
	width:125px;
	padding:0 35px 10px 0;
	line-height:1.6;
	font-size:15px;
	color:#D56A00;
	font-weight:bold;
	text-align:right;	
}

table#hpseisaku tr:first-child td{
	padding-top:15px;
}

table#hpseisaku tr:last-child td{
	padding-bottom:15px;
}

/*---------------------------------
　SEO、インターネット広告
---------------------------------*/

/* 見出し画像 */
#title_seo_netkoukoku{
	width:610px;
	height:29px;
	margin:0 auto;
	background:url(image/title_seo_netkoukoku.jpg) left no-repeat;
	text-indent:100%;
	white-space:nowrap;
	overflow:hidden;
}

/* コンテンツ */
table#seo_netkoukoku{
	width:610px;
	margin:0 auto 25px;
	border:1px solid #5f999d;
	background-color:#e9f8ff;
}

table#seo_netkoukoku td{
	width:580px;
	padding:0 15px 10px;
	line-height:1.6;
	font-size:13px;
}

table#seo_netkoukoku td.left{
	width:435px;
	padding:0 0 10px 15px;
	line-height:1.6;
	font-size:13px;
}

table#seo_netkoukoku td.right{
	width:125px;
	padding:0 35px 10px 0;
	line-height:1.6;
	font-size:15px;
	color:#D56A00;
	font-weight:bold;
	text-align:right;	
}

table#seo_netkoukoku tr:first-child td{
	padding-top:15px;
}

table#seo_netkoukoku tr:last-child td{
	padding-bottom:15px;
}

/*---------------------------------
　更新、運営サポート
---------------------------------*/

/* 見出し画像 */
#title_koushin_unei{
	width:610px;
	height:29px;
	margin:0 auto;
	background:url(image/title_koushin_unei.jpg) left no-repeat;
	text-indent:100%;
	white-space:nowrap;
	overflow:hidden;
}

/* コンテンツ */
table#koushin_unei{
	width:610px;
	margin:0 auto 25px;
	border:1px solid #5f999d;
	background-color:#ffeff9;
}

table#koushin_unei td{
	width:580px;
	padding:0 15px 10px;
	line-height:1.6;
	font-size:13px;
}

table#koushin_unei td.left{
	width:435px;
	padding:0 0 10px 15px;
	line-height:2.2;
	font-size:13px;
}

table#koushin_unei td.right{
	width:125px;
	padding:0 35px 10px 0;
	line-height:1.6;
	font-size:15px;
	color:#D56A00;
	font-weight:bold;
	text-align:right;	
}

table#koushin_unei tr:first-child td{
	padding-top:15px;
}

table#koushin_unei tr:last-child td{
	padding-bottom:15px;
}


/*---------------------------------
　作業内容
---------------------------------*/

/* 見出し画像 */
#title_price{
	width:610px;
	height:29px;
	margin:0 auto;
	background:url(image/title_option.jpg) left no-repeat;
	text-indent:100%;
	white-space:nowrap;
	overflow:hidden;
}

/* コンテンツ */
table#price{
	width:610px;
	margin:0 auto 25px;
	border:1px solid #5f999d;
	background-color:#ffe8cc;
}

table#price td.left{
	width:435px;
	padding:0 0 10px 15px;
	line-height:1.8;
	font-size:13px;
}

table#price td.right{
	width:125px;
	padding:0 35px 10px 0;
	line-height:1.8;
	font-size:13px;
	text-align:right;	
}

table#price tr:first-child td{
	padding-top:15px;
}

table#price tr:last-child td{
	padding-bottom:15px;
}

/* サービスページ フッターテキスト */
p.service_footer-text{
	width:550px;
	text-align:left;
	margin:0;	
	padding:0 30px;
}

/*---------------------------------
　制作実績ページ
---------------------------------*/

/* 見出し画像 */
#title_works{
	width:610px;
	height:50px;
	margin:10px auto 25px;
	background:url(image/title_works2.jpg) left bottom no-repeat;
	text-indent:100%;
	white-space:nowrap;
	overflow:hidden;
}

#wrap_layout2 #contents_works{
	width:530px;
	margin:0 auto 25px;
}

#wrap_layout2 #contents_works ul{
	width:530px;
    list-style:none;
}

#wrap_layout2 #contents_works ul li{
	width:110px;
	padding:0 30px 20px 0;
	float:left;
}

#wrap_layout2 #contents_works ul li:nth-child(4n){
	padding-right:0;
}

/* 最後の行の下余白を0に設定 */
#wrap_layout2 #contents_works ul li:nth-last-child(1),
#wrap_layout2 #contents_works ul li:nth-last-child(2),
#wrap_layout2 #contents_works ul li:nth-last-child(3),
#wrap_layout2 #contents_works ul li:nth-last-child(4)
{
	padding-bottom:0;
}


#wrap_layout2 #contents_works ul li img{
	width:110px;
	height:110px;
}

/* 制作実績ページ フッターテキスト */
.footer-text_box{
	width:610px;
	margin:5px auto 0;
}

p.work_footer-text
{
	width:auto;
	font-size:13px;
	float:right;
	margin-right:20px;
}

/*---------------------------------
　会社案内ページ
---------------------------------*/

/* 見出し画像 */
#title_about-us{
	width:610px;
	height:40px;
	margin:20px auto;
	background:url(image/title_about_us2.jpg) left no-repeat;
	text-indent:100%;
	white-space:nowrap;
	overflow:hidden;
}

#wrap_layout2 .contents2{
	width:580px;
	height:auto;
	margin:0 auto 5px;
	padding:20px 15px;
	line-height:1.6;
	border:solid 1px #5E9B9C;
	background-color:#FFFFCD;
	font-size:13px;
}

#wrap_layout2 .contents2 p{
	margin-bottom:10px;
}

#wrap_layout2 .contents2 p:last-child{
	margin-bottom:0;
}

/* 従業員一同 */
#wrap_layout2 .contents2 p.sign{
	padding-top:10px;
	padding-left:423px;
}


/*---------------------------------
　お知らせページ
---------------------------------*/

/* 見出し画像 */
#title_news{
	width:610px;
	height:40px;
	margin:20px auto;
	background:url(image/title_news.jpg) left no-repeat;
	text-indent:100%;
	white-space:nowrap;
	overflow:hidden;

}

.contents_news_wrap{
	width:630px;
	height:auto;
	min-height:450px;
}

/* お知らせ有り */
#wrap_layout2 .contents_news{
	width:580px;
	min-height:138px;
	height:auto;
	margin:0 auto;
	padding:20px 15px;
	line-height:1.4;
	border:solid 1px #5E9B9C;
	background-color:#FFFFCD;
	font-size:13px;
}

/* お知らせ無し */
#wrap_layout2 .contents_news-none
{
	width:580px;
	margin:0 auto;
	padding:120px 15px 0;
	text-align:center;
	line-height:1.4;
	font-size:13px;
}	

/*---------------------------------------
　フッター(トップページ)
---------------------------------------*/

footer#footer_layout1{
	width:716px;
	margin:0 auto;
	color:#555555;
	clear:both;
}

footer#footer_layout1 table{
	width:716px;
	border-top:1px solid #5e9b9c;
}

/* リンク */
footer#footer_layout1 table td.left{
	width:326px;
	padding:5px 0 10px 10px;
	line-height:1.6;
}

/* 住所・電話番号 */
footer#footer_layout1 table td.right{
	width:357px;
	padding:5px 0 10px 23px;
	line-height:1.6;
}

/* コメント */
#inner_layout1 p.small-txt{
	font-size:11px;
	color:#555555;
	margin:0 0 10px 10px;
}

/*コピーライト*/
.copyright{
	text-align:center;
	padding-top:15px;
}

/*---------------------------------------
　フッター(下層ページ)
---------------------------------------*/

footer#footer_layout2{
	width:800px;
	margin:0 auto;
	color:#555555;
	background-image:url(image/page_bg.jpg);
	background-repeat:repeat-y;
	clear:both;
}

footer#footer_layout2 table{
	width:780px;
	margin:0 auto;
	border-top:1px solid #5e9b9c;
}

/* リンク */
footer#footer_layout2 table td.left{
	width:390px;
	padding:5px 0 10px 10px;
	line-height:1.6;
}

/* 住所・電話番号 */
footer#footer_layout1 table td.right{
	width:357px;
	padding:5px 0 10px 23px;
	line-height:1.6;
}

/* コメント */
#inner_layout2 p.small-txt2{
	font-size:11px;
	color:#555555;
	margin:0 0 10px 20px;
}

/*PageTop*/
.page_top_layout2{
	width:620px;
	padding-right:10px;
	text-align:right;
	margin-top:25px;
	margin-bottom:20px;
	clear:both;
}

/*---------------------------------------
　その他設定
---------------------------------------*/

/* フォントサイズ12px */
.size12{
	font-size:12px;
}

/* 改行 */
span.break{
	display:block;
	padding-left:11px;
	margin-bottom:-17px;
}

/** iPad hack-start **/
@media screen and (max-device-width: 1024px) {
span.break{
	display:inline-block;
	padding-left:0;
	margin-bottom:0;
}
}
/** iPad、iPhone hack-end **/

/*=======================================
  お問合せページ
=========================================*/

/* 見出し画像 */
#title_contact{
	width:610px;
	height:40px;
	margin:20px auto;
	background:url(image/title_contact.jpg) left no-repeat;
	text-indent:100%;
	white-space:nowrap;
	overflow:hidden;
}

/*---------------------------------------
　フォームの設定 
----------------------------------------*/

#contact-form,
#contact-form_kakunin
{
	width:534px;
	margin:0 auto 30px;
	padding-top:10px;
}

#mailform_box{
	width:534px;
	margin:0 auto;
}

/* フォーム注記 */
.contact_chuki{
	text-align:right;
	padding-bottom:11px;
}

/* 入力内容確認メッセージ */
.contact_kakunin{
	text-align:center;
	padding-top:10px;
	padding-bottom:10px;
}


#mailform_box dl{
	width:534px;
}

#mailform_box dl dt {
	float:left;
	clear:both;
	width:164px;
	min-height:20px;
	height:39px;
	font-size:12px;
	padding:13px 0 0 15px;
	border-top:1px solid #5f999d;
	border-left:1px solid #5f999d;
	border-right:1px solid #5f999d;
	background-color:#e9f8ff;
}

#mailform_box dl dd {
	margin-left:179px;
	width:316px;
	font-size:12px;
	padding:13px 18px;
	border-top:1px solid #5f999d;
	border-right:1px solid #5f999d;
	background-color:#ffffcd;
}

#contact-form_kakunin #mailform_box dl dd{/* 確認画面 */
	height:26px;
	padding:13px 18px;
}

/* お問合せ内容欄 */
#mailform_box dl dt.toiawase,
#mailform_box dl dd.toiawase
{
	border-bottom:1px solid #5f999d;
}

#mailform_box dl dt.toiawase{
	min-height:155px;
}

#mailform_box dl dd.toiawase{
	width:314px;
	padding:13px 19px;
	min-height:142px;
}



/* 入力欄の設定 */
#mailform_box input[type="text"]{
	font-size:12px;
	color:#555555;
	border:1px solid #aeadab;
	-webkit-border-radius:3px 3px 3px 3px;
	-moz-border-radius:3px 3px 3px 3px;
	border-radius:3px 3px 3px 3px;
	width:306px;
	padding:5px;
}

#mailform_box textarea{
	font-size:12px;
	color:#555555;
	border:1px solid #aeadab;
	-webkit-border-radius:3px 3px 3px 3px;
	-moz-border-radius:3px 3px 3px 3px;
	border-radius:3px 3px 3px 3px;
	width:304px;
	height:125px;
	padding:5px;
}

/*---------------------------------------
　確認・送信ボタンの設定 
----------------------------------------*/

#submit_box{
	width:534px;
	
}

form#mailform input[type="submit"],
#submit_box input[type="submit"]
{
	width:134px;
	height:45px;
	font-size:13px;
	font-weight:normal;
	font-family:"メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	color:#333333;
	margin-top:30px;
	padding:0;
 	background-color:#ffffcd;
	text-align:center;
	line-height:1.9;
	border:1px solid #5f999d;
	-webkit-border-radius:3px 3px 3px 3px;
	-moz-border-radius:3px 3px 3px 3px;
	border-radius:3px 3px 3px 3px;
	clear:both;
}

/* 確認ボタン */
form#mailform input.kakunin_btn{
	margin-left:200px;
	clear:both;
}

/* 送信ボタン */
#submit_box input.send_btn{
	float:left;
	margin-left:125px;
	clear:both;
}

/* 戻るボタン */
#submit_box input.back_btn{
	float:left;
	margin-left:16px;
	clear:both;
}

/*---------------------------------------
　お問合せエラー/送信完了画面 
----------------------------------------*/

/* 入力エラーメッセージ */
#error_comment{
	color:#ff0000;
	padding-bottom:10px;
	padding-left:12px;
}

#wrap_layout2 .contents_contact{
	width:580px;
	margin:0 auto 300px;
	padding:120px 15px 0;
	text-align:center;
	line-height:1.4;
}

#wrap_layout2 .contents_contact p{
	font-size:13px;
	padding-bottom:10px; 
}

#wrap_layout2 .contents_contact p.error{
	font-weight:bold;
}

/*---------------------------------------
　サイトポリシー 
----------------------------------------*/

.contact_policy{
	width:505px;
	margin:0 0 50px 66px;
	padding:10px 0;
	line-height:1.6;
}


/*---------------------------------------
　スマホ用（非表示設定）
---------------------------------------*/

/* TOP画像 */
#main-image_sp{
	display:none;
}
/* TOP画像 */
#mainsita-image_sp{
	display:none;
}

/* HOME 紹介文 */
.intro_sp{
	display:none;
}

/* メニューボタン */
nav#sp-nav{
	display:none;
}

/* バナー */
aside .banner{
	display:none;
}

/* トップページ　見出しサービス */
#contents-box_col2_r .title_sp{
	display:none;
}

/* トップページ　見出し制作実績 */
#contents_works .title_sp{
	display:none;
}

/* トップページ　moreボタン */
.link_bt_sp{
	display:none;
}

/* Cotactページ nameタグ */
.contact_link_sp{
	display:none;
}

}