@charset "utf-8";
/* CSS Document */
/*================================================
 *  CSSリセット
 ================================================*/
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,main,menu,nav,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent;font-weight:normal;}body{line-height:1}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:none}a{margin:0;padding:0;font-size:100%;vertical-align:baseline;background:transparent}del{text-decoration:line-through}abbr[title],dfn[title]{border-bottom:1px dotted;cursor:help}table{border-collapse:collapse;border-spacing:0}hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0}input,select{vertical-align:middle}

<!--
nav { height:45px;}
body {
	font: 1.0em/1.4 "メイリオ", Meiryo, Osaka, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS P Gothic", sans-serif;
	background-color: #ccc;
	margin: 0;
	padding: 0;
	line-height:1.5em;
	color: #000;
}
/* ~~ エレメント / タグセレクター ~~ */
ul, ol, dl { /* ブラウザー間の相違により、リストの余白とマージンをゼロにすることをお勧めします。一貫性を保つために、量をここで指定するか、リストに含まれるリスト項目 (LI、DT、DD) で指定できます。より詳細なセレクターを記述しない限り、ここで指定する内容が .nav リストにも適用されることに注意してください。 */
	padding:0;
}
h1, h2, h3, h4, h5, h6 {
	margin-top: 0;	 /* 上マージンを削除すると、マージンを含む block からマージンがはみ出す場合があるという問題を回避できます。残った下マージンにより、後続のエレメントからは離されます。 */
	padding: 0px;
}
p{
	padding:3px 3% 8px 3%;
	line-height:1.4rem;
}
a img { /* このセレクターは、一部のブラウザーでイメージをリンクで囲んだ場合にイメージの周囲に表示される初期設定の青いボーダーを削除します。 */
	border: none;
}
/* ~~ サイトのリンクのスタイル付けは、ホバー効果を作成するセレクターグループも含め、この順序にする必要があります。~~ */
a {
	color: #995e00;
    text-decoration: none; /* 非常に特殊な表示方法でリンクをスタイル付けする場合を除き、一目で見分けられるように下線を指定することをお勧めします。 */
}
a:hover {
	color: #23a8df;
	text-decoration: underline;
}
a:hover, a:active, a:focus { /* このセレクターグループは、キーボードを使用するユーザーに対し、マウスを使用するユーザーと同じホバー効果を提供します。 */
	text-decoration: none;
}
.bold{
	font-weight:bold;
}
.red{
	color:red;
}
.lightblue{
	color:#0175ec;
}
.large1{
	font-size:1.1em;
	line-height:1.8em;
}
.largeTxt{
	font-size:1.2em;
	line-height:2.0em;
}
.smallTxt{
	font-size:0.9em;
	line-height:1.5em;
}
.smallTxt02{
	font-size:0.8em;
	line-height:1.4em;
}
.bold {
	font-weight:bold;
}
.alignR {
	float:right;
	padding:5px 3%;
}
.alignL {
	float:left;
	padding:10px 3% 15px 3%;
}
.alignL02 {
	float:left;
	padding:0 10px 10px 0;
}
/* ~~ この固定幅コンテナが他のすべての block を囲みます。~~ */
.container {
	width: 100%;
	background-color: #FFF;
	margin: 0 auto; /* 幅に加え、両側を自動値とすることで、レイアウトが中央に揃います。 */
}
img {
	max-width:100%;
	max-height:auto;
}
/* ~~ ヘッダーには幅は指定されません。ヘッダーはレイアウトの幅全体まで広がります。~~ */
header {
	background:url(../images/header_bg.gif);
}
header img {
	max-width: 75%;
	height: auto;
}
.border-top{
	width:95%;
border-top: #666 1px dotted;
margin:15px;
padding-top:15px;
overflow:hidden;
}
.width94 {
	width:94%;
	margin:10px 3%;
	clear:right;
	padding:0;
	text-align:right;
}
/* ~~ このセレクターグループは、.content 内のリストに領域間隔を指定します。~~ */
.content ul, .content ol ,section ol , section ul {
	padding: 15px 15px 15px 15px; /* この余白は、上述の見出しと段落ルールの右の余白を表します。下の余白はリスト内の他のエレメントとの間隔用に配置され、左の余白はインデント作成用に配置されています。これは必要に応じて調整できます。 */
}

