@charset "utf-8";


header,section,article,footer,nav{
display:block;
}

h1,h2,h3,h4,h5,h6,p,div,p,dl,dt,dd,ul,li,body,html,a{
margin:0px;
padding:0px;
list-style-type:none;
font-weight:normal;
text-decoration:none;
}

h1,h2,h3,h4,h5,h6{
clear:both;
}


img{
border:0px;
vertical-align:bottom;
}


body{
font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック','MS PGothic',sans-serif;
line-height:1;
font-size: 16px;
color:black;
background: url(img/bk_body.gif);
-webkit-text-size-adjust: 100%;
}

a{
color:black;
}

a:hover {
font-weight:bold;
}

/* ----------- PC tel: イベントを無効化 */

a[href^="tel:"] { cursor: default; }


/* ----------- pagetop */
.pagetop {
	display: none;
	position: fixed;
	bottom: 30px;
	right: 20px;
}
.pagetop a {
	display: block;
	width: 45px;
	height: 45px;
	background-color: #333;
	border-radius: 30px;
	text-align: center;
	color: #fff;
	font-size: 24px;
	text-decoration: none;
	line-height: 45px;
}


/*--------------------------------------Initialsetting*/

/*--clearfix--*/

div,
h1,
h2,
h3,
h4,
dl,
ul,
section,
article,
aside,
nav,
footer,
header
{
/zoom:1;
}

div:after,
h1:after,
h2:after,
h3:after,
h4:after,
dl:after,
ul:after,
section:after,
article:after,
aside:after,
nav:after,
footer:after,
header:after
{
content:'';
display:block;
clear:both;
visibility:hidden;
height:0;
}





/*--------------------------------------● title 基本設定*/
h1 {
font-size:12px;
text-align:center;
border-bottom:1px #58e1fe solid;
color:white;
font-weight:bold;
padding:3px;
}

h2,h3,h4{
letter-spacing:3px;
}






/* --------------------------------------● header */

header{
width:1020px;
margin:0px auto;
text-align:center;
height:93px;
line-height:93px;
}

header img {
vertical-align:middle;
}

div#logo {
vertical-align: top;
display: inline-block;/display: inline;/zoom:1;
margin:0 80px 0 0;
}
div#tel {
vertical-align: top;
display: inline-block;/display: inline;/zoom:1;
}


/* --------------------------------------● wrap */
div#wrapper {
width:1020px;
margin:0px auto;
min-width:1024px;
}

div#include_wrap1 {
background: url(img/bk_wrap.gif) left top repeat-x;
min-width:1024px;
}

div#include_wrap2 {
background: url(img/bk_wrap_peaple.png) center top no-repeat;
min-width:1024px;

}




/* --------------------------------------● g_navi */

nav#global_navigation{
width:1020px;
margin:0px auto;
}

nav#global_navigation ul li {
vertical-align: top;
display: inline-block;/display: inline;/zoom:1;
width:16.564615384615385%;
text-align:center;
margin:0 1px 0 0 ;
}

nav#global_navigation ul li a {
border-bottom:2px white solid;
display:block;
height:55px;
line-height:77px;
}

nav#global_navigation ul > *:first-child{
background:#ddffff url(img/bk_n1.gif) center top no-repeat;
}
nav#global_navigation ul > *:first-child + * {
background:#ddffff url(img/bk_n2.gif) center top no-repeat;
}
nav#global_navigation ul > *:first-child + * + * {
background:#ddffff url(img/bk_n3.gif) center top no-repeat;
}
nav#global_navigation ul > *:first-child + * + * + * {
background:#ddffff url(img/bk_n4.gif) center top no-repeat;
}
nav#global_navigation ul > *:first-child + * + * + * + * {
background:#ddffff url(img/bk_n5.gif) center top no-repeat;
}
nav#global_navigation ul > *:first-child + * + * + * + * + * {
background:#ddffff url(img/bk_n6.gif) center top no-repeat;
}


nav#global_navigation ul > *:first-child a:hover{
color:#ca8589;
border-bottom:2px #ca8589 solid;
}
nav#global_navigation ul > *:first-child + * a:hover{
color:#a989c9;
border-bottom:2px #a989c9 solid;

}
nav#global_navigation ul > *:first-child + * + * a:hover{
color:#52b9b9;
border-bottom:2px #52b9b9 solid;

}
nav#global_navigation ul > *:first-child + * + * + * a:hover{
color:#7eb451;
border-bottom:2px #7eb451 solid;

}
nav#global_navigation ul > *:first-child + * + * + * + * a:hover{
color:#c98581;
border-bottom:2px #c98581 solid;

}
nav#global_navigation ul > *:first-child + * + * + * + * + * a:hover{
color:#04979c;
border-bottom:2px #04979c solid;

}





/* --------------------------------------● main image */
#main_image{
width:1020px;
margin:0px auto 30px auto;
height:215px;
line-height:215px;
text-align:center;
}




/* --------------------------------------●  main contents */

/* ●index限定タイトル設定 */
h2#index_title span{
display:none;
}

h3#index_title {
    padding-top: 84px;
    padding-right: 0;
    padding-left: 50px;
    padding-bottom: 0;
    font-size: 27px;
    color: #595959;
}

h3#index_title img{
    padding-right: 20px;
    padding-left: 0;
    padding-bottom: 0;
}

h3#index_title br{
display:none;
}

h3#contact_title {
text-align:center;
color:#ff5f5e;
font-size:30px;
padding:20px 0;
letter-spacing:1px;
margin:20px 0 0 0 ;
}

h3#merits,
h3#about_posting {
font-size:30px;
font-weight:bold;
text-align:center;
background: #00d5d7 ;
margin:0px 0 0 0;
padding:10px 0 7px 0;
color:#fffd51;
border-bottom:#fffd51 solid 1px;
}



article#merit ul#points li h4 {
width:232.33333333333334px;
}

h4.title {
margin:10px auto !important;
vertical-align: top;
display:block;
width:300px;
text-align:center;
padding:10px 0;
border-bottom:3px #cccccc solid;
font-size:16px;
font-weight:bold;
}


/* ●index配下htmlタイトル設定 */
h2.title{
font-size:35px;
padding:25px 0 0px 0;
text-align:center;
border:1px #eeeeee solid;
background:white;
margin:0 0 25px 0;
height:60px;
}

