@charset "UTF-8";

body, th, td, p, h1, h2, h3, h4, h5, h6 {
font-family: 'ＭＳ　Ｐゴシック', arial, sans-serif;
font-size: 13px;
}
* { line-height: 1.4; }
input, select, textarea {
line-height: 1.0;
font-size: 15px;
}
div#header, div#main, div#footer, th, td {}
ul, ol { margin: 0 0 10px 2em; padding: 0; }
dt { font-weight: bold; }
/* dd { text-indent: 1em; } */
p {
margin: 0 0 10px 0;
text-indent: 1em;
}

a:link {color: #0000cd;}
body {
	margin: 0px;
	padding: 0px;
	background-color: #ffffff;
	color: #000000;
}
form {margin: 0px;}
h3 {border: solid #300080; border-width: 0px 0px 2px 10px; padding: 0px 0px 1px 4px;}
h4 {
margin: 0 0 10px 0;
padding: 4px;
border-width: 1px;
border-style: solid;
border-color: #fff #300080 #300080 #fff;
background-color: #eef;
}
img {border-width: 0px;}
img.border {border: 1px solid gray;}
div.fig img {
border: 1px solid gray;
margin: 0 0 20px 20px;
}
label { cursor: pointer; }
table {
margin: 0 0 20px 0;
border-width: 0px;
border-collapse: collapse;
}
th, td {
	border-width: 0px;
	padding: 2px 4px 2px 4px;
}
table.border {border: 1px solid gray;}
table.border th, table.border td {border: 1px solid gray ! important;}

div#header {
	margin-left: 10px;
	min-width: 600px;
	background: url(/img/bg1.gif) no-repeat;
}
div#menu {
	background-color: #300080;
	padding-left: 80px;
	height: 20px;
	min-width: 480px;
	white-space: nowrap;
}
div#menu2 {
background-color: #300080;
padding-left: 80px;
height: 20px;
}
div#menu2 a {
display: block;
float: left;
width: 80px;
height: 20px;
background-color: #C0C0FF;
background-repeat: no-repeat;
}
div#menu2 a:hover { background-color: #fff; }
/* 業務案内 */
div#menu2 a.gyoumu {  background-image: url(/img/menu1.gif); }
div#menu2 a.gyoumu:hover { background-image: url(/img/menu1s.gif); }
/* 実績 */
div#menu2 a.jisseki {  background-image: url(/img/menu2.gif); }
div#menu2 a.jisseki:hover { background-image: url(/img/menu2s.gif); }
/* PHPスクリプト */
div#menu2 a.php {  background-image: url(/img/menu3.gif); }
div#menu2 a.php:hover { background-image: url(/img/menu3s.gif); }
/* 研究開発 */
div#menu2 a.kaihatsu {  background-image: url(/img/menu4.gif); }
div#menu2 a.kaihatsu:hover { background-image: url(/img/menu4s.gif); }
/* 無料サービス */
div#menu2 a.services {  background-image: url(/img/menu6.gif); }
div#menu2 a.services:hover { background-image: url(/img/menu6s.gif); }
/* お問い合わせ */
div#menu2 a.contactus {  background-image: url(/img/menu5.gif); }
div#menu2 a.contactus:hover { background-image: url(/img/menu5s.gif); }

div#navigation {
	padding: 4px 0px 0px 10px;
	height: 40px;
	min-width: 540px;
	background: url(/img/bg3.jpg) no-repeat;
}

div#main {padding-left: 40px;}
div#content {
float: left;
margin: 0 10px 60px 0;
width: 500px;
}
div#sidebar {
float: left;
margin: 0 0 60px 0;
width: 200px;
}

div#footer {
	margin: 20px 0px 30px 0px;
	padding: 4px 0px 0px 10px;
	border-top: solid #300080 2px;
	clear: both;
}

/* 価格 */
span.price { color: #900; font-weight: bold; }
/* 価格(打ち消し) */
span.price-line { color: #900; text-decoration: line-through; }
/* 価格(大) */
span.price-big { color: #900; font-weight: bold; font-size: 18px; }

/* 表・項目(背景グレー) */
tr.bg-gray, td.bg-gray {
    background-color: #eeeeee;
    font-weight: bold;
}

.b {font-weight: bold;}
.quote {
	border: dotted gray 1px;
	padding: 4px;
	margin: 0 20px 0 20px;
}
/* 緑文字 */
.green { color: green; }

/* キャンペーン：テンプレートデザイン制作 */
div.order-design {
border: 1px solid #300080;
padding: 6px;
margin-bottom: 20px;
}
/* キャンペーン：携帯絵文字テストBBS */
div.mobile-emoji {
border: 1px solid #300080;
padding: 6px;
}
div.mobile-emoji div.qrcode {
text-align: center;
font-size: 15px;
}