/* ~~ ナビゲーションリストのスタイル付け (Spry などの事前作成済みのフライアウトメニューを使用する場合は削除できます) ~~ */
ul.nav {
	list-style: none; /* リストのマーカーを削除します。 */
	border-top: 1px solid #666; /* リンク用の上部のボーダーを作成します。他のすべてのものは LI 上で下部のボーダーを使用して配置されます。 */
	margin-bottom: 15px; /* 下のコンテンツのナビゲーション間の間隔を作成します。 */
}
ul.nav li {
	border-bottom: 1px solid #666; /* ボタンの区切り線を作成します。 */
}
ul.nav a, ul.nav a:visited { /* これらのセレクターをグループ化することで、リンクのボタン表示が訪問後も確実に保持されます。 */
	padding: 5px 5px 5px 15px;
	display: block; /* リンクにブロックプロパティを指定し、リンクが含まれる LI 全体がリンクになるようにします。これにより、領域全体がマウスのクリックに反応するようになります。 */
	width: 160px;  /*この幅により、IE6 でボタン全体をクリックできるようになります。IE6 をサポートする必要がない場合は削除できます。適切な幅を計算するには、サイドバーコンテナの幅からそのリンクの余白を減算します。 */
	text-decoration: none;
	background-color: #C6D580;
}
/*ul.nav a:hover, ul.nav a:active, ul.nav a:focus {  マウスを使用する場合もキーボードを使用する場合も、背景色とテキストカラーを変更します。 
	background-color: #ADB96E;
	color: #FFF;
} */

/*HTML 5 サポート - 新しい HTML 5 タグを display:block に設定します。これにより、ブラウザーでタグが適切にレンダリングされます。 */
header, footer, aside, article, figure {
	display: block;
	width:100%;
}
section {
	width:94%;
	margin:0 3%;
	float:left;
}
section a:hover img {
	opacity:0.8;
}
-->
/* ~~ レイアウトに使用するカラムです。~~ 

1) 余白は、block エレメントの上部または下部にのみ配置されます。これらの block 内のエレメントには、それ自体に余白があるので、ボックスモデル計算を行う必要がありません。ただし、block 自体に両側の余白やボーダーを指定した場合、その値が加算されたものが合計幅になることに注意してください。block エレメント内のエレメントの余白を削除し、さらにその block エレメント内に、全体のデザインに必要な幅や余白を指定していない 2 つ目の block エレメントを追加することもできます。

2) カラムはすべてフロートしているため、マージンは指定されていません。マージンを追加する必要がある場合は、フロート方向には指定しないでください (例えば、右フロートに設定した block の右マージン)。多くの場合、代わりに余白を使用できます。このルールに従わない場合は、block エレメントのルールに「display:inline」宣言を追加し、一部のバージョンの Internet Explorer でマージンが 2 倍になるバグを回避する必要があります。

3) クラスはドキュメント内で複数回使用できるので (またエレメントには複数のクラスを適用できます)、カラムには ID ではなくクラス名が割り当てられます。例えば、必要に応じて 2 つのサイドバー block をスタックできます。クラスを各ドキュメントで一度しか使用しないのであれば、ユーザーの好みに応じて、クラス名を ID に変更することができます。

4) ナビゲーションを右ではなく左に配置したい場合、これらのカラムを反対方向にフロートさせると (すべて右方向にする代わりに、すべて左方向に設定)、反転してレンダリングされます。HTML ソース内で block を移動する必要はありません。

*/
.sidebar1 {
	float: left;
	width: 100%;
	background-color: #EADCAE;
	padding-bottom: 10px;
}
.content,
.content02,
.content03 {
	padding: 0 0 0 0;
	width:100%;
	float: left;
	background-color:#FFF;
}
.content04 {
	padding: 0 0 0.5em 0;
	width:100%;
	float: left;
	background-color:#FFF;
	border-bottom:#999 1px dotted;
}
.content img,
.content02 img,
.content03 img,
.content04 img {
	max-width: 100%;
	height: auto;
	padding: 0.5em 0;
}
.content a:hover img,
.content02 a:hover img,
.content03 a:hover img,
.content04 a:hover img,
.content-service a:hover img {
	filter:alpha(opacity=80);
    -moz-opacity: 0.8;
    opacity: 0.8;
}
.content h1{
	margin:0 3%;
	padding:0.5em 0 0 0;
	text-align:left;
	font-size:20px;
	color:#024981;
	font-weight:300;
	min-width:94%;
	min-height:auto;
	max-width:94%;
	max-height:auto;
}
.content02 h1 {
	background:none;
	margin:5px 3%;
	padding:0;
	text-align:left;
	font-size:20px;
	color:#024981;
	font-weight:300;
	float:left;
}
.content03 h1,
.content04 h1{
	margin:5px 3%;
	padding:26px 0 10px 0;
	text-align:left;
	font-weight:300;
	min-width:94%;
	min-height:auto;
	max-width:94%;
	max-height:auto;
}
.content02 h1 img {
	max-width:100%;
}
.content h2 {
	margin:0;
	padding:0 0 0.3em 1.8em;
	text-align:left;
	font-size:1.2em;
	font-weight:bold;
	background:url(../images/square.gif) no-repeat;
	background-size:1.5em auto;
}
.content03 h2 {
	background:url(../images/square.gif) no-repeat 0 0.4em;
	background-size:auto 1.5em;
	margin:5px 3% 10px 3%;
	padding:0.8em 0 0.5em 1.8em;
	text-align:left;
	font-size:1.3em;
	font-weight:300;
	border-bottom:#003690 solid 2px;
	width:94%;
}
.content03 h2.no-border {
	background:url(../images/square.gif) no-repeat 0 0.4em;
	background-size:auto 1.5em;
	margin:5px 3% 10px 3%;
	padding:0.8em 0 0.5em 1.8em;
	text-align:left;
	font-size:1.2em;
	font-weight:300;
	border-bottom:none;
	width:94%;
}
.content03 h3,
.content04 h3 {
	margin:5px 3% 5px 3%;
	padding:10px 0 5px 0px;
	text-align:left;
	font-size:1.3em;
	font-weight:300;
	width:94%;
	font-weight:bold;
	color:#039;
}
.content h3 {
	margin:0 3%;
	padding:20px 0 0 0;
	text-align:left;
	font-size:1.1em;
	font-weight:300;
}
.content h4 {
	margin:0 3%;
	padding:10px 0 5px 0;
	text-align:left;
	font-size:1.1em;
	font-weight:300;
	clear:right;
}
.content p,
.content02 p,
.content03 p {
	margin:5px 1% 0 1%;
	text-align:left;
	line-height:1.5em;
}
.content .catch {
	margin:5px 3%;
	text-align:left;
	color: #cf1d1d;
    padding: 6px 0 6px 0px;
	font-size:1.2em;
	font-weight:300;
}