h2.title span.sub_title {
display: block;
background:#ffe879;
font-size:11px;
font-family:arial;
margin:0 20px ;
}

h2.title span.arrow {
font-size:50px;
padding:0;
color:#ffe879;
margin:-10px 0 0 0;
display:block;
}

h3.title {
background:#969696;
color:white;
margin:20px 5% !important;
display: block;
margin:0px auto;
text-align:center;
padding:7px 0;
border-radius:2px;
-webkit-border-radius:2px;
-moz-border-radius:2px;
}





/* ●マークアップ */
.s1{
font-weight:bold;
font-size:18px;
}

.s2{
font-weight:bold;
font-size:22px;
}

.s3 {
background:#ffbe51 url(img/bk_check.png) 10px 5px no-repeat;
font-size:20px;
display: inline-block;/display: inline;/zoom:1;
padding:0 10px 0 40px;
margin:5px 0;
border-radius:10px 11px 0px 10px ;
-moz-border-radius:10px 11px 0px 10px ;
-webkit-border-radius:10px 11px 0px 10px ;
}

.s4{
font-weight:bold;
color:#5f2516;
}

.s5{
font-weight:bold;
font-size:18px;
color:#e96060;
text-decoration:underline
}

/* ● 左側メインコンテンツ基本設定 */
section#main_contents {
width:700px;
float:left;
}
section#main_contents p{
line-height:1.6;
}







/* ●こころざしからのご挨拶 */
section#main_contents article#introduction {
background: url(img/bk_intro.jpg) right bottom no-repeat;
height:177px;
padding:25px 0 0 0;
}

section#main_contents article#introduction p{
line-height:1.4;
margin:0 0 0 50px;
}

section#main_contents article.contents p{
padding:10px 0;
line-height:1.6;
}






/* ● 弊社が安価でやれる三つの理由*/
section#main_contents article#merit ul#points {
text-align:center;
margin:0 0 20px 0;
}

section#main_contents article#merit ul#points li{
width:232.33333333333334px;
vertical-align: top;
display: inline-block;/display: inline;/zoom:1;
text-align:left;
margin:0 1px 0 0 ;
}

section#main_contents article#merit ul#points li p{
padding:10px 10px 0px 10px;
line-height:1.6;
}

article#contact_navi_wrap{
margin:0 0 20px 0;
}

article#contact_navi_wrap nav#contact_navi ul li {
vertical-align: top;
display: inline-block;/display: inline;/zoom:1;
}





/* ●topicpath */

div#topic_path ul{
text-align:right;
}

div#topic_path ul li.home,
div#topic_path ul li.under{
display: inline-block;/display: inline;/zoom:1;
}

div#topic_path ul li.home a{
color:white;
font-weight:bold;
display: block;
padding:7px 25px;
color:#f09600;
border-bottom:#ffb900 1px solid;
}

div#topic_path ul li.under a{
display: block;
background:#ffb900;
font-weight:bold;
padding:7px 25px;
color:#363636;
border-bottom:#ffb900 1px solid;
margin:0 0 0 1px ;
}

div#topic_path ul li.under a:hover{
background:#ffe879;
}



/* ●index・ポスティングとは・こころざしの特徴・タイトル設定 */
ul#merits h4,
ul#about_posting h4 {
color:#00d5d7;
font-size:22px;
font-weight:bold;
padding:10px 0px 5px 0;
letter-spacing:0;
text-align:center;
background: url(img/bk_dot.gif) left bottom repeat-x;
}

ul#merits h4 span,
ul#about_posting h4 span {
background:#ff9f00;
display: block;
color:white;
font-size:14px;
padding: 5px 10px;
border-radius:6px;
-moz-border-radius:6px;
-webkit-border-radius:6px;
width:50px;
margin:-25px auto 15px auto;
border:5px white solid;
box-shadow:0px 0px 8px -2px #a3a3a3;
-moz-box-shadow:0px 0px 8px -2px #a3a3a3;
-webkit-box-shadow:0px 0px 8px -2px #a3a3a3;
}

ul#merits h4 br,
ul#about_posting h4 br {
display:none;
}


/* ●index・ポスティングとは・こころざしの特徴設定 */

ul#merits, 
ul#about_posting{
padding:10px 0 0 0 ;
}

ul#merits li, 
ul#about_posting li{
width:49%;
display: inline-block;/display: inline;/zoom:1;
vertical-align: top;
border:1px #eeeeee solid;
background:white;
margin:0 0 30px 0;
padding:0 0 0px 0;
}

ul#merits li p, 
ul#about_posting li p{
font-size:15px;
margin:0px 20px;
padding:10px 0;
border-bottom:1px #dddddd dotted;
}

ul#merits > *:first-child, 
ul#merits > *:first-child + * + *, 
ul#merits > *:first-child + * + * + * + *, 
ul#about_posting  > *:first-child, 
ul#about_posting  > *:first-child + * + *, 
ul#about_posting  > *:first-child + * + * + * + *{
margin:0 10px 25px 0;
} 

ul#merits img.pic,
ul#about_posting img.pic{
margin:0 20px 10px 0;
float:left;
border:5px white solid;
}





/* ● ポスティングとは・こころざしの特徴・全体wrap */
article.index_contents {
margin:0 0 0px 0;
}





/* ● ポスティングとは・こころざしの特徴・部分wrap */
div.include_wrap3 {
padding:10px 0px ;
line-height:1.6;
}

div.include_wrap3 p{
padding:0 0px;
margin:5px 40px;
}

div.include_wrap4 {
border:1px ghostwhite solid;
padding:15px 0px;
text-align:right;
margin:10px 0;
background:white url(img/bk_woman.jpg) left top no-repeat;
}





/* ● gps gis 配布スタッフ */
ul#others{
margin:0px 0 0 0;
}

ul#others li{
padding:0px 0px 10px 0 ;
border-bottom:1px #cccccc dotted;
border-right:1px #cccccc dotted;
background:white;
width:48.5%;
margin:0 0 10px 0;
display: inline-block;/display: inline;/zoom:1;
vertical-align: top;
}

ul#others > *:first-child,
ul#others > *:first-child + * + *{
margin:0 15px 0px 0px;
}

ul#others li p{
margin:10px  15px;
display: inline-block;/display: inline;/zoom:1;
vertical-align: top;
}

ul#others li p a.next{
display:block;
color:white;
font-weight:bold;
background:orange;
display: block;
padding:5px 20px;
margin:20px 0px 0 0;
border-radius:6px;
-moz-border-radius:6px;
-webkit-border-radius:6px;
}