.imgR {
    float: right;
    margin: 0 0 0 10px;
    max-width: 40%;
    max-height: 40%;
}
.imgL {
    float: left;
    margin: 0 10px 0 0;
    max-width: 40%;
    max-height: 40%;
}
.linkBtn01 {
	padding:0 15px 5px 15px;
	float:right;
}
.center {
	width:94%;
	margin:2px 3% 8px 3%;
	text-align:center;
}
.center img {
	margin:0 auto;
}

hr {
	border: 0;
    border-bottom: 1px dashed #ccc;
    background: #999;
	margin:15px 3% 0 3%;
	width:94%;
}
hr.hr02 {
	border: 0;
    border-bottom: 1px dashed #ccc;
    background: #999;
	margin:15px 3% 15px 3%;
	width:94%;
}
hr.hr03 {
	border: 0;
    border-bottom: 1px solid #ccc;
    background: #999;
	margin:0;
	width:100%;
}
.center {
	width:94%;
margin:5px 3% 10px 3%;
text-align:center;}

/* トップページ用 */

article h1 {
	text-align:center;
	display:block;
	font-size:1.2rem;
	font-weight:bold;
	color:#0d2f56;
}
article h1.txt {
	margin: 0 15px 10px 15px;
	padding-top:20px;
	padding-bottom:10px;
	border-bottom:#036 solid 2px;
}
.top_img {
	width:94%;
	margin:0 3%;
}
.top-01 {
	padding:1em 0 0.5em 0;
	border-bottom:#666 1px dotted;
}
.top-01-bottom {
	padding:1em 0 0.5em 0;
	border-bottom:#666 1px dotted;
	margin-bottom:1em;
}
.top-01 p {
	padding:0 0 0 2em;
}
.top-01 ul {
	padding:0;
}
.top-01 ul li {
	float:left;
	margin:0.5em 1% 0 1%;
	width:48%;
}
.top-01 ol,
.top-01-bottom ol {
	padding:0.5em 0.5em 0.5em 2em;
}
/* 第二階層ページ用 */
.second {
	padding:0 0 0.5em 0;
	border-bottom:#666 1px dotted;
	margin-bottom:1em;
}
.second p {
	padding:3px 0 8px 1em;
	font-size:0.9em;
}
.second h2 {
	background-image:none;
	padding:0;
}
.second h3 {
	padding:1em 0 0 0;
	color:#760000;
	margin: 0 0;
}
.second p.foa_susume {
	padding:3px 0 8px 0;
	font-size:0.9em;
}
.second02 {
	padding:0 0 0.5em 0;
	border-bottom:#666 1px dotted;
	margin-bottom:1em;
}
.second02-noborder {
	padding:0 0 0 0;
	margin-bottom:0;
}
.second02 h3,
.second02-01 h3,
.second02-noborder h3 {
	padding:1em 0 0 0;
	color:#760000;
	margin: 0 0;
}
.second02 h2,
.second02-01 h2,
.second02-noborder h2 {
	margin: 0;
    padding: 0 0 0.3em 1.8em;
    text-align: left;
    font-size: 1.2em;
    font-weight: bold;
    background: url(../images/square.gif) no-repeat;
    background-size: 1.5em auto;
}
.second02 p,
.second02-01 p,
.second02-noborder p {
	padding:3px 0 8px 0;
	font-size:0.9em;
}
.second02 ul,
.second02-01 ul,
.second02-noborder ul {
	padding:0;
}
.second02 ul li,
.second02-01 li,
.second02-noborder ul li {
	list-style:circle;
	list-style-position:inside;
}
.second02-01 {
	padding:0 0 0.5em 0;
	border-bottom:#666 1px dotted;
	margin-bottom:1em;
}
.second02 ol li{
	margin:0.5em 0 0.5em 2em;
	font-size::0.9em;
}