/* ● gps gis 配布スタッフ・タイトル*/
ul#others li h4{
display: block;
margin:0 0 10px 0;
text-align:center;
font-size:20px;
padding:8px 0 3px 0;
letter-spacing:0;
line-height:1.6;
color:white;
background:#00d4d6;
position:relative;
border-radius:6px;
-moz-border-radius:6px;
-webkit-border-radius:6px;
}

ul#others li h4 span{
font-size:25px;
font-weight:bold;
}

ul#others li h4 span.arrow2{
font-size:45px;
color:#00d4d6;
display:block;
position:absolute;
left:16px;
top:50px;
}







/* --------------------------------------● sidebar */
aside {
width:300px;
float:right;
text-align:center;
}

/* ●右側お問い合わせ */
aside ul.sub_navi_contact{
margin:0 0 10px 0;

}


/* ●サードナビ */
aside  ul.third_navigation li{
margin:0 0 1px 0;
}

aside  ul.third_navigation li a{
display:block;
background:#00d4d6;
color:white;
height:40px;
line-height:40px;
padding:0 0 0 20px;
text-align:left;
}

aside  ul.third_navigation li a:hover{
background:#ff8900;
}

/* ●バナー */
aside ul.bnr  {
margin:0 0 10px 0;
}

aside ul.bnr li{
margin:0 0 1px 0;
}

/*--------------------------------------● footer*/

footer {
clear:both;
color:white;
text-align:center;
}

footer div#footer_wrap {
background:#02979a;
min-width:1024px;
padding:30px 0;
}

/* ●ナビ */
footer nav#footer_navi {
vertical-align: top;
display: inline-block;/display: inline;/zoom:1;
width:700px;
margin:0 20px 0 0 ;
text-align:left;
}
footer nav#footer_navi ul li {
vertical-align: top;
display: inline-block;/display: inline;/zoom:1;
padding:0 10px 10px 0;
font-size:12px;
}

footer nav#footer_navi ul li a{
color:white;
}


/* ●コピーライト */
footer div#copyright {
width:300px;
display: inline-block;/display: inline;/zoom:1;
vertical-align: top;
font-size:19px;
text-align:center;
}

/*--------------------------------------● ご依頼の流れ*/

ul#flowchart {
text-align:center;
margin:0 0 30px 0;
}


ul#flowchart li h3 {
text-align:center;
font-size:23px;
padding:10px 0;
border-bottom:1px #eeeeee solid;
text-decoration:underline;
letter-spacing:2px;
color:#107287;
font-weight:bold;
}


ul#flowchart li{
vertical-align: top;
display: inline-block;/display: inline;/zoom:1;
border:1px #eeeeee solid;
border-top:1px #ffdc35 solid;
border-bottom:3px #eeeeee solid;
background:white;
text-align:left;
padding:20px 0 20px 0;
width:48%;
margin-bottom:22px;
}

section#main_contents article.contents ul#flowchart li p{
padding:15px 20px 0 20px;
line-height:1.4;
color:#3e2a00;
}

ul#flowchart > *:first-child,
ul#flowchart > *:first-child + * + *,
ul#flowchart > *:first-child + * + * + * + *{
margin:0 24px 24px 0 ;
}



ul#flowchart > *:first-child + * + * + * + * + * + *{
width:100%;
display: block;
}

ul#flowchart li span{
display: block;
background:#ffdc35;
border:1px #ffdc35 solid;
color:gray;
font-weight:bold;
font-size:17px;
width:100px;
text-align:center;
padding:3px 0;
border-radius:6px;
-webkit-border-radius: 6px;
-moz-border-radius:6px;
margin:-30px auto 0px auto;
}


/*--------------------------------------● 料金表 */


ul.charge_table  {
background:white;
border:1px #eeeeee solid;
margin:-1px 0 0px 0;
}

ul.charge_table li {
vertical-align: top;
display: inline-block;/display: inline;/zoom:1;
width:20%;
padding:20px 0;
text-align:center;
}

ul.charge_table li span{
font-size:12px;
display: inline-block;/display: inline;/zoom:1;
color:#808080;
border-radius:3px;
-webkit-border-radius:3px;
-moz-border-radius:3px;
padding:3px;
letter-spacing:2px;
}

section#main_contents article.contents ul.charge_table li p{
font-size:18px;
border-left:1px #dddddd dotted;
color:#107287;
padding:0;
line-height:1;
margin:10px 0 0 0 ;
}

section#main_contents article.contents ul.charge_table > *:first-child p{
color:#ff8900;
font-weight:bold;
border-left:0px;
font-size:20px;
}

section#main_contents article.contents div.include_wrap{
padding:20px;
background:ghostwhite;
border-radius:0px 0px 5px 5px;
-webkit-border-radius:0px 0px 5px 5px;
-moz-border-radius:0px 0px 5px 5px;
margin:0 2%;
border-top:2px #e4e4e4 solid;
}

section#main_contents article.contents div.include_wrap p{
font-size:14px;
}

section#main_contents article.contents div.table_wrap{
text-align:center;
}
section#main_contents article.contents div.table_wrap  > *:first-child{
margin:0 20px 0 0 ;
}

table.price {
border:1px #eeeeee solid;
width:300px;
display: inline-block;/display: inline;/zoom:1;
vertical-align: top;
background:white;
margin:0 1px 0 0;
border-spacing:0;

}

table.price caption{
background:gray;
padding:10px 0;
color:white;
margin:0px 20px;
border-radius:0px 0px 5px 5px;
-webkit-border-radius:0px 0px 5px 5px;
-moz-border-radius:0px 0px 5px 5px;
border-top:#60697f 1px solid;
border-left:#60697f 1px solid;
border-right:1px solid #9ca3b4;
border-bottom:1px solid #9ca3b4;

}

table.price th,
table.price td{
text-align:center;
width:296px;
display:block;
clear:both;
float:left;
}

table.price th{
padding:15px 0 10px 0;
color:#ff8900;
font-size:20px;
letter-spacing:1px;
}

table.price td{
	padding-right: 0;
	padding-left: 0;
	border-bottom: 1px #eeeeee solid;
	color: #107287;
}

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

dl.feedback_list{
background:white;
border:1px #eeeeee solid;
padding:20px;
margin:0 0 20px 0;
}