.spam-ol {
	margin-left:1em;
}
.spam-ol li {
	padding:0.5em;
	border-bottom:#666 1px dotted;
}
.bg-gray {
	background:#CCC;
    padding: 0;
	margin-bottom:0.5em;
}

/*料金ページ*/
ul.kakaku_01 {
	width:100%;
	float:left;
	display:block;
	padding:0 0 1em 0;
	margin:0;
}
ul.kakaku {
	width:98%;
	float:left;
	display:block;
	padding:0 0 1em 0;
	margin:0 3%;
}
ul.kakaku li,
ul.kakaku_01 li {
	float:left;
	padding:0 0.4em 0 0;
	list-style: none;
    list-style-position: inside;
	width:33%;
}
ul.kakaku li img,
ul.kakaku_01 img {
	max-width: 100%;
    height: auto;
    padding: 0;
}

/*SEO例ページ*/
ul.example {
	width:100%;
	float:left;
	display:block;
	padding:0 0 1em 0;
	margin:0;
}
ul.example li {
	float:left;
	padding:0 0.4em 0 0;
	list-style: none;
    list-style-position: inside;
	width:33%;
}
ulexample li img {
	max-width: 100%;
    height: auto;
    padding: 0;
}

/*SEO例ページ*/
ul.qa {
	padding:0.5em 0;
}
ul.qa li {
	list-style:none;
}
.qa_q {
	font-weight:bold;
	color:#760000;
	font-size:1.1em;
	background:url(../images/q.gif) no-repeat 0.8em 0.9em;
	background-size:1.2em auto;
	padding:0.8em 0.8em 0.8em 2.5em;
	background-color:#ededed;
	-webkit-border-radius: 5px;
    -moz-border-radius: 5px;
}
.qa_a {
	background:url(../images/a.gif) no-repeat 0.8em 1.4em;
	background-size:1.2em auto;
	padding:1.2em 0.8em 0.8em 2.5em;
}
/*リンクページ*/
h3.link {
	background:url(../images/arrow03.gif) 0 1.2em no-repeat;
	background-size:0.8em auto;
	padding:1em 0 0 1.0em;
}
ul.link-list {
}
ul.link-list li {
	list-style:none;
	background:url(../images/arrow03.gif) 0 1.4em no-repeat;
	background-size:0.6em auto;
	padding:1em 0 0 0.8em;
	font-size:0.9em;
}
/*会社概要ページ*/
ul.gaiyo {
}
ul.gaiyo li {
	list-style:none;
	border-bottom:1px #666666 dotted;
	padding:1em 0;
}
ul.gaiyo li.bottom {
	list-style:none;
	border-bottom:none;
	padding:1em 0;
}
ul.gaiyo li dl dt {
	font-weight:bold;
	padding-bottom:0.5em;
}
ul.gaiyo li dl dd {
	font-size:0.9em;
}
/*事業内容ページ*/
ul.jigyo-naiyo {
	list-style:circle;
	margin-left:0.5em;
}
/*サイトマップ*/
ul.list-sitemap li {
    padding-left: 12px;
    background: url(../images/arrow03.gif) 0 1.0em no-repeat;
	background-size:0.6em auto;
    float: left;
    width: 100%;
    margin-bottom: 5px;
    border-bottom: 1px #960 dotted;
    line-height: 280%;
    display: block;
}
ul.list-sitemap li.bottom {
    padding-left: 12px;
    background: url(../images/arrow03.gif) 0 1.0em no-repeat;
	background-size:0.6em auto;
    float: left;
    width: 100%;
    margin-bottom: 5px;
	border-bottom: none;
    line-height: 280%;
    display: block;
}