dl.feedback_list dt{
vertical-align: top;
display: inline-block;/display: inline;/zoom:1;
width:30%;
text-align:center;
padding:100px 0 0 0;
color:#ff8900;
font-weight:bold;
background: url(img/bk_feedback.png) center top no-repeat;
}

dl.feedback_list dd{
vertical-align: top;
display: inline-block;/display: inline;/zoom:1;
width:70%;
line-height:1.6;
}

/*--------------------------------------● よくある質問 */

dl.q_and_a_list {
margin:55px 0;
}


dl.q_and_a_list dt{
border-bottom:1px #eeeeee solid;
color:#ff8900;
font-size:22px;
font-weight:bold;
padding:0 0 10px 0;
}


dl.q_and_a_list dd{
line-height:1.6;
padding:10px 0 0 0;
}


/*--------------------------------------● スタッフ募集 */

table.stuff {
border-spacing:0;
border:1px #eeeeee solid;
background:white;
font-size:14px;
width:100%;
margin:20px 0;
}

table.stuff caption{
font-size:20px;
padding:10px 0;
}

table.stuff th{
border-right:1px #eeeeee solid;
padding:10px ;
width:30%;
line-height:1.6;

}

table.stuff td{
padding:10px;
line-height:1.6;
}

table.stuff th input[type="submit"],
table.stuff td textarea,
table.stuff td input[type="text"]{
border:1px gray solid;
padding:5px;
background:white;
}


table.stuff td.btn{
text-align:right;
padding:0 0 0 0;
border-top:1px #eeeeee solid;
}

table.stuff td.btn a{
display: inline-block;/display: inline;/zoom:1;
background:steelblue;
color:white;
padding:10px 20px;
border-left:5px #cccccc solid;
border-right:5px steelblue solid;
}


table.stuff td.btn a:hover{
display: inline-block;/display: inline;/zoom:1;
background:steelblue;
color:white;
padding:10px 20px;
border-left:5px steelblue solid;
border-right:5px yellow solid;
font-weight:normal;
}


/*--------------------------------------● プライバシーポリシー */

ol.privacy_policy li {
list-style-type:decimal;
padding:15px 0;
}

ol.privacy_policy li strong{
background:white;
display: inline-block;/display: inline;/zoom:1;
padding:10px ;
border:1px #eeeeee solid;
color:#ff8900;
}

section#main_contents article.contents p#author {
text-align:right;
font-size:20px;
}




/*--------------------------------------● 配布エリア */
nav.area_navi{
padding:20px ;
text-align:center;
border:1px #eeeeee solid;
background:white;
}

nav.area_navi li{
display: inline-block;/display: inline;/zoom:1;
vertical-align: top;
height:40px;
line-height:40px;
font-size:15px;
letter-spacing:1.5px;
width:200px;
text-align:left;
border:1px #eeeeee solid;
border-left:1px #f8f8f8 solid;
border-top:1px #f8f8f8 solid;

margin:0 7px 10px 7px;
text-align:center;
border-radius:2px;
-webkit-border-radius:2px;
-moz-border-radius:2px;
color:#929292;
}

nav.area_navi li a{
display:block;
color:white;
padding: 0px;
border-radius:3px;
-webkit-border-radius:3px;
-moz-border-radius:3px;
font-weight:bold;
border:1px white solid;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#c5deea+0,8abbd7+0,066dab+100 */
background: rgb(197,222,234); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(197,222,234,1) 0%, rgba(138,187,215,1) 0%, rgba(6,109,171,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(197,222,234,1) 0%,rgba(138,187,215,1) 0%,rgba(6,109,171,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(197,222,234,1) 0%,rgba(138,187,215,1) 0%,rgba(6,109,171,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c5deea', endColorstr='#066dab',GradientType=0 ); /* IE6-9 */
border-bottom:2px #88bad6 solid;
}


nav.area_navi li a:hover{
color:white;
background:#ff8900;
border-bottom:2px #d6b388 solid;
border:1px #eeeeee solid;
}

table.area_style  {
border-spacing:0px;
background:white;
width:100%;
border:1px #eeeeee solid;
}

table.area_style tr {

} 

table.area_style td{
border-bottom:1px #eeeeee solid;
padding:30px 0 10px 0;
width:20%;
font-size:16px;
text-align:center;

} 

table.area_style tr > *:first-child{
background: url(img/bk_map1.png) center top no-repeat;
font-weight:bold;
}

table.area_style tr > *:first-child + *{
background: url(img/bk_map2.png) center top no-repeat;
color:#e48108;
}

table.area_style tr > *:first-child + * + *{
background: url(img/bk_map3.png) center top no-repeat;
color:#46be41;
}

table.area_style tr > *:first-child + * + * + *{
background: url(img/bk_map4.png) center top no-repeat;
color:#20a1a1;

}

table.area_style tr > *:first-child + * + * + * + *{
background: url(img/bk_map5.png) center top no-repeat;
color:#e71700;
}


ul.map_detail{
border:3px ghostwhite solid;
padding:10px 0;
background:white;
margin:20px 0 30px 0;
text-align:center;
}

ul.map_detail li{
display: inline-block;/display: inline;/zoom:1;
vertical-align: top;
font-size:12px;
padding:5px 30px 5px 30px;
}

ul.map_detail  > *:first-child{
background: url(img/bk_map1.png) 0 -8px no-repeat;
}

ul.map_detail  > *:first-child + *{
background: url(img/bk_map2.png) 0 -8px no-repeat;
color:#e48108;
}

ul.map_detail  > *:first-child + * + *{
background: url(img/bk_map3.png)  0 -8px no-repeat;
color:#46be41;
}

ul.map_detail  > *:first-child + * + * + *{
background: url(img/bk_map4.png)  0 -8px no-repeat;
color:#20a1a1;
}

ul.map_detail  > *:first-child + * + * + * + *{
background: url(img/bk_map5.png)  0 -8px no-repeat;
color:#e71700;

}

div.back_btn {
margin:0px auto;
text-align:center;
}

div.back_btn a{
display:block;
display: inline-block;/display: inline;/zoom:1;
padding:15px 20px;
margin:-1px  0;
font-size:14px;
letter-spacing:2px;
border:1px #eeeeee solid;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffa84c+0,ff7b0d+100;Orange+3D */
background: rgb(255,168,76); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(255,168,76,1) 0%, rgba(255,123,13,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(255,168,76,1) 0%,rgba(255,123,13,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(255,168,76,1) 0%,rgba(255,123,13,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffa84c', endColorstr='#ff7b0d',GradientType=0 ); /* IE6-9 */
color:white;
font-weight:bold;
}


/*--------------------------------------● お見積もりフォーム・お問い合わせフォーム */

table.form {
background:white;
border:1px #eeeeee solid;
border-spacing:0;
width:100%;
}

table.form th{
font-weight:normal;
}


table.form td{
background:white;
border-bottom:1px #eeeeee solid;
padding:10px;
}

table.form tr  > *:first-child{
background:ghostwhite;
text-align:center;
}

table.form textarea,

table.form input{
border:1px gray solid;
margin:0 0 10px 0;
width:90%;
padding:5px;
}

table.form input[type="reset"],

table.form input[type="submit"]{
width:auto;
background:white;
padding:10px;
}

table.form td input[type="checkbox"]{
width:auto;
background:white;
padding:10px;
}


/*--------------------------------------● 会社概要 */

#auther {
text-align:right;
font-size:20px;
padding:30px 0 0 0;
}

#auther span{
font-size:30px;
}

article.company {
background:white url(img/bk_sky.jpg) center top no-repeat;
padding:100px 100px 30px 100px;
}


table.company{
border-spacing:0;
border:1px #eeeeee solid;
background:white;
font-size:14px;
width:100%;
margin: 0 ;
}



table.company td{
padding:10px;
line-height:1.6;
border-bottom:1px #eeeeee solid;
}





/* --------------------------------------● gps.html, gis.html, checkstuff.html共通ナビゲーション設定*/
nav#others{
text-align:center;
margin:50px 0;
background:white;
}


nav#others  li {
vertical-align: top;
display: inline-block;/display: inline;/zoom:1;
width:32%;
margin:0 1px 0 0 ;
position:relative;
}

nav#others  li span{
position:absolute;
left:95px;
top:60px;
font-size:30px;
color:#ffb900;
}



nav#others  li a{
color:black;
display:block;
text-align:center;
padding:10px 0;
line-height:1.6;
color:gray;
border-bottom:2px #eeeeee solid;
}
nav#others  li#hit a{
background:#00d4d6;
color:white;
font-weight:bold;
border-bottom:2px #00d4d6 solid;
}

nav#others  li a:hover{
background:#ffb900;
color:white;
border-bottom:2px #ffb900 solid;
}

div.others_wrap {
margin:0px 0;
}



/* ●gps.html, gis.html, checkstuff.html共通タイトル設定 */
div.others_wrap h4{
font-size:20px;
padding:0px 0px;
background:white;
border-bottom:1px #eeeeee solid;
text-align:center;
}

div.others_wrap h4 br{
display:none;
}

div.others_wrap h4 span{
border-bottom:3px #9b9b9b solid;
padding:30px 0px 10px 0px;
color:#00d5d7;
font-weight:bold;
display: inline-block;/display: inline;/zoom:1;
}


/* ●gps.html, gis.html, checkstuff.htmlインライン要素設定 */
div.others_wrap p.pic{
display: inline-block;/display: inline;/zoom:1;
vertical-align: top;
width:40%;
}

article.contents div.others_wrap .txt{
display: inline-block;/display: inline;/zoom:1;
vertical-align: top;
width:57%;
padding:10px 0 20px 20px !important;
font-size:14px;
line-height:2 !important;
border-left:1px #eeeeee solid;
}
article.contents div.others_wrap ol{
margin:0;
background:white;
border:1px #eeeeee solid;
padding:0px;
}

article.contents div.others_wrap ol li{
padding:5px 10px;
list-style-type:decimal;
list-style-position:inside;
border-bottom:1px #eeeeee dotted;
}


























/*------------------------------------------------------------------*/
@media screen and (max-width:1080px){

}


/*------------------------------------------------------------------*/
@media screen and (max-width:1024px){

header{
width:1010px;
margin:0px auto;
text-align:center;
height:93px;
line-height:93px;
}

div#wrapper {
min-width:0;
width:980px;
}





div#include_wrap1 {
min-width:0;
}

div#include_wrap2 {
min-width:0;
}

nav#global_navigation {
width:1000px;
}

footer div#footer_wrap {
min-width:0;
}
section#main_contents {
width:660px;
vertical-align: top;
display: inline-block;/display: inline;/zoom:1;
float:none;
margin:0 20px 0 0;
}


section#main_contents article#merit ul#points li{
width:auto;
display: block;
text-align:left;
margin:0 0 20px 0 ;
}

section#main_contents article#merit ul#points li p{
padding:0 0 0 10px;
}


article#contact_navi_wrap nav#contact_navi ul li {
vertical-align: top;
display: inline-block;/display: inline;/zoom:1;
}

article#merit ul#points li div{
display: inline-block;/display: inline;/zoom:1;
vertical-align: top;
width:63%;
}

article#merit ul#points li h4 {
display: inline-block;/display: inline;/zoom:1;
vertical-align: top;
}


h3#contact_title {
text-align:center;h3#contact_title {
font-size:27px;
}


color:#ff5f5e;
font-size:30px;
padding:20px 0;
}


aside{
width:300px;
vertical-align: top;
display: inline-block;/display: inline;/zoom:1;
float:none;
}

article#contact_navi_wrap nav#contact_navi ul li {
vertical-align: top;
display: inline-block;/display: inline;/zoom:1;
text-align:center;
padding:0 0 20px 0;
width:50%;

}
article#contact_navi_wrap nav#contact_navi ul li img{
width:100%;
}



aside img {
width:100%;
}

footer div#footer_wrap {
min-width:0;
}


footer nav#footer_navi {
display: block;
width:90%;
margin:0 auto;
text-align:left;
}
footer nav#footer_navi ul li {
vertical-align: top;
display: inline-block;/display: inline;/zoom:1;
padding:0 10px 10px 0;
font-size:12px;
}

footer div#copyright {
width:90%;
display: block;
font-size:19px;
text-align:center;
margin:0px auto;
}


}

/*------------------------------------------------------------------*/
@media screen and (max-width:800px){

header{
width:auto;
margin:0px auto;
text-align:center;
height:93px;
line-height:93px;
}

header img {
vertical-align:middle;
}

div#logo {
vertical-align: top;
display: inline-block;/display: inline;/zoom:1;
margin:0 10px 0 0;
}
div#tel {
vertical-align: top;
display: inline-block;/display: inline;/zoom:1;
}