.content-service div.btn {
	float:left;
	margin:0 auto 0.5em auto;
}
.size30 img {
	max-width:30%;
	max-height:auto;
}
.size50 img {
	max-width:50%;
	max-height:auto;
}
.size70 img {
	max-width:70%;
	max-height:auto;
}
/*SEO対策サービス*/
ul.list-seo {
	width:94%;
	margin:0 3%;
	padding:1.5em 1em;
}
ul.list-seo li.no01 {
    background: url(../images/no01.gif) no-repeat 0 0.7em;
    background-size: auto 1.5em;
    padding: 0.8em 0 0.6em 2em;
    font-size: 1.1em;
	font-weight:bold;
    height: 3em;
    border-bottom: dotted 1px #666;
}
ul.list-seo li.no02 {
    background: url(../images/no02.gif) no-repeat 0 0.7em;
    background-size: auto 1.5em;
    padding: 0.8em 0 0.6em 2em;
    font-size: 1.1em;
	font-weight:bold;
    height: 3em;
    border-bottom: dotted 1px #666;
}
ul.list-seo li.no03 {
    background: url(../images/no03.gif) no-repeat 0 0.7em;
    background-size: auto 1.5em;
    padding: 0.8em 0 0.6em 2em;
    font-size: 1.1em;
	font-weight:bold;
    height: 3em;
    border-bottom: dotted 1px #666;
}
ul.list-seo li.no04 {
    background: url(../images/no04.gif) no-repeat 0 0.7em;
    background-size: auto 1.5em;
    padding: 0.8em 0 0.6em 2em;
    font-size: 1.1em;
	font-weight:bold;
    height: 3em;
    border-bottom: dotted 1px #666;
}
.link-yaji {
    padding: 0 0 0 1.2em;
    background: url(../images/arrow02.gif) no-repeat 0 0.5em;
    background-size: auto 0.7em;
}
/*実績紹介*/
dl.works {
	margin:0 3%;
}
dl.works dt {
	margin:0 3%;
	text-align:center;
}
dl.works dd {
	float:left;
	text-align:left;
}
dl.works dd.box {
	float:left;
	text-align:left;
	background:#e7e7e7;
	padding:0.8em;
	width:100%;
	margin:1em 0 1em 0;
	border-radius:7px;
}
/*ホームページ制作料金*/
div.box-fb {
	padding:0.5em;
	margin:2em 3%;
	width:93%;
	border:2px #CCCCCC solid;
	border-radius:3px;
}
div.box-fb p {
	font-size:0.9em;
	padding:0.5em;
}
div.box-fb p.smallTxt02 {
	font-size:0.8em;
}
/*-------------------------------------------------------------------------

     * FAQ
	 

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

.qaArea { 
width:94%;
padding:4em 3% 0 3%;
margin-top:2.5em;}

.qaArea dl {
	margin: 8px 3%;
	border-bottom: 1px dotted #c2c7cb;
	width: 94%;
	margin-top:20px;
}

.qaArea dl dt {
	background: url(../images/icon-q.jpg) no-repeat left top;
	padding: 5px 0 10px 68px;
	font-size:114%;
	font-weight:bold;
	margin-bottom:10px;
}

.qaArea dl dd {
	background: url(../images/icon-a.jpg) no-repeat left top;
	padding: 5px 0 10px 68px;
	margin-bottom:20px;
}

.qaArea ol.decimal ul.disc li {
	list-style-type: disc;
	font-size: 100%;
}

.qaArea table td li,
.qaArea li p {
	font-size: 100%;
}
.pt15 {padding-top:15px !important;}
.pb20 {padding-bottom:20px !important;}

/* 会社概要*/
section.about {
	padding:1em 0;
	width:94%;
	margin:0 3%;
	border-bottom:#999 dotted 1px;
}
section.about dl{
	width:100%;
}
section.about dl dt {
	float:left;
	padding:0 1em 0 0;
	width:20%;
}
section.about dl dd {
	float:left;
	padding:0 0 0 1em;
	width:80%;
}
.map {
	width:94%;
	margin:1em 3%;
}
/* サイトマップ */
.sitemap {
	width:94%;
	margin:0 3%;
}
.sitemap ul {
	overflow:hidden;
}
.sitemap ul li.ornament01 {
	background:url(../images/square.gif) no-repeat 0 0.6em;
	background-size:1.5em auto;
	padding:0.7em 0 0.7em 1.6em;
	font-size:1.2em;
	font-weight:bold;
}
.sitemap ul li {
	background:url(../images/arrow01.gif) no-repeat 0 0.8em;
	background-size:1.2em auto;
	padding:0.7em 0 0.7em 1.6em;
}
.sitemap p.ornament03 {
	background:url(../images/arrow02.gif) no-repeat 2em 0.3em;
	background-size:0.8em auto;
	padding:0.1em 0.5em 0.5em 3.2em;
	font-size:0.8em;
}