nav#global_navigation{
width:100%;
margin:0px auto;
}

nav#global_navigation ul li {
vertical-align: top;
display: inline-block;/display: inline;/zoom:1;
width:16.534615384615385%;
text-align:center;
margin:0 1px 0 0 ;
}

#main_image{
width:100%;

}

#main_image img{
width:100%;
}

div#wrapper {
min-width:0;
width:100%;
}

aside,
section#main_contents {
margin:0px auto;
width:90%;
display:block;
}



article#contact_navi_wrap nav#contact_navi ul li {
vertical-align: top;
display: inline-block;/display: inline;/zoom:1;
text-align:center;
padding:0 0 20px 0;
width:50%;
}

article#contact_navi_wrap nav#contact_navi ul li img{
border:0px #eeeeee solid;
width:100%;
}

aside ul.bnr {
display: inline-block;/display: inline;/zoom:1;
vertical-align: top;
margin:20px 20px 0 0;
}

aside  ul.third_navigation {
text-align:center;
}


aside  ul.third_navigation li{
margin:0 1px 1px 0;
width:49%;
text-align:left;
vertical-align: top;
display: inline-block;/display: inline;/zoom:1;
}

aside  ul.third_navigation li a{
height:50px;
line-height:50px;
}

aside  ul.third_navigation li a:hover{
background:#ff8900;
}

ul.sub_navi_contact{
display:none;
}

ul#flowchart li{
vertical-align: top;
display: inline-block;/display: inline;/zoom:1;
border:1px #eeeeee solid;
border-top:1px #ffdc35 solid;
border-bottom:3px #eeeeee solid;
background:white;
text-align:left;
padding:20px 0 20px 0;
width:48%;
}


ul#flowchart li{
padding:20px 0 20px 0;
width:45%;
}

ul#flowchart > *:first-child,
ul#flowchart > *:first-child + * + *,
ul#flowchart > *:first-child + * + * + * + *{
margin:0 0px 22px 0 ;
}

article.contents div.others_wrap .txt{
width:50%;
}


}



/*------------------------------------------------------------------*/
@media screen and (max-width:768px){

div#include_wrap2 {
background: url(img/bk_wrap_peaple2.png) center top no-repeat;
}


nav#global_navigation{
width:100%;
margin:0px auto;
}

nav#global_navigation ul li {
vertical-align: top;
display: inline-block;/display: inline;/zoom:1;
width:33.183333333333336%;
text-align:center;
margin:0 1px 1px 0 ;
}

div#main_image {
margin:10px 0 30px 0;
height:auto;
line-height:1;
}

nav.area_navi li{
width:30%;
}


ul#merits, 
ul#about_posting{
padding:10px 0 0 0 ;
}

ul#merits li, 
ul#about_posting li{
width:48.5%;
display: inline-block;/display: inline;/zoom:1;
vertical-align: top;
border:1px #eeeeee solid;
background:white;
margin:0 0 30px 0;
padding:0 0 0px 0;
}

ul#merits li p, 
ul#about_posting li p{
font-size:15px;
margin:0px 20px;
padding:10px 0;
border-bottom:1px #dddddd dotted;
}

ul#merits > *:first-child, 
ul#merits > *:first-child + * + *, 
ul#merits > *:first-child + * + * + * + *, 
ul#about_posting  > *:first-child, 
ul#about_posting  > *:first-child + * + *, 
ul#about_posting  > *:first-child + * + * + * + *{
margin:0 10px 25px 0;
} 

ul#merits img.pic,
ul#about_posting img.pic{
margin:0 20px 10px 0;
float:left;
border:5px white solid;
}


ul#merits h4 br,
ul#about_posting h4 br {
display:block;
}


nav#others  li span{

left:90px;
top:60px;

}



}

/*------------------------------------------------------------------*/
@media screen and (max-width:736px){

article#merit ul#points li div{
display: inline-block;/display: inline;/zoom:1;
vertical-align: top;
width:62%;
}
article.contents div.others_wrap .pic{
display:block;
width:auto;
text-align:center;
}

article.contents div.others_wrap .txt{
width:auto;
display:block;
}

div.others_wrap h4{
text-align:center;
}

}



/*------------------------------------------------------------------*/
@media screen and (max-width:667px){

div#logo {
vertical-align: top;
display: inline-block;/display: inline;/zoom:1;
margin:0 0px 0 0;
width:40%;
}
div#tel {
vertical-align: top;
display: inline-block;/display: inline;/zoom:1;
width:50%;
}

section#main_contents article#introduction p{
margin:0 0 0 0px;
}

div#logo img,
div#tel img{
width:100%;
height:auto;
}

nav#global_navigation ul li {
vertical-align: top;
display: inline-block;/display: inline;/zoom:1;
width:33.153333333333336%;
text-align:center;
margin:0 1px 1px 0 ;
}

article#merit ul#points li div{
display: inline-block;/display: inline;/zoom:1;
vertical-align: top;
width:55%;
}

h3#index_title {
padding:20px 0;
}


h3#index_title img{
display:block;
}

aside ul.bnr {
display: inline-block;/display: inline;/zoom:1;
vertical-align: top;
margin:20px 5px 0 0;
width:45%;
}
h3#contact_title {
font-size:27px;
}




section#main_contents article.contents div.table_wrap  > *:first-child{
margin:0 0px 30px 0 ;
}

section#main_contents article.contents table.price{ 
width:100%;
}
section#main_contents article.contents table.price th,
section#main_contents article.contents table.price td {
display:table-cell;
border-bottom:1px #eeeeee solid;
}


nav#others  li {
display:block;
width:90%;
margin:0 auto;
}

nav#others  li br{
display:none;
}

div.others_wrap h4{
padding:0;
}


div.others_wrap h4 span {
letter-spacing:1px;
}


.s3 {
background:#ffbe51 url(img/bk_check.png) 10px 2px no-repeat;
font-size:15px;
}.s3 {
background:#ffbe51 url(img/bk_check.png) 10px 2px no-repeat;
font-size:15px;
}

ul#others li{
padding:0px 0px 10px 0 ;
border-bottom:1px #cccccc dotted;
border-right:1px #cccccc dotted;
background:white;
width:48%;
margin:0 0 10px 0;
display: inline-block;/display: inline;/zoom:1;
vertical-align: top;
}