/* プライバシーポリシー*/
section.privacy {
	padding:1em 0;
	width:94%;
	margin:0 3%;
	border-bottom:#999 dotted 1px;
}
section.privacy dl{
	width:100%;
}
section.privacy dl dt {
	float:left;
	padding:0 1em 0 0;
	width:30%;
}
section.privacy dl dd {
	float:left;
	padding:0 0 0 1em;
	width:70%;
}
	

/* ~~ フッター ~~ */
footer {
	width:100%;
	text-align:center;
	padding: 1em 0 0 0;
	margin:0.5em auto 0 auto;
	background-color: #000000;
	position: relative;/* IE6 に、適切にクリアするための hasLayout を指定します。 */
	clear: both; /* この clear プロパティにより .container は、カラムの範囲がどこまでかを認識してその範囲を含めるようになります。 */
	font-size:0.8rem;
	color:#fff;
}
footer ul {
	padding:0.5em 3%;
	float:left;
	left:50%;
	position:relative;
}
footer li {
	float:left;
	left:-50%;
	position:relative;
}
footer div {
	position: relative;
	overflow: hidden;
}
footer a,
footer a:hover {
	color:#FFF;
	text-align:center;
	line-height:1.2rem;
}
address {
	margin-top:0.5em;
	color:#fff;
	text-align:center;
	padding:0.3em;
	background:#262626;
	font-style:normal;
}


/*月額固定型SEOページ*/
.table {
	width:100%;
	padding:0;
	margin:0 0 10px 0;
	display: table;
}
.table_02 {
	width:100%;
	padding:0;
	margin:0;
}
.table_03 {
	width:100%;
	padding:0;
	margin:10px 0 10px 0;
}