ul#others li h4 span{
font-size:20px;
font-weight:bold;
}

nav#others  li span{

left:20px;
top:10px;

}



}



/* ---------------------------------------------------------- */
@media screen and (max-width:640px){

h2#index_title img{
width:100%;
}

h3#contact_title {
text-align:center;
color:#ff5f5e;
font-size:23px;
padding:20px 0;
}

article.company {
background:white url(img/bk_sky.jpg) center top no-repeat;
padding:100px 50px;
}


}

/* ---------------------------------------------------------- */
@media screen and (max-width:603px){
article#merit ul#points li div{
display: inline-block;/display: inline;/zoom:1;
vertical-align: top;
width:53%;
}
nav.area_navi li{
width:45%;
}


ul#merits li, 
ul#about_posting li{
width:100%;
}

ul#merits h4 br,
ul#about_posting h4 br{
display:none;
}

.s3 {
background:#ffbe51 url(img/bk_check.png) 10px 2px no-repeat;
font-size:15px;
}

div.include_wrap3 p{
padding:0 0px;
margin:5px 10px;
}

ul#others li{
padding:0px 0px 10px 0 ;
border-bottom:1px #cccccc dotted;
border-right:1px #cccccc dotted;
background:white;
width:100%;
margin:0 0 10px 0;
display: inline-block;/display: inline;/zoom:1;
vertical-align: top;
}

ul#others > *:first-child,
ul#others > *:first-child + * + *{
margin:0 0px 10px 0px;
}

ul#others li h4 br{
display:none;
}

ul#others li h4 span.arrow2{
top:10px;
}



}


/* ---------------------------------------------------------- */
@media screen and (max-width : 600px) {





}



/* ---------------------------------------------------------- */
@media screen and (max-width:568px){

nav#global_navigation ul li {
vertical-align: top;
display: inline-block;/display: inline;/zoom:1;
width:33.123333333333336%;
text-align:center;
margin:0 1px 1px 0 ;
}


article#merit ul#points li div{
display: inline-block;/display: inline;/zoom:1;
vertical-align: top;
width:50%;
}


ul#flowchart {
text-align:center;
margin:0 0 30px 0;
}


ul#flowchart li{
width:100%;

}

section#main_contents article.contents ul#flowchart li p{
padding:15px 20px 0 20px;
line-height:1.4;
color:#3e2a00;
}

ul#flowchart > *:first-child,
ul#flowchart > *:first-child + * + *,
ul#flowchart > *:first-child + * + * + * + *{
margin:0 24px 24px 0 ;
}

table.stuff th,
table.stuff td{
display:block;
clear:both;
float:left;
width:90% !important;
text-align:center;
border-bottom:1px #eeeeee solid;
}

table.stuff input[type="submit"],
table.stuff textarea,
table.stuff input[type="text"]{
border:1px gray solid;
padding:5px;
background:white;
}

table.form th,
table.form td{
display:block;
clear:both;
float:left;
}


table.form th{
padding:10px 0;
width:100%;
}

div.others_wrap h4{
font-size:20px;
padding:0px 0px;
background:white;
border-bottom:1px #eeeeee solid;
letter-spacing:1px;
}

div.others_wrap h4 span{
display:block;
}


nav#others  li a{
line-height:1;
padding:15px 0;
border-bottom:1px #c9c9c9 solid;
}


nav#others  li#hit a{
font-size:16px;
border-bottom:1px #00d4d6 solid;
}

nav#others  li a:hover{

border-bottom:1px #ffb900 solid;
}



}

/* ---------------------------------------------------------- */
@media screen and (max-width:533px){

header{
height:auto;
}

div#logo {
display: block;
margin:0 0px 0 0;
width:auto;
height:79px;
line-height:79px;
padding:10px 0;
}
div#tel {
height:63px;
line-height:63px;
display: block;
margin:0 0px 0 0;
width:auto;
padding:0;
padding:0 0 10px 0;
}

div#logo img,
div#tel img{
width:auto;
height:auto;
}


section#main_contents article#introduction p{
margin:0 0 0 0px;
}

h2.title{
font-size:25px;
padding:25px 0 0px 0;
text-align:center;
border:1px #eeeeee solid;
background:white;
margin:0 0 25px 0;
height:60px;
}



h3#index_title {
text-align:center;
}

h3#index_title img{
margin:0px auto 20px auto;
}







article#merit ul#points li div{
display: block;
width:auto;
margin:20px 0;
}

article#merit ul#points li div p{
padding:0 !important;
margin:0;
text-align:left;
}


section#main_contents article#merit ul#points {
text-align:center;
}
section#main_contents article#merit ul#points li{
width:100%;
display: block;
text-align:center;
margin:0 1px 0 0 ;
}



h3#contact_title {
font-size:20px;
font-weight:bold;
}

aside {
width:90%;
margin:0px auto;
}

aside ul.bnr {
display: block;
margin:20px auto;
width:300px;
}

aside  ul.third_navigation li{
margin:0 1px 1px 0;
width:49%;
text-align:left;
vertical-align: top;
display: inline-block;/display: inline;/zoom:1;
}

article#contact_navi_wrap ul,
article#contact_navi_wrap{
width:300px;
margin:0px auto;

}


article#contact_navi_wrap nav#contact_navi ul li {
display: block;
text-align:center;
width:300px;
padding:0 0 20px 0;
}

article#contact_navi_wrap nav#contact_navi ul li img{
border:1px #eeeeee solid;
}


ul#flowchart li{
padding:20px 0 20px 0;
width:100%;
}

ul#flowchart > *:first-child,
ul#flowchart > *:first-child + * + *,
ul#flowchart > *:first-child + * + * + * + *{
margin:0 0 22px 0;
}

dl.feedback_list{

}

dl.feedback_list dt{
display:block;
width:auto;
}

dl.feedback_list dt br{
display:none;
}

dl.feedback_list dd{
display:block;

width:auto;
}


div.others_wrap h4 span br{
display:block;
}


div.include_wrap4 {
border:0px ghostwhite solid;
padding:15px 0px;
text-align:center;
margin:0px 0;
background:none;
}

.s3 {
background:#ffbe51 url(img/bk_check.png) 10px 2px no-repeat;
font-size:16px;
} 





}



/* ---------------------------------------------------------- */
@media screen and (max-width:480px){

h1 {
display:none;
}

nav#global_navigation ul li {
width:33.111333333333336%;
margin:0 1px 1px 0 ;
}