dl.table01 {
	overflow:hidden;
	border-top:#999 1px solid;
	border-right:#999 1px solid;
	border-left:#999 1px solid;
	border-bottom:#999 1px solid;
	margin:5px 15px 0 15px;
}
dl.table02 {
	overflow:hidden;
	border-right:#999 1px solid;
	border-left:#999 1px solid;
	border-bottom:#999 1px solid;
	margin:0 15px 0 15px;
}
dl.table01 dt,
dl.table02 dt {
	width:35%;
	float:left;
	font-size:0.8rem;
	line-height:1.4rem;
	text-indent:-16px;
	font-weight:bold;
	vertical-align:middle;
	padding:10px 10px 10px 22px;
}
dl.table01 dd,
dl.table02 dd {
	width:65%;
	float:right;
	padding:10px;
	border-left:#999 1px solid;
}
dl.table01 ul,
dl.table02 ul {
	padding:0;
	margin:0;
}
dl.table01 li,
dl.table02 li {
	list-style:circle;
	margin:0 0 0 20px;
	text-indent:-5px;
	font-size:0.8rem;
	line-height:1.4rem;
}
dl.table03 {
	overflow:hidden;
	border-top:#999 1px solid;
	border-right:#999 1px solid;
	border-bottom:#999 1px solid;
	margin:15px 15px 0 15px;
	background:#d4e0b8;
}
dl.table04 {
	overflow:hidden;
	border-right:#999 1px solid;
	border-bottom:#999 1px solid;
	margin:0 15px 0 15px;
}
dl.table03 dt,
dl.table04 dt {
	width:33%;
	float:left;
	font-size:0.7rem;
	line-height:1.0rem;
	text-align:center;
	padding:10px 5px;
	border-left:#999 1px solid;
	font-weight:bold;
	display: table-cell;
    vertical-align: middle;
}
dl.table03 dt.left,
dl.table04 dt.left {
	background:#e8e8e8
}
dl.table03 dd,
dl.table04 dd {
	width:33%;
	float:left;
	padding:10px 5px;
	border-left:#999 1px solid;
	text-align:center;
	font-size:0.7rem;
	line-height:1.0rem;
	display: table-cell;
    vertical-align: middle;
}
dl.table05 {
	overflow:hidden;
	border-top:#999 1px solid;
	border-left:#999 1px solid;
	border-bottom:#999 1px solid;
	margin:15px 15px 0 15px;
}
dl.table06 {
	overflow:hidden;
	border-left:#999 1px solid;
	border-bottom:#999 1px solid;
	margin:0 15px 0 15px;
}
dl.table05 dt,
dl.table06 dt {
	width:35%;
	height:100%;
	float:left;
	font-size:0.8rem;
	line-height:1.2rem;
	padding:10px 5px;
	font-weight:bold;
	display: table-cell;
    vertical-align: middle;
}
dl.table05 dt.left,
dl.table06 dt.left {
	background:#e8e8e8
}
dl.table05 dd,
dl.table06 dd {
	width:65%;
	float:left;
	padding:10px 5px;
	border-right:#999 1px solid;
	border-left:#999 1px solid;
	font-size:0.8rem;
	line-height:1.2rem;
	display: table-cell;
    vertical-align: middle;
}
.txt-indent01 {
	text-indent:-1.0em;
	padding:0;
	margin:0;
}


/*サイトマップ*/
section ul.sitemap {
	overflow:hidden;
	padding:0;
	margin:0 10px 10px 10px;
}
section ul.sitemap li{
	float:left;
	padding:5px 5px 5px 5px;
	width:50%;
	font-size:14px;
}
/*リンクページ*/
ul.link {
	overflow:hidden;
	padding:0;
	margin:0 10px 10px 10px;
}
ul.link li{
	padding:10px 5px 10px 20px;
	font-size:14px;
	text-indent:-15px;
	list-style:disc;
	list-style-position:inside;
	border-bottom:1px #333 dotted;
}
/*取引先ページ*/
ul.torihiki {
	overflow:hidden;
	padding:0;
	margin:0 10px 10px 10px;
}
ul.torihiki li{
	padding:10px 5px 10px 5px;
	font-size:14px;
	border-bottom:1px #333 dotted;
}

@media only screen and (min-width: 737px) {
body {
	width: 100%;
	max-width: 640px;
	padding-left: auto;
	padding-right: auto;
	margin: auto;
}
}
@media only screen and (max-width: 736px) {
	body {
	width: 100%;
	max-width: 640px;
	padding-left: auto;
	padding-right: auto;
	margin: auto;
	font-size:80%;
}
section.wrap01 dl dt h3{
	float:left;
	padding-right:10px;
	font-size:16px;
	color:#FFF;
	padding: 7px 5px 5px 10px;
}
.alignL02 {
	float:left;
	padding:0 0px 3px 0;
	margin:0 auto;
	width:100%;
	text-align:center;
}
section.wrap01 dl dd{
	float:left;
	width:100%;
	padding:10px 15px 10px 15px;
	font-size:1em;
	color:#000;
	clear:left;
	background:#FFF;
	border-left:#999 solid 1px;
	border-right:#999 solid 1px;
}
}