footer p img {
width:100%;
}

section#main_contents article#introduction {
background:white;
padding:10px;
margin:10px 0 0 0 ;
}

ul.charge_table  {
background:white;
border:1px #eeeeee solid;
margin:-1px 0 0px 0;
}

ul.charge_table li {
vertical-align: top;
display: inline-block;/display: inline;/zoom:1;
width:49%;
padding:20px 0;
text-align:center;
}

section#main_contents article.contents ul.charge_table > *:first-child {
width:100%;
border-bottom:1px #eeeeee solid;
padding:10px 0;
}


section#main_contents article.contents div.table_wrap  > *:first-child{
margin:0 0px 30px 0 ;
}

section#main_contents article.contents table.price{ 
width:400px;
}
section#main_contents article.contents table.price th,
section#main_contents article.contents table.price td {
display: inline-block;/display: inline;/zoom:1;
clear:none;
width:400px;
}

/* ●topicpath */

div#topic_path ul{
text-align:center;
}

div#topic_path ul li.home,
div#topic_path ul li.under{
display: block;
width:100%;
margin:0 0 1px 0;
}

div#topic_path ul li a{
line-height:30px;
height:30px;
}

div#topic_path ul li.home a{
border-bottom:#ffb900 0px solid;
}


article.company {
background:none;
padding:0px;
}





}







/* ---------------------------------------------------------- */
@media screen and (max-width:414px){



nav#global_navigation{
margin:0px auto;
width:330px;
}
nav#global_navigation ul li {
width:164px;
margin:0 1px 1px 0 ;
}


div#logo img{
width:auto;
height:auto;
}
div#tel img{
width:90%;
height:auto;
}

h2.title{
font-size:20px;
padding:25px 0 0px 0;
text-align:center;
border:1px #eeeeee solid;
background:white;
margin:0 0 25px 0;
height:60px;
}


h3#index_title{
font-size:22px;

}

aside  ul.third_navigation li{
margin:0 1px 1px 0;
width:100%;
text-align:left;
display:block;
}


section#main_contents article.contents table.price{ 
width:350px;
}
section#main_contents article.contents table.price th,
section#main_contents article.contents table.price td {
display: inline-block;/display: inline;/zoom:1;
clear:none;
width:350px;
}

table.stuff th{
border-bottom:1px #eeeeee solid;
border-right:0px;
width:auto;
display:block;
clear:both;
float:left;

}

table.stuff td{
width:auto;
display:block;
clear:both;
float:left;

border-bottom:1px #eeeeee solid;

}

nav.area_navi li{
width:100%;
}

table.area_style  {
width:100%;

}



table.area_style td{
padding:30px 0 10px 0;
width:48.5%;
vertical-align: top;
display: inline-block;/display: inline;/zoom:1;
} 


table.area_style tr > *:first-child{
width:100%;
display:block;
clear:both;
float:left;

}

table.area_style tr > *:first-child + *,
table.area_style tr > *:first-child + * + * + *{
border-right:1px #eeeeee solid
}

article.index_contents div.include_wrap4 p {
line-height:1;
}

article.index_contents div.include_wrap4 p br {
display:none;
}



.s3 {
background-color:#ffbe51;
background-image:none;
font-size:20px;
display: block;
padding:10px 10px ;
margin:5px 0 !importnat;
border-radius:10px ;
-moz-border-radius:10px ;
-webkit-border-radius:10px ;
font-size:13px;
line-height:1;
}

nav#others  li span{

left:140px;
top:35px;

}


}

/* ---------------------------------------------------------- */
@media screen and (max-width:384px){

section#main_contents article.contents table.price{ 
width:260px;
}
section#main_contents article.contents table.price th,
section#main_contents article.contents table.price td {
display: inline-block;/display: inline;/zoom:1;
clear:none;
width:260px;
}



}

/* ---------------------------------------------------------- */
@media screen and (max-width:375px){

ul#others li h4,
ul#others li h4 span{
font-size:16px;
}

ul#others li h4 span.arrow2{
display:none;
}

nav#others  li span{

left:125px;
top:35px;

}




}





/* ---------------------------------------------------------- */
@media screen and (max-width:360px){

h2.title{
font-size:20px;

}

h2.title span.sub_title {
display: block;
background:#ffe879;
font-size:11px;
font-family:arial;
margin:0 20px ;
}

h2.title span.arrow {
font-size:50px;
padding:0;
color:#ffe879;
margin:-10px 0 0 0;
display:block;
}

}


/* ---------------------------------------------------------- */
@media screen and (max-width:320px){

h2#index_title img{
display:none;
}

h2#index_title span{
display:block;
background:#00d5d7;
color:white;
text-align:center;
font-size:20px;
padding:10px 0;
font-weight:bold;
/* border-radius */
border-radius:3px;
-webkit-border-radius:3px;
-moz-border-radius:3px;
}

h3#index_title br{
display: inline-block;/display: inline;/zoom:1;
}

span.s1{
font-weight:bold;
font-size:16px;
}

span.s2{
font-weight:bold;
font-size:16px;
}


aside  ul.third_navigation li{
margin:0 0px 1px 0;
width:100%;
text-align:left;
display:block;
}


nav#global_navigation{
margin:0px auto;
width:90%;
}
nav#global_navigation ul li {
width:100%;
margin:0 0px 1px 0 ;
}

article#introduction {
height:auto !important;
padding:0px!important;
background:none;
}

article#introduction br{
display:none;
}

article#introduction p{
padding:0 !important;
}


div#include_wrap2 {
background: none;
min-width:0;
}

aside{
width:260px;
}

aside ul.bnr,
aside img{
width:260px;
}


article#contact_navi_wrap nav#contact_navi ul li {
display: block;
text-align:center;
padding:0 0 20px 0;
width:260px;

}

article#contact_navi_wrap nav#contact_navi ul li img{
border:1px #eeeeee solid;
}

article#contact_navi_wrap nav#contact_navi ul li img{
width:100%;
border:1px #eeeeee solid;

}

nav#others  li br{
display:block;
}


div.others_wrap h4 span {
font-size:16px;
}

nav#others  li span{

left:105px;
top:50px;

}

}

.note1{ color:#585a5e;
	font-size: smaller;
	text-align: center;
	margin: 15px;
	padding-bottom: 0;
}

.brplus{	padding-bottom: 30;
}
.center {